@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;letter-spacing:-0.2px;}

html{position:relative;}
html, body{font-weight:normal;color:#000;}
body{position:relative;font-size:16px;word-break:break-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:break-all;}
h1, h2, h3, h4, h5, h6, input, select, textarea, button, option{font-size:15px;font-weight:normal;color:inherit;}
pre, code, samp, kbd{font-family:inherit;}
em, var, address{font-style:normal;}
ul, ol{list-style-type: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;}
button, select, option{color:inherit;text-transform:none;}
caption, legend{position:absolute;top:-9999px;left:-9999px;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:#000;text-decoration:none;}
.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;}
img{vertical-align:middle;}

.forMobile{display:none;}

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

.scroll{/*margin:0 2px;*/overflow:hidden;overflow-y:auto;}
.scroll::-webkit-scrollbar{width:5px;height:5px;}
.scroll::-webkit-scrollbar-track{background-color:#d5d9e1;border-radius:5px;}
.scroll::-webkit-scrollbar-thumb{background:#adb4c2;border-radius:5px;height: 10%;}
.scroll::-webkit-scrollbar-thumb:hover{background: #adb4c2;}

#skipnavigation{position:relative;z-index:1100;}
#skipnavigation .skip{position:absolute;top:0;left:0;}
#skipnavigation a{display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;background-color:#000;color:#fff;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{height:auto;width:auto;padding:5px;margin-bottom:10px;}

html,
body{height:100%;}
body{background-color:#fff;}
body.hiddenScroll{overflow:hidden;}

#wrap{padding:93px 0 0;height:100%;}

#header{position:absolute;top:0;left:0;display:-webkit-flex;display:flex;align-items:center;box-shadow:5px 5px 5px rgba(0,0,0,0.1);background:url(../images/k_header_map.png) 0 0 repeat-y;background-size:100% auto;border-bottom:1px solid #3e5db0;width:100%;z-index:100;}
#header:before{content:"";position:absolute;bottom:2px;left:0;background-color:#000;width:100%;height:1px;}
#header h1{background:url(../images/logo_map.png) 28px calc(50% + 2px) no-repeat;color:#fff;font-size:26px;padding:0 0 0 68px;line-height:89px;height:93px;}
#header .util{-webkit-flex:1;flex:1;padding:0 20px 0 0;text-align:right;}
#header .util .mCheckbox2 + .mCheckbox2, /* add20240923-2 */
#header .util a + a{margin-left:11px;}
#header .util a{display:inline-block;background-color:#fff;color:#011;font-size:15px;font-family:'SCoreDream';border-radius:8px;text-align:center;min-width:145px;}
#header .util a > span{display:inline-block;background:url(../images/ico_map1_1.png) 0 50% no-repeat;font-weight:500;padding:0 0 0 28px;line-height:50px;height:50px;}
#header .util .mBtn2.primary{display:inline-block;background-color:#2c3870;border-color:#2c3870;color:#fff;font-size:16px;letter-spacing:-0.5px;font-family:"SCoreDream";font-weight:500;margin:0 0 0 11px;padding:0 20px;text-align:center;min-width:120px;}
#header .util .mBtn2.primary > span{display:inline-block;background:url(../images/ico_find1_w.png) 0 50% no-repeat;padding:0 0 0 30px;height:100%;}
#header .util a.i2 > span{background-image:url(../images/ico_map1_2.png);}
#header .util a.i3 > span{background-image:url(../images/ico_map1_3.png);}
#header .util a.i4 > span{background-image:url(../images/ico_map1_4.png);}
#header .util a.i5 > span{background-image:url(../images/ico_map1_5.png);}

.mLnb1{position:fixed;top:93px;left:0;background-color:#fff;width:370px;height:calc(100% - 93px);z-index:10;}
.mLnb1 .title{display:-webkit-flex;display:flex;align-items:center;font-size:16px;font-weight:500;padding:0 20px;height:68px;}
.mLnb1 .title h2{-webkit-flex:1;flex:1;font-weight:500;}
.mLnb1 .list{border-top:1px solid #ddd;overflow:hidden;overflow-y:auto;max-height:calc(100% - 136px);}
.mLnb1 .list li + li{border-top:1px solid #ddd;}
.mLnb1 .list li{display:-webkit-flex;display:flex;padding:20px 18px;}
.mLnb1 .list li .num{border-radius:50%;background-color:#1a4ed2;color:#fff;font-weight:500;font-size:14px;margin:0 10px 0 0;text-align:center;min-width:26px;width:26px;line-height:26px;height:26px;}
.mLnb1 .list li .txt .ti{color:#000;font-size:20px;letter-spacing:-1px;}
.mLnb1 .list li .txt > p{color:#3f3f3f;font-size:15px;line-height:160%;margin:10px 0 0;}

.mPag{margin:20px 0 0;line-height:normal;text-align:center;}
.mPag a,
.mPag strong{display:inline-block;background-color:#fff;border:1px solid #dedede;color:#666;text-decoration:none;font-size:14px;margin:0 -1px 0 -4px;vertical-align:middle;text-align:center;min-width:42px;line-height:38px;height:40px;}
.mPag strong,
.mPag .active{position:relative;background-color:#202e70;border-color:#202e70;color:#fff;text-decoration:underline;}
.mPag .first,
.mPag .last,
.mPag .prev,
.mPag .next{position:relative;display:inline-block;background:url(../images/ico_pag_first.png) 50% 50% no-repeat #fff;text-indent:-9999px;font-size:0;overflow:hidden;z-index:10;}
.mPag .next,
.mPag .last{background-image:url(../images/ico_pag_last.png);}
.mPag .prev{background-image:url(../images/ico_pag_prev.png);margin:0 3px 0 1px;}
.mPag .next{background-image:url(../images/ico_pag_next.png);margin:0 3px 0 1px;}

#map{height:100%;}
.maparea{height:100%;height:100%;}

.mFlag1{position:absolute;z-index:10;}
.mFlag1 > .num{display:block;background-color:#305fd6;border-radius:50%;color:#fff;font-size:18px;font-weight:bold;text-align:center;width:44px;line-height:44px;height:44px;}

.lFlag1{position:absolute;bottom:62px;left:6%;border:1px solid #3f3f3f;border-radius:12px;box-shadow:8px 8px 8px rgba(0,0,0,0.1);background-color:#fff;margin-left:-180px;padding:23px 25px;width:360px;}
.lFlag1:before{content:"";position:absolute;bottom:-30px;left:50%;margin-left:-15px;background:url(../images/ico_flag1.png) 0 0 no-repeat;width:30px;height:30px;}
.lFlag1 .ti{font-size:20px;}
.lFlag1 .tx{color:#3f3f3f;font-size:15px;margin:12px 0 0;white-space:normal;}
.lFlag1 .button{text-align:right;margin:0 -10px -8px 0;}
.lFlag1 .button a{vertical-align:middle;margin-left:3px;}

.iFind,
.iDetail{display:inline-block;background:url(../images/ico_find2_w.png) 50% 50% no-repeat #905adb;border-radius:39px;text-indent:-9999px;font-size:0;width:39px;height:39px;}
.iDetail{background-image:url(../images/ico_detail3.png);}

/* add20240923 */
.mCheckbox2{position:relative;display:inline-block;cursor:pointer;}
.mCheckbox2 input{position:absolute;top:0;left:0;opacity:0;}
.mCheckbox2 .label{display:inline-block;background-color:#fff;color:#011;font-size:15px;font-family:'SCoreDream';border-radius:8px;text-align:center;font-weight:500;min-width:145px;line-height:50px;height:50px;}
.mCheckbox2 .label > span{position:relative;display:inline-block;padding:0 0 0 28px;}
.mCheckbox2 input + .label > span:before{content:"";position:absolute;top:50%;left:0;margin-top:-11px;background:url(../images/ico_map1_1.png) 50% 50% no-repeat;width:22px;height:22px;}
.mCheckbox2 input:checked + .label{background:url(../images/k_checkbox2.png) 0 0 repeat-x;}
.mCheckbox2 input:checked + .label > span{color:#000;}
.mCheckbox2.i2 input + .label > span:before{background-image:url(../images/ico_map1_2.png);}
.mCheckbox2.i3 input + .label > span:before{background-image:url(../images/ico_map1_3.png);}
.mCheckbox2.i4 input + .label > span:before{background-image:url(../images/ico_map1_4.png);}
.mCheckbox2.i5 input + .label > span:before{background-image:url(../images/ico_map1_5.png);}

.iClose1{position:absolute;bottom:69px;left:50%;margin-left:-12px;background:url(../images/ico_close3.png) 50% 50% no-repeat;text-indent:-9999px;font-size:0;width:22px;height:22px;}
/* //add20240923 */

.mDep3_m,
.forM{display:none;}

/* screen resolutions lower than 768px */
@media all and (max-width:1110px){

    #header h1{font-size:20px;background-position:13px calc(50% + 2px);padding:20px 0 0 53px;line-height:120%;}
    #header h1 strong{display:block;}
    /* modify20240923 */
    #header .util .mCheckbox2 .label,
    #header .util a{padding:0 5px;min-width:auto;}
    #header .util .mCheckbox2 + .mCheckbox2,
    #header .util a + a{margin-left:3px;}
    /* //modify20240923 */
    #header .util{padding-right:10px;}

}

/* screen resolutions lower than 768px */
@media all and (max-width:768px){

    .forW{display:none;}
    .forM{display:block;}

    body{overflow:hidden;}

    #wrap{padding:65px 0 0;}

    #header{height:65px;}
    #header .util{display:-webkit-flex;display:flex;padding:0 10px;}
    #header .util .mCheckbox2 + .mCheckbox2,
    #header .util a + a{margin-left:4px;}
    #header .util .mCheckbox2,
    #header .util a{-webkit-flex:1;flex:1;font-size:12px;border-radius:4px;padding:0;letter-spacing:-1px;min-width:auto;}
    #header .util .mCheckbox2 .label{display:block;border-radius:4px;padding:0;}
    #header .util .mCheckbox2 .label > span{display:block;padding:10px 0 0;font-size:12px;border-radius:4px;letter-spacing:-1px;min-width:auto;}
    #header .util .mCheckbox2 .label > span:before{top:10px;left:50%;margin-left:-11px;background-position:50% 12px;background-size:11px auto;padding:10px 0 0;}
    #header .util a > span{background-position:50% 10px;background-size:11px auto;padding:10px 0 0;line-height:45px;height:45px;}
    #header .util .mBtn2.primary{font-size:13px;margin:0 0 0 4px;padding:0 0;min-width:auto;line-height:50px;height:50px;}
    #header .util .mBtn2.primary > span{background-image:none;padding:0;}

    .mLnb1{position:fixed;top:auto;bottom:0;left:0;box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.15);height:auto;width:100%;overflow:hidden;}
    .mLnb1 .title.forW{display:none;}
    .mLnb1 .list{display:none;max-height:calc(100% - 77px);overflow-y:auto;transition:all 0.4s 0s;}
    .mLnb1 .list li{padding:15px 15px;}
    .mLnb1 .list li .num{font-size:12px;margin:3px 5px 0 0;width:20px;line-height:20px;height:20px;}
    .mLnb1 .list li .txt .ti{font-size:16px;}
    .mLnb1 .list li .txt > p{font-size:13px;line-height:140%;margin-top:5px;}
    .mLnb1 .mPag{border-top:1px solid #ddd;margin:0;padding-top:10px;}
    .mLnb1 .btnShowList{position:relative;display:block;text-indent:-9999px;font-size:0;width:100%;height:27px;}
    .mLnb1 .btnShowList:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/ico_arr1_m.png) 50% 50% no-repeat;background-size:13px auto;width:100%;height:100%;transition:all 0.4s 0s;}
    .mLnb1.active{box-shadow: 0px -5px 5px 0px rgba(0,0,0,0);height:290px;}
    .mLnb1.active .list{display:block;}
    .mLnb1.active .btnShowList:before{transform:rotate(180deg)}

    .mFlag1 > .num{font-size:14px;width:30px;line-height:30px;height:30px;}

    .lFlag1{bottom:50px;border-radius:10px;margin-left:-150px;padding:15px;width:300px;}
    .lFlag1:before{bottom:-15px;margin-left:-8px;background-size:15px auto;width:15px;height:15px;}
    .lFlag1 .ti{font-size:16px;}
    .lFlag1 .tx{font-size:13px;margin-top:8px;}
    .lFlag1 .button{margin:0 -10px -8px 0;}

    .iFind,
    .iDetail{background-size:13px auto;border-radius:30px;width:30px;height:30px;}

    .mPag{margin-top:10px;}
    .mPag a,
    .mPag strong{font-size:12px;margin:0 -1px 0 -4px;vertical-align:middle;text-align:center;min-width:30px;line-height:28px;height:30px;}
    .mPag .first,
    .mPag .last,
    .mPag .prev,
    .mPag .next{min-width:28px;width:28px;}

	/* add20240923-3 */
    /* .iClose1{bottom:150px;background-size:14px auto;margin-left:120px;} */
    .iClose1{bottom:58px;background-size:14px auto;margin-left:-13px;}
    /* //add20240923-3 */

}