@charset "UTF-8";


/* font */
@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}


@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}


@font-face {
    font-family: 'GyeonggiTitleM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'Godo';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff');
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	line-height:160%;
}


body {font-family: 'S-CoreDream-4Regular', sans-serif; font-size:16px; color:#000; overflow-x:hidden; background: #fff;}
address { font-style:normal;}
a { display:block;}
html, body { height:100%;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	table-layout:fixed;
}


input, select {
    vertical-align:initial;
}


img { 
	border:none;
	vertical-align:top;
	max-width:100%;
}


.clearfix:after { 
	content:"";
	display:block;
	clear:both;
}
a:link, a:visited { color:inherit; text-decoration:none;}
a:active, a:hover { color:inherit; text-decoration:none;}


.site-wrap { height:100%;}
.wrapper {width: 1200px; margin: auto; }
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}




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


/*½ºÅµ¸Þ´º*/
#skip_menu { width:300px; position:absolute; z-index:9999;}
#skip_menu a { position:absolute; top:-100px;}
#skip_menu a:hover,
#skip_menu a:active,
#skip_menu a:focus { position:absolute; top:0; width:300px; height:20px; display:block; background:#333; color:#fff; text-align:center; font-size:16px; font-weight:bold;}


#body {width: 100%;}




/* header */
#header {padding: 1.5rem 0;}
#header .logo {float: left;}
#header .gnb {float: right;}
#header .gnb li {float: left;}
#header .gnb li a {font-family:'S-CoreDream-5Medium'; font-size: 23px; letter-spacing:-0.5px; padding: 0.375rem 0;}
#header .gnb li + li {margin-left: 5rem;}


/* footer */
#footer {background: #272626; color: #fff; font-size: 14px; padding: 2.25rem 0 2rem;}
#footer .ft_logo {float: left; width: 250px;}
#footer .ft_info {float: left; width: calc(100% - 250px);}
#footer .ft_info > p {line-height: 2; letter-spacing: -0.5px;}
#footer .ft_info .bar {display: inline-block; margin: 0 0.875rem;}
#footer .ft_info .copyright {margin-top: 0.75rem; line-height: 1.6;}


