@charset "UTF-8";


#header{height:80px;width:100%;background:url("../images/common/nav_bg_line.png") repeat-x #fff;border:0;position:fixed;left:0;right:0;transition:all .5s;-webkit-transition:all .5s;z-index:1000;}
	#header .logo { background:url("../images/common/logo.png") no-repeat; background-size:183px auto; height:42px; left:73px; position:absolute; top:18px; width:184px; z-index:10; }
	#header .logo a { display:block; height:100%; }

#gnb{position:absolute;width:880px;left:50%;top:0;margin-left:-440px}
#gnb > ul{overflow:hidden;height:80px;transition:all .5s;-webkit-transition:all .5s;}
#gnb > ul:after {clear:both;content:"";display:block;}
#gnb > ul > li{float:left;}
#gnb > ul > li > a{display:block;height:80px;line-height:80px;color:#000;font-size:17px;text-align:center;}

#gnb .depth2{top:30px;position:relative;}
	#gnb .depth2:after { background-color:#ddd; content:""; height:180px;left:0; position:absolute; top:0; width:1px; }
#gnb .depth2 li+li{margin-top:15px;}
#gnb .depth2 li a{padding-left:20px;width:145px;display:block;font-size:15px;color:#000;}
#gnb .depth2 li a:hover{color:#e3007f;}

#header .gnb_sns{display:none;position:absolute;top:110px;right:160px;text-align:center;transition:all .5s;-webkit-transition:all .5s;}
#header .gnb_sns>p{margin-bottom:10px;font-size:16px;font-family:"ngb";color:#e3007f;}
#header .gnb_sns>a{display:inline-block;margin:0 5px;width:35px;height:35px;background:url("../images/common/ico_sns_bg.png") no-repeat;}
#header .gnb_sns>a.sns01{background-position:0 0;}
#header .gnb_sns>a.sns02{background-position:-45px 0;}
#header .gnb_sns>a.sns03{background-position:-90px 0;}
#header .gnb_sns>a.sns04{background-position:-135px 0;}
#header .gnb_sns>a:hover.sns01{background-position:0 -35px;}
#header .gnb_sns>a:hover.sns02{background-position:-45px -35px;}
#header .gnb_sns>a:hover.sns03{background-position:-90px -35px;}
#header .gnb_sns>a:hover.sns04{background-position:-135px -35px;}

	#header .lang_sel_btns { font-size:0; position:absolute; right:260px; text-align:right; top:33px; }
	#header .lang_sel_btns a { color:#000; display:inline-block; font-family:"ngb"; font-size:13px; margin-left:15px; padding-bottom:3px; }
	#header.ismain .lang_sel_btns a { color:#fff; }
	#header.on .lang_sel_btns a { color:#000; }
	#header.ismain .lang_sel_btns a:hover,
	#header.ismain .lang_sel_btns a.on { border-bottom:2px solid #fff; }
	#header .lang_sel_btns a:hover,
	#header .lang_sel_btns a.on,
	#header.on .lang_sel_btns a:hover,
	#header.on .lang_sel_btns a.on { border-bottom:2px solid #000; }

#header .util{position:absolute;right:0;top:0;font-size:0;}
#header .util button{display:inline-block;width:80px;height:80px;background:url("../images/common/btn_allmenu.png") center no-repeat;border:0;vertical-align:top;}
#header .util a{display:inline-block;width:80px;height:80px;line-height:80px;font-size:13px;color:#fff;text-align:center;vertical-align:top;}
#header .util a.btn_recruit{background-color:#909090;}
#header .util a.btn_weone{background-color:#555;}

	#header.on { height:330px; }
#header.on #gnb > ul{height:320px;}
#header.on .gnb_sns{display:block;}

.main #header{background:url("../images/common/nav_bg_line.png") repeat-x #fff;border:0;}
.main #header .logo{background:url("../images/common/logo.png") no-repeat;background-size:183px auto;}
.main #header #gnb > ul > li > a{color:#000;}
.main #header .util a{color:#000;}

.inner{width:1200px;margin:auto;position:relative;}

#container{}

