@charset "utf-8";
* { margin:0; padding:0; }
html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,canvas,details,figcaption,summary,time,mark,audio,video,input,textarea,select { font-size:15px; }
.clearfix:after{display:block; content:''; clear:both; }
.margin_t5 { margin-top:5px; }
.margin_t10 { margin-top:10px; }
.margin_t20 { margin-top:20px; }
.margin_t30 { margin-top:30px; }
.margin_t40 { margin-top:40px; }
.margin_t70 { margin-top:70px; }

header { width:100%; border-bottom:1px solid #dcdcdc; background:#fff; z-index:99; }
header .gnb_menu { overflow:hidden; width:100%; background:#f2f2f2; }
header .gnb_menu p { float:left; background:#e0e0e0; padding:0.5% 1.5%; font-weight:400; }
header .gnb_menu ul { float:right; padding:0.5% 0; }
header .gnb_menu ul>li { position:relative; display:inline-block; }
header .gnb_menu ul>li::after, header .gnb_menu ul>li:after { display:block; position:absolute; left:0; top:35%; width:1px; height:10px; background:#dcdcdc; content:''; }
header .gnb_menu ul>li:first-child::after, header .gnb_menu ul>li:first-child:after { background:none; }
header .gnb_menu ul>li>a { display:block; padding-left:35px; padding-right:5px; }
header .gnb_menu ul>li.kor { background:url(/open_content/foreign/images/ic_kor.gif) no-repeat 13px center; }
header .gnb_menu ul>li.eng { background:url(/open_content/foreign/images/ic_eng.gif) no-repeat 13px center; }
header .gnb_menu ul>li.chi { background:url(/open_content/foreign/images/ic_chi.gif) no-repeat 13px center; }
header .gnb_menu ul>li.jap { background:url(/open_content/foreign/images/ic_jap.gif) no-repeat 13px center; }
header .nav>.wrapper { position:relative; background:#fff; }
header h1 { position:absolute; left:0px; top:8%; padding-left:60px; margin-top:10px; font-size:25px; color:#333; background:url(/open_content/main/images/main/logo_color.png) no-repeat left center; line-height:20px; font-weight:400; letter-spacing:-0.25px; }
header h1 span { display:block; font-size:15px; color:#656464; }
header h1 img { vertical-align:middle; margin-right:1%; }
header .nav { border-top:1px solid #dcdcdc; }
footer { /* position:absolute; bottom:0; */ width:100%; padding:25px 0; border-top:1px solid #dcdcdc; background:#fff; text-align:center; }
footer address { font-size:18px; color:#333; font-weight:400; }
footer p { margin-top:5px; }

#contents { width:100%; height:100%; }

@media screen and (min-width:769px){	
	body { overflow:hidden; }
	.pc_hidden, .pc_hidden * { display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important; }
	.wrapper { margin:0px auto; max-width:1100px; }
	header { overflow:hidden; position:fixed; top:0; height:115px; }
	header .nav>.wrapper { overflow:hidden; }
	header nav span { display:block; }
	header nav ul { float:right; width:80%; margin-top:18px; }
	header nav li { float:left; width:20%; text-align:left; }
	header nav li>a { font-size:18px; font-weight:400; color:#333; letter-spacing:-0.25px; }
	header nav li>a.on, header nav li>a:hover, header nav li>a:active { color:#0d6aca; }
	.container { position:fixed; top:115px; width:100%; height:88%; }
	#contents { position:absolute; top:0; overflow-y:scroll; }
}
@media screen and (max-width:768px){
	.mb_hidden, .mb_hidden * { display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important; }
	.wrapper { width:100%; }
	header .gnb_menu { width:96%; padding:0 2%; }
	header { position:relative; }
	header .nav>.wrapper { height:70px; }
	header h1 { position:absolute; left:2%; }	
	header h2 { position:absolute; top:50%; margin-top:-19px; width:38px; height:38px; }
	header h2 a { display:block; width:38px; height:38px; border:2px solid #333; border-radius:38px; text-indent:-50000px; }
	header h2 { right:2%; }
	header h2 a { background: url(/open_content/main/images/sub/mb_menu.gif) no-repeat center center; }
	header nav { width:100%; }
	header nav #lnb { position:absolute; top:70px; width:100%; border-bottom:1px solid #333; z-index:999; }
	header nav #lnb>li { width:100%; border-top:1px solid #333; background:#fff; }
	header nav #lnb>li>a { display:block; padding:10px; color:#333; text-align:center; font-size:15px; }
	footer { overflow:hidden; padding:10px 0; }
	footer address { font-size:14px; }
	footer p { font-size:13px; }
}