/* main */
.mainVisual {width: 100%; max-width:100%; height: 420px;}
.mainVisual .mv_wrap {width: 1200px; margin: auto;}
.mainVisual .mv_wrap .mv_tit {font-family: 'GyeonggiTitleM'; font-size: 38px; letter-spacing: -0.5px; color: #166ab5; text-shadow: 3px 3px 0 #fff; padding: 5rem 0 2rem;}
.mainVisual .mv_wrap .mv_desc {font-family: 'Godo'; font-size: 20px; letter-spacing: -0.5px; color: #333; text-shadow: 2px 2px 0 #fff;}
.mainVisual .mv_wrap .mv_desc .p_br {display: block;}


#mainContents {margin: 50px auto;}
#mainContents .con {float: left; width: calc((100% - 53px) / 3); box-sizing:border-box; border: 1px solid #999; position: relative;}
#mainContents .con:before {content:''; width: 100%; height: 5px; background: #ff3a19; position: absolute; left: 0px; top:0px;}
#mainContents .con + .con {margin-left: 26px;}
#mainContents .con.info {border: none;}
#mainContents .con.info:before {display: none;}
#mainContents .con.info > div {width: 100%; box-sizing:border-box; border: 1px solid #999; position: relative;}
#mainContents .con.info > div:before {content:''; width: 100%; height: 5px; background: #ff3a19; position: absolute; left: 0px; top:0px;}
.sec_tit {display: inline-block; font-family:'S-CoreDream-5Medium'; font-size: 28px; position: relative; margin: 2rem auto 1.125rem; letter-spacing:-0.5px;}
.sec_tit:after {content:''; width: 26px; height: 26px; background: #ffecec; border-radius:50%; position: absolute; right: -10px; top: -3px; z-index: -1;}


#mainContents .section01 .con {text-align: center; min-height: 420px;}
#mainContents #login_mini {}
#mainContents #login_mini_box {width: 82%; margin: auto;}
#mainContents #login_mini_box img {display: inline-block; margin-right: 10px; vertical-align: middle;}
#mainContents #login_mini_box input {width: calc(100% - 51px); box-sizing: border-box; border: 1px solid #ff3a19; display: inline-block; padding: 10px 15px; border-radius: 7px; vertical-align: middle; font-size: 16px; font-family: 'S-CoreDream-4Regular'; }
#mainContents #login_mini_box .login_pw {margin-top: 1rem;}
#mainContents #login_mini_box .login_btn input {margin-top: 1rem; width: 97%; background: #ff3a19; color: #fff; letter-spacing: 3px; padding: 12px; font-size: 18px; font-family: 'S-CoreDream-5Medium';}
#mainContents #login_mini2 .login_btn a {width: 85%; background: #ff3a19; color: #fff; letter-spacing: 3px; padding: 12px; font-size: 18px; font-family: 'S-CoreDream-5Medium'; box-sizing: border-box; margin: 2.15rem auto;}
#mainContents .schList {margin: 2.25rem auto 1.625rem;}
#mainContents .schList li {float: left; padding: 0 1rem; border-left: 2px solid #ff3a19; line-height: 1;}
#mainContents .schList li:first-child {border-left: none; padding-left: 0;}
#mainContents .schList li:last-child {padding-right: 0;}
#mainContents .schList li a {display: inline-block; line-height: 1;}
#mainContents #login_mini_box .login_desc {color: #666; font-size: 13px; line-height: 1.8;}
#mainContents #login_mini_box .login_desc .p_br {display: block;}
#mainContents #login_mini_box2 .login_info {font-size: 20px; border: 1px dashed #ff3a19; border-left: none; border-right: none; width: 86%; margin: 1rem auto 2rem; padding: 1.5rem 0; line-height: 1.8;}
#mainContents #login_mini_btn3.schList {text-align: center;}
#mainContents #login_mini_btn3.schList li {float: none; display: inline-block;}
#mainContents .bankInfo {}
#mainContents .bankInfo ul {text-align: center; margin: 0 auto 1.75rem; display: inline-block;}
#mainContents .bankInfo ul li {position: relative; padding-left: 1.75rem; font-size: 17px; text-align: left;}
#mainContents .bankInfo ul li + li {margin-top: 6px;}
#mainContents .bankInfo ul li:before {content:''; width: 19px; height: 16px; background: url('/base/img/renew/icon_bank.png') center no-repeat; position: absolute; left: 0; top:5px;}
#mainContents .bankInfo ul li span {display: inline-block; width: 82px; border-right: 1px solid #333; line-height: 1; margin-right: 1.125rem;}
#mainContents .bankInfo ul li:first-child span {word-spacing:27px;}
#mainContents .bankInfo ul li:last-child span {word-spacing:3px;}
#mainContents .nameInfo {margin-top: 1rem;}
#mainContents .nameInfo ul {text-align: center; display: inline-block; margin: 0 auto 1.75rem;}
#mainContents .nameInfo ul li {font-size: 15px; text-align: left;}
#mainContents .nameInfo ul li + li {margin-top: 9px;}
#mainContents .nameInfo ul li span {background: #ff3a19; display: inline-block; color: #fff; font-size: 13px; padding: 3px 5px 2px; margin-right: 5px;}
#mainContents .telInfo {font-size: 38px; vertical-align: middle; font-family: 'S-CoreDream-5Medium'; letter-spacing: -2px; line-height: 1;}
#mainContents .telInfo img {vertical-align: middle; margin-top: -10px; display: inline-block; margin-right: 5px;}
#mainContents .center {background: url('/base/img/renew/bg01.png') center 120% no-repeat; position: relative;}
#mainContents .center:after {content:''; width: 28px; height: 28px; background: url('/base/img/renew/icon_arrow.png') center no-repeat; position: absolute; left: 50%; top: 43%; transform: translateX(-50%);}
#mainContents .center ul {text-align: center; width: auto; display: inline-block;margin-top: 8.25rem;}
#mainContents .center ul li {font-size: 18px; text-align: left;}
#mainContents .center ul li:before {content: ''; width: 20px; height: 20px; background: url('/base/img/renew/icon_time.png') center no-repeat; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 8px;}
#mainContents .center ul li + li {margin-top: 0.875rem;}
#mainContents .center ul li span {width: 108px; display: inline-block; border-right: 1px solid #333; line-height: 1; margin-right: 15px;}
#mainContents .center ul li:first-child span {word-spacing: 0.5px;}
#mainContents .center ul li:nth-child(2) span {word-spacing: 2.5px;}
#mainContents .center ul li:last-child span.color--main {width: auto; border-right: none;color: #ff0000;}




#mainContents .section02 {margin-top: 50px;}
#mainContents .section02 .con:before {display: none;}
#mainContents .section02 .con a {font-size: 35px; font-family: 'S-CoreDream-5Medium'; padding: 1.375rem 2.25rem; letter-spacing: -1px; position: relative;}
#mainContents .section02 .con a:before {content:''; width: 35px; height: 35px; background: #ffecec; position: absolute; left: 1.5rem; top:1rem;border-radius: 50%; z-index: -1;}
#mainContents .section02 .notice {background: url('/base/img/renew/icon_notice.png') 92% 13px no-repeat;}
#mainContents .section02 .faq {background: url('/base/img/renew/icon_faq.png') 92% 15px no-repeat;}
#mainContents .section02 .email {background: url('/base/img/renew/icon_mail.png') 92% 13px no-repeat;}




/* sub °øÅë */
.subContents {margin: 50px auto; min-height:460px; }
.subVisual {height: 200px;}
.subVisual .sub_tit {font-family:'S-CoreDream-5Medium'; font-size: 36px; padding-top: 5.5rem;}
.subVisual .sub_tit img {display: inline-block; vertical-align: middle; margin-top: -10px; margin-right: 1rem;}
.article + .article {margin-top: 50px;}
.subVisual + table {display: none;}
.art_tit {font-size: 22px; position: relative; padding-left: 1rem; font-family:'S-CoreDream-5Medium'; margin-bottom: 0.75rem;}
.art_tit:before {content:''; width: 3px; height: 30px; background: #ff3a19; position: absolute; left: 0; top:3px;}
.art_desc {margin-left: 1rem; box-sizing: border-box;}


.tbl--vert {border-top: 1px solid #ff3a19;}
.tbl--vert td {border-bottom: 1px solid #ff3a19;padding: 0.5rem;vertical-align: middle;}
.tbl--vert td select {border: 1px solid #ff3a19; border-radius: 5px; padding: 0.375rem 0.5rem;}
.tbl--vert td input[type="text"], .tbl--vert td input[type="password"] {width: 100%; box-sizing: border-box; padding: 0.375rem 0.5rem; border: 1px solid #ff3a19; border-radius: 5px;}
.tbl--vert td input[type="radio"] {margin: 0 8px 2px 0;}
.tbl--vert td input {display: inline-block; vertical-align: middle;}
.tbl--vert td select {border: 1px solid #ff3a19; border-radius: 5px; padding: 0.375rem 0.5rem;}


/* ³ªÀÇ ¼­ºñ½º °ü¸® */
.top_hosting {border: 1px solid #ddd; border-top: 5px solid #ff3a19; box-sizing: border-box; text-align: center; padding: 1.5rem 1rem 0; margin-bottom: 50px;}
.top_hosting select {border: 1px solid #ff3a19; border-radius: 5px; padding: 0.5rem; margin-right: 1rem; vertical-align: middle; display: inline-block;}
.top_hosting .select + span {color: #ff3a19; font-weight: 600;;}
.top_hosting b {display: inline-block; vertical-align: middle;}
.tbl--vert td.tle1 {background: #fef1f1;}
#m_info_box {border: 1px solid #ddd; padding: 1.5rem; text-align: center; line-height: 1.8;}
#m_info_box .m_info_bl {display: inline-block; text-align: left; width: 8px; height: 8px; border-radius: 50%; background: #999; vertical-align: top; margin: 8px 10px 5px 0;}
#m_info_box .m_info_content {display: inline-block; text-align: left; vertical-align: top; margin-bottom: 5px; width: calc(100% - 1.5rem);}
#dns_view {margin-left: 1.25rem;}


/* ȸ¿øÁ¤º¸º¯°æ */
.tbl--vert td.member_td_bgcolor {background: #fef1f1; width: 200px !important;}
.tbl--vert td input.member_border {width: 200px;}
.tbl--vert td input + a {display: inline-block;}
.tbl--vert br {height: 0;}
.tbl--vert td table td {border-bottom: none; padding: 0;}








/**************************** ¹ÝÀÀÇü ****************************/
@media all and (max-width:1200px){


	.wrapper {width: 96%;}


	/* ¸ÞÀÎ */
	.mainVisual {background-position-x: 55% !important;}
	.mainVisual .mv_wrap {width: 96%;}
	#mainContents .schList li {padding: 0 4%;}
	#mainContents #login_mini_btn1.schList {width: 260px;}
	#mainContents #login_mini_btn1.schList li a {font-size: 15px; letter-spacing:-1px;}
	#mainContents .schList li a {letter-spacing:-0.5px;}
	#mainContents .con {width: calc((100% - 4%) / 3);}
	#mainContents .con + .con {margin-left: 2%;}
	#mainContents .nameInfo ul li {letter-spacing:-0.5px;}


}


@media all and (max-width:1024px){


	/* ¸ÞÀÎ */
	.mainVisual .mv_wrap .mv_tit {font-size: 35px;}
	.mainVisual .mv_wrap .mv_desc {font-size: 18px;}
	.mainVisual { background-position-x: 60% !important; background-size: 185% !important; height: 400px;}
	#mainContents {position: relative;}
	#mainContents .section01 .con {float: none; display: inline-block; vertical-align: top;}
	#mainContents .con {width: calc((100% - 4% - 5px) / 2);}
	#mainContents .con + .con {margin-left: 0;}
	#mainContents .con.info {margin-left: 4%;}
	#mainContents .center {margin-top: 50px; background-size: contain; background-position-y: 7rem;}
	#mainContents .section02 {position: absolute; right: 0; bottom: 0; width: calc((100% - 4% - 5px) / 2);}
	#mainContents .section02 .con {float: none; width: 100%;}
	#mainContents .section02 .con a {padding: 1.75rem 2.25rem; height: 112px; box-sizing: border-box;}
	#mainContents .section02 .con.faq {margin: 2.4rem 0;}


	/* footer */
	#footer .ft_logo {float: none; width: auto; text-align: center; margin-bottom: 2rem;}
	#footer .ft_info {float: none; width: 100%; text-align: center; font-size: 13px;}


	/* sub */
	.subVisual {background-position-x: 60% !important;}




}


@media all and (max-width:970px){


	/* header */
	#header .gnb li a {font-size: 20px;}


	/* ¸ÞÀÎ */
	.mainVisual {height: 350px; background-size: 200% !important;}
	.mainVisual .mv_wrap .mv_tit {font-size: 34px; padding: 4rem 0 2rem;}
	.mainVisual .mv_wrap .mv_desc {font-size: 17px; background-size: 180% !important; }


	/* sub */
	.subVisual {height: 180px;}
	.subVisual .sub_tit {font-size: 32px;}
	.top_hosting .select + span {margin: 0.75rem 0; display: block;}
	.art_desc {overflow-x: scroll;}
	.tbl--vert {width: 1000px;}


}




@media all and (max-width:768px){


	body {font-size: 15px;}


	/* ¸ÞÀÎ */
	.mainVisual {height: 300px;}
	.mainVisual .mv_wrap .mv_tit {font-size: 28px; padding: 3rem 0 1.5rem;}
	.mainVisual .mv_wrap .mv_desc {font-size: 15px;}
	.sec_tit {font-size: 24px; margin: 1.75rem auto 1.125rem;}
	#mainContents .section01 .con {min-height:390px;}
	#mainContents #login_mini_box {width: 88%;}
	#mainContents #login_mini_box .login_desc {letter-spacing:-0.5px;}
	#mainContents #login_mini_btn1.schList {width: 250px;}
	#mainContents #login_mini_btn1.schList li {padding: 0 3%;}
	#mainContents #login_mini_btn1.schList li:first-child {padding-left: 0;}
	#mainContents #login_mini_box2 .login_info {font-size: 18px;}
	#mainContents #login_mini2 .login_btn a {font-size: 16px; margin: 2.15rem auto 0;}
	#mainContents .bankInfo ul li {font-size: 15px;}
	#mainContents .nameInfo ul li {font-size: 14px;}
	#mainContents .telInfo {font-size: 34px;}
	#mainContents .section02 .con a {font-size: 30px; height: 102px;}
	#mainContents .center ul {margin-top: 7.5rem;}
	#mainContents .center:after {top:40%;}


	/* footer */
	#footer .ft_info p > .bar:nth-child(2) {display: block; margin: 0; height: 0; text-indent:-99999px;}
	
	/* sub */
	.subVisual {height: 160px; background-position-x: 63% !important; background-size: 1600px !important;}
	.subVisual .sub_tit {font-size: 28px;}


}


@media all and (max-width:640px){


	.wrapper {width: 94%;}


	/* header */
	#header {padding: 1.125rem 0;}
	#header .logo a {width: 170px;}
	#header .gnb li a {font-size: 18px;}
	#header .gnb li + li {margin-left: 3rem;}


	/* footer */
	#footer .ft_info .bar {display: block; height: 0; margin: 0; text-indent:-99999px;}
	#footer .ft_info p > .bar:nth-child(3), #footer .ft_info p > .bar:nth-child(5) {display: inline-block;margin: 0 0.875rem; height: auto; text-indent:0;}


	/* ¸ÞÀÎ */
	.mainVisual {height: 260px; background-size: 1200px !important;}
	.mainVisual .mv_wrap {width: 94%;}
	.mainVisual .mv_wrap .mv_tit {font-size: 25px; text-shadow:none; padding: 2.5rem 0 1rem;}
	.mainVisual .mv_wrap .mv_desc {font-size: 14px; text-shadow:none; width: 55%; word-break:keep-all;}
	.mainVisual .mv_wrap .mv_desc .p_br {display: inline-block;}
	#mainContents .section01 .con {display: block; width: 100%; min-height:auto;}
	#mainContents #login_mini_box .login_desc {margin-bottom: 1.5rem;}
	#mainContents #login_mini_box2 .login_info {margin: 0.5rem auto 1.5rem;}
	#mainContents .schList {margin: 1.5rem  auto;}
	#mainContents #login_mini2 .login_btn a {font-size: 15px; margin: 1.5rem auto 1.75rem;}
	#mainContents .con.info {margin-left: 0; margin-top: 1.5rem;}
	#mainContents .nameInfo {margin-top: 1.5rem;}
	#mainContents .center {margin-top: 1.5rem; -webkit-background-size: cover;	background-size: cover; background-position-y: 6rem;}
	#mainContents .center:after {top:45%;}
	#mainContents .center ul {margin-top: 7.5rem; margin-bottom: 1.5rem;}
	#mainContents .center ul li {font-size: 17px;}
	#mainContents .center ul li + li {margin-top: 0.5rem;}
	#mainContents .telInfo {margin-top: 0.375rem;}
	#mainContents .bankInfo ul {display: block; width: 280px;}
	#mainContents .nameInfo ul {display: block; width: 320px;}
	#mainContents .nameInfo ul li {letter-spacing:0;}


	#mainContents .section02 {position: inherit; right: auto; bottom: auto; width: 100%; margin-top: 1.5rem;}
	#mainContents .section02 .con.faq {margin: 1.5rem 0;}


	/* sub */
	.subVisual {height: 140px; background-position-x: 62% !important; background-size: 1300px !important;}
	.subVisual .sub_tit {font-size: 24px; padding-top: 4.25rem;}
	.subVisual .sub_tit img {margin-top: -5px; margin-right: 0.75rem; width: 35px;}
	.art_tit {font-size: 20px; padding-left: 0.75rem;}
	.art_tit:before {height: 26px;}
	.art_desc {margin-left: 0.75rem;}
	.tbl--vert {width: 820px;}
	


}


@media all and (max-width:480px){
	
	body {font-size: 14px;}


	/* header */
	#header .logo a {width: 150px;}
	#header .gnb li a {font-size: 16px;}
	#header .gnb li + li {margin-left: 2rem;}


	/* footer */
	#footer {font-size: 12px;}
	#footer .ft_info p > .bar:nth-child(3), #footer .ft_info p > .bar:nth-child(5) {margin: 0 0.5rem ;}


	/* ¸ÞÀÎ */
	.mainVisual {height: 240px; background-size: 1100px !important;}
	.mainVisual .mv_wrap .mv_tit {font-size: 20px; padding: 2rem 0 1rem;}
	.mainVisual .mv_wrap .mv_desc {font-size: 12.5px; width: 60%; letter-spacing:-0.5px;}
	#mainContents #login_mini_box2 .login_info {font-size: 16px; padding: 1.25rem 0;}
	.sec_tit {font-size: 22px;}
	#mainContents .bankInfo ul li span {width: 78px;}
	#mainContents .nameInfo ul li span {font-size: 12px;}
	#mainContents .telInfo {font-size: 30px;}
	#mainContents .center {background-position-y: 5rem;}
	#mainContents .center:after {top: 42%;}
	#mainContents .center ul {margin-top: 6.5rem;}
	#mainContents .center ul li {font-size: 16px;}
	#mainContents .section02 .con a {font-size: 26px; height: auto; padding: 1.5rem 2.25rem;}


	/* sub */
	.subVisual {height: 130px; background-position-x: 65% !important; background-size: 1200px !important;}
	.subVisual .sub_tit {font-size: 22px; padding-top: 4rem;}
	.subVisual .sub_tit img {width: 30px;}
	.art_tit {font-size: 18px; padding-left: 0.5rem;}
	.art_tit:before {height: 24px;}
	.art_desc {margin-left: 0.5rem;}
	.tbl--vert {width: 600px;}
	.tbl--vert td {padding: 0.375rem 0.5rem; font-size: 13px;}
	#m_info_box {padding: 1rem 1.25rem;}
	#m_info_box .m_info_bl {width: 6px; height: 6px; margin: 7px 7px 5px 0;}
	#dns_view {margin-left: 0.875rem; word-break: break-all;}
	.tbl--vert td input.member_border {width: 125px;}
	.tbl--vert td.member_td_bgcolor {width: 150px !important;}


}


@media all and (max-width:380px){


	




}