#footer{padding:40px 0 50px;position:relative;background-color:#111;z-index:1;}
.tomoon_sitemap{margin-bottom:40px;}
.tomoon_sitemap:after {clear:both;content:"";display:block;}
	.tomoon_sitemap ul { border-left:1px solid #414141; float:left; height:210px; width:200px; }
.tomoon_sitemap ul:last-child{border-right:1px solid #414141;}
	.tomoon_sitemap ul li { padding-left:30px; }
.tomoon_sitemap ul li:first-child{margin-bottom:15px;}
.tomoon_sitemap ul li+li{margin-top:10px;}
.tomoon_sitemap ul li a{color:#fff;font-size:13px;}

.address{padding-top:40px;padding-left:180px;position:relative;border-top:1px solid #414141;}
.address .logo{width:156px;height:36px;position:absolute;left:0;top:50px;background:url("../images/common/logo_w.png") no-repeat;background-size:156px auto;}
.address address{color:#fff;font-size:13px;font-style:normal;line-height:1.4;}
.address .copy{color:#fff;font-size:13px;}

.f_gnb_sns{position:absolute;right:0;bottom:10px;text-align:center;}
.f_gnb_sns>a{display:inline-block;margin:0 5px;width:35px;height:35px;background:url("../images/common/f_ico_sns_bg.png") no-repeat;}
.f_gnb_sns>a.sns01{background-position:0 0;}
.f_gnb_sns>a.sns02{background-position:-45px 0;}
.f_gnb_sns>a.sns03{background-position:-90px 0;}
.f_gnb_sns>a.sns04{background-position:-135px 0;}

	.mb100 { margin-bottom:100px !important; }

	.mt20 { margin-top:20px !important; }
	.mt33 { margin-top:33px !important; }
	.mt50 { margin-top:50px !important; }
	.mt60 { margin-top:60px !important; }
	.mt87 { margin-top:87px !important; }
	.mt100 { margin-top:100px !important; }

	.pb110 { padding-bottom:110px !important; }

	.w500 { width:500px !important; }
	.w700 { width:700px !important; }


	/* 전체메뉴 */
	.all_menu_wrap { background:#f8f8f8; display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:1002; }
	.all_menu_close { background:url("../images/common/all_menu_close.png") no-repeat; display:block; height:25px; overflow:hidden; position:absolute; right:187px; text-indent:-20000px; top:28px; width:25px; z-index:1; }
	.all_menu_inner { height:100%; left:50%; margin:0 0 0 -600px; padding-top:127px; position:relative; width:1200px; }

	.all_menu_top { height:37px; position:relative; width:100%; }
	.all_menu_top h1.all_menu_logo { background:url("../images/common/all_menu_logo.png") no-repeat; display:block; height:55px; left:0; overflow:hidden; position:absolute; text-indent:-20000px; top:0; width:240px; }

	.all_menu_tabs { bottom:0; font-size:0; position:absolute; right:52px; text-align:left; }
	.all_menu_tabs a { border:1px solid #e3007f; display:inline-block; font-size:14px; font-weight:400; height:30px; line-height:28px; text-align:center; width:80px; }
	.all_menu_tabs a.recru { background:#fff; color:#e3007f; }
	.all_menu_tabs a.weone { background:#e3007f; color:#fff; }

	.all_menu_inner > nav { height:358px; margin-top:102px; }
	.all_menu_inner > nav > ul:after { clear:both; content:""; display:block; }
	.all_menu_inner > nav > ul > li { border-right:1px solid #dcdcdc; float:left; height:358px; width:200px; }
	.all_menu_inner > nav > ul > li:last-child { border-right:none; }

	.all_menu_inner > nav > ul > li > strong { color:#000; display:block; font-family:"Titillium Web", sans-serif; font-size:26px; font-weight:400; line-height:1; padding-left:24px; }
	.all_menu_inner > nav > ul > li > ul { margin-top:26px; }
	.all_menu_inner > nav > ul > li > ul > li { height:41px; margin-top:10px; }
	.all_menu_inner > nav > ul > li > ul > li:first-child { margin-top:0; }
	.all_menu_inner > nav > ul > li > ul > li > a { color:#555; display:block; font-size:16px; font-weight:400; height:41px; line-height:41px; padding-left:24px; }
	.all_menu_inner > nav > ul > li > ul > li > a:hover { background:#e3007f; color:#fff; }
	/* 전체메뉴 end */

@media screen and (max-width:1280px) {

	#header .logo { left:20px; }
	#header .gnb_sns { right:20px; }

}