@charset "utf-8";
.new_win{display:inline-block;background:url("/images/common/cmd_ico.png") no-repeat center -724px;width:12px;height:0;padding:11px 0 0 0;margin-left:5px;overflow:hidden;vertical-align:middle}

header{background:url("/images/common/gnb_bg.gif") repeat-x #fff;border-bottom:1px solid #e1e2e4}
.gnb{position:relative;z-index:3}
.gnb:after{content:"";display:block;clear:both}
.gnb>div{float:left}
.top_link{width:30.55555555555556%}
.top_link button{background:url("/images/common/gnb_bg.gif") repeat-x;width:100%;height:45px;padding:0 0 0 10px;color:#fff;line-height:1em;letter-spacing:-0.05em;text-align:left;position:relative}
.top_link button span{display:block;width:8px;height:0;padding:4px 0 0 0;overflow:hidden;background:url("/images/common/cmd_ico.png") no-repeat;position:absolute;top:22px;right:10px}
.top_link>button span{background-position:center -240px}
.top_link div{display:none;position:absolute;top:45px;left:0;border:1px solid #56575c;background:#fff;padding:20px 20px 10px 20px;box-sizing:border-box;width:100%}
.top_link div.on{display:block}
.top_link div button{position:absolute;top:-45px;left:0;width:30.55555555555556%}
.top_link div button span{background-position:center -260px}
.top_link ul{overflow:hidden}
.top_link li{width:50%;float:left;margin:0 0 10px 0;line-height:1.25em;letter-spacing:-0.05em}
.top_link li a{display:block;background:url("/images/common/cmd_ico.png") no-repeat 0 -363px;padding:0 0 0 12px;color:#555}
.top_link li a:hover,.sitelink_list li a:focus{color:#000;text-decoration:underline}
.top_login{width:26.38888888888889%;height:45px;position:relative;text-align:right}
.top_login:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:1px;background:#696969}
.top_login a{display:block;margin:15px 10px 0 0;color:#fff}
.lang{width:30.55555555555556%;;position:relative}
.lang button{width:100%;height:45px;background:#2d2d2d;color:#fff;padding:0 0 0 10px;position:relative;letter-spacing:-0.05em;text-align:left}
.lang button span{display:block;width:8px;height:0;padding:4px 0 0 0;overflow:hidden;background:url("/images/common/cmd_ico.png") no-repeat;position:absolute;top:22px;right:10px}
.lang>button span{background-position:center -240px}
.lang div{display:none;position:absolute;top:44px;left:0;background:#fff;border:1px solid #2d2d2d;width:100%;box-sizing:border-box}
.lang div.on{display:block}
.lang div button{position:absolute;top:-45px;right:0}
.lang div button span{background-position:center -260px}
.lang li{border-top:1px solid #ccc}
.lang li:first-child{border:none}
.lang a{display:block;color:#555;padding:7px 0;text-align:center;font-family:sans-serif}
.lang a:hover,.lang a:focus{color:#000;text-decoration:underline}
.search{width:12.5%}
.search button{width:100%;height:0;padding:45px 0 0 0;overflow:hidden;position:relative}
.search>button{background:url("/images/common/cmd_ico.png") no-repeat center -69px #0071b9}
.search div{display:none;position:absolute;top:45px;right:0;background:#0071b9;padding:20px 5.555555555555556%;width:88.88888888888889%}
.search div:after{content:"";display:block;clear:both}
.search div.on{display:block}
.search div button{width:12.5%;position:absolute;top:-45px;right:0;background:url("/images/common/cmd_ico.png") no-repeat center -128px #0071b9}
.search select{width:28.125%;height:50px;border:none;float: left;}
.search input{height:50px;float: left;}
.search input[type=text]{width:56.25%}
.search input[type=submit]{width:15.625%;height:0;padding:50px 0 0 0;overflow:hidden;background:url("/images/common/cmd_ico.png") no-repeat center -65px #323a47}

.head h1{height:73px;padding:17px 0 0 5.555555555555556%}
.head h1 a{display:inline-block;color:#0071b9;font-size:24px}
.head h1 img{vertical-align:middle}
.head h1.s_logo{display:none}
.head .flag{display:none;margin: 20px 0 0 10px;}
.head button{height:0;overflow:hidden;position:absolute;background:url("/images/common/cmd_ico.png") no-repeat}
.head>button{width:60px;padding:60px 0 0 0;background-position:center 0;top:60px;right:0.555555555555556%}
.head nav button{width:45px;padding:45px 0 0 0;background-position:center -127px;top:0;right:0}
.head nav.on{display:block}
.mobile_back{position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(0, 0, 0, 0.8);z-index:3}
.menu{position:absolute;top:0;right:0;bottom:0;z-index:3;background:#0070b8;width:320px}
.menu h2{background:url("/images/common/gnb_bg.gif") repeat-x;color:#fff;font-size:16px;height:32px;padding:13px 0 0 15px}
.menu>ul{letter-spacing:-0.05em;width:872px;margin:0 auto;text-align:center}
.menu>ul>li>a{display:block;font-size: 19px;color:#fff;width:90px;padding:17px 15px;border-bottom:1px solid #2685c3}
.menu>ul>li.on>a{background:#fff;color:#2d4792;font-weight:bold}
.depth_box{background:#fff;position:absolute;top:45px;left:120px;right:0;bottom:0;padding:10px 20px 20px 20px;overflow-y:auto}
.depth_boxcon p{display:none;padding:40px 0 0 2.083333333333333%;float:left;width:19.58333333333333%;position:relative;z-index:1}
.depth_boxcon p:after{content:"";display:block;width:160px;height:140px;margin:20px 0 0 50px;background:url("/images/01_potal/common/main_ico.png")}
.depth_boxcon p strong{display:block;color:#2e4792;font-size:30px;margin:0 0 10px 0}
.depth_boxcon p span{font-size:14px; color:#7d7d7d}
.menu li li{border-bottom:1px solid #d8d8d8}
.menu li li a{display:block;color:#000;font-size:18px;line-height:1.25em;padding:10px 0}
.menu ul ul ul{margin:5px 0 0 0}
.menu li li li{background:#f1f1f1;border:none}
.menu li li li a{color:#555;font-size: 15px;background:url("/images/common/cmd_ico.png") no-repeat 0 -363px #fff;padding:0 0 10px 12px;}
.menu ul ul ul ul{margin:10px}
.menu li li li li a{background-position:0 -483px;background-color:#f1f1f1}
.dep3>a{position:relative;padding-right:15px !important;}
.dep3>a:after{content:"";display:block;width:14px;height:14px;background: url("/images/common/cmd_ico.png") no-repeat center -1083px;position:absolute;top:14px;right:0}
.dep4>a{position:relative;padding-right:15px !important;}
.dep4>a:after{content:"";display:block;width:9px;height:9px;background: url("/images/common/cmd_ico.png") no-repeat center -1146px;position:absolute;top:3px;right:3px}
.tsitemap{display:none;position:absolute;top:60px;right:0.555555555555556%}
.tsitemap a{display:block;width:50px;height:0;padding:60px 0 0 0;overflow:hidden;background:url("/images/common/cmd_ico.png") no-repeat center 0}

footer{position:relative;z-index:2;background:#fff;}
.f_banner{background:#fbfbfb;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;padding:25px 5.555555555555556%}
.f_banner>div{position:relative}
.f_banner h2{font-size:14px;color:#000;margin:0 0 10px 0}
.f_banner p{position:absolute;top:-3px;right:0;overflow:hidden}
.f_banner button{float:left;width:20px;height:0;padding:20px 0 0 0;overflow:hidden;background:url("/images/common/cmd_ico.png") no-repeat}
.f_banner button.prev{background-position:-20px -280px}
.f_banner button.stop{background-position:-20px -300px}
.f_banner button.play{background-position:-20px -320px}
.f_banner button.next{background-position:-20px -340px}
.fbanner_list{overflow:hidden}
.fbanner_list ul{width:3000px}
.fbanner_list li{float:left;margin:0 5px 0 0}
.fbanner_list a{display:block;padding:10px;background:#ededed;color:#787b82}
.fbanner_list a:hover,.fbanner_list a:focus{text-decoration:underline}
.sitelink{padding:0 5.555555555555556%;margin:20px 0}
.sitelink_list{position:relative}
.sitelink_list:after{content:"";display:block;clear:both}
.sitelink_list>button{float:left;width:49.375%;background:#84868d;color:#fff;text-align:left;padding:0 0 0 15px;height:50px;position:relative}
.sitelink_list>button span{display:block;width:8px;height:0;padding:4px 0 0 0;overflow:hidden;background:url("/images/common/cmd_ico.png") -26px -260px;position:absolute;top:22px;right:15px}
.sitelink_list div{display:none;border:1px solid #56575c;background:#fff;padding: 20px 15px 50px 15px;box-sizing:border-box;width:100%;position:absolute;z-index:1;}
.sitelink_list div.on{display:block}
.sitelink_list div button{background:url("/images/common/cmd_ico.png") no-repeat center -125px #56575c;width:50px;height:0;padding:50px 0 0 0;overflow:hidden;position:absolute;bottom:0;right:0}
.sitelink_list ul{overflow:hidden}
.sitelink_list li{width:50%;float:left;margin:0 0 10px 0;line-height:1.25em;letter-spacing:-0.1em}
.sitelink_list li a{display:block;background:url("/images/common/cmd_ico.png") no-repeat 0 -363px;padding:0 0 0 8px;color:#555;font-size: 14px;}
.sitelink_list li a:hover,.sitelink_list li a:focus{color:#000;text-decoration:underline}

/*w_boxx*/
.sitelink_list .w_box{padding: 5px 15px 40px 15px;}
.sitelink_list .w_box dl{overflow:hidden}
.sitelink_list .w_box dt{display:block;font-size: 16px;font-weight: bold;color: #000;padding: 16px 0 5px 0;border-bottom: dashed 1px #ddd;clear: both;}
.sitelink_list .w_box dd{width:50%;float:left;padding: 10px 0 0 0;line-height:1.25em;letter-spacing: -0.1em;font-size: 14px;box-sizing: border-box;}
.sitelink_list .w_box dd:nth-child(1){border-right:0}
.sitelink_list .w_box  a{display:block;background:url("/images/common/cmd_ico.png") no-repeat 0 -363px;padding: 0px 0 0 8px;color:#555;}
.sitelink_list .w_box  a:hover,.sitelink_list.w_box  a:focus{color:#000;text-decoration:underline}


.sitelink1, .sitelink2{margin-bottom:5px}
.sitelink1, .sitelink3{margin-right:1.25%}
.sitelink_box1{bottom:105px;left:0}
.sitelink_box2{bottom:105px;right:0}
.sitelink_box3{bottom:50px;left:0}
.sitelink_box4{bottom:50px;right:0}
.foot{padding:0 5.555555555555556%;margin:30px 0;position:relative}
.foot ul{overflow:hidden;margin:0 0 5px 0}
.foot li{float:left;margin:0 12px 8px 0}
.foot li:before{content:"";display:inline-block;width:2px;height:2px;margin:0 12px 0 0;background:#707070;vertical-align:middle}
.foot li:first-child:before{display:none}
.foot li a{color:#111}
.foot strong{color:#f26522}
.foot div{color:#464646;font-size:13px;line-height:1.5em}
.foot div span{padding-left:15px}
.foot address{font-style:normal}
.foot .copy{color:#464646;font-size:12px;margin-top:5px}
.foot .gotop{display:block;background:url("/images/common/cmd_ico.png") no-repeat center -187px #fff;width:48px;height:0;padding:48px 0 0 0;overflow:hidden;border:1px solid #ddd;position:absolute;top:-318px;right:0}
.foot .wa{display:none;position:absolute;top:-10px;right:70px}

/* 서브사이트 설정 */
.subsite_head h1.s_logo{display:block}
.subsite_head h1.logo{display:none}

/* 서브페이지 */
.s_left{display:none}
.s_left h2{background: url("/images/common/stit_bg.gif") no-repeat right top #0071b9;color:#fff;font-size:30px;padding:45px 10px;text-align:center;font-weight: bold;letter-spacing: -0.05em;}
.s_left>ul>li{background:#f4f5f8;margin:2px 0 0 0;border-bottom:1px solid #fff}
.s_left>ul>li>a{display:block;background:#fff;color:#020202;font-size:18px;border:1px solid #f0f0f0;padding:17px 40px 17px 20px;position:relative}
.s_left>ul>li>a:after{content:"";display:block;width:20px;height:20px;background:url("/images/common/cmd_ico.png") no-repeat center -1080px;position:absolute;top:18px;right:20px}
.s_left>ul>li.on>a{border:none;background:#213266;color:#fff}
.s_left>ul>li.on>a:after{background-position:center -1060px}
.s_left>ul>li.on>a>.new_win{background-position:center -744px}
.s_left ul ul{margin:20px}
.s_left li li{margin:0 0 10px 0}
.s_left li li a:hover, .s_left li li a:focus{text-decoration:underline}
.s_left>ul ul>li>a{display:block;color:#464646;font-size:15px;background:url("/images/common/cmd_ico.png") no-repeat 0 -363px;padding:0 0 0 13px}
.s_left>ul ul>li.on>a{color:#0071b9;background-position:0 -602px}
.s_left ul ul ul{padding:0 0 8px 0;margin:10px 0;background:#fff}
.s_left li li li{padding:8px 10px 0 10px;margin:0}
.s_left li li li a{color:#555;background-position:0 -483px !important}
.s_left li li li.on a{color:#000 !important}

/* .local{background:#f3f6f8;padding:15px 5.555555555555556%;margin:0 0 30px 0;letter-spacing:-0.05em;position:relative;z-index:2}
.pc_local{display:none}
.local>ul:after{content:"";display:block;clear:both}
.local>ul>li{float:left;position:relative;padding:0 0 0 10px;margin:0 0 0 10px;height:20px}
.local>ul>li:after{content:"";display:block;width:1px;height:5px;background:#dee2e6;position:absolute;top:5px;left:0}
.local>ul>li:first-child{padding:0;margin:-3px 0 0 0}
.local>ul>li:first-child:after{display:none}
.local>ul>li>a{display:block;color:#555}
.local>ul>li:first-child span{display:block;width:20px;height:0;padding:20px 0 0 0;overflow:hidden;background:url("/images/common/cmd_ico.png") no-repeat center -800px;margin:0 auto}
.local>ul>li div{display:none;position:absolute;top:50px;left:0;background:#4b5983;padding-bottom:40px;width:100%}
.local div li{line-height:1.5em;border-top:1px solid #646e98}
.local div li:first-child{margin:0}
.local div li a{display:block;padding:12px 15px;color:#bfc5de}
.local div li a:hover{text-decoration:underline;color:#fff}
.local div li.on a{font-weight:bold;color:#fff}
.local div button{width:100%;height:0;padding:40px 0 0 0;overflow:hidden;position:absolute;bottom:0;right:0;background:url("/images/common/cmd_ico.png") no-repeat center -130px;border-top:1px solid #646e98}
.local div li em.new_win{background-position:center -744px}
*/
.local{background:#f3f6f8;margin:0 0 30px 0;letter-spacing:-0.05em;position:relative;z-index:2}
.mo_local{display:none}
.pc_local{display:block}
.local>ul:after{content:"";display:block;clear:both}
.local>ul>li{float:left;position:relative;min-width:18.95833333333333%;border:1px solid #dee2e6;border-left:none}
.local>ul>li>a{display:block;color:#555;line-height:50px;padding:0 30px 0 15px}

.local>ul>li:first-child{margin:0;min-width:5.208333333333333%;height:36px;padding:14px 10px 0 10px;}
.local>ul>li:first-child>a{height:37px;padding:13px 0 0 0}
.local>ul>li:first-child>a:after{display:none}
.local>ul>li:first-child>a span{margin:0 auto}
.local>ul>li:first-child span{display:block;width:20px;height:0;padding:20px 0 0 0;overflow:hidden;background:url("/images/common/cmd_ico.png") no-repeat center -800px;margin:0 auto}
.local>ul>li:last-child>a:after{content:"";display:block;width:8px;height:4px;background:url("/images/common/cmd_ico.png") no-repeat center -760px;position:absolute;top:22px;right:15px}
.local>ul>li div{display:none;position:absolute;top:50px;left:0;background:#4b5983;padding-bottom:40px;width:100%}
.local>ul>li.on>a{background:#424d76;color:#fff}
.local>ul>li.on>a:after{background-position:center -260px}
.local>ul>li.on>a em.new_win{background-position:center -744px}
.local>ul>li.on div{display:block}
.local div li{line-height:1.5em;border-top:1px solid #646e98}
.local div li:first-child{margin:0}
.local div li a{display:block;padding:12px 15px;color:#bfc5de}
.local div li a:hover{text-decoration:underline;color:#fff}
.local div li.on a{font-weight:bold;color:#fff}
.local div button{width:100%;height:0;padding:40px 0 0 0;overflow:hidden;position:absolute;bottom:0;right:0;background:url("/images/common/cmd_ico.png") no-repeat center -130px;border-top:1px solid #646e98}
.local div li em.new_win{background-position:center -744px}





.s_title{padding:0 5.555555555555556%;margin:0 0 40px 0}
.s_title h3{font-size:30px;color:#000;margin:0 0 10px 0}
.s_title ul{overflow:hidden}
.s_title li{float:left;margin:0 0 0 3px}
.s_title li:first-child{margin:0}
.s_title li a{display:block;width:35px;height:0;padding:35px 0 0 0;overflow:hidden;background:url("/images/common/cmd_ico.png") no-repeat}
.s_title li.stit_print a{background-position:center -820px}
.s_title li.stit_face a{background-position:center -860px}
.s_title li.stit_twi a{background-position:center -900px}
.s_title li.stit_kakao a{background-position: center -1240px;}
.s_title li.stit_in a{background-position:center -940px}
.s_title li.stit_out a{background-position:center -980px}
.s_title li.stit_rss a{background-position:center -1020px}
.s_con{padding:0 5.555555555555556%}
.scon_bottom{border:1px solid #e8e7e7;margin:40px 5.555555555555556% 60px 5.555555555555556%}
.license{text-align:center;color:#464646;font-size:13px;border-bottom:1px solid #e8e7e7}
.license h4{background:#f3f3f4;color:#000;font-size:16px;padding:20px 0;margin:0}
.license p{padding:20px}
.license span{display:block;margin-top:10px}
.scon_bcon{color:#636363}
.manager{background:#fafafa;border-bottom:1px solid #e8e7e7;padding:20px}
.manager li{margin:0 0 5px 0}
.manager li strong{font-weight:normal;color:#000}
.manager p:before{content:"";display:inline-block;width:15px;height:20px;margin:0 5px 0 0;background:url("/images/common/cmd_ico.png") no-repeat center -1120px;vertical-align:middle}
.research{padding:20px}
.research li{margin-top:10px;line-height:1.5em}
.research li *{vertical-align:middle}
.research input[type=text]{border:1px solid #d9d9d9;width:100%;height:40px;box-sizing:border-box}
.research input[type=submit]{background:#3e3e3e;color:#fff;width:100%;height:40px}
.research input[type=submit]:focus{background:#111;}
.research label{color:#000;margin-right:25px}
.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){
header{position:relative;z-index:3;box-shadow:3px 3px 3px 0 rgba(0, 0, 0, .1)}
.top_link{width:14.32291666666667%}
.top_link button{padding:0 0 0 15px}
.top_link button span{right:15px}
.top_link div button{width:14.32291666666667%}
.top_login{width:65.49479166666667%}
.lang{width:14.32291666666667%}
.lang button{letter-spacing:normal;padding:0 0 0 15px}
.lang button span{right:15px}
.search{width:5.859375%}
.search div{width:49.47916666666667%;padding:20px 3.255208333333333%}
.search div button{width:10.46511627906977%}
.head h1{padding-left:2.604166666666667%}
.head button{display:none}
.head nav button{top:207px;background-color: #0071b9}
.mobile_back{display:none}
.menu{background:#fff;position:static;width:100%;border-top:1px solid #e1e2e4}
.menu h2{display:none}
.menu>ul:after{content:"";display:block;clear:both}
.menu>ul>li{float:left;width:20%}
.menu>ul>li>a{color:#464646;font-weight:bold;border:none;text-align:center;padding:24px 0 0 0;width:auto;height:46px;;position:relative}
.menu>ul>li>a:before{content:"";display:block;width:5px;height:5px;background:#d8d8d8;border-radius:100%;position:absolute;top:35px;left:-3px}
.menu>ul>li:first-child>a:before{display:none}
.menu>ul>li.on>a{border-bottom:5px solid #0071b9;height:41px}
.depth_box{top:207px;left:0;bottom:auto;box-shadow:3px 3px 3px 0 rgba(0, 0, 0, .1);padding:0}
.depth_boxcon{padding:0 65px 0 25px}
.depth_boxcon>ul{overflow:hidden;padding:0 0 30px 0}
.depth_boxcon>ul>li{float:left;width:23%;margin:30px 1% 0 1%;border:none}
.depth_boxcon>ul>li:nth-child(5){clear:both}
.depth_boxcon>ul>li>a{color:#2e4792;font-size: 18px;border:1px solid #efefef;border-radius:6px;padding:10px 12px;font-weight: bold;}
.menu ul ul ul{margin:10px 0 0 10px}
.menu ul ul ul ul{display:none}
.dep3>a{padding-right:0}
.dep3>a:after{display:none}
.dep4>a{padding-right:0}
.dep4>a:after{display:none}
.tsitemap{display:block}

.f_banner{padding:25px 3.90625%}
.f_banner>div{overflow:hidden}
.f_banner h2{float:left;margin:0}
.f_banner p{right:81.21468926553672%}
.fbanner_list{width:79.09604519774011%;float:right}
.fbanner_list a{background:none;padding:0 10px}
.sitelink{padding:0 3.90625%}
.sitelink_list>button{width:49.43502824858757%}
.sitelink_list div{width:49.43502824858757%;padding: 20px 12px;}
.sitelink_list div button{bottom:-51px;right:-1px}
.sitelink1, .sitelink3{margin-right:1.129943502824859%}
.foot{padding:0 3.90625%}
.foot div{font-size:14px}
.foot address{display:inline-block;padding:0 15px 0 0}
.foot .copy{font-size:14px}
.foot .gotop{top:0;right:3.90625%}

/* 서브사이트 설정 */


/* 서브페이지 */
/* .local{padding:15px 3.90625%} */
.local>ul>li{border:none;border-right:1px solid #dee2e6}
.s_title{padding:0 3.90625%}
.s_con{padding:0 3.90625%}
.scon_bottom{margin:40px 3.90625% 60px 3.90625%}
.manager{position:relative;padding:20px 25px}
.manager ul{overflow:hidden}
.manager li{float:left}
.manager li:first-child{margin:0 30px 0 0}
.manager li:first-child:before{content:"";display:inline-block;width:20px;height:20px;margin:0 5px 0 0;background:url("/images/common/cmd_ico.png") no-repeat center -1100px;vertical-align:middle}
.manager p{position:absolute;top:20px;right:20px}
.research{padding:25px;position:relative}
.research input[type=text]{width:80%}
.research input[type=submit]{width:20%}
.research a.btn_bbsw{width:100px;position:absolute;top:20px;right:25px}
}
@media all and (min-width:1024px){
header{min-width:1200px}
.gnb{width:1200px;margin:0 auto}
.top_link{width: 80.916667%;}
.top_link button{display:none}
.top_link div{display:block;background:none;border:none;padding:0;position:static}
.top_link ul{border-left:1px solid #696969}
.top_link li{width:auto;margin:0;letter-spacing:normal}
.top_link li a{display:block;padding: 15px 6px 0 6px;height:30px;color:#fff;background:none;border-right:1px solid #696969}
.top_link li a:hover,.top_link li a:focus{color:#fff}
.top_link li.on a{background:#fff;color:#0071b9;font-weight:bold}
.top_link .new_win{background-position:center -744px}
.top_login{width: 6.166667%;}
.top_login:before{display:none}
.lang{width:9.166666666666667%}
.search{width:3.75%}
.search div{width:31.66666666666667%;padding:20px 2.083333333333333%}

.head{width:1200px;margin:0 auto}
.head:after{content:"";display:block;clear:both}
.head h1{float:left;padding-left:2.083333333333333%}
.head .flag{display:inline-block;float: left;}
.menu{border:none;float:left;width: 838px;}
.menu>ul>li>a{padding:34px 0 0 0;height:56px}
.menu>ul>li>a:before{top:42px}
.menu>ul>li.on>a{height:51px}
.depth_box{top:135px}
.depth_box:before{content:"";display:block;top:0;left:0;right:50%;bottom:0;background:url("/images/common/menu_tit.gif");position:absolute;z-index:0}
.depth_boxcon{width:1200px;padding:0;margin:0 auto}
.depth_boxcon p{display:block}
.depth_boxcon>ul{float:left;width:78.33333333333333%;min-height:300px;position:relative;z-index:1;background:#fff}
.depth_boxcon>ul>li{margin:30px 0 0 3%;width:22%}
.menu2 p:after{background-position:-160px 0}
.menu3 p:after{background-position:-320px 0}
.menu4 p:after{background-position:-480px 0}
.menu5 p:after{background-position:-640px 0}
.tsitemap{position:static;float:right;margin-top:15px}

section{position:relative;z-index:1}

.f_banner{padding:25px 0;min-width:1200px}
.f_banner>div{width:1200px;margin:0 auto}
.f_banner h2{margin:0 0 0 2.083333333333333%}
.f_banner p{right:87.91666666666667%}
.fbanner_list{width:84.16666666666667%;margin-right:2.083333333333333%}
.sitelink{width:1200px;padding:0;margin:20px auto}
.sitelink_list>button{width:24.16666666666667%}
.sitelink_list div{width:24.16666666666667%}
.sitelink1,.sitelink2,.sitelink3{margin-right:1.083333333333333%}
.sitelink_box1,.sitelink_box2{bottom:55px}
.sitelink_box2{bottom:55px;right:50.58333333333333%}
.sitelink_box3{bottom:55px;left:50.5%}
.sitelink_box4{bottom:55px;right:1px}
.foot{width:1200px;padding:0;margin:30px auto}
.foot .gotop{right:0}
.foot .wa{display:block}

.sitelink_list .w_box{/* width: 346px; left: 48%; */}
.sitelink_list .w_box button{/* right: 25px;  bottom: 0; */}

/* 서브사이트 설정 */
.subsite_head h1.s_logo{margin-right:40px}
.subsite_head .flag{display:none}
.subsite_foot .wa{display:none}
.subsite_head .depth_box{background:#0071b9;padding:17px 0 7px 0}
.subsite_head .depth_boxcon>ul{padding:0}
.subsite_head .depth_boxcon>ul>li{width:auto;margin:0 0 10px 0}
.subsite_head .depth_boxcon>ul>li:before{content:"";display:inline-block;width:1px;height:7px;background:#4d9cce;vertical-align:middle}
.subsite_head .depth_boxcon>ul>li:first-child:before{display:none}
.subsite_head .depth_boxcon>ul>li>a{display:inline-block;padding:0 15px;color:#fff;border:none;font-size:15px}
.subsite_head .depth_boxcon>ul>li:nth-child(5){clear:none}
.subsite_head .menu ul ul ul{display:none}

.subsite_head .depth_box:before{display:none}
.subsite_head .depth_boxcon p{display:none}
.subsite_head .depth_boxcon>ul{background:none;width:auto}
.subsite_head .depth_boxcon>ul{min-height:auto}

/* 서브페이지 */
.sub_container{position:relative}
.sub_container:before{content:"";display:block;width:100%;height:50px;background:#f3f6f8;position:absolute;top:0;left:0;z-index:-1}
.s_content{width:1200px;margin:0 auto}
.s_content:after{content:"";display:block;clear:both}
.s_left{display:block;float:left;width:20%}
.s_right{float:right;width:80%;padding:0}
.local{padding:0;background:none}
.mo_local{display:none}
.pc_local{display:block}
.local>ul>li{height:auto;padding:0;margin:0;min-width:18.95833333333333%;border-right:1px solid #dee2e6}
.local>ul>li:after{display:none}
.local>ul>li>a{line-height:50px;padding:0 30px 0 15px}
.local>ul>li:first-child{margin:0;min-width:5.208333333333333%;height:36px;padding:14px 0 0 0}
.local>ul>li:first-child>a{height:37px;padding:13px 0 0 0}
.local>ul>li:first-child>a:after{display:none}
.local>ul>li:first-child>a span{margin:0 auto}
.local>ul>li:last-child>a:after{content:"";display:block;width:8px;height:4px;background:url("/images/common/cmd_ico.png") no-repeat center -760px;position:absolute;top:22px;right:15px}
.local>ul>li.on>a{background:#424d76;color:#fff}
.local>ul>li.on>a:after{background-position:center -260px}
.local>ul>li.on>a em.new_win{background-position:center -744px}
.local>ul>li.on div{display:block}
.s_title{position:relative;padding:0;margin:0 0 40px 5.208333333333333%}
.s_title ul{position:absolute;top:0;right:0}
.s_con{padding:0;margin:0 0 0 5.208333333333333%}
.scon_bottom{overflow:hidden;position:relative;margin:40px 0 60px 5.208333333333333%}
.scon_bottom:after{content:"";background:#e8e7e7;top:0;left:28.02197802197802%;bottom:0;width:1px;position:absolute}
.license{float:left;width:28.02197802197802%;border-bottom:none}
.license h4{height:20px}
.license p{padding:35px 0 0 0}
.scon_bcon{float:right;width:71.97802197802198%}
.manager{height:19px}
.leftmenu_none .s_right{float:none;width:100%}
.leftmenu_none .s_title{margin:0 0 40px 0}
.leftmenu_none .s_con{margin:0}
.leftmenu_none .scon_bottom{margin:0px 0 60px 0}
.leftmenu_none .local>ul>li{min-width:19.16666666666667%}
.leftmenu_none .local>ul>li:first-child{min-width:4.166666666666667%;height:37px;padding:13px 0 0 0}
}       


.gunjung_new{background:#131e3d;color:#fff;position:fixed;bottom:0;left:0;width:100%}
.gunjung_new>div{padding:12px;position:relative}
.gunjung_new h2{font-size:14px;padding:0 0 0 25px;margin:0 0 10px 0;background:url("/images/01_potal/common/gj_news.png") no-repeat 0 0;color:#53dddf}
.gunjung_new p{position:absolute;top:8px;right:8px;}
.gunjung_new button{float:left;width:20px;height:0;padding:20px 0 0 0;overflow:hidden;background:url("/images/01_potal/common/main_ico.png") no-repeat}
.gunjung_new button.prev{background-position:-120px -200px}
.gunjung_new button.stop{background-position:-160px -200px}
.gunjung_new button.play{background-position:-140px -200px}
.gunjung_new button.next{background-position:-180px -200px}
.gunjung_new ul{overflow:hidden;}
.gunjung_new li{display:none;line-height:1.5em;letter-spacing:-0.05em}
.gunjung_new li.on{display:block}
@media all and (min-width:768px){
.gunjung_new h2{position:absolute;top:14px;left:15px;}
.gunjung_new p{left: 110px;top: 11px;}
.gunjung_new div div{margin-left:170px}
}
@media all and (min-width:1024px){
.gunjung_new>div{width:1200px;padding:12px 0;margin:0 auto}
}                                                                                                    

/* 코로나 */
.covid_area{position: absolute;top: 0;left: 0;width:100%;z-index:999}
.covid_area:before{content:"";display:block;position:fixed;top:0;right:0;left:0;bottom:-900px;background:rgba(0, 0, 0, .5);z-index:1}
.covid_area>div{background:#e4ebf4;position:relative;z-index:2}
.covid_area header{background:#213266;padding:10px 20px;color:#fff;overflow:hidden;min-width: auto;}
.covid_area header strong{float:left;color:#fff200}
.covid_area header span{float:right}
.covid_area section{padding:20px 20px 30px}
.covid_area .c_btn {text-align: center;padding-bottom: 15px;}
.covid_area .c_btn a{display:inline-block;padding: 5px 15px;background: #445a83;margin: 0 5px;color: #fff;}
.covid_area h1{color:#0071b9;text-align:center;font-size:30px;font-weight:bold}
.covid_area h2{font-size:20px;line-height:1.5em;color:#213266;background:url("http://www.gochang.go.kr/images/common/h5.png") no-repeat 0 8px;padding:0 0 0 20px;margin:20px 0 15px 0;font-weight:bold}
.covid_area h2:after{display:block; content:''; clear:both; }
/*211115 기준일 위치변경*/
.covid_area h2 span {float: right;font-size: 16px;font-weight: normal;}
/*211115 기준일 위치변경*/
.covid_area table{/* min-width:100%; */}
.covid_area .table_col2{overflow:hidden}
.covid_area .table_col2 div,.covid_area .table_col2 table{float:left;width:100%}
.covid_area .table_col2 div table{width:100%;float:none;margin: 10px 0 0 0;}
.covid_area .table_col2 div p{font-size: 14.5px;padding-left:5px; margin: 5px 0 10px 0;line-height: 18px;color: #3e3e3e;}
.covid_area .table_col2 div:first-child,.covid_area .table_col2 table:first-child{margin-right: 4%;}
.covid_area .table_col2 div:first-child table th,.covid_area .table_col2 div:first-child table td,
.covid_area .table_col2 table:first-child th,.covid_area .table_col2 table:first-child td{padding: 11px 10px;}
.covid_area .info_box{background:#fff}
.covid_area .btn li{display:inline}
.covid_area .btn li a{display:inline-block;box-shadow:3px 3px 0 0 rgba(0, 0, 0, .1);text-align:left;padding:0 40px 0 0;margin:0 5px 5px 0;background:#1a2852;position:relative}
.covid_area .btn li a:hover{box-shadow:none}
.covid_area .btn li a:after{content:"";display:block;width:40px;vertical-align:middle;background:url("http://www.gochang.go.kr/images/common/cmd_ico2.png") no-repeat -107px center !important;position:absolute;top:0;bottom:0;right:0}
.covid_area .btn li a span{display:block;background:#213266;color:#fff;padding:10px;transition: .2s ease-out}
.covid_area .btn li a:hover span{background:#2e4792}
.covid_area .btn li.pbtn a span{background:#0071b9}
.covid_area footer{background:#333;text-align:center}
.covid_area footer a{color:#fff;font-size:14px;display:inline-block;padding:7px 20px}
.covid_area footer a:first-child{border-right:1px solid #444}
.covid_area footer a:hover{background:#2e4792}
.info_box_crn19{border:1px solid #ea5e6e;color:#000;font-weight:bold;background:#f6eeef !important}      
.covid_area .thpoint{/* border:3px solid #ea5e6e; *//* border-bottom:none; */color: #fff;font-size:16px;background: #ea5e6e;}   
.covid_area .tdpoint{/* border:3px solid #ea5e6e; *//* border-top:1px solid #dde1e4; */color: #fff;font-weight:bold;font-size:20px;background: #ea5e6e;}     
.disaster_box{border:1px solid #f1baca;background:url("/images/01_potal/common/disaster_img01.png") no-repeat right bottom #ffd9e4;padding: 30px 30px 130px 30px;margin:15px 0;}
.disaster_box h2{padding:0;margin:0 0 10px 0;background:none;font-size:26px;font-weight:bold}
.disaster_box ul{overflow:hidden}
.disaster_box li{float:left;margin-bottom: 5px;}
.disaster_box li a{display:block;padding:10px 20px;margin:0 5px 0 0;background:#ea5e6e;color:#fff}  
/*.corona_mask{background:url("/images/01_potal/popup/corona_card.png") no-repeat right bottom #d6ddea; padding:30px 30px 180px 30px;margin-bottom:20px;}*/
.corona_mask{background: url("/upload_data/board_data/BBS_0000015/163479090862914.png") no-repeat right bottom  #d6ddea;padding:30px 30px 180px 30px;margin-bottom:20px;}

.corona_mask strong{display:block;color: #1d3a94;font-size: 22px;margin:10px 0; font-weight:bold}
.corona_mask p{line-height:30px;color: #000;margin-top: 20px;}
.corona_mask .ifbtn{display:inline-block;padding:7px 20px;margin: 5px 0 0 0;background: #ea5e6e;color:#fff;border-radius:30px;}
.corona_mask .ifbtn_2{display:inline-block;padding:7px 20px;margin:10px 0 0 5px;background: #4f209c;color:#fff;border-radius:30px;}
.corona_mask .ifbtn:hover,.corona_mask .ifbtn:focus{background:#2e4792}
.corona_mask .ifbtn_2:hover,.corona_mask .ifbtn_2:focus{background:#0f0182}

@media all and (min-width:768px){
.covid_area>div{width:600px;top:30px;margin:0 auto}
.disaster_box{padding:30px}
.corona_mask{padding:30px 30px 35px 30px; background-position: 110% bottom;}

}
@media all and (min-width:1024px){
.covid_area>div{top:50px;}
}                                                                   
.disaster_pop>div{width:550px;top:150px;text-align:center}
.disaster_pop .disaster_box{background:url("/images/01_potal/common/disaster_img02.png") no-repeat center 20px #ffd9e4;padding:230px 20px 0 20px;margin:0}
.disaster_pop .disaster_box h2{font-size:40px}
.disaster_pop .disaster_box ul{width:70%;margin:0 auto}
.disaster_pop .disaster_box li{width:100%;margin:0 0 10px 0}
.disaster_pop .disaster_box li a{font-size:18px;border-radius:6px}                                                                                    
                                                                                                       

.lp_imgv{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, .9);z-index:9}
.lp_imgv .lp_num{position:absolute;top:20px;left:20px;background:#333;color:#fff;z-index:2;padding:5px 10px;border-radius:30px}
.lp_imgv .lp_btn button{position:absolute;top:20px;right:20px;z-index:2;width:40px;height:0;padding:40px 0 0 0;overflow:hidden;background:url("/images/common/cmd_ico.png") no-repeat center -130px #333}
.lp_imgv .lp_list{z-index:1;text-align:center}
.lp_imgv li{display:none;position:absolute;top:60px;left:20px;bottom:20px;right:20px;overflow: auto;}
.lp_imgv li.on{display:block}
.lp_imgv li img{/* max-width:100%; *//* max-height:100% */ width:100%; height:auto; margin:0 auto}           
.lp_imgv .lp_btn2 button{display:block;width:80px;height:0;padding:80px 0 0 0;overflow:hidden;background:url("/images/01_potal/common/main_ico.png") no-repeat;position:absolute;top: 45%;z-index:9;}
.lp_imgv .lp_btn2 button.prev{background-position:0 -220px;left: 50px;}
.lp_imgv .lp_btn2 button.next{background-position:-80px -220px;right: 50px;}                  
}

/* sub site main_lypop*/
.main_lypop{position:absolute;top: 0;left: 0;width:100%;z-index:999}
                                                                                                                                                                                                        
/*신년사+코로나*/
.info_lt .poparea{display: none;background: #f3cfc4;background: linear-gradient(180deg, #f3cfc4, #d6ddea);position:relative;background-size:cover;padding: 120px 3% 39% 3%;box-sizing: border-box;}
.info_lt .poparea:before{display:block;content:'';background: url('/upload_data/board_data/BBS_0000015/164084358808921.png')no-repeat top center;width: 100%;height: 120px;right: 0;top: 0;position: absolute;}
.info_lt .poparea:after{display:block;content:'';background: url('/upload_data/board_data/BBS_0000015/164084358808082.png')no-repeat bottom center;width: 100%;height: 0;padding-top: 39%;right: 0;bottom: 0;position: absolute;}
.info_lt .poparea .txt{font-size: 16px;line-height: 26px;word-break: keep-all;color: #2a2a2a;font-family: 'SCDream';font-weight: 400;background: #fff;padding: 30px 10px 20px 10px;position: relative;/* border-bottom: solid 1px #ddd; */}
.info_lt .poparea .txt strong{display:inline-block; border-bottom:solid 1px #000; padding-bottom:5px}
.info_lt .poparea .t_tit{display:block;padding-bottom:20px;text-align: left;color: #282828;font-size: 20px;margin: 0;font-weight:bold;letter-spacing: -.5px;text-align: center;}
.info_lt .poparea .txt span{color:#000;font-size: 20px;margin: 30px 0 0 0;display: block;line-height: 30px; text-align:center}
.info_lt .poparea .txt u{text-decoration:none; font-weight:bold}
.info_lt .poparea .txt i{font-style:normal;font-size:26px;font-weight: bold; display:block; padding-top:10px}
.info_lt div div .c_btn{display:none;}   
.info_lt .c_btn{background: #2c2c2c;text-align:right;padding: 5px 0;}
.info_lt .c_btn a{background:none;}      
.info_lt h2{margin: 10px 0 0 0;}    
.info_lt .poparea #scree_area{/* position:absolute; *//* bottom: 30px; *//* left: 50%; */background: #323232;/* width: 280px; *//* height: 150px; *//* transform: translate(-50%, 0); */z-index: 2;}
.poparea .link {width: 60px;position: absolute;right: 10px;top: 5px;background: #3c367e url("/images/common/sin_new.png") no-repeat 95% 6px;color: #fff;padding: 7px 25px 7px 10px;border-radius: 5px;font-size: 15px;z-index: 1;}
.poparea .link:hover,.poparea .link:active{background: #323232 url("/images/common/sin_new.png") no-repeat 86% 80%;}
.info_lt .poparea #scree_area video{width:100%;/* height:100% */}
/*.longTit strong{ font-size:18px; width: 100%; display:block}*/

@media all and (min-width:600px){
.info_lt>div>div{width:600px;margin:0 auto;}
.poparea .link {right:25px;width: auto;top: 14px;}
}

@media all and (min-width:768px){
.info_lt>div{background:transparent}
.corona_mask{padding:30px 30px 75px 30px; background-position: 110% bottom;}

.info_lt .poparea .t_tit{font-size:23px}
.info_lt .poparea .txt{padding: 30px 20px 0px;}
.info_lt .covid{background:#e4ebf4; position: relative;}
.info_lt .poparea .txt span{margin-top:70px}
.info_lt .poparea #scree_area{background: #323232;/* width: 500px; *//* height: 266px; *//* transform: translate(-50%, 0); *//* bottom: 70px; */}
}

@media all and (min-width:1024px){
.info_lt>div{width: 600px;margin: 0 auto;}
.info_lt>div>div{float:left;/*height: 1360px;*/}
.info_lt footer{position: absolute;width: 100%; bottom: 0;}
.poparea .link{display:none;}

/*.longTit strong{width: 70%;}*/
}                                                                                                                                                                                                                                                                                                                                 

.info_lt .poparea{background:#F6F4E7;padding-top:60px;display: none;}
.info_lt .poparea:before{height:100px;background: url(http://www.gochang.go.kr/images/01_potal/corona_intro/sul01.png);z-index:1;}
.info_lt .poparea:after{background: url(http://www.gochang.go.kr/images/01_potal/corona_intro/sul02.png) no-repeat bottom center;background-size:contain}
@media all and (min-width:768px){.info_lt .poparea:after{background-size: auto;}}
/*
.covid_area .sul03 li a{padding:0 0 0 40px;}
.covid_area .sul03 li a:after{right:auto;left:0;background:url(http://www.gochang.go.kr/images/01_potal/corona_intro/sul03.png) no-repeat !important;}
.covid_area .sul03 li:nth-of-type(1) a:after{background-position:8px 10px !important;}
.covid_area .sul03 li:nth-of-type(2) a:after{background-position:8px -22px !important;}
.covid_area .sul03 li:nth-of-type(3) a:after{background-position:8px -52px !important;}
*/