@charset "utf-8";
@import url('fonts.css');

html, body,
h1, h2, h3, h4, h5, h6,
input, select, textarea, button, option{font-family:"Noto Sans KR", "맑은 고딕", "돋움", dotum, sans-serif;}

html{position:relative;}
html, body{font-weight:normal;color:#000;}
body{position:relative;font-size:13px;word-break:keep-all;}
body, div, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, form, fieldset, legend, button, p, pre, blockquote, menu, figure, input{margin:0;padding:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, select, input, textarea, p, blockquote, th, td, menu, button, a, span, strong, label, header, footer, section, article, aside, nav, hgroup, details, figure, figcaption{word-break:break-word;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;word-break:keep-all;}
h1, h2, h3, h4, h5, h6, input, select, textarea, button, option{font-weight:normal;color:inherit;}
pre, code, samp, kbd{font-family:inherit;}
em, var, address{font-style:normal;}
ul, ol, li{list-style:none;}

legend, fieldset, button, img{border:0 none;}
input, select, textarea, button, label, strong, a, time{vertical-align:inherit;}
input, select, textarea, button, option{font-family:inherit;font-weight:inherit;}
input[type="text"]::-webkit-search-cancel-button{appearance:none;-webkit-appearance:none;}
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear{display:none;}
button, select, option{color:inherit;text-transform:none;}
textarea{resize:none;}
caption, legend{width:1px;height:1px;overflow:hidden;margin:-1px;clip:rect(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0;}
button{overflow:visible;text-align:left;cursor:pointer;background:none;}
a{color:inherit;text-decoration:none;}

/*
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background-color:transparent;border-radius:5px;}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.3);border-radius:5px;height:10%;}
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.3);}
*/

::-webkit-input-placeholder{color:#6D7882;} /* Chrome/Opera/Safari */
::-moz-placeholder{color:#6D7882;} /* Firefox 19+ */
:-ms-input-placeholder{color:#6D7882;} /* IE 10+ */
:-moz-placeholder{color:#6D7882;} /* Firefox 18- */

@media screen and (max-device-width:480px){
	html, body{
		text-size-adjust:none;
		-moz-text-size-adjust:none;
		-ms-text-size-adjust:none;
		-webkit-text-size-adjust:none;
		-webkit-tap-highlight-color:transparent;
		-webkit-user-select:none;
	}
}

body{background-color:#fff;}
body.hiddenScroll{overflow:hidden;}

/*
body.scrolled .header{background-color:#fff;height:69px;z-index:100;}
body.scrolled .header .iMenu1{background-image:url(../images/ico_menu1_b.png);}
body.scrolled .header{background-color:#fff;height:69px;z-index:100;}
body.scrolled .header .iMenu1{background-image:url(../images/ico_menu1_b.png);}
*/
.hidden,
.sound-only{position:absolute!important;width:1px!important;height:1px!important;clip:rect(0 0 0 0)!important;overflow:hidden!important;border:0!important;padding:0!important;margin:-1px!important;}

body.scrolled .header.scrolled{top:0;opacity:1;}
body.scrolled .iMenu1{background-image:url(../images/ico_menu1_b.png);}

.header.sticky,
.header.scrolled{position:fixed;top:0;left:0;display:flex;align-items:center;background:#fff;padding:18px 28px;text-align:left;width:100%;height:69px;opacity:0;z-index:1000;}
.header.sticky .logo,
.header.scrolled .logo{flex:1;}
.header.sticky .logo img,
.header.scrolled .logo img{height:31px;}
.header.sticky .iClose1,
.header.scrolled .iClose1{margin:-5px -14px 0 0;}
.header.sticky .iMenu1,
.header.scrolled .iMenu1{background-image:url(../images/ico_menu1_b.png);}

.header.sticky{position:sticky;opacity:1;}

.header{position:sticky;top:0;background:url(../images/img_keymain1.jpg) 50% 50% no-repeat;background-size:cover;text-align:center;height:251px;overflow:hidden;transition:all 0.4s 0s;}
.header .title{padding:59px 0 0}
.header h1{position:relative;margin:0 0 19px;padding:0 0 21px;}
.header h1:before{content:"";position:absolute;bottom:0;left:calc(50% - 27px);background-color:#fff;width:53px;height:2px;}
.header h1 img{height:44px;}
.header .title .txt{color:#fff;font-weight: 500;font-size: 17px;line-height: 25px;}
.iMenu1{z-index:1}

.iMenu1{position:fixed;top:3px;right:4px;display:inline-block;background:url(../images/ico_menu1.png) 50% 50% no-repeat;background-size:20px auto;text-indent:-9999px;font-size:0;width:60px;height:60px;}

.body{position:relative;background-color:#fff;border-radius:15px 15px 0 0;margin:-17px 0 0;padding:32px 20px;}

.mTitle1{font-weight: 700;font-size: 20px;line-height: 28px;margin:0 0 11px;text-align:center;}
.mTitle2{font-weight: 500;font-size: 17px;line-height: 24px;letter-spacing:-1px;margin:0 0 14px  5px;}

.mDetail1 + .mTitle2{margin-top:36px;}
.mDetail1{font-size: 14px;line-height: 23px;}
.mDetail1 .detail{display:none;}

.mButton1{margin:21px 0 0;text-align:center;}
.mButton1 .mBtn1{margin:0 3px;}

.modalBg{position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5);width:100%;height:100%;}

.lDetailmap1.active{display:block;}
.lDetailmap1{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1010;}
.lDetailmap1 .popup{position:fixed;top:50%;left:0;transform: translateY(-50%);border-radius:8px;padding:50px 10px;text-align:left;width:100%;max-height:calc(100% - 40px);max-height:100%;overflow:hidden auto;}
.lDetailmap1 .iClose1{position:absolute;top:0;right:0;background-image:url(../images/ico_close1.png);}
.lDetailmap1 .img{text-align:center;}
.lDetailmap1 .img img{width:100%;max-height:calc(100% - 60px);background-size:20px auto;}

.mBtn1{display:inline-block;border:1px solid #BBB;border-radius:10px;font-size: 14px;padding:0 10px;text-align:center;min-width:90px;line-height:38px;height:40px;}
.mBtn1.primary{border-color:#D14830;color:#D14830;}

.mList1 li + li{margin-top:10px;}
.mList1 li{border:1px solid #bbb;border-radius:10px;}
.mList1 li a{display:flex;align-items:center;background:url(../images/ico_list1_arr.png) calc(100% - 14px) 50% no-repeat;background-size:12px auto;padding:15px 18px;}
.mList1 li .img{display:block;border-radius:10px;margin:0 19px 0 0;width:79px;height:79px;overflow:hidden;}
.mList1 li .img img{object-fit:cover;width:100%;height:100%;}
.mList1 li .txt{flex:1;}
.mList1 li .txt .ti{display:block;font-weight: 500;font-size: 19px;line-height: 15px;}
.mList1 li .txt .tx{display:block;font-size:15px;line-height:19px;letter-spacing:-1px;margin:9px 0 0;}

.mList3 > ul > li + li{margin-top:12px;}
.mList3 > ul > li .img{display:block;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border-radius:10px 10px 0 0;padding:47% 0 0;height:0;}
.mList3 > ul > li .txt{display:block;border-radius:0 0 10px 10px;border:1px solid #BBB;border-top:0;padding:13px 25px 17px;}
.mList3 > ul > li .txt .ti{display:flex;}
.mList3 > ul > li .txt .ti .t{flex:1;font-weight: 700;font-size:18px;}
.mList3 > ul > li .txt .ti .iTel1{margin:2px -7px 0 0;}
.mList3 > ul > li .txt .ls{margin:-10px 0 0;}
.mList3 > ul > li .txt .ls li{position:relative;font-weight: 400;font-size:13px;line-height:19px;padding:0 0 0 12px;}
.mList3 > ul > li .txt .ls li:before{content:"";position:absolute;top:7px;left:3px;border-radius:50%;background-color:#000;width:3px;height:3px;}

.lMenu1.active{left:0;}
.lMenu1{position:fixed;top:0;left:100%;background-color:#fff;width:100%;height:100%;overflow:hidden auto;transition:all 0.4s 0s;z-index:1000;}
.lMenu1 .title{position:sticky;top:0;display:flex;align-items:center;background-color:#fff;padding:18px 28px;}
.lMenu1 .title .logo{flex:1;}
.lMenu1 .title .logo img{height:31px;}
.lMenu1 .title .iClose1{margin:-5px -14px 0 0;}
.lMenu1 .mList1{margin:0 0 0;padding:0 20px 30px;}

.iTel1,
.iClose1{display:inline-block;background:url(../images/ico_close1_b.png) 50% 50% no-repeat;background-size:16px auto;text-indent:-9999px;font-size:0;width:40px;height:40px;}
.iTel1{background-image:url(../images/ico_tel1.png);background-size:39px auto;width:39px;height:39px;}

.mKeysub1{position:relative;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;display:-webkit-flex;display:flex;align-items:center;justify-content:center;height:146px;}
.mKeysub1:before{content:"";position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.4);width:100%;height:100%;}
.mKeysub1 .txt{position:relative;flex:1;color:#fff;text-align:center;}
.mKeysub1 .ti,
.mKeysub1 .tx{display:block;font-weight: 700;font-size:24px;line-height:28px;}
.mKeysub1 .ti{margin-top:-7px;}
.mKeysub1 .tx{font-weight: 500;font-size:16px;margin:2px 0 0;}