@charset "utf-8";

#wrap{max-width:1920px;margin:0 auto;}

/*header*/
#header{position:fixed;top:0;left:0;width:100%;z-index:9000; height:90px;overflow:hidden;background:#fff;box-shadow:0px 1px 0 rgba(0,0,0,0.1); }
#header_line{border-top:1px solid #0e4283;position:absolute;top:90px;left:0;width:100%;}
#header_wrap{position:relative;max-width:1200px;margin:0 auto; height:90px;}

#header_wrap h1.logo{position:absolute;width:168px;height:36px;top:28px;left:0;background:url(../img/logo.png) no-repeat 0 0;text-indent:-9999px;z-index:100;}
#header_wrap h1.logo a{display: block;width:100%;height:100%;}
#open_m_menu{display:block;position:absolute;top:20px;right:20px;width:50px;height:50px;background:url(../img/btn_m_menu.png) no-repeat center center;background-size:40px 40px;text-indent:-9999px;overflow:hidden;display:none;}

#gnb{padding:0 0 0 255px;position:relative;}

#gnb ul.menu{font-size:0;}
#gnb ul.menu>li{position:relative;display:inline-block;vertical-align:top;}
#gnb ul.menu>li>a{display:block;font-size:17.2px;color:#333;letter-spacing:-0px; line-height:90px; font-weight:500;padding:0 35px;text-align: center;}
#gnb ul.menu>li>a:hover{color:#004BAB;}
#gnb ul.menu>li>a.selected{color:#004BAB;  }
#gnb ul.menu li .submenu{}
#gnb ul.menu li ul{padding-top:26px;border-left:1px solid #ededed;min-height:318px;height:100%}
#gnb ul.menu li:first-child ul{border-left:none;}
#gnb ul.menu li ul li{text-align:center;}
#gnb ul.menu li ul li a{display:block;line-height:16px;padding:8px 0;color:#666;font-size:14.2px;letter-spacing:-1px;font-weight:500;}
#gnb ul.menu li ul li a:hover{color:#004BAB; }
#gnb ul.menu li ul li a.selected{color:#004BAB;}
#gnb ul.menu li ul li a span{letter-spacing:0;}

#language{position:absolute;top:24px;right:0;width:86px;letter-spacing: 0px;border:1px solid #d4d4d4;}
#language>a{position:relative;display:block;width:100%;line-height:36px;font-size: 12.4px;color:#555;font-weight:400;background:url(../img/icon_language.png) no-repeat 9px 11px;padding-left:29px;}
#language .lang_icon {height:100%;font-size:11px;color:#555;line-height:32px;text-align:center;position:absolute;top:-2px;right:10px}
#lang_list{display:none;}
#lang_list ul{}
#lang_list ul li{border-top:1px solid #d4d4d4;background-color:#fff;}
#lang_list ul li a{display:block;font-size:13px;line-height:36px;font-weight:400;text-align:center;}
#lang_list ul li a:hover{color:#004BAB;}

#top_gap{padding-top:90px;}

@media screen and (max-width:1280px){
	#header_wrap{width:96%;}
	#gnb{width:auto;}
}

@media screen and (max-width:1240px) {
	#gnb ul.menu{text-align:center;}
	#gnb{padding:0 0 0 50px;}
	#gnb ul.menu li ul{border-left:none;}
	#gnb ul.menu>li>a{padding: 0 32px;}
}

@media screen and (max-width:1100px) {
	#header_wrap h1.logo {width:140px;height:33px;background-size:100%;top:30px}
	#gnb ul.menu>li>a{padding: 0 25px;}
}

