@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'NotoSansKR';
  src: url('https://image.whox2.com/home/font/NotoSansKR-Light-Hestia.woff');
  src: url('https://image.whox2.com/home/font/NotoSansKR-Light-Hestia.eot?#iefix') format('embedded-opentype'),
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NotoSansKR_b';
  src: url('https://image.whox2.com/home/font/NotoSansKR-Bold-Hestia.woff');
  src: url('https://image.whox2.com/home/font/NotoSansKR-Bold-Hestia.eot?#iefix') format('embedded-opentype'),
  font-weight: normal;
  font-style: normal;
}

*{margin:0;padding:0;}
li {list-style:none;}
fieldset, img {border:none;}
legend {display:none;}
body {font-family:'NotoSansKR';color:#242d3b;font-size:20px;}
a {color:#242d3b;text-decoration:none;}
h1 {font-size:0px;}

header {width:100%;padding:15px 0 20px;position:fixed;z-index:500;margin:0 auto;background:#fff;}
header .h_wrap {width:860px;margin:0 auto;height:30px;}
header .h_wrap h1 {width:60px;height:0;display:inline-block;float:left;margin-top:-7px;}
header .h_wrap ul.top_menu {width:450px;margin:0 auto;text-align:center;}
header .h_wrap ul.top_menu li {padding-top:5px;display:inline-block;width:130px;font-size:18px;}
header .h_wrap ul.top_menu li a:hover {font-weight:bold;text-decoration:underline;}

nav {position:fixed;bottom:25px;z-index:500;width:100%;}
nav dl {width:1280px;margin:0 auto;font-size:16px;}
nav dl .site_wrap {float:right;width:180px;}
nav dt {width:180px;height:38px;overflow:hidden;border:1px solid #242d3b;}
nav dt a {padding:6px 15px;display:block;background:#fff;height:100%;}
nav dt a:hover {background:#f7f7f7;}
nav dt a span {float:right;}
nav .site_drop_wrap {position:fixed;bottom:67px;border:1px solid #242d3b;display:none;}
nav .site_drop_wrap dd {width:180px;height:38px;overflow:hidden;}
nav .site_drop_wrap dd a {padding:6px 15px;display:block;background:#fff;height:100%;}
nav .site_drop_wrap dd a:hover {background:#f7f7f7;}

a.pop_con_close {float:right;}

#news_pop {width:100%;height:100%;z-index:500;display:table;position:fixed;background:rgba(0, 0, 0, .40);}
#news_pop .news_pop_wrap {display:table-cell;vertical-align:middle;}
#news_pop .news_pop_wrap .news_pop_con {width:820px;background:#fff;margin:0 auto;padding:20px;}
#news_pop .news_pop_wrap .news_pop_con dl {padding:0 30px 30px;}
#news_pop .news_pop_wrap .news_pop_con dt {font-size:25px;font-family:'NotoSansKR_b';}
#news_pop .news_pop_wrap .news_pop_con dt span {width:40px;height:6px;background:#6dc6ff;display:block;margin:37px 0 -20px;}
#news_pop .news_pop_wrap .news_pop_con dd.pop_date {font-size:19px;color:#aab7c2;margin-top:5px;}
#news_pop .news_pop_wrap .news_pop_con dd.txt {font-size:18px;margin-top:30px;max-height:400px;overflow-y:auto;}

#careers_pop {width:100%;height:100%;z-index:500;display:table;position:fixed;background:rgba(0, 0, 0, .40);}
#careers_pop .careers_pop_wrap {display:table-cell;vertical-align:middle;}
#careers_pop .careers_pop_wrap .careers_pop_con {width:820px;background:#fff;margin:0 auto;padding:20px;}
#careers_pop .careers_pop_wrap .careers_pop_con dl {padding:0 30px 30px;}
#careers_pop .careers_pop_wrap .careers_pop_con dt {font-size:25px;font-family:'NotoSansKR_b';}
#careers_pop .careers_pop_wrap .careers_pop_con dt span {width:40px;height:6px;background:#6dc6ff;display:block;margin:37px 0 -20px;}
#careers_pop .careers_pop_wrap .careers_pop_con dd {font-size:18px;margin-top:30px;max-height:400px;overflow-y:auto;}

#main_img {width:100%;height:1040px;top:80px;background:url(https://image.whox2.com/who&com/co_main_bg.png) center;text-align:center;}
#main_img h2 {color:#fff;font-size:80px;font-weight:normal;padding-top:470px;}

#aboutus .skew_01 {width:100%;height:600px;transform:skewY(-10deg);-ms-transform:skewY(-10deg);-webkit-transform:skewY(-10deg);-moz-transform:skewY(-10deg);-o-transform:skewY(-10deg);background:#fff;margin-top:-170px;z-index:0;}
#aboutus #a1 {width:100%;z-index:100;position:relative;margin-top :-600px;}
#aboutus .about_wrap {z-index:100;position:relative;width:860px;margin:160px auto 0;}
#aboutus .about_wrap h3 {font-size:70px;font-weight:normal;margin-bottom:30px;}
#aboutus .about_wrap p {font-size:18px;}
#aboutus .about_wrap p .about_tit {font-size:28px;}
#aboutus .about_wrap p.txt_02 {width:420px;display:inline-block;vertical-align:top;}
#aboutus .about_wrap p.txt_02 .line {width:40px;height:6px;background:#6dc6ff;display:block;margin:70px 0 20px;}
 
#news .skew_02 {width:100%;height:800px;transform:skewY(-10deg);-ms-transform:skewY(-10deg);-webkit-transform:skewY(-10deg);-moz-transform:skewY(-10deg);-o-transform:skewY(-10deg);background:#6d788d;margin-top:150px;z-index:0;}
#news #a2 {width:100%;z-index:100;position:relative;margin-top:-930px;}
#news .news_wrap {z-index:100;position:relative;width:860px;margin:180px auto 0;color:#fff;height:540px;}
#news .news_wrap h3 {font-size:70px;font-weight:normal;margin-bottom:40px;text-align:right;}
#news .news_board {border-top:3px solid #fff;}
#news .news_board li {border-bottom:1px solid #b6bcc6;overflow:hidden;}
#news .news_board li a {color:#fff;width:800px;height:100%;display:block;padding:18px 30px;}
#news .news_board li a:hover {background:#646f84;}
#news .news_board li a span.tit {width:670px;display:inline-block;}
#news .news_board li a span.date {float:right;font-size:16px;color:#b6bcc6;}
#news .page {width:800px;margin:30px auto 0;text-align:center;}
#news .page li {display:inline;padding:8px;color:#fff;font-size:19px;}
#news .page li.page_on {font-family:'NotoSansKR_b';color:#6dc6ff;}
#news .page li img {padding:1px 5px;}

#careers #a3 {width:100%;z-index:100;position:relative;height:5px;margin-top:215px;}
#careers .careers_wrap {z-index:100;position:relative;width:860px;margin:150px auto 0;}
#careers .careers_wrap h3 {font-size:70px;font-weight:normal;}
#careers .careers_wrap ol {background:url(https://image.whox2.com/who&com/recruit_img.png) center no-repeat;height:255px;text-align:center;margin:30px 0;}
#careers .careers_wrap ol li {display:inline-block;width:206px;padding-top:120px;font-size:22px;}
#careers .careers_board {border-top:3px solid #242d3b;}
#careers .careers_board li {border-bottom:1px solid #ced9e2;overflow:hidden;}
#careers .careers_board li a {width:800px;height:100%;display:block;padding:18px 30px;}
#careers .careers_board li a:hover {background:#f7f7f7;}
#careers .careers_board li a span.tit {width:600px;display:inline-block;}
#careers .careers_board li a span.date {float:right;font-size:16px;color:#919fae;padding-top:3px;}
#careers .careers_board li.none {border-bottom:1px solid #ced9e2;padding:18px 30px;text-align:center;color:#919fae;}
#careers .page {width:800px;margin:30px auto 0;text-align:center;}
#careers .page li {display:inline;padding:8px;font-size:19px;}
#careers .page li.page_on {font-family:'NotoSansKR_b';color:#6dc6ff;}
#careers .page li img {padding:1px 5px;}

.bottom {width:100%;text-align:center;padding-top:20px;margin:100px auto 50px;font-size:12px;color:#919fae;border-top:1px solid #e7ebf1;}