@charset "utf-8";
/***** 공통 레이아웃 CSS *****/

.header{border-bottom: 4px solid #2e77a5; overflow: hidden;}
.header .container{overflow:visible;}
.top_wrap{height:38px; border-bottom:1px solid #41434d; background:#2e3138;}
.top_wrap ul.top_link{float:left; display:block;}
.top_wrap ul.top_link li{float:left; height:38px; display:block;}
.top_wrap ul.top_link li a{display:block; color:#fff; font-size:14px; padding:0 15px; letter-spacing:-1px; line-height:36px; border-right:1px solid #41434d;}
.top_wrap ul.top_link li:first-child a{border-left:1px solid #41434d; color:#5a75cd; padding-left:35px; background:url(/kr/img/common/icon_home.gif) 10px 10px no-repeat}

.top_wrap ul.top_icon{float:right; display:block;}
.top_wrap ul.top_icon li{float:left; height:40px; display:block; line-height:38px; padding:0 4px;}
.top_wrap ul.top_icon li a{display:block; color:#fff; font-size:12px; letter-spacing:-1px; line-height:38px;}
.top_wrap ul.top_icon .login { padding: 0 10px 0; background: url(/kr/img/common/l_line.gif) right 50% no-repeat}
.top_wrap ul.top_icon .lang {position: relative; padding: 0 0 0 5px;}
.top_wrap ul.top_icon .lang2 {position: relative; margin: 5px 0 0 0;}
.top_wrap ul.top_icon .lang .selected a {padding:0 20px 0 0; background: url(/kr/img/common/arow_bottom01.gif) right 50% no-repeat}
.top_wrap ul.top_icon .lang .list {display: none; position: absolute; top: 32px; left: -21px; right: -4px; padding: 0; background: #2f3139; z-index: 9999;}
.top_wrap ul.top_icon .lang .list li{width: 100%; height: 20px;}
.top_wrap ul.top_icon .lang .list li a {text-align: center; padding: 0; line-height:20px;}

h1.logo{float: left; width: 34.2%; height: 109px; padding-top: 13px;}
h1.logo a{font-size: 26px; color: #1286d5; font-weight: 400;}
h1.logo a img{vertical-align: middle;}
h1.logo span{display: inline-block; padding-left: 15px; border-left: 1px solid #ccc;}


.gnb{float: right; width: 65.8%; overflow: hidden;}
.gnb ul{width: 100%;}
.gnb ul li{float: left;}
.gnb ul li:nth-child(1){width: 26.4%; text-align: center;}
.gnb ul li:nth-child(2){width: 31.6%; text-align: center;}
.gnb ul li:nth-child(3){width: 22.3%; text-align: center;}
.gnb ul li:nth-child(4){width: 19.7%; text-align: right; padding-right: 15px;}
.gnb ul li a{padding: 10px 0; font-size: 21px; color: #555; line-height: 103px;}
.gnb ul li a:hover{color: #006fc8;}
.gnb .layer_snb{display: none; position: absolute; height: 49px; top: 151px; left: 0; right: 0; background: rgba(0,111,200,.9); z-index: 10000;}
.gnb .layer_snb ul li{float: none; display: inline-block; width: auto !important;}
.gnb .layer_snb ul li a{padding: 14px 25px; font-size: 17px; color: #fff; line-height: 48px;}
.gnb ul li:nth-child(1) ul{position: relative; left: 0;}
.gnb ul li:nth-child(2) ul{position: relative; left: 12%;}
.gnb ul li:nth-child(3) ul{position: relative; left: 30%;}
.gnb ul li:nth-child(4) ul{position: relative; right: 0;}


.container{width: 100%; max-width: 1366px; margin: 0 auto; overflow: hidden;}
.sub_container{display: table; width: 100%; max-width: 1366px; margin: 19px auto 0; background: #fff url(/town/img/common/snb_left_line.gif) left top repeat-y; overflow: hidden;}

/* sub_layout */
nav.snb{display: table-cell!important; vertical-align: top; width: 15.6%; min-width: 214px;}
nav.snb h1{height: 132px; display: block; color: #fff; font-size: 26px; font-weight: 600; text-align: center; background: url(/town/img/common/snb_title.gif) top left no-repeat; line-height: 132px; letter-spacing: -1px;}
nav.snb ul{font-family:'NotoSansKR',sans-serif; font-weight: 600; letter-spacing: -1px; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;}
nav.snb li a{display: block; height: 50px; padding-left: 16px; font-size: 16px; border-bottom: 1px solid #d4d4d4; line-height: 50px; color: #364ab8;}
nav.snb li.on a{background: #f4f6fd url(/kr/img/common/icon_dep1.gif) 173px 14px no-repeat;}
nav.snb li ul.dep2{display: block; padding: 10px 0 10px 16px; border-bottom: 1px solid #d4d4d4; border-left: none; border-right: none;}
nav.snb li ul.dep2 li a{display: block; height: 28px; padding-left: 15px; font-size: 14px; border-bottom: none; line-height: 28px; color: #666; background: url(/kr/img/common/icon_dep2.gif) left 11px no-repeat;}
nav.snb li ul.dep2 li.on a{color: #2f3139; background: url(/kr/img/common/icon_dep2_on.gif) left 11px no-repeat;}

.content_wrap{display: table-cell !important; width: 84.3%; padding-left: 2.3%; overflow: hidden;}
.content_wrap header{width: 100%; height: 93px; padding: 0; margin: 0; border-bottom: 1px solid #d4d4d4;}
.content_wrap header h2{float: left; width: 55%; color: #000; font-size: 40px; padding-top: 30px;}
.content_wrap header .loc{float: right; width: 45%; height: 90px; font-size: 14px; font-family:'NotoSansKR',sans-serif; text-align: right; line-height: 90px;}
.content_wrap header .loc a{color: #333;}
.content_wrap header .loc span .menu-active{color: #000; font-weight: 400;}

.content{padding: 23px 0 100px; min-height: 200px; overflow: hidden;}

.tab_nav{display: block; padding-bottom: 15px; overflow: hidden;}
.tab_nav li{float: left; margin: 0 4px 4px 0; }
.tab_nav li a{display: block; width: 132px; height: 46px; color: #333; font-size: 18px; text-align: center; line-height: 45px; border: 1px solid #bfbfbf;}
.tab_nav li a.on{color: #030303; font-weight: 500; border: 2px solid #134074;}


/* Tab */
#content .tab{margin-bottom: 15px; }
#content .tab ul{width: 100% !important; overflow: hidden; float: none; margin: 0; padding-bottom: 0}
#content .tab ul li{float: left; background: none; padding: 1px; line-height: 180%; margin-top: 0; text-align: center}
#content .tab ul li a:hover,
#content .tab ul li a.on{margin: 0; border: 1px solid #000; color: #fff; background: #134074; font-weight: 600; z-index: 1;}
#content .tab.units_2 li {width:50%;}
#content .tab.units_3 li {width:33.3%}
#content .tab.units_4 li {width:25%;}
#content .tab.units_5 li {width:20%;}
#content .tab.units_6 li {width:16.6%;}
#content .tab.units_7 li {width:14.1%;}
#content .tab.units_8 li {width:12.5%;}
#content .tab.units_9 li {width:11.1%;}
#content .tab.units_10 li {width:10%;}
#content .tab.units_11 li {width:18.18%;}
#content .tab.units_12 li {width:16.66%;}
#content .tab.units_13 li {width:15.38%;}
#content .tab.units_14 li {width:14.1%;}
#content .tab.units_15 li {width:14.1%;}
#content .tab.units_16 li {width:12.5%;}
#content .tab ul li a{font-weight:400;color:#000;display:block;height: 50px;line-height: 50px; text-align:center; box-sizing: border-box; border:1px solid #e1e1e1;font-size:18px;letter-spacing:-1px;transition:all 100ms ease-in-out;-o-transition: all 100ms ease-in-out;-ms-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out;-webkit-transition: all 100ms ease-in-out; z-index: 0}
/*.2depth_tab ul li.on a{border:0}*/
#content .tab ul.share_tab li a{font-weight:400;color:#000;display:block;height: 113px;line-height: 50px; text-align:center; box-sizing: border-box; border:1px solid #e1e1e1;font-size:18px;letter-spacing:-1px;transition:all 100ms ease-in-out;-o-transition: all 100ms ease-in-out;-ms-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out;-webkit-transition: all 100ms ease-in-out; z-index: 0}
/*.2depth_tab ul li.on a{border:0}*/

/* Table */
table{width:100%; margin-bottom: 20px; border:0; border-top:2px solid #134074 !important; border-spacing:0}
caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0}
table td,table th{ border:0;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
table th{padding:15px 5px;background:#fcfcfc;font-size: 0.9em;font-weight: 400; text-align: center;}
table th:last-child{border-right:0}
table td{padding:15px 5px;font-size: 0.9em;line-height:1.4em;text-align: center;color: #222}
table td:last-child{border-right:0}
table .lefttd{text-align: left}
table .leftth{padding:15px 5px;background:#fcfcfc;font-size: 0.9em;font-weight: 500;text-align: left}

/* 콘텐츠 관리자 */
.qrcode{padding: 10px; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; font-weight:bold; position:relative; clear:both; overflow: hidden;}
.qrcode p.qr_title{margin:0; padding:0; color: #333; background:none; line-height: 27px;}
.qrcode p.txtQrcode{float: left; padding:0; background:none; margin:10px; font-size:13px; font-weight:normal; letter-spacing:-1px; line-height: 27px;}
.qrcode a{display:block; float: right; margin-top: -28px; border:1px solid #ccc;}
.qrcode div.qrZoom{position:absolute;right:-1px;top:-1px;border:1px solid #ccc;}

.research{margin: 5px;}
.research div.researchCount{}
.research div.researchCount p.research_title{margin:0; padding:5px 0; color: #333; font-weight: 600; line-height: 21px;}
.research div.researchCount form{margin: 7px 10px;}
.research div.researchCount form ol{width:100%;display:inline-block;margin:0 0 10px 0;}
.research div.researchCount form ol li{float:left;margin-right:10px;}
.research div.researchCount form ul{display:inline-block;width:100%;}
.research div.researchCount form ul li{float:left;}
.research div.researchCount form ul li:first-child{width:86%;}
.research div.researchCount form ul li:first-child input{padding:5px;margin:0;height:33px;width:99%;border:1px solid #ccc;}
.research div.researchCount p.resultBtn{margin:20px 0;padding:0;background:none;width:100%;text-align:center;}

.ccl{padding:10px 20px;background-color:#dfdfdf;font-weight:bold; overflow: hidden;}
.ccl a{padding:5px; background:#fafafa; display:block; border:1px solid #bbb; float:left; margin-right:10px;}
.ccl p{margin:0; padding:0; background:none; font-weight:normal; font-size:13px; letter-spacing:-1px; line-height: 27px;}

.contentAdmin{padding:10px 20px;}
.contentAdmin div.adminArea{width:100%;display:inline-block;}
.contentAdmin div.adminArea dl{margin:0;font-size:12px;letter-spacing:-1px;line-height:200%;}
.contentAdmin div.adminArea dl dt{display: inline-block; font-weight:bold; margin-right:5px; font-size:14px}
.contentAdmin div.adminArea dl dd {display: inline-block; margin-right: 30px;font-size:14px}

.updateButton button.btn_info {width: 100%; text-align:center;display: block;margin: 0 auto;border: 1px solid #999;background: #cccfd4;height: 30px;font-weight: bold;text-shadow: 1px 1px #fff;}

/* footer */
footer{position:relative; clear:both; display:block; height:170px; font-size: 14px; letter-spacing: -1px; margin:0; padding:0}

footer .link_wrap {position: relative;	height: 50px; line-height: 46px; background: #2e3138; z-index: 50;}
footer .link_wrap .cnt {position: relative;}
footer .link_wrap a {color: #dbd9d9;}
footer .link_wrap a:hover, .footer .link_wrap a:active {text-decoration: underline;}
footer .link_wrap .list_link {	overflow: hidden; position: relative; float: left; width: 54%; height: 50px;}
footer .link_wrap .list_link > ul {position: absolute;	top: 0;	right: 0; left: 0; bottom: 0;}
footer .link_wrap .list_link li {display: inline-block; margin: 0 0 0 14px;}
footer .link_wrap .list_link li:first-child {margin: 0;}
footer .link_wrap .site_link {float: right; width: 570px; text-align:right; padding: 0 15px 0 0; overflow:hidden}
footer .link_wrap .site_link a {color: #464c58; font-size: 14px; /*padding-right:17px; margin-right: 20px; background: url(/kr/img/common/arow_top01.gif) no-repeat right 4px*/}
footer .link_wrap .site_link span{display:inline-block; margin-left:10px;}
footer .link_wrap .site_link select{height:25px; padding: 0; font-size: 14px; color: #666; border: 1px solid #ddd;}
footer .link_wrap .site_link input{height:25px;}
footer .link_wrap .site_link .site_go01 select{width:100px;}
footer .link_wrap .site_link .site_go02 select{width:100px;}
footer .link_wrap .site_link .site_go03 select{width:100px; background-image: none !important;}


footer .f_logo{display: inline-block; float: left; clear: both; padding: 35px 30px 0 0;}
footer .fl {float: left; text-align: left;}
footer .fr {float: right; text-align: right;}

footer .btm_menu {overflow: hidden; margin: 17px 0 0 0; font-size: 0;}
footer .btm_menu li {display: inline-block; vertical-align: top; line-height: 1.2;}
footer .btm_menu li:before {content: ''; display: inline-block; width: 1px; height: 9px; margin: 0 6px; vertical-align: middle; background: #c8c8c8;}
footer .btm_menu li:first-child:before {display: none;}
footer .btm_menu li a {font-size: 14px; color: #dbd9d9; vertical-align: middle;}
footer .btm_menu li .point {color: #00569f;}
footer address {margin: 35px 0 6px; color: #8c8c8c; font-size: 14px; letter-spacing: 0; line-height: 1.35;}
footer .copy {color: #8c8c8c;	font-size: 13px; line-height: 1.35;}

footer .list_logo {display: inline-block;	margin: 34px 0 0 0;	font-size: 0; vertical-align: middle;}
footer .list_logo li {display: inline-block; margin: 0 0 0 5px; vertical-align: middle;}

.mo_gnb_open{display: none;}
.snb_layer_mo{display: none;}

footer .google{letter-spacing:-1px}
footer .google a{color:#44a7ff;}
footer .google{color:#555;font-size:13px;line-height:1.35}
.grecaptcha-badge {visibility: hidden;}

/**PC_Ver 1366*****************************************************/
@media screen and (max-width: 1366px) {
h1.logo{padding-left: 10px;}
.content_wrap{padding: 0 2.3%;}
footer .f_logo{padding-left: 10px;}
footer .btm_menu {margin-left: 10px;}
}

/**Tab_Ver 1000*****************************************************/
@media screen and (max-width: 1000px) {
.mo_gnb_open{display: inline-block!important; width: 15%; margin-left: 10px;}
h1.logo {float: none; display: inline-block; width: 69%; height: 109px; padding-top: 13px; padding-left: 0; text-align: center;}
h1.logo img {width: 100%;  max-width: 295px;}
	
nav.snb{display: none!important;}
.sub_container{margin-top: 0; background: none;}
/* footer */
footer{height: auto;}
footer .link_wrap {height: 101px;}
footer .link_wrap .site_link {float: none; width: 100%; text-align: center; padding: 0; background: #fff;}

footer .f_logo{display: none;}
footer .fl {float: none; width: 100%; text-align: center;}
footer .fr {float: none; text-align: center;}

footer .btm_menu {width: 100%; margin: 0;}
footer .btm_menu li {display: inline-block; line-height: 50px;}
footer address {padding: 0 10px; margin-top: 20px;}
footer .copy {padding: 0 10px 20px;}
	
/*** Tab, Mobile ver GNB ***/
.snb_mo_bg{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 9000;}

.snb_layer_mo{display:none; position: absolute; width: 318px; top: 0; left: 0; bottom: 0; background: rgba(47,49,57,.95); overflow: scroll !important; z-index: 9999;}
.snb_layer_mo ul.top_link_mo{display:block; width: 100%; height: 40px; border-bottom: 1px solid #41434d;}
.snb_layer_mo ul.top_link_mo li{float: left; width: 24%; text-align: center;}
.snb_layer_mo ul.top_link_mo li a{display:block; width: 100%; color:#fff; font-size:13px; letter-spacing:-1px; line-height:41px; border-left:1px solid #41434d;}
.snb_layer_mo ul.top_link_mo li:first-child{width: 27%;}
.snb_layer_mo ul.top_link_mo li:first-child a{color:#5a75cd;padding-left:20px; background:url(/kr/img/common/icon_home.gif) 10px 10px no-repeat; border-left: none;}

.snb_layer_mo ul.top_link2_mo{display:block; width: 100%; height: 40px; border-bottom: 1px solid #41434d;}
.snb_layer_mo ul.top_link2_mo li{float: left; text-align: center;}
.snb_layer_mo ul.top_link2_mo li a{display:block; width: 100%; color:#fff; font-size:13px; letter-spacing:-1px; line-height:40px; border-left:1px solid #41434d;}
.snb_layer_mo ul.top_link2_mo li:first-child{width:51%;}
.snb_layer_mo ul.top_link2_mo li:last-child{width:49%;}
	
.snb_layer_mo ul.top_icon_mo{display:block; width: 100%; height: 40px; border-bottom: 1px solid #41434d;}
.snb_layer_mo ul.top_icon_mo li{float:left; height:40px; display:block; line-height:40px; padding:0 3px;}
.snb_layer_mo ul.top_icon_mo li a{display:block; color:#fff; font-size:12px; letter-spacing:-1px; line-height:38px;}
.snb_layer_mo ul.top_icon_mo li img{width: 25px; height: 25px;}
.snb_layer_mo ul.top_icon_mo .login { padding: 0 10px 0; background: url(/kr/img/common/l_line.gif) right 50% no-repeat}
.snb_layer_mo ul.top_icon_mo .lang {position: relative; padding: 0 0 0 5px;}
.snb_layer_mo ul.top_icon_mo .lang2 {position: relative; margin: 5px 0 0 0;}
.snb_layer_mo ul.top_icon_mo .lang .selected a {padding:0 20px 0 0; background: url(/kr/img/common/arow_bottom01.gif) right 50% no-repeat}
.snb_layer_mo ul.top_icon_mo .lang .list {display: none; position: absolute; top: 32px; left: -21px; right: -4px; padding: 0; background: #2f3139; z-index: 9999;}
.snb_layer_mo ul.top_icon_mo .lang .list li{width: 100%; height: 20px;}
.snb_layer_mo ul.top_icon_mo .lang .list li a {text-align: center; padding: 0; line-height:20px;}


.snb_layer_mo .snb_mo{position: relative; padding: 0; font-size: 15px; line-height: 1; color: #4e5366; text-decoration: none; display:inline-block; width:100%}
.snb_layer_mo .snb_mo > ul > li {display: block; background: url(/kr/img/common/icon_mdep1_off.png) 275px 22px no-repeat !important;}
.snb_layer_mo .snb_mo > ul > li > a {display: block; position: relative; width: 100%; padding: 18px 18px; min-width: 0; font-size: 17px; font-weight: bold; color:#fff; text-align: left; border-bottom: 1px solid rgba(255,255,255,.3);}
.snb_layer_mo .snb_mo .no_data {background-image: none !important;}

.snb_layer_mo .snb_mo .depth2{display: none; width: 100%;}
.snb_layer_mo .snb_mo li{width: 100%;}
.snb_layer_mo .snb_mo .depth2 > li > a {display: block; width: 100%; padding: 14px 38px; font-size: 17px; border-bottom: 1px solid rgba(255,255,255,.3); color:#fff; background: rgba(40,94,164,.6);}
.snb_layer_mo .snb_mo .depth2 > li:first-child > a {border-top: 0;}
	
.snb_layer_mo .snb_mo > ul > li.on > a {background: #285ea4 url(/kr/img/common/icon_mdep1_on.png) 275px 22px no-repeat !important;}
.snb_layer_mo .snb_mo .depth2 > li.on > a{background: rgba(40,94,164,.6);}

.content{padding: 13px 0; min-height: 500px; overflow: hidden;}

.content_wrap header h2 {width: 50%}
.content_wrap header .loc {width: 50%}
}
/**Mobile_Ver 768*****************************************************/
@media screen and (max-width: 767px) {
.content_wrap {display: block!important; width: 100%;}
.content_wrap header .loc{float: none; clear: both; width: 100%; padding-top:11px; padding-left: 3px; font-size: 12px; line-height:16px; text-align: left;}
.sub_container{display: block!important;}
}
/**Mobile_Ver 640*****************************************************/
@media screen and (max-width: 640px) {
h1.logo {width: 79%; text-align: right;}
	
.content{clear: both;}
	
.qrcode{padding: 4px;}
.qrcode p.qr_title{width: 40%;}
.qrcode p.txtQrcode{margin: 5px; padding: 0; font-size: 12px; width: 63%; line-height: 18px;}
.qrcode a{width: 102px;}
	
.research{margin: 5px 2px 2px;}
.research div.researchCount form{margin: 7px 0 5px 5px;}
.research div.researchCount form ul li:first-child{width: 79%;}
.research div.researchCount form ol li{font-size: 12px;}
	
.ccl{padding: 10px 10px;}
.ccl img{width: 130px;}
.ccl p{line-height: 20px;}

.contentAdmin{padding: 10px;}
.contentAdmin div.adminArea dl{padding: 0!important;}
.contentAdmin div.adminArea dl dt,
.contentAdmin div.adminArea dl dd{margin-right: 5px; font-size: 12px;}
.contentAdmin div.adminArea .mbl_640{font-weight: normal; font-size: 11px; color: #aaa;}
	
footer .link_wrap {height: auto; line-height: 20px; padding-bottom: 1px;}
footer .link_wrap .site_link{padding: 7px 0;}
footer .link_wrap .site_link span{display: block; margin-left: 0; margin: 4px 0;}
footer .link_wrap .site_link .site_go01 select{width:150px;}
footer .link_wrap .site_link .site_go02 select{width:150px;}
footer .link_wrap .site_link .site_go03 select{width:150px;}
footer .btm_menu {margin: 13px 0;}
footer .btm_menu li {line-height: 20px;}
}

/**Mobile_Ver 425*****************************************************/
@media screen and (max-width: 425px) {
.research div.researchCount form ul li:first-child{width:79%;}

table th{padding:10px 2px;font-size: 0.8em}
table td{padding:10px 2px;font-size: 0.8em}
#content .tab ul li a{font-size: 11px}
}

/**Mobile_Ver 375*****************************************************/
@media screen and (max-width: 375px) {
}

/**Mobile_Ver 320*****************************************************/
@media screen and (max-width: 320px) {
.research div.researchCount form ul li:first-child{width:74%;}
}