@charset "utf-8";

*:focus, a:focus {outline:2px dashed red;}
.chatBot > a:focus, .sea > a:focus {outline:2px dashed red;}

.visually-hidden {position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; font-size:0; text-indent:-9999999;}

/* PC, 모바일 공통*/

/* 본문 바로가기  */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute; top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}
#skipNavi .skipLink:focus{border:solid 2px #da3b3b; outline: none;}
/* 본문 바로가기  */

/*팝업지우기*/
.popWrap{display: none;}
.deps2Inner_tit.cateTown a{color: #3869cb;}
header .headerBot_cont .logoWrap{display: flex; align-items: center; justify-content: space-between; }
header .headerBot_cont .logoWrap > img{max-width: 100%; width: auto; height: initial;}
header .headerBot_cont .logoBox > a{display: inline-block; box-sizing: border-box; margin-right:13px;}

header .headerBot_cont .imgWrap {width: 100px; margin: 0 10px 4px 0;}
header .headerBot_cont .imgWrap img {width: 100%;}

header .headerBot_cont .logoBox > a.otherSiteName{font-size:24px; font-family:'GmarketSansB'; box-sizing:border-box; color:#009b63; position: relative; padding-left:20px; padding-top: 0; height: auto; line-height: 83px; margin-right:0;}
header .headerBot_cont .logoBox > a.otherSiteName:before{content:''; display: block; width: 1px; height: 18px; background-color:#9c9c9c; position: absolute; top:50%; left:0; transform: translate(0,-50%);}
header .headerBot_cont nav > .menuBox{display: flex; justify-content: space-between; align-items: center; height: 100%;}
header .headerBot_cont nav > .menuBox.type2{display:none;}
header .headerBot_cont nav > .menuBox.type2 .menu_deps1 > a{font-size: 16px; padding: 0 20px; min-height: 52px;}
header .headerBot_cont nav > .menuBox.type2 .menu_deps1 > a span{font-size: 16px;}
header .headerBot_cont nav .menuBox.type2 .menu_deps2 .deps2Inner .deps2Inner_tit a{height: 52px; font-size:14px;}
header .headerBot_cont nav .menuBox.type2 .menu_deps2 .deps2Inner .deps2Inner_tit.cateTown a{color: #3869cb;}
header .headerBot_cont .headerBot_other {align-items: center; display: flex; justify-content: space-between;}
header .headerBot_cont .headerBot_other a{font-size:0; display: inline-block; vertical-align: top;}
header .headerBot_cont .headerBot_other .headSearch_box {position: relative; margin:0 15px;  display: inline-block; vertical-align: top;}
header .headerBot_cont .headerBot_other .headSearch_box .hsForm_box{position: absolute; top:50px; right:-5px; display: none;}
header .headerBot_cont .headerBot_other .headSearch_box .hsForm_box form{display: flex; width: 200px; height:40px;}
header .headerBot_cont .headerBot_other .headSearch_box .hsForm_box .hs_box{width:100%; border:2px solid #000; line-height: 36px; box-sizing: border-box; padding:5px 10px;}
header .headerBot_cont .headerBot_other .headSearch_box .hsForm_box .hs_btn{width:50px; flex-shrink: 0; border:none; background-color: #000; color:#fff; display: none;}
header .headerBot_cont .headerBot_other .hbo_bnt1{width: 31px; height: 30px; background: url("/images/Potal/layout/headSerchBtn.png") center no-repeat;}
header .headerBot_cont .headerBot_other .hbo_bnt2{position: relative; width: 30px; height: 24px; margin-top:3px;}
header .headerBot_cont .headerBot_other .hbo_bnt2 span{font-size:0;}
header .headerBot_cont .headerBot_other .hbo_bnt2 i{position: absolute; width:85%; height:3px; background-color:#000; transition: all .3s ease-in-out;}
header .headerBot_cont .headerBot_other .hbo_bnt2 i:nth-child(2){right:0; top:0;}
header .headerBot_cont .headerBot_other .hbo_bnt2 i:nth-child(3){left:0; top:50%; margin-top:-1px;}
header .headerBot_cont .headerBot_other .hbo_bnt2 i:nth-child(4){right:0; bottom:0;}
header .headerBot_cont .headerBot_other .hbo_bnt2:hover i {width: 100%;}
header .headerBot_cont nav .menu_deps2 .deps2_menuBox .deps2Inner .menu_deps3 li > a.deps3Link span{padding-right:20px; background: url("/images/Potal/layout/nw-icon.png") top 5px right 0px no-repeat;}

.youth, .chatBot, .sea{position: fixed; width:120px; height:133px; right:10px; bottom:50px; border-bottom:0; background-color:transparent !important; z-index: 55;}
.youth{bottom: 320px;}
.sea {bottom: 185px;}
.chatBot:before , .sea:before {content:''; display: block; position: absolute; top:13px; left:50%; margin-left:-60px; height:120px; width: 120px; border-radius: 50%; box-shadow:5px 5px 18px rgba(34,50,76,0.14); }
.sea:before {top:5px;}
.youth a, .chatBot a, .sea a {font-size:0; display: block; width:100%; height: 100%; background: url("/upload_data/board_data/BBS_0000188/168715765051776.png") center no-repeat; position: relative;}
.sea a {background: url(/upload_data/board_data/BBS_0000188/169344748373656.png) no-repeat; background-size: auto 100%;}
.youth a {background: url(/upload_data/board_data/BBS_0000187/174591088620620.png) no-repeat;}

.slideBtns {position: absolute; width:230px; bottom:18px; z-index: 30; left:50%; transform: translate(-50%,0); display: flex; justify-content: space-between; align-items: center;}
.slideBtns > a{display: block; width:36px; height: 36px; border-radius: 50%; background-color:rgba(0,0,0,0.5); border:1px solid rgba(0,0,0,0.1); font-size:0; background-position: center; background-repeat: no-repeat; box-sizing: border-box;}
.slideBtns.typeBlack > a{border-color:#cacaca;background-color:#fff;}
.slideBtns.typeWhite > a.slideLeft{background-image: url("/images/Potal/layout/slideLeft_w.png");}
.slideBtns.typeWhite > a.slidePlay{background-image: url("/images/Potal/layout/slidePlay_w.png"); background-position: 55% center;}
.slideBtns.typeWhite > a.slideStop{background-image: url("/images/Potal/layout/slideStop_w.png");}
.slideBtns.typeWhite > a.slideRight{background-image: url("/images/Potal/layout/slideRight_w.png");}
.slideBtns.typeWhite > a.slideMore{background-image: url("/images/Potal/layout/slideMore_w.png");}
.slideBtns.typeWhite.type2 .slideNum, .slideBtns.typeWhite.type2 > a{border:none; background-color:rgba(0,0,0,0.5);}
.slideBtns.typeBlack > a.slideLeft{background-image: url("/images/Potal/layout/slideLeft_b.png");}
.slideBtns.typeBlack > a.slidePlay{background-image: url("/images/Potal/layout/slidePlay_b.png"); background-position: 55% center;}
.slideBtns.typeBlack > a.slideStop{background-image: url("/images/Potal/layout/slideStop_b.png");}
.slideBtns.typeBlack > a.slideRight{background-image: url("/images/Potal/layout/slideRight_b.png");}
.slideBtns.typeBlack > a.slideMore{background-image: url("/images/Potal/layout/slideMore_b.png");}
.slideBtns .slideNum{border-radius: 50px; background-color:rgba(0,0,0,0.5); border:1px solid rgba(0,0,0,0.1); text-align: center;  min-width:75px; box-sizing: border-box; color:#fff; line-height: 32px; padding-top: 4px; font-family:'NexonB'; font-size:1.133em;}
.slideBtns .slideNum span{margin:0 5px; color:#fff;}
.slideBtns.typeBlack .slideNum span{color:#333;}
.slideBtns .slideNum .nowNum{color:#f4c200;}


.sub-container .subContentWrap{width:100%; max-width:1200px; margin-left:100px;}
.sub-container .subContentWrap .subCnt_top{width: 100%; display: flex; justify-content: space-between;  padding:60px 0 40px; border-bottom:2px solid #d8d8d8; box-sizing: border-box;}
.sub-container .subContentWrap .subCnt_top .sct_left h3{color:#111; font-family:'NexonB'; font-size:2em; letter-spacing: -0.03px; line-height: 100%;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location{margin-top:20px; width: 100%;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li{display: inline-block; position: relative; padding-right:20px; margin-right:5px; vertical-align: middle; color:#5d5d5d; font-family:'NotokrR'; font-size:1em;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li:not(:last-child):after{content:''; display: inline-block; width:5px; height: 7px; background: url("/upload_data/board_data/BBS_0000187/174953692169565.png") center no-repeat; position: absolute; right:0; top:50%; margin-top:-3px;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li.sct_home{width:12px; height:18px; font-size:0; background:url("/images/Potal/layout/locationHome.png") left center no-repeat;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li.sct_home a{display: block; width: 18px; height: 18px;}
.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li.sct_now{color:#000; font-family:'NotokrM';}
.sub-container .subContentWrap .subCnt_top .sct_right{display: flex; align-items: flex-start;}
.sub-container .subContentWrap .subCnt_top .sct_right > div{display: inline-block;}
.sub-container .subContentWrap .subCnt_top .sct_right > div > a{display:inline-block; width:44px; height:44px; border:2px solid #d8d8d8; border-radius: 50%; background-color: #fff; background-repeat: no-repeat; background-position: center; font-size:0; box-sizing: border-box; vertical-align: top;}
.sub-container .subContentWrap .subCnt_top .sct_right > div.sct_sharing > a{background-image: url("/images/Potal/layout/sharingIcon.png");}
.sub-container .subContentWrap .subCnt_top .sct_right > div.sct_print > a{background-image: url("/images/Potal/layout/printIcon.png");}
.sub-container .subContentWrap .subCnt_top .sct_right > div.sct_url{ overflow: hidden; position: relative;}
.sub-container .subContentWrap .subCnt_top .sct_right > div.sct_url > a{background-image: url("/images/Potal/layout/clipIcon.png");}
.sub-container .subContentWrap .subCnt_top .sct_right > div.sct_url > input{ border:none; position: absolute; top:0; left:0; z-index: -9999;}
.sub-container .subContentWrap .subCnt_top .sct_right div:not(:last-child) {position: relative; padding-right:15px;}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box{width:500px; position: absolute; bottom:0; right:14px; transition: all .3s ease-in-out; transform-origin: 100% 100%; display: none; align-items: center; justify-content: flex-end;}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li {display: inline-block; margin:0 5px;}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li:last-child {margin-right:0px;}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li > a {display: block; width:44px; height:44px; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: 100%; font-size:0;}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li.sharing_face > a {background-image: url("/images/Potal/layout/sharingFace.png");}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li.sharing_twit > a {background-image: url("/images/Potal/layout/sharingTwit.png");}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li.sharing_kakao > a {background-image: url("/images/Potal/layout/sharingKakao.png");}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li.sharing_blog > a {background-image: url("/images/Potal/layout/sharingBlog.png");}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li.sharing_band > a {background-image: url("/images/Potal/layout/sharingBand.png");}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li.sharing_urlcopy > a {background-image: url("/images/Potal/layout/urlIcon.png");}
.sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li.sharing_close > a {background-image: url("/images/Potal/layout/sharingClose.png");}




/* 서브 사이트 서브레이아웃*/
.subWrap{background-position: top right; background-repeat: no-repeat; padding-top:50px;}
.subWrap .sub-container .subContentWrap .subCnt_top{padding-top:0; border-bottom:0;}

.bannerWrap{width:100%; background-color: #fff; padding:15px 0; box-sizing: border-box;  border-top:1px solid #e1e1e1;position: relative;}
.bannerWrap .bannerInner{width:100%; max-width:1600px; margin:0 auto; display: flex; justify-content: space-between; align-items: center; }
.bannerWrap .bannerInner .slideBtns{position: static; transform: translate(0,0); width: auto;}
.bannerWrap .bannerInner .slideBtns a{width:12px; height: 15px; background-position: center; background-repeat: no-repeat; margin:0 7px;  border-radius: 0; background-color:transparent; border:none;}
.bannerWrap .bannerInner .slideBtns a.slideLeft{background-image: url("/images/Potal/main/new/slideIconL_b.png");}
.bannerWrap .bannerInner .slideBtns a.slidePlay{background-image: url("/images/Potal/main/new/slideStop.png");}
.bannerWrap .bannerInner .slideBtns a.slideStop{background-image: url("/images/Potal/main/new/slidePlay.png");}
.bannerWrap .bannerInner .slideBtns a.slideRight{background-image: url("/images/Potal/main/new/slideIconR_b.png");}
.bannerWrap .bannerInner .slideBtns a.slideMore{width:16px; height: 16px; background-image:url("/images/Potal/main/new/slideMore.png");}
.bannerWrap .bannerInner > p {margin-right:10px; font-size:1.267em; font-family:'GmarketSansM'; color:#000; padding-left:30px; padding-top: 2px; background: url("/images/Potal/main/new/bannerIcon.png") left top no-repeat;}
.bannerWrap .bannerInner .ftSlide{width:85%;}
.bannerWrap .bannerInner .ftSlide .ftSlideCnt{padding:0 24px 0 20px; position: relative;}
.bannerWrap .bannerInner .ftSlide .ftSlideCnt:before{content:''; display:block; position: absolute; right:0; top:50%; width: 4px; height: 4px; margin-top:-2px; background-color:#c0cadb;}
.bannerWrap .bannerInner .ftSlide .ftSlideCnt > a{font-family:'NotokrR'; font-size:1em;}
.bannerWrap .bannerInner .ftSlide .slick-list {padding:2px; box-sizing:border-box;}


/* sns */
.snsWarp .ho_snsBtn{display: none;}
.snsWarp a{display: inline-block; font-size:0; width:37px; height: 37px; background-position: center; background-repeat: no-repeat; margin:0 3px; vertical-align: top; background-size: 100%;}
.snsWarp a.snsFace{background-image:url("/images/Potal/layout/sircFace.png");}
.snsWarp a.snsBlog{background-image:url("/images/Potal/main/new/sns_b1.png");}
.snsWarp a.snsInst{background-image:url("/images/Potal/layout/sircInsta.png");}
.snsWarp a.snsBand{background-image:url("/images/Potal/layout/sircBand.png");}
.snsWarp a.snsYout{background-image:url("/images/Potal/layout/sircYout.png");}


.footer_tap{width:100%; background-color:#7a93ab;}
.footer_tap .footer_cnt{width:100%; max-width:1600px; display: flex; justify-content: space-between; align-items: center; margin:0 auto; height: 60px;}
.footer_tap .footer_cnt > li{width:25%; border-right:1px solid #bdc9d5; position: relative; height: 100%; box-sizing: border-box;}
.footer_tap .footer_cnt > li:first-child{border-left:1px solid #bdc9d5;}
.footer_tap .footer_cnt > li > div{position: absolute; bottom:0; z-index: 30; width: 100%;}
.footer_tap .footer_cnt > li > div > a{display: block; width:100%; line-height: 60px;  padding:0 50px 0 20px; box-sizing: border-box; color:#fff; font-family:'NotokrM'; position: relative; font-size:1.067em; background-color:#7a93ab;}
.footer_tap .footer_cnt > li > div > a:after{content:''; display: block; position: absolute; right:20px; width:14px; height: 10px; top:50%; margin-top:-5px; background: url("/images/Potal/main/new/arrowU_w.png") center no-repeat;}
.footer_tap .footer_cnt > li.active > div > a:after{background-image: url("/images/Potal/layout/ftArrow_down.png");}
.footer_tap .footer_cnt .ftc_inner{height: 300px; overflow-y: scroll; background-color:#fff; display: none; border:1px solid #545454; box-sizing: border-box;}
.footer_tap .footer_cnt .ftc_inner > li > a{line-height: 50px; font-size:0.933em; border-bottom:1px solid #d1d1d1; display: block; width:100%; height: 100%; padding-left:20px; box-sizing: border-box; font-family:'NotokrR';}
footer{width:100%; padding:40px 0; background-color:#fff;}
footer .ft_inner{width:100%; max-width:1600px; margin:0 auto; background: url("/upload_data/board_data/BBS_0000188/168715784279012.png") right 50px center no-repeat; position: relative;}
footer .ft_inner .ft_cnt{width:100%; overflow:hidden; margin-bottom:30px; padding: 3px; box-sizing: border-box;}
footer .ft_inner .ft_cnt li{display: inline-block; margin-right:40px; padding-right:40px; position: relative;}
footer .ft_inner .ft_cnt li:not(:last-child):after{content:''; display: block; position: absolute; right:0; top:50%; height:10px; margin-top:-5px; width:1px; background-color:#5c5c5c;}
footer .ft_inner .ft_cnt li a{font-size:1.067em; color:#000; font-family:'NotokrM';}
footer .ft_inner .ft_cnt li a:focus{display:block;}
footer .ft_inner .ft_cnt li a.ftm_1{color:#f36910;}
footer .ft_inner .ft_info_box p{color:#666; letter-spacing: -0.5px; font-size:1em; line-height: 1.667em; font-family:'NotokrR';}
footer .ft_inner .ft_info_box p.ft_first span{display: inline-block; padding-right:10px; margin-right:10px; position: relative; font-family:'NotokrM'; }
footer .ft_inner .ft_info_box p.ft_first span:before{content:''; display: block; position: absolute; right:0; top:50%; margin-top:-5px; width:1px; height: 10px; background-color:#d1d1d1;}
footer .ft_inner .ft_info_box p:not(.ft_first) span{color:#005bac;}

footer .ft_inner a.web-access{width: 117px; height: 81px; background: url(/upload_data/board_data/BBS_0000188/172050268275963.png) no-repeat;
    display: block; text-indent: -9999px; position: absolute; top:15px; right:230px;}

@media all and (max-width:1000px){
    footer .ft_inner a.web-access{right:180px;}
}
@media all and (max-width:768px){
    footer .ft_inner a.web-access{right:110px; background-size: 70px;}

}

@media all and (max-width:640px){   
    footer .ft_inner a.web-access{top:auto; bottom:-43px; left: 143px; right:auto; width:70px;}
}


/* PC, 모바일 공통*/

.economyWrap{width:100%; background: url("/images/Potal/layout/economyBg.jpg") center top no-repeat #fff; }
.economyWrap .ecmInner{width:100%; max-width: 1600px; margin:0 auto; position: relative; text-align: center;}
.economyWrap .ecmInner .ecmCnt{font-size:2.267em; font-family:'NexonB'; line-height: 140px; color:#009b63;}
.economyWrap .ecmInner .ecmListBox{position:absolute; right:0px; top:50%; transform: translate(0,-50%); box-shadow:10px 10px 18px rgba(0,0,0,0.23); width:275px; background-color:#005bac; z-index: 2;}
.economyWrap .ecmInner .ecmListBox .ecmListTit{width:100%; height:44px; padding-left:44px; position: relative; box-sizing: border-box;}
.economyWrap .ecmInner .ecmListBox .ecmListTit .ecmHome{width:44px; height: 100%; background: url("/images/Potal/layout/homeIcon_w.png") center no-repeat #009b63; display: block; position: absolute; left:0; top:0; font-size:0;}
.economyWrap .ecmInner .ecmListBox .ecmListTit .ecmOther{width: 100%; background: url("/images/Potal/layout/arrowIcon_w.png")90% center no-repeat;}
.economyWrap .ecmInner .ecmListBox a{ color:#fff; line-height: 44px; display: block; width:100%; text-align: left; box-sizing: border-box; padding-left:20px; font-family:'NotokrM';}
.economyWrap .ecmInner .ecmListBox .ecmList{position: absolute; background-color:#005bac; width: 100%; top:44px; left:0; display: none;}
.economyWrap .ecmInner .ecmListBox .ecmList > li{border-top:1px solid #337cbd;}
.economyWrap .ecmInner .ecmListBox .ecmList > li.on a, .economyWrap .ecmInner .ecmListBox .ecmList > li a:hover {background-color:#009b63;}
.economyWrap .ecmInner .ecmListBox .ecmList > li a.nw {background-image: url("/images/Potal/layout/subNavNw.png"); background-repeat: no-repeat; background-position: 90% center;}
.economyWrap .ecmInner .ecmListBox .ecmList > li.on a.nw, .economyWrap .ecmInner .ecmListBox .ecmList > li a.nw:hover {background-image:url("/images/Potal/layout/subNavNw_on.png");}
.headerBot_cont .linkCorona a{display: block; text-align: center; padding:11px 5px; box-sizing: border-box; font-size:1.067em; font-family:'NotokrM'; color:#111; position: relative; border-radius: 0 0 10px 10px; background-color:#f1f5f9;}
header .headerTop_cont .linkSites li.linkCorona > a, .headerBot_cont .linkCorona a {padding:11px 20px 11px 50px ; background: url("/images/Potal/main/new/siteCorona.png") 20px 40% no-repeat #da3b3b; color:#fff;}
header .headerTop_cont .linkSites li.linkCorona > a span, .headerBot_cont .linkCorona a span{color:#f5f21e;}


/* PC 버전*/
@media screen and (min-width:1024px){
    body{font-size:15px; overflow-x: hidden;}
    header {width:100%; background-color: #fff; position: relative; z-index: 50;}
    header > div{width: 100%; box-sizing: border-box; position: relative; background-color: #fff;}
    header > div.headerBot_cont{border-bottom:1px solid #e1e1e1;}
    header .hd_inner {width: 100%; max-width:1600px; display: flex; justify-content: space-between; margin:0 auto;}
    header .mHeaderTop{display: none;}
    header .headerTop_cont .hd_inner{height:50px;}
    header .headerTop_cont .hd_inner > ul{display: flex; justify-content: space-between; align-items: flex-start;}
    header .headerTop_cont .linkSites li { margin:0 2px;}
    header .headerTop_cont .linkSites li > a{display: block; min-width:110px; text-align: center; padding:11px 5px; box-sizing: border-box; font-size:1.063em; font-family:'NotokrM'; color:#111; position: relative; border-radius: 0 0 10px 10px; background-color:#f1f5f9;}
    header .headerTop_cont .linkSites li:not(.linkCorona) > a.active{font-family:'NotokrB'; color:#fff; background: linear-gradient(90deg, rgba(75,54,134,1) 0%, rgba(248,120,124,1) 100%); background-size: 100% 100%; box-shadow: 5px 5px 4px rgba(0,0,0,0.1);}
    header .headerTop_cont .linkSites li.linkPotal > a span{padding-left: 30px ; background: url("/images/Potal/main/new/tapLogo_off.png") 0 center no-repeat;}
    header .headerTop_cont .linkSites li.linkPotal > a.active span{background-image: url("/images/Potal/main/new/tapLogo.png");}
    
    header .headerTop_cont .hd_inner >  .headerOther {box-sizing: border-box; align-items: center;}
    header .headerTop_cont .headerOther .hto_fonts > a{display: inline-block; width:20px; height: 20px; background-position: center; background-repeat: no-repeat; background-color:#3869cb; font-size:0; vertical-align: middle; border-radius: 3px;}
    header .headerTop_cont .headerOther .hto_fonts > a.fontPlus{background-image:url("/images/Potal/main/new/fontP.png");}
    header .headerTop_cont .headerOther .hto_fonts > a.fontMinus{background-image:url("/images/Potal/main/new/fontM.png");}
    header .headerTop_cont .headerOther .hto_fonts > p{display: inline-block; margin:0 4px; vertical-align: bottom; font-family:'NotokrR';}
    header .headerTop_cont .headerOther .hto_fonts > a.noLink:focus{outline: none; border:solid 2px #da3b3b; }
    header .headerTop_cont .headerOther .hto_mySelf{padding:0 20px; margin:0 20px; position: relative;}
    header .headerTop_cont .headerOther .hto_mySelf:before, header .headerTop_cont .headerOther .hto_mySelf:after{content:''; display: block; width:4px; height: 4px; background-color:#c1c1c1; top:50%; margin-top:-2px; position: absolute;}
    header .headerTop_cont .headerOther .hto_mySelf:before {left:0;}
    header .headerTop_cont .headerOther .hto_mySelf:after {right:0;}
    header .headerTop_cont .headerOther .hto_mySelf > a{padding-left:23px; box-sizing: border-box; background: url("/images/Potal/layout/mySelfIcon.png") left center no-repeat; font-family:'NotokrR';}
     header .headerTop_cont .headerOther .hto_mySelf > a.logout{background: url("/images/Potal/layout/mySelfIcon2.png") left center no-repeat; }
    /*header .headerTop_cont .headerOther .hto_language {width:124px; position: relative; margin-right:20px;}
    header .headerTop_cont .headerOther .hto_language > a{display:block; line-height: 30px; border-radius: 5px; background:url("/images/Potal/main/new/papago_logo.png") 10px center no-repeat #e1f8ff; padding:0 10px 0 35px; box-sizing: border-box; position: relative; z-index: 2; font-size:1em; font-family:'NotokrR'; color:#00a2ff; letter-spacing: -1px;}
    header .headerTop_cont .headerOther .hto_language > a span{color:#2f43d9;}*/
    header .headerTop_cont .headerOther .hto_language {width:124px; position: relative; margin-right:20px;}
    header .headerTop_cont .headerOther .hto_language > a {display:block; line-height: 30px; border-radius: 5px; background:url("/images/Potal/layout/languageIcon.png") 0px center no-repeat; padding:0 10px 0 25px; box-sizing: border-box; position: relative; z-index: 2; font-size:1em; font-family:'NotokrR';}
    /*header .headerTop_cont .headerOther .hto_language > a:after {content:''; display: block; width:6px; height:5px; position: absolute; top:50%; margin-top:-2px; right:10px; background:url("/images/Potal/layout/langArrow.png") center no-repeat; overflow: hidden;}*/
    /*header .headerTop_cont .headerOther .hto_language .hto_language_inner {position: absolute; left:0; top:28px; background-color:#fff; border:1px solid #f3f3f3; width:100%; border-radius:0 0 5px 5px; border-top:0; z-index: 1; padding-top: 5px; display: none; overflow: hidden;}*/
    /*header .headerTop_cont .headerOther .hto_language .hto_language_inner a{display: block; padding:3px 10px 3px; line-height:26px; box-sizing: border-box; color:#333; transition: all .3s ease-in-out; width:100%; font-size:1em; font-family:'NotokrR';}*/
    /*header .headerTop_cont .headerOther .hto_language .hto_language_inner a:hover, header .headerTop_cont .headerOther .hto_language .hto_language_inner a:focus{background-color:#000; color:#fff;}*/
    header .headerTop_cont .headerOther .hto_language{position:relative; padding-left:20px; box-sizing:border-box;}
	header .headerTop_cont .headerOther .hto_language:before{ position:absolute; top:8px; left:0px; width:18px; height:20px; background:url("/images/Potal/layout/languageIcon.png") 0px center no-repeat; content:"";}
	header .headerTop_cont .headerOther .hto_language select{border:none; font-size:14px; color:#555; padding:5px; font-weight:400;}
	header .headerTop_cont .headerOther .hto_language .goog-te-gadget{font-size:0px; line-height:0px;}

	header .headerBot_cont .hd_inner{height: 83px;}
    header .headerBot_cont nav > .menuBox .menu_deps1{margin:0 20px; height: 100%; text-align: center; vertical-align: middle;}
    header .headerBot_cont nav > .menuBox .menu_deps1.mSiteMap{display: none;}
    header .headerBot_cont nav > .menuBox .menu_deps1 > a:not(.menuClosePc) {width: 100%; height: 100%; font-family:'NexonB'; /* padding:0 10px; */ box-sizing: border-box; position: relative; display: flex; align-items: center;}
    header .headerBot_cont nav > .menuBox .menu_deps1 > a:not(.menuClosePc) span{font-size:1.4em; display: inline-block; padding:0 20px; font-family:'NexonB'; color:#000; box-sizing: border-box; transition: all .3s ease-in-out; }
    header .headerBot_cont nav > .menuBox .menu_deps1 > a:not(.menuClosePc):hover span, header .headerBot_cont nav > .menuBox .menu_deps1.on > a span,
    header .headerBot_cont nav > .menuBox .menu_deps1 > a:not(.menuClosePc):hover span, header .headerBot_cont nav > .menuBox .menu_deps1.on > a span{color:#009b62;}
    header .headerBot_cont nav > .menuBox .menu_deps1 > a:not(.menuClosePc):before, header .headerBot_cont nav > .menuBox .menu_deps1 > a:not(.menuClosePc):after {content:''; position: absolute; bottom:-2px; height:4px; display:block; opacity: 0; transition: all .3s ease-in-out; z-index: 51;}
    header .headerBot_cont nav > .menuBox .menu_deps1 > a:not(.menuClosePc):before {width:100%; background-color:#fff; left:0;}
    header .headerBot_cont nav > .menuBox .menu_deps1 > a:not(.menuClosePc):after {width:80%; background-color:#009b62; left:50%; transform: translate(-50%,0);}
    header .headerBot_cont nav > .menuBox .menu_deps1 > a:not(.menuClosePc):hover:before, header .headerBot_cont nav > .menuBox .menu_deps1.on > a:before,
    header .headerBot_cont nav > .menuBox .menu_deps1 > a:not(.menuClosePc):hover:after, header .headerBot_cont nav > .menuBox .menu_deps1.on > a:after{opacity: 1;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2{position: absolute; top:83px; left:50%; transform: translate(-50%,0); width:100%; z-index: 50; display: none; border-top:1px solid #009b62; max-height:600px; min-height:400px;}
header .headerBot_cont nav > .menuBox .menu_deps1.menuFocus.menuClick .menu_deps2{display:flex !important;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .dpes2_titleBox{width: 485px; flex-shrink: 0; background: url("/images/Potal/layout/menuOn_bg.png") right bottom no-repeat #3276b1; padding:40px 0 0 200px; box-sizing: border-box; position: relative;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .dpes2_titleBox:before{content:''; display: block; position: absolute; bottom:90px; right:120px; width:102px; height: 102px; border-radius: 50%; background-color:#d2d2d2; background-repeat: no-repeat; background-position: center;}
    header .headerBot_cont nav > .menuBox .menu_deps1:nth-child(1) .menu_deps2 .dpes2_titleBox:before{background-image: url("/images/Potal/layout/menuIcon1.png");}
    header .headerBot_cont nav > .menuBox .menu_deps1:nth-child(2) .menu_deps2 .dpes2_titleBox:before{background-image: url("/images/Potal/layout/menuIcon2.png");}
    header .headerBot_cont nav > .menuBox .menu_deps1:nth-child(3) .menu_deps2 .dpes2_titleBox:before{background-image: url("/images/Potal/layout/menuIcon3.png");}
    header .headerBot_cont nav > .menuBox .menu_deps1:nth-child(4) .menu_deps2 .dpes2_titleBox:before{background-image: url("/images/Potal/layout/menuIcon4.png");}
    header .headerBot_cont nav > .menuBox .menu_deps1:nth-child(5) .menu_deps2 .dpes2_titleBox:before{background-image: url("/images/Potal/layout/menuIcon5.png");}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .dpes2_titleBox .menu2deps_tit{font-size:2.533em; color:#fff; font-family:'NexonB'; line-height: 100%; text-align: left;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .dpes2_titleBox .menu2deps_tit:before{content:''; display: block; width:40px; height: 4px; background-color:#fff; margin-bottom:15px;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox{width: 100%; background-color:#f6f6f6; display: flex; flex-wrap: wrap; box-sizing: border-box; padding:40px 200px 20px 50px; max-height:600px; overflow-y: auto;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner{width:18%; margin-right:2%; margin-bottom:2%;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner .deps2Inner_tit{width:100%; height: 55px; background-color:#fff; border:1px solid #e1e1e1; box-sizing: border-box; text-align: center; display: table; color:#333; transition: all .3s ease-in-out; background-position: center bottom; background-repeat: no-repeat;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner.on .deps2Inner_tit,
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner .deps2Inner_tit:hover{border:none; background-color:#009b63; color:#fff; background-image: url("/images/Potal/layout/tapOn.png");}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner  .deps2Inner_tit > a {vertical-align: middle; font-family:'NotokrM'; font-size:1.133em; display: table-cell; letter-spacing: -1px;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner.on .deps2Inner_tit > a,
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner .deps2Inner_tit:hover >a {color:#fff;}
    header .headerBot_cont nav .menu_deps2 .deps2_menuBox .deps2Inner .deps2Inner_tit > a.menuNw span.menuNw_btn{display: inline-block; background: url("/images/Potal/layout/subNavNw.png") right center no-repeat; font-size:0; width:15px; height: 15px; vertical-align: middle; margin-left:5px; margin-top:-2px;}
    header .headerBot_cont nav .menu_deps2 .deps2_menuBox .deps2Inner .deps2Inner_tit > a.menuNw:hover span.menuNw_btn{background-image: url("/images/Potal/layout/subNavNw_on.png");}
    header .headerBot_cont nav .menu_deps2 .deps2_menuBox .deps2Inner .menu_deps3{margin-top:20px;}
    header .headerBot_cont nav .menu_deps2 .deps2_menuBox .deps2Inner .menu_deps3 li{margin-bottom:5px; text-align: left; padding:0 10px; box-sizing: border-box;}
    header .headerBot_cont nav .menu_deps2 .deps2_menuBox .deps2Inner .menu_deps3 li > a{font-size:1em; display: block; width:100%; position: relative; padding-left:10px; box-sizing: border-box; color:#666; font-family:'NotokrR';}
    header .headerBot_cont nav .menu_deps2 .deps2_menuBox .deps2Inner .menu_deps3 li > a:before{content:''; display:inline-block; position: absolute; left:0; top:50%; margin-top:-1px; width:3px; height:3px; background-color:#878787;}
    header .headerBot_cont nav .menu_deps2 .deps2_menuBox .deps2Inner .menu_deps3 li.on > a,
    header .headerBot_cont nav .menu_deps2 .deps2_menuBox .deps2Inner .menu_deps3 li > a:hover{color:#009b63;}
    header .headerBot_cont nav .menu_deps2 .deps2_menuBox .deps2Inner .menu_deps3 li.on > a:before,
    header .headerBot_cont nav .menu_deps2 .deps2_menuBox .deps2Inner .menu_deps3 li > a:before{background-color:#009b63;}
    header .headerBot_cont nav .menuClosePc{position: absolute; top:84px; left:434px; z-index:51; display: none; width:50px; height: 50px; background: url("/images/Potal/layout/mMenu_close.png") center no-repeat rgba(0,0,0,0.5); font-size:0;}
    header .headerBot_cont nav .menu_deps1.on.menuClick .menuClosePc, header .headerBot_cont nav .menu_deps1.on.menuFocus .menuClosePc{display: block;}
    header .headerBot_cont nav:after{content:''; display: none; width:100%; height: 100%; position: fixed; z-index: -1; left:0; top:0; background-color: rgba(0,0,0,0.5);}
    header .headerBot_cont nav.on:after{display: block;}
    .headerBot_cont .linkCorona{display:none;}

    /*서브레이아웃*/
    .sub-container{width:100%; max-width:1600px; margin: 0 auto; display: flex; padding-bottom: 50px;}
    .sub-container .subNavWrap{width:300px;flex-shrink: 0; box-sizing: border-box; border:1px solid #e1e1e1; border-top:0; box-shadow: 11px 11px 8px rgba(0,0,0,0.04);}
    .sub-container .subNavWrap .subNav_tit{width:100%; text-align: center; height:169px; background: url("/images/Potal/layout/subNavbg.jpg") center no-repeat; position: relative;}
    .sub-container .subNavWrap .subNav_tit h2{font-size:1.867em; color:#fff; font-family:'NexonB'; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; line-height: 100%;}
    .sub-container .subNavWrap .subNavBox {width: 100%; box-sizing: border-box; padding:0 20px;}
    .sub-container .subNavWrap .subNavBox .subNav_List > a {display: block; width: 100%; border-bottom:1px solid #e1e1e1; padding:17px  10px; box-sizing: border-box; color:#333; font-family:'NotokrR'; font-size:1.067em; position: relative;}
    /*.sub-container .subNavWrap .subNavBox .subNav_List > a.active, .sub-container .subNavWrap .subNavBox .subNav_List > a.on{color:#009b63; font-family:'NotokrM'; border-bottom:3px solid #009b63; background: url("/images/Potal/layout/subNavOn.png") 95% center no-repeat;}*/
    .sub-container .subNavWrap .subNavBox .subNav_List > a:not(.linkBtn):before{content:'+'; font-size:28px; font-family:'NotokrR'; position: absolute; right:15px; top:50%; transform: translate(0,-50%); display: none;}
    .sub-container .subNavWrap .subNavBox .subNav_List > a.active, .sub-container .subNavWrap .subNavBox .subNav_List > a.on{color:#009b63; font-family:'NotokrM'; border-bottom:3px solid #009b63; position: relative;}
    .sub-container .subNavWrap .subNavBox .subNav_List > a:not(.linkBtn).active:before, .sub-container .subNavWrap .subNavBox .subNav_List > a:not(.linkBtn).on:before{display: block; color:#009b63;}
    .sub-container .subNavWrap .subNavBox .subNav_List > a.linkBtn{background: url("/images/Potal/layout/subNavNw.png") 95% center no-repeat;}
    .sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner {width:100%; padding:10px 15px; box-sizing: border-box; background-color:#f7f7f7; border-bottom:1px solid #e1e1e1; display: none;}
    .sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner.active {display: block;}
    .sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a{font-size:1em; display: block; width: 100%; padding:5px 0 5px 15px; position: relative; transition: all .3s ease-in-out; font-family:"NotokrR";}
    .sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a:before{content:''; display: block; width:4px; height: 4px; border-radius: 50%; background-color:#c3c3c3; position: absolute; left:0; top:50%; margin-top:-2px; transition: all .3s ease-in-out;}
    .sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a.active, .sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a:hover {color: #111; text-decoration: underline;}
    .sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a.active:before, .sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a:hover:before{background: #111;}
    .sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a.nwTap span{padding-right:20px; box-sizing: border-box; background: url("/images/Potal/layout/nw-icon.png") right center no-repeat;}


    .subWrap .sub-container .subNavWrap {box-shadow:none; border:none;}
    .subWrap .sub-container .subNavWrap .subNav_tit{border-radius: 15px 50px 0 0; box-shadow:none; overflow: hidden;}
    .subWrap .sub-container .subNavWrap .subNavBox{padding:0;}
    .subWrap .sub-container .subNavWrap .subNavBox > li{margin-top:3px; box-sizing: border-box; border:1px solid #e1e1e1;}
    .subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a {border-bottom:0; padding:17px 20px;}
    .subWrap .sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner {border-bottom:0;}
    .subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a:not(.linkBtn):before {color:#9fa0a4; display: block;}
    .subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a:not(.linkBtn).active:before,
    .subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a:not(.linkBtn).on:before {color:#fff; content:''; width:14px; height: 2px; background-color:#fff;}
    .subWrap .sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner{padding:10px 25px;}
    .subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a.linkBtn.active,
    .subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a.linkBtn.on{background-image: url("/images/Potal/layout/subNavNw_on.png");}
    /*서브레이아웃*/
}

@media screen and (max-width:1600px){

    header .hd_inner, .bannerWrap .bannerInner, .footer_tap .footer_cnt, footer .ft_inner {width:100%; padding: 0 20px; box-sizing: border-box;}
    header .headerTop_cont .headerOther .hto_language{margin-right:15px;}
    .snsWarp a{margin:0 2px;}
    header .headerTop_cont .headerOther .hto_mySelf{margin:0 10px; padding:0 10px;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2{width:100%;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .dpes2_titleBox{width:335px; padding-left:100px;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox{padding:20px 0 0 20px;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .dpes2_titleBox .menu2deps_tit{font-size:2.333em;}
    header .headerBot_cont .logoBox > a.otherSiteName{font-size:22px;}
    header .headerBot_cont nav .menuClosePc{left:284px;  margin-left:0px}

    .sub-container .subContentWrap{width:70%; margin:0 auto;}

    .economyWrap .ecmInner .ecmListBox{right:14%;}
    .bannerWrap .bannerInner .ftSlide{width: 80%;}

    header .headerTop_cont .linkSites li > a{font-size:0.900em;}
    header .headerTop_cont .linkSites li.linkCorona > a, .headerBot_cont .linkCorona a{padding: 4px 20px 11px 50px;}
    .headerOther .snsWarp .ho_snsBtn{display: block; width:30px; height: 30px; background: url("/images/Potal/layout/sharingIcon.png") center no-repeat; border-radius: 50%; border:1px solid #b7b7b7; box-sizing: border-box; background-size:15px auto}
    .headerOther .snsWarp > div{display: none; position: absolute; right:33px; top:0; width: auto; justify-content: space-between; align-items: center; z-index: 2;}
    .headerOther .snsWarp .ho_sns.on {display: flex;}
    .snsWarp a{width:30px; height: 30px; border-radius: 50%; background-size: 100%; margin:0 2px;}
}

@media screen and (max-width:1400px){

    header .hd_inner, .bannerWrap .bannerInner, .footer_tap .footer_cnt, footer .ft_inner {width:100%;}
    header .headerTop_cont .linkSites li > a{min-width:100px;}
    header .headerTop_cont .linkSites li.linkPotal > a span{padding-left:30px; background-size: 22px; background-position: left center;}
    header .headerTop_cont .linkSites li.linkCorona > a, .headerBot_cont .linkCorona a{padding:11px 10px 11px 30px; background-size: 18px; background-position: left 10px center;}
    header .headerTop_cont .headerOther .hto_fonts > p{margin:0;}
    header .headerTop_cont .headerOther .hto_language{width:110px; margin-right:10px;}
    /*header .headerTop_cont .headerOther .hto_language > a{padding:0 20px 0 30px; background-position: 5px center;}*/
    header .headerTop_cont .headerOther .hto_language > a{font-size:0.937em;}
    header .headerBot_cont nav > .menuBox .menu_deps1{margin:0;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2{max-height: 500px}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox{max-height: 500px;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner .deps2Inner_tit{height: 47px;}

    

}

@media screen and (max-width:1200px){

    header .hd_inner, .bannerWrap .bannerInner, footer .ft_inner {width:100%;}
    header .headerTop_cont .linkSites li > a{font-size:0.850em;}
    header .headerTop_cont .linkSites li > a{min-width: auto;}
    header .headerTop_cont .headerOther .hto_mySelf{margin:0 15px; padding: 0 15px;}
    header .headerBot_cont .logoBox > a{margin-right:5px;}
    header .headerBot_cont nav > .menuBox .menu_deps1 > a:not(.menuClosePc) span{padding:0;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2{max-height: 400px}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox{max-height: 400px;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .dpes2_titleBox{width:295px; padding-left:70px;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner{width:19%; margin-right:1%;}
    header .headerBot_cont nav .menuClosePc{left:244px;}

    .headerOther .snsWarp {position: relative;}
    .headerOther .snsWarp .ho_snsBtn{display: block; width:30px; height: 30px; background: url("/images/Potal/layout/sharingIcon.png") center no-repeat; border-radius: 50%; border:1px solid #b7b7b7; box-sizing: border-box; background-size:15px auto}
    .headerOther .snsWarp > div{display: none; position: absolute; right:33px; top:0; width: auto; justify-content: space-between; align-items: center; z-index: 2;}
    .headerOther .snsWarp .ho_sns.on {display: flex;}
    .headerOther .snsWarp > div a{margin:0 2px;}
    .snsWarp a{margin:0;}
    .sub-container .subNavWrap{width:250px;}
    .youth, .chatBot, .sea{width:97px; height: 97px;}
    .youth:before, .chatBot:before, .sea:before {display: none;}
     .youth {bottom: 245px;}
     .sea {bottom: 150px;}
    .youth a, .chatBot a, .sea a{background-size: 90%;}

    .bannerWrap{padding:15px;}
    .bannerWrap .bannerInner .ftSlide{width: 75%;}

    .footer_tap .footer_cnt{max-width: none;}

    footer{padding:40px; box-sizing: border-box;}
}

@media screen and (max-width: 1000px) {
	.sea {bottom: 125px;}
}


/* PC 버전*/

/*모바일*/
@media screen and (max-width:1200px){
    header .headerBot_cont nav > .menuBox .menu_deps1 > a:not(.menuClosePc) {padding: 0 10px;}
    header .headerBot_cont nav > .menuBox .menu_deps1 > a:not(.menuClosePc) span {padding: 0;}
    header .headerBot_cont .imgWrap {width: 80px; margin: 0 4px 4px 0;}
}

@media screen and (max-width:1024px){

    header{width:100%; z-index: 50;}
    header .headerTop_cont{display: none;}
    header .headerBot_cont .hd_inner{width:100%; display: flex; justify-content: space-between; padding:10px 20px; box-sizing: border-box; border-bottom:1px solid #e1e1e1; background-color:#fff;}
    header .headerBot_cont .logoBox > a{padding-top:10px; margin-right: 10px;}
    header .headerBot_cont .imgWrap {width: 85px; margin: 4px 8px 0 0;}
    header .headerBot_cont .headerBot_other{padding-top:8px;}
    header .headerBot_cont .headerBot_other > .hbo_bnt2{margin-right:0;}
    header .headerBot_cont .logoBox > a.otherSiteName{line-height: normal;}
    header .headerBot_cont nav{position: fixed; top:0; left:-100%; z-index:100; width:100%; max-width:640px; height:100%; transition: all .3s ease-in-out; }
    header .headerBot_cont nav.on{left:0;}
    header .headerBot_cont nav.on:before{content:'';display: block; width: 100%; height:100%; background: rgba(0,0,0,0.7); position: fixed; left:0; top:0; z-index:-1;}
    header .headerBot_cont nav.bgOn:after{content:''; display: block; width: 100%; height: 100%; position: absolute; background-color:rgba(0,0,0,0.7); z-index: 1; left:0; top:0;}
    header .headerBot_cont nav .mHeaderTop{width:100%; box-sizing: border-box; background-color:#009b63; display: flex; align-items: center; height:68px; position: relative; z-index: 2; }
    .headerBot_cont nav .mHeaderTop > div{height: 100%;}
    header .headerBot_cont nav .mHeaderTop > a, header .headerBot_cont nav .mHeaderTop > div > a{box-sizing: border-box; border-right:1px solid #4db992;text-align: center; height: 100%; display: flex; justify-content: center; flex-direction: column; width: 100%;}
    header .headerBot_cont nav .mHeaderTop .mMySelf_btn{width:160px; color:#fff; font-size:18px; font-family:'NotokrM';}
    header .headerBot_cont nav .mHeaderTop .mhead_sns{width:152px; background-position: 80% center;}
    header .headerBot_cont nav .mHeaderTop .mhead_site{width:258px; background-position: 85% center;}
    header .headerBot_cont nav .mHeaderTop > .mheadTop_select {position: relative; background-image: url("/images/Potal/layout/mMenu_arrow.png"); background-repeat: no-repeat;}
    header .headerBot_cont nav .mHeaderTop > .mheadTop_select > a {padding-right:20px; box-sizing: border-box;}
    header .headerBot_cont nav .mHeaderTop > .mheadTop_select .mHeadBtn{ color:#fff; font-size:18px; font-family:'NotokrM';}
    header .headerBot_cont nav .mHeaderTop > .mheadTop_select > ul{position:absolute; top:68px; width:100.8%; box-sizing: border-box; border:1px solid #009b63; left:-1px; background-color:#fff; display: none; z-index: 2;}
    header .headerBot_cont nav .mHeaderTop > .mheadTop_select > ul > li > a{width:100%; display: block; background-color:#eaeaea; color:#333; text-align: center; line-height: 52px; border-bottom:1px solid #d7d7d7; font-family:'NotokrM';}
    header .headerBot_cont nav .mHeaderTop > .mheadTop_select > ul > li > a.typeCorona span{padding-top: 5px; padding-left:30px; background: url("/images/Potal/layout/siteCorona_red.png") left center no-repeat; color:#da3b3b;}
    header .headerBot_cont nav .mHeaderTop > .mheadTop_select > ul > li:last-child > a{border-bottom:0px solid #d7d7d7;}
    header .headerBot_cont nav .mHeaderTop > .mheadTop_select > ul > li.on > a{color:#009b63; background-color:#fff; border-bottom: 2px solid #009b63;}
    header .headerBot_cont nav .mHeaderTop .mMenu_close{width:70px; border-right:0; font-size:0; height: 100%; background:url("/images/Potal/layout/mMenu_close.png") center no-repeat #000;}
    header .headerBot_cont nav .menuBox{background:url("/images/Potal/layout/mMenu_bg.png")left bottom no-repeat #fff; border-bottom: 2px solid #009b63; display: block; position: relative;}
    header .headerBot_cont nav .menuBox .menu_deps1 {width: 100%;}
    header .headerBot_cont nav .menuBox .menu_deps1 > a:not(.menuClosePc) {width:282px; flex-shrink: 0; padding:0 40px; box-sizing: border-box; border-bottom:1px solid #5b91c1; color:#fff; font-family:'NexonB'; font-size:21px; display: flex; height: 58px; line-height: 150%; align-items: center;}
    header .headerBot_cont nav .menuBox .menu_deps1.on > a {background-color: #fff; color:#009b63; border-color:#fff;}
    header .headerBot_cont nav .menuBox .menu_deps1 .menu_deps2 {position: absolute;right:0; top:0; width:auto; padding:0px; display: none; height:100%; background-color:#fff; max-height: none;}
    header .headerBot_cont nav .menuBox .menu_deps1 .menu_deps2.on{display: block;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox{max-height: none; padding:0 32px; box-sizing: border-box; height: 100%; overflow-y: auto;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner{width:295px; margin:0 auto; border-bottom:1px solid #c6c6c6; box-sizing: border-box;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner .deps2Inner_tit{width:100%; box-sizing: border-box; height:auto; position:relative;}
    header .headerBot_cont nav .menu_deps2 .deps2_menuBox .deps2Inner .deps2Inner_tit > a.menuNw span.menuNw_btn{position:absolute; right:10px; top:50%; display: inline-block; background: url("/images/Potal/layout/subNavNw.png") right center no-repeat; font-size:0; width:15px; height: 15px; vertical-align: middle; margin-left:5px; margin-top:-7px;}
    header .headerBot_cont nav .menu_deps2 .deps2Inner .deps2Inner_tit a{width:100%; font-size:18px; font-family:'NotokrM'; color:#555; height:58px; display: flex; align-items: center; padding:0 40px 0 20px; border-bottom:2px solid #fff; box-sizing: border-box;}
    header .headerBot_cont nav .menu_deps2 .deps2Inner .deps2Inner_tit.on a{font-family:'NotokrB'; color:#009b63; border-color:#009b63;}
    header .headerBot_cont nav .menu_deps2 .deps2Inner .deps2Inner_tit a:not(.menuNw):before, header .headerBot_cont nav .menu_deps2 .deps2Inner .deps2Inner_tit a:not(.menuNw):after{content:''; display: block; width:14px; height:2px; background-color:#9fa0a4; transition: all .3s ease-in-out; position: absolute; right:10px; top:50%; margin-top:-1px;}
    header .headerBot_cont nav .menu_deps2 .deps2Inner .deps2Inner_tit a:not(.menuNw):after{transform: rotate(90deg);}
    header .headerBot_cont nav .menu_deps2 .deps2Inner .deps2Inner_tit.on a:not(.menuNw):after{transform: rotate(0deg); background-color:#009b63; width:16px;  height: 3px; margin-top:-2px;}
    header .headerBot_cont nav .menu_deps2 .deps2Inner .menu_deps3 {width:100%; background-color:#f6f6f6; padding:10px 30px; box-sizing: border-box; display: none;}
    header .headerBot_cont nav .menu_deps2 .deps2Inner .menu_deps3.on {display: block;}
    header .headerBot_cont nav .menu_deps2 .deps2Inner .menu_deps3 li a{width:100%; display: block; position:relative; padding:4px 0 4px 20px; color:#333; font-family:'NotokrR'; font-size:16px;}
    header .headerBot_cont nav .menu_deps2 .deps2Inner .menu_deps3 li.on a{color:#000; font-family:'NotokrM';}
    header .headerBot_cont nav .menu_deps2 .deps2Inner .menu_deps3 li a:before{content:''; display: inline-block; width:5px; height:5px; position: absolute; left:0; top:50%; margin-top:-2px; background-color:#bbb;}
    header .headerBot_cont nav .menu_deps2 .deps2Inner .menu_deps3 li.on a:before{background-color:#000;}
    header .headerBot_cont nav .menuBox .menu_deps1 .dpes2_titleBox {display: none;}
    header .headerBot_cont nav .menuBox .menu_deps1.mSiteMap{display: block;}
    header .headerBot_cont nav .menuClosePc{display: none;}
    header .headerBot_cont nav > .menuBox .menu_deps1 > a:not(.menuClosePc) span{font-size:20px;}
    .headerBot_cont .hd_inner .linkCorona{display: block; position: absolute; left:250px; top:0;}
    .headerBot_cont .linkCorona a{background-image: none; border-radius: 0; }
    .headerBot_cont .linkCorona a span{padding-left:30px; background: url("/images/Potal/main/new/siteCorona.png") 0px 40% no-repeat;}

    #main-wrap > .tabmenu{width:95%; margin:0 auto;}
    .chatBot{position: fixed; bottom:20px; right:20px; top:auto;}

    .sub-container {margin-bottom:50px;}
    .sub-container .subNavWrap{display: none;}
    .sub-container .subContentWrap{width:100%;}
    .sub-container .subContentWrap .subCntArea{width:95%; margin:0 auto;}
    .sub-container .subContentWrap .subCnt_top{background-color:#f7f7f7; padding:40px 10px 30px; margin-bottom:40px;}
    .sub-container .subContentWrap .subCnt_top{text-align: center; justify-content: center; align-items: flex-end;}
    .sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li{font-size:18px;}
    .sub-container .subContentWrap .subCnt_top .sct_right{margin-top:20px; margin-bottom:-12px;}
    .sub-container .subContentWrap .subCnt_top .sct_right .sct_print{display: none;}
    .sub-container .subContentWrap .subCnt_top .sct_left h3{padding-left:55px;}
    .economyWrap .ecmInner .ecmCnt{line-height: 139px;}
    .economyWrap .ecmInner .ecmListBox{right:20px; width:215px; z-index: 32;}

    .subWrap{background-image: none !important; padding-top: 0;}
    .subWrap .sub-container .subContentWrap .subCnt_top{padding-top:40px; background: url("/Goseong_/Head/images/layout/subTopBg.jpg") right bottom no-repeat; border-bottom:2px solid #d8d8d8; background:#f7f7f7;}

    footer{padding:30px 20px;}
    footer .ft_inner {background-size:120px;}
    footer .ft_inner .ft_cnt{margin-bottom:30px;}
    footer .ft_inner .ft_cnt li{margin-right:20px; padding-right:20px; }
    footer .ft_inner .ft_cnt li a, footer .ft_inner .ft_info_box p{font-size:14px;}
    .footer_tap .footer_cnt{flex-wrap: wrap; height:100px;}
    .footer_tap .footer_cnt > li{width:50%; height: 50px;}
    .footer_tap .footer_cnt > li:nth-child(n+3){border-top:1px solid #bdc9d5;}
    .footer_tap .footer_cnt > li:first-child{border-left:0;}
    .footer_tap .footer_cnt > li > div > a{line-height: 49px;}
    .bannerWrap .bannerInner{flex-wrap: wrap;}
    .bannerWrap .bannerInner > p{font-size:18px; background-size: 15px; padding-left: 20px; background-position: left 4px; margin-left:20px;}
    .bannerWrap .bannerInner .ftSlide{width:100%; margin-top:10px;}
    .bannerWrap .bannerInner .slideBtns {position: absolute; left:auto; right: 15px; top:15px; height:15px; width: 100px;}
    header .hd_inner, .bannerWrap .bannerInner, .footer_tap .footer_cnt, footer .ft_inner{padding: 0 0px;}
}

@media screen and (max-width:680px) {
  /*  .sub-container {padding-top: 80px;} */
}

@media screen and (max-width:640px){

    header .headerBot_cont .logoBox > a.otherSiteName{font-size:20px; width: auto; padding-left:10px;}
    header .headerBot_cont nav{max-width:480px;}
    header .headerBot_cont nav .mHeaderTop .mMySelf_btn, header .headerBot_cont nav .mHeaderTop > .mheadTop_select .mHeadBtn{font-size:17px;}
    header .headerBot_cont nav .mHeaderTop .mhead_site{background-position: 90% center;}
    header .headerBot_cont nav .mHeaderTop .mMenu_close{background-size: 40%;}
    header .headerBot_cont nav .menuBox{background-position: -70px bottom;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox{padding:0 20px;}
    header .headerBot_cont nav .menuBox .menu_deps1 > a:not(.menuClosePc){width:212px; font-size:20px; height: 67px;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner{width:228px;}
    header .headerBot_cont nav .menu_deps2 .deps2Inner .deps2Inner_tit a{height: 67px;}

    .sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li{font-size:16px; padding-right: 15px; margin-right:15px;}
    .sub-container .subContentWrap .subCnt_top .sct_right{margin-bottom:-9px;}
    .sub-container .subContentWrap .subCnt_top .sct_right > div > a{width:34px; height: 34px; background-size: 11px;}
    .sub-container .subContentWrap .subCnt_top .sct_right .sct_sharing .sharing_box > li > a{width:34px; height: 34px; background-size: 100%;}

    footer .ft_inner{background-position: left bottom; padding-bottom:50px; box-sizing: border-box;}
    footer .ft_inner .ft_info_box{ background-position: right bottom;}
    .footer_tap .footer_cnt > li > div > a{font-size:14px;}
    .footer_tap .footer_cnt > li > div > a:after{width:26px; height: 26px; margin-top:-13px; background-size: 10px;}

    .economyWrap {background: none;}
    .economyWrap .ecmInner{background:#f7f7f7; padding: 40px 0 0;}
    .economyWrap .ecmInner .ecmCnt{line-height:100%;}
    .economyWrap .ecmInner .ecmListBox{position: relative; margin:0 auto 40px; transform: translate(0,0); top:0; left:0; width:235px;}
}

@media screen and (max-width:480px){

    header .headerBot_cont .logoBox > a{width:100px; padding-top:5px;}
    header .headerBot_cont .logoBox > a img{width:100%;}
    header .headerBot_cont .logoBox > a.otherSiteName{font-size:16px;}
    header .headerBot_cont .headerBot_other{padding-top:9px;}
    header .headerBot_cont .headerBot_other > a{margin:0 5px;}
    header .headerBot_cont .headerBot_other .headSearch_box{ margin:0 5px;}
    header .headerBot_cont .headerBot_other .hbo_bnt1{background-size: 100%; width:25px; height: 24px;}
    header .headerBot_cont .headerBot_other > .hbo_bnt2{margin-top:0; width: 25px; height: 20px;}
    header .headerBot_cont .headerBot_other .hbo_bnt2 i{height:2px;}

    header .headerBot_cont nav{width:95%;}
    header .headerBot_cont nav .mHeaderTop{height: 58px;}
    header .headerBot_cont nav .mHeaderTop .mMenu_close{width:60px;}
    header .headerBot_cont nav .mHeaderTop .mMySelf_btn, header .headerBot_cont nav .mHeaderTop > .mheadTop_select .mHeadBtn{font-size:14px;}
    header .headerBot_cont nav .mHeaderTop .mMySelf_btn{width:100px;}
    header .headerBot_cont nav .mHeaderTop .mhead_sns{width:122px;}
    header .headerBot_cont nav .mHeaderTop .mhead_site{width:240px;}
    header .headerBot_cont nav .mHeaderTop > .mheadTop_select > ul{top:58px;}
    header .headerBot_cont nav .menuBox{background-position: -18% bottom;}
    header .headerBot_cont nav .menuBox .menu_deps1 > a:not(.menuClosePc){width:40%; font-size:18px; height: 57px; padding:0 20px;}
    header .headerBot_cont nav .menuBox .menu_deps1 .menu_deps2{width:60%;}
    header .headerBot_cont nav .menu_deps2 .deps2Inner .deps2Inner_tit a{font-size:16px; height: 57px; padding:0 30px 0 10px;}
    header .headerBot_cont nav .menu_deps2 .deps2Inner .deps2Inner_tit a:not(.menuNw):before,
    header .headerBot_cont nav .menu_deps2 .deps2Inner .deps2Inner_tit a:not(.menuNw):after{width:10px;}
    header .headerBot_cont nav .menu_deps2 .deps2Inner .deps2Inner_tit.on a:not(.menuNw):after{width:14px;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner{width:100%;}
    header .headerBot_cont nav .menu_deps2 .deps2Inner .menu_deps3{padding:7px 15px;}
    header .headerBot_cont nav .menu_deps2 .deps2Inner .menu_deps3 li a{font-size:14px; padding-left:10px;}
    header .headerBot_cont nav .menu_deps2 .deps2Inner .menu_deps3 li a:before{width:3px; height:3px;}

    header .headerBot_cont nav > .menuBox .menu_deps1 > a:not(.menuClosePc) span{font-size:17px;}

    header .headerBot_cont nav > .menuBox.type2 .menu_deps1 > a{font-size: 14px; width:55%; min-height: 45px;}
    header .headerBot_cont nav > .menuBox.type2 .menu_deps1 > a span{font-size: 14px;}
    header .headerBot_cont nav > .menuBox.type2 .menu_deps1 .menu_deps2{width: 45%;}
    header .headerBot_cont nav .menuBox.type2 .menu_deps2 .deps2Inner .deps2Inner_tit a{height: 52px; font-size:13px;}
    .headerBot_cont .hd_inner .linkCorona{left:190px;}
    .headerBot_cont .hd_inner .linkCorona a{font-size:13px; background-image: none; padding:10px; min-width: auto; width:100px;}

    .sub-container .subContentWrap .subCnt_top{ position: relative;}
    .sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li{font-size:14px; margin-right: 7px; padding-right: 18px;}
    .sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li.sct_home{width:14px; background-size:14px;}
    .sub-container .subContentWrap .subCnt_top .sct_right{position: absolute; top:10px; right:10px; margin-bottom:0; margin-top:0;}
    .sub-container .subContentWrap .subCnt_top .sct_left h3{padding-left:0px;}

    .economyWrap .ecmInner .ecmCnt{font-size:34px;}

    .bannerWrap .bannerInner{flex-wrap: wrap;}
    .bannerWrap .bannerInner .ftSlide{width: 100%; margin-top:10px;}
    .bannerWrap .bannerInner > p{font-size:16px; margin-left:20px;}
    .bannerWrap{padding:15px 15px 15px 0;}

}

/*모바일*/

/* 페이지만족도 */
.satisWrap{margin-top:50px; width: 100%; box-sizing: border-box; border:1px solid #d6d6d6;}
.satisWrap form, .satisWrap .satis-bot {width: 100%; display: flex; justify-content: space-between; align-items: center; background-color:#fff; padding:20px 25px; box-sizing: border-box;}
.satisWrap form .satis_top {display: flex; align-items: center; justify-content: space-between; width: 70%;}
.satisWrap form .satis_top > p{color:#111; font-size:1em; font-family:'NotokrR'; letter-spacing: -0.5px;}
.satisWrap form .satis_top .radiotBox p{display: inline-block; margin:0 10px;}
.satisWrap form .satis_top .radiotBox p label{color:#555; font-size:1em; font-family:'NotokrR'; }
.satisWrap form .satis_input{width:28%; display: flex; align-items: stretch;}
.satisWrap form .satis_input input[type="text"]{border:none; background-color:#f5f5f5; color:#666; font-family:'NotokrR'; font-size:1em; padding:0 10px; line-height: 42px; width:100%;}
.satisWrap form .satis_input input[type="submit"]{width:92px; line-height:42px; flex-shrink: 0; background:#3e6dc5; border:none; color:#fff; text-align: center; font-size:1em; font-family:'NotokrR';}
.satisWrap .satis-bot{background-color:#f5f5f5; flex-wrap: wrap;}
.satisWrap .satis-bot .satb_left{display: flex;}
.satisWrap .satis-bot > div > p{padding-left:30px; box-sizing: border-box; color:#555; font-size:1em; font-family:'NotokrR'; background-position: left center; background-repeat: no-repeat; letter-spacing: -0.5px;}
.satisWrap .satis-bot > div > p.satb_depart{background-image: url("/images/Potal/layout/satisIcon1.png"); margin-right:20px;}
.satisWrap .satis-bot > div > p.satb_tel{background-image: url("/images/Potal/layout/satisIcon2.png");}
.satisWrap .satis-bot > div > p.satb_fixday{background-image: url("/images/Potal/layout/satisIcon3.png");}
.satisWrap .satis-bot > div > p span{font-family:'NotokrM'; color:#000; margin-right:15px;}

.satisWrap .gongBox{padding:20px 30px; border-bottom:1px solid #d6d6d6; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; background-color: #fff;}
.satisWrap .gongBox img{max-width:100%; flex-shrink: 0; margin-right:10px;}
.satisWrap .gongBox p{font-size: 1em; font-family:'NotokrR'; color:#555; letter-spacing: -0.2px;}
.satisWrap .gongBox p span{color:#3e6dc5;}

@media screen and (max-width:1400px){
    .satisWrap form{flex-wrap: wrap;}
    .satisWrap form .satis_top {width: 100%;}
    .satisWrap form .satis_input{width: 100%; margin-top:10px;}

}

@media screen and (max-width:1000px){
    .satisWrap{width:95%; margin:50px auto 0;}
    .satisWrap form, .satisWrap .satis-bot{padding:15px 20px;}

}

@media screen and (max-width:680px){
    .satisWrap form .satis_top{flex-wrap: wrap;}
    .satisWrap form .satis_top .radiotBox{width: 100%;}
    .satisWrap form .satis_top .radiotBox p{margin:5px 10px 0 0;}
    .satisWrap form .satis_top .radiotBox p label{font-size:14px;}
    .satisWrap form .satis_input input[type="text"], .satisWrap form .satis_input input[type="submit"]{line-height: 32px; font-size:14px;}
    .satisWrap .satis-bot .satb_left{flex-wrap: wrap;}
    .satisWrap .satis-bot > div > p{margin-top:15px; font-size:14px;}
    .satisWrap .satis-bot > div > p.satb_depart{margin-top:0;}

    .satisWrap .gongBox{padding:10px 15px; flex-wrap: wrap;}
    .satisWrap .gongBox p{width: 100%; margin-top:10px;}

}
/* 페이지만족도 */     

@media screen and (max-width:480px){
    .footer_tap .footer_cnt{flex-flow: wrap; height: auto;}
    .footer_tap .footer_cnt li{width: 100%;}
    .footer_tap .footer_cnt > li:nth-child(2){border-top:1px solid #bdc9d5;}
    
}

@media screen and (max-width:300px){
    .footer_tap .footer_cnt > li > div > a{padding:0px 0px 0px 20px;}
}
          


/* 전자정부 상단배너 */
.top-guide {width: 100%; background: #EDF1F5; border-bottom: 1px solid #e0e4e7;}
.top-guide .inner {width: 100%; max-width: 1600px; min-width: 320px; position: relative; margin: 0 auto;}
.top-guide .inner p {display: flex; align-items: center; gap: 5px; padding: 6px 0; color: #1D1D1D; font-size: 13px; font-weight: 500;}
.top-guide .inner p:before {content: ''; width: 24px; height: 16px; background: url("/upload_data/board_data/BBS_0000187/173148082803765.jpg") no-repeat center; background-size: contain;}
.inner:after {content: ''; display: block; clear: both;}
	

 /* 분야별 - 재난 select */
select.disaster-select {width: 150px; padding: 10px 20px; border-radius: 50px; border: 2px solid #009b63; color: #009b63; appearance: none; -webkit-appearance: none; -moz-appearance: none;  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><text y='10' font-size='10'>▼</text></svg>"); background-repeat: no-repeat; background-position: right 15px center; background-size: 10px; cursor: pointer;}
select.disaster-select:focus {outline: #009b63; outline-style: dotted;}
select.disaster-select option {color: #111;}