@charset "utf-8";

@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css); 
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700);

/* common */
body{margin:0;padding:0;font-size:12px;font-family:'Nanum Barun Gothic', sans-serif;line-height:120%;color:#555; display:block}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
section { display: block}
img,fieldset{border:0; vertical-align:middle;}
hr{ display:none;}
table,th,td{border:none;border-collapse:collapse;}
ul,ol,dl{list-style:none;}
optgroup,em,address{font-style:normal;}
td img{vertical-align:middle;}
label{cursor:pointer;}

/* link */
a:link,a:visited {color:#555;text-decoration:none;}
a:hover,a:active,a:focus{color:#888;text-decoration:none;}

/* form */
form ul{list-style:none;}
form legend{display:none;}
select{vertical-align:middle; border:1px solid #ddd;padding:5px}
input{vertical-align:middle;}
input[type="checkbox"]{ border:none;}
input[type="text"]{vertical-align:middle;  border:1px solid #ddd; text-indent:10px}
input[type="password"]{vertical-align:middle;}
input[type="file"]{vertical-align:middle; padding:2px 0}
input[type="image"]{vertical-align:middle;}
input[type="button"]{vertical-align:middle; padding:0 5px;}
input[type="submit"]{vertical-align:middle; padding:0 5px;} 
textarea{border:1px solid #c8c8c8;}
.hidden,legend,caption{position:absolute;height:0;overflow:hidden;font-size:0;line-height:0;visibility:hidden;width:0;}

.mgt5{margin-top:5px}
.mgt10{margin-top:10px}
.mgt15{margin-top:15px}
.mgt20{margin-top:20px}
.mgt30{margin-top:30px}
.mgt25{margin-top:25px}

.mgr5{margin-right:5px}
.mgr10{margin-right:10px}
.mgr25{margin-right:25px}
.mgr50{margin-right:50px}

.mgl5{margin-left:5px}
.mgl10{margin-left:10px}
.mgl25{margin-left:25px}
.mgl50{margin-left:50px}


.mgb5{margin-bottom:5px}
.mgb10{margin-bottom:10px}
.mgb15{margin-bottom:15px}
.mgb20{margin-bottom:20px}
.mgb25{margin-bottom:25px}
.mgb30{margin-bottom:30px}
.mgb40{margin-bottom:40px}
.mgb50{margin-bottom:50px}
.mgb70{margin-bottom:70px}

.pab00{ padding-bottom:0px}
.pab10{padding-bottom:10px}
.pab15{padding-bottom:15px}
.pab25{padding-bottom:25px}
.pab50{padding-bottom:50px}

.pat10{padding-top:10px}
.pat15{padding-top:15px}
.pat20{padding-top:20px}
.pat30{padding-top:30px}

.pal5{padding-left:5px}
.pal10{padding-left:10px}
.pal25{padding-left:25px}

.par5{padding-right:5px}
.par10{padding-right:10px}
.par25{padding-right:25px}

/*btn*/
button {display:inline-block; margin-bottom: 0;  text-align: center; vertical-align: middle; 
       -ms-touch-action: manipulation; touch-action: manipulation;cursor: pointer; background-image:none; border: 1px solid transparent;white-space: nowrap; padding:8px 15px; font-size:12px;
       -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius:3px}

.btn {display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; 
       -ms-touch-action: manipulation; touch-action: manipulation;cursor: pointer; background-image:none; border: 1px solid transparent;white-space: nowrap; padding:8px 15px; font-size:12px;
       -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius:3px}

.btn_basic {background:#464b4e; color:#FFF !important}
.btn_R {background:#ee4054; color:#FFF !important}
.btn_O {background:#ff8a00; color:#FFF !important}
.btn_w {background:#fff; border:1px solid #ddd; padding:4px 10px}
.btn_B {background:#5acad8; color:#FFF !important}
.btn_sm { font-size:12px; padding:2px 5px; line-height:110%}
.btn_big { font-size:16px; font-weight:bold; padding:10px 18px; width:100%; border-radius:0px}

span.label { display:inline-block; background:#ff8a00; font-size:11px;border-radius:3px; padding:2px 5px; color:#fff}

header { width:1250px; margin:0 auto; height:92px; position:relative }
header h1 { float:left; width:190px;} 
header .lang { position:absolute; top:33px; right:0;}

#menuwrap{float:left; height:52px; position:relative; margin:0 0 0 216px; padding-top:40px; overflow:hidden;width:728px; font-family:"Source Sans Pro",sans-serif; }
#menuwrap h2{ display:none}
#menuwrap ul { padding-left:0px;  }
#menuwrap li{float:left; padding:0 29px; height:51px; font-weight:bold; font-size:15px;}
#menuwrap li.cle{ background:none}
#menuwrap li a:focus,
#menuwrap li a:hover{ text-decoration:none}
#menuwrap li ul{ position:absolute; top:65px; visibility:hidden; height:45px;}
#menuwrap li ul#sub1{left:0; width:728px; }
#menuwrap li ul#sub2{left:0px; width:728px; padding-left:150px}
#menuwrap li ul#sub3{left:0px; width:728px; padding-left:415px}
#menuwrap li ul#sub4{left:0px; width:728px;padding-left:0px}
#menuwrap li ul li{float:left; padding:0; height:45px; line-height:100%;  font-weight:normal; font-size:12px;}
#menuwrap li ul li a{color:#555; font-size:12px; height:30px; padding:5px 15px 0 15px; display:inline-block;font-weight:bold;}
#menuwrap li ul li a:visited{ text-decoration:none;}
#menuwrap li ul li a:hover,
#menuwrap li ul li a:focus,
#menuwrap li ul li a:active{color:#ce0000; text-decoration:none;}
#menuwrap span.tra { position: absolute; top:0; right:0}


footer { background:#f3f3f3; height:65px; width:100%; text-align:center; clear:both; padding-top:40px; line-height:150%}
footer span { padding:0 10px}

.mainBig { width:100%; height:527px; background:#535a63 url(/images/main/big_img.jpg) 50% 0 no-repeat}
.mainBig .maiinBigBx { width:1250px;  margin:0 auto; font-family:"Source Sans Pro",sans-serif;}

#McontWrap {width:100%; height:346px; background: url(/images/main/bg.gif) 0 0 repeat-x }
#McontWrap .Mcont {width:1250px; margin:0 auto; background:#fff; padding:32px 0 0 38px; height:436px;}
#McontWrap .Mcont .cont01 { width:348px; border-right:1px solid #eee; padding-right:50px; margin-bottom:54px; margin-right:50px; float:left }
#McontWrap .Mcont .cont01 h3 { font-weight:bold; color:#222; font-size:20px; margin:30px 0 16px 0}
#McontWrap .Mcont .cont01 span { color:#767676; font-size:13px; display:inline-block; margin-bottom:34px} 
#McontWrap .Mcont .cont01 a.more { text-align:right; display:block; border-bottom:1px solid #eee; padding-bottom:10px;}

#McontWrap .Mcont .cont02 { width:282px;float:left; }
#McontWrap .Mcont .cont02  h3 { font-size:19px; font-weight:bold; color:#222; padding-top:10px; margin-bottom:30px;}
#McontWrap .Mcont .cont02  h3 b { color:#cf0000}
#McontWrap .Mcont .cont02 .cont02_1 { background:url(/images/main/cont_03.gif) 100% 100% no-repeat; border-bottom:1px solid #ddd;  height:174px; position:relative}
#McontWrap .Mcont .cont02 .cont02_1 span { display:block; }
#McontWrap .Mcont .cont02 .cont02_1 a { position:absolute; bottom:15px} 
#McontWrap .Mcont .cont02 .cont02_2 { background:url(/images/main/cont_04.gif) 100% 100% no-repeat; border-bottom:1px solid #ddd; height:154px; position:relative}
#McontWrap .Mcont .cont02 .cont02_2 span { display:block;}
#McontWrap .Mcont .cont02 .cont02_2 a { position:absolute; bottom:15px} 

#contWrap{ width:100%; background:url(/images/comm/sub_bg.gif) 0 0 repeat-x} 
#contWrap .contbox { width:1250px; margin:0 auto}
#contWrap .contbox .lnb { width:255px;  float:right; }
#contWrap .contbox .content { width:955px; float:left; padding-top:40px; margin-bottom:100px; line-height:200%;  font-size:14px; }

.path { padding:10px 0 10px 23px; background:url(/images/comm/ic_home.gif) 0 9px no-repeat; font-family:돋움 !important; font-size:11px;}

/*LNB*/
#leftwrap { float:left; width:255px; margin-bottom:100px; }
#leftwrap #ckmpMenu {margin-left:0; padding:0; }
#leftwrap #ckmpMenu h2{ width:255px; color:#333; padding:40px 0; font-size:26px;font-family:"Source Sans Pro",sans-serif; border-bottom:1px solid #eee; white-space:nowrap; }
#leftwrap #ckmpMenu ul.cm1{padding:0; list-style:none; margin:0px; width:255px;}
#leftwrap #ckmpMenu ul.cm1 li.cm1{ border-bottom:1px solid #eee; font-weight:bold ; background:url(/images/comm/lnb_ic_off.gif) 12px 50% no-repeat ;}
#leftwrap #ckmpMenu ul.cm1 li.cm1 span.lf{display:block; }
#leftwrap #ckmpMenu ul.cm1 li.cm1 span.lf_over{display:block; font-weight:bold; color:#666; }
#leftwrap #ckmpMenu ul.cm1 li.cm1 span.lf_over a{display:block;font-weight:bold; color:#fff; font-size:15px; padding:12px 0 12px 40px;width:215px; background:#ce0002   url(/images/comm/lnb_ic_on.gif) 12px 50%  no-repeat;}

#leftwrap #ckmpMenu ul.cm1 li.cm1 a.cm1{padding:12px 0 12px 40px;display:block; color:#666; font-size:15px;}
#leftwrap #ckmpMenu ul.cm1 li.cm1 a.cm1:hover{padding:12px 0 12px 40px;display:block;font-weight:bold; color:#fff; font-size:15px;text-decoration:none;background:#ce0002 url(/images/comm/lnb_ic_on.gif) 12px 50%  no-repeat; }
#leftwrap #ckmpMenu ul.cm1 li.cm1 a.cm1_over{padding:12px 0 12px 40px;display:block; color:#fff; font-size:15px; text-decoration:none;background:#ce0002 url(/images/comm/lnb_ic_on.gif) 12px 50% no-repeat;}

#leftwrap #ckmpMenu ul.cm2{padding:10px 0;list-style:none;font-size:12px; background:#fff;}
#leftwrap #ckmpMenu ul.cm2 li.cm2{ }
#leftwrap #ckmpMenu ul.cm2 li.cm2 a.cm2{padding:5px 0px 5px 40px;display:block;width:215px;color:#666; background:none }
#leftwrap #ckmpMenu ul.cm2 li.cm2 a.cm2:hover{padding:5px 0px 5px 40px;display:block;width:215px;color:#ce0002; text-decoration:none; font-weight:bold; background: url(/images/comm/lnb_bar.gif) 15px 50% no-repeat;}
#leftwrap #ckmpMenu ul.cm2 li.cm2 a.cm2_over{padding:5px 0px 5px 40px;display:block;width:215px;color:#ce0002;  text-decoration:none;font-weight:bold;  background: url(/images/comm/lnb_bar.gif) 15px 50% no-repeat;}

h3.st {font-size:30px; color:#000; margin:20px 0 0 0 ;  border-bottom:1px solid #ddd; height:76px; background:url(/images/comm/h3_bg.gif) 100% 100% no-repeat}

.about { padding-top:40px;}
.about p { margin-bottom:30px}
.about p.tx18 {font-size:18px;}
.about p.tx18 strong { color:#ce0002}
.about span { display:block; text-align:right; margin-top:100px}

.his { width:100%;}
.his table { width:100%;}
.his table th { padding:10px 0; border-bottom:1px solid #ddd; background:url(/images/th_line.gif) 100% 100%  no-repeat}
.his table th:last-child  { background:none}
.his table td {line-height:28px; padding:5px 0 }
.his table td.year {font-size:30px; vertical-align:top; color:#000; background:url(/images/td_bar.gif) 0 0  no-repeat; padding-top:15px;}
.his table td.line  {background:url(/images/dot.gif) 0 50% repeat-x; padding:10px 0}

.part { float:left; padding-top:40px}
.part li{ float:left; margin-right:15px; margin-bottom:30px}
.part li.cle { margin-right:0px;}

.map { padding-top:40px;}
.map h4 {font-size:30px;color:#000; background:url(/images/td_bar.gif) 0 0  no-repeat; font-weight:normal; padding-top:15px; margin-bottom:50px;}
.map dl { margin-top:40px;}
.map dl dt { float:left; width:61px; background:url(/images/dot2.gif) 0 50% no-repeat; padding-left:15px}
.map dl dd {float:left; width:879px;}

.pro {padding-top:40px;}
.pro h4 {font-size:30px;color:#000; background:url(/images/td_bar.gif) 0 0  no-repeat; font-weight:normal; padding-top:15px; margin-bottom:20px;}
.pro ul.pList { margin-bottom:50px;}
.pro ul.pList li { background:url(/images/dot2.gif) 0 11px no-repeat; padding-left:15px}

.ci {padding-top:40px;}
.ci ul { margin-top:80px}
.ci ul li { float:left; width:231px; margin-right:10px; }
.ci ul li:last-child  { margin-right:0px}
.ci ul li h4 { font-size:16px; color:#333; background:url(/images/ic_h4.gif) 0 5px no-repeat; padding-left:15px; margin-bottom:15px }
.ci ul li a { display:block; text-align:center; margin-top:10px;}

.arti {padding-top:40px;}
.arti h4 {font-size:30px;color:#000;background:url(/images/td_bar.gif) 0 0  no-repeat;font-weight:normal;padding-top:15px;margin-bottom:30px;}
.arti ul {border:1px solid #eee; float:left; width:100%; border-right:none}
.arti ul li { width:278.333333333333px; float:left; background:url(/images/arti_bg.gif) 100% 100% no-repeat; height:280px; padding:0 20px; font-size:12px; line-height:160%}
.arti ul li:last-child {background:url(/images/arti_bg2.gif) 100% 100% no-repeat;width:277.333333333333px;border-right:1px solid #eee;}
.arti ul li span { color:#ce0002; display:inline-block; margin:30px 0; font-size:20px}
.arti ul li a { display:block; height:220px;}