@media screen and (max-width:960px) {
	#header{height:70px !important;overflow:visible !important;}
	#header_line{display:none;}
	#header_wrap{width:auto;height:70px;}
	#header_wrap h1.logo{width:128px;height:30px;top:21px;left:15px;background:url(../img/logo.png) no-repeat 0 0;background-size:100%;}
	#open_m_menu{display:block;top:10px;right:85px;z-index:10;}

	#gnb{padding:0;position:absolute;top:67px;left:0;width:100%;display:none;}
	#gnb ul.menu{background-color:#084EA4;}
	#gnb ul.menu>li{display:block;background:url(../img/icon_m_open.png) no-repeat 15px 20px;background-size:20px 20px;}
	#gnb ul.menu>li.selected{background:url(../img/icon_m_close.png) no-repeat 15px 20px;background-size:20px 20px;}
	#gnb ul.menu>li>a{font-size:21px;color:#fff;letter-spacing:-0px;text-align:left;line-height:60px;padding:0 0 0 45px;border-bottom:1px solid #1c5dab;}
	#gnb ul.menu>li>a:hover{color:#fff;}
	#gnb ul.menu>li>a.selected{color:#33d6ff;}
	#gnb ul.menu>li:hover .submenu{border-top:0px solid #faa619;}
	#gnb ul.menu>li.first{background:none; padding-left: 0px;}
	#gnb ul.menu>li.last{padding-right:0;}
	#gnb ul.menu li .submenu{display:none;background-color:#1c5dab;border-top:none;margin-top:0;}
	#gnb ul.menu li ul{padding-top:0;min-height:auto;height:auto}
	#gnb ul.menu li ul::after {display:block;height:0;clear:both;content:".";visibility:hidden}
	#gnb ul.menu li ul li{display:inline-block;float:left;width:calc(100% / 2);text-align:left;height:45px;}
	#gnb ul.menu li ul li a{line-height:45px;color:#fff;font-size:16.2px;border-bottom:1px solid #2f6ab2;border-right:1px solid #2f6ab2;padding:0 0 0 20px;}
	#gnb ul.menu li ul li:nth-child(2n) {border-right:0}
	#gnb ul.menu li ul li a br{display:none;}
	#gnb ul.menu li ul li:last-child a{border-bottom:none;}
	#gnb ul.menu li ul li a:hover{color:#fff; }
	#gnb ul.menu li ul li a.selected{color:#33d6ff;}

	#language{top:18px;right:14px;width:70px;}
	#language>a{line-height:27px;font-size:11px;background:url(/img/icon_language.png) no-repeat 7px 8px;background-size:11px 11px;padding-left:22px;}
	#language .lang_icon {font-size:10px;line-height:23px;}
	#lang_list ul li a{font-size:11px;line-height:30px;}

	#top_gap{padding-top:70px;}
}


/*footer*/
#footer{background-color:#303a47;  }
#footer_wrap{position:relative;padding:45px 0 45px;color:#92959a;font-size:14.2px;font-weight:300;line-height:24px;letter-spacing:0;}
#footer_wrap .footer_con{position:relative;padding-left:150px;}
#footer_wrap .footer_con .footer_logo{position:absolute;top:6px;left:0;width:122px;height:36px;background:url(../img/logo_footer.png) no-repeat 0 0;text-indent:-9999px;overflow:hidden;}
#footer_wrap a{color:#999;}
#footer_wrap .address span{font-weight:500;padding-right:4px;}

#family_site{position:absolute;top:0px;right:0;width:150px;border:1px solid #4a505d;background-color: #383f4d;z-index:2;}
#family_site .family_wrap{position:relative;}
#family_site .family_wrap>a{display:block;line-height:30px;padding:0 15px;font-size:13px;background-image:url(../img/footer_family_arrow2.png);background-repeat:no-repeat;background-position:126px center;color:#8c9098;}
#family_site .family_wrap ul{position:absolute;bottom:30px;left:-1px;background-color:#383f4d;width:150px;border:1px solid #4a505d;display:none;}
#family_site .family_wrap ul li{}
#family_site .family_wrap ul li a{display:block;padding-left:15px;line-height:30px;font-size:13px;}
#family_site .family_wrap ul li a:hover{background-color:#9fa9bd;color:#303a47;}

#btn_go_top{position:fixed;bottom:20px;right:20px;z-index:30;width:50px;height:50px;overflow:hidden;display:none;}
#btn_go_top:hover{opacity:0.6;}

@media screen and (max-width:1160px) {
	#family_site{display:none;}
}	

