@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
/* 메인, 서브 공통사용 클래스 */
@import url('/css/common.css');
@import url('/css/button.css');
@import url('/css/tabstyle.css');

/* Common */
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, input, textarea, button, fieldset, legend {margin:0; padding:0;}

body {margin:0 auto; color:#2f2f2f; font-size:10pt; line-height:1.6; font-family:"나눔고딕",'Nanum Gothic',"돋움", Dotum, AppleGothic, Sans-serif;}
table, table td{font-size:10pt;}

/*
li{list-style:none;}
hr{display:none;}
*/
form,button{border:0;/* vertical-align:top;*/}
img {border:0;}
em, address{font-style:normal;}
/*
input, select{font-size:12px; line-height:15px; font-family:"돋움", Dotum, AppleGothic, Sans-serif; vertical-align:middle;}
*/
a{color:#2f2f2f; text-decoration:none;}
a:visited {color:#6E4987;}
a:active{color:#2f2f2f;}
a:hover{text-decoration:underline;}
a.visit {color:#2f2f2f !important; text-decoration:none; }
a.visit:visited {color:#2f2f2f !important;}
a.visit:active{color:#2f2f2f !important;}
a.visit:hover{text-decoration:underline;}
a strong{letter-spacing:-1px;}

a.rollover img { border:0pt none; display:inline;}
a.rollover img.over { display:none;}
a.rollover:hover { border:0pt none;}
a.rollover:hover img { display:none;}
a.rollover:hover img.over { display:inline;}

.png  {_display:inline-block;}
.png  img  {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
* html  .png24  {tmp:expression(setPng24(this))}

#wrap { margin:0 auto; text-align:center;background: url("/images/k/sbg.jpg") no-repeat center 105px transparent;}
#wrapM {width:100%;margin:0 auto; text-align:center;}

#mWrap {width:100%;margin:0 auto; text-align:center;background: url("/images/k/mbg.jpg") repeat-x center 0 transparent;}

#wrap_pop { margin:10 auto; text-align:left; }
#header, #headerM, #main {margin: 0 auto;position: relative;text-align: left;width: 965px;}
#footer {margin: 0 auto;position: relative;text-align: left;width: 1024px;}

#headerM{height:100px;margin:0 auto; }
#hd_wrap {position:relative; height:99px;margin:0 auto;}
#hd_wrap #HLeft {float:left;width: 200px;overflow: hidden; padding-left:0px;padding-top:25px;}
#hd_wrap #HRight {position:absolute;width: 770px;top:28px;right:0;overflow: hidden;}
#logbox {
	position:absolute;
	height: 23px;	
	right: 10px;
	top:0px;
	overflow: hidden;
	z-index:99;
}
#logbox ul{float:right;}
#logbox ul li {float:left;letter-spacing: 0px;padding: 2px 10px 0px 9px;height:23px;list-style:none;}
#logbox ul li.bg_none {background:none repeat scroll 0 0 transparent;}
#logbox ul li {background:url("img/tline.png") no-repeat scroll right 9px transparent;}
#logbox ul li a {font-size:11px;letter-spacing: 0px;color:#FFF;text-decoration:none;height:21px;line-height:21px;}


#SearchBox{position: absolute;float:right;padding-top:10px; height:35px; right:10px;}
#SearchBox ul li {display:inline; padding:0 1px 0 3px; white-space:nowrap; letter-spacing:-1px;}
#SearchBox .input_text {
	border:1px solid #16890A;
	font-size:12px;
	height:16px;
	width:150px;
	line-height:14px;
	padding:1px 2px 2px;
}
#SearchBox2 .input_text {
	border:1px solid #CCCCCC;
	font-size:12px;
	height:16px;
	width:150px;
	line-height:14px;
	padding:1px 2px 2px;
}

#Topmenu {position:relative;margin:0 auto;padding-top:15px;padding-left:60px;width:710px;height:50px;overflow: hidden;}

/* @group core nav menu */
#Tmenu {position: relative; margin: 0; padding: 0; list-style: none; height: 30px; background-color:#FFF;}
#Tmenu li { float: left; list-style: none; display: block; background: none; position: relative; z-index: 999; margin: 0;text-align:center;}
#Tmenu li.mfirst {margin:0 2px 0 10px;}
#Tmenu li a {display: block;font-size:16px; font-weight: 800;font-family:"나눔고딕",'Nanum Gothic'; line-height: 25px; text-decoration: none;  color: #000;margin:0 auto;padding: 0px 11px; _width: 78px; _padding: 0; _text-align: center;_border: 0px;_display: block;}
#Tmenu li a:hover, #Tmenu li a.hov, #Tmenu li a.hovx {color: #313c9d;background-color:#FFF;}
#Tmenu li a.hot {background-color: #f13737; color: #FFF;}

/* @group subnav */
#Tmenu ul {position: absolute; left:0;display: none; margin: 0; padding: 0;padding-bottom: 3px; border:0;min-width:630px;}
#Tmenu ul.sfirst {left:0px;}
#Tmenu ul.sm1 {left:5px;}
#Tmenu ul li {float: left;display:inline; text-align: center; padding:0 2px;margin:0;white-space:nowrap;_margin:0;_padding:0;}
#Tmenu ul li a {display: block; height: 20px; line-height: 20px; padding: 0px 5px;margin:3px 0; color: #666; text-transform:  uppercase; color: #797979; font-size:12px;font-weight: normal;border-top: 0px solid #FFF; _width:70px; _margin:3px 5px;_padding:0;_border: 0px;_text-align: center; letter-spacing: 0;}
#Tmenu ul li a:hover, #Tmenu ul li a.hov , #Tmenu ul li a.hovx {border: 0;text-decoration: none; color: #FFF; font-weight: normal; letter-spacing: 0px; _border: 0px;background-color:#717171;}

* html #Tmenu ul { margin: 0 0 0 -2px; }
/** @group clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


#main{min-height:780px;margin-top:1px; z-index:100;clear: both;overflow: hidden;display: block;}
#mainM{margin: 0 auto;position: relative;text-align: left;width: 1016px;min-height:541px;padding-top:330px;background:url("/images/k/mtbg.png") no-repeat scroll center 330px transparent;}

#mainM #cptxt {position:absolute;right:5px;top:20px;width: 500px;height:260px;}
#mainM #CtsCenter {position:relative;float:left;width: 934px; margin:20px 41px;}

/*메인메뉴 컨텐츠 2단 레이아웃*/
#mainM #CtsLeft {float:left;width: 390px;overflow: hidden;}
#mainM #CtsMain {float:right;width: 416px; min-height:540px;_height:540px;overflow: hidden;}


/* footer */
#footer{height:140px;padding-top:0px; z-index: 200;}
#footmenu {margin:0 auto;padding:10px; height:20px; text-align:left; background-color:#FFF;border-top: 1px solid #ddd; }
#footmenu * {color:#626262; list-style:none; line-height:normal; font-weight: bold;}
#footmenu ul li {display:inline; padding:0;white-space:nowrap; letter-spacing:-1px;}
#footmenu ul li.first{background:none; padding:0 1px 0 0;}
#footmenu ul li.bar{color:#6a6a6a;font-weight: normal;font-size:0.7em;padding:0 15px 0 15px;}

#footaddr { padding-top:5px; height:120px; border-top: 1px solid #ddd; }
#footaddr .photo { width:140px; height: 60px; float: left; padding: 15px 0  0 5px;}
#footaddr dl { margin: 12px 0 0 10px; padding-left:230px;  border-left:0px solid #DDD;}
#footaddr dd {font-size:12px; line-height: 15px;padding:3px;}

#footsite{float:right;padding:0;}
#footsite .familysite_on {
    float: left;
    margin-top: -23px;
    position: absolute;
    width: 0;
    z-index: 200;
	left:0;
}
#footsite .familysite_on .onbox {
    background-color: #FFFFFF;
    border: 1px solid #C1C1C1;
    position: absolute;
	
    width: 121px;
    z-index: 200;
}
#footsite .familysite_on .onbox ul {
    list-style: none outside none;
    margin: 0px 0 0 5px;
}
#footsite .familysite_on .onbox ul li {
    color: #919191;
    font-size: 11px;
    letter-spacing: -1px;
    margin: 2px 0;
	padding:3px 0;
	width:116px;
	display: block;
}
#footsite .familysite_on .onbox ul li a {
    color: #919191;
	padding:3px 0;
	font-weight: normal;
}
#footsite .familysite_on .onbox ul li a:hover {
    color: #404040;
}

