@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;}
body {font-family:'NotoSansKR';color:#242d3b;font-size:14px;}
a, img {border:0;}
a {text-decoration:none;color:#242d3b;}
li {list-style:none;}
h1 {font-weight:normal;font-size:0px;}

header {width:100%;padding:10px 0 13px;position:fixed;z-index:500;margin:0 auto;background:#fff;}
header .h_wrap h1 {width:41px;height:0;display:inline-block;float:left;margin-left:18px;}
header .h_wrap ul.top_menu {width:230px;float:right;text-align:center;margin-right:8px;}
header .h_wrap ul.top_menu li {padding-top:5px;display:inline-block;width:65px;font-size:13px;float:right;}

#main_img {width:100%;height:600px;z-index:0;background:url(https://image.whox2.com/who&com/co_m_main_bg.png) center top no-repeat;background-size:100%;text-align:center;padding-top:54px;}
#main_img h2 {color:#fff;font-size:35px;font-weight:normal;line-height:40px;margin-top:320px;}

#aboutus .skew_01 {width:100%;height:200px;transform:skewY(-10deg);-webkit-transform:skewY(-10deg);-moz-transform:skewY(-10deg);-o-transform:skewY(-10deg);background:#fff;margin-top:-150px;z-index:0;}
#aboutus #a1 {width:100%;z-index:100;position:relative;margin-top:-260px;}
#aboutus .about_wrap {z-index:100;position:relative;padding:0 23px;margin-top:120px;}
#aboutus .about_wrap h3 {font-size:40px;font-weight:normal;margin-bottom:20px;}
#aboutus .about_wrap p {font-size:13px;}
#aboutus .about_wrap p .line {width:23px;height:4px;background:#6dc6ff;display:block;margin:40px 0 10px 0;}
#aboutus .about_wrap p .about_tit {font-size:17px;}


#news .skew_02 {width:100%;height:550px;transform:skewY(-10deg);-webkit-transform:skewY(-10deg);-moz-transform:skewY(-10deg);-o-transform:skewY(-10deg);background:#6d788d;margin-top:100px;z-index:0;}
#news #a2 {width:100%;z-index:100;position:relative;margin-top:-610px;}
#news .news_wrap {z-index:100;position:relative;color:#fff;padding:0 23px;margin-top:80px;height:420px;}
#news .news_wrap h3 {font-size:40px;font-weight:normal;margin-bottom:20px;text-align:right;}
#news .news_board {border-top:2px solid #fff;}
#news .news_board li {border-bottom:1px solid #99a1af;overflow:hidden;}
#news .news_board li a {color:#fff;height:100%;display:block;padding:13px 14px;}

#news .page {margin-top:23px;text-align:center;color:#b6bcc6;}
#news .page li {display:inline-block;}
#news .page .pre_btn {float:left;}
#news .page .num {color:#fff;font-family:'NotoSansKR_b';font-size:20px;}
#news .page .next_btn {float:right;}

#careers #a3 {width:100%;z-index:100;position:relative;height:5px;margin-top:55px;}
#careers .careers_wrap {z-index:100;position:relative;padding:0 23px;margin-top:110px;}
#careers .careers_wrap h3 {font-size:40px;font-weight:normal;}
#careers .careers_wrap ol {background:url(https://image.whox2.com/who&com/recruit_img_m.png) center no-repeat; background-size:298px 298px;height:298px;text-align:center;margin:15px 0 20px;}
#careers .careers_wrap ol li {display:inline-block;width:140px;padding-top:70px;height:75px;font-size:16px;}
#careers .careers_board {border-top:2px solid #242d3b;}
#careers .careers_board li {border-bottom:1px solid #ced9e2;overflow:hidden;}
#careers .careers_board li.none {border-bottom:1px solid #ced9e2;padding:13px 14px;text-align:center;color:#919fae;}
#careers .careers_board li a {height:100%;display:block;padding:13px 14px;}
#careers .careers_board li a .date {float:right;font-size:12px;color:#919fae;}

#careers .page {margin-top:23px;text-align:center;color:#919fae;}
#careers .page li {display:inline-block;}
#careers .page .pre_btn {float:left;}
#careers .page .num {font-family:'NotoSansKR_b';font-size:20px;color:#242d3b;}
#careers .page .next_btn {float:right;}

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


/* m_news.html */
header.h_wrap_news {width:100%;padding:13px 0 13px;position:fixed;z-index:300;background:#6d788d;}
header.h_wrap_news h1 {width:41px;height:0;display:inline-block;margin-left:18px;}
header.h_wrap_news a.re {display:inline-block;font-size:15px;float:right;margin-right:18px;color:#fff;}

#news_contents .news_contents_wrap {background:#6d788d;padding:80px 23px 50px;}
#news_contents .news_contents_wrap dt span {width:23px;height:4px;background:#6dc6ff;display:block;margin-bottom:-20px;}
#news_contents .news_contents_wrap dt {color:#fff;font-family:'NotoSansKR_b';font-size:20px;}
#news_contents .news_contents_wrap dd.date {color:#aab7c2;font-size:12px;}
#news_contents .skew_news {width:100%;height:100px;transform:skewY(-8deg);-webkit-transform:skewY(-8deg);-moz-transform:skewY(-8deg);-o-transform:skewY(-8deg);background:#fff;margin-top:-30px;z-index:0;}
#news_contents dd.news_txt {font-size:13px;margin-top:-80px;position:relative;z-index:100;padding:23px;margin-bottom:30px;}