@media screen and (max-width:920px) {
	#footer_wrap{padding:30px 0 30px;line-height:20px;font-size:13.6px;text-align:center;}
	#footer_wrap .footer_con{padding-left:0;}
	#footer_wrap .footer_con .footer_logo{display:none;}
	#btn_go_top{bottom:0px;right:0px;width:0;height:0;overflow:hidden;}
}	


/*본문공통*/
#container{position:relative;width:100%;}

#sub_visual{position:relative;top:0;width:100%;height:268px;text-align:center;}
#sub_visual p{font-size:13px;font-weight:300;line-height:17px;color:#fff;opacity:0.6;letter-spacing:1.4px;padding:86px 0 5px;opacity:0}
#sub_visual h2{font-size:48px;line-height:54px;font-weight:500;letter-spacing:-1px;color:#fff;}

#sub_visual.overview{background:url(../img/sub/bg_visual01.jpg) no-repeat center center;background-size:cover;}
#sub_visual.product{background:url(../img/sub/bg_visual02.jpg) no-repeat center center;background-size:cover;}
#sub_visual.ir{background:url(../img/sub/bg_visual03.jpg) no-repeat center center;background-size:cover;}
#sub_visual.recruit{background:url(../img/sub/bg_visual04.jpg) no-repeat center center;background-size:cover;}
#sub_visual.ad{background:url(../img/sub/bg_visual05.jpg) no-repeat center center;background-size:cover;}
#sub_visual.cs{background:url(../img/sub/bg_visual06.jpg) no-repeat center center;background-size:cover;}


#lnb{border-bottom:1px solid #e5e5e5;}
#lnb .lnb_wrap{width:1200px;margin:0 auto;border-right:1px solid #e5e5e5;position:relative;font-weight:400;}
#lnb .lnb_wrap span.lnb_slogan{position:absolute;top:13px;right:15px;font-size:11.8px;letter-spacing:-0.4px;color:#999;}
#lnb .lnb_ul>li{float:left;position:relative;border-right:1px solid #e5e5e5;width:230px;}
#lnb .lnb_ul>li a.cur{display:block;line-height:50px;padding-left:20px;font-size:15px;color:#333;background:url(../img/lnb_arrow_down.gif) no-repeat 200px center;cursor:pointer;}

#lnb .lnb_ul>li.home{width:60px;border-left:1px solid #e5e5e5;}
#lnb .lnb_ul>li.home a{display:block;height:50px;line-height:50px;font-size:0;text-indent:-9999px;overflow:hidden;background:url(../img/icon_home.png) no-repeat center center;}
#lnb .lnb_ul>li.home:hover{background-color:#eee;}
#lnb .lnb_ul>li ul{position:absolute;top:50px;left:-1px;width:231px;z-index:10;display:none;}
#lnb .lnb_ul>li ul li{border:1px solid #e5e5e5;border-top:none;background-color:#fff;}
#lnb .lnb_ul>li ul li.first{border-top:1px solid #e5e5e5;}
#lnb .lnb_ul>li ul li a{display:block;line-height:50px;font-size:15px;color:#444;padding-left:23px;}
#lnb .lnb_ul>li ul li a:hover{color:#004BAB;}
#lnb .lnb_ul>li ul li a.txt_long {letter-spacing:-0.07em}