/*서브메뉴 컨텐츠 2단 레이아웃*/
#main #subCtsLeft {position:absolute;left:0;width: 258px;min-height:750px;background:url("/images/light/smenubg2.png") no-repeat scroll 220px 70px transparent;}
#main #subCtsMain {position:relative;float:right;width: 704px;min-height:750px; overflow: hidden;}
#subCtsMain #contsBoxLeft {float:left;width: 704px;overflow: hidden; margin-left:0px;padding:125px 0px 0 0;}
#subCtsMain #contsBoxRight {float:right; width: 60px; overflow: hidden;padding-top:65px;}

/*커뮤니티 서브메뉴 컨텐츠 3단 레이아웃*/
#main #subCommLeft {float:left;width: 130px;overflow: hidden;}
#main #subCommCenter {float:left;width: 620px;margin-left: 10px;_margin-left: 8px;overflow: hidden;}
#main #subCommRight {float:right;width: 200px;overflow: hidden;}

/* slide 만 있는 레이아웃 박람회 */
#main #subSlideCenter {float:left;width: 880px;overflow: hidden;}
#main #subSlideRight {float:right;width: 85px;overflow: hidden;background-color: #FFCC00}

/*상단아이콘*/
#pageNavi{height:55px; border-bottom:#D0D0D0 solid 1px;margin-bottom:20px;}
#pageNavi #naviLeft {float: left;}
#pageNavi #naviRight {float:right;padding:20px 0 0 0;}
#pageNavi #naviLeft #subTitle{font-size:22px;font-weight:600;color:#111;}

