/*초기화*/
html {overflow-y:scroll;}
body {margin:0;padding:0;font-size:14px;line-height: 160%; font-family:'NanumBarunGothic','nanumsquarer',dotum,Sans-serif; background:#fff;}
html, h1, h2, h3, h4, h5, h6, img, ul, li {margin:0;padding:0;border:0}
td {font-family:'NanumBarunGothic','nanumsquarer',dotum,Sans-serif; letter-spacing:0.5px;font-size:14px; line-height: 160%;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
.clear {clear:both;}
a:link, a:visited {color:#333;text-decoration:none;list-style:none;}
a:hover, a:focus, a:active {color:#333;text-decoration:none;list-style:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
@font-face {
font-family: 'NanumBarunGothic';
font-style: normal;
font-weight: 400;
src: url(./NanumBarunGothic.eot);
src: local('NanumBarunGothic'),
local('NanumBarunGothic'),
url(/css/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
url(/css/font/NanumBarunGothic.woff2) format('woff2'),
url(/css/font/NanumBarunGothic.woff) format('woff'),
url(/css/font/NanumBarunGothic.ttf) format('truetype');
}
@font-face {
font-family: 'NanumBarunGothic';
font-style: bold;
font-weight: 500;
src: url(./NanumBarunGothic.eot);
src: local('NanumBarunGothic'),
local('NanumBarunGothic'),
url(/css/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
url(/css/font/NanumBarunGothic.woff2) format('woff2'),
url(/css/font/NanumBarunGothic.woff) format('woff'),
url(/css/font/NanumBarunGothic.ttf) format('truetype');
}
@font-face {
font-family: 'nanumsquarer';
font-style: normal;
font-weight: 500;
letter-spacing:1px;
src: url(./nanumsquarer.eot);
src: local('nanumsquarer'),
local('nanumsquarer'),
url(/css/font/nanumsquarer.eot?#iefix) format('embedded-opentype'),
url(/css/font/nanumsquarer.woff2) format('woff2'),
url(/css/font/nanumsquarerd.woff) format('woff'),
url(/css/font/nanumsquarer.ttf) format('truetype');
}
@font-face {
font-family: 'NanumGothic';
src: url(/css/font/NanumGothic.eot);
src: url(/css/font/NanumGothic.eot?#iefix) format('embedded-opentype'),
url(/css/font/NanumGothic.woff) format('woff'),
url(/css/font/NanumGothic.ttf) format('truetype');
}
/*#hd {z-index:4;position:relative;min-width:1200px;background:#fff;}
.hd_zindex {z-index:10 !important}*/
#header {z-index:4; position:relative;width:100%;min-width:1400px; height:145px; background:url('/img/topbg.gif') top repeat-x;}
#head {position:relative; width:1200px; margin:0 auto;height:82px;}
#head .logo {float:left; width:230px; /* margin:0 auto;*/padding:20px 0;}
.login {position:absolute; top:35px; right:0px }
.login a {color: #c5c2c2;font-size: 12px;text-decoration: none;}
.login a:hover {color: #3498d4;}
.login span {color: #ddd;}
/**/
#nav {z-index:10;position:absolute;width:100%;height: 63px; top:82px; padding:0;margin:0;}
#nav .topmenu {display: block;list-style: none; width:1400px;margin-left:-50px;height:63px;margin:0 auto;}
.suball {width: 100%;margin: 0;padding: 0;}
.suball a{color: black;text-decoration: none}
.suball ul{margin: 0;padding: 0;overflow: hidden;}
.suball li{list-style: none;}
.suball img{border: 0;}
.suball .main {/*float:right;*/margin:0;padding:0;/*background-color: #fff*/}
.suball .main ul{margin: 0;padding: 0;margin:0 auto;/*width: px;background-color: #A6a6a6;*/}
.suball .main li{float: left; padding: 20px 0px 0px 95px;}
#nav .topmenu.suball .main a{display:block;color: #343434;font-family: 'NanumBarunGothic','nanumsquarer',dotum,Sans-serif; font-size: 22px; font-weight:600;letter-spacing:-0.5px;}
#nav .topmenu.suball .main a:hover, a:active {/*display:block; background:#3299D7;*/ color:#1B91D8;}
.suball .main li, .suball .sub div {width: px;float: left;}
.suball .sub{display: none;position: absolute;overflow: hidden;width:1400px; top:63px;background-color: #333; opacity: 0.8;z-index: 1000;}
.suball .sub div{height: 360px;}
.suball .sub .subbg {/*float:right;*/}
/*.suball .sub div:last-child{border-right: 0;}*/
.suball .sub div:first-child{padding-left:80px;}
.suball .sub div:nth-child(2){padding-left:1px;}
.suball .sub div:nth-child(3){padding-left:1px;}
.suball .sub div:nth-child(5){width:115px;padding-left:60px;}
.suball .sub div:nth-child(6){width:100px;padding-left:90px;}
.suball .sub ul{float:right; padding-top:15px}
.suball .sub li{width:170px; padding:0 10px;/*margin-bottom: 5px;*//*padding:20px*/}
.suball .sub li a{font-family:'NanumBarunGothic','nanumsquarer',dotum,Sans-serif; color: #fff;font-size: 15px;line-height:25px; font-weight:500;letter-spacing:0.5px;}
#nav .topmenu .suball .sub li.on a{display:block; /*background:#fff; width:160px;color: #187FBE;*/color: #1B91D8; font-size: 15px; /*padding-left:5px;letter-spacing:0.5px;*/}
#mainslide {width:100%; min-width:1200px; height:380px; margin:0 auto;padding:0;}
#mslide {width:1200px; margin:0 auto;padding:0;}
#bodyall {position:relative; width:100%; min-width:1200px; margin:0 auto;padding:0;}
.banner {width:1200px; margin:0 auto;padding:0;}
.banner ul {float:left;list-style:none;margin:0;padding:0;}
.banner ul li {float:left;padding:0;/*padding-right:20px;*/}
.banner ul li a:hover {opacity:0.9;}
.banner ul .bn {padding:0;}
/*.bn {width:25.4%; float:left }
.bn4 {float:right; }*/
#mboard {width:1200px; margin:0 auto;padding:0; }
#mboard .b1 {float:left; width:23.75%; height:205px; padding-right:1.66%; background:url('/img/b1_bg3.jpg') left no-repeat;}
#mboard .b1 h4 {padding-top:10px;text-align:center;color: #fff;}
#mboard .b1 h4 a {font:normal 23px 'NanumBarunGothic','nanumsquarer',dotum,Sans-serif;letter-spacing:0.5px;
color:#fff;text-align:center; overflow:hidden; padding:11px 0; font-weight:300; display:block; background: url(/img/b1_line.gif) bottom no-repeat;}
#mboard .b1 h4 a:hover {color: #8cbfdb;}
#mboard .b1 h5 {padding-top:40px;text-align:center;}
#mboard .b1 h5 a {font-size:14px;color:#fff;text-align:center;}
#mboard .b2 {float:left; width:17.83%; height:205px; padding-right:1.66%; background:url('/img/b2_bg.jpg') left no-repeat;}
#mboard .b2 h4 {padding-top:10px;text-align:center;color: #fff;}
#mboard .b2 h4 a {font:normal 23px 'NanumBarunGothic','nanumsquarer',dotum,Sans-serif;letter-spacing:0.5px;
color:#fff;text-align:center; overflow:hidden; padding:11px 0; font-weight:300; display:block; background: url(/img/b1_line.gif) bottom no-repeat;}
#mboard .b2 h4 a:hover {color: #8cbfdb;}
#mboard .info a {display:inline-block; margin:70px 0 0 55px; font-size:12px; padding:5px 20px; border: 2px #fff solid; color: #fff;}
#mboard .info a:hover{border: 2px solid #8cbfdb ; color: #8cbfdb;}
#mboard .b3 {float:left; width:17.83%; height:205px; padding-right:1.61%; background:url('/img/b3_bg2.jpg') left no-repeat;}
#mboard .b3 h4 {padding-top:10px;text-align:center;color: #fff;}
#mboard .b3 h4 a {font:normal 23px 'NanumBarunGothic',dotum,Sans-serif;letter-spacing:0.5px;
color:#fff;text-align:center; overflow:hidden; padding:11px 0; font-weight:300; display:block; background: url(/img/b1_line.gif) bottom no-repeat;}
#mboard .b3 h4 a:hover {color: #8cbfdb;}
#mboard .b4 {float:right; width:35.4%; height:185px;border:1px solid #c3bfbf; padding:10px 0;}
#mboard .b4 h4 {padding-top:10px;text-align:center;color: #fff;}
#mboard .b4 td {color:#9a9a9a; font-size:13px;}
#mboard .b4 td a {color:#9a9a9a; font-size:13px;}
#photo {width:100%;background:#f7f7f7;}
#mphoto {width:1200px; margin:0 auto;padding:30px 0; background:#f7f7f7;height:247px;}
#mphoto h4 {text-align:center;margin-bottom:30px;}
#mphoto h4 a {font:normal 25px 'NanumBarunGothic',dotum,Sans-serif;letter-spacing:-1px;color:#1d2128;}
#mphoto td {color:#000000; font-size:13px;}
#ft {min-width:1200px;background:#3c3c3c}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}
#ft_catch {position:relative;margin:0 auto;padding:20px 0 0;width:970px;text-align:center}
#ft_company {text-align:center}
#ft_copy {background:#3c3c3c;}
#ft_copy div {position:relative;margin:0 auto;padding:23px 0;width:1200px;color:#D4D2D2;font-size:12px;font-family:'NanumBarunGothic','nanumsquarer',dotum,Sans-serif;}
#ft_copy a {display:inline-block;margin:0 10px 0 0;color:inherit;}
#ft_copy #ft_totop {position:absolute;top:23px;right:0; color:#589DF2;}
/***************Subpage******************/
.subcolor {width:100%;min-width:1180px;background:#fff;}
#subimg {width:1200px; height:250px; padding:0; margin:0 auto; margin-bottom:30px;}
#subimg .subP1 {width:1200px;height:250px;background: url(/img/subP_s1.jpg) center top;}
#subimg .subP2 {width:1200px;height:250px;background: url(/img/subP_s2.jpg) center top;}
#subimg .subP3 {width:1200px;height:250px;background: url(/img/subP_s3.jpg) center top;}
#subimg .subP4 {width:1200px;height:250px;background: url(/img/subP_s4.jpg) center top;}
#subimg .subP5 {width:1200px;height:250px;background: url(/img/subP_s5.jpg) center top;}
#subimg .subP6 {width:1200px;height:250px;background: url(/img/subP_s6.jpg) center top;}
#subimg .subP7 {width:1200px;height:250px;background: url(/img/subP_s7.jpg) center top;}
#subimg .subP8 {width:1200px;height:250px;background: url(/img/subP_s8.jpg) center top;}
#subimg .subP9 {width:1200px;height:250px;background: url(/img/subP_s9.jpg) center top;}
#suball {position:relative; width:1200px; margin:0 auto;}
.lnb_basic {width:235px;position:relative;float:left;padding:0; margin:0; margin-bottom:30px;overflow:hidden}
.lnb_basic h3 {font-family:'NanumGothic','NanumBarunGothic',Sans-serif;font-size:22px;line-height:60px;padding-left:25px; /*padding:20px 0 20px 20px;*/color:#333;letter-spacing:1px; width:235px; /*background: url(/img/lnb_bg.jpg) repeat-x;*/border-top:1px solid #eee;background:#f7f7f7; border-bottom:1px solid #929393;overflow:hidden}
.lnb_basic li {padding:0; margin:0;list-style:none;background:#fff;}
.lnb_basic li a {display:inline-block; *zoom:1; *display:inline;width:200px; padding:8px 10px 8px 25px; font-size:15px; color:#4c4a4a; border-bottom:1px solid #ddd;/*border-right:1px solid #ddd;border-left:1px solid #ddd; background: #eeeeee; */word-wrap:break-word;text-decoration:none;font-family:'NanumGothic','NanumBarunGothic',Sans-serif;}
.lnb_basic li a:first-child {border-top:0px solid #eee;}
.lnb_basic li a:link, ul.lnb_basic li a:visited {color:#666;}
.lnb_basic li a:active,
.lnb_basic li a:hover,
.lnb_basic li a:focus {background: #eee; color:#666;}
.lnb_basic li a.on {color:#fff;font-weight:600; border-top:0px solid #eee; border-bottom:1px solid #ddd; background: #f7f7f7;}
.lnb_basic li a.on:link,
.lnb_basic li a.on:visited {color:#333;}
.lnb_basic li a.title {color:#333; background: #fff;}
.lnb_basic li a.title:link,
.lnb_basic li a.title:visited {color:#333;}
.lnb_basic li a.title:active,
.lnb_basic li a.title:focus,
.lnb_basic li a.title:hover {color:#fff;}
#subpage {position:relative; float:right; width:880px;padding:0; margin-bottom:30px;font-family:'NanumGothic','NanumBarunGothic',Sans-serif;font-size:14px; line-height:180%; color:#666; background:#fff; min-height:500px;}
.subtitle {font-family: 'NanumGothic','NanumBarunGothic',Sans-serif; font-size:27px;font-weight:500; color:#333;letter-spacing:1px;margin-bottom:30px; border-bottom:1px solid #eee;padding:13px 0; }
.subtitle span {float:right; padding-right:10px; font-size:12px; color:#999;letter-spacing:1px;line-height:25px;font-family:'NanumGothic',"나눔바른고딕",'NanumBarunGothic',Sans-serif;}
.tab {
font-size: 15px; background-color: #9fa1a4;cursor: pointer; color:#fff;}
.tabon {
font-size: 15px; color: #fff; font-weight: bold; background-color: #4b86a6; cursor: pointer;
}
.tabbg {background-color: #fff; border:0;}
/*운영위원회 탭*/
.bo_cate {width:100%; padding:20px 0 7px 0; background:#fafafa; text-align:center;}
.bo_cate ul {zoom:1;}
.bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
.bo_cate li {display:inline-block; padding:2px; margin:1px;}
.bo_cate a {display:block;line-height:1.4;padding:8px 36px;border-radius:0px;border:1px solid #96989c;background:#fff; color:#646873; text-align:center; -webkit-transition:all .3s ease; transition:all .3s ease;}
.bo_cate .bo_cate_on {z-index:2;background:#6e8bc1; color:#fff; font-weight:400; border:1px solid #6e8bc1;}
@media screen and (max-width:768px) {
.bo_cate{padding:20px 12px; background:#f7f7f7;}
.bo_cate a{padding:6.5px 16px; font-size:13px;}
}
@media screen and (max-width:480px) {
.bo_cate {padding:13px 0 4px 0;}
.bo_cate a{padding:4.5px 10px; font-size:12px;}
}
.stxtbk23 {font-size: 23px; font-weight:400; color:#000;}
#subtable6 {width:100%; line-height:130%; border-top:2px solid #555; margin:0 auto;text-align:center;
margin-bottom:20px; font-family: inherit; letter-spacing:-0.5px; padding-bottom:20px;}
#subtable6 th {padding:15px 0; font-size:19px !important;font-weight:500;color:#555 !important; border:none; background:#f9f9f9;}
#subtable6 tr {}
#subtable6 tr td {padding:12px 5px; border-bottom:1px solid #ddd; font-size:16px; }
#subtable6 td.stb_tit { padding:15px 0; font-size:18px !important;
font-weight:500;color:#555 !important; border:none;}
#subtable6 td {border-right:1px solid #ddd}
#subtable6 td b {font-weight:500; font-size:18px; color:#2d4d88;}
#subtable6 td:last-child {border-right:none;}
#subtable6 td.bdrno {border-bottom:none;}
@media only screen and (max-width: 768px) {
#subtable6 {width:98%; margin:0 auto;}
#subtable6 tr td, #subtable6 td b {padding:6px 4px;font-size:14px !important; }
#subtable6 td.stb_tit {font-size:15px !important; }
}
/* 40일 캠페인 */
/* #40d_bg {display:block; position:relative; background: url(/img/sub_event_bg.jpg) center no-repeat; width:100%; height:auto; min-height:1000px; padding:0;}
.40d_box {padding-top:335px;width:960px;margin:0 auto;}
.40d_box .table tr td a img:hover {opacity:0.9}*/
/* background color 배경 색상 지정 */
.bg_w {background:#fff}
.bg_lg {background:#f9f9f9}
.sl__bg_g {background:#aaa}
.sl__bg_lg {background:#eee}
.sl__bg_llg {background:#f9f9f9}
.sl__bg_pk {background:#e77c99}
.sl__bg_lpk {background:#fef3f6}
.sl__bg_llpk {background:#f6e0e2}
.sl__bg_lllpk {background:#fbe9ee}
.sl__bg_b { background:#2f5288; }
.sl__bg_lb { background:#8398d5;}
.sl__bg_llb { background:#d8e3f5;}
.sl__bg_lllb { background:#ebf0f7;}
/*
#bo_cate table tr td {font-size: 15px; background: #9fa1a4; border:1px solid #ddd; cursor: pointer; color:#fff;}
#bo_cate table tr td a {color:#fff;}
#bo_cate table tr td.tabon a, #bo_cate table tr td.tab a, .tabon a, .tab a {color:#fff !important;}
#bo_cate table tr td.tabon {
font-size: 15px; color: #fff; font-weight: bold; background-color: #4b86a6; cursor: pointer;
}
*/
.ic1 {list-style:none; background: url('/img/ic1.png') no-repeat 0 50%; padding-left:20px; margin-left:2px; padding-top:3px;}
.ic2 {list-style:none; background: url('/img/ic2.png') no-repeat 0 50%; padding-left:20px; margin-left:2px; padding-top:3px;}
.ic3 {list-style-image:url('/img/ic3.png'); vertical-align:middle;}
.ic4 {list-style-image:url('/img/ic4.png'); vertical-align:middle;}
.ic5 {list-style-image:url('/img/ic5.png'); vertical-align:middle;}
.ic6 {list-style:none; background: url('/img/ic6.png') no-repeat 0 50%; padding-left:25px; margin-left:2px; padding-top:3px;}
.ic7 {list-style:none; background: url('/img/ic7.png') no-repeat 0 50%; padding-left:20px; margin-left:2px; padding-top:3px;}
.ic8 {list-style:none; background: url('/img/ic8.png') no-repeat 0 50%; padding-left:20px; margin-left:2px; padding-top:3px;}
/*page*/
.ptit {font-family:'NanumBarunGothic','NanumGothic',Sans-serif;font-size:16px; color:#37657d;font-weight: 500;}
.ptit2 {font-family:'NanumBarunGothic','NanumGothic',Sans-serif;font-size:18px; color:#37657d;font-weight: 500;}
.ptit3 {font-family:'NanumBarunGothic','NanumGothic',Sans-serif;font-size:17px; color:#37657d;font-weight: 500; border-top:2px solid #0075aa;border-bottom:1px solid #ccc; background:#eee; padding:8px 0; width:100%; }
.ptit_bg {font-family:'NanumBarunGothic','NanumGothic',Sans-serif;font-size:16px; color:#fff;font-weight: bold; background:#6881bf; padding:6px;clear:both;margin-bottom:15px;}
.pstit { color:#888888;}
.pstit2 { color:#888888; font-size:16px; border-bottom:1px solid #eee; padding:10px; }
.uline {border-bottom:1px solid #eee}
.txtbl {color:#1f617f}
.s1_2Pbg {background: url(/img/s1_2Pbg.png) no-repeat;}
.tb_tit {color:#fff;font-size:20px; padding:35px; font-style:bold; background: url(/img/tb_circle.gif) top no-repeat;}
.tb_stit {color:#56aeca; text-align:center; height:30px;}
.hrline {background: url(/img/hrline.gif) repeat-x;}
.hrline2 {background: url(/img/hrline.gif) repeat-x; padding: 20px 0;}
.sub01 {width:97%; margin:0 auto;font-family:'NanumBarunGothic','NanumGothic',Sans-serif;font-weight: 500;}
.sub01 p {padding:10px 0;}
.sub01 h3 {font-size:21px; line-height:160%;color:#475987;margin-bottom:15px; padding-left:30px;background:url(/img/ic6.png)left no-repeat;}
.sub01 h4 {font-size:19px; line-height:160%;color:#516778;margin:15px 0; padding-left:25px;background:url(/img/ic7.png)left no-repeat;}
.sub01 h5 {font-size:17px; line-height:160%;color:#516778;margin:15px 0; padding-left:20px;background:url(/img/ic8.png)left no-repeat;}
.subtable {width:100%; line-height:180%;border-top:2px solid #3c579b; border-bottom:2px solid #eee;margin-bottom:20px;font-family:'NanumBarunGothic','NanumGothic',dotum,Sans-serif;}
.subtable TR {font-family:'NanumBarunGothic','NanumGothic',dotum,Sans-serif;}
.subtable .sbt_td1 {font-weight:bold; font-size:17px; color:#64749d; border-right:1px solid #eee;line-height:170%;background:#f5f5f5;text-align:center;font-family:'NanumBarunGothic','NanumGothic',dotum,Sans-serif;}
.subtable .sbt_td2 {font-size:15px;padding-left:25px;font-family:'NanumBarunGothic','NanumGothic',dotum,Sans-serif;}
.subtable .sbt_td3 {font-size:15px;text-align:center;font-family:'NanumBarunGothic','NanumGothic',dotum,Sans-serif;}
.s1tit {font-size:16px;font-weight:bold;line-height:200%;color:#333;font-family:'NanumBarunGothic','NanumGothic',dotum,Sans-serif;}
.s1txt {color:#666;font-family:'NanumBarunGothic','NanumGothic',dotum,Sans-serif;}
/*기본 table */
.subtable2 {width:100%; line-height:170%;border-top:2px solid #3c579b; margin-bottom:20px;/font-family:'NanumBarunGothic','NanumGothic',Sans-serif;}
.subtable2 tr {}
.subtable2 td {padding:7px 0;line-height:170%;}
#faq_list {border-bottom:1px solid #ccc}
#faq_list li {border-top:1px solid #ccc; padding:0 5px;list-style:none;}
#faq_list li h4 a {display:block; padding:8px}
#faq_list li p {border-top:1px dotted #eaeaea; padding:8px; line-height:18px}
#faq_list li.unfold h4 a {font-weight:bold}
#faq_list li.fold p {display:none}
.menu_tab{width:100%;overflow:hidden}
.menu_tab ul{padding:23px 0;border-width:1px 0}
.menu_tab li{list-style:none;position:relative;top:-10px;float:left;border:1px solid #ccc; padding: 0 49px; /*width:140px;*/}
.menu_tab li a{display:block;padding:12px 16px 12px;text-decoration:none;text-align:center;}
.menu_tab li a:hover{text-decoration:none}
.menu_tab li.active a{/*background:#ccc;padding:12px 16px 12px;*/color:#3f6a1f; font-weight:bold;}
.menu_tab li.active a:hover{text-decoration:none}
.mb20 {clear:both;margin-bottom:20px}
.mb30 {clear:both;margin-bottom:30px}
.mb40 {clear:both;margin-bottom:40px}
.mb50 {clear:both;margin-bottom:50px}
.mb60 {clear:both;margin-bottom:60px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.pl10 {padding-left:10px}
.pl20 {padding-left:20px}
.pl30 {padding-left:30px}
.pl40 {padding-left:40px}
.pl50 {padding-left:50px}
.pr20 {padding-right:20px}
.pr30 {padding-right:30px}
.pr40 {padding-right:40px}
.pr50 {padding-right:50px}
.pt20 {padding-top:20px}
.pt30 {padding-top:30px}
.pt40 {padding-top:40px}
.pt50 {padding-top:50px}
.pb10 {padding-bottom:10px}
.pb20 {padding-bottom:20px}
.pb30 {padding-bottom:30px}
.pb40 {padding-bottom:40px}
.pb50 {padding-bottom:50px}
.Rt {float:right; padding: 0 0 0 20px;}
.Lt {float:left; padding: 0 20px 0 0;}