#content{min-height:800px;padding-bottom:130px;}
#content::after {display:block;height:0;content:".";clear:both;visibility:hidden}
#page_title{padding:85px 0 0;}
#page_title h3{font-size:43px;line-height:48px;font-weight:600;color:#222;letter-spacing:-1px;}
#page_title p{font-size:23px;line-height:33px;color:#444;padding-top:12px;letter-spacing:-0.3px;}
#page_title p span{color:#0e83ea;}
.sub_line{width:60px;border-top:1px solid #2284e7;margin:40px 0 50px;}
.no_sub_line{padding-top:40px;}
.no_sub_line2{padding-top:60px;}

@media screen and (max-width:1220px) {
	#lnb .lnb_wrap{border-right:none;}
	#lnb .lnb_wrap span.lnb_slogan{display:none;}

	#lnb .lnb_wrap{width:100%;}
	#lnb .lnb_ul>li.home{border-left:none;}
}


@media screen and (max-width:768px) {
	#sub_visual{height:180px;text-align:center;}
	#sub_visual p{display:none;}
	#sub_visual h2{font-size:35px;line-height:40px;text-indent:0px;padding-top:72px;}

	#sub_visual.recruit{background:url(../img/sub/bg_visual05.jpg) no-repeat 70% center;background-size:cover;}

	#lnb .lnb_ul>li{width:210px;}
	#lnb .lnb_ul>li.home{width:50px;}
	#lnb .lnb_ul>li a.cur{background-position:180px center;}
	#lnb .lnb_ul>li ul{width:211px;}

	#content{min-height:400px;padding-bottom:80px;}
	#page_title{padding:40px 0 0;text-align:left;}
	#page_title h3{font-size:29px;line-height:34px;}
	#page_title p{font-size:19px;line-height:27px;padding-top:8px;letter-spacing:-0.4px;}
	#page_title p br{display:none;}
	.sub_line{width:40px;margin:27px 0 30px;}
	.no_sub_line{padding-top:40px;}
	.no_sub_line2{padding-top:40px;}
}

@media screen and (max-width:480px) {
	#sub_visual{height:120px;}
	#sub_visual h2{font-size:25px;line-height:27px;padding-top:46px;}

	#lnb .lnb_ul>li{width:50%;}
	#lnb .lnb_ul>li.dep1{width:37%;}
	#lnb .lnb_ul>li a.cur{padding-left:13px;background:url(../img/lnb_arrow_down.gif) no-repeat 92% center;letter-spacing:-1px;}
	#lnb .lnb_ul>li.home{width:13%;}
	#lnb .lnb_ul>li.home a{background:url(../img/icon_home.png) no-repeat center center;}
	#lnb .lnb_ul>li ul{width:101%;}
	#lnb .lnb_ul>li ul li a{padding-left:13px;}
	#lnb .lnb_ul>li ul li a.txt_long {padding:11px 0 11px 13px;line-height:1.5;word-break:break-word}

	#content{min-height:300px;padding-bottom:50px;}
	#page_title{padding:30px 0 0;}
	#page_title h3{font-size:23px;line-height:27px;}
	#page_title p{font-size:16.2px;line-height:23px;padding-top:8px;}
	.sub_line{width:25px;margin:22px 0 25px;}
	.no_sub_line{padding-top:30px;}
	.no_sub_line2{padding-top:30px;}
}




/* 레이어팝업 */
#layer_popup {width:100%;margin:0 auto;position:absolute;left:auto;top:auto;z-index:8999}
#layer_popup li {display:inline-block;max-width:100%;margin:5px 0 0 2px;border:1px solid #ccc;vertical-align:top;position:absolute}
#layer_popup li:first-child {margin-left:auto}
#layer_popup .bt_area {text-align:center}
#layer_popup .bt_area::after {display:block;height:0;content:".";clear:both;visibility:hidden}
#layer_popup .bt_area a {display:inline-block;float:left;padding:8px 0;font-size:15px;color:rgba(255,255,255,0.8);background:#222}
#layer_popup .bt_area a:hover {color:#fff;background-color:#0d5ea6}
#layer_popup a.bt_today {width:calc(100% / 2 + 55px);border-right:1px solid rgba(255,255,255,0.2)}
#layer_popup a.bt_close {width:calc(100% / 2 - 55px)}

@media screen and (max-width:1200px) {
	#layer_popup ul {width:100%;position:relative}
}
@media screen and (max-width:768px) {
	#layer_popup ul {left:auto}
	#layer_popup li {width:400px;left:1.9%;top:5px}
}
@media screen and (max-width:480px) {
	#layer_popup li {width:calc(100% - 2px);margin:0;left:1px}
	#layer_popup .img_area img {width:100%}
	#layer_popup .bt_area a {padding:7px 0;font-size:14px}
}