/* 포토갤러리 */
.photo_viewtype2smll {clear:both;overflow:hidden;background:#FFFFCC; margin-bottom:5px; width:240px;}
.photo_viewtype2smll .big_list { float:left; width:232px; padding:4px; overflow:hidden; background:#E88686;}
.photo_viewtype2smll .big_list .photo { position:relative;overflow:hidden; width:232px; height:125px;}
.photo_viewtype2smll .big_list .ptxta { position:relative; width:232px; height:30px;}
.photo_viewtype2smll .big_list .ptxta a {position:absolute; z-index:20;  bottom:5px; left:5px; display:block;color:#000000; font-size:12px;color:#fff; cursor:pointer}

.photo_viewtype2smll ul { float:right; background:#E88686; width:240px; margin:0px; }
.photo_viewtype2smll ul li { display:inline; float:left; width:75px; height:55px; margin:2px;}
.photo_viewtype2smll ul li.f{margin-left:3px;}
.photo_viewtype2smll ul li a { border:2px solid #E88686; display:block;}
.photo_viewtype2smll ul li a:hover { border:2px solid #3366FF;}


.section3 {position:relative;border: 0px solid #DDD;clear:both;color:#464646;}
.section3 .tab{position:absolute;margin:0px;z-index:12;}
.section3 .tab ul{height:24px;background:url(img/tab_260_s3_g.png) no-repeat; overflow:hidden}
.section3 .select {color: #fff;letter-spacing:-1px;}
.section3 .tab ul li{float:left; font-weight: bold;font-size:11px;padding-top:6px;letter-spacing:-1px;text-align:center}
.section3 .tab ul li a{color:#666}
.section3 .tab ul.selected0{background-position:0 0}
.section3 .tab ul.selected1{background-position:0 -24px}
.section3 .tab ul.selected2{background-position:0 -48px}
.section3 .tab ul.selected3{background-position:0 -72px} 
.section3 .list{position:absolute;top:23px;width:100%;z-index:11;display: block;}

.table1 {border:5px solid #488ae4;margin:0 auto;border-collapse:collapse;}
.table1 th, .table1 td{text-align:center; padding: 8px 1px;border:1px solid #E1E1E1;font-size:14px;color:#232323;}
.table1 thead {background-color:#ccffff;font-size:16px;}
.table1 th {color:#585858;}
.table1 .tleft {text-align:left;padding-left:5px;overflow: hidden;letter-spacing:-1px;}

.stlbx{width:436px;height:34px;background: url(/images/k/tlbg.png) no-repeat 0 0; padding-left: 30px;clear:both;}
.stlbx p{color:#FFF;font-weight: bold;font-size:17px;line-height: 34px;}

.stlbx1{width:436px;height:34px;background: url(img/tlbg1.png) no-repeat 0 0; padding-left: 30px;clear:both;}
.stlbx1 p{color:#FFF;font-weight: bold;font-size:17px;line-height: 34px;}

.stlbx2{width:436px;height:34px;background: url(img/tlbg2.png) no-repeat 0 0; padding-left: 30px;clear:both;}
.stlbx2 p{color:#FFF;font-weight: bold;font-size:17px;line-height: 34px;}


.stable1 {width:100%;border:1px solid #488ae4;margin:0 auto;border-collapse:collapse;}
.stable1 th, .stable1 td{text-align:center; padding: 8px 1px;border:1px solid #E1E1E1;font-size:14px;color:#232323;}
.stable1 th {background-color:#d7f9fd;color:#585858;}
.stable1 .tleft {text-align:left;padding-left:5px;overflow: hidden;letter-spacing:-1px;}


.historyview{position:relative;border: 0px solid #DDD;clear:both;}
.historyview .year_wrap{position:relative;border-bottom: 0px solid #DDD;padding:20px;margin-bottom:20px;}
.historyview .year_wrap .year{padding:5px 10px;margin:5px 0;}
.historyview .year_wrap .year:after {content:""; display:block; clear:both;}
.historyview .year_wrap .year p {font-size: 24px;font-weight: 600;float:left; width:150px; height:45px; margin:0;overflow: hidden;display: block;border:0px solid #aaa;background-color:#2967c2;	line-height:45px;text-align:left;padding-left:25px;color:#FFF;border-radius: 45px 0px 45px 45px;-wekikit-border-radius: 45px 0px 45px 45px;}

.historyview .year_wrap .grp{position:relative;border-top: 1px solid #DDD;clear:both;}
.historyview .year_wrap .grp .cts_s{position:relative;border-bottom: 1px dotted #EEE;clear:both;width:100%;padding-bottom:10px;}
.historyview .year_wrap .grp .cts_s:after {content:""; display:block; clear:both;}
.historyview .year_wrap .grp .cname{float:left;width:20%;font-size:14px;font-weight:600;padding:1%;margin-bottom:5px;text-align:center;}
.historyview .year_wrap .grp .conts{float:right;width:76%;font-size:14px;font-weight:400;padding:1%;margin-bottom:5px;border-bottom: 0px dotted #EEE;}


.editer2Box ol li{list-style:decimal outside;}

ol {
        list-style-type: decimal;
    }

ol li{padding:10px 10px;}

/* sub menu*/
#smenuBox {position: relative;padding-bottom:0px;margin-bottom:0px;width:210px;}
#smenuBox dl {position: relative;margin:0; padding-left:0px;}
#smenuBox dt {text-align:left;padding: 108px 0 10px 1px;border-bottom:3px solid #444;margin-bottom:20px;}
#smenuBox dt p.tl{font-family:NotoKrM;font-size:1.6em;font-weight:600;color:#000; padding: 0;margin:0;letter-spacing: -1pt;}
#smenuBox dt p.eng{font-size:12px;font-weight:100;color:#9cafd1;line-height:22px;height:22px; padding:0 0 2px 0px;margin:0;}

#smenuBox dd {position: relative;vertical-align:middle;padding:0; margin:0;border-bottom:1px solid #ededed;}
#smenuBox dd a{line-height:31px; padding:5px 5px 5px 20px;margin-right:10px;color: #444;font-weight: normal;text-decoration:none;display:block;font-size:14px;}
#smenuBox dd:hover {background: #fff;}
#smenuBox dd:hover a {color: #3d73cd; background:url("img/current_ico.png") no-repeat scroll right center transparent;}
#smenuBox dd.sel {background: #2e7ec2;}
#smenuBox dd.sel a {font-weight: bold;color: #FFF;letter-spacing:0;background:url("img/current_ico.png") no-repeat scroll right center transparent;}


/* sub menu*/
#smenuBox1 {position: relative;padding-bottom:0px;margin-bottom:0px;}
#smenuBox1 dl {position: relative;margin:0; padding-left:0px;}
#smenuBox1 dt {margin:0;text-align:left;height:118px;padding: 65px 0 0px 15px;background: url("/images/jm/lnb_tit_bg.gif") no-repeat;}
#smenuBox1 dt p.tl{font-family:NotoKrM;font-size:1.6em;font-weight:100;color:#FFF; padding: 0;margin:0;letter-spacing: -1pt;}
#smenuBox1 dt p.eng{font-size:13px;font-weight:100;color:#9cafd1;line-height:22px;height:22px; padding:0 0 6px 3px;margin:0;}

#smenuBox1 dd {position: relative;vertical-align:middle;padding:0; margin:0;border-bottom:1px solid #ededed;}
#smenuBox1 dd a{line-height:31px; padding:7px 5px 7px 20px;margin-right:10px;color: #444;font-weight: normal;text-decoration:none;display:block;font-size:14px;}
#smenuBox1 dd:hover {background: #fff;}
#smenuBox1 dd:hover a {color: #3d73cd; background:url("img/current_ico.png") no-repeat scroll right center transparent;}
#smenuBox1 dd.sel {background: #2e7ec2;}
#smenuBox1 dd.sel a {font-weight: bold;color: #FFF;letter-spacing:0;background:url("img/current_ico.png") no-repeat scroll right center transparent;}

#smenuBox1 dd ul {display: none;}
#smenuBox1 dd.sel ul {display: block;position: relative;margin: 0; padding: 5px 0; border:0;background-color: #e9f2fc;}
#smenuBox1 dd.sel ul li {text-align: left; padding-left:20px;margin:0;white-space:nowrap;}
#smenuBox1 dd.sel ul li a {display: block; height: 26px; line-height: 26px; padding: 0px 0px 0px 20px;margin:0; color: #444; font-size:12px;font-weight: normal;background-image: none;}
#smenuBox1 dd.sel ul li a:hover {color: #444;background-color:#fff;}
#smenuBox1 dd.sel ul li.sel a {font-weight: bold;color: #fff;background-color:#3d73cd;}

.popStyle{position:absolute;margin:0;padding:0;z-index:999;border:1px #222 solid;overflow: hidden;background-color:#FFF;}
.popStyle .pfooter{position:absolute;margin:0;padding:2px 2%;bottom:0;left:0;background-color:#222;width:96%;color:#FFF;}
.popStyle .pfooter a{color:#FFF;display: inline-block;font-size:12px;}