@charset "utf-8";

@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500|Roboto:300,400,500&display=swap");
/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css); */
@font-face {
    font-family: 'GmarketSansBold';
    /*src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');*/
}


/* common */
/*
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { 
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;
	font-family:"Roboto","Noto Sans KR",나눔고딕,"Nanum Gothic","Malgun Gothic",맑은고딕,굴림,돋움,"Dotum","sans-serif";font-weight:400;
	}
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { 
	margin:0; padding:0; outline:0; font-size:100%; vertical-align:baseline;
	font-family:"Roboto","Noto Sans KR",나눔고딕,"Nanum Gothic","Malgun Gothic",맑은고딕,굴림,돋움,"Dotum","sans-serif";font-weight:400;
	}

ul,li,a,td {font-family:"Roboto","Noto Sans KR",나눔고딕,"Nanum Gothic","Malgun Gothic",맑은고딕,굴림,돋움,"Dotum","sans-serif";font-weight:400;}

article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
i {font-style:normal;} 
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
/* table {border-collapse:collapse; border-spacing:0;}*/
li{list-style:none;}
legend  {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
img {border:0 none;}
body,th,td,input,select,textarea,button,
a {font-weight:400; font-family:'Roboto', 'NanumBarunGothic' , sans-serif; color:#666; text-decoration:none;}

.hidden {position:absolute; left:-9999px; top:-9999px; width:0; height:0; font-size:0; line-height:0;}

/* form reset */
input, select, textarea, button {border-radius:0; box-shadow:none;}
button, input[type="submit"] {cursor: pointer; border:0 none;}
input:focus, button:focus, select:focus, textarea:focus {outline:0;}
button::-moz-focus-inner {border:0 none; padding:0;}

label{cursor:pointer;}
input[type=checkbox] { cursor:pointer; }
input[type=radio] {cursor:pointer; } 


/*
@font-face {
 font-family: 'NanumBarunGothic';
 font-weight: 100;
 src: url(/assets/fonts/NanumBarunGothicUltraLight.eot);
 src: url(/assets/fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
      url(/assets/fonts/NanumBarunGothicUltraLight.woff) format('woff'),
      url(/assets/fonts/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-weight: 300;
 src: url(/assets/fonts/NanumBarunGothicLight.eot);
 src: url(/assets/fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
      url(/assets/fonts/NanumBarunGothicLight.woff) format('woff'),
      url(/assets/fonts/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-weight: 500;
 src: url(/assets/fonts/NanumBarunGothic.eot);
 src: url(/assets/fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
      url(/assets/fonts/NanumBarunGothic.woff) format('woff'),
      url(/assets/fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-weight: 700;
 src: url(/assets/fonts/NanumBarunGothicBold.eot);
 src: url(/assets/fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
      url(/assets/fonts/NanumBarunGothicBold.woff) format('woff'),
      url(/assets/fonts/NanumBarunGothicBold.ttf) format('truetype');
}
*/
/*--
@font-face {
 font-family: 'NanumBarunGothic';
 font-weight: 700;
 src: url(/assets/fonts/NanumBarunGothicBold.eot);
 src: url(/assets/fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
      url(/assets/fonts/NanumBarunGothicBold.woff) format('woff'),
      url(/assets/fonts/NanumBarunGothicBold.ttf) format('truetype');
}
*/
/*
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/


.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mt40 {margin-top:40px;}

.txtC {text-align:center;}
.sp1 {letter-spacing:-1px;}


/* header 
--------------------------------------------------------------------------------------*/
#header {width:100%;}

/*-------------???------------ */
.utils {overflow:hidden;width: 100%; height:70px;  min-width:1080px;position:relative;top:1px;}
.utils .header-utils  {float:right; padding-top:8px; padding-bottom:3px; box-sizing:border-box; }
.utils .header-utils ul {float:right; vertical-align:middle;}
.utils .header-utils ul li {float:left; margin-left:13px; letter-spacing:-0.5px;} 
.utils .header-utils ul li a {display:block; font-size:12px ; color:#444; box-sizing:border-box; }
.utils .header-utils ul li a strong {font-size:12px; font-weight:500;  color:#1764ab; line-height:1.7; }
.utils .header-utils li span.expire {background:#ff4200; border-radius:10px; padding:2px 7px; color:#fff;}
.utils .header-utils li span.expire2 {color:#444; font-weight:500;}

.utils .header-utils ul li a strong.my {font-size:12px; font-weight:500;  color:#1764ab; line-height:1.5;  }
.utils .header-utils ul li a strong.my2 {font-size:12px; font-weight:500;  color:#444; line-height:1.5;  }
.utils .header-utils ul li a span { font-size:12px;  font-weight:500; line-height:1.7; }
.utils .header-utils ul li:hover a {color:#3977ca;}
.utils .header-utils ul li a strong.login {font-size:12px; font-weight:500;  color:#1764ab; padding:3px 13px; background:#f1f5fa; border:solid 1px #a2b9da;} 
.utils .header-utils ul li a:hover strong.login {background:#347adc; border:solid 1px #347adc; color:#fff; padding:3px 13px;} 
.utils .header-utils ul li a strong.logout {font-size:12px; font-weight:500;  color:#666; padding:3px 6px; background:#fff; border:solid 1px #cccccc;}
.utils .header-utils ul li a:hover strong.logout {background:#f2f2f2; border:solid 1px #ccc; color:#666; } 
.utils .header-utils li.my-service {font-size:12px;  color:#444; box-sizing:border-box; }
.utils .header-utils li img {vertical-align:middle; margin-right:1px;}
.utils .header-utils li.my-service span.point {color:#ff4200; font-weight:600;}
.utils .header-utils li.my-service span.expire {background:#ff4200; border-radius:10px; padding:2px 7px; color:#fff;}
.utils .header-utils li.my-service span.expire2 {color:#444; font-weight:500;}


/*-------------logo------------ */
.header-logo {position:relative;float:left; width:100%; height:70px; box-sizing:border-box;  z-index:0; border: 0px solid #fe7e8a;}
.header-logo a {font-size:33px; font-weight:bold; position:absolute; top:-30px; left:20px; border: 0px solid #fe7e8a;}
.header-logo h1 {/* margin-bottom:15px; margin-right:20px; */float:left; margin-top:-8px;}
.header-logo h1 p {display:inline-block; padding-left:10px; padding-top:12px; font-size:13px; color:#444; font-weight:400; line-height:18px; letter-spacing:-1px; vertical-align:top;}
.header-logo h1 img {width:126px; vertical-align:bottom;}
.header-logo div.recruit {display:inline-block; margin-left:5px; font-size:15px; font-weight:600; vertical-align:text-bottom; letter-spacing:-0.5px; background:url('https://whois.co.kr/assets/images/common/icon_crown.png') no-repeat 135px 0px; padding-top:22px; }
.header-logo div.recruit strong {color:#347adc; font-weight:600; margin-right:2px;}
.header-logo div.recruit a {display:inline-block; text-decoration:underline; text-decoration-color: #347adc; padding:0 3px; font-weight:600; box-sizing:border-box; }
.header-logo div.recruit a:hover {color:#347adc; }

.logoText {position:absolute; left:170px; top:10px; width:500px; font-size:15px; font-weight:bold; border: 0px solid #fe7e8a;}
.logoDomain {position:absolute; left:40px; top:43px; font-size:14px;}
/*
.notice_board {position:absolute;height:185px;top:25px;left:730px;font-size:13px;color:#eeeeee;padding:10px;z-index:1;background: #c84e79;border-radius: 10px 10px 10px 10px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.07), 
                0 2px 4px rgba(0,0,0,0.07), 
                0 4px 8px rgba(0,0,0,0.07), 
                0 8px 16px rgba(0,0,0,0.07),
                0 16px 32px rgba(0,0,0,0.07), 
                0 32px 64px rgba(0,0,0,0.07);
}
*/

.notice_board {position:absolute;height:210px;top:15px;left:730px;font-size:13px;color:#eeeeee;padding:10px;z-index:1;background: #777;border-radius: 10px 10px 10px 10px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.07), 
                0 2px 4px rgba(0,0,0,0.07), 
                0 4px 8px rgba(0,0,0,0.07), 
                0 8px 16px rgba(0,0,0,0.07),
                0 16px 32px rgba(0,0,0,0.07), 
                0 32px 64px rgba(0,0,0,0.07);
}


.notice_board p {font-size:14px;color:#ffffff;font-weight:bold;line-height:34px;}
.notice_board li {font-size:13px;line-height:28px;border-bottom:#cccccc 1px dashed;} /* dashed */

.header-logo div.recruit.sdns {display:inline-block; margin-left:5px; font-size:15px; font-weight:600; vertical-align:text-bottom; letter-spacing:-0.5px; background:url('https://whois.co.kr/assets/images/common/icon_sdns.png') no-repeat 145px 0px; padding-top:22px; cursor: pointer;}
.header-logo div.recruit.sdns:hover {color: #347adc; }

.header-logo div.recruit2 {display:inline-block; margin-left:10px; font-size:16px; font-weight:600;  letter-spacing:-0.5px; padding-bottom:5px; vertical-align:middle; }
.header-logo div.recruit2 strong {font-weight:normal; text-decoration:underline;}
.header-logo div.recruit2 em {font-style:normal; font-weight:normal; color:#347adc; }

.header-logo div.han_event {display:inline-block; margin-left:5px; font-size:15px; font-weight:600; vertical-align:text-bottom; letter-spacing:-0.5px; background:url('https://whois.co.kr/assets/images/common/icon_han.png') no-repeat 178px 0px; padding-top:22px; }
.header-logo div.han_event strong {color:#347adc; font-weight:600; margin-right:2px;}
.header-logo div.han_event a {display:inline-block; text-decoration:underline; padding:0 3px; font-weight:600; box-sizing:border-box; }
.header-logo div.han_event a:hover {color:#347adc; }

/* .header-logo .header-tell {position:absolute; top:18px; right:120px; margin-top:13px; padding-left:210px; }*/
.header-tell {display:inline-block; float:right; width:30%; left:10px; border: 0px solid #fe7e8a; box-sizing:border-box;} /*top:42px;*/
.header-tell .header-login {position:relative; top:1px; display:inline-block; font-size:13px; color:#222222;position:absolute;}
.header-tell .header-login strong {padding-left:10px; color:#347adc; font-weight:500;}
.header-tell .header-login a {position:relative;font-size:13px; color:#ffffff; font-weight:500; left:-1px; top:-1; z-index:1;}
.header-tell .tel {float:right; font-size:46px; color:#347adc; line-height:0.8; letter-spacing:-1px; font-weight:300; padding-left:3px;}

/*-------------???------------ */
.header-menu {width:70%; background:#f01d6a; overflow:hidden; height:50px; min-width:1080px; z-index:0; border-radius: 20px 20px 0px 0px; border-bottom:#fff 1px dashed; background-image: linear-gradient(to bottom, #2c6c9b, #227dbd); display: flex; justify-content: center;}
.jbFixed {width:80%;  /*overflow:hidden;*/ height:50px; position: fixed; top:0; z-index:10000;  transition:.10s !important;}

/*gnb*/
#gnb .navigation {float:left; width:100%;box-sizing:border-box; text-align:left; height:50px; z-index:10000;} 
#gnb .navigation li {display:inline-block; vertical-align:middle; float:left;}
#gnb .navigation li:last-child {float:right} 
#gnb .navigation li a {position:relative; display:inline-block; vertical-align:middle; padding:17px 11px 16px; line-height:1;  color:#fff; font-size:15px; font-weight:400; letter-spacing:0px;}
#gnb .navigation li a::before {left:0; bottom:0px; width:100%; height:4px; background:#f7cd33; transform:scaleX(0); content: '';position: absolute;transition: transform .3s ease; }
#gnb .navigation li:hover a::before {transform: scaleX(1);}
/* #gnb .navigation li:first-child a{padding-left:10px;} */
#gnb .navigation li:hover a {color:#f7cd33;}


/* -------- 2depth -------- */
#gnb .depth02 {display:block; overflow:hidden; position:absolute; /*position:fixed;*/ top:auto;  left:0; z-index:9999; width:79%; background:#eef2f6; /*url('https://whois.co.kr/images/common/gnb_2depth_bg.png') no-repeat; background-position: 70px bottom; border-bottom:1px solid #292e3e; */box-sizing:border-box;}
#gnb .depth02 .inner {overflow:hidden; margin:0 auto; width:1080px; box-sizing:border-box; padding:50px 0 40px 0;}
#gnb .depth02.product .inner {padding:0; height:auto;}
#gnb .depth02 .inner > div {float:left;}
#gnb .depth02 img.sdns-gnb {width:190px; margin-top:10px;}

/* title */

#gnb .depth02 .gnb-title {padding-left:40px; width:330px; height:300px; border-left:1px solid #e7e7e7; }

#gnb .depth02 .menu-box {position:relative; padding-right:10px; width:230px; height:100%; box-sizing:border-box; float:left;}
#gnb .depth02 .gnb-title a {padding:0px;}
#gnb .depth02 .gnb-title h2 a {font:700 24px/1 'NanumBarunGothic'; color:#333; line-height:30px; padding:0px;}
#gnb .depth02 .gnb-title h2 a strong {color:#347adc;}
#gnb .depth02 .gnb-title h2 a::before {left:0; bottom:-5px; width:100%; height:0; background:#347adc; transform:scaleX(0); content: '';position: absolute;transition: transform .3s ease; }
#gnb .depth02 .gnb-title h2 a:hover {text-decoration:none;}
#gnb .depth02 .gnb-title p {width:350px; margin-top:10px; font-weight:400; font-size:15px; line-height:23px; color:#666;}
#gnb .depth02 .gnb-title p.ls {letter-spacing:-1px;} 
#gnb .depth02 .gnb-title p strong {color:#111; font-weight:400; }
#gnb .depth02 .gnb-title p strong.red {color:#dc1a00; font-weight:400; }
#gnb .depth02 .gnb-title p strong.blue {color:#276ccb; font-weight:400; }
#gnb .depth02 .gnb-title a img {margin-top:10px; padding:0px;}
#gnb .depth02 .gnb-title a::before  {left:0; bottom:-5px; width:100%; height:0; background:#347adc; transform:scaleX(0); content: '';position: absolute;transition: transform .3s ease; }
#gnb .depth02 .gnb-title a:hover {text-decoration:none;}
#gnb .depth02 .gnb-title img {width:317px;}

/* 2depth */
#gnb .depth02 .menu-box {width:220px;}
#gnb .depth02 .menu-box h3 {margin-bottom:10px; font-family:'Roboto', 'NanumBarunGothic', sans-serif; }
#gnb .depth02 .menu-box h3 a {display:inline-block; font-weight:500; font-size:17px; line-height:1; color:#1256b6; padding:5px 0px;}
#gnb .depth02 .menu-box h3 a::before {left:0; bottom:-5px; width:100%; height:1px; background:#347adc; transform:scaleX(0); content: '';position: absolute;transition: transform .3s ease; }
#gnb .depth02 .menu-box h3 a:hover a::before {transform: scaleX(1);}
#gnb .depth02 .menu-box > ul {height:165px;}


/* 3depth */
#gnb .depth02 .menu-box > ul li {display:block; clear:both;}
#gnb .depth02 .menu-box > ul li:last-child {float:left;}
#gnb .depth02 .menu-box > ul li em{font-style:normal; color:#cc0000;}

#gnb .depth02 .menu-box > ul li a {display:inline-block; margin-left:-2px; padding:1px 2px; box-sizing:border-box; font-weight:300; font-size:15px; line-height:22px;  color:#222; letter-spacing:-0.5px;/* border-bottom:1px solid #fff;*/ }
#gnb .depth02 .menu-box > ul li a::before {left:0; bottom:-5px; width:100%; height:0; background:#347adc; transform:scaleX(0); content: '';position: absolute;transition: transform .3s ease; }
#gnb .depth02 .menu-box > ul li a:hover {border-bottom-color:#347adc; color:#347adc;}

#gnb .depth02 .menu-box:after {display:none;}

#gnb .depth02 .inner .menu-wrap {float:left; margin-bottom:-20px; max-width:460px;}
#gnb .depth02 .inner .menu-wrap .menu-box {float:left; margin-bottom:20px; width:200px;}
#gnb .depth02 .inner .menu-wrap .menu-box:nth-child(3) {clear:both;}
#gnb .depth02.company .menu-box h3 {margin-bottom:25px;}

#gnb .depth02 .inner .banner-box {float:right;}
#gnb .depth02 .inner .banner-box img {width:360px; height:200px;}
#gnb .depth02 a.gnb-banner {width:650px; height:84px; clear:both; display:block; padding:0px; margin-bottom:15px; background:url('https://whois.co.kr/images/common/gnb_ssl.gif') no-repeat; background-size:650px 84px; }
#gnb .depth02 a.gnb-banner::before {opacity:0;}
#gnb .depth02 a.gnb-banner-sms {width:673px; height:84px; clear:both; display:block; padding:0px; margin-bottom:15px; background:url('https://whois.co.kr/images/common/gnb_sms.gif') no-repeat; background-size:673px 84px; }
#gnb .depth02 a.gnb-banner-sms::before {opacity:0;}
#gnb .depth02 .gnb-banner2 {height:100px;}
#gnb .depth02 .gnb-banner2 a:nth-child(1) {background:#09a9d7; width:255px; font-size:18px; font-weight:700; color:#fff; padding:19px 0 19px 35px; line-height:20px;}
#gnb .depth02 .gnb-banner2 a:nth-child(1):hover {background:#0897c0; }
#gnb .depth02 .gnb-banner2 a:nth-child(1) p {font-size:13px;}
#gnb .depth02 .gnb-banner2 a:nth-child(2) {background:#14a1ef; width:170px; font-size:18px; font-weight:700; color:#fff; padding:30px 0; text-align:center;}
#gnb .depth02 .gnb-banner2 a:nth-child(2):hover {background:#0d8ed5; }
#gnb .depth02 .gnb-banner2 a:nth-child(3) {background:#2d78e9; width:170px; font-size:18px; font-weight:700; color:#fff; padding:30px 0;  text-align:center;}
#gnb .depth02 .gnb-banner2 a:nth-child(3):hover {background:#1c65d3; }
#gnb .depth02 .gnb-banner2 a::before {display:none;}
#gnb .depth02 .inner .gnb-event {margin-left:5px; margin-bottom:2px; padding:2px 5px; background:#347adc; font-size:10px; color:#fff; vertical-align:middle; letter-spacing:0.5px;}

#gnb .depth02 .gnb-banner2 a.works_free {background:#03b9be url('https://whois.co.kr/assets/images/common/gnb_works_bg1.png') top right no-repeat; width:647px; font-size:18px; font-weight:700; color:#fff; padding:19px 0 19px 35px; line-height:20px;}

/* menu btn */
.menu-btn {position:absolute; display:inline-block; float:right; margin-top:0px; padding-top:11px; /* width:50px; height:50px; background:#347adc; */ text-align:center; cursor:pointer; box-sizing:border-box; }
.header-menu .menu-btn span {position:relative; left:0; display:block; margin:4px auto; width:19px; height:3px; border-radius:1px; background:#fff; transition:.2s;}
.header-menu .menu-btn.on span:nth-child(1) {width:27px; transform:translateY(7px) rotate(45deg);}
.header-menu .menu-btn.on span:nth-child(3) {width:27px; transform:translateY(-7px) rotate(-45deg);}
/* .header-menu .menu-btn:hover span:nth-child(1) {left:-4px;}
.header-menu .menu-btn:hover span:nth-child(2) {left:6px;}
.header-menu .menu-btn:hover span:nth-child(3) {left:-2px;} */
.header-menu .menu-btn.on:hover span:nth-child(1) ,
.header-menu .menu-btn.on:hover span:nth-child(3) {left:0;}


/* all-menu */
#gnb .all-menu {display:none; position:absolute; top:auto; left:0; margin-top:50px; z-index:1000; width:100%; height:620px; background:#eef2f6; box-sizing:border-box; }
#gnb .all-menu .inner {overflow:hidden;}
#gnb .all-menu .all-menu-box {float:left; margin-top:40px; margin-bottom:40px; width:216px; height:300px; border-left:dashed 1px #dedede; padding-left:20px; box-sizing:border-box; }
#gnb .all-menu .all-menu-box:nth-child(1) {border-left:none; padding-left:10px; margin-top:40px; margin-bottom:0}
#gnb .all-menu .all-menu-box:nth-child(2),
#gnb .all-menu .all-menu-box:nth-child(3), 
#gnb .all-menu .all-menu-box:nth-child(4),
#gnb .all-menu .all-menu-box:nth-child(5) {margin-bottom:0}
#gnb .all-menu .all-menu-box:nth-child(6) {border-left:none; padding-left:10px; clear:both; height:210px;}
#gnb .all-menu .all-menu-box:nth-child(7),
#gnb .all-menu .all-menu-box:nth-child(8),
#gnb .all-menu .all-menu-box:nth-child(9),
#gnb .all-menu .all-menu-box:nth-child(10) {height:210px;} 
#gnb .all-menu .all-menu-box h3 a {display:block; margin-bottom:15px; font-weight:400; font-size:19px; line-height:1; letter-spacing:-1px; font-family:'Roboto', 'NanumBarunGothic', sans-serif;  color:#111; text-overflow:ellipsis; white-space:normal;}
#gnb .all-menu .all-menu-box ul {margin-bottom:20px;}
#gnb .all-menu .all-menu-box ul li a {display:block; font-size:15px; line-height:24px; color:#222; font-weight:300; letter-spacing:-1px; font-family:'Roboto', 'NanumBarunGothic', sans-serif;  word-break:keep-all;}
#gnb .all-menu .all-menu-box h3 a:hover,
#gnb .all-menu .all-menu-box ul a:hover {color:#3977ca;}
#gnb .all-menu-key-event {position:relative; top:-145px; left:105px; width:90px; height:142px; background:url('https://whois.co.kr/assets/images/common/site_keystone_n.png') no-repeat; background-size:90px 142px;}



/*------------- mobile ???------------ */
#m-gnb {  display: none;}
#sidebar {  display: none;}
.navbar { display: none;;}


/* footer
------------------------------------------------------ */
#footer {width:79%;}

/* -------- ???????? -------- */

.customer-wrap {padding-top:60px; background:#red; /*height:345px; */ overflow:hidden;}
.customer-wrap h2 {font-size:35px; color:#333; text-align:center; font-weight:300; margin-bottom:15px; line-height:30px; font-family:'Roboto', 'NanumBarunGothic', sans-serif; letter-spacing:-1px;}
.customer-wrap .cs-box {background:#ffffff; margin:0px; padding:0px; width:1080px; height:230px; box-sizing:border-box; }
.customer-wrap .cs-info {float:left; margin:0px; display:inline-block; padding:24px 35px; width:270px; background:#fff; border-right:solid 1px #e3e3e3;  box-sizing:border-box;}
.customer-wrap .cs-info li {padding:8px 0; border-bottom:dashed 1px #c8c8c8; font-size:15px; background: url('https://whois.co.kr/assets/images/common/cs_arrow.png') no-repeat 8px 12px; background-position: 97% 50%}
.customer-wrap .cs-info li:last-child {border-bottom:none;}
.customer-wrap .cs-info li a { font-family:'NanumBarunGothic', sans-serif; font-size:15px; letter-spacing:-1px; font-weight:500; }
.customer-wrap .cs-info li a:hover {color:#3977ca;}

.customer-wrap .cs-serive {margin:0px; float:left; padding:20px 20px; width:270px; height:100%; background:#fff; border-right:solid 1px #e3e3e3; vertical-align:top; box-sizing:border-box;}
.customer-wrap .cs-on {height:13px; padding:0px 5px; background:#f64d00; font-size:10px; color:#fff; border-radius:3px;}
.customer-wrap .cs-off {height:13px; padding:0px 5px; background:#787878; font-size:10px; color:#fff; border-radius:3px;}

/*??????????*/
.star_area {display:block; margin:0 auto; min-width:300px; color:#ccc; font-size:26px; line-height:28px; text-align:center;margin-bottom:25px;}
.star_area h3 { display:inline-block; white-space:pre; word-wrap: break-word; word-break: break-all; color:#555; font-size: 14px; line-height:18px; text-align:left; font-weight:400;}
.star_area h3 strong { color:#fff; letter-spacing:0px; font-weight:700; color:#333; }
.star_area h4 { display:inline-block; color:#000000; font-size: 42px; line-height:50px;  letter-spacing:-2px; text-align:left; font-weight:800;}
.star_area .star_graph{display:inline-block; /* width:136px; height:24px; background: url('https://whois.co.kr/images/common/icon_star_n1.png') left ; background-size: 136px 24px; -webkit-background-size: 136px 24px; */} 
.star_area .star_graph {/* float:left;  padding:10px 0 5px 5px;*/}
#star ul.star {margin:0; padding:0; width:150px; height:30px; left:8px; top:0px; position:relative; float:left; background: url('https://whois.co.kr/assets/images/common/icon_star_n1.png') repeat-x;}
#star li.curr {background: url('https://whois.co.kr/assets/images/common/icon_star_n1.png') left 31px; font-size:1px; height:31px;} 
#star li {margin:0; padding:0; float:left; display:block; width:15px; height:8px; text-decoration:none; z-index:20; position:absolute;}


/*??????*/
.customer-wrap .cs_counseling {display:inline-block; padding-top:10px;} 
.customer-wrap .cs_counseling img {height:52px; display:inline-block; float:left; padding-right:8px;}
.customer-wrap .cs_counseling p {float:left; line-height:1.6;}
.customer-wrap .cs_counseling a {display:block;font-size:15px; color:#333; letter-spacing:-0.8px; font-weight:700;}
.customer-wrap .cs_counseling a strong {color:#347adc;  font-weight:700;}
/*?????????*/
.customer-wrap .cs_naver {display:inline-block; padding-bottom:10px; padding-top:5px;}
.customer-wrap .cs_naver img {height:52px; display:inline-block; float:left; padding-right:8px;}
.customer-wrap .cs_naver p {float:left; line-height:1.6;}
.customer-wrap .cs_naver a {display:block;font-size:15px; color:#333; letter-spacing:-0.8px; font-weight:700;}
.customer-wrap .cs_naver a strong {color:#36b044; font-weight:700;}
/*???????*/
.customer-wrap .cs_kakao {display:inline-block;}
.customer-wrap .cs_kakao img {height:52px; display:inline-block; float:left; padding-right:8px;}
.customer-wrap .cs_kakao p {float:left; line-height:1.6;}
.customer-wrap .cs_kakao a {display:block;font-size:15px; color:#333; letter-spacing:-0.8px; font-weight:700;}
/*ARS ???*/
.customer-wrap .cs-tel {margin:0px; float:left;  background:#f3f3f3 url('https://whois.co.kr/assets/images/common/cs_only_n.png') no-repeat ; background-position: 100% 100%; background-size: 170px 202px; padding:22px 35px; width:537px; height:100%; vertical-align:top; box-sizing:border-box;}
.customer-wrap .cs-tel .tel-ars h3 {font-size:47px; color:#347adc; letter-spacing:-1.5px; font-weight:400; line-height:1; }
.customer-wrap .cs-tel .tel-ars dl {margin-top:3px; display:inline-block;  font-size:13px; color:#222; font-weight:400; margin-bottom:10px;}
.customer-wrap .cs-tel .tel-ars dl dt{float:left; line-height:1.6;}
.customer-wrap .cs-tel .tel-ars dl dd{float:left; padding-right:13px; font-size:14px; line-height:1.5;}
.customer-wrap .cs-tel .quick-num {float:left; width:195px;}
.customer-wrap .cs-tel .quick-num li {font-size:13px; margin-bottom:7px;font-family:'NanumBarunGothic', sans-serif; font-weight:500;  letter-spacing:-0.5px; }
.customer-wrap .cs-tel .quick-num span {background:#fff; font-size:12px; border:solid 1px #b7b7b7; color:#333; padding:2px 5px 1px 5px; margin-right:7px;}
.customer-wrap .cs-tel .quick-num li.night-call {color:#222; font-size:13px; letter-spacing:-0.5px; padding-top:4px;}
.customer-wrap .cs-tel .quick-num li.night-call strong {color:#555}

/* -------- ??????? -------- */

.site-map {position: relative; width:1080px;  height: 510px; border-top:solid 2px #333; /*border-bottom:solid 1px #c6c6c6; */ padding-bottom:20px; margin-top:20px; overflow:hidden;}
/* .site-map:before {content:''; position:absolute; bottom:300px; left:50%; margin-left:-550px; width:1100px; height:1px; background:#dfdfdf; } */
.site-map .sitemap-box {float:left;  width:20%; height:475px; margin:30px 0 0 0; padding:0 0 0 12px; box-sizing:border-box; border-left:dashed 1px #dedede;}
.site-map .sitemap-box:nth-child(1) { border:none;}
.site-map .sitemap-box:nth-child(6) {clear:both;  border:none;}
.site-map .sitemap-box h3 {margin-bottom:10px; }
.site-map .sitemap-box h3 a {font-size:16px; color:#111; font-weight:700; font-family:'Roboto', 'NanumBarunGothic', sans-serif;  }
.site-map .sitemap-box h3 a:hover {color:#3977ca; text-decoration:underline; font-weight:500; }
.site-map .sitemap-box li {height:22px;}
.site-map .sitemap-box li a {font-size:14px; color:#888; line-height:20px; font-weight:400; font-family:'Roboto', 'NanumBarunGothic', sans-serif; }
.site-map .sitemap-box li a:hover  {color:#3977ca; text-decoration:underline;}
.site-map .sitemap-box div{height:290px;}

.sitemap-key-event {position:absolute; top:312px; left:990px; width:90px; height:142px; background:url('https://whois.co.kr/assets/images/common/site_keystone_n.png') no-repeat; background-size:90px 142px;}
.sitemap-event {margin-left:5px; height:12px; padding:0px 7px; background:#f64d00; font-size:11px; color:#fff; border-radius:10px; vertical-align:middle; letter-spacing:0.5px;}

/* -------- ????? -------- */
.partner-wrap div{padding:7px 0px; overflow:hidden;}
.partner-wrap h2 {font-size:30px; color:#333; text-align:center; font-family:'Roboto', 'NanumBarunGothic', sans-serif; font-weight:500; padding-top:30px;letter-spacing:-1px; overflow:hidden;}
.partner-wrap h2 a{ font-weight:500; letter-spacing:-1px; color:#333; }
.partner-wrap h3 {display:block; font-size:20px; color:#333; text-align:center; font-family:'Spoqa Han Sans', sans-serif; font-weight:100; padding-top:10px; padding-bottom:20px; overflow:hidden; background: url('https://whois.co.kr/assets/images/common/cs_arrow.png') no-repeat 8px 12px; background-position: 63% 40% }
.partner-wrap h3 a{ font-weight:200; letter-spacing:-1px; color:#333; }
.partner-wrap .owl-item {display:inline-block;}
.partner-wrap  img{width:157px; border:solid 1px #e8e8e8;  margin-right:15px;}
.partner-wrap .owl-carousel .owl-nav {display:none;}
.partner-wrap .owl-carousel .owl-nav .owl-prev {display:none;}
.partner-wrap .owl-carousel .owl-nav .owl-next {display:none;}
.partner-wrap .owl-carousel .owl-nav.disabled {display: block;}
.partner-wrap .owl-carousel .owl-dots.disabled {display:none;}
.partner-wrap .owl-carousel .owl-dots {display:none;}

/* -------- ?????? -------- */
.footer-utils {width:100%;  min-width:1080px; clear:both; padding:40px 0 10px 0; margin-top:1px;/*height:45px;*/ background:#dddddd;}
.footer-utils .utils {overflow:hidden; display:block; height:auto;}
.footer-utils .utils li {display:inline-block;}
.footer-utils .utils li a {display:block; padding:0 23px; font-size:16px; line-height:38px; color:#7f838e; font-weight:500; letter-spacing:0px;}
.footer-utils .utils li a.footer_privacy{color:#dbdbdb; }
.footer-utils .utils li:first-child a {padding-left:0;}
.footer-utils .utils li:hover a {color:#3977ca;}

/* ?йи?????? */
.footer-utils  .family-site {position:relative; float:right;  padding:0 0 0 16px;  width:200px; height:38px; box-sizing:border-box; background:#fff url('https://whois.co.kr/assets/images/common/family_site_arrow.png') no-repeat 173px 15px;}
.footer-utils .family-site.on {background:#fff url('https://whois.co.kr/assets/images/common/family_site_arrow_on.png') no-repeat 173px 15px;}
.footer-utils .family-site h3 {font-weight:400; font-size:14px; line-height:39px; color:#777; cursor:pointer;}
.footer-utils .family-site ul {display:none; position:absolute; top:37px; left:0; z-index:22; padding:9px 0; width:100%; background:#fff;}
.footer-utils .family-site ul a {display:block; padding:0 15px; font-size:14px; line-height:30px; color:#777;}
.footer-utils .family-site ul li:hover a {background:#4992e1; color:#fff;}

/* ??? */
.address-wrap {width:100%;  min-width:1080px; background:#dddddd; padding:0px 0 30px; clear:both; } /* #1e2026 */
.address-wrap .inner {overflow:hidden;}
.address-wrap .footer-logo {float:left; margin-right:50px; margin-bottom:30px;}
.address-wrap address{width:100%; float:left; font-style:normal; margin-top:0px; font-size:12px; text-align:center;}
.address-wrap address span { float:left; margin-right:20px; font-weight:500; font-size:14px; line-height:22px; color:#5b5f6a; }
.address-wrap address span:nth-child(5),
.address-wrap address span:nth-child(8),
.address-wrap address span:nth-child(9) {clear:both;} 
.address-wrap address span a.map {color:#8990a5; text-decoration:underline;}
.address-wrap address span a {color:#5b5f6a;}

/* sns */
ul.footer-sns  {float:right; width:255px; text-align:right; }
ul.footer-sns li{float:left; margin-left:10px;}
ul.footer-sns li img {width:41px;}

/* ???? ????? */
.footer-text {clear:both; padding-top:10px; font-size:17px; height:40px;}
.footer-text li {float:left; padding-right:20px; color:#fff; font-weight:500; letter-spacing:-1px; font-family:'Roboto', 'NanumBarunGothic', sans-serif; }
.footer-text li:last-child {padding-right:0; }
.btn_yellow_con {display:inline-block; width:150px; background:#ffcc00; font-size:14px; color:#3b300e; letter-spacing:-1px; font-weight:bold; text-align:center; padding:8px 0; border:none; font-family:'???? ????', 'Malgun Gothic', '????????','NanumGothic', '????', 'Dotum'; }
.btn_yellow_con:hover {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; }

/* ISMS */
.isms {display:inline-block; float:right; margin-bottom:15px; width:176px; height:58px;}
.isms2 {display:none; float:right; margin-bottom:15px; width:180px; height:58px; background:url('https://whois.co.kr/assets/images/common/footer_isms_logo.png') no-repeat; background-position:0; text-align:right; color:#c1c1c1; font-size:15px;}
/*
.isms2 {display:inline-block; float:right; margin-bottom:15px; width:180px; height:58px; background:url('https://whois.co.kr/images/common/footer_isms_logo.png') no-repeat; background-position:0; text-align:right; color:#c1c1c1; font-size:15px;}
*/
.isms2 p {padding-top:10px;}
.isms2 strong {font-size:17px;}


/* ??????? ???? 2021.11.22*/
.event_home11_n {position:relative; background:#000; margin:0 auto; text-align:center; height:250px; width:100%; background:url('/images/event_home_11.jpg') top center; }
.event_home11_n a.ban_home11 {display:inline-block; width:1080px; height:250px; cursor:pointer; margin-left:auto; margin-right:auto; }
.event_home11_n .ban_close_e {position:absolute; width:1080px; height:20px; top:5px; left: 50%; transform: translate(-50%, 0%); text-align:right; }
.event_home11_n .ban_close_e a {color:#ffbccc; text-decoration:underline; margin-right: 20px; font-size:13px; }


.event_home11 {position:relative; background:#000; margin:0 auto; text-align:center; height:250px; width:100%; background:url('/images/event_home_11.jpg') top center; }
.event_home11 a.ban_home11 {display:inline-block; width:1080px; height:250px; cursor:pointer; margin-left:auto; margin-right:auto; }
.event_home11 .ban_close_e {position:absolute; width:1080px; height:20px; top:5px; left: 50%; transform: translate(-50%, 0%); text-align:right; }
.event_home11 .ban_close_e a {color:#ffbccc; text-decoration:underline; margin-right: 20px; font-size:13px; }

.hide {display:none;}

/* ??????? ???? 2021.11.30*/
.event_home12_n {position:relative; background:#000; margin:0 auto; text-align:center; height:160px; width:100%; background:url('/images/event_home_12.jpg') top center; }
.event_home12_n a.ban_home12 {display:inline-block; width:1080px; height:160px; cursor:pointer; margin-left:auto; margin-right:auto; }
.event_home12_n .ban_close_e {position:absolute; width:1080px; height:20px; top:5px; left: 50%; transform: translate(-50%, 0%); text-align:right; }
.event_home12_n .ban_close_e a {color:#bcffd6; text-decoration:none; margin-right: 20px; font-size:13px; }
.event_home12_n .ban_close_e label {color:#bcffd6; text-decoration:none; cursor:pointer; margin-right: 20px; font-size:13px; letter-spacing:-1px;}


.event_home_top {position:relative; background:#000; margin:0 auto; text-align:center; height:170px; width:100%; }
.event_home_top a.ban_home_top {display:inline-block; width:1080px; height:170px; cursor:pointer; margin-left:auto; margin-right:auto; }
.event_home_top .ban_close_e {position:absolute; width:1080px; height:20px; top:5px; left: 50%; transform: translate(-50%, 0%); text-align:right; }
.event_home_top .ban_close_e a {color:#fff; text-decoration:none; margin-right: 0px; font-size:13px; }
.event_home_top .ban_close_e label {color:#fff; text-decoration:none; cursor:pointer; margin-right: 10px; font-size:13px; letter-spacing:-1px;}



.curPNT {cursor: pointer;}


/* SuperDNS 2023.03.27*/
.head-all-ban-box {margin: 0 auto; width: 1080px;  position: relative;}
.head-all-ban-box .head-all-banner {position: absolute; top: 225px; left: 660px;}
.head-all-ban-box .head-all-banner img {width:392px; }
.foot-all-banner {position: absolute; top: 200px; left: 660px;}
.foot-all-banner img {width:406px;}