@charset "utf-8";

@media all and (max-width:1440px){
/***** common *****/	
.al_box {max-width:1240px; height:auto; margin:0 auto; position:relative;}

/***** header
#header {width:100%; padding:0; background:#fff url(../../images/eng/common/header_bg.gif) repeat-x left top; position:relative;}	
 *****/
 
/***** container *****/
#main_container {width:100%; height:auto; position:relative; margin:0px auto 0 auto;}
#container {width:100%; height:auto;}	

/***** footer *****/
#footer {width:100%; padding:0 0; height:auto; background:#fff url(../../images/eng/common/footer_bg.gif) repeat-x left top; position:relative;}
}




@media all and (max-width:1280px){
/***** common *****/	
.al_box {max-width:98%; height:auto; margin:0 1%; position:relative;}

/***** sub visual *****/
#sub_visual {width:98%; margin:20px auto 0px auto; }
.sub_bg {width:100%; overflow:hidden;}
.sub_bg .slogon {width:37%; }

/***** container *****/
#container .line_bg {background-position:1.5% top;}

/***** footer *****/
.sns_link {right:1%;}
.relate_site {right:1%;}
}

@media all and (max-width:1100px){
#lnb h2 { font-size:29px;}
}

@media all and (max-width:1000px){
/***** common *****/	
.al_box {max-width:96%; height:auto; margin:0 2%; position:relative;}	
	
/***** header *****/	
#header {background:#fff; border-bottom:1px solid #dcdcdc; height:77px;}
#header .al_box {display:none;}	
#gnb {display:none;}
.gnb_bg{display:none;}
#rwd_header {display:block; position:relative; z-index:1;}
#rwd_header h1 {width:235px; height:29px; position:absolute; left:50%; margin-left:-127px; top:27px;}
#rwd_header h1 a {display:block; width:235px; height:29px;}	
#rwd_header .gnb_btn {left:2%; top:18px; width:42px; height:40px; border:1px solid #d2d2d2; /*-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;*/ position:absolute; background:#fff;}
#rwd_header .gnb_btn a {display:block; width:42px; height:40px; display:block; background:url(../../images/eng/common/rwd_gnb.jpg) no-repeat center top;}
#rwd_header .gnb_btn a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
#rwd_header .search_btn {right:2%; top:18px; width:42px; height:40px; border:1px solid #d2d2d2; /*-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;*/ position:absolute; background:#fff;}
#rwd_header .search_btn a {display:block; width:42px; height:40px; display:block; background:url(../../images/eng/common/rwd_search.jpg) no-repeat center top;}
#rwd_header .search_btn a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
#rwd_header .search_input {background:url(../../images/kor/common/rwd_search_bg.png) repeat; height:38px; position:absolute; z-index:998; width:96%; top:77px; display:none; padding:10px 2%;}
#rwd_header .search_input label {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
#rwd_header .search_input input[type="text"] {background:#fff; width:80%; height:38px; border:0; float:left; line-height:38px; padding:0 10px; font-size:13px;}
#rwd_header .search_input input[type="image"] {float:left;}
#rwd_header .search_input .close_btn {display:block; width:48px; height:38px; background:url(../../images/eng/common/rwd_search_btn_close.jpg) no-repeat; position:absolute; right:2%; top:10px;}
.rwd_gnb {position:absolute; top:0px; left:-80%; width:80%; background:#292e38;}
.rwd_gnb h2, .rwd_gnb h3 {margin:0px; padding:0px; font-weight:normal;}
.rwd_gnb h2 a {display:inline-block; width:96%; height:47px; padding-left:4%; line-height:47px; border-top:1px solid #494c54; background:#292e38 url(../../images/eng/common/rwd_gnb_depth1_bul.gif) no-repeat 94% 20px; color:#fff; border-bottom:1px solid #292e35; font-size:16px; text-decoration:none;}
.rwd_gnb h2.on a {background:#cd4110 url(../../images/eng/common/rwd_gnb_depth1_bul_ov.gif) no-repeat 94% 20px;}
.rwd_gnb .depth1 {margin-top:26px; background:none; border-top:1px solid #292e35;}
.rwd_gnb .depth2,
.rwd_gnb .depth3 {display:none;}
.rwd_gnb .depth2 li h3 a {display:inline-block; text-decoration:none; vertical-align:top; width:92%; height:auto; padding:8px 0 8px 8%; line-height:20px; color:#fff; background:#23252b url(../../images/eng/common/rwd_depth2_off.gif) no-repeat 4% 13px; border-bottom:1px solid #31353c; font-size:14px;}
.rwd_gnb .depth2 li h3.on a {background:#26282e url(../../images/eng/common/rwd_depth2_on.gif) no-repeat 4% 13px;}
.rwd_gnb .depth3 {background:#010101;}
.rwd_gnb .depth3 li:first-child {padding-top:8px;}
.rwd_gnb .depth3 li:last-child {padding-bottom:8px;}
.rwd_gnb .depth3 li {font-size:0.938em;}
.rwd_gnb .depth3 li a {display:inline-block; text-decoration:none; vertical-align:top; width:86%; padding:5px 0 5px 14%; height:auto; color:#a9aaad; line-height:18px; background:#010101 url(../../images/eng/common/rwd_gnb_depth3_bul.gif) no-repeat 10% 12px; font-size:13px;}
.rwd_gnb .depth3 li a[target="_blank"] {}
.rwd_gnb .depth3 li.on a {font-weight:600;}
.rwd_kor a{ display:block; padding:15px 6%; ine-height:30px; background:#1e222a url(../../images/eng/common/rwd_korea.gif) no-repeat 4.5% 22px; color:#7391ae;}

/***** sub visual *****/
.sub_bg {max-width:98%; margin:0px 1%;}
	
/***** container *****/
#main_container #contents {width:100%; height:auto; float:none; margin:0 0;}
#container .line_bg {background:none;}	
#contents {width:100%; height:auto; float:none; margin:0;}
.line_box {border:0; border-bottom:0; background:#fff; padding:0 0 20px 0;}
.top_btn {display:none;}	

/** left menu **/
#lnb {display:none;}
	
/** location **/
.location dl {position:absolute; right:3%; top:9px;}
.location dd.pr {display:none;}		
h3.cont_title {font-size:32px; line-height:32px; margin:0; padding:40px 3% 40px 3%; width:auto;}
.content {width:94%; height:auto; padding:0 3%; min-height:300px;}
	
/***** footer *****/
.footer_rwd_btn {width:100%; height:30px; padding:10px 0; display:block; position:relative;}
.footer_rwd_btn span.btn {border:1px solid #949494; display:block; width:78%;}
.footer_rwd_btn span.btn a {display:block; background:#6a6a6a url(../../images/eng/common/footer_bul2.gif) no-repeat 96% 50%; color:#ffa800; height:28px; line-height:28px; padding:0 3%; text-decoration:none;}

.footer_rwd {position:absolute; left:0; bottom:0px; width:94%; background:#787878; padding:0 3%; display:none; z-index:101;}
.footer_rwd .close_btn {display:block; width:31px; height:31px; background:url(../../images/eng/common/footer_m_btn.gif) no-repeat; float:right; margin:-21px 0 15px 0;}
.footer_rwd .close_btn span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.site_box {display:none;}
#footer {width:100%; padding:0 0; height:auto; background:#fff url(../../images/eng/common/footer_bg.gif) repeat-x left top; position:relative;}	
#footer .al_box {max-width:100%; padding:0; margin:0;}
.family_site dd a {color:#fff; padding:0 10px; display:block;}
.footer_m {padding:10px 0 0 0;}
.footer_m li {background:url(../../images/eng/common/footer_bul.gif) no-repeat left 15px; margin-right:25px; padding:0 0 0 10px;}
.footer_m li:first-child {background:url(../../images/eng/common/footer_bul.gif) no-repeat left 15px;}
.footer_m li a {display:block; padding:5px 0; color:#fff;}
#footer .infor {border-top:1px solid #e7e7e7; padding:25px 0 30px 170px; background:url(../../images/eng/common/footer_logo.jpg) no-repeat 2% 25px;}
.footer_rwd_btn {padding-left:2%; width:98%;}
.footer_rwd_btn span.btn {width:70%;}
.family_site {height:auto; padding:10px 0 10px 0; border-bottom:1px solid #8f8f8f;}
.family_site:after {content:""; display:block; clear:both;}
.family_site dt {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.family_site dd {float:left; width:auto; background:url(../../images/eng/common/footer_bul.gif) no-repeat left 15px; margin-right:25px; padding:0 0 0 10px;}
.family_site dd a {color:#fff; padding:5px 0; display:block; width:auto;}
.sns_link {right:2%;}
}



@media all and (max-width:940px){
/***** footer *****/	
#footer .infor {border-top:1px solid #e7e7e7; padding:25px 0 30px 170px; background:url(../../images/eng/common/footer_logo.jpg) no-repeat infor 25px;}	
.relate_site {position:absolute; left:0; top:0;}
}

@media all and (max-width:800px){
/***** sub visual *****/
.sub_bg .map{ position:absolute; top:50px; right:0%; width:140px; background-size:90%;}
.sub_bg .slogon { top:40px; width:40%; height:90px; padding:15px 0 0 3%; font-size:30px; line-height:30px; }
.sub_bg .slogon span { font-size:14px; }
}

@media all and (max-width:710px){
/**** location ****/
.location ul {width:85%;}

}

@media all and (max-width:700px){	
#rwd_header .search_input input[type="text"] {width:76%;}
/***** common *****/	
.al_box {max-width:100%; height:auto; margin:0 auto; position:relative; padding:0 0;}
 
/***** container *****/
#main_container #contents { width:96%; margin:0 auto;}
#container {width:96%; height:auto; padding:0 2% 0 2%; position:relative;}
.line_box {background:#fff; padding:0 0 20px 0;}

/** location **/
.content {width:92%; height:auto; padding:0 4%;}	
	
/***** footer *****/
#footer {width:100%; padding:0; height:auto; position:relative;}
.sns_link {top:10px; right:2%;}		
#footer .infor {border-top:1px solid #e7e7e7; padding:15px 3% 20px 3%; background:none;}
}

@media all and (max-width:620px){
#rwd_header .search_input input[type="text"] {width:70%;}	
	
/** location **/
.location_home { display:none;}
.location { background:none;}
.location ul {float:none; width:80%;}
.location ul li.last{/*float:no; clear:both;*/}
.location ul .dep2 {width:auto;}
.location ul .dep2 a{ width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

/***** sub visual *****/
.sub_bg .slogon { font-size:25px; line-height:25px; }
.sub_bg .slogon span { font-size:14px; }

.footer_rwd_btn span.btn {border:1px solid #949494; display:block; width:60%;}
}


@media all and (max-width:480px){
/***** header *****/	
#rwd_header h1 {width:200px; height:25px; position:absolute; left:50%; margin-left:-100px; top:27px;}	
#rwd_header h1 a {width:200px; height:25px;}
#rwd_header h1 a img {width:200px; height:25px;}
#rwd_header .search_input input[type="text"] {width:60%;}
	
/***** sub visual *****/
.sub_bg .slogon {width:50%;  padding:15px 0 0 3%; font-size:25px; }
.sub_bg .slogon span {font-size:14px; }
	 
/***** container *****/
.map{ display:none;}

/** location **/
.location { width:100%; padding-right:0;}
.location ul li a { height:auto;}
h3.cont_title {font-size:30px; line-height:30px; margin:0; padding:30px 3% 30px 3%; width:auto;}	

/***** footer *****/	
.footer_rwd_btn span.btn {border:1px solid #949494; display:block; width:55%;}	
}