@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;
}
@font-face {
  font-family: 'NotoSansKR_t';
  src: url('https://image.whox2.com/home/font/NotoSansKR-Thin-Hestia.woff');
  src: url('https://image.whox2.com/home/font/NotoSansKR-Thin-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;}
html {height:100%;}
body {font-family:'NotoSansKR';color:#242d3b;font-size:20px;height:100%;}
a {color:#242d3b;text-decoration:none;}
h1 {font-size:0px;}


/* header.html */
header {width:100%;background:#fff;background:rgba(255, 255, 255, .90);height:80px;box-shadow:0 2px 0 rgba(36, 45, 59, .20);position:fixed;z-index:100;}

header .h_wrap {width:1140px;margin:0 auto;display:table;middle;height:80px;}
header .h_wrap h1.top_h {text-align:left;display:table-cell;width:170px;vertical-align:middle;height:80px;}
header .h_wrap ul.device {display:table-cell;vertical-align:middle;}
header .h_wrap ul.device li#and {margin-top:10px;width:90px;text-align:center;overflow:hidden;font-size:15px;height:25px;float:left;}
header .h_wrap ul.device li#ios {margin-top:10px;width:90px;text-align:center;overflow:hidden;font-size:15px;height:25px;float:left;}
header .h_wrap ul.device li#pc {margin-top:10px;width:90px;text-align:center;overflow:hidden;font-size:15px;height:25px;float:left;}

header .h_wrap ul.device li.and_on {background:#3883ff;border-top-left-radius:5px;border-bottom-left-radius:5px;}
header .h_wrap ul.device li.and_on a {color:#fff;display:block;}
header .h_wrap ul.device li.and_off {background:#eff3f8;border-top-left-radius:5px;border-bottom-left-radius:5px;}
header .h_wrap ul.device li.and_off a {color:#919fae;display:block;}
header .h_wrap ul.device li.and_off a:hover {background:#3883ff;height:100%;color:#fff;}

header .h_wrap ul.device li.ios_on {background:#3883ff;border-top-right-radius:5px;border-bottom-right-radius:5px;}
header .h_wrap ul.device li.ios_on a {color:#fff;display:block;}
header .h_wrap ul.device li.ios_off {background:#eff3f8;border-left:1px solid #fff;border-top-right-radius:5px;border-bottom-right-radius:5px;}
header .h_wrap ul.device li.ios_off a {color:#919fae;display:block;}
header .h_wrap ul.device li.ios_off a:hover {background:#3883ff;height:100%;color:#fff;}

header .search_box {display:table-cell;width:435px;text-align:right;vertical-align:middle;}
header .search_code {width:65px;height:40px;border-radius:3px;text-align:center;border:1px solid #c6d2dd;background:#fff;}
header .search_code .countrycode {font-size:22px;width:100%;height:100%;padding-top:2px;display:block;cursor:pointer;}
header .code_drop_wrap {display:none;width:431px;height:110px;text-align:left;background:#fff;font-size:18px;overflow-y:scroll;border:1px solid #c6d2dd;margin-top:10px;border-radius:3px;}
header .code_drop li {line-height:18px;height:20px;padding:8px 15px;}
header .code_drop li:hover {background:#eff3f8;}
header .code_drop li a {width:100%;display:block;height:100%;}
header .code_drop li a span {font-size:17px;color:#919fae;}
header .search_input {float:right;width:360px;height:40px;border-radius:3px;overflow:hidden;border:1px solid #c6d2dd;}
header .search_input input {font-family:'NotoSansKR';font-size:18px;width:290px;height:100%;border:none;float:left;padding-left:15px;}
header .search_input button {width:55px;height:100%;background:#3883ff;border:none;}
header .search_input button img {padding-top:3px;}