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

html, body,
h1, h2, h3, h4, h5, h6,
input, select, textarea, button, option{font-family:"SCoreDream", "맑은 고딕", "돋움", 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:82px 0 0;height:100%;overflow:hidden;}

#header{position:absolute;top:0;left:0;display:-webkit-flex;display:flex;align-items:center;background:url(../images/k_header_map.png) 0 100% repeat-x;border-bottom:1px solid #727272;width:100%;z-index:100;}
#header h1{background:url(../images/logo_map.png) 28px calc(50% + 2px) no-repeat;color:#000;font-size:24px;font-weight:bold;letter-spacing:-1px;padding:0 0 0 30px;line-height:77px;height:81px;}
#header .util{-webkit-flex:1;flex:1;padding:0 20px 0 0;text-align:right;}
#header .util .for1150{display:none;}
#header .util .mCheckbox1 + .mCheckbox1,
#header .util a + a{margin-left:4px;}
#header .util .mCheckbox1{position:relative;cursor:pointer;}
#header .util .mCheckbox1 input{position:absolute;top:0;left:0;opacity:0.01;}
#header .util .mCheckbox1 .label,
#header .util a{display:inline-block;background-color:#fff;color:#0c0c0c;font-size:15px;font-family:'SCoreDream';border:1px solid #c9c9c9;border-radius:40px;text-align:center;padding:0 20px;min-width:128px;vertical-align:middle;transition:all 0.4s 0s;}
#header .util a + a{margin-left:2px;}
#header .util .mCheckbox1 .label span,
#header .util a > span{display:inline-block;background:url(../images/ico_navi1_1.png) 0 50% no-repeat;font-weight:500;padding:0 0 0 28px;line-height:40px;height:40px;}
#header .util .i2 .label > span,
#header .util a.i2 > span{background-image:url(../images/ico_navi1_2.png);}
#header .util .i3 .label > span,
#header .util a.i3 > span{background-image:url(../images/ico_navi1_7.png);}
#header .util .i4 .label > span,
#header .util a.i4 > span{background-image:url(../images/ico_navi1_6.png);}
#header .util .i5 .label > span,
#header .util a.i5 > span{background-image:url(../images/ico_navi1_3.png);}
#header .util .i6 .label > span,
#header .util a.i6 > span{background-image:url(../images/ico_navi1_4.png);}
#header .util .i7 .label > span,
#header .util a.i7 > span{background-image:url(../images/ico_navi1_8.png);}
#header .util .i8 .label > span,
#header .util a.i8 > span{background-image:url(../images/ico_navi1_9.png);}
#header .util .i9 .label > span,
#header .util a.i9 > span{background-image:url(../images/ico_navi1_5.png);}

#header .util .mCheckbox1 input:checked + .label,
#header .util a.active,
#header .util a:hover{position:relative;background-color:#00a3a6;border-color:#00a3a6;color:#fff;}
#header .util .mCheckbox1 input:checked + .label span,
#header .util a:hover > span,
#header .util a.active > span{background-image:url(../images/ico_navi1_1_a.png);}
#header .util .mCheckbox1.i2 input:checked + .label span,
#header .util a.i2:hover > span,
#header .util a.i2.active > span{background-image:url(../images/ico_navi1_2_a.png);}
#header .util .mCheckbox1.i3 input:checked + .label span,
#header .util a.i3:hover > span,
#header .util a.i3.active > span{background-image:url(../images/ico_navi1_3_a.png);}
#header .util .mCheckbox1.i4 input:checked + .label span,
#header .util a.i4:hover > span,
#header .util a.i4.active > span{background-image:url(../images/ico_navi1_4_a.png);}
#header .util .mCheckbox1.i5 input:checked + .label span,
#header .util a.i5:hover > span,
#header .util a.i5.active > span{background-image:url(../images/ico_navi1_5_a.png);}
#header .util .mCheckbox1.i6 input:checked + .label span,
#header .util a.i6:hover > span,
#header .util a.i6.active > span{background-image:url(../images/ico_navi1_6_a.png);}
#header .util .mCheckbox1.i7 input:checked + .label span,
#header .util a.i7:hover > span,
#header .util a.i7.active > span{background-image:url(../images/ico_navi1_7_a.png);}
#header .util .mCheckbox1.i8 input:checked + .label span,
#header .util a.i8:hover > span,
#header .util a.i8.active > span{background-image:url(../images/ico_navi1_8_a.png);}
#header .util .mCheckbox1.i9 input:checked + .label span,
#header .util a.i9:hover > span,
#header .util a.i9.active > span{background-image:url(../images/ico_navi1_9_a.png);}
#header .util a.iFind1,
#header .util a.iRefresh1{background:url(../images/ico_refresh1.png) 50% 50% no-repeat;text-indent:-9999px;font-size:0;border:0;margin:0 0 0 0px;min-width:auto;width:42px;height:42px;}
#header .util a.iFind1{background-image:url(../images/ico_find1.png);margin:0 0 0 5px;}

.mLnb1{position:fixed;top:83px;left:0;background-color:#fff;width:360px;height:calc(100% - 83px);z-index:1;}
.mLnb1 .title{display:-webkit-flex;display:flex;align-items:center;font-size:14px;font-weight:500;padding:0 30px;height:58px;}
.mLnb1 .title em{color:#00a3a6;}
.mLnb1 .list{border-top:1px solid #ddd;overflow:hidden;overflow-y:auto;max-height:calc(100% - 118px);}
.mLnb1 .list li + li{border-top:1px solid #ddd;}
.mLnb1 .list li{color:#3f3f3f;padding:20px 28px;}
.mLnb1 .list li .tit{display:-webkit-flex;display:flex;}
.mLnb1 .list li .tit .ti{-webkit-flex:1;flex:1;}
.mLnb1 .list li .tit .ti .s{display:inline-block;border-radius:4px;border:1px solid #2fae9b;color:#2fae9b;font-weight:500;font-size:13px;background-color:#fff;padding:0 11px;text-align:center;min-width:70px;line-height:28px;height:30px;}
.mLnb1 .list li .tit .ti .t{display:block;font-weight:bold;margin:10px 0 0;}
.mLnb1 .list li .tit .nu{padding:2px 10px 0 0;}
.mLnb1 .list li .tit .nu img{width:31px;}
.mLnb1 .list li .addr{font-size:14px;margin:5px 0 0;}
.mLnb1 .list li .txt{color:#666;font-size:14px;line-height:150%;margin:10px 0 0;}
.mLnb1 .list li .txt strong{color:#3f3f3f;}
.mLnb1 .list li .btn{display:block;background:url(../images/ico_btn_arr_b.png) calc(100% - 35px) calc(50% - 2px) no-repeat;border:1px solid #dedede;color:#000;font-size:16px;font-weight:bold;margin:24px -30px -21px;padding:0 25px 0 0;text-align:center;line-height:44px;height:44px;}

.iSt1{display:inline-block;}
.iSt1.type2 > span{display:inline-block;border-radius:4px;border:0;color:#fff;font-weight:normal;font-size:12px;background-color:#2fae9b;padding:0 10px;text-align:center;line-height:24px;height:24px;}
.iSt1 > span.ing{background-color:#9f4cb2;}
.iSt1 > span.end{background-color:#727272;}

.mPag{margin:15px 0 0;line-height:normal;text-align:center;}
.mPag a,
.mPag strong{display:inline-block;background-color:#fff;border-radius:50%;color:#242424;font-weight:bold;text-decoration:none;font-size:14px;margin:0 0 0 -3px;vertical-align:middle;text-align:center;min-width:29px;line-height:29px;height:29px;}
.mPag strong,
.mPag .active{position:relative;background-color:#00a3a6;border-color:#00a3a6;color:#fff;text-decoration:none;}
.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 .first{margin-right:-6px;}
.mPag .next,
.mPag .last{background-image:url(../images/ico_pag_last.png);}
.mPag .prev{background-image:url(../images/ico_pag_prev.png);margin:0 2px 0 0;}
.mPag .next{background-image:url(../images/ico_pag_next.png);margin:0 -3px 0 1px;}

.mNavi1.type2{top:81px;}
.mNavi1{position:absolute;top:-1px;left:360px;background-color:#4f3e59;;padding:11px 11px 0 0;width:calc(100% - 360px);zoom:1;z-index:100;}
.mNavi1:after{display:block;clear:both;content:'';}
.mNavi1 a,
.mNavi1 button{position:relative;display:block;float:left;background-color:#fff;border:0px solid #e4e4e4;font-size:15px;font-weight:500;margin:0 0 11px 11px;text-align:center;width:calc(9% - 10px);line-height:50px;height:52px;}
.mNavi1 a span,
.mNavi1 button span{display:inline-block;padding:0px;}
.mNavi1 .all span{background-size:22px auto;}

.mNavi1 .active,
.mNavi1 button:hover,
.mNavi1 a:hover{color:#fff;}
.mNavi1 .active:before,
.mNavi1 button:hover:before,
.mNavi1 a:hover:before{content:"";position:absolute;top:0px;left:0px;color:#fff;background-color:#00a3a6;width:100%;height:100%;z-index:1;}
.mNavi1 .active span,
.mNavi1 button:hover span,
.mNavi1 a:hover span{position:relative;color:#fff;z-index:1;}

#map{position:relative;height:100%;}
#map.hType1{margin-top:136px;height:calc(100% - 136px);}
.maparea{height:100%;height:100%;}

.mFlag1{position:absolute;}
.mFlag1 > .close{position:absolute;top:-100px;left:calc(50% - 12px);background:url(../images/ico_close1.png) 50% 50% no-repeat;text-indent:-9999px;font-size:0;width:31px;height:31px;}
.mFlag1 > .num{display:block;}

.lFlag1{position:absolute;bottom:105px;left:50%;border:1px solid #a7a7a7;border-radius:12px;box-shadow:8px 8px 8px rgba(0,0,0,0.1);background-color:#fff;margin-left:-222px;padding:32px 0 0;width:445px;}
.lFlag1 .tit{position:relative;padding:0 30px;}
.lFlag1 .tit .ti{font-size:21px;}
.lFlag1 .tit .ad{font-size:14px;margin:7px 0 0;}
.lFlag1 .tit .tx{color:#666;font-size:14px;line-height:150%;margin:20px 0 0;}
.lFlag1 .tit .tx strong{color:#3f3f3f;}
.lFlag1 .tit .bt{position:absolute;bottom:0;right:30px;display:table;border-radius:50%;background-color:#00a3a6;color:#fff;font-size:14px;font-weight:500;text-align:center;width:72px;height:72px;}
.lFlag1 .tit .bt > span{display:table-cell;vertical-align:middle;}
.lFlag1 .txt{background-color:#4f4f4f;border-radius:0 0 11px 11px;color:#fff;margin:41px 0 0;padding:17px 30px;}
.lFlag1 .txt .ti{display:block;background:url(../images/ico_arr2.png) 0 5px no-repeat;font-size:14px;font-weight:500;padding:0 0 18px 17px;}
.lFlag1 .txt .ls{margin:0 0 0 -8px;padding:0 40px 0 0;zoom:1;}
.lFlag1 .txt .ls:after{display:block;clear:both;content:'';}
.lFlag1 .txt .ls .l{display:block;float:left;background-color:#fff;border-radius:6px;color:#333;font-size:12px;font-weight:bold;margin:0 0 8px 8px;text-align:center;width:calc(33.33% - 8px);line-height:26px;height:26px;}
.lFlag1 .close{position:absolute;top:10px;right:10px;background:url(../images/ico_close3.png) 50% 50% no-repeat;text-indent:-9999px;font-size:0;width:40px;height:40px;}

.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);}

.mDep3_m,
.forM{display:none;}

/* screen resolutions lower than 1610px */
@media all and (max-width:1610px){
    #header .util .mCheckbox1 .label,
    #header .util a{padding:0 12px;min-width:auto;}
    #header .util .mCheckbox1 .label > span,
    #header .util a > span{padding-left:25px;}
    #header .util .mCheckbox1 + .mCheckbox1,
    #header .util a + a{margin-left:0px;}
    #header .util{padding-right:10px;}
}
/* screen resolutions lower than 1400px */
@media all and (max-width:1400px){
    #header h1{font-size:20px;letter-spacing:-2px;}
    #header .util a{font-size:13px;padding:0 10px;}
    #header .util .mCheckbox1 .label > span,
    #header .util a > span{background-size:15px auto;padding-left:20px;}
    #header .util{padding-right:5px;}
}
/* screen resolutions lower than 1300px */
@media all and (max-width:1300px){
    #header .util{padding:0 100px 0 0;}
    #header .util .for1150{display:block;}
    #header .util .mCheckbox1 .label,
    #header .util a{margin:2px 0;padding:0 8px;}
    #header .util .mCheckbox1 .label > span,
    #header .util a > span{background-size:13px auto;font-size:12px;padding-left:17px;line-height:28px;height:30px;}
    #header .util a.iFind1,
    #header .util a.iRefresh1{position:absolute;top:50%;right:8px;margin-top:-21px;}
    #header .util a.iFind1{right:48px;margin-top:-21px;}

    .mNavi1.type2{top:71px;}
    .mNavi1 a span,
    .mNavi1 button span{background-position:-9999px -9999px;padding-left:0;}

    #map.hType1{margin-top:171px;height:calc(100% - 171px);}
}

/* 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:auto;}
    #header .util{display:block;margin:-1px 0 0;padding:0;}
    #header .util .mCheckbox1 + .mCheckbox1{margin-left:-1px}
    #header .util a + a{margin-left:-1px}
    #header .util .mCheckbox1 .label,
    #header .util a{display:block;float:left;font-size:12px;border-radius:0;margin:0 0 -1px;padding:0;width:calc(20% + 0.8px);}
    #header .util .mCheckbox1{display:block;float:left;width:calc(20% + 0.8px);}
    #header .util .mCheckbox1 .label{float:none;width:100%;}
    #header .util .mCheckbox1 .label > span,
    #header .util a > span{padding:0 0 0 20px;line-height:35px;height:35px;}
    #header .util .for1150{display:none;}
    #header .util a.iRefresh1{display:none;}
    #header .util a.iFind1{position:static;background-image:none;background-color:#111;margin:0 0 0 -1px;text-indent:0;font-size:12px;width:calc(20% + 0.8px);height:auto;}
    #header .util a.iFind1 > span{background:url(../images/ico_find2_m.png) 0 calc(50% + 1px) no-repeat;background-size:14px auto;display:inline-block;color:#fff;padding:0 0 0 20px;line-height:37px;height:36px;}

    .mNavi1{top:6px;left:0;padding:5px 5px 0 0;width:100%;}
    .mNavi1:after{display:block;clear:both;content:'';}
    .mNavi1 a,
    .mNavi1 button{position:relative;display:block;float:left;font-size:12px;margin:0 0 5px 5px;text-align:center;width:calc(25% - 5px);line-height:35px;height:35px;}
    .mNavi1 a span,
    .mNavi1 button span{background-position:0 50%;padding:0 0 0 29px;}
    .mNavi1 .all span{background-size:22px auto;}
    .mNavi1 .active:before,
    .mNavi1 button:hover:before,
    .mNavi1 a:hover:before{border-width:2px;width:calc(100% - 2px);height:calc(100% - 2px);}

    .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 .tit .ti .t{font-size:15px;margin-top:5px;}
    .mLnb1 .list li .addr{font-size:12px;}
    .mLnb1 .list li .txt{font-size:12px;}
    .mLnb1 .list li .btn{background-size:15px auto;background-position:calc(100% - 25px) 50%;margin-bottom:-16px;font-size:12px;margin-top:15px;line-height:28px;height:28px;}
    .mLnb1 .mPag{border-top:1px solid #ddd;margin:0;padding-top:10px;padding-bottom: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)}

    .iSt1.type2 > span{font-size:10px;padding:0 5px;line-height:20px;height:20px;}

    .mFlag1 > .close{top:-29px;left:calc(50% - 10px);background-size:20px auto;width:20px;height:20px;}
    .mFlag1 > .num img{width:22px;}

    .lFlag1{bottom:67px;left:50%;margin-left:-130px;padding:16px 0 0;width:260px;}
    .lFlag1:before{bottom:-15px;margin-left:-10px;background-size:20px auto;width:20px;height:15px;}
    .lFlag1 .tit{padding:0 15px;}
    .lFlag1 .tit .ti{font-size:14px;}
    .lFlag1 .tit .ad{font-size:11px;margin-top:2px;}
    .lFlag1 .tit .tx{font-size:11px;margin-top:10px;}
    .lFlag1 .tit .bt{right:15px;font-size:10px;width:42px;height:42px;}
    .lFlag1 .txt{background-color:#4f4f4f;margin-top:15px;padding:10px 15px;}
    .lFlag1 .txt .ti{background-size:8px auto;font-size:12px;padding:0 0 10px 12px;}
    .lFlag1 .txt .ls{margin:0 0 0 -4px;padding:0;}
    .lFlag1 .txt .ls .l{border-radius:3px;font-size:11px;margin:0 0 4px 4px;width:calc(50% - 4px);line-height:22px;height:22px;}
    .lFlag1 .close{background-size:15px auto;width:20px;height:20px;}

    .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;}
}

/* screen resolutions lower than 500px */
@media all and (max-width:500px){
    #header .util a.iFind1 > span,
    #header .util .mCheckbox1 .label > span,
    #header .util a > span{background-image:none !important;padding-left:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
}

/* screen resolutions lower than 360px */
@media all and (max-width:360px){
    #header .util a > span{letter-spacing:-2px;}
}

/* screen resolutions lower than 300px */
@media all and (max-width:300px){
    .mNavi1 a span,
    .mNavi1 button span{background-position:-9999px -9999px;padding-left:0;}
}

/* 웹접근성 */
.it:focus-visible,
.select:focus-visible,
.textarea:focus-visible,
.mRadio1 input:focus-visible + .label,
.mCheckbox1 input:focus-visible + .label,
.mCheckbox2 input:focus-visible + .label,
a:focus-visible,
button:focus-visible{outline: 3px dashed #306cff;transition:all 0s 0s !important;}
.mNavi1 button:focus-visible{outline-color:#ffea00;}
/* //웹접근성 */