@charset "utf-8";
html, body {width:100%; font-weight:400; font-family:-apple-system, BlinkMacSystemFont, 'NotoSans', "Malgun Gothic", "맑은 고딕",  sans-serif;color:#666;}

/* layout */
#wrapper {width:100%;  min-width:1200px;}
#wrapper a {transition:0.3s;} 
.inner {margin:0 auto; width:1080px; background:transparent}


 



/* contents
--------------------------------------------------------------------------------------------------------- */
#contents {clear:both; width:100%;}

/* 메인비주얼
------------------------------------------------------ */
.mian-visual {width:100%; height:610px;  min-width:1080px; background:#2b78e2 ; }
.mian-visual .item {margin-top:15px; margin:0 auto; width:1080px; height:384px;text-align:center;  background-position:center center; background-repeat:no-repeat; background-size:cover;}
.mian-visual .item img {display:none;}

.mian-visual button.visual_btn {padding:0 25px; height:45px; border:solid 1px #fff; color:#fff; background:none; font-size:16px; line-height:1; box-sizing:border-box;} 
.mian-visual button.visual_btn:hover {background:#fff; color:#2b78e2; transition:0.3s}

.mian-visual .sp-slide h1 > .nhn-godo { font-size: 44px; line-height: 1.3; letter-spacing: -3px;}
.mian-visual .sp-slide .mv-img {width:640px; height:429px;}
.mian-visual .sp-slide .mv-img2 {width:1080px; height:429px;}

.visual_dom {height:384px; background:url('/assets/images/main/mainVisual12_n_.png') no-repeat right; background-size:519px 384px; text-align:left; padding-top:60px; padding-left:15px; color:#fff; box-sizing:border-box; }
.visual_dom h3 {font-size:56px;  letter-spacing:-1px;}
.visual_dom h3 strong {color:#ffc200;}
.visual_dom p {margin-top:10px; margin-bottom:30px; font-size:16px; font-weight:300; line-height:24px; letter-spacing:-0.5px;}
.visual_dom p strong {color:#ffc200; font-weight:400;}

.visual_dom2 {height:384px; background:url('/assets/images/main/mainVisual13_n2_.png') no-repeat right; background-size:650px 384px; text-align:left; padding-top:60px; padding-left:15px; color:#fff; box-sizing:border-box; }
.visual_dom2 h3 {font-size:56px;  letter-spacing:-1px;}
.visual_dom2 h3 strong {color:#a9ec24;}
.visual_dom2 p {margin-top:15px; margin-bottom:30px; font-size:22px; font-weight:300; line-height:24px; letter-spacing:-0.5px;}
.visual_dom2 p strong {color:#a9ec24; font-weight:400;}
.visual_dom2 em {margin-right:5px;}

.visual_homepage {height:384px; background:url('/assets/images/main/mainVisual08_n.png') no-repeat right; text-align:left; padding-top:60px; padding-left:15px; color:#fff; box-sizing:border-box; }
.visual_homepage h3 {font-size:56px;  letter-spacing:-1px;}
.visual_homepage h3 strong {color:#ffc200;}
.visual_homepage p {margin-top:10px; margin-bottom:30px; font-size:16px; font-weight:300; line-height:24px; letter-spacing:-0.5px; } 

.visual_homepage2 {height:384px; background:url('/assets/images/main/mainVisual08_n_.png') no-repeat right; text-align:left; padding-top:60px; padding-left:15px; color:#fff; box-sizing:border-box; }
.visual_homepage2 h3 {font-size:56px;  letter-spacing:-1px;}
.visual_homepage2 h3 strong {color:#fb7397;}
.visual_homepage2 p {margin-top:10px; margin-bottom:30px; font-size:16px; font-weight:300; line-height:24px; letter-spacing:-0.5px; } 

.visual_mail {height:384px; background:url('/assets/images/main/mainVisual14_n_.png') no-repeat right; background-size:547px 384px; text-align:left; padding-top:60px; padding-left:15px; color:#fff; box-sizing:border-box; }
.visual_mail h3 {font-size:56px;  letter-spacing:-1px;}
.visual_mail h3 strong {color:#ffc200;}
.visual_mail p {margin-top:10px; margin-bottom:30px; font-size:20px; font-weight:300; line-height:26px; letter-spacing:-0.5px; }
.visual_mail p span {display:inline-block; width:47px; height:23px;background:url('/assets/images/main/visual_cgv.png') no-repeat; vertical-align:text-top;}

.visual_mall {height:384px; background:url('/assets/images/main/mainVisual07_n.png') no-repeat right; text-align:left; padding-top:60px; padding-left:15px; color:#fff; box-sizing:border-box; }
.visual_mall h3 {font-size:56px;  letter-spacing:-1px;}
.visual_mall h3 strong {color:#ffc200;}
.visual_mall p {margin-top:10px; margin-bottom:30px; font-size:20px; font-weight:300; line-height:24px; letter-spacing:-0.5px; }

.visual_canlendar {height:384px; background:url('/assets/images/main/mainVisual15_n_.png') no-repeat bottom right; background-size:465px 340px; text-align:left; padding-top:60px; padding-left:15px; color:#fff; box-sizing:border-box; }
.visual_canlendar h3 {font-size:56px;  letter-spacing:-1px;}
.visual_canlendar h3 strong {color:#ffc200;}
.visual_canlendar p {margin-top:15px; margin-bottom:30px; font-size:16px; font-weight:300; line-height:24px; letter-spacing:-0.5px;}
.visual_canlendar p strong {color:#ffc200; font-weight:400;}
.visual_canlendar em {margin-right:5px;}

.visual_img_650 {width:650px;}

/* 버튼 */
.mian-visual .owl-dots {display:inline-flex; position:absolute; bottom:25px; left:50%; transform:translateX(-50%); width:120px;}
.mian-visual .owl-dot {margin:0 3px; padding:0; width:16px; height:16px; border-radius:50%; box-sizing:border-box; background:#fff; opacity:0.3; vertical-align:text-top;}
.mian-visual .owl-dot.active {width:16px; border-radius:50%; background:none; border:solid 4px #ffc200; opacity:1; vertical-align:top;}

/* 화살표 */
.mian-visual .owl-carousel .owl-nav .owl-prev {display:block; position:absolute; top:25%; left:12%;  background:transparent; font-size:85px; color:#a4c2ee;   sans-serif; }
.mian-visual .owl-carousel .owl-nav .owl-next {display:block; position:absolute; top:25%; right:12%;  background:transparent; font-size:85px; color:#a4c2ee;  sans-serif; }

/*스타벅스이벤트*/
.ev_star {position:absolute; top:-20px; left:150px; width:200px; height:90px; background:url('/assets/images/main/img_starbucks.webp') no-repeat center left; background-size:54px; } /* visual_star2_ice.png */
.ev_star p {color:#fff; padding-left:63px; padding-top:23px; font-size: 14px; font-weight: normal;}


/* 1400px 이하일 때 노출*/
	@media screen and (max-width:1600px) {
	.mian-visual .owl-carousel .owl-nav .owl-prev {display:none; position:absolute; top:25%; left:5%;  background:transparent; font-size:85px; color:#a4c2ee;  sans-serif; }
	.mian-visual .owl-carousel .owl-nav .owl-next {display:none; position:absolute; top:25%; right:5%;  background:transparent; font-size:85px; color:#a4c2ee;   sans-serif; }
	}


/* 1080px 이하일 때 노출*/
	@media screen and (max-width:1080px) {
	.mian-visual .owl-carousel .owl-nav .owl-prev {display:none; position:absolute; top:25%; left:1%;  background:transparent; font-size:85px; color:#a4c2ee;  sans-serif; }
	.mian-visual .owl-carousel .owl-nav .owl-next {display:none; position:absolute; top:25%; right:1%;  background:transparent; font-size:85px; color:#a4c2ee;   sans-serif; }
	}

/* 도메인검색 탭 */
.domain-search {height:200px;}
#serDomain2 {position:relative; margin:0 auto; width:100%; height:200px;  background:#1a4f9a; /*background:#2767c1; margin:10px 20px 10px 0; float:left; */ z-index:10;}
#serDomain2 ul.tabs {margin: 0; padding: 0; float: left; list-style: none; height: 45px; width: 100%; font-size:15px; letter-spacing:-1px; color:#666; z-index:10;}
#serDomain2 ul.tabs li {box-sizing: border-box;-moz-box-sizing: border-box;  -webkit-box-sizing: border-box; float: left;  text-align:center; cursor: pointer; height: 45px; line-height: 43px; font-weight:400; border: 1px solid #c5cfd6;  border-left: none;  border-bottom: 1px solid #6d6d6d; background: #fafafa; color:#555; width: calc(1080px / 5); width: -webkit-calc(1080px / 5); width: -moz-calc(1080px / 5); width: -o-calc(1080px / 5); z-index:100;}
#serDomain2 ul.tabs li:hover {background: #f6fbfe; }
#serDomain2 ul.tabs li:first-child {border-left: 1px solid #c5cfd6; }
#serDomain2 ul.tabs li a{display:block; color:#555; font-weight:700; text-decoration:none;  'NanumBarunGothic', sans-serif; }
#serDomain2 ul.tabs li a:hover{color:#347adc;}
#serDomain2 ul.tabs li img{margin-left: 5px; margin-bottom: 4px; vertical-align: middle; }
#serDomain2 ul.tabs li.active {background: #fff; border-top: 3px solid #333; border-right: 1px solid #6d6d6d; border-left: 1px solid #6d6d6d; border-bottom:none; color:#333; font-weight:700;  'NanumBarunGothic', sans-serif; }
#serDomain2 .tab_container {margin:0 auto; border: none; clear: both;/* float: left; */width: 1080px; background: #fff; position: relative; z-index:1;}
#serDomain2 .tab_content {height:200px; font-size: 13px; padding:15px 0; display: none; /* text-align:center; *background:#2767c1; */ background:#1a4f9a; box-sizing: border-box;}

#serDomain2 .search_txt {color:#fff; font-size:20px; margin-top:24px; line-height:1; font-weight:300; margin-left:10px;}
#serDomain2 .search_txt .event_star{color:#0eeaab; font-size:19px; margin-top:24px; line-height:1; font-weight:300; margin-left:5px;}


/* 검색영역 이벤트 */
.search_star {position:absolute; top:28px; right:20px; width:170px; display:inline-block; float:right; text-align:center;}
.search_star a {font-size:17px; color:#fff; font-weight:300; line-height:23px; letter-spacing:-0.5px;}
.search_star a strong {color:#00d67b; font-weight:300; }
.search_star img {margin-top:18px;}

.search_cgv {position:absolute; top:28px; right:20px; width:170px; display:inline-block; float:right; text-align:center;}
.search_cgv a {font-size:16px; color:#fff; font-weight:300; line-height:23px; letter-spacing:-0.5px;}
.search_cgv a strong {color:#ff9591; font-weight:400; }
.search_cgv img {margin-top:18px;}

.search_mail {position:absolute; top:40px; right:20px; width:180px; display:inline-block; float:right; text-align:center;}
.search_mail a {font-size:17px; color:#fff; font-weight:400; line-height:26px;}
.search_mail a span{font-size:18px; color:#fff; font-weight:500; letter-spacing:0.5px;}
.search_mail a strong {color:#ff8267; font-weight:500; }
.search_mail img {margin-top:0px; width:142px;}
.search_mail.dotkr a {font-size:19px;  letter-spacing:-1px; }
.search_mail.dotkr a span {font-size: 15px; color: #bac8dc;  letter-spacing: 0; display: block; text-decoration: underline; line-height: 1.9;}
.search_mail.dotkr a strong { font-size:20px; color:#fdd434; letter-spacing:-1.5px;}
.search_mail.dotkr img {margin-top:0px; width:120px;}
.search_mail.nw {width:200px; }
.search_mail.nw a {font-size:17px;  letter-spacing:-1px; }
.search_mail.nw a span {font-size: 15px; color: #bac8dc;  letter-spacing: 0; display: block; text-decoration: underline; line-height: 1.9;}
.search_mail.nw a strong { font-size:17px; color:#a9ec24; letter-spacing:-1px;}
.search_mail.nw .event-img {margin:0 auto; width:120px; height:82px; background:url('/assets/images/main/webp/search_event6.webp') no-repeat center 10px / 110px; }


/* 검색탭 */
.search-tit {text-align:le#a9ec24t; /*padding-left:60px;*/}
.search-tit ul {margin-top:18px; }
.search-tit ul li {display:inline-block; padding:2px 10px; }
.search-tit ul li a {font-size:16px; color:#fff; }
.search-tit ul li a::before {content:''; position:absolute; top:151px; margin-left:-11px; width:1px; height:14px; background:rgba(255,255,255,0.5);}
.search-tit ul li:first-child a::before {display:none;}
.search-tit ul li a:hover {color:#ffcc00;}
.search-tit ul li:first-child a::after {content:'▲ '; position:absolute; top:130px; left:45px; font-size:11px; color:#ffcc00; opacity:1; transition:.1s;}
.search-tit .on {color:#ffcc00;}

/* 도메인검색 */
.domain_temp2 {padding: 15px 15px 0 0; box-sizing: border-box;}
.domain_temp2 fieldset {overflow:hidden; margin-bottom:7px;}
.domain_temp2 fieldset label {display:inline-block; height:30px; vertical-align:middle;}
.domain_temp2 h4 {display:inline-block;font-size:28px;  vertical-align:middle; /*color:#fff; www이동*/font-weight:normal; background:#fff; width:82px; height:52px; border-top-left-radius:2px; border-bottom-left-radius:2px; border:solid 1px #fff; line-height:1.7; padding-left:10px; margin-right:0; box-sizing: border-box; }
.domain_temp2 .search_text_input {vertical-align:middle; font-size:21px; color:#326ec3; font-weight:700; padding:2px 3px 1px 10px; width:675px; height:52px; background:#fff; border:1px solid #fff; border-radius:2px; border-top-left-radius:0px; border-bottom-left-radius:0px; margin-right:4px; z-index:1;box-sizing: border-box;}
.domain_temp2 p {margin-top:10px; font-size:14px; color:#fff; text-align:left; padding-left:140px;}
.domain_temp2 p a { font-size:14px; color:#fff; }
.domain_temp2 p span {display:inline-block; background:#02aa63; font-size:13px; border-radius:10px; padding:3px 9px 3px 10px; margin-right:7px; box-sizing: border-box;}
.domain_temp2 p strong {color:#00d67b; font-weight:normal;}
.domain_temp2 p em {margin-right:5px;}
.domain_temp2 fieldset button {display:inline-block; width:140px; height:52px; vertical-align:middle; border-radius:2px; border:solid 1px #c19d06; /*background:#fdc928; */background: linear-gradient( to bottom, #fbe25b, #fec411 ); color:#333;  'NanumBarunGothic', sans-serif;  font-size:19px; font-weight:700; letter-spacing:-0.5px; }

/* 도메인검색어 자동저장 */
.search_keyword {margin:0 auto; width:1080px; position:relative;  'NanumSquare', sans-serif;}
.keyword_arrow_d {position:absolute; top:94px; left:665px; width:15px; height:10px; font-size:0; background: url('../images/main/search_down.png') no-repeat; z-index:101; }
.keyword_arrow_u {position:absolute; top:94px; left:665px; width:15px; height:10px; font-size:0; background: url('../images/main/search_up.png') no-repeat; z-index:101; }
.keyword_box {position:absolute; top:124px; left:3px; width:692px; padding:0;  'NanumSquare', sans-serif; background:#fff; border:solid 1px #a9bad1; border-bottom-left-radius:3px; border-bottom-right-radius:3px; z-index:100; box-sizing: border-box;}
.keyword_box ul.list {margin:10px 0; box-sizing: border-box;}
.keyword_box ul.list li {padding:4px 20px;}
.keyword_box ul.list li:hover {background:#f4f4f4;}
.keyword_box ul.list li a {font-size:15px; color:#333; font-weight:300;  'NanumBarunGothic', sans-serif;}
.keyword_box ul.list li a:hover {color:#2665be;}
.keyword_box ul.list li span {float:right; font-size:14px;}
.keyword_box ul.list li span em {font-style:normal; padding-right:15px;}
.keyword_box ul.list li span button.btn_clear {background: url('../images/main/search_del.png') no-repeat; font-size:0; width:10px; height:9px; vertical-align:middle;}
.keyword_box p.keyword_off {padding:15px 20px; font-size:14px; color:#666;}
.keyword_box p.control {height:24px; padding:10px 20px; background:#eceff3; font-size:13px; color:#566e90;}
.keyword_box p.control button.recently {padding:0; text-decoration:underline;  'NanumSquare', sans-serif; color:#566e90;}
.keyword_box p.control span {float:right;}
.keyword_box p.control span button.save_on {width:37px; height:24px; background:#8093ae; border:solid 1px #8093ae; color:#fff; line-height:1.6}
.keyword_box p.control span button.save_off {width:37px; height:24px; background:#fff; border:solid 1px #8093ae; color:#7385a0; line-height:1.6}
.keyword_box p.control span button.save_off:hover {color:#42536c;}
.keyword_box div.save_off_txt {position:absolute; bottom:37px; right:20px; font-size:13px; padding:2px 6px; background:#fff; border:solid 1px #8093ae;  z-index:101; box-sizing: border-box;}
/* 후이즈서비스
------------------------------------------------------ */
.whois-service {padding-top:65px; box-sizing:border-box; overflow:hidden; position:relative; }
.whois-service .service-box {width:370px;}
.mail-icon {position:absolute; top:130px; left:284px; width:70px; height:70px; background: url('../images/main/mail_icon_new.png') no-repeat; background-size:70px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.hosting-icon {position:absolute; top:130px; left:718px; width:70px; height:70px; background: url('/assets/images/main/hosting_icon_new.png') no-repeat; background-size:70px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
/*.whois-service div {float:left;} */

.whois-service h2 {font-size:35px; color:#333; text-align:center;  'NotoSans', sans-serif; font-weight:300; /* padding-bottom:50px;*/ letter-spacing:-1px;}
.whois-service ul {box-sizing:border-box; margin-top:40px; margin-bottom:80px;}
.whois-service li {display:inline-block; width:350px; text-align:center; box-sizing:border-box;}
.whois-service li img {margin-bottom:15px; transition: height 0.2s ease-out, top 0.2s ease-out, left 0.2s ease-out, transform 0.5s; width:98px;}
.whois-service li a {display:block;}
.whois-service li a:hover img { transform: translate(0px, -10px);}
/* .whois-service li a:hover p {color:#347adc;} */
.whois-service li h4 {font-size:24px; color:#333; font-weight:600; letter-spacing:-1px;}
.whois-service li h4 strong{color:#347adc; font-weight:600; }
.whois-service li p {padding-top:15px; font-size:17px; color:#666; line-height:1.3; letter-spacing:0px; font-weight:400;}
.whois-service li:nth-child(1) {width:350px; padding-bottom:40px; border-bottom:solid 1px #d9e3f1; }
.whois-service li:nth-child(2) {width:365px; padding-bottom:40px; border:solid 1px #d9e3f1; border-top:none;}
.whois-service li:nth-child(3) {width:350px; padding-bottom:40px; border-bottom:solid 1px #d9e3f1; }
.whois-service li:nth-child(4) {width:350px; padding-top:35px;}
.whois-service li:nth-child(5) {width:365px; padding-top:35px; border-left:solid 1px #d9e3f1; border-right:solid 1px #d9e3f1;  }
.whois-service li:nth-child(6) {width:350px; padding-top:35px;}

/* 배너
------------------------------------------------------ */
.banner-wrap {box-sizing:border-box; /*margin-bottom:10px;*/ overflow:hidden;}
.banner-wrap div{margin-bottom:6px;}

.banner-wrap .con-banner1{padding-right:9px; float:left;}

.banner-wrap .ban_01 {width:535px; height:235px; display:inline-block; float:left; background:#e3e6f6 url('../images/main/ban_01_bg.png') no-repeat right; margin-right:10px; margin-bottom:9px; padding:40px; box-sizing:border-box; position:relative;}
.banner-wrap .ban_01 h4 {font-size:28px; color:#333; font-weight:400; margin-bottom:46px; line-height:36px;  }
.banner-wrap .ban_01 h4 strong {color:#445af3; font-weight:400;}
.banner-wrap .ban_01 p {padding-top:25px; font-size:16px; color:#666; font-weight:400;  padding-top:15px; box-sizing:border-box; }
.banner-wrap .ban_01:hover {background:#eceeff url('../images/main/ban_01_bg.png') no-repeat 105%; }
.banner-wrap .ban_01::before {content:''; position:absolute; transform:scaleX(0.2); transform-origin:left; top:154; left:40; width:105px; height:1px; background:#445af3; margin-bottom:15px; transition: transform .3s ease;}
.banner-wrap .ban_01:hover::before {transform:scaleX(0.5); }

.banner-wrap .ban_06 {width:535px; height:235px; display:inline-block; float:left; background:#dae7f4 url('../images/main/ban_06_bg_2.png') no-repeat 97% 70%; margin-right:10px; margin-bottom:9px; padding:40px; box-sizing:border-box; position:relative;}
.banner-wrap .ban_06 h4 {font-size:26px; color:#333; font-weight:400; margin-bottom:15px; line-height:36px;  }
.banner-wrap .ban_06 h4 strong {color:#326cb6; font-weight:400; letter-spacing: -1px;}
.banner-wrap .ban_06 p {padding-top:25px; font-size:16px; color:#666; font-weight:400;  padding-top:15px; box-sizing:border-box; }
.banner-wrap .ban_06:hover {background:#e3ecf6 url('../images/main/ban_06_bg_2.png') no-repeat 105% 70%; }
.banner-wrap .ban_06::before {content:''; position:absolute; transform:scaleX(0.2); transform-origin:left; top:154px; left:40px; width:105px; height:1px; background:#326cb6; margin-bottom:15px; transition: transform .3s ease;}
.banner-wrap .ban_06:hover::before {transform:scaleX(0.5); }
 
.banner-wrap .ban_02 {width:535px; height:235px; display:inline-block; float:left; background:#e3edfb url('../images/main/ban_02_bg.png') no-repeat right; margin-right:0; margin-bottom:9px; padding:40px; box-sizing:border-box; position:relative;}
.banner-wrap .ban_02 h4 {font-size:28px; color:#333; font-weight:400; margin-bottom:15px; line-height:36px;  }
.banner-wrap .ban_02 h4 strong {color:#315bd4; font-weight:400;}
.banner-wrap .ban_02 p {padding-top:25px; font-size:16px; color:#666; font-weight:400;  padding-top:15px; box-sizing:border-box; }
.banner-wrap .ban_02:hover {background:#ebf2fc url('../images/main/ban_02_bg.png') no-repeat 105%; }
.banner-wrap .ban_02::before {content:''; position:absolute; transform:scaleX(0.15); transform-origin:left; top:160px; left:40px; width:132px; height:1px; background:#315bd4; margin-bottom:15px; transition: transform .3s ease;}
.banner-wrap .ban_02:hover::before {transform:scaleX(0.5); }

.banner-wrap .ban_03 {width:535px; height:129px; display:inline-block; float:left; background:#e7f7f2 url('../images/main/ban_03_bg.png') no-repeat right; margin-right:10px; margin-bottom:9px; padding:40px; box-sizing:border-box; }
.banner-wrap .ban_03 h4 {font-size:24px; color:#333; font-weight:400;}
.banner-wrap .ban_03 h4 strong {color:#08a36f; font-weight:400;}
.banner-wrap .ban_03 p { font-size:16px; color:#666; font-weight:400; padding-top:5px; box-sizing:border-box; }
.banner-wrap .ban_03:hover {background:#edfbf7 url('../images/main/ban_03_bg.png') no-repeat 102%; }

.banner-wrap .ban_04 {width:535px; height:129px; display:inline-block; float:left; background:#fceaea url('../images/main/ban_04_bg_n.png') no-repeat center right -27px; margin-right:0px; margin-bottom:9px; padding:30px 20px 0 30px; box-sizing:border-box; }
.banner-wrap .ban_04 h4 {font-size:30px; color:#333; font-weight:bold; letter-spacing:-1px;   line-height: 1.5;}
.banner-wrap .ban_04 h4 strong {color:#f24c4c; font-weight:bold;}
.banner-wrap .ban_04 p { font-size:17px; color:#666; letter-spacing:-0.1px; box-sizing:border-box; }
.banner-wrap .ban_04 p strong {color:#f24c4c; font-weight:normal;}
.banner-wrap .ban_04:hover {background:#fff1f1 url('../images/main/ban_04_bg_n.png') no-repeat center right -20px; }

.banner-wrap .ban_05 {width:535px; height:129px; display:inline-block; float:left; background:#e8efeb url('../images/main/ban_05_bg_.png') no-repeat right; margin-right:10px; margin-bottom:9px; padding:40px; box-sizing:border-box; }
.banner-wrap .ban_05 h4 {font-size:24px; color:#333; font-weight:400; }
.banner-wrap .ban_05 h4 strong {color:#03c75a; font-weight:400;}
.banner-wrap .ban_05 p { font-size:16px; color:#666; font-weight:400; padding-top:5px; box-sizing:border-box; }
.banner-wrap .ban_05 p strong {color:#03c75a; }
.banner-wrap .ban_05:hover {background:#e8efeb url('../images/main/ban_05_bg_.png') no-repeat 102%; }

.banner-wrap .ban_05.nworks {background:#fff url('../images/main/ban_05_bg_2.png') no-repeat 30px; border:solid 1px #03c75a;  padding:30px 20px; box-sizing:border-box;}
.banner-wrap .ban_05.nworks:hover {background:#fff url('../images/main/ban_05_bg_2.png') no-repeat 35px; border:solid 1px #03c75a; padding:30px 20px; box-sizing:border-box; transition: all .3s ease;}
.banner-wrap .ban_05.nworks div {margin-left:125px;}
.banner-wrap .ban_05.nworks h4 {font-size:30px;  font-weight:bold; letter-spacing:-2px; line-height:1.5; }
.banner-wrap .ban_05.nworks h4 strong {color:#03c75a; font-weight:bold;}
.banner-wrap .ban_05.nworks h4 span {box-shadow:inset 0 -18px #fff736; }
.banner-wrap .ban_05.nworks p { font-size:15.5px; letter-spacing:-0.5px; color:#666; line-height:1.5; padding-top:0;  }
.banner-wrap .ban_05.nworks p strong { font-weight:normal; }




/* 게시판
------------------------------------------------------ */
.board-wrap ul{height:120px; background:#f4f4f4; padding:25px;box-sizing:border-box; overflow:hidden;}
.board-wrap li:first-child {width:52%; height:100%; float:left;}
.board-wrap li:nth-child(2) {width:48%; height:100%; float:left;}
.board-wrap dl {width:490px; }
.board-wrap dt {display:inline-block; float:left; width:110px; font-size:16px; color:#333; overflow:hidden; /* background: url('../images/common/notice_arrow.png') no-repeat 21px 21px; background-position: 70px 50%; */}
.board-wrap dt a {font-size:16px; color:#222; font-weight:500;}
.board-wrap dt img {padding-left:5px; vertical-align:text-bottom;}
.board-wrap dd {float:right; display:inline-block; width:370px; font-size:15px; color:#666; line-height:1.4;}
.board-wrap dd a {font-size:15px; color:#666; font-weight:400;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline-block; width:280px; }
.board-wrap dd a:hover {color:#347adc;}
.board-wrap dd span {float:right; font-size:14px; color:#888;}
.board-wrap dd span a:hoverr {color:#347adc;}
.board-wrap .news {width:405px; }



/*신규 연장팝업 레이어*/
.layer_style{position:relative; display:block; width:720px; background: #fff; border: solid 1px #353b4c;  }
.layer_style h4{height:50px; background: #353b4c; color:#fff; font-family:inherit; font-size:18px; font-weight:bold; letter-spacing:-1px; line-height:44px; padding-left:20px;}
.layer_style h5{color: #353b4c;  font-size:32px; font-weight:bold; letter-spacing:-1px; padding: 25px 0 25px 35px; }
.layer_style h5 span{  }
.layer_style h6{color: #353b4c; font-family:inherit; font-size:32px; font-weight:bold; letter-spacing:-1px; padding: 35px 0 25px 35px; }
.layer_style h6 strong{color: #4170f2; font-family:inherit; }
.layer_style .ls_contents{padding-left:35px; font-size:14px; line-height:22px; letter-spacing:-1px;  }
.layer_style .ls_contents span{}
.layer_style .ls_contents table td{ padding:2px; }
.layer_style .ls_contents table td.pl18{padding-left:18px;}
.layer_style .ls_contents2{  padding-left:35px; padding-top:25px; font-size:24px; line-height:34px; }
.layer_style .ls_contents2 a {   }
.layer_style .ls_contents2 a:hover span.point-txt {color:#269109;}
.layer_style .ls_comment{clear:both; font-family:inherit; padding:20px 0 0 35px; font-size:13px; letter-spacing:-1px; color:#8f8f8f; }
.layer_style .ls_comment a{font-family:inherit; color:#8f8f8f; text-decoration:underline; }
.layer_style .ls_button{padding-left:35px; margin-top:20px;}
.layer_style .ls_button input{margin-right:15px; vertical-align:middle; }
.layer_style .ls_button img{margin-right:15px; vertical-align:middle; }
.layer_style .ls_button span{display:block; padding-top:17px; vertical-align:middle;  font-size:13px; text-decoration:underline; color:#b0b0b0; }
.layer_style .ls_button span a{ color:#b0b0b0;}
.layer_style .ls_footer{height:35px; background: #eaeaea; font-family:inherit; font-size:16px; letter-spacing:-1px;  text-align:left; padding-right:20px; line-height:32px; margin-top:30px; }
.layer_style .ls_footer a{font-family:inherit; color: #353b4c; padding-left:30px;}
.layer_style strong{font-weight:bold; color: #dc0000; font-family:inherit; }
.layer_style b{font-weight:bold; font-family:inherit; }
.layer_style em{font-weight:bold; color: #555; font-family:inherit; font-size:22px; font-style:normal; line-height:30px; letter-spacing:0; padding-left:10px; }
.layer_style u{text-decoration:underline; font-family:inherit; letter-spacing:0; }
.layer_style .star_banner {position:absolute; left:260px; bottom:55px;}

.sp0{letter-spacing:0;}

.btn_yellow {background: #fcd73b;
	color: #111;
	font-size: 14px;
	line-height:30px;
	padding: 0px 10px 2px 10px;
	border: solid 1px #bc9501;
	text-decoration: none;
	font-weight:400; 	 
	cursor:pointer;
	vertical-align:middle;
}

/*신규 연장팝업 레이어*/

/*220808 레이어팝업 수정*/
	.layer_style.new {box-shadow: 10px 10px 30px 5px rgb(0 0 0 / 50%);}
	.layer_style.new em {color:#222;}
	.layer_style.new .ls_button span {display: inline-block; padding-bottom: 35px; vertical-align: baseline;}
	.layer_style.new .ev_star2 {margin:0 35px; padding:17px 20px; background:#219b69 url('https://domain.whois.co.kr/img/common/popup_img_star.png') no-repeat right; }
	.layer_style.new .ev_star2 h2 {font-size:18px; color:#fff; letter-spacing:-1px;}
	.layer_style.new .ev_star2 h2 strong {color:#ffd800;}
	.layer_style.new .ev_star3 {margin:0 35px; padding:17px 20px; background:#219b69 url('https://domain.whois.co.kr/img/common/popup_img_star.png') no-repeat right; transition:0.3s;}
	.layer_style.new .ev_star3:hover {background:#29b97e url('https://domain.whois.co.kr/img/common/popup_img_star.png') no-repeat 98%; transition:0.3s;}
	.layer_style.new .ev_star3 h2 {font-size:20px; color:#fff; letter-spacing:-1px;}
	.layer_style.new .ev_star3 h2 strong {color:#ffd800;}
	.layer_style.new .ls_comment {padding:10px 0 0 35px; }
	.layer_style.new .ls_contents {padding-right:35px;}
	.layer_style.new .ls_contents .com_box {border:solid 1px #cfcfcf; padding: 13px 20px; margin-bottom: 20px;}
	.layer_style.new .ls_contents .com_box span.tit {color:#888; font-size: 14px; line-height: 1.5;}
	.layer_style.new .ls_contents .com_box span.star2 {display:none;}
/*220808 레이어팝업 수정*/




/* -------------------- 2019.12.24 후이즈 콘테스트 -------------------- */

.whois_contest {margin-top:50px;}
.whois_contest .con_visual {width:1080px; height:1624px; background: url('../images/contest/contest_visual.gif') no-repeat; font-size:0px; }

.con_text {padding-top:20px; padding-left:75px; box-sizing:border-box; }
.con_text h4 {font-size:32px;  color:#3055a4; margin-top:40px; margin-bottom:5px;}
.con_text p {font-size:26px; color:#333; line-height:37px; font-weight:600; letter-spacing:-1px;}
.con_text p strong {font-size:20px; font-weight: normal; font-style:normal;}

.con_text .reward {}
.con_text .reward li {display:inline-block; width:460px; text-align:center; padding-top:35px; background:#dee3f0; border-radius:20px; box-sizing:border-box; }
.con_text .reward li:first-child {margin-right:10px;}
.con_text .reward li h6 {font-size:40px;   color:#3055a4; margin-bottom:10px;}
.con_text .reward li p {font-size:24px; color:#333; font-weight:400; letter-spacing:-1px;}

.con_text .reward ul.video-reward li {display:inline-block; width:135px; padding:15px 0 0 0;  box-sizing:border-box;}
.con_text .reward ul.video-reward li:first-child {margin-right:0px;}
.con_text .reward ul.video-reward li div {text-align:center; padding:20px 0; background:#3055a4; border-radius:10px; color:#fff; font-weight:500; font-size:22px;  box-sizing:border-box;}
.con_text .reward ul.video-reward li p {color:#3055a4; font-size:24px; font-weight:700; padding-top:10px; margin-bottom:20px;  box-sizing:border-box;}

.domain-btn {display:block; text-align:center; margin:100px 0; }
.domain-btn a {display:inline-block; width:420px; padding:20px 30px; background:#183793; border-radius:28px; color:#fff; font-size:26px;   box-sizing:border-box;}

.whois_contest .contest_img {width:1080px; height:1502px; background: url('../images/contest/contest_img.gif') no-repeat; font-size:0px; }

.whois_contest .whois_contest_01 {text-align:center; margin:100px 0;}

.whois_contest h2 {text-align:center; font-size:40px; color:#333; font-weight:700; letter-spacing:-3px;}

.whois_contest .whois_contest_02 {background:#dee3f0; padding:60px; }
.whois_contest .whois_contest_02 img {margin-top:20px;}
.whois_contest .whois_contest_02 p {text-align:center; margin-top:30px; font-size:20px; color:#0b1350; line-height:30px; letter-spacing:-0.5px;}
.whois_contest .whois_contest_02 p strong {font-size:22px; font-weight:700;}

.whois_contest .whois_contest_03 {text-align:center; padding:100px 0;} 
.whois_contest .whois_contest_04 {text-align:center; margin-bottom:100px;} 
.whois_contest .whois_contest_04 img {margin-top:60px;}

.whois_contest .whois_contest_05 {text-align:center; } 
.whois_contest .whois_contest_05 img {margin-top:60px;}




/* -------------------- 2021.12.22 달력 수첩 이벤트 -------------------- */

.calendar {background:#0dbd96;}
.calendar .visual_area {width:1080px; height:907px; background: url('../images/main/calendar_top.jpg') no-repeat; }
.calendar .cont_area {margin:0 auto; padding:0 150px 70px; background:#fff; box-sizing:border-box;} 


.calendar .cont_area dl {  margin-bottom:10px; }
.calendar .cont_area dl:nth-last-child(1) {margin-bottom:0; }
.calendar .cont_area dt {display:inline-block; background:#005048; border-radius:50px; padding:10px 45px; text-align:center; font-size:15px; color:#fff; margin-right:25px;}
.calendar .cont_area dd {display:inline-block; font-size:17px; color:#111; }
.calendar .cont_area dd span {color:#f67b13;}

.calendar .cont_area a.btn_yellow_con {width:250px; padding:16px 0; font-size:16px;}



/* tooltip */
.tool-tip{
	color: #fff;
	background-color: rgba( 0, 0, 0, .7);
	text-shadow: none;
	font-size: .8em;
	visibility: hidden;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	-o-border-radius: 7px; 
	border-radius: 7px;	
	text-align: center;	
	opacity: 0;
	z-index: 999;
	padding: 3px 8px;	
	position: absolute;
	cursor: default;
	-webkit-transition: all 240ms ease-in-out;
	-moz-transition: all 240ms ease-in-out;
	-ms-transition: all 240ms ease-in-out;
	-o-transition: all 240ms ease-in-out;
	transition: all 240ms ease-in-out;	
}

.tool-tip,
.tool-tip.top{
	top: auto;
	bottom: 114%;
	left: 50%;		
}

.tool-tip.top:after,
.tool-tip:after{
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -7px;
	content: ' ';
	height: 0px;
	width: 0px;
	border: 6px solid transparent;
    border-top-color: rgba( 0, 0, 0, .7);	
}

/* default heights, width and margin w/o Javscript */

.tool-tip,
.tool-tip.top{
	width: 80px;
	height: 22px;
	margin-left: -43px;
}


/* on hover of element containing tooltip default*/

*:not(.on-focus):hover > .tool-tip,
.on-focus input:focus + .tool-tip{
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 240ms ease-in-out;
	-moz-transition: all 240ms ease-in-out;
	-ms-transition: all 240ms ease-in-out;
	-o-transition: all 240ms ease-in-out;
	transition: all 240ms ease-in-out;		
}


/* tool tip slide out */

*:not(.on-focus) > .tool-tip.slideIn,
.on-focus > .tool-tip{
	display: block;
}

.on-focus > .tool-tip.slideIn{
	z-index: -1;
}

.on-focus > input:focus + .tool-tip.slideIn{
	z-index: 1;
}

/* top slideIn */

*:not(.on-focus) > .tool-tip.slideIn,
*:not(.on-focus) > .tool-tip.slideIn.top,
.on-focus > .tool-tip.slideIn,
.on-focus > .tool-tip.slideIn.top{
	bottom: 50%;
}

*:not(.on-focus):hover > .tool-tip.slideIn,
*:not(.on-focus):hover > .tool-tip.slideIn.top,
.on-focus > input:focus + .tool-tip.slideIn,
.on-focus > input:focus + .tool-tip.slideIn.top{
	bottom: 110%;
}	




img {
  aspect-ratio: attr(width) / attr(height);
}


/* -------------------- 2025.10.14 검색영영 라운딩 UI 변경 -------------------- */
.Rd-search {}
.Rd-search > #serDomain2 .search_txt {margin: 28px 0 10px;}
.Rd-search .domain_temp2 fieldset {display: flex;  justify-content: left;}
.Rd-search .domain_temp2 h4 {border-top-left-radius: 50px; border-bottom-left-radius: 50px; width: 100px; height:65px; padding-left: 30px; line-height: 2.2;}
.Rd-search .domain_temp2 .search_text_input {width: 580px; height:65px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; margin-right: 0; font-size: 20px; font-weight: 500;}
.Rd-search .domain_temp2 .dom-btn-area {display: inline-block; width: 150px; height:65px; border-top-right-radius: 50px;  border-bottom-right-radius: 50px;  background: #ffffff; vertical-align: middle; padding: 6px 8px; box-sizing: border-box;}
.Rd-search .domain_temp2 fieldset button {width: 130px; height:51px;  float: right; background: #fdd217; border: none; border-radius: 50px; font-size: 18px; font-weight: 700;}
.Rd-search .domain_temp2 fieldset button:hover{background:#d11901; color:#fff; transition:0.2s; }



.Rd-search-keyword .keyword_arrow_d {top: 117px; left: 660px; cursor: pointer;}
.Rd-search-keyword .keyword_arrow_u {top: 117px; left: 660px; cursor: pointer;}
.Rd-search-keyword .keyword_box {top: 153px; left: 25px; width: 670px}

.Rd-tab-first {border-top-left-radius: 50px;  border-bottom-left-radius: 50px;}
.Rd-tab-last {border-top-right-radius: 50px;  border-bottom-right-radius: 50px; }

.border-Rd-50 {border-radius:50px;}

/* -------------------- 2026.02.19 로그인 없이 서비스 연장 -------------------- */
.mian-visual.sev-nologin { height: 450px; background: #e9f0f9 url('../images/sev/sch_bg.png') top center no-repeat; }
.mian-visual.sev-nologin .text-area {height: 250px;  text-align: center; padding-top: 90px; box-sizing: border-box;}
.mian-visual.sev-nologin .text-area dt {font-size:37px; font-weight:bold; color:#0e3162; letter-spacing: -1px;}
.mian-visual.sev-nologin .text-area dd {font-size:16px;  color:#3f4650; line-height: 2.5;}
.mian-visual.sev-nologin .text-area dd img {position: absolute;}

.radio-sev-group {display: flex;align-items: center;gap: 35px; padding: 20px 30px; user-select: none;}
.radio-item input[type="radio"] { display: none;}
.radio-item { display: flex; align-items: center;  gap: 10px;  cursor: pointer;}
.custom-radio { width: 22px; height: 22px; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 50%; position: relative; transition: all 0.2s ease;}
.label-text { color: #fff; font-size: 17px;}
.radio-item input[type="radio"]:checked + .custom-radio { background-color: #fff; border-color: #fff;}
.radio-item input[type="radio"]:checked + .custom-radio::after { content: ''; position: absolute; left: 7px; top: 3px; width: 5px; height: 10px; border: solid #1b4b96; border-width: 0 3px 3px 0; transform: rotate(45deg);}
.radio-item input[type="radio"]:checked ~ .label-text { font-weight: 600;}
.radio-item:hover .custom-radio { border-color: #fff;}

.search_star.nologin {position:absolute; top:28px; right:20px; width:170px; display:inline-block; float:right; text-align:center;}
.search_star.nologin .cont {font-size:17px; color:#fff; font-weight:300; line-height:23px; letter-spacing:-0.5px;}
.search_star.nologin .cont strong {color:#00d67b; font-weight:300; }
.search_star.nologin img {margin-top:18px;}



/* -------------------- 2026.03.24 최근검색어 UI 변경 -------------------- */
.history-keyword .domain_temp2 fieldset {position: relative; background: #fff; border-radius: 50px; width: 830px;}
.history-keyword .domain_temp2 fieldset button {transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease; }
.history-keyword .domain_temp2 fieldset button:active {  transform: scale(0.95) translateY(0);  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);  opacity: 0.8; }
.history-keyword .domain_temp2 .search_text_input {width: 680px; border-top-left-radius: 50px; border-bottom-left-radius: 50px; padding-left: 35px; z-index: 101;}
.history-keyword .domain_temp2 .inp-r {width: 150px; background: #ffffff; border-top-right-radius: 50px;  border-bottom-right-radius: 50px; }
.history-keyword .domain_temp2 .dom-sch-op {position: absolute;top: 8px; right: 150px; z-index: 202;}
.history-keyword .domain_temp2 .dom-sch-op button {width: auto; background: no-repeat; font-size: 16px;color: #85ADD8;}
.history-keyword .domain_temp2 .dom-sch-op button:hover {width: auto; background: no-repeat; font-size: 16px;color: #5989bb;}
.history-keyword .domain_temp2 .dom-btn-area { background: transparent; position: absolute; top: 0; right: 1px; z-index: 201;}

.search-history-wrap {position: absolute; top: 119px;  width: 830px; padding-top: 34px;background: #fff; z-index: 100;}
.search-history-wrap.bulk { top: 156px; padding: 0;border-radius: 35px; z-index: 200;}
.history-checkbox { display: none; }
.history-box { width: 100%; box-sizing: border-box; background-color: #f2f3f5; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 35px; border-bottom-right-radius: 35px; padding: 20px 30px; border: 2px solid transparent; transition: border-color 0.2s; }
.history-header { display: flex; align-items: center; gap: 20px; }
.toggle-switch { position: relative; display: inline-block; width: 48px; height: 28px; background-color: #a3a6ad; border-radius: 50px; cursor: pointer; transition: background-color 0.2s; }
.toggle-slider { position: absolute; top: 4px; left: 3px; width: 20px; height: 20px; background-color: #fff; border-radius: 50%; transition: transform 0.2s; }
.history-checkbox:checked ~ .history-box .toggle-switch { background-color: #5596f6; }
.history-checkbox:checked ~ .history-box .toggle-slider { transform: translateX(22px); }
.history-title { font-size: 18px; font-weight: bold; color: #000; }
.history-content { display: none; margin-top: 20px; padding-top: 20px; border-top: 1px solid #d1d4d8; }
.history-checkbox:checked ~ .history-box .history-content { display: block; }
.history-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.history-list li { display: flex; align-items: center; gap: 15px; }
.history-list li .btn-Rearea {width:48px; text-align: center; }
.btn-remove { width: 25px; height: 25px; border-radius: 50%; background-color: #c4c7cc; border: none; cursor: pointer; position: relative; padding: 0; }
.btn-remove::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 2px; background-color: #fff; border-radius: 1px; }
.history-text { font-size: 17px; color: #444; }

.textarea-wrapper { width: 100%; height: 290px; box-sizing: border-box; background-color: #fff; border-radius: 35px; padding: 15px 15px 15px 35px;  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.08);} 
.example-textarea {width: 100%;height: 100%; box-sizing: border-box; background-color: transparent;  border: none; outline: none;  padding: 0; margin: 0; font-size: 20px; color: #326ec3; font-weight: 500; line-height: 1.8; resize: none; }
.example-textarea::placeholder {color: #999999; font-size:16px; font-style: italic; }
.example-textarea::-webkit-scrollbar { width: 8px; }
.example-textarea::-webkit-scrollbar-thumb { background-color: #c4c7cc; border-radius: 4px; }
.example-textarea::-webkit-scrollbar-track { background-color: transparent; }

@keyframes schFadeInDown {
    0% { opacity: 0; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}
.sch-fade-in-down {animation: schFadeInDown 0.3s ease-out forwards;}

@keyframes schFadeOutUp {
    0% { opacity: 1; transform: translateY(0);}
    /* 🟢 이동 거리를 -30px에서 -15px로 줄여 나타날 때의 모션과 균형을 맞춥니다. */
    100% { opacity: 0; transform: translateY(10px); } 
}
/* 🟢 시간을 0.5s에서 0.25s로 줄여 닫힐 때 더 빠르고 경쾌하게 스르륵 사라지도록 합니다. */
.sch-fade-out-up {animation: schFadeOutUp 0.3s ease-out forwards;}