@charset "utf-8";
/**
공통 레이아웃
*/
.m{display:none;}
.mask{z-index:98; visibility:hidden; opacity:0; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); transition:0.3s ease;}
.mask.on{visibility:visible; opacity:1;}

body{width:100%; min-width:320px; overflow-x:hidden;}

#skip-navigation{z-index:9999; position:absolute; left:0; top:0;}
#skip-navigation *{list-style:none; margin:0; padding:0;}
#skip-navigation a{display:block; width:1px; height:1px; overflow:hidden; color:#000; white-space:nowrap;}
#skip-navigation a:focus,
#skip-navigation a:active{width:100px; height:auto; background:#ffd;}

.inner{position:relative; width:1200px; margin:0 auto; box-sizing:border-box;}
.inner:after{content:''; display:block; clear:both; width:100%;}

.state_wrap{height:110px; letter-spacing:0; font-family:'Noto Sans KR','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif'; background:#d8e8fc url(/images/kr/main2020/bg_state.gif) no-repeat 50% 0; background-size:cover;}
.state_wrap .inner {overflow:hidden; width:1200px; margin:0 auto;}
.btn_state{position:absolute; top:8px; right:0; display:block; width:225px; height:31px; line-height:31px; color:#fff !important; font-weight:800; border-radius:31px; background:#de6060; text-align:center;}
.state{float:left; width:1200px; text-align:center;}
.state .title{width:100%; padding:6px 0 3px 0; font-size:18px; font-weight:400; color:#1c1c1c; margin-bottom:10px;}
.state .title strong{font-size:24px; font-weight:900;}
.state .title strong span{color:#e13838;}
.state .num{padding:7px 0; text-align:left; border-radius:8px; color:#fff; background:#5c5abf;}
.state .num *{display:inline-block;vertical-align:top;}
.state .tit{padding:0 17px 0 17px;line-height:42px;font-size: 17px;font-weight:900;text-align:center;}
.state dl{height:42px;width: 140px;padding:6px 0 6px 6px;border-radius:5px;background:#fff;box-sizing:border-box;}
.state dl + dl{margin: 0 0 0 3px;}
.state dt{min-width:56px; height:30px; padding:0 9px; line-height:31px; border-radius:3px; font-size:13px; font-weight:700;  text-align:center; box-sizing:border-box;}
.state dd{line-height:30px;font-weight:900;font-size:16px;color:#232323;margin-left: 5px;}
.state dd span{width:47px; text-align:right;}
.state .total{width: 122px;margin-left: 5px;}
.state .total dt,
.state .fix dt,
.state .fixend dt{background: #3F9DA1;}
.state .total dd{/* width: 60px; */text-align:right;margin-left: 5px;}
.state .fix{width:155px;}
.state .fix dd{margin-left:5px;}
.state .fix dd .end{color:#232323; font-weight:300; font-size:14px; }
.state .fix dd strong{padding:0 0 0 5px; font-weight:900;}
.state .fixend {width:165px;}
.state .dr{width: 330px;}
.state .dr dt{background:#5221b4;}
.state .dr dd ul {margin-left: -8px;}
.state .dr dd strong{height:23px;margin: 3px 0 0 5px;padding:0 9px;line-height:23px;border-radius:23px;font-size:13px;color:#fff;background:#5c5abf;}
.state .dr li + li{/* padding: 0px 0 0 0px; */}
.state .dr li + li span{width:70px;}
.state .dead{width:108px;}
.state .dead dt{background:#5DA8FC;}
.state .self{width:130px;}
.state .self dt{background:#395B8F;}
.state .selfend dt{background:#5DA8FC;}
.state_etc{float:right; width:208px;}

.state_etc dl{margin: 35px 0 0 0;padding:7px 0;color:#fff;border-radius:8px;background:#757575;}
.state_etc dl *{display:inline-block; vertical-align:top;}
.state_etc dt{line-height:42px;padding:0 17px 0 17px; font-size:18px; font-weight:900;}
.state_etc dd{width:82px; height:42px; line-height:42px; border-radius:5px; color:#232323; font-size:16px; font-weight:900; text-align:center; background:#fff;}

#menuArea{top:155px;}

@media screen and (max-width:999px){
	.state_wrap{height:auto;}
	.state_wrap .inner{width:100%; padding:0 10px; box-sizing:border-box}
	.btn_state{position:static; width:100%; margin:0 0 10px;}
	.state{width:100%;}
	.state dl + dl{margin:0;}
	.state .num{padding:0 10px 10px 10px;}
	.state .tit{width:100%; padding:0;}
	.state .total,
	.state .fix,
	.state .fixend,
	.state .dead,
	.state .self,
	.state .selfend{width:49%; margin:10px 0 0 0;}
	.state .fix,
	.state .dead,
	.state .selfend{float:right;}
	.state .dr{width:100%; margin:10px 0 0 0;}
	.state_etc {width:100%;}
	.state_etc dl{padding:0 10px 10px 10px; margin:10px 0;}
	.state_etc dt,
	.state_etc dd{width:100%;}
	.state_etc dt{padding:0; text-align:center;}

	#menuArea{top:390px;}
}
@media screen and (max-width:568px){
	.state .title strong{display:block;}
	.state dt{min-width:65px;}
	.state dd{width:calc(100% - 80px) !important; text-align:right;}
	.state .fix dd {width:calc(100% - 100px) !important;}
	.state .fixend dd {width:calc(100% - 115px) !important;}
	.state .total,
	.state .fix{width:100%;}
	.state .fix{margin:10px 0 0 0;}
	.state .dr{height:auto;}
	
	.state .dr li{width:100%;}
	.state .dr li + li{padding:0;}
	.state .dr li + li span{width:75px;}
	.state .dr dd strong{margin-left:0;}
}
#content{position:relative;}

#header{position:relative; height:141px;}

.logo {z-index:94; position:absolute; top:19px; left:0; text-align:left;}
.logo *{display:inline-block; vertical-align:top;}
.logo a{text-decoration:none;}
.logo a > span{padding:0 0 0 10px;}
.logo em{line-height:100%; padding:5px 0 2px 0; font-size:28px; font-weight:800; letter-spacing:-2px;}
.logo img{vertical-align:top;}
.logo span > span{display:block; padding:0 0 0 3px; font-size:10px; line-height:100%; font-weight:100; text-transform:uppercase; color:#6f6f6f;}

#top{z-index:98; position:relative; width:100%; background:#f9f9f9;}
#top:after{content:''; display:block; clear:both; position: absolute; bottom:0; left:0; width:100%; height:1px; background:#ddd;}
#top .global{float:left;}
#top .global > li{z-index:1; position:relative; float:left; width:95px; border-right:1px solid #ddd;}
#top .global > li.list{width:117px;}
#top .global > li:first-child{width:110px; border-left:1px solid #ddd;}
#top .global > li.list > a:after{content:''; display:inline-block; width:8px; height:8px; margin:-4px 0 0 6px; border-right:1px solid #9a9999; border-bottom:1px solid #9a9999; vertical-align:middle; transform:rotate(45deg); transition:0.3s ease;}
#top .global > li > a{display:block; line-height:43px; color:#7f7d7d; text-transform:uppercase; text-align:center;}
#top .global > li > a.on,
#top .global > li > a:hover{color:#2e2d2d; background:#f3f3f3;}
#top .global > li > a.on{background:#fff;}
#top .global > li > a.current{color:#2e2d2d; font-weight:400; border-bottom:1px solid #fff; background:#fff;}
#top .global > li.list > a.on:after{margin-top:2px; transform:rotate(225deg); border-color:#555;}

#top .global li div{display:none; position:absolute; top:43px; left:-1px; width:180px; padding:0 8px; box-sizing:border-box; border:1px solid #e2e2e2; border-radius:0 0 4px 4px; box-shadow:5px 5px 5px rgba(0,0,0,0.12); text-transform:uppercase; background:#fff;}
#top .global li div a{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:44px; line-height:110%; color:#222; border-top:1px dashed #ccc; text-align:center;}
#top .global li div a:hover{background:#f9f9f9;}
#top .global li div li:first-child a{border-top:none;}
#top .global .list1 div,
#top .global .list3 div{width:360px;}
#top .global .list1 li{display:inline-block; width:30%; margin:0 1.1%; text-align:center;}
#top .global .list1 li:nth-child(-n+3) a{border-top:none;}
#top .global .list4 div{width:calc(100% + 2px);}

#top .sns {float:right;}
#top .sns li{float:left; border-right:1px solid #ddd;}
#top .sns li:first-child{border-left:1px solid #ddd;}
#top .sns a{display:block; width:44px; height:44px; font-size:0; text-indent:-999px; background:url(/images/kr/common/ico_bullet.png) no-repeat 14px -75px;}
#top .ch2025 a{width:100px;height:44px;background-position: 10px -350px;}
#top .ch2025_en a{width:100px; height:44px;background-position:-88px -350px;}
#top .cn a{background-position:-171px 10px; width:120px; height:44px;}
#top .cn_cn a{background-position:5px -310px; width:120px; height:44px;}
#top .cn_en a{background-position:5px -270px; width:120px; height:44px;}
#top .tw a{background-position:-30px -76px;}
#top .bl a{background-position:-74px -76px;}
#top .kko a{background-position:-120px -76px;}
#top .yt a{background-position:-162px -73px;}
#top .insta a{background-position:-213px -74px;}
#top .sns a:hover,
#top .sns a:active,
#top .sns a:focus{background-color:#f3f3f3;}

#font_control {padding:24px 0 0 0; float:right;}
#font_control ul{overflow:hidden; width:100%;}
#font_control li{float:left; width:36px; margin:0 0 0 3px; font-size:14px; font-weight:700; text-align:center;}
#font_control li a{display:block; height:35px; line-height:33px; color:#7f7d7d; border:1px solid #e0dfdf; box-sizing:border-box;}
#font_control li.btns a{text-indent:-999px; font-size:0; background:url(/images/common/ico_util.png) no-repeat 13px 11px;}
#font_control li.big a{background-position:13px -40px;}
#font_control li.small a{background-position:13px -84px;}
#font_control li.print a{opacity:0.5; border-color:#c1c0c0; background:url(/images/common/ico_print.png) no-repeat 50% 50%;}
#font_control li a:hover{opacity:0.8; border-color:#555; background-color:#f9f9f9;}

.btn_menu{z-index:96; position:absolute; top:138px; left:50%; width:29px; padding:0; margin:0 0 0 570px; border-radius:3px; background:none;} 
.btn_menu .bar{display:block; width:100%; height:3px; margin:4px 0 4px 0; background:#295995;}

.k_btn_menu {width: 90px;font-weight: 800;font-size: 19px;color: #383838;}
.k_btn_menu  .bar{display:none;}

.btn_menu_close{display:block; z-index:96; position:absolute; top:27px; right:3%; width:50px; height:50px; border-radius:50%; border:1px solid #d8e3f2; background:none;}
.btn_menu_close .bar{position:absolute; top:24px; left:12px; display:block; width:25px; height:1px; background:#d8e3f2;}
.btn_menu_close .bar1{transform:rotate(45deg);}
.btn_menu_close .bar2{transform:rotate(-45deg);}

/* 검색*/
#search{z-index:94; position:absolute; top:24px; right:156px;}
#search form{position:relative; width:263px; height:36px; box-sizing:border-box; transition:0.3s ease-in-out;}
#search form fieldset{display:block; width:100%; max-width:1200px; margin:0 auto; box-sizing:border-box;}
#search input[type="text"]{width:100%; height:35px; line-height:33px; padding:0 40px 0 10px; border-radius:0; border:1px solid #d8d7d7; background:#fff; box-sizing:border-box;}
#search input[type="text"]:focus{border-color:#666;}
#search ::-webkit-input-placeholder{color:rgba(0,0,0,0.3);}
#search :-ms-input-placeholder{color:rgba(0,0,0,0.3);}
#search ::placeholder{color:rgba(0,0,0,0.3);}
#search button{position:absolute; top:7px; right:7px; width:20px; height:20px; padding:0; font-size:0; text-indent:-999px; background:transparent;}
#search button:before,
#search button:after{content:''; display:block; position:absolute; top:0; left:0; width:16px; height:16px; border:2px solid #7f7d7d; border-radius:50%; box-sizing:border-box;}
#search button:after{top:auto; left:auto; bottom:0; right:2px; width:10px; height:2px; border:none; border-radius:2px; transform:rotate(45deg); transform-origin:100% 100%; background:#7f7d7d;}
#search .btn_search{display:none; position:absolute; top:0; left:50%; width:25px; height:25px; padding:0; margin:0 0 0 575px; font-size:0; text-indent:-999px; background:transparent;}
#search .btn_search:before,
#search .btn_search:after{content:''; display:block; position:absolute; top:0; left:0; width:20px; height:20px; border:3px solid #295995; border-radius:50%; box-sizing:border-box; transition:0.3s ease;}
#search .btn_search:after{top:auto; left:auto; bottom:0; right:1px; width:12px; height:3px; border:none; border-radius:2px; transform:rotate(45deg); transform-origin:100% 100%; background:#295995;}
#search.on .btn_search:before{top:-4px; left:4px; width:27px; height:27px; border-radius:0; transform:rotate(45deg); border:none; border-left:3px solid #295995; transform-origin:0 100%;}
#search.on .btn_search:after{width:27px; border-radius:0;}

/* 메인메뉴 */
#menuArea{z-index:93; overflow:hidden; position:absolute; left:0; top:118px; width:100%; letter-spacing:-1px; background:#fff; border-bottom:1px solid #ebebeb;}
#menuArea.on{box-shadow:0 15px 15px rgba(0,0,0,0.15);}
#menuArea:before{z-index:1; content:''; display:block; position:absolute; top:67px; left:0; width:100%; height:1px; background:#e2e2e2;}
#menuArea .bar{display:block; position:absolute; top:64px; left:0; width:60px; height:3px; opacity:0; z-index:98; background:#3c67a1; transition:0.3s;}
#mainmenu{max-width:1200px; margin:0 auto;}

#topmenu{float:left; width:100%; padding:0 30px 0 0; box-sizing:border-box;}
#topmenu > li{position:relative;float:left;width: 14.5%;line-height:0;}
#topmenu li.menu9,
#topmenu li.last{display:none;}
#topmenu > li > a{z-index:97; display:block; line-height:66px; font-size:19px; font-weight:800; text-align:center; letter-spacing:-1px; text-decoration:none;}
#topmenu > li.menu2,#topmenu > li.menu4, #topmenu > li.menu5, #topmenu > li.menu6, #topmenu > li.menu8{width:11%;}

#topmenu > li.en_menu{width:20%;}
#topmenu > li.jp_menu{width: 16.66%;}

#topmenu > li:hover > a,
#topmenu > li > a:hover,
#topmenu > li > a:active,
#topmenu > li > a:focus,
#topmenu > li.current_on > a{color:#3c67a1;}

#topmenu li .menu{display:none; z-index:96; width:100%; height:450px; padding:15px 0 0 0; margin:1px 0 0 0; box-sizing:border-box; border-right:1px solid #e5e5e5;}
#topmenu li:first-child .menu{border-left:1px solid #e5e5e5;}
#topmenu li:focus .menu,
#topmenu li:hover .menu{background:#f8f8f8;}

#topmenu li ul li{float:none; width:100%;}
#topmenu li ul li a{display:block; margin:0 0 10px 0; padding:0 3px 0 7px; color:#151515; text-align:left; line-height:120%;}

#topmenu li li a:hover,
#topmenu li li a:active,
#topmenu li li a:focus,
#topmenu li li.current_on a{color:#3c67a1;}

#topmenu ul ul{display:none !important;}

/* 하단*/
.linksite{clear:both; width:100%; background:#616161; border-bottom:1px solid #b0b0b0;}
.linksite:after{content:''; display:block; clear:both;}
.linksite .inner > li{position:relative; float:left; width:20%; box-sizing:border-box; border-right:1px solid #b0b0b0;}
.linksite .inner > li:first-child{border-left:1px solid #b0b0b0;}
.linksite .inner > li > a{position:relative; display:block; height:45px; line-height:45px; padding:0 0 0 30px; color:#fff; transition:0.3s;}
.linksite .inner > li > a:after{content:''; display:inline-block; vertical-align:middle; width:10px; height:6px; margin:-3px 0 0 5px; transition:0.3s; background:url(/images/common/bg_bullet.png) no-repeat 0 -548px;}
.linksite .inner > li > a:hover,
.linksite .inner > li > a:active{background-color:#444;}
.linksite .inner > li > a.on{background-color:#295995;}
.linksite .inner > li > a.on:after{ transform:rotate(180deg);}
.linksite li div{display:none; z-index:56; position:absolute; bottom:45px; left:0; width:100%; padding:0.8em; box-sizing:border-box; border:1px solid #8c98c2; border-bottom:none; box-shadow:2px -2px 3px rgba(0,0,0,0.1); background:#dae8f8;}
.linksite li.on div{display:block;}
.linksite li div ul{width:100%; overflow-y:auto; max-height:350px; min-height:120px; margin:0 auto;  padding:0.5em 0 0.5em 1em; background:#f8faff; box-sizing:border-box;}
.linksite li div ul li{position:relative; display:inline-block; width:100%; padding:2px 0 2px 0.5em; box-sizing:border-box; vertical-align:top;}
.linksite li div ul li:before{content:''; display:block; position:absolute; top:12px; left:0; width:3px; height:3px; background:#555;}

#footer{clear:both; width:100%; padding:30px 0 30px; font-size:14px; font-weight:400; color:#4a4a4a;}
#footer .link li{display:inline-block; padding:0 20px 0 17px; line-height:100%; border-left:1px solid #aaa; vertical-align:top;}
#footer .link li:first-child{padding-left:0; border-left:none;}
#footer .link li.privacy a{color:#3c67a1;}
#footer .copyright{font-size:12px; line-height:120%; font-weight:100; text-transform:uppercase;}
#footer address{margin:0 0 7px; line-height:120%;}
#footer .statistics{ border:1px solid #eee; padding:5px 20px;float:right;  margin-bottom:10px;}

/*
서브 레이아웃
*/
#subContent{position:relative; max-width:1200px; margin:-158px auto 0; padding:0 0 52px 0;}
#subContent:after{content:''; display:block; clear:both;}
#subContent #content{float:right; width:75.5%;}

/* 서브메뉴 */
#submenu{z-index:1; position:relative; float:left; width:20.166%; letter-spacing:-1px;}
#submenu .sm_tit{display:table; position:relative; width:100%; height:158px; margin:0 0 4px; text-align:center; line-height:120px; color:#fff; background:#3381cf url(/images/kr/common/bg_subtit.gif) no-repeat 0 100%;}
#submenu .sm_tit h2{display:table-cell; font-size:30px; font-weight:900; vertical-align:middle;}
#submenu .depth2 > li{margin:0 0 5px; line-height:0; font-weight:400;}
#submenu .depth2 > li > a{position:relative; display:block; height:59px; line-height:57px; padding:0 0 0 15px; font-size:17px; color:#312f2f; border:1px solid #ddd; text-decoration:none; box-sizing:border-box;}
#submenu .depth2 > li > a:before{content:''; position:absolute; top:50%; right:24px; width:13px; height:13px; transform:translateY(-50%); background:url(/images/common/ico_submenu.gif) no-repeat 0 -62px;}
#submenu .depth2 > li:hover > a,
#submenu .depth2 > li > a:hover,
#submenu .depth2 > li > a:focus,
#submenu .depth2 > li > a:active,
#submenu .depth2 > li.current_on > a{position:relative; color:#fff; border:none; background:#ffb503;}
#submenu .depth2 > li:hover > a:before,
#submenu .depth2 > li > a:hover:before,
#submenu .depth2 > li > a:focus:before,
#submenu .depth2 > li > a:active:before,
#submenu .depth2 > li.current_on > a:before{height:3px; background-position:0 0;}
#submenu .depth2 li ul {display:none; padding:0.6em 0 0.6em 21px; border:1px solid #ddd; border-top:none; background:#f4f4f4;}

#submenu .depth2 li ul li a{position:relative; display:block; padding:0.4em 0 0.4em 0.8em; font-size:100%; line-height:100%; color:#5a5a5a;}
#submenu .depth2 li ul li a:before{content:''; display:block; position:absolute; top:11px; left:0; width:3px; height:3px; border:1px solid #888;}
#submenu .depth2 li ul li a:hover,
#submenu .depth2 li ul li a:focus,
#submenu .depth2 li ul li a:active,
#submenu .depth2 li ul li.current_on a{color:#000;}
#submenu .depth2 li ul li a:hover:before,
#submenu .depth2 li ul li a:focus:before,
#submenu .depth2 li ul li.current_on a:before{border-color:#000; background:#000;}

/* 문서정보 */
.location{float:left; position:relative; height:61px; width:calc(100% - 20.166%); margin:97px 0 0 0; border:1px solid #dcd9d9; background:#fcfcfc; box-sizing:border-box;}
.location .home{position:relative; float:left; width:63px; height:60px; text-indent:-999px; font-size:0; border-right:1px solid #cecece;}
.location span{position:relative; float:left; line-height:100%; padding:0 0 0 20px; vertical-align:top; color:#868686;}
.location .home:after,
.location span:after{content:''; display:block; position:absolute; top:50%; left:50%; width:16px; height:16px; transform:translate(-50%, -50%); opacity:0.6; background:url(/images/common/ico_sub.png) no-repeat 0 -267px;}
.location span:after{left:8px; width:5px; height:9px; transform:translate(0, -50%); background:url(/images/common/ico_sub.png) no-repeat 0 -363px;}
.location .home:hover:after{opacity:1;}
.location .slogan{float:right; padding:12px 13px 0 0;}

.snb{float:left;}
.snb li{position:relative; float:left;} 
.snb > li{position:relative; float:left; width:210px;}
.snb > li:last-child{width:250px;}
.snb > li > a{display:block; position:relative; color:#323232; height:60px; line-height:61px; padding:0 0 0 18px; border-right:1px solid #cecece; font-weight:400;}
.snb > li > a:after{content:''; display:block; position:absolute; top:50%; right:19px; width:21px; height:21px; margin:-11px 0 0 0; border-radius:50%; transition:0.3s; opacity:0.4; background:#fff url(/images/common/ico_sub.png) no-repeat 0 -141px;}
.snb > li > a:hover:after{opacity:1; background-color:#e6f1ff;}
.snb > li > a.on:after{transform:rotate(180deg); opacity:1; background-color:#e6f1ff;}
.snb ul{display:none; z-index:3; position:absolute; top:60px; left:0; width:100%; border:1px solid #e6e6e6; border-top:none; background:#fff; box-sizing:border-box; box-shadow:2px 3px 5px rgba(0,0,0,0.1);}
.snb ul li{width:100%;}
.snb ul a{display:block; line-height:45px; padding:0 0 0 13px;}
.snb ul li + li a{border-top:1px solid #e6e6e6;}
.snb ul a.on,
.snb ul a:hover,
.snb ul a:focus,
.snb ul a:active{background:#f7f7f7 !important;}

.util {z-index:1; position:absolute; right:24px; top:17px; font-size:15px;}
.util *{display:inline-block; vertical-align:top;}
.util .sns_wrap {position:relative;}
.util > a{margin:0 0 0 30px;}
.util > a:before,
.util .sns_wrap > a:before,
.util button:before{content:''; display:inline-block; vertical-align:top; width:21px; height:15px; margin:3px 0 0 0; background:url(/images/kr/common/ico_share.png) no-repeat;}
.util > a:before{background-position:-110px 0;}
.util .sns_list {z-index:1;position:absolute;top:38px;left:0;width: 125px;padding:0;border:1px solid #ddd;background:#fff;box-shadow:4px 4px 5px rgba(0,0,0,0.1);}
.util .sns_list a{display:block;width: 55px;height: 57px;margin:0 auto;font-size:0;text-indent:-999px;border-top:1px dotted #ccc;background: url(/images/kr/common/ico_bullet.png?ver=250604) no-repeat -120px -150px;}
.util .sns_list li:nth-child(-n+2) a{border:none;}
.util .sns_list li:nth-child(even) a{margin-left:5px;}
.util .tw a{background-position: -175px -150px;}
.util .bl a{background-position: -230px -150px;}
.util .kko a{background-position: -120px -290px;}
.util .insta a{background-position: -228px -290px;}
.util .yt a{background-position: -172px -290px;}

.util button {background:none;}
.util button:before {margin: 3px 5px 0 0;background-position: 100% 100%;}

#subVisual {position:relative; overflow:hidden; width:100%; height:435px;}
#subVisual .img{position:absolute; left:50%; top:0; transform:translateX(-50%);}

#pageTitle{position:relative; width:100%;}
#pageTitle h3{position:relative; padding:43px 0 54px 0; line-height:100%; font-size:35px; font-weight:900; letter-spacing:-2px;}

.poll{position:relative; clear:both; width:100%; padding:23px 26.5% 27px 24px; margin:100px 0 24px; border:1px solid #ccc; box-sizing:border-box;}
.poll:before{content:''; display:block; position:absolute; top:23px; right:35px; width:174px; height:154px; background:url(/images/kr/common/bg_poll.gif) no-repeat;}
.poll *{display:inline-block;}
.poll form,
.poll fieldset{width:100%;}
.poll h2{color:#3381cf; font-size:30px; font-weight:900;}
.poll .ask{padding:0 0 0 8px; font-size:18px; color:#313030;}
.poll ul{width:100%; padding:24px 0 17px 0; font-size:15px; line-height:100%;}
.poll ul label{padding:0 0 0 3px; color:#5f5f5f;}
.poll li + li{padding:0 0 0 55px;}
.poll input[type="radio"]{width:17px; height:17px; border-color:#acacac; color:#62afe3;}
.poll div{position:relative; display:block; width:100%;}
.poll textarea{height:35px; line-height:33px; width:100%; padding:0 75px 0 15px; box-sizing:border-box;}
.poll button[type="submit"]{position:absolute; top:0; right:0; width:70px; height:35px; color:#fff; background:#3381cf;}

.charge{padding:5px 6px; border:1px solid #ccc;}
.charge *{display:inline-block; vertical-align:top;}
.charge h2{height:35px; line-height:35px; padding:0 28px; margin:0 20px 0 0; font-size:18px; border-radius:5px; color:#fff; background:#3381cf;}
.charge .dot_wrap,
.charge > ul{padding:6px 0 0 0; font-size:15px; color:#5f5f5f;}
.charge li + li{margin:0 0 0 28px;}
.charge .dot_wrap{padding:6px 0 5px;}
.charge .dot_wrap ul{display:block;}
.charge .dot_wrap li{padding-bottom:0 !important;}

@media all and (max-width:1220px) {
	#mainmenu,
	.inner{width:98%;}
	#top .global > li{width:85px;}
	#top .global > li.list{width:108px;}

	#search .btn_search{left:auto; right:15px; margin:0;}
	
	.btn_menu{left:auto; right:12px; margin:0;}

	#subContent{width:98%;}
	
	.util{top:112px; right:10px;}

	.snb > li:first-child{width:140px;}

	.poll:before{right:3%;}
	.poll li + li{padding:0 0 0 5%;}
}
@media all and (max-width:1024px) {
	img{max-width:100%;}
	.m{display:block;}
	.w{display:none;}

	#header{height:70px;}
	#header .inner{width:100%;}
	.logo{position:static; padding:14px 0 0 0; font-size:23px; font-weight:800; text-align:center;}
	.logo span{padding:0;}
	.logo a > span{padding:0 0 0 5px;}
	.logo em{font-size:25px; letter-spacing:-1px;}
	.logo img{height:42px; vertical-align:top;}

	#top{height:35px; font-size:14px;}
	#top .btn_global{float:left; height:35px; width:130px; padding:0; vertical-align:top; line-height:37px; letter-spacing:-1px; border-left:1px solid #ddd; border-right:1px solid #ddd; color:#555; background:none; box-sizing:border-box;}
	#top .btn_global:before{content:''; display:inline-block; width:18px; height:12px; vertical-align:middle; background:url(/images/common/ico_more.png) no-repeat;}
	#top .btn_global:after{content:''; display:inline-block; margin:0 0 0 20px; border-top:6px solid #9a9999; border-left:5px solid transparent; border-right:5px solid transparent; vertical-align:middle; transition:0.3s ease;}
	#top .btn_global.on{background-color:#fff;}
	#top .btn_global.on:after{transform:rotate(180deg);}
	#top .global{opacity:0; visibility:hidden; position:absolute; top:20px; left:0; width:130px; transition:0.3s ease; background:#fff;}
	#top .btn_global.on + .global{opacity:1; visibility:visible; top:35px;}
	#top .global > li{float:none; width:100%; border-left:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
	#top .global > li.list,
	#top .global > li:first-child{width:100%;}
	#top .global > li > a{padding:0; height:35px; line-height:37px; text-align:center;}
	#top .global a[target="_blank"]:after,
	#top .global > li:first-child > a:after{content:''; display:inline-block; width:10px; height:10px; margin:14px 0 0 6px; vertical-align:top; background:url(/images/common/ico_blank.png) no-repeat;}
	#top .global > li:first-child > a:after{width:13px; height:13px; margin-top:12px; background-image:url(/images/common/ico_home.png);}
	#top .global > li > a.on{background-color:#f7f7f7;}
	#top .global li div{top:-1px; left:100%; padding:0 5px; border-radius:0 4px 4px 0; box-shadow:3px 3px 10px rgba(0,0,0,0.12);}
	#top .global .list1 div,
	#top .global .list3 div{width:300px;}
	#top .global li div a{height:35px;}
	#top .global li div a[target="_blank"]:after{margin:0 0 0 3px;}
	#top .global > li.list > a:after,
	#top .global > li.list > a.on:after{margin:-3px 0 0 4px; border-width:1px; transform:rotate(-45deg);}
	#top .sns a{height:35px; width:35px; background-size:250px; background-position:12px -68px;}
	#top .cn a,
	#top .cn_cn a,
	#top .cn_en a{background-position:-158px 7px;}
	#top .tw a{background-position:-30px -68px;}
	#top .bl a{background-position:-67px -68px;}
	#top .kko a{background-position:-106px -68px;}
	#top .yt a{background-position:-145px -65px;}
	#top .insta a{background-position:-191px -68px;}
	
	#top .ch2025 a{background-position:-116px 7px;}
	#top .ch2025_en a{background-position:-116px 7px;}
	
	#font_control{display:none;}
	
	#search{top:25px; right:0; width:100%;}
	#search .btn_search{display:block; top:-4px;}
	#search form{visibility:hidden; opacity:0; position:absolute; top:45px; left:50%; width:0; height:83px; padding:25px 65px 0 20px; border-color:#37405b; background:#37405b;}
	#search.on form{opacity:1; visibility:visible; left:0; width:100%;}
	#search:before{opacity:0; visibility:hidden; content:''; position:absolute; top:58px; left:50%; width:0; height:100%; transition:0.3s ease-in-out;}
	#search.on:before{opacity:1; visibility:visible; left:0; width:100%; background:rgba(0,0,0,0.8);}
	#search button{top:25px; right:15px; width:30px; height:30px;}
	#search button:before{width:25px; height:25px; border-color:#fff;}
	#search button:after{width:12px; background:#fff;}
	
	.btn_menu{right:auto; left:10px; top:59px; width:25px;}

	/* 모바일 메뉴 */
	.m_menu{position:absolute; top:0; left:-100%; width:60%; height:100%; z-index:99; background:#3e78bd; transition:0.5s ease-in-out;}
	.m_menu.on{left:0;}
	.m_menu .m_top{position:relative; height:106px;}
	.m_menu .logo{position:absolute; left:2%; width:98%; text-align:left; transform:none;}
	.m_menu .logo a{color:#fff;}
	.m_menu .logo span > span{color:#fff;}
	.m_menu > ul{float:left; width:100%;}
	.m_menu > ul a{display:block; text-decoration:none; cursor:pointer;}
	.m_menu > ul > li{border-bottom:1px solid #3e78bd;}
	.m_menu > ul > li > a{height:3em; line-height:3em; color:#fff; font-size:130%; padding:0 0 0 1em; background:#2261ac url(/images/common/bul_menu.png) no-repeat 95% -27px;}
	.m_menu > ul > li > .on{background-color:#658f31; background-position:95% 20px;}
	.m_menu > ul > li > div {display:none; padding:1.3em 0.8em 0.7em 1.2em; background:#f2f9ff;}
	.m_menu > ul > li .on + div{display:block;} 
	.m_menu > ul > li > div > ul > li {margin:0 0 0.8em 0;}
	.m_menu > ul > li > div > ul > li > a{position:relative; padding:0 0 0 1.2em; font-size:115%;}
	.m_menu > ul > li > div > ul > li > a:before{content:''; display:block; position:absolute; top:5px; left:0.2em; width:13px; height:13px; border:4px solid #527eb8; border-left:4px solid #1b4a93; border-top:4px solid #114392;}
	.m_menu > ul > li > div > ul > li > ul{overflow:hidden; width:100%; margin:2px 0 0 0; padding:0.6em 0 0.4em 0.5em; box-sizing:border-box; border:1px solid #e6e6e6; border-radius:5px; background:#fff;}
	.m_menu > ul > li > div > ul > li > ul li{float:left; width:50%;}
	.m_menu > ul > li > div > ul > li > ul li a{position:relative; padding:2px 0 2px 10px;}
	.m_menu > ul > li > div > ul > li > ul li a:before{content:''; display:block; position:absolute; top:11px; left:2px; width:3px; height:3px; background:#4387d8;}

	.location{width:100%; margin:0; height:40px;}
	.location span{height:34px; line-height:34px; padding:0 1.5em 0 0; color:#404040;}
	.location span.end{padding:0;}
	.location span:after{left:auto; right:8px;}
	.location span.end:after{display:none;}
	.location .home{width:40px; height:39px;}

	.snb {font-size:14px;}
	.snb > li{width:170px;}
	.snb > li:first-child{width:113px;}
	.snb > li:last-child{width:203px;}
	.snb > li > a{padding:0 0 0 13px; height:39px; line-height:40px;}
	.snb > li > a:after{right:10px;}
	.snb ul{top:39px;}
	.snb ul a{line-height:35px;}
	
	#subContent{width:100%; margin:-14px 0 0 0; padding:0 0 1.5em 0;}
	#subContent #content{width:100%;}
	#sub_default{padding:30px 10px 0;}

	#footer{text-align:center;}
	#footer .link{padding:0 0 6px;}
	#footer .link li{padding:0 10px;}
	#footer .info{clear:both; width:100%; padding:0 10px 30px; text-align:center; box-sizing:border-box;}

	.linksite {font-size:15px;}
	.linksite .inner > li > a{height:42px; line-height:42px; padding:0 0 0 20px;}
	.linksite li div {bottom:42px;}
	.linksite li div ul li{width:97%;}
	#footer .statistics {float:none;}

	#subVisual{height:auto;}
	#subVisual .img{position:static; transform:translateX(0);}
	#subVisual .img img{max-width:130%; margin:0 0 0 -15%;}

	#pageTitle h3{padding:28px 0 0 0; font-size:28px; line-height:100%; text-align:center; letter-spacing:-1px;}
	#pageTitle h3:after{width:40px; margin:17px auto 0;}

	.util{top:8px; right:10px; font-size:14px;}
	.util .sns_list{top:31px; left:10px; width:60px; text-align:center;}
	.util > a{margin:0 0 0 20px;}
	.util .sns_list li:nth-child(even) a{margin:0;}
	.util .sns_list li:nth-child(-n+2) a{border-top:1px dotted #ccc;}
	.util .sns_list li:first-child a{border:none;}

	.poll{margin:70px 0 15px;}
	.poll:before{width:145px; height:123px; background-size:contain;}
	.poll h2{font-size:27px;}
	.poll .ask{font-size:17px;}
	.poll ul{padding:20px 0 10px;}
	
	.charge{padding-left:22px;}
	.charge h2{height:30px; line-height:30px; padding:0 20px; font-size:16px;}
	.charge > ul{padding:4px 0 0 0;}
}
@media all and (max-width:768px) {
	#top{font-size:13px;}
	#top .btn_global:after{margin:0 0 0 15px;}
	#top .global > li > a{padding:0 0.8em;}
	#top .global > li > a.current:after{margin-top:10px;}
	#top .sns a{width:30px; background-size:210px; background-position:10px -54px;}
	#top .cn a,
	#top .cn_cn a,
	#top .cn_en a{background-position:-132px 10px;}
	#top .tw a{background-position:-23px -54px;}
	#top .bl a{background-position:-56px -54px;}
	#top .kko a{background-position:-90px -54px;}
	#top .yt a{background-position:-122px -53px;}
	#top .insta a{background-position:-160px -54px;}

	#top .ch2025 a{background-position:-96px 7px;}
	#top .ch2025_en a{background-position:-96px 7px;}
	
	#header{height:55px;}
	.logo{padding:9px 0 0 0; font-size:20px;}
	.logo img{height:36px;}
	.logo a > span{padding:1px 0 0 2px;}
	.logo em{font-size:20px;}
	.logo span > span{font-size:8px; padding:0;}

	.snb > li:first-child{display:none;}
	.snb > li:last-child{display:block;}

	.btn_menu{top:46px; width:33px; height:33px; padding:0 5px;}
	.btn_menu .bar{margin:3px 0;}
	.btn_menu_close{top:23px; width:34px; height:34px;}
	.btn_menu_close .bar{top:15px; left:4px;}
	
	#search{top:15px;}
	#search form{top:40px;}
	#search .btn_search{top:0;}
	
	.m_menu .m_top{height:85px;}
	.m_menu .logo{top:17px;}
	.m_menu > ul > li > a{padding:0 0 0 0.7em; font-size:16px; background-size:17px auto; background-position:94% -17px;}
	.m_menu > ul > li > .on{background-position:94% 17px;}
	.m_menu > ul > li > div{padding:0.6em 0.7em 0.5em 0.7em;}
	.m_menu > ul > li > div > ul > li{margin:0 0 0.5em 0;}
	.m_menu > ul > li > div > ul > li > a{font-size:15px; background-size:13px;}
	.m_menu > ul > li > div > ul > li > a:before{top:3px;}
	.m_menu > ul > li > div > ul > li > ul{padding:0.5em 0 0.3em 0.4em;}
	.m_menu > ul > li > div > ul > li > ul li a{padding:0 0 0 10px; font-size:14px;}
	.m_menu > ul > li > div > ul > li > ul li a:before{top:8px;}
	
	#footer .link li{padding:0 6px;}
	#footer address span{display:block; padding:1px 0 2px 0; font-size:13px;}
	#footer .copyright{font-size:11px;}
	.linksite {font-size:14px;}
	.linksite .inner > li {width:100%;}
	.linksite .inner > li + li{border-left:1px solid #b0b0b0; border-top:1px solid #b0b0b0;}
	.linksite .inner > li > a{height:40px; line-height:40px;}
	.linksite li div{bottom:40px;}
	.linksite .inner > li > a:after{left:auto; right:15px;}
	.linksite li div ul li{width:49%;}

	#sub_default{padding:25px 10px 0;}

	#pageTitle h3{padding:23px 0 0 0; font-size:24px;}
	#pageTitle h3:after{width:35px; margin:12px auto 0;}
	
	.util {font-size:13px;}
	.util > a{margin:0 0 0 10px;}
	.util > a:before, .util .sns_wrap > a:before, .util button:before{width:17px;margin: 3px 2px 0 0;background-size: auto 13px;}
	.util .sns_list{width:50px;}
	.util .sns_list a{height:30px; width:30px; background-size:210px; background-position:10px -56px;}
	.util .tw a{background-position:-23px -56px;}
	.util .bl a{background-position:-56px -56px;}
	.util .kko a{background-position:-90px -56px;}
	.util .yt a{background-position:-122px -55px;}
	.util button:before {margin: 2px 3px 0 0;}

	.poll{padding:20px 25% 20px 20px;}
	.poll:before{width:120px;}
	.poll h2{font-size:25px;}
	.poll .ask{display:block; padding:0; font-size:15px;}
	.poll li + li{padding:0 0 0 3%;}
	.poll ul label{padding:0;}

	.charge{padding-left:18px;}
	.charge h2{padding:0 15px;}
	.charge li + li{margin:0 0 0 16px;}
}
@media all and (max-width:568px) {
	.m_menu{width:280px;}
	.m_menu > ul > li > a{background-position:92% -17px;}
	.m_menu > ul > li > .on{background-position:92% 17px;}
		
	#top .global > li > a{padding:0 0.5em;}
	#top .global .list1 div,
	#top .global .list3 div{width:250px;}
	
	.location{height:35px; font-size:13px;}
	.location .home{width:30px; height:34px;}
	
	.snb {font-size:13px;}
	.snb > li:nth-child(2){display:none;}
	.snb > li:last-child{display:block; width:185px;}
	.snb > li > a{padding:0 0 0 7px; height:34px; line-height:36px;}
	.snb > li > a:after{right:7px;}
	.snb ul{top:34px;}
	.snb ul a{padding:0 0 0 9px; line-height:32px;}

	#subContent{padding:0 0 15px;}

	#pageTitle h3{padding:18px 10px 0 10px; font-size:22px;}
	#pageTitle h3:after{width:30px; margin:10px auto 0;}

	#footer{font-size:13px;}
	#footer .copyright{font-size:10px;}

	
	
	.util{top: 6px;font-size:12px;}
	.util .sns_list{top:26px;}
	
	.poll{padding:16px 15px 12px 15px; margin-bottom:10px;}
	.poll:before{display:none;}
	.poll h2{font-size:22px;}
	.poll .ask{font-size:14px;}
	.poll ul{padding:15px 0 10px;}
	.poll li + li{padding:0 0 0 2%;}
	
	.charge{padding:10px 5px 10px 15px;}
	.charge h2{height:28px; margin:0 15px 0 0; font-size:15px;}
	.charge > ul,
	.charge .dot_wrap{width:calc(100% - 130px);}
	.charge .dot_wrap{padding-top:2px;}
	.charge .dot_wrap ul + ul{padding:7px 0 0 0;}
	.charge > ul{padding:0;}
	.charge li{width:100%; padding-bottom:0 !important;}
	.charge li + li{margin:0;}
}
@media all and (max-width:400px) {
	#top{font-size:12px;}
	#top .btn_global,
	#top .global{width:110px;}
	#top .btn_global:before{width:16px;}
	#top .btn_global:after{margin:0 0 0 5px;}
	#top .global > li > a{height:33px; line-height:35px;}
	#top .global li div{padding:0 3px;}
	#top .global .list1 div{width:190px;}
	#top .global .list3 div{width:230px;}

	.logo{font-size:15px;}
	.logo em{font-size:19px;}

	.m_menu > ul > li > div > ul > li > a{font-size:14px;}
	.m_menu > ul > li > div > ul > li > ul li a{font-size:13px;}

	#top .ch2025 a{display:none;}
	#top .ch2025_en a{display:none;}
	
	#footer{font-size:12px;}
	#footer address span{font-size:11px;}
	#footer .copyright{font-size:9px;}
	
	.linksite{font-size:13px;}
	.linksite .inner > li > a{height:38px; line-height:38px;}
	.linksite li div{bottom:38px;}

	#sub_default{padding:20px 10px 0;}

	.location span{padding:0 1.2em 0 0;}
	.location span.end{padding:0;}
	.location span:after{right:5px;}
	.location .slogan{width:43%;}

	.snb{font-size:12px;}
	.snb > li:last-child{width:170px;}

	#pageTitle h3{font-size:21px;}

	.util {right:6px;}
	.util button {padding:0 0 0 5px;}

	.poll h2{font-size:20px;}
	.poll .ask{font-size:13px;}
	.poll ul{padding:13px 0 7px;}
	.poll ul li{width:32%; padding-bottom:5px; box-sizing:border-box;}
	.poll ul li:nth-child(4){padding-left:0;}
	.poll ul,
	.charge ul{font-size:14px;}
	.charge h2{padding:0 12px; margin:0 12px 0 0; font-size:14px;}
	.charge > ul,
	.charge .dot_wrap{width:calc(100% - 110px);}
}

@media all and (max-width:350px) {
	.snb > li:last-child{width:150px;}
	.snb > li > a{padding:0 0 0 3px;}

	.util {font-size:11px;}
	.util > a:before, .util .sns_wrap > a:before{width:15px;}
}

/* 공공누리마크 */
.optype{border:none;margin: 30px 0 0 0;padding: 15px;border: 1px solid #ddd;min-height: 50px;}
.txt_box{padding-left: 250px;padding-top: 12px;}

@media all and (max-width:1220px) {
	.txt_box{padding-top: 0px;}
}

@media all and (max-width:480px) {
	.optype{border:none;margin: 30px 0 0 0;padding: 15px;border: 1px solid #ddd;min-height: 50px;}
	.txt_box{padding: 70px 0 0 0px;}
}

/* 메뉴명: 누리집안내 */
@media all and (max-width:1220px) {
	.k_btn_menu {width: 29px;}
	.k_btn_menu .bar_txt {display:none;}
	.k_btn_menu  .bar{display: block;}
}