@charset "utf-8";

/* set */
body{font-size:16px !important;margin:0;padding:0;font-family: SCDream, "에스코어드림", NotoSans, 'Noto Sans KR', Dotum, "돋움", sans-serif;color:#464646;font-weight:400;}
input, select, button{font-family: SCDream, "에스코어드림", NotoSans, 'Noto Sans KR', Dotum, "돋움", sans-serif;}
input[type="text"]{text-align: center}
input[type="password"]{text-align: center}
select{background:none;}
body *{ box-sizing:border-box;}
a {color: #464646;}
::selection {background:#ecf3fa;color:#005399;text-shadow:none;}
#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:9999;color:#fff;width:100%;height:25px;padding:5px 0 0 0}
.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none !important;margin:0;padding:0}

/* Mobile */
/*header*/
header{position: relative;padding-top: 45px;}
.head_top{padding: 15px 12px;border-top: 1px solid #dedede;}
.head_top h1 a{display: block;width: 196px;height: 0;padding-top: 40px;background: url("/images/damin/common/mlogo.png") no-repeat;overflow: hidden;}
.head_top .util{position: absolute;top: 0;right: 0;}
.head_top .util p{display: none;}
.head_top .util ul{font-size: 0;margin-top: 15px;}
.head_top .util li{display: inline-block;position: relative;margin-right: 10px;font-size: 14px;}
.head_top .util li a{display: block;padding-left: 17px;}
.head_top .util li a:after{display: block;position: absolute;left: 0;top: 2px; width: 15px;height: 15px; background: url("/images/damin/common/common_ico.png") no-repeat center top;content: "";}
.head_top .util li.li02 a:after{background-position: center -15px;}
.head_top .util li.li03 a:after{background-position: center -30px;}
.head_top .util li.li04 a:after{background-position: center -45px;}
.head_top .util li.li05 a:after{background-position: center -30px;}

.new_win{display: inline-block;width: 11px;height: 0;padding-top: 11px;margin: -2px 0 0 4px; background: url("/images/damin/common/new_win.png") no-repeat;overflow: hidden;vertical-align: middle;}

/*menu*/
.head>button{display: block;position: absolute;right: 12px;top: 60px;width: 42px;height: 0;padding: 40px 0 0 0;border-radius: 100%;border: 1px solid #daeaf6;background: url("/images/damin/common/common_ico.png") no-repeat center -60px #fff;overflow: hidden;}
.mobile_back{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.6);z-index: 9;}
.menu{display: none;position: fixed;top: 0;left: 0;bottom: 0;right: 0;margin-left: 66px;z-index: 9;background: #0090f1;}
.menu.on{display: block;}
.menu h2{padding: 8px 12px;background: #fff;border-bottom: 1px solid #dedede;font-size: 20px;color: #01549a;}
.menu>ul>li>a{display: block;width: 140px;padding: 18px 12px 18px 0;font-size: 20px;font-weight: 600;color: #fff;text-align: right;border-bottom: 1px solid rgba(255,255,255,0.2);}
@media all and (max-width:767px) {
.menu>ul>li>a .new_win{background-image: url("/images/damin/common/new_win_w.png");}
}
.depth_box{position: absolute;left: 140px;top: 45px;right: 0;bottom: 0;background: #ecf3f9;z-index: 9;}
.depth_boxcon p{display: none;}
.depth_boxcon li a{display: block;padding: 10px 12px;font-weight: 500;color: #01549a;}
.depth_boxcon ul ul{padding: 8px 0;background: #fff;}
.depth_boxcon ul ul li a{padding: 4px 12px;font-size: 15px;font-weight: 400;color: #464646;}
.head .menu.on button{display: block;position: absolute;top: 60px;left: -54px;width: 42px;height: 0;padding: 42px 0 0 0;border-radius: 100%;background: url("/images/damin/common/common_ico.png") no-repeat center -100px #0090f1;overflow: hidden;}
.tsitemap{display: none;}

/*footer*/
footer{border-top: 1px solid #dedede;}
.f_banner{position: relative;padding: 20px 12px;border-bottom: 1px solid #dedede;background: #fcfcfc;}
.f_banner:after{display: block;clear: both;content: "";}
.f_banner .control{float: left;font-size: 0;}
.f_banner .control h2{display: inline-block;font-size: 18px;font-weight: 500;}
.f_banner .control p{display: inline-block;margin-left:12px;}
.f_banner .control p button{display: inline-block;width: 20px;height: 0;padding-top: 24px;background: url("/images/damin/common/common_ico.png") no-repeat; overflow: hidden;}
.f_banner .control p button.prev{background-position: center -404px;}
.f_banner .control p button.stop{background-position: center -428px;}
.f_banner .control p button.play{background-position: center -452px;}
.f_banner .control p button.next{background-position: center -476px;}
.f_banner .bn_list{float: right;width: calc(100% - 124px);overflow: hidden;}
.f_banner .bn_list ul{width: 9999px;margin-top: 4px;}
.f_banner .bn_list ul:after{display: block;clear: both;content: "";}
.f_banner .bn_list li{position: relative;float: left;padding: 0 20px;}
.f_banner .bn_list li:after{display: block;position: absolute;right: 0;top: 5px;width: 1px;height: 9px;background: #d4d4d4;content: "";}
.f_banner .bn_list li a{display: block;font-size: 14px;}
footer>.wrap{position: relative;margin: 30px 12px 0;padding-bottom: 30px;}
.f_logo a{display: block;width: 196px;height: 0;padding-top: 40px;background: url("/images/damin/common/mlogo_f.png") no-repeat;overflow: hidden;}
.f_link{margin: 30px 0 40px;font-size: 0;}
.f_link li{display: inline-block;position: relative;padding-right: 15px;margin-right: 15px;}
.f_link li:after{display: block;position: absolute;right: 0;top: 8px;width: 1px;height: 9px;content: "";background: #d4d4d4;}
.f_link li a{display: block;font-size: 16px;}
.f_link li:last-child:after{display: none;}
.f_link li:first-child a{font-weight: 500;color: #d93f09;}
.f_text {color: #555;}
.f_text ul{margin-bottom: 30px;}
.f_text address{font-style: normal;}
footer .top{position: absolute;top: 0;right: 0;width: 60px;height: 60px;border-radius: 100%;background: #d93f09;}
footer .top a{display: block;color: #fff;font-weight: 500;text-align: center;padding-top: 26px;}
footer .top a:before{display: block;position: absolute;width: 2px;height: 12px;top: 16px;left: 50%;background: #fff;content: "";transform: rotate(-45deg) translateX(6px);}
footer .top a:after{display: block;position: absolute;width: 2px;height: 12px;top: 16px;left: 50%;background: #fff;content: "";transform: rotate(45deg) translateX(-6px);}

.side_bar{display: none;}

/* Tablet */
@media all and (min-width:768px) {
header{padding: 0;}
.head_top{padding: 20px;border: none;border-bottom: 1px solid #dedede;}
.head_top .util{top: 30px;right: 20px;text-align: right;}
.head_top .util p{display: inline-block;margin: 0 20px 0 0;font-size: 14px;}
.head_top .util p strong{color: #d93f09;}
.head_top .util ul{display: inline-block;margin-top: 0;}
.head_top .util li.li04{margin-right: 0;}

.head button{display: none!important;}
.menu{display: block;position: absolute;top: 81px;bottom: auto;width: 100%;margin-left: 0;background: #fff;}
.menu h2{display: none;}
.menu>ul{font-size: 0;text-align: center;}
.menu>ul>li{display: inline-block;width: 19%;}
.menu>ul>li>a{width: auto;padding: 12px 0;color: #333;font-size: 18px;font-weight: 500;text-align: center;}
.depth_box{left: 0;top: 50px;bottom: auto;width: 100%;border-top: 1px solid #0090f1;box-shadow: 0 5px 10px rgba(0,129,202,0.1);text-align: left;}
.depth_boxcon>ul>li{width: 100%;border-bottom: 1px solid #dedede;}
.depth_boxcon>ul>li:last-child{border: none;}
.depth_boxcon>ul>li:after{display: block;clear: both;content: "";}
.depth_boxcon>ul>li>a{float: left;width: 195px;padding: 10px 20px;font-size: 18px;}
.depth_boxcon>ul>li>a:hover, .depth_boxcon>ul>li>a:focus{text-decoration: underline;}
.depth_boxcon ul ul{float: left;width: calc(100% - 195px);min-height: 34px;font-size: 0;}
.depth_boxcon ul ul li{display: inline-block;}
.depth_boxcon ul ul li a{font-size: 16px;}
.depth_boxcon ul ul li a:hover, .depth_boxcon ul ul li a:focus{text-decoration: underline;}

footer{text-align: center;}
.f_banner{padding: 20px;}
.f_logo a{margin: 0 auto;}
footer>.wrap{margin: 30px 20px 0;}
}

/* Desktop */
@media all and (min-width:1023px) {
.head_top{padding: 21px 20px 17px 20px;}
.head_top h1 a{width: 217px;padding-top: 59px;background-image: url("/images/damin/common/logo.png");}
.head_top .util{top: 44px;}
.head_top .util li a:hover, .head_top .util li a:focus{text-decoration: underline;}
.menu{top: 98px;}
.menu>ul>li>a{padding: 20px 0;font-size: 20px;}
.menu>ul>li>a:hover, .menu>ul>li>a:focus, .menu>ul>li.on>a{text-decoration: underline;color: #000;}
.depth_box{top: 68px;}
.depth_boxcon:after{display: block;clear: both;content: "";}
.depth_boxcon p{display: block;float: left;width: 250px;text-align: center;}
.depth_boxcon p strong{display: block;padding-top: 70px;font-size: 24px;color: #005399;}
.depth_boxcon>ul{float: left;width: calc(100% - 250px);min-height: 240px;background: url("/images/damin/common/menu_bg.png") no-repeat bottom right #fff;}
.depth_boxcon>ul>li>a{width: 230px;padding: 15px 20px;font-size: 20px;color: #d93f09;}
.depth_boxcon ul ul{width: calc(100% - 230px);min-height: 58px;padding: 15px 0 10px;background: none;}
.depth_boxcon ul ul li{margin-bottom: 5px;}
.depth_boxcon ul ul li a{padding: 0 10px;}
	
/* menu4 */
/*
.menu4 .depth_boxcon>ul{padding: 40px 40px 0;overflow: hidden;}
.menu4 .depth_boxcon>ul>li{float: left;width: 25%;border: none;}
.menu4 .depth_boxcon>ul>li>a{position: relative;width: 100%;padding: 65px 0 0;font-size: 16px;font-weight: 400;color: #464646;text-align: center;}
.menu4 .depth_boxcon>ul>li>a:after{display: block;position: absolute;top: 0;left: 50%;width: 55px;height: 50px;background: url("/images/damin/common/menu_ico.png") no-repeat;content: "";transform: translateX(-50%);}
.menu4 .depth_boxcon>ul>li:nth-child(1)>a:after{background-position: center 0;}
.menu4 .depth_boxcon>ul>li:nth-child(2)>a:after{background-position: center -50px;}
.menu4 .depth_boxcon>ul>li:nth-child(3)>a:after{background-position: center -100px;}
.menu4 .depth_boxcon>ul>li:nth-child(4)>a:after{background-position: center -150px;}
*/

footer>.wrap{margin-top: 20px;padding-bottom: 60px;}
footer a:hover, footer a:focus{text-decoration: underline;}
.f_logo a{width: 217px;padding-top: 59px;background-image: url("/images/damin/common/logo_f.png");}
.f_link{margin: 20px 0 30px;}
}

@media all and (min-width:1400px) {
.head_top{position: relative;width: 1400px;margin: 0 auto;padding: 21px 0 17px;border:none;}
.head_top .util{right: 0;}
.head{position: absolute;left: 0;right: 0;top: 97px;border-top: 1px solid #dedede;background: #fff;}
.menu{position: static;width: 1400px;margin: 0 auto;}
.depth_box:before{display: block;position: absolute;top: 0;right: 0;width: 50%;height: 100%;content: "";background: #fff;z-index: 0;}
.depth_boxcon{position: relative;width: 1400px;margin: 0 auto;z-index: 9;}
.depth_boxcon p{width: 320px;}
.depth_boxcon>ul{width: calc(100% - 320px);height: 340px;overflow-y: auto;}

.wrap{width: 1400px;margin: 0 auto;}

footer>.wrap{margin: 20px auto 0;}

.side_bar{display: block;position: fixed;top: 50%;right: -100px;transform: translateY(-50%);z-index: 999;transition: .3s;}
.side_bar.on{right: 0;}
.side_bar button{display: block;position: absolute;top: 50%;right: 100px;transform: translateY(-50%);width: 40px;height: 60px;padding: 0;background: #0090f0;border-radius: 10px 0 0 10px;}
.side_bar button span{display: block;position: absolute;top: 14px;left: 11px;width: 20px;height: 0;padding-top: 32px;overflow: hidden;}
.side_bar button span:before{display: block;position: absolute;top: 8px;left: 0;width: 20px;height: 2px;background: #fff;content: "";transform: rotate(-45deg);}
.side_bar button span:after{display: block;position: absolute;top: 22px;left: 0; width: 20px;height: 2px;background: #fff;content: "";transform: rotate(45deg);}
.side_bar div{width: 100px;background: #0090f0 linear-gradient(180deg,  #0090f0 0%, #00a9c4 100%);border-radius: 20px 0 0 20px;overflow: hidden;text-align: center;}
.side_bar dt{padding: 64px 15px 15px;font-size: 18px;font-weight: 600;color: #fff;background: url(/images/damin/main/side_img.png) no-repeat center 0;}
.side_bar dd{border-top: 1px solid rgba(255,255,255,0.3);}
.side_bar dd a{display: block;padding: 10px 18px;color: #fff;line-height: 1.3;}
.side_bar dd a:hover, .side_bar dd a:focus{background: rgba(0,0,0,0.3);}
.side_bar dd.last a{padding-bottom: 96px;background: url(/images/damin/main/side_img.png) no-repeat center -130px #009da5;}
.side_bar dd.last a:hover, .side_bar dd.last a:focus{background-color: #005399;}
.side_bar div button{display: none;}
.side_bar.on div button{display: block;}
.side_bar.on div button span{transform: rotate(180deg);}
}

/* sub_layout */
.s_title{padding: 30px 0 0;background: #ecf3f9;text-align: center;font-size: 0;}
.s_title .wrap{font-size: 16px;}
.s_title h2{display: inline-block;width: auto;margin-right: 10px;color: #005399;font-size: 32px;font-weight: 500;}
.s_title ul{display: inline-block;width: auto;}
.s_title ul:after{display: block;clear: both;content: "";}
.s_title li{float: left;}
.s_title li>button{display: block;width: 40px;height: 0;padding: 38px 0 0 0;background: url("/images/damin/common/common_ico.png") no-repeat #fff;border-radius: 100%;border: 1px solid #bedff7;overflow: hidden;}
.s_title li.sharing>button{background-position: center -550px;}
.s_title li.print>button{background-position: center -590px;}
.s_title li.sharing{position: relative;margin-right: 10px;}
.s_title li.sharing div{position: absolute;width: 40px;}
.s_title li.sharing li a{display: block;width: 40px;height: 0;padding-top: 38px;overflow: hidden;background: url("/images/damin/common/cmd_ico.png") no-repeat;border-radius: 100%;}
.s_title li.sharing li.twi a{background-position: center -356px;}
.s_title li.sharing li.face a{background-position: center -308px;}
.s_title li.sharing li.url a{background-position: center -256px;}
.s_title li.sharing div button{display: block;width: 40px;height: 0;padding-top: 38px;overflow: hidden;background: url("/images/damin/common/cmd_ico.png") no-repeat center -555px;border-radius: 100%;}
.s_title .search{width: 70%;margin: 20px auto;border: 1px solid #0090f1;border-radius: 50px;overflow: hidden;background: #fff;font-size: 0;}
.s_title .search input[type="text"]{width: calc(100% - 44px);padding: 10px 0 10px 20px;font-size: 16px;}
.s_title .search input[type="submit"]{width: 44px;height: 0;padding:44px 0 0 0;overflow: hidden;background: url("/images/damin/common/common_ico.png") no-repeat center -504px #0090f1;border-radius: 100%;}
.s_title .local{background: #fff;text-align: left;}
.s_title .local li a{display: block;min-width: 140px;padding: 8px 40px 7px 12px;border:1px solid #fff;border-right: 1px solid #cce9fc;border-bottom: 1px solid #cce9fc;background: url("/images/damin/common/common_ico.png") no-repeat right -32px top -763px;}
.s_title .local li a:hover, .s_title .local li a:focus{text-decoration: underline;}
.s_title .local li.home a{min-width: auto;width: 40px;height: 0;padding: 40px 0 0 0;overflow: hidden;background: url("/images/damin/common/common_ico.png") no-repeat center -640px #0090f1;border: none;}
.s_title .local li.on>a{border: 1px solid #0090f1;box-shadow: 0 0 20px rgba(0,129,202,0.2);color: #000;font-weight: 500;}
.s_title .local li ul{display: none;}
.s_title .local li.on ul{display: block;position: absolute;background: #ecf3f9;z-index:8;}
.s_title .local li li{float: none;}
.s_title .local li li a{padding: 8px 20px;border: none;background: none;}

.s_content h3{margin: 20px 0;text-align: center;font-size: 36px;font-weight: 500;}
.s_content h3:after{display: block;width: 1px;height: 40px;margin: 20px auto;content: "";background: #bedff7;}
.s_con, .scon_bottom{margin: 20px 12px;}
.s_con{z-index: 1; position: relative;}

@media all and (min-width:768px) {
.s_content{padding-top: 50px;}
.s_title{padding-top: 64px;background: url("/images/damin/common/sub_bg.gif") no-repeat center #ecf3f9;text-align: left;}
.s_title h2{margin-left: 20px;}
.s_title .search{float: right;width: 380px;margin: 0 20px 0 0;}
.s_title .local{clear: both;margin-top: 50px;padding-left: 20px;border-radius: 0 60px 0 0;box-shadow: 0 -5px 10px rgba(0,144,241,0.1);}
.s_title .local li a{min-width: 180px; padding: 16px 44px 17px 20px;background-position: right -22px top -755px;font-size: 18px;}
.s_title .local li.home a{min-width: auto;width: 60px;padding-top: 60px;background-position: center -630px;}
.s_content h3{margin: 40px 0;}
.s_con, .scon_bottom{margin: 20px;}
}

@media all and (min-width:1023px) {
.s_content{padding-top: 69px;}
.s_content h2{margin-left: 0;}
.s_title .search{margin: -5px 0 0 0;}
.s_title .search input[type="text"]{width: calc(100% - 50px);padding: 13px 0 13px 28px;}
.s_title .search input[type="text"]::placeholder{color: #555;}
.s_title .search input[type="submit"]{width: 50px;padding-top: 50px;background-position: center -500px;}
.s_title .local{margin-top: 40px;}
.s_content h3{margin: 60px 0 40px;}
.s_con{margin: 40px 20px 60px;}
.scon_bottom{margin: 0 20px 40px;}
}

@media all and (min-width:1400px) {
.s_title{position: relative;}
.s_title:before{display: block;position: absolute;width: calc((100% - 1400px)/2);height: 60px;left: 0;bottom: 0;content: "";background: #fff;z-index: 0;box-shadow: 0 -5px 10px rgba(0,144,241,0.1);}
.s_title .local{padding-left: 0;}
.s_con{margin: 40px 0 60px;}
.scon_bottom{margin: 0 0 40px;}
}

/* 공공누리 */
.license {margin: 0 12px;padding:20px;border:1px solid #dedede;text-align:center;}
.license h4{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.license div{display:block;margin:0 0 10px 0}
.license p strong{font-weight: 500;}
.license p em{font-style:normal;font-weight:500;color: #d93f09;}
@media all and (min-width:768px) {
.license{margin: 20px;}
}
@media all and (min-width:1023px) {
.license{overflow:hidden;text-align:left;}
.license div{float:left;margin:0}
.license p{float:right;margin:12px 0 0 0;width:calc(100% - 230px)}
}
@media all and (min-width:1400px) {
.license {width: 1400px; margin: 0 auto; box-sizing: border-box;}
}


/* 콘텐츠담당자 */
.manager{background:#f0f5fa;padding:20px;margin-top: 10px;border:1px solid #dedede;border-top: 2px solid #0090f1;}
.manager h4{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.manager li{margin:0 0 5px 0}
.manager strong{display: inline-block;padding: 0 2px 0 18px;color:#0073e8;background: url("/images/damin/common/common_ico.png") no-repeat;}
.manager li:first-child strong{background-position: -43px -688px;}
.manager li:last-child strong{background-position: -43px -708px;}
.manager p strong{background-position: -43px -728px;}
@media all and (min-width:768px) {
.manager{position:relative}
.manager ul{overflow:hidden}
.manager li{float:left;margin:0 30px 5px 0}
}
@media all and (min-width:1023px) {
.manager p{position:absolute;bottom:20px;right:20px}
.manager li{margin:0 30px 0 0}
}

/* 만족도조사 */
.research{border:1px solid #dedede;border-top:none;padding:20px;}
.research h4{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.research p{font-weight:600;margin:0 0 10px 0;color: #333;}
.research li{line-height:1.5em}
.research li:first-child{margin:0 0 10px 0}
.research li *{vertical-align:middle}
.research input[type=text]{border:1px solid #dedede;width:100%;height:30px;box-sizing:border-box}
.research input[type=submit]{background:#d93f09;color:#fff;width:100%;height:30px;font-size: 14px;}
.research label{color:#000;margin-right:20px}
.research a.btn_bbsw{width:100%;padding:9px 0 0 0;margin:5px 0 0 0;text-align:center}
@media all and (min-width:768px) {
.research{padding:25px;position:relative}
.research input[type=text]{width:calc(100% - 120px)}
.research input[type=submit]{width:100px}
.research a.btn_bbsw{width:100px;position:absolute;top:20px;right:25px}
}
@media all and (min-width:1023px) {
.research ul{overflow:hidden}
.research li{float:left;width:50%}
.research li:first-child{padding:5px 0 0 0;margin:0}
}