@charset "utf-8";
#gnb ul.gnb_menu li.login, #gnb ul.gnb_menu li.allmenu { display:none; }
#data_control { display:none; }
header { background:url('/foreign/images/inc/header_bg.jpg') repeat-x left top; }
header #gnb { height:43px; background:#fdfdfd; }
header #gnb ul.gnb_menu li.lang>a { height:23px; font-weight:400; }
header #gnb ul.family { display:none; }
header #top { height:129px; }
header #top>div { position:relative; }
header #top h1 { position:absolute; z-index:999; top:0; left:0; }
header #top h1 a { display:block; padding:48px 0; width:162px; background:#3960a9; text-align:center; }
header #top nav { float:right; width:80%; }
header #top nav #lnb>li { position:relative; float:left; width:25%; }
header #top nav #lnb>li>a { display:block; padding:31px 0; color:#555555; font-size:16px; text-align:center; }
header #top nav #lnb>li>a:hover, header #top nav #lnb>li.select>a, header #top nav #lnb>li>a.select { color:#3960a9; font-weight:700; text-decoration:none; }
header #top nav #lnb .submenu { display:none; position:absolute; z-index:10; top:85px; width:100%; height:308px; padding-top:20px; }
header #top nav #lnb>li:hover .submenu { background:#17243b; }
header #top nav #lnb .submenu:after { display:block; position:absolute; z-index:3; content:''; top:2px; right:0; width:0px; height:100%; border-left:1px solid #0b1425; border-right:1px solid #334566; }
header #top nav #lnb #submenu1:before { display:block; position:absolute; z-index:3; content:''; top:2px; left:0; width:0px; height:100%; border-left:1px solid #0b1425; border-right:1px solid #334566; }
header #top nav #lnb .submenu li a { display:block; padding:6px 13%; color:#ffffff; font-size:15px; letter-spacing:0.5px; }
header #top nav #lnb .submenu li a:hover { font-weight:700; letter-spacing:0px; }
header .submenu_bg { position:absolute; z-index:5; display:none; width:100%; height:330px; background:#24324c; }
#gnb ul.gnb_menu > li.sns { display:block !important; margin-left:15px; }
#gnb ul.gnb_menu > li.sns:after { display:none; }
#gnb ul.gnb_menu > li.sns li { float:left; padding:5px 0 0 2px; }


footer { margin-top:60px; padding-bottom:40px; background:#262c38; }
footer p.tit, footer h3 { color:#ffffff; font-size:16px; font-weight:600; }
footer #banner_zone { padding:15px 0; color:#ffffff; background:#313743; }
footer #banner_zone>div { position:relative; }
footer #banner_zone h3 { position:absolute; z-index:3; line-height:36px; } 
footer #bannerList { margin-left:230px; overflow:hidden; white-space:nowrap; }
footer #bannerList li { display:inline-block; margin-left:10px; }
footer #bannerList li:first-child { margin-left:0px; }
footer #bannerList li a { display:block; padding:5px 10px; color:#bbbcbe; background:#262c38; border:1px solid #171d28; font-size:14px; }
footer #bannerList li a:hover { color:#ffffff; background:#000000; }
footer .btn_banner { position:absolute; z-index:5; top:7px; left:128px; overflow:hidden; }
footer .btn_banner li { float:left; }
footer .btn_banner li a { display:block; margin-left:2px; width:23px; height:23px; background-repeat:no-repeat; background-position:left top; text-indent:-9999px; }
footer .btn_banner li.btn_prev a { background-image:url('/foreign/images/inc/ban_prev.png'); }
footer .btn_banner li.btn_stop a { background-image:url('/foreign/images/inc/ban_pause.png'); }
footer .btn_banner li.btn_play a { background-image:url('/foreign/images/inc/ban_play.png'); }
footer .btn_banner li.btn_next a { background-image:url('/foreign/images/inc/ban_next.png'); }
footer #btm_info p.tit { padding:30px 0 20px 0; }
footer #btm_info>div { position:relative; }
footer #btm_info address { color:#9d9fa2; }
footer #btm_info address span { margin-left:20px; font-weight:600; }
footer #btm_info p.copyright { color:#9d9fa2; }
footer #btm_info .btm_sns { overflow:hidden; position:absolute; z-index:10; top:34px; right:0;  }
footer #btm_info .btm_sns li { margin-left:2px; float:left; }
footer #btm_info .btm_sns li a { display:block; width:50px; height:50px; background-color:#1d2330; background-repeat:no-repeat; background-position:center; text-indent:-9999px; transition:all 0.3s ease; }
footer #btm_info .btm_sns li.btm_sns01 a { background-image:url('/foreign/images/inc/btm_sns01.png'); }
footer #btm_info .btm_sns li.btm_sns02 a { background-image:url('/foreign/images/inc/btm_sns02.png'); }
footer #btm_info .btm_sns li.btm_sns03 a { background-image:url('/foreign/images/inc/btm_sns03.png'); }
footer #btm_info .btm_sns li a:hover { background-color:#000000; }
footer #btm_info .btm_sns li.btm_sns01 a:hover { background-image:url('/foreign/images/inc/btm_sns01_ov.png'); }
footer #btm_info .btm_sns li.btm_sns02 a:hover { background-image:url('/foreign/images/inc/btm_sns02_ov.png'); }
footer #btm_info .btm_sns li.btm_sns03 a:hover { background-image:url('/foreign/images/inc/btm_sns03_ov.png'); }


/*****************************************************************************************************************************************************************************************/ 

@media all and (min-width:1200px) {

}

@media all and (max-width:1199px) {
	footer { margin-top:30px; }
	footer #banner_zone>div, footer #btm_info>div { padding:0 10px; }
	footer #btm_info .btm_sns { top:15px; right:10px; }

}

@media all and (max-width:950px) {
	header #top nav #lnb>li>a { padding:18px 0; }
	header #top nav #lnb .submenu li a { padding:5px 10%; font-size:14px; }
}

@media all and (min-width:769px) {

}

@media all and (max-width:768px) {
	header #top { height:121px; }
	header #top h1 { z-index:30; top:44px; width:100%; }
	header #top h1 a { padding:20px 0 15px 0; width:100%; }
	header nav h2 { position:absolute; z-index:40; right:0; }
	header nav h2 a { display:block; width:77px; height:77px; background:#1a3b79 url('/foreign/images/inc/menu_btn.gif') no-repeat center; text-indent:-9999px; }
	header #top nav { float:none; width:100%; }
	header #top nav #lnb { position:absolute; z-index:20; width:100%; top:120px; } 
	header #top nav #lnb>li { float:none; width:100%; }
	header #top nav #lnb>li>a { padding:15px 10px; color:#3960a9; background:#ffffff; border-bottom:1px solid #dddddd; text-align:left; font-weight:bold; }
	header #top nav #lnb .submenu { position:static; padding-top:0px; height:auto; background:#f0f0f0 !important; }
	header #top nav #lnb>li:hover .submenu { background:#f0f0f0 !important; }
	header #top nav #lnb .submenu:after, header #top nav #lnb #submenu1:before { display:none; }
	header #top nav #lnb .submenu li a { padding:8px 15px; color:#333333; border-bottom:1px solid #dddddd; }
	#gnb ul.gnb_menu > li.sns { display:none !important; }

	footer #banner_zone { display:none; }
}

@media all and (max-width:640px) {
}

@media all and (max-width:480px) {

}