@import url("/new/css/font.css?2603");
@import url("/new/css/common.css?26030");
@charset "utf-8";

 html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, img, ins, q, samp, strong, sub, sup, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button  {vertical-align:baseline;font-family: var(--font-main);  outline:0; padding:0; margin:0; border:0 none; }

#login_area .member_btn{float:left;display:inline;margin-left:15px;margin-top:4px; }
#login_area .member_info{float:left;display:inline;color:#333;margin-left:20px;margin-top:5px; color:#666; }
#login_area .member_info a{color:#666; font-size: var(--fs-15); }
#login_area .member_name{color:#5057d9; font-weight:bold; font-size: var(--fs-15); }
#login_area .top_rolling_notice{height:25px; float:right; text-align:left; margin:3px 0px 5px 0;}
#login_area .top_rolling_notice img{margin-right:5px;vertical-align:middle;}
#login_area .top_rolling_notice ul{vertical-align:top; padding-top:0px; padding-left:20px;}

#wrap.inner_12 #login_area {width:1200px; height: 34px; padding: 4px 0 0; position:relative;margin:0 auto; background:#f7f7f7; overflow:hidden; display:block;}
#wrap.inner_12 #login_area .member_btn .txt_ext { font-size: var(--fs-14); display:inline-block; vertical-align:middle; padding-left:15px; }

#header {position:relative; height:92px;  z-index:10;margin:0; padding:0;}
#header h1 {position:absolute; left:10px; top:44px; z-index:-1;}
#header .ban_iso{position:absolute; right:5px; top:60px; z-index:-1;}

#header h2{position:absolute;left:115px; top:61px; z-index:-1; }
#header h2 a {color:#325cd6; font-size:30px; letter-spacing: var(--ls-narrow); }
#header h2 a:hover, #header h3 a:hover {text-decoration:none; }
#header h3{position:absolute;left:310px; top:57px; z-index:-1;  }
#header h3 a {font-size:11.5px; letter-spacing:-0.5px; line-height:14px; }

#wrap.inner_12 .logo-area .ban_H_nworks2 { position:relative; font-family: var(--font-gmarket); height:35px; padding-top:3px; z-index:-1; background:url('/images/gnb/logo_nworks2.svg') no-repeat left 5px; background-size: 30px 21px; text-indent:36px; z-index:3; font-weight:700; }
#wrap.inner_12 .logo-area .ban_H_nworks2 a{ font-size: var(--fs-18); font-family: var(--font-gmarket); letter-spacing: var(--ls-narrow);  line-height: var(--lh-base); color:#202936; }
#wrap.inner_12 .logo-area .ban_H_nworks2 a:hover {text-decoration:none; box-shadow: inset 2px -9px 0px #fff736;}
#wrap.inner_12 .logo-area .ban_H_nworks2 a strong { color:#e12020; font-family: var(--font-gmarket); }



/* -------- 메인 UI개편 2022.09.27 -------- */

#webh_service .webh_main span {
 display: inline-block;
 vertical-align: top;
}


/* ---- 2025.12.16 메인 WIDTH 변경 ---- */
.inner_12 {margin:0 auto; width:1200px; background:transparent; }
.btn-wauto { padding-left: 35px !important; padding-right: 35px !important; width: auto !important; }

#wrap.inner_12 {margin:0 auto; width:1200px; background:transparent; }

#wrap.inner_12 .logo-area { display: flex; justify-content: space-between; align-items: flex-end; padding: 15px 10px; box-sizing:border-box; }
#wrap.inner_12 .logo-area ul {  padding: 0; line-height: 1; }
#wrap.inner_12 .logo-area ul li { display: inline-block; padding-right: 5px; }
#wrap.inner_12 .logo-area .logo-area-img img {vertical-align:bottom; }
#wrap.inner_12 .logo-area .logo-area-title {font-size: var(--fs-32); color:#325cd6; line-height:50px;  letter-spacing: var(--ls-narrow);  margin-bottom:10px;  z-index:-1; }
#wrap.inner_12 .logo-area .logo-area-title a {color:#325cd6; font-size: var(--fs-32); letter-spacing: var(--ls-narrow);  }
#wrap.inner_12 .logo-area .logo-area-detail {font-size:13px; letter-spacing:-0.5px; line-height:15px; }

#wrap.inner_12 .txt_contents { line-height:26px; padding:5px 0 10px 0; }
#wrap.inner_12 .txt_contents_18 { line-height:28px; padding:5px 0 10px 0; font-size: var(--fs-18); }

.tab_content{display:block; font-size:12px; }
.tab_content dl {clear:both;}
.tab_content dl dt{float:left; display:inline;margin-right:40px;margin-left:20px;margin-bottom:10px;}
.tab_content dl dd{margin-left:240px;min-height:70px;line-height:18px;}
.tab_content dl dd h2, .tab_content dl dd .txt_title{background:none; padding-left:-15px; color:#555555; font-size:13px; font-weight:bold;padding-bottom:7px;}
.tab_content dl dd img{vertical-align:middle;}
.tab_content dl dd .btn_img{display:inline-block; margin-top:5px; vertical-align:middle;}
.tab_content dl dd .icon_img{vertical-align:middle; margin-left:5px;}
.tab_content dl dd .text2{margin-top:5px; color:#919bd4;}
.tab_content .content_notice{border:solid 1px #99a3d8; padding:23px 35px; margin-top:-25px; margin-bottom:35px; background:#fafbff; color:#333335;}
.tab_content .content_notice .border_line{border:solid 1px #fff;}
.content_notice2{border-collapse:separate; border-spacing:0px; border:1px solid #99a3d8;  padding:23px 15px 23px 20px; margin-top:10px; margin-bottom:10px; background:#fafbff; color:#333335;}
.content_notice2 .btn_apply{position:absolute; right:0px; top:-5px}
.content_notice2 .border_line{border:solid 1px #fff;}

.content_notice3{border:1px solid #99a3d8; padding:25px 30px 25px 30px; margin-top:10px; margin-bottom:10px; background:#fafbff;  }
.content_notice3 ul {padding:0px !important; }
.content_notice3 ul li {padding-bottom:7px; line-height: 26px; color:#333333; letter-spacing:-0.5px;}
.content_notice3 .btn_apply{display:block; margin:10px 0 5px 10px; }


.table01 {margin-top:10px;border-collapse: collapse;}
.table01 th{ line-height: 26px; font-weight:bold; height:30px;border:solid 1px #d7d7d7; background:#f8f8f8; border-left:none; vertical-align:middle; letter-spacing:0; padding:3px;  }
.table01 th.normal{ font-weight:normal; height:30px;border:solid 1px #d7d7d7; background:#f8f8f8; border-left:none;vertical-align:middle;letter-spacing:0;padding:3px;  }
.table01 th.t_top{  height:30px;background:#f8f8f8; border-top:solid 2px #7f8fcd;border-left:none; letter-spacing:-1px;}
.table01 th.gray{border-top:2px solid #9c9c9c; background:#f8f8f8;}
.table01 th.white_none{ font-weight:normal; text-align:left; padding-left:20px;background:#fff; border-top:solid 2px #9c9c9c;border-right:none;}
.table01 th.none{ background:#f8f8f8; border-bottom:solid 1px #d7d7d7; border-right:none;}
.table01 td{ line-height: 26px;padding:7px 10px; text-align:center;border-bottom:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; vertical-align:middle; letter-spacing:0;}
.table01 td.none{text-align:center;border-bottom:solid 1px #d7d7d7; border-right:0}
.table01 td.white_none_top{text-align:left; padding-left:20px;  border-top:solid 2px #9c9c9c; border-right:0}
.table01 td.white_none{text-align:left; padding-left:20px; border-bottom:solid 1px #d7d7d7; border-right:0}
.table01 td ol li{ line-height: 26px; text-align:left; padding-left:10px; padding-bottom:2px; background: url('/images/common/dot_gray.gif') no-repeat 3px 8px;}

#wrap.inner_12 a.btn_Mem {  font-size: var(--fs-14); width:80px; }
#wrap.inner_12 a.btn_Mem_gray {  font-size: var(--fs-14); width:80px; margin-left:5px; }
#wrap.inner_12 .f11_k { font-size: var(--fs-13); letter-spacing:0; }
 

.listSY12 {width:100%; table-layout: fixed; padding:0; text-align:center; box-sizing: border-box; margin: 10px 0 20px; }
.listSY12 * {font-family: 'Roboto', 'NotoSans', sans-serif; -khtml-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; box-sizing: border-box;}
.listSY12 li.off {position: relative; vertical-align: middle; text-align:center; background:#f5f5f5; border:1px solid #cecece; border-bottom:1px solid #2a313c; border-width:1px 1px 1px 0; }
.listSY12 li:first-child {border-width:1px 1px 1px 1px;}
.listSY12 li.t-SSL {background:#fff1f3; }
.listSY12 li a {position: relative; display:block; width:100%; color:#333; padding:13px 0 13px; text-decoration:none; font-size: var(--fs-18); line-height:26px;font-weight:bold; letter-spacing:-1px;}
.listSY12 li a:hover {background:#fff; }
.listSY12 li.on {border-right:1px solid #2a313c; border-left:1px solid #2a313c; border-top:3px solid #325cd6; border-width:3px 1px 0 1px;}
.listSY12 li.on a { padding-top:10px; color:#333333; background:#fff;font-size: var(--fs-18); line-height:26px;  }
.listSY12 li.on:before {display:block; clear:both; content:""; position: absolute; top:-2px; left:-1px; width:1px; height:calc(100% + 2px); } /*background:#2a313c;*/
.listSY12 li.on:after {display:block; clear:both; content:""; position: absolute; bottom:-1px; left:0; width:100%; height:1px; background:#fff;} 
.listSY12 li.on:first-child:before {display:none;}
.listSY12 li.t-SSL.on {background:#fff; }



#wrap.inner_12 #main_contents.new .main_img3 .banner_num {position: absolute; top: 10px; right: 10px;}
#wrap.inner_12 #main_contents.new .main_img3 .banner_num ul {padding:0;}
#wrap.inner_12 #main_contents.new .main_img3 .banner_num li {display:inline-block; font-size: 0; margin-right: 3px;}
#wrap.inner_12 #main_contents.new .main_img3 .banner_num .banner_num_off {display: block; width: 15px; height: 15px; background: #dedede; margin-bottom: 3px; cursor: pointer;  border-radius: 50px;}
#wrap.inner_12 #main_contents.new .main_img3 .banner_num .banner_num_on {display: block; width: 15px; height: 15px; background: #4f63de; margin-bottom: 3px; cursor: pointer;  border-radius: 50px;}

#wrap.inner_12 #main_contents.new .main_img3{float:left;  }
#wrap.inner_12 #main_contents.new .main_img3 .mainVisual {width: 1200px; height: 289px; padding: 50px 0 0 30px; box-sizing: border-box; background: url('/images/main/visual_01.png') 200px bottom no-repeat; background-size: 960px; transition:0.5s; cursor: pointer;}
#wrap.inner_12 #main_contents.new .main_img3 .mainVisual:hover a {background:none; color:inherit; transition:0.5s; cursor:pointer; }
#wrap.inner_12 #main_contents.new .main_img3 .mainVisual .visual_title {   font-weight: var(--fw-semibold); font-size: var(--fs-50); color: #333; line-height: 1; letter-spacing: -2px; margin-bottom: 15px; }
#wrap.inner_12 #main_contents.new .main_img3 .mainVisual .visual_title strong { color: #4f63de; font-family: inherit; letter-spacing: -1px; font-weight: var(--fw-semibold); }
#wrap.inner_12 #main_contents.new .main_img3 .mainVisual .visual_sub {  font-weight: normal; font-size: var(--fs-18); line-height: var(--lh-mid); color: #333; margin-bottom: 40px; }
#wrap.inner_12 #main_contents.new .main_img3 .mainVisual .visual_sub strong { color: #4f63de; font-family: inherit; letter-spacing: -1px; font-weight: 500; }
#wrap.inner_12 #main_contents.new .main_img3 .mainVisual.sms { height:290px; padding: 40px 0 0 30px; box-sizing: border-box; background: url('/images/main/visual_02.png') 200px bottom no-repeat; background-size: 960px;  padding-top: 42px; transition:0.5s;}
#wrap.inner_12 #main_contents.new .main_img3 .mainVisual.media { height:290px; padding: 40px 0 0 30px; box-sizing: border-box; background: url('/images/main/visual_03.png') 200px bottom no-repeat; background-size: 960px; transition:0.5s;}
#wrap.inner_12 #main_contents.new .main_img3 .mainVisual:hover {background: url('/images/main/visual_01.png') 150px bottom no-repeat;  background-size: 960px; cursor: pointer; transition:0.5s;}
#wrap.inner_12 #main_contents.new .main_img3 .mainVisual:hover.sms { background: url('/images/main/visual_02.png') 150px bottom no-repeat; background-size: 960px; transition:0.5s;}
#wrap.inner_12 #main_contents.new .main_img3 .mainVisual:hover.media { background: url('/images/main/visual_03.png') 150px bottom no-repeat; background-size: 960px; transition:0.5s;}
#wrap.inner_12 #main_contents.new .main_img3 .mainVisual .sms_sale strong {font-weight:bold;  color:#e12020;  }
#wrap.inner_12 #main_contents.new .main_img3 .mainVisual .star-event {position: absolute; top: 160px; left: 240px;}
#wrap.inner_12 #main_contents.new .main_img3 .mainVisual .star-event img {vertical-align:middle;}
#wrap.inner_12 #main_contents.new .main_img3 .mainVisual .star-event .txt {display:inline-block; vertical-align:middle;  line-height: var(--lh-mid); color:#2f2f2f; }
#wrap.inner_12 #main_contents.new .main_img3 .mainVisual .star-event .txt strong {color:#0e8d32; }
#wrap.inner_12 #main_contents.new .main_img3 .mainVisual .sms_sale {display: inline-block; vertical-align: middle; font-size: var(--fs-24);  letter-spacing: -1.5px; padding-left: 15px;  padding-top:6px; }


#wrap.inner_12 #main_contents.new .main_sv { clear: both;}
#wrap.inner_12 #main_contents.new .main_sv .webh_ban { display:inline-block;  float:left; margin-right:10px; width: 410px; height:430px; background:#0d94cc url('/images/main/main_web_img_bg2.png') 100px bottom no-repeat; background-size: 342px 430px; padding:40px 30px 40px 35px; box-sizing:border-box; cursor: pointer; transition:0.5s; }
#wrap.inner_12 #main_contents.new .main_sv .webh_ban:hover {background:#1d8cbb url('/images/main/main_web_img_bg3.png') 10px bottom no-repeat; background-size: 342px 430px; filter: drop-shadow(10px 15px 10px rgb(0 0 0 / 30%));  transition:0.5s;}
#wrap.inner_12 #main_contents.new .main_sv .webh_ban h1 { font-size: var(--fs-32);  font-weight:var(--fw-semibold); color: #fff; line-height: 1.2; margin-bottom: 20px;} 
#wrap.inner_12 #main_contents.new .main_sv .webh_ban h1 strong {  font-weight:var(--fw-semibold);  box-shadow: inset 0 -16px #19b48e; display: inline-block; }
#wrap.inner_12 #main_contents.new .main_sv .webh_ban p {letter-spacing: 0; color:#fff;  line-height:1.4; word-break: keep-all; }
#wrap.inner_12 #main_contents.new .main_sv .webh_ban em { font-size: var(--fs-18); letter-spacing: 0;  color: #fff; border-bottom: solid 1px #fff; }


#wrap.inner_12 #main_contents.new .main_sv .main_sv_area { display:inline-block; width: 780px}
#wrap.inner_12 #main_contents.new .main_sv .main_sv_area em { font-size: var(--fs-18); color: #fff; border-bottom: solid 1px #fff; }
#wrap.inner_12 #main_contents.new .main_sv .main_sv_area .ssl_ban { display:inline-block; width: 780px; height:210px; background: #2f305d url('/images/main/main_ssl_img_bg2.png') 230px bottom no-repeat; background-size: 620px 210px; padding:40px 40px; margin-bottom: 10px; box-sizing:border-box; cursor: pointer; transition:0.5s; }
#main_contents.new .main_sv .main_sv_area .ssl_ban:hover {background:#212246 url('/images/main/main_ssl_img_bg3.png') 55px bottom no-repeat; background-size: 620px 210px; filter: drop-shadow(10px 10px 10px rgb(0 0 0 / 30%)); transition:0.5s;}
#wrap.inner_12 #main_contents.new .main_sv .main_sv_area .ssl_ban .con_title {font-size:var(--fs-30);  font-weight:var(--fw-semibold); color: #fff; line-height: 1.2; margin-bottom: 10px;}
#wrap.inner_12 #main_contents.new .main_sv .main_sv_area .ssl_ban p {letter-spacing: 0; color:#fff;  line-height:1.4; letter-spacing:0px; word-break: keep-all; }

#wrap.inner_12 #main_contents.new .main_sv .main_sv_area .sms_ban { display:inline-block; float:left; width: 385px; height:210px; background: #3275da url('/images/main/main_sms_img2.png') 275px 150px no-repeat; background-size: 110px 90px; padding: 35px 30px 40px 35px; box-sizing:border-box; margin-right:10px; cursor: pointer;  transition:0.5s;}
#wrap.inner_12 #main_contents.new .main_sv .main_sv_area .sms_ban:hover {background:#3569b7 url('/images/main/main_sms_img3.png') 185px 150px no-repeat; background-size: 110px 90px; filter: drop-shadow(10px 10px 10px rgb(0 0 0 / 30%)); transition:0.5s;}
#wrap.inner_12 #main_contents.new .main_sv .main_sv_area .sms_ban .con_title {font-size: var(--fs-28);  font-weight:var(--fw-semibold); color: #fff; line-height: 1.2; letter-spacing: 0px; margin-bottom: 10px;}
#wrap.inner_12 #main_contents.new .main_sv .main_sv_area .sms_ban p {  line-height:1.4; color:#fff; letter-spacing: 0;}

#wrap.inner_12 #main_contents.new .main_sv .main_sv_area .media_ban { display:inline-block; width: 385px; height:210px; background: #6065d4 url('/images/main/main_media_img2.png') 275px 150px no-repeat; background-size: 120px 100px; padding: 35px 30px 40px 35px; box-sizing:border-box; cursor: pointer;  transition:0.5s;}
#wrap.inner_12#main_contents.new .main_sv .main_sv_area .media_ban:hover {background:#5256a9 url('/images/main/main_media_img3.png')185px 150px no-repeat; background-size: 120px 100px; filter: drop-shadow(10px 10px 10px rgb(0 0 0 / 30%)); transition:0.5s;}
#wrap.inner_12 #main_contents.new .main_sv .main_sv_area .media_ban .con_title {font-size: var(--fs-28);  font-weight:var(--fw-semibold); color: #fff; line-height: 1.2; letter-spacing: 0px; margin-bottom: 10px;}
#wrap.inner_12 #main_contents.new .main_sv .main_sv_area .media_ban p {  letter-spacing: 0; color:#fff; line-height:1.4;}


#wrap.inner_12 #main_contents.new .main_sv .webh_ban:hover {background:#1d8cbb url('/images/main/main_web_img_bg3.png') 10px bottom no-repeat; background-size: 342px 430px;}
#wrap.inner_12 #main_contents.new .main_sv .main_sv_area .ssl_ban:hover {background:#212246 url('/images/main/main_ssl_img_bg3.png') 170px bottom no-repeat; background-size: 620px 210px;}
#wrap.inner_12 #main_contents.new .main_sv .main_sv_area .sms_ban:hover {background:#3569b7 url('/images/main/main_sms_img3.png') 225px 150px no-repeat; background-size: 110px 90px; }
#wrap.inner_12 #main_contents.new .main_sv .main_sv_area .media_ban:hover {background:#5256a9 url('/images/main/main_media_img3.png')225px 150px no-repeat; background-size: 120px 100px; }

#wrap.inner_12 #main_contents.new .main_csc {padding:10px 0 70px;}
#wrap.inner_12 #main_contents.new .main_csc .mail_ban {width:410px;display:inline-block; float:left; height:200px; margin-right:10px; background:#fff; border:solid 1px #0d94cc; padding:35px 30px 30px 35px; box-sizing:border-box; cursor: pointer; transition:0.5s;}
#wrap.inner_12 #main_contents.new .main_csc .mail_ban:hover {filter: drop-shadow(10px 10px 10px rgb(0 0 0 / 30%)); transition:0.5s;}
#wrap.inner_12 #main_contents.new .main_csc .mail_ban .con_title {font-size: var(--fs-26);  font-weight:var(--fw-semibold); color: #111; line-height: 1.2; letter-spacing: 0px; margin-bottom: 10px; }
#wrap.inner_12 #main_contents.new .main_csc .mail_ban p  {color:#333;   line-height:1.4;  letter-spacing: 0;}
#wrap.inner_12 #main_contents.new .main_csc .mail_ban em { border-bottom: solid 1px #3275da;  color: #3275da; }

#wrap.inner_12 #main_contents.new .main_csc .transfer_ban {width:385px; display:inline-block; float:left; height:200px; margin-right:10px; background:#fff; border:solid 1px #0d94cc; padding:35px 30px 30px 35px; box-sizing:border-box; cursor: pointer; transition:0.5s;}
#wrap.inner_12 #main_contents.new .main_csc .transfer_ban:hover {filter: drop-shadow(10px 10px 10px rgb(0 0 0 / 30%)); transition:0.5s;}
#wrap.inner_12 #main_contents.new .main_csc .transfer_ban .con_title {font-size: var(--fs-26);  font-weight:var(--fw-semibold); color: #111; line-height: 1.2; letter-spacing: 0; margin-bottom: 10px; }
#wrap.inner_12 #main_contents.new .main_csc .transfer_ban p  {color:#333;   line-height:1.4;  letter-spacing: 0;}
#wrap.inner_12 #main_contents.new .main_csc .transfer_ban em {   border-bottom: solid 1px #3275da;  color: #3275da; }

#wrap.inner_12 #main_contents.new .main_csc .con_title strong {  font-weight:var(--fw-semibold); color: #3275da; }
#wrap.inner_12 #main_contents.new .main_csc .noti_area { width:385px; display:inline-block; height:200px; background:#e9eaf1; padding: 25px 20px 25px 30px; box-sizing:border-box; }
#wrap.inner_12 #main_contents.new .main_csc .noti_area .con_title { margin-bottom:10px; }
#wrap.inner_12 #main_contents.new .main_csc .noti_area .con_title a { display: block; font-size: var(--fs-20);  font-weight:var(--fw-semibold); color:#333333;  letter-spacing:0px;}
#wrap.inner_12 #main_contents.new .main_csc .noti_area .con_title a:hover {color:#4f63de;}
#wrap.inner_12 #main_contents.new .main_csc .noti_area .con_title a .more:before, .more:after { position: absolute; top:25px; right: 45px; content: ' '; height: 20px; width: 2px; background: #000;}
#wrap.inner_12 #main_contents.new .main_csc .noti_area .con_title a .more:before { transform: rotate(90deg);}
#wrap.inner_12 #main_contents.new .main_csc .noti_area .con_title a .more:after { transform: rotate(0deg);}
#wrap.inner_12 #main_contents.new .main_csc .noti_area .con_title a:hover .more:before  {background: #4f63de;}
#wrap.inner_12 #main_contents.new .main_csc .noti_area .con_title a:hover .more:after {background: #4f63de;}
#wrap.inner_12 #main_contents.new .main_csc .noti_area ul {padding:0;}
#wrap.inner_12 #main_contents.new .main_csc .noti_area ul li {padding: 5px 0; position: relative; }
#wrap.inner_12 #main_contents.new .main_csc .noti_area ul li:before {content: ""; width: 4px; height: 4px; background: #4f63de; position: absolute; top: 13px; left: 0px;}
#wrap.inner_12 #main_contents.new .main_csc .noti_area ul li a { color:#666; padding-left: 10px;  line-height: 1.3;}
#wrap.inner_12 #main_contents.new .main_csc .noti_area ul li a:hover {color:#4f63de;}


#wrap.inner_12 .customer-wrap {position:static; padding-top:30px; border:solid 1px #aaa; border-left:none; border-right:none; background:#f6f6f6; overflow:hidden; display:inline-block;}
#wrap.inner_12 .customer-wrap .cs-box {margin:0px; padding:0px; height:230px; background:#fff; border-top:solid 1px #e3e3e3; box-sizing:border-box; }
#wrap.inner_12 .customer-wrap .cs-info {width:300px; padding: 14px 25px 12px 25px; float:left; margin:0px; display:inline-block; border-right:solid 1px #e3e3e3;  box-sizing:border-box;}
#wrap.inner_12 .customer-wrap .cs-info ul {padding:0;}
#wrap.inner_12 .customer-wrap .cs-info li {padding:4px 0; border-bottom:dashed 1px #c8c8c8;background: url('/images/common/cs_arrow.png') no-repeat 8px 12px; background-position: 99% 50%}
#wrap.inner_12 .customer-wrap .cs-info li:last-child {border-bottom:none;}
#wrap.inner_12 .customer-wrap .cs-info li a { letter-spacing: var(--ls-narrow);  font-weight:500; font-size: var(--fs-15); }
#wrap.inner_12 .customer-wrap .cs-info li a:hover {color:#3977ca;}
#wrap.inner_12 .customer-wrap .cs-serive {width:300px; padding: 24px 25px; margin:0px; float:left; height:100%; border-right:solid 1px #e3e3e3; vertical-align:top; box-sizing:border-box;}
#wrap.inner_12 .customer-wrap .cs-serive ul {padding:0}
#wrap.inner_12 .customer-wrap .cs_naver a {   letter-spacing: var(--ls-narrow); }
#wrap.inner_12 .customer-wrap .cs_naver img {padding-right: 10px;}
#wrap.inner_12 .customer-wrap .cs_kakao a {   letter-spacing: var(--ls-narrow); }
#wrap.inner_12 .customer-wrap .cs_kakao img {padding-right: 10px;}
#wrap.inner_12 .customer-wrap .cs_counseling a {   letter-spacing: var(--ls-narrow); }
#wrap.inner_12 .customer-wrap .cs_counseling img {padding-right: 10px;}
#wrap.inner_12 .customer-wrap .cs-on {height:13px; padding:1px 5px 2px 5px; background:#f64d00; font-size:10px; color:#fff; border-radius:3px;}
#wrap.inner_12 .customer-wrap .cs-off {height:13px; padding:1px 5px 2px 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:var(--fs-26); line-height:28px; text-align:center;margin-bottom:15px;}
.star_area h3 { display:inline-block; white-space:pre; word-wrap: break-word; word-break: break-all; color:#555; 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: var(--fs-42);  line-height:50px;  letter-spacing:-2px; text-align:left; font-weight:800;}
.star_area .star_graph{display:inline-block; width:136px; height:24px; } 
.star_area .star_graph { 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('/images/common/icon_star_n1.png') repeat-x;}
#star li.curr {background: url('/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;}

/*랜딩페이지 고객만족도*/
.star_area2 {display:block; min-width:300px; color:#ccc; font-size:26px; line-height:28px; margin:10px 20px;}
.star_area2 .cs_score {display:inline-block; margin-right: 30px;}
.star_area2 .cs_score_date {display:block; font-size:var(--fs-16); line-height:20px; letter-spacing: var(--ls-narrow);  color:#333; text-align:left; margin-top:15px;}
.star_area2 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_area2 h3 strong { color:#fff; letter-spacing:0px; font-weight:700; color:#333; }
.star_area2 h4 { display:inline-block; color:#000000; font-size: 42px; line-height:50px;  letter-spacing:-2px; text-align:left; font-weight:800;}
.star_area2 h5 {display:inline-block;  color:#333333; line-height:2.5; letter-spacing: var(--ls-narrow);  vertical-align:top;}
.star_area2 .star_graph{display:inline-block; width:136px; height:24px; /* background: url('../images/common/icon_star_n1.png') left ; background-size: 136px 24px; -webkit-background-size: 136px 24px; */} 
.star_area2 .star_graph {/* float:left; */ padding:10px 0 5px 5px;}
.star_area2 .star-number { display:inline-block; color:#000000; font-size: 42px; line-height:50px;  letter-spacing:-2px; text-align:left; font-weight:800; }
.star_area2 .star-label { display:inline-block; font-size:18px; color:#333333; font-weight:normal; line-height:2.5; vertical-align:top; }


/*친절상담*/
.customer-wrap .cs_counseling {display:inline-block; padding-top:15px;} 
.customer-wrap .cs_counseling img {height:49px; display:inline-block; float:left; padding-right:4px;}
.customer-wrap .cs_counseling p {float:left; line-height:2;}
.customer-wrap .cs_counseling a {display:block; color:#333; letter-spacing:-1.5px; font-weight:700;}
.customer-wrap .cs_counseling a strong {color:#347adc;  font-weight:700;}
/*네이버톡톡*/
.customer-wrap .cs_naver {display:inline-block; padding-bottom:15px;}
.customer-wrap .cs_naver img {height:49px; display:inline-block; float:left; padding-right:4px;}
.customer-wrap .cs_naver p {float:left; line-height:2;}
.customer-wrap .cs_naver a {display:block; color:#333; letter-spacing:-1.5px; 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:49px; display:inline-block; float:left; padding-right:4px;}
.customer-wrap .cs_kakao p {float:left; line-height:2;}
.customer-wrap .cs_kakao a {display:block; color:#333; letter-spacing:-1.5px; font-weight:700;}
/*ARS 전화*/
.customer-wrap .cs-tel {margin:0px; float:left;  background:#fff; padding:30px 25px 22px 35px;width:600px; height:100%; vertical-align:top; box-sizing:border-box;}
.customer-wrap .cs-tel .tel-ars h3 {display:inline-block; font-size:43px; color:#347adc; letter-spacing:-2px; font-weight:400; line-height:1; margin-bottom:3px; } 
.customer-wrap .cs-tel .tel-ars dl {display:inline-block;  font-size:14px; color:#222; font-weight:400; margin-bottom:15px;}
.customer-wrap .cs-tel .tel-ars dl dt{float:left; line-height:1.3;}
.customer-wrap .cs-tel .tel-ars dl dd{float:left; padding-right:13px; font-size:14px; line-height:1.3;}
.customer-wrap .cs-tel .tel-ars .tel_only {display:inline-block; margin-left:5px; width:200px; background:url('/images/common/only.png') no-repeat ; background-position: 100% top; background-size: 63px 28px;}
.customer-wrap .cs-tel .tel-ars .tel_only p { color:#222; font-style:italic; letter-spacing: var(--ls-narrow);  font-weight:700; line-height:20px;}
.customer-wrap .cs-tel .tel-ars .tel_only p strong {display:block; margin-left:20px; color:#347adc;}
.customer-wrap .cs-tel .quick-num {float:left; width:270px;}
.customer-wrap .cs-tel .quick-num li {font-size: var(--fs-15); margin-bottom: 5px; font-weight:400; letter-spacing: -0.5px;}
.customer-wrap .cs-tel .quick-num span {background:#dfe5ee; font-size:12px; border:solid 1px #809dc6; color:#1d4d90; padding:0px 4px; 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; height: 420px; /*border-top:solid 2px #333; border-bottom:solid 1px #c6c6c6; padding-bottom:30px; */ margin-top:10px; overflow:hidden;}
.site-map .sitemap-box {float:left;  width:25%; height:320px; margin:30px 0 0 0; padding:0 0 0 20px; box-sizing:border-box; border-left:dashed 1px #dedede;}
.site-map .sitemap-box:nth-child(1) { border:none;}
.site-map .sitemap-box:nth-child(5) {clear:both;  border:none;}
.site-map .sitemap-box h3 {margin-bottom:10px; }
.site-map .sitemap-box h3 a {font-size:17px; color:#111; font-weight:700; letter-spacing: -1px;}
.site-map .sitemap-box h3 a:hover {color:#3977ca; text-decoration:underline; font-weight:500; }
.site-map .sitemap-box ul {padding:0;}
.site-map .sitemap-box li {height:auto;}
.site-map .sitemap-box li a {font-size:14px; color:#777; line-height:20px; font-weight:400;  letter-spacing: -1px;}
.site-map .sitemap-box li a:hover  {color:#3977ca; text-decoration:underline;}

.tel_4259 {background:url('/images/common/cs_only_n.png') no-repeat ;  background-size: 170px 202px; width:170px; display:block; position:absolute; top:175px; z-index:100;/* background-position: 60% 100%;*/}

.dom_transfer {background:url('/images/common/footer_event_2.png') no-repeat ;  background-size: 170px 160px; width:170px; display:block; position:absolute; top:156px; z-index:100;/* background-position: 60% 100%;*/}
.dom_transfer a {display:block; height:160px;}
.dom_transfer2 {background:url('/images/common/footer_img_2.png') no-repeat 5% 90%; background-size:170px 75px; cursor:pointer;}
.dom_transfer2 p {font-size:19px; text-align:left; color:#333333; letter-spacing:-0.5px; line-height:25px; font-weight:500;}
.dom_transfer2 p strong {font-size:19px; color:#fe2319; letter-spacing:-2px; }

/*스벅 기관이전 이벤트  footer_img_2_star_ice  */
.dom_transfer3 {background:url('/images/common/footer_img_2_star.png') no-repeat 50% 100%; background-size:179px 128px; cursor:pointer;}
.dom_transfer3 p {font-size:18px; text-align:left;  color:#333333; letter-spacing: var(--ls-narrow);  line-height:25px; font-weight:500; text-align:center;}
.dom_transfer3 p strong {font-size:18px; color:#099c6b; letter-spacing:-2px; }


/*********width 1200px**********/
#wrap.inner_12 .nworks_area {width: 1200px; height:260px; background: #eefff0 url('/images/banner/img_nworks2.png') no-repeat left 50px bottom; background-size: 300px; padding: 40px 0 0 400px; margin:0 auto; box-sizing:border-box; }
#wrap.inner_12 .nworks_area div:nth-child(1) { display: inline-block; font-size: var(--fs-44); line-height: 52px; font-weight: 700;  letter-spacing: -2.5px; color: #333; font-family: var(--font-gmarket); }
#wrap.inner_12 .nworks_area div:nth-child(1) strong { font-weight: 700; color: #19ce60;  font-family: inherit; }
#wrap.inner_12 .nworks_area div:nth-child(2) { display: block; font-size: var(--fs-20); font-weight: normal; letter-spacing: -0.6px; color: #333; padding: 10px 0 15px; font-family: var(--font-gmarket); }
#wrap.inner_12 .nworks_area div:nth-child(2) strong { font-weight: normal; color: #19ce60;  font-family: inherit; }
#wrap.inner_12 .nworks_area a, #wrap.inner_12 .nworks_area a:hover { font-family: var(--font-gmarket); }




#wrap.inner_12 .info_box.info_ssl { width:18.5%; height:120px; }
#wrap.inner_12 .info_box.info_ssl:nth-child(2), #wrap.inner_12 .info_box.info_ssl:nth-child(4), #wrap.inner_12 .info_box.info_ssl:nth-child(6) {  margin-right: 20px;}
#wrap.inner_12 .info_box.info_ssl:last-child{ margin-right: 0px;}

#wrap.inner_12 .info_box .b_tit{ font-family: var(--font-num); font-size:26px !important; font-weight:bold; display:block; color:#899ed9; vertical-align:middle; margin-bottom:0px;}
#wrap.inner_12 .info_box .b_tit em{font-size: var(--fs-18); font-weight:normal; color:#cfd5e6; font-style:normal; display:inline-block; vertical-align:top; margin-bottom:10px; padding: 0 10px 0 5px; vertical-align:middle;  }
#wrap.inner_12 .info_box .b_tit strong {  font-size: var(--fs-18) !important; font-weight:bold; color:#333; vertical-align:top; padding-top:5px;}
#wrap.inner_12 .info_box.info_ssl .b_tit strong { display:block; text-align:center; }
#wrap.inner_12 .info_box .b_txt { font-weight:normal; display:block; color:#666; letter-spacing:0px; line-height:22px; padding-left:50px; }

#freeSvc {width:100%; display:inline-block; }
.info_box { width:49%; float:left; margin-right:20px; margin-bottom:15px; border:solid 1px #cfd5e6;  height:115px; box-sizing:border-box; border-radius: 5px; padding:15px 18px; word-break: keep-all; word-wrap: break-word;background:#fafbff; line-height:24px;  }
.info_box:nth-child(2), .info_box:nth-child(4), .info_box:nth-child(6) {margin-right:0; }


#wrap.inner_12 .titleSvc { font-size: var(--fs-22); color:#333; margin:40px 0 15px 0; font-weight:bold; line-height: var(--lh-mid); }
#wrap.inner_12 .titleSvc h2 { font-size: inherit; display:inline; }
#wrap.inner_12 .titleSvc strong { color:#3f52c3; font-weight:bold; }
#wrap.inner_12 .w1200 img {width:1200px; height:auto; }
#wrap.inner_12 .ssl_img_box {display:block; width:100%; background: #f6f6f6; padding: 5px 50px; box-sizing: border-box; margin-top:10px; }
#wrap.inner_12 .ssl_http {width:250px; height:auto; margin:10px 50px 10px 0; }

#webh_service .webh_main ul li .webh_no{display:inline-block; background:#4f63de; color:#fff; font-size:12px; width:14px; height:15px; margin-right:5px; box-sizing:border-box; font-weight:bold; text-align:center; line-height:14px; vertical-align:middle; padding-right:2px;}
#webh_service .webh_main ul li .webh_no2{display:inline-block; background:#e00000; color:#fff; font-size:12px; width:14px; height:15px; margin-right:5px; box-sizing:border-box; font-weight:bold; text-align:center; line-height:14px; vertical-align:middle;padding-right:2px;}

#webh_service .webh_main{display:block; padding:30px 0 15px 0px; box-sizing:border-box; vertical-align:top; }
#wrap.inner_12 #webh_service .webh_main span .main_title { width: 790px; padding:0px 0 5px 45px; box-sizing:border-box; letter-spacing: -1.5px; font-weight: bold; font-size: var(--fs-42); color: #222; line-height: 50px; margin-top: 0px; margin-bottom: 10px; }
#wrap.inner_12 #webh_service .webh_main span .main_title h1 { font-size:inherit; display:inline; }
#wrap.inner_12 #webh_service .webh_main span .main_title strong { color: #4f63de; }
#wrap.inner_12 #webh_service .webh_main span .sub_title {  font-size: var(--fs-18); padding:0px 0 0px 45px; box-sizing:border-box; line-height: 26px; letter-spacing: -1px; }
#wrap.inner_12 #webh_service .webh_main span .sub_title h2 { font-size:inherit; display:inline; font-weight:normal;}
#wrap.inner_12 #webh_service .webh_main span .sub_title em {  color: #4f63de; }
#wrap.inner_12 #webh_service .webh_main span .pro_tel_info {  margin-top: 15px; padding:0px 0 0px 45px; box-sizing:border-box; }

#wrap.inner_12 #webh_service .webh_main ul.txt_box { width: 400px; padding:15px 0 15px 25px;  border:solid 11px #ebebeb; box-sizing:border-box; margin-left:0px; }
#wrap.inner_12 #webh_service .webh_main ul.txt_box li { font-size: var(--fs-15);  padding: 1px 0; letter-spacing:-0.5px; font-weight:500;}
#wrap.inner_12 #webh_service .webh_main ul.txt_box li h2 { font-size: inherit; display:inline; font-weight:500;}
#wrap.inner_12 #webh_service .webh_main ul.txt_box li.t_title { font-size: var(--fs-18); color:#555; font-weight: bold; padding-top: 0; padding-bottom: 10px; line-height: 24px;}
#wrap.inner_12 #webh_service .webh_main ul.txt_box li span { display:inline-block; vertical-align:middle; font-family: var(--font-num); width:18px; height:20px; margin-right:8px; background:#4f5fc7; color:#fff; font-weight:bold; text-align:center;  line-height: 20px;}
#wrap.inner_12 #webh_service .webh_main ul.txt_box li em { font-family: var(--font-num); color:#4f63de; font-style:normal; text-decoration:none;}
.pro_tel_info dt {border-radius: 50px; background:#f0f2fa; display: inline-block; padding: 5px 20px; vertical-align: middle;}
.pro_tel_info dt p { display: inline-block; background:url('/images/common/ico_tel_n.png') left center / 20px no-repeat; color:#4f63de; font-family: var(--font-num); font-size: var(--fs-22); font-weight: 700; letter-spacing: -1px; padding: 0 5px 0 25px; vertical-align: middle; }
.pro_tel_info dt > span {font-size: 14px; font-weight: 500; vertical-align: middle !important; color:#4f63de; font-weight: 500; letter-spacing: -0.5px;}
.pro_tel_info dd { display: inline-block; color:#4f578e; font-weight: 500; padding-left:5px; vertical-align: middle;}
.pro_tel_info dd em {font-style:italic; margin-right:3px;}
#wrap.inner_12 .star_event_1 { width:90%; border: solid 1px #3aa16b; font-size: var(--fs-18); padding:10px 15px 7px; box-sizing:border-box; min-height:70px; letter-spacing: var(--ls-narrow);  text-align:right; font-weight:bold; background: #fff url('/images/main/img_starbucks2.png') no-repeat 7px center; background-size: 60px auto; margin: 0 auto; }
#wrap.inner_12 .star_event_1 strong { font-family: var(--font-num); color: #3aa16b; font-size: var(--fs-32); vertical-align:sub; line-height: 35px; padding-right:3px; }

#wrap.inner_12 .partner-wrapses div { margin-bottom:30px; }
#wrap.inner_12 .partner-wrapses .part-tit {font-size: var(--fs-32); color:#333; text-align:center;  font-weight:500; letter-spacing: var(--ls-narrow);  padding:30px 0 5px;  margin-bottom: 0; }
#wrap.inner_12 .partner-wrapses .sub-desc {text-align:center; margin-bottom: 0;}
#wrap.inner_12 .partner-wrapses .sub-desc a{display:inline-block;font-size: var(--fs-20);color:#555;text-align:center;  font-weight:400;letter-spacing: var(--ls-narrow); padding:13px 0 30px; }
#wrap.inner_12 .partner-wrapses .sub-desc a:hover {color:#347adc; text-decoration:none;}
#wrap.inner_12 .partner-wrapses .sub-desc a:after {display:block; clear:both; content:""; position: absolute; top:40px; right:450px; margin-top:-14px; width:6px; height:6px; border:2px solid #347adc; border-width:2px 2px 0 0; transform: rotate( 45deg ); margin-bottom: 0; }  

#wrap.inner_12 .customer-wrap .cus-tit { font-size: var(--fs-32); color:#333; text-align:center; font-weight:300; margin-bottom:5px; line-height:30px;   letter-spacing: var(--ls-narrow); }
#wrap.inner_12 .customer-wrap .cs-tel .tel-ars .cus-no {display:inline-block; font-size: var(--fs-44); color:#347adc; letter-spacing:-2px; font-weight:400; line-height:1; margin-bottom:3px;}
.site-map .sitemap-box div{height:180px;}
#wrap.inner_12 .site-map .sitemap-box li a {  font-size: var(--fs-16); line-height: var(--lh-base);}
#wrap.inner_12 .site-map .sitemap-box .cus-tit {margin-bottom:10px; height: auto;}
#wrap.inner_12 .site-map .sitemap-box .cus-tit a {font-size: var(--fs-18); color:#111; font-weight:700;  letter-spacing: -1px;}
#wrap.inner_12 .site-map .sitemap-box .cus-tit a:hover {  color:#3977ca; text-decoration:underline;  }
#wrap.inner_12 .hosting_mobile2 .smart-tit {font-size: var(--fs-24); padding-top:18px; font-weight:700; height:30px; letter-spacing: var(--ls-narrow); }
.hosting_mobile {background:url('/images/common/footer_event_3.png') no-repeat ;  background-size: 200px 170px; width:200px; display:block; position:absolute; top:160px; z-index:100;cursor:pointer;}
.hosting_mobile a {display:block; height:170px;}
.hosting_mobile2 {background: #E7E4F7 url('/images/common/footer_img_3.png') no-repeat 70% bottom;; background-size:inherit; text-align:center; cursor:pointer;}
.hosting_mobile2 p { padding-top:0px; letter-spacing: var(--ls-narrow);  color:#332377; }

.sitemap-event {margin-left:8px; height:12px; padding:0px 5px 1px 5px; background:#f64d00; font-size:11px; color:#fff; border-radius:10px; vertical-align:top; letter-spacing:0.5px; line-height: 22px;}
.sitemap-event2 {position:absolute; top:50px; left:0; height:19px; padding:1px 5px 1px 5px; background:#ff3027;font-size: var(--fs-15); letter-spacing: var(--ls-normal);  color:#fff; vertical-align:top; }
.sitemap-event3 {position:absolute; top:85px; left:0; height:19px; padding:1px 5px 4px 5px; background:#986ee2; font-size: var(--fs-15); letter-spacing: var(--ls-normal); color:#fff; vertical-align:top; line-height: 22px;}
.sitemap-event4 {position:absolute; top:165px; left:0; height:19px; padding:1px 5px 4px 5px; background:#ff3027; font-size: var(--fs-15); letter-spacing: var(--ls-normal);  color:#fff; vertical-align:top; line-height: 22px;}
.free {height:12px; padding:0px 7px; font-size:13px; color:#f64d00; letter-spacing:0.5px; font-weight:700;}

#wrap.inner_12 .product_table .pro_title { font-size: var(--fs-18); }

#wrap.inner_12 .layer_style.new .ev_star2 span { font-size: var(--fs-18); color: #fff; letter-spacing: -1px; }
#wrap.inner_12 .layer_style.new .ev_star2 span strong { color: #ffd800; }
#wrap.inner_12 .dom_transfer3 p strong { letter-spacing: var(--ls-narrow);  }

#hosting_contents { width: 100%;  margin-bottom: 50px; }
#hosting_contents .list .list_contents, #hosting_contents .list ul{padding:10px 5px 30px 5px; line-height: var(--lh-base); }
#hosting_contents .list ul li{background: url('/images/common/icon_dash.gif') no-repeat left 14px; padding-left:10px; padding-top:2px;}
#hosting_contents .table_info{margin-top:10px; line-height:18px;}
#hosting_contents .list .list_contents ol{padding:15px 15px 30px 0; line-height:18px;}
#hosting_contents .list .list_contents ol li{padding-top:2px;}
#hosting_contents .list .txt_right_align{position:absolute; right:5px; font-weight:normal; font-size:12px;}
#hosting_contents .list .txt_left_align{position:absolute; padding-left:10px; font-weight:normal; font-size:12px; color:#444;}

/* 만족도, footer */
.star_area .star-number {font-weight:700 !important;  }
#com_footer .footer_info li a, #com_footer .footer_info li a strong { font-family: var(--font-main) !important; line-height: var(--lh-base) !important; letter-spacing: var(--ls-normal) !important; }
#com_footer .footer_info li.f_bar { font-size: var(--fs-13) !important;  line-height: 22px; }
#com_footer .footer_info p,
#com_footer .footer_info p a,
#com_footer .footer_info address { font-family: var(--font-main) !important; font-size: var(--fs-13) !important; line-height: var(--lh-tight) !important; }

#page_title{height:70px; background: url('/images/common/dot_line_title.gif') repeat-x left bottom; margin-bottom:30px;}
#page_title .title_img{margin-top:8px}
#page_title .location{color:#595959; letter-spacing:-1px; float:right; padding:8px;}
#page_title .subTitle {padding-top:15px; font-size:var(--fs-42); font-weight:300; letter-spacing:0px; color:#000; font-family: Chosunilbo_myungjo, serif, "맑은 고딕", "Malgun Gothic"; }

#page_title2{z-index:1;display:inline; position:absolute; top:0px; right:0}
#page_title2 .location{color:#595959; letter-spacing:-1px; float:right; padding:8px;}
#page_title2 .location2{color:#595959; letter-spacing:-1px; float:right; padding:110px 8px 0 0;}


#webh_service .tab_webh{display:none; }

.service_table2 table, th{border:solid 1px #e9e9e9;}
.service_table2 th.cell_left{vertical-align:middle;color:#333333; text-indent:35px; border:solid 1px #e9e9e9; font-weight:bold; text-align:left; background: url('/images/common/dot_blue.gif') no-repeat 26px center;}
.service_table2 th.p_img{background: url('/images/reg/txt_p_info.gif') no-repeat 25px 30px;}
.service_table2 th.cellimg_r{vertical-align:top; border-right:none;}
.service_table2 th.cellimg_l{vertical-align:top; border-left:none;}
.service_table2 td{border-bottom:solid 1px #e9e9e9; border-collapse:separate;}
.service_table2 td.bd_none {border-bottom:none;}
.service_table2 td.cell1{background:#fef6f2; text-align:center; padding:7px 0;vertical-align:top; border-left:solid 1px #e9e9e9;}
.service_table2 td.cell1_left{background:#fef6f2; text-align:left; padding:7px 0;vertical-align:top; border-left:solid 1px #e9e9e9;}
.service_table2 td.cell1_right{background:#fef6f2; text-align:center; padding:7px 0;vertical-align:top; border-right:solid 1px #e9e9e9;}
.service_table2 td.cell1_none{background:#fef6f2; text-align:center; padding:7px 0;vertical-align:top; border-right:solid 1px #e9e9e9;}
.service_table2 td.cell1_none2{background:#fef6f2; text-align:center; padding:7px 0;vertical-align:top; border-right:none 1px #e9e9e9;}
.service_table2 td.cell1_none3{background:#f1f9ee; text-align:center; padding:7px 0;vertical-align:top; border-right:solid 1px #e9e9e9;}
.service_table2 td.cell1_none4{background:#f1f9ee; text-align:center; padding:7px 0;vertical-align:top; border-right:none;}
.service_table2 td.cell2{background:#fcf0ea; text-align:center; padding:7px 0;border-right:solid 1px #e9e9e9;vertical-align:top}
.service_table2 td.cell2_left{background:#fcf0ea; text-align:center; padding:7px 0;border-left:solid 1px #e9e9e9;vertical-align:top}
.service_table2 td.cell2_none{background:#fcf0ea; text-align:center; padding:7px 0;border-right:none; vertical-align:top}
.service_table2 td.cell3{background:#fff; text-align:left; padding:7px 5px 30px 25px ;border-right:solid 1px #e9e9e9;vertical-align:top}
.service_table2 td.cell4{background:#fff; text-align:left; padding:7px 10px ;border-right:solid 1px #e9e9e9;vertical-align:top}
.service_table2 td.cell1{background:#fef6f2; text-align:center; padding:7px 0;vertical-align:top; border-left:solid 1px #e9e9e9;}
.service_table2 td.cell1_top{background:#fef6f2; text-align:center; padding:7px 0;vertical-align:top; border-left:solid 1px #e9e9e9; border-right:solid 1px #e9e9e9;}
.service_table2 .sale_event{color:#f61700 !important;  letter-spacing:0;}
.service_table2 td.price{height:40px; font-weight:bold; font-size:14px; color:#555; letter-spacing:-0.05em; vertical-align:middle; }
.service_table2 td.price strong{font-size:22px; color:#333; }
.service_table2 td ol li{text-align:left; padding-left:15px; background:none !important; text-indent: -10px; padding-bottom:2px; line-height:18px;}
.service_table2 td ol li::before {content:'\318D'; width: 10px; height:10px; padding-left:0; }
.service_table2 td ol li.none{text-align:left; padding-left:17px; padding-bottom:2px;  background: none; }
.service_table2 td.space_left ol li{text-align:left; padding-left:12px; padding-bottom:2px; background: url('/images/common/dot_gray.gif') no-repeat 7px center ; letter-spacing:0}
.service_table2 td.space_left2 ol li{text-align:left; vertical-align:top; padding-left:15px;  padding-right:10px; padding-bottom:2px; background: url('/images/common/dot_gray.gif') no-repeat 10px 10px ; letter-spacing:-1}
.service_table2 td.space_left2 ol li.servie_title{text-align:left; vertical-align:top; padding-left:10px;  padding-right:10px; padding-bottom:2px; letter-spacing:-1; background:none; font-weight:bold; color:#0000ff;}

.service_table2 td .star_ban{margin:40px 0 0 0;} 
.service_table2 td .star_ban2{margin:20px 0 0 0;} 

.service_table2 th.tb_green {border-bottom: solid 1px #cdedc3;}
.service_table2 th.tb_blue {border-bottom: solid 1px #ccdaed;}
.service_table2 .tb_green {background: #f3fbf1; border-right:solid 1px #e9e9e9; text-align:center; font-size:15px; padding: 15px; font-weight:bold; line-height:28px; letter-spacing:-1px}
.service_table2 .tb_green strong { font-size:32px; padding: 18px; color:#6fc918; line-height:48px; letter-spacing:-2px}
.service_table2 .tb_green em {font-size:20px; color:#333 !important; vertical-align:top; letter-spacing:-1px}
.service_table2 .tb_blue {background: #eef3fa; border-right:solid 1px #e9e9e9;  text-align:center; font-size:15px; padding: 15px; font-weight:bold; line-height:28px; letter-spacing:-1px}
.service_table2 .tb_blue strong { font-size:32px; padding: 18px; color:#4d72ba; line-height:48px; letter-spacing:-2px}
.service_table2 .tb_blue em {font-size:20px; color:#333 !important; vertical-align:top; letter-spacing:-1px; }
.service_table2 .cell_left2 {border-left:solid 1px #e9e9e9;}
.service_table2 .cell_price { font-size:15px; color:#333; vertical-align:middle !important; letter-spacing:-1px; line-height:20px; }
.service_table2 .cell_price strong{font-size:20px; color:#333; letter-spacing:-1px}
.service_table2 .cell_price em{font-size:20px; color:#fd2821 !important; letter-spacing:-1px; font-weight:bold; }
.service_table2 .cell_price strike{font-size:14px; color:#999; letter-spacing:0px; font-style: italic; }

/* 210910 클라우드 상품변경 */
.service_table2 th.C_light {background:#f3fbf1; padding:25px 0 15px 0; }
.service_table2 th.C_light h3 { display:block; color:#6fc918; font-size:34px; font-weight:bold; letter-spacing:-3px; line-height:46px; margin-top:2px;}
.service_table2 th.C_light p { line-height: 20px;font-weight:bold; padding:5px 0; letter-spacing:-1px;  }

.service_table2 th.C_standard {background:#f4f4f4; padding:30px 0 15px 0; position:relative;}
.service_table2 th.C_standard .redT {position:absolute; top:0; width:100%; background:#d92512;  font-weight:bold; color:#fff; padding:5px 10px; box-sizing:border-box;  letter-spacing: var(--ls-narrow);   }
.service_table2 th.C_standard .redT strong {color:#fbf200; font-weight:bold; }
.service_table2 th.C_standard h3 { display:block; color:#333; font-size:34px; font-weight:bold; letter-spacing:-3px; line-height:46px; margin-top:2px;}
.service_table2 th.C_standard p {line-height: 20px; font-weight:bold; padding:5px 0;  letter-spacing: var(--ls-narrow);  }

.service_table2 th.C_premium {background:#eef3fa; padding:25px 0 15px 0; }
.service_table2 th.C_premium h3 { display:block; color:#4d72ba; font-size:34px; font-weight:bold; letter-spacing:-3px; line-height:46px; margin-top:2px;}
.service_table2 th.C_premium p { line-height: 20px;font-weight:bold; padding:5px 0;  letter-spacing: var(--ls-narrow);   }

.service_table2 td.L_pice {background:#f3fbf1; font-size:14px; letter-spacing:-1px; font-weight:bold; padding:10px 0; }
.service_table2 td.L_pice h4 {font-size:18px; font-weight:bold; margin-bottom:0px; margin-top:2px;} /*margin-bottom:20px;*/
.service_table2 td.L_pice h4 strong {color:#66c20c; padding-left:3px;}
.service_table2 td.L_pice div {padding-top:38px;}
.service_table2 td.L_pice div strong {font-size:21px;  letter-spacing:-1px; padding-right:2px;}

.service_table2 td.S_pice {background:#f4f4f4; font-size:14px; letter-spacing:-1px; font-weight:bold; padding:10px 0; }
.service_table2 td.S_pice h4 {font-size:18px; font-weight:bold; margin-bottom:0px; margin-top:2px;}
.service_table2 td.S_pice h4 strong {color:#e92c35; padding-left:3px;}
.service_table2 td.S_pice div {position:relative;}
.service_table2 td.S_pice div img.arrow {position:absolute; top:6px; right:28%;}
.service_table2 td.S_pice div span {font-size:18px; margin-bottom:5px; display:inline-block; letter-spacing:-0.5px;}
.service_table2 td.S_pice div strong {font-size:21px;  letter-spacing:-1px; padding-right:2px;}

.service_table2 td.P_pice {background:#eef3fa; font-size:14px; letter-spacing:-1px; font-weight:bold; padding:10px 0; }
.service_table2 td.P_pice h4 {font-size:18px; font-weight:bold; margin-bottom:0px; margin-top:2px;}
.service_table2 td.P_pice h4 strong {color:#4d72ba; padding-left:3px;}
.service_table2 td.P_pice div {padding-top:38px;}
.service_table2 td.P_pice div strong {font-size:21px;  letter-spacing:-1px; padding-right:2px;}

.service_table2 td .price_50 {display:block; position:relative; text-align:left; padding:15px 7px 5px !important; font-weight:bold; font-size:14px;}
.service_table2 td .price_50.pd0 {display:block; position:relative; text-align:left; padding:0 7px !important; font-weight:bold; font-size:14px;}
.service_table2 td .price_50 strike {display:inline-block; padding:0 0 5px 7px;}
.service_table2 td .price_50 strike.RDL { font-size:15px; line-height:24px; font-weight: 500; text-decoration: underline; text-underline-offset: -.3em; text-decoration-skip-ink: none; text-decoration-color: #d92512; text-decoration-thickness: 2px; padding:0;}
.service_table2 td .price_50 strong {font-size:18px; letter-spacing:-1px; padding-right:2px;}
.service_table2 td .sale_50 {display:block; position:absolute !important; width:42px; height:42px; text-align:center; top:15px; right:5px; border: solid 1px #e51a13; background:#fff; color:#e51a13; line-height:20px; letter-spacing:-1px;}
.service_table2 td .sale_50 strong {display:block; font-weight:bold; font-size:18px !important;  letter-spacing:-1px; padding-top:2px; }


#wrap.inner_12 .service_table2 th em { display: block; color: #333;  font-size: var(--fs-34); font-weight: bold; letter-spacing: -1px; line-height: 56px; margin-top: 2px; }
#wrap.inner_12 .service_table2 th.C_light em { color: #66c20c; }
#wrap.inner_12 .service_table2 th.C_premium em { color: #4d72ba; }
#wrap.inner_12 .service_table2 th p {   font-weight: var(--fw-medium) }
#wrap.inner_12 .service_table2 td ol li{ line-height: 22px; letter-spacing: -0px; padding-top: 3px; text-indent: -13px;}
ul.ul_Dot {padding:0px 0 20px 0px; }
ul.ul_Dot li {background:none !important; padding-bottom:5px;  line-height: 22px; letter-spacing: -0px; padding-top: 3px; text-indent: -13px; }
ul.ul_Dot li::before {content:'\318D'; width: 10px; height:10px; padding-left:0; }
ul.ul_Dot li em{position: relative; z-index:0; }
ul.ul_Dot li em:after { display: block; clear: both; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: #fff95f; z-index: -1; -khtml-transition: all 0.3s;   -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}

#wrap.inner_12 .service_table2 td .price_50 { padding: 15px 15px 5px !important; }
#wrap.inner_12 .service_table2 td .sale_50 { right:10px; width: 48px;}
#wrap.inner_12 .service_table2 td.L_pice .webh_cate,
#wrap.inner_12 .service_table2 td.S_pice .webh_cate,
#wrap.inner_12 .service_table2 td.P_pice .webh_cate { font-size: var(--fs-20); font-weight: bold; margin-bottom: 0px; margin-top: 2px; padding-top: 0;}
#wrap.inner_12 .service_table2 td.L_pice .webh_cate strong { color: #66c20c; padding-left: 3px;}
#wrap.inner_12 .service_table2 td.S_pice .webh_cate strong { color: #e92c35; padding-left: 3px;}
#wrap.inner_12 .service_table2 td.P_pice .webh_cate strong { color: #4d72ba; padding-left: 3px;}
#wrap.inner_12 .service_table2 td.L_pice div strong,
#wrap.inner_12 .service_table2 td.P_pice div strong,
#wrap.inner_12 .service_table2 td.S_pice div strong {  font-size: var(--fs-20); }


.product_table {padding-bottom:32px; }
.product_table table {border-top:2px solid #111111; margin:0 auto;  } 
.product_table th,
.product_table td {border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; vertical-align:top; }
.product_table th:last-child,
.product_table td:last-child {border-bottom:1px solid #e4e4e4; border-right:none; }
.product_table th {padding:30px 0 20px; line-height:1.4; font-size:18px; font-weight:500;  }
.product_table td {padding:10px 5px 10px 6px; text-align:left; color:#444; line-height:24px; letter-spacing:-0.8px; word-break: keep-all; word-wrap: break-word; }
.product_table .txtL {text-align:left;}
.product_table .txtR {text-align:right;}
.product_table .txtC {text-align:center;}
.product_table tfoot td{padding:15px 10px; background:#fff; line-height:1.6; letter-spacing:0;} 
.product_table .p01 {background:#f3fbf1; text-align:center; }
.product_table .p02 {background:#f7f2f2; text-align:center; }
.product_table .p03 {background:#eef3fa; text-align:center; }
.product_table .p01 img {margin:10px 0; }
.product_table .p02 img {margin:10px 0; }
.product_table .p03 img {margin:10px 0; }
.product_table th.p01 {color:#6fc918; }
.product_table th.p02{color:#3d3d3d; }
.product_table th.p03{color:#4d72ba; }
.product_table .bg01 {background:#f4f4f4; }
.product_table .bg02 {background:#f8f8f8; }
.product_table td.noline1 {border-bottom:none;}
.product_table td.mail_em {background:#d92512; padding:4px 10px 5px; color:#fff; text-align:center; line-height:18px; letter-spacing:-0.5px; font-weight:500; }
.product_table td.mail_em strong{color:#fbf200;}
.product_table td.mail_em2 {background:#3da87f; padding:4px 10px 5px; color:#fff; text-align:center; line-height:18px; letter-spacing:-0.5px; font-weight:500; }
.product_table .pro_title {display:block;  font-size: 17px; padding-bottom:5px; font-weight:500;  }
.product_table .pro_title strong{font-style:italic;  font-size: 18px; padding-bottom:5px; font-weight:700;  }
.product_table .pro_price {display:block;  font-size: 14px; padding-bottom:5px; font-weight:400; }
.product_table .pro_price.wdh-sale {width: 74%; text-align: left; margin: 0 auto;}
.product_table .pro_price strong{ font-size: var(--fs-24); padding-right:2px;}
.product_table .pro_price strike { font-size: var(--fs-16); font-weight:normal;}
.product_table .pro_price strike.RDL { line-height:24px; font-weight: 500; text-decoration: underline; text-underline-offset: -.3em; text-decoration-skip-ink: none; text-decoration-color: #d92512; text-decoration-thickness: 2px; }
.product_table .pro_sale {display:block; font-weight:bold; color:#d92512;}
.product_table .pro_sale strong{  font-size:24px; }


/* ---- 2024.11.05 보안서버인증서 안내 가격선택 ---- */
.ssl-select {position:relative;width: 200px; height: 40px; border: 1px solid #333;box-sizing:border-box; line-height:20px; text-align:left; padding-left:5px; background:#fff; margin: 5px auto;}
.ssl-select .selected {  display: flex; justify-content: space-between;padding: 3px 5px;cursor: pointer; box-sizing:border-box; }
.ssl-select .selected .selected-value { padding: 5px 5px 5px 0; box-sizing:border-box; }
.ssl-select ul li,
.ssl-select .selected .selected-value { white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.ssl-select strong { font-family: inherit; font-size:var(--fs-20); color:#d92512;}
.ssl-select b { font-family: inherit; font-size:15px; color:#333;}
.ssl-select ul { width: 200px;  border: 1px solid #333; display: none; position: absolute; top: 3px;  left: 0.1px;background: #fff; border-top:none;margin: -3px -1px 0 -1px; cursor: pointer; list-style-type: none; padding-left: 0px; z-index:10; box-sizing: border-box; padding: 0 !important;}
.ssl-select.active ul {  display: block;}
.ssl-select ul li { padding: 2px 0 5px 10px !important; box-sizing:border-box;  display:inline-block;  width:100%; background:#fff !important; text-align:left;}
.ssl-select ul li:hover { background: #eef3fa; width:100%;}
.ssl-select::before { content: ""; position: absolute;  top: 13px; right: 10px; z-index: 99; width: 5px; height: 5px; border: 2px solid #333; border-top: 2px solid #fff0; border-right: 2px solid #fff0; transform: rotate(-45deg); transition: 0.3s; pointer-events: none;}
.ssl-select.active::before { top: 14px; transform: rotate(-225deg);}
.ssl-select p { display:inline-block; width:65px;  font-family:inherit; }



.layer_style {position:absolute; text-align:left; left:20px; top:150px; display:block; width:720px; background: #fff; border: solid 1px #353b4c;  z-index:100}
.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-family:inherit; font-size:32px; font-weight:bold; letter-spacing:-1px; padding: 30px 0 25px 35px;  line-height:40px;}
.layer_style h6{color: #353b4c; font-family:inherit; font-size:32px; font-weight:bold; letter-spacing:-1px; padding: 30px 0 25px 35px; }
.layer_style h6 strong{color: #4170f2; font-family:inherit; }
.layer_style .ls_contents{   padding-left:35px; font-size: var(--fs-16); line-height:22px; letter-spacing:-1px;  }
.layer_style .ls_comment{  padding:20px 0 0 35px; font-size:13px; letter-spacing:-1px; color:#8f8f8f; }
.layer_style .ls_comment a{  color:#8f8f8f; text-decoration:underline; }
.layer_style .ls_button{padding-left:35px; margin-top:20px; vertical-align:middle;}
.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:#888; }
.layer_style .ls_button2{padding-left:35px; padding-bottom:20px; margin-top:-5px; vertical-align:middle;}
.layer_style .ls_footer{height:35px; background: #eaeaea;  font-size:14px; letter-spacing:-1px;  text-align:left !important; padding-right:20px; line-height:32px; margin-top:30px; }
.layer_style .ls_footer a{  color: #353b4c; padding-left:30px;}
.layer_style strong{font-weight:bold; color: #dc0000;  }
.layer_style b{font-weight:bold;  }
.layer_style em{font-weight:bold; color: #555; font-size:22px; font-style:normal; line-height:30px; letter-spacing:0; padding-left:10px; }
.layer_style u{text-decoration:underline; letter-spacing:0; }
.layer_style span{ letter-spacing:0; }

.layer_style.new {box-shadow: 10px 10px 30px 5px rgb(0 0 0 / 50%);}
.layer_style.new em {color:#222;}
.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 .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;}
.layer_style.new .ls_layer{ padding:30px 35px 15px 35px; font-size: var(--fs-16); line-height:28px; box-sizing:border-box;  }
.layer_style.new .ls_layer .com_box {border:solid 1px #cfcfcf; padding: 18px 20px; }
.layer_style.new .ls_layer .com_box p strong {font-size: var(--fs-16); color:#555; font-weight:bold; margin-bottom:0; }
.layer_style.new .ls_layer strong { font-weight:normal; display:block; font-size:20px; margin-bottom:18px; color:#4d72ba; letter-spacing:-1px; font-weight:bold; }
.layer_style.new .ls_layer p{ display:inline-block; width:48%;  box-sizing:border-box; letter-spacing:-1px; }
.layer_style.new .ls_layer a{ display:inline-block; margin-top:8px; }

.layer_style_02 {position:absolute; text-align:left; left:20px; top:150px; display:block; background: #fff; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; z-index:100; width:680px; height:500px; border:solid 5px #3d59b6; padding:15px; overflow:hidden; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}
.layer_style_02 h4 {height:50px; color:#353b4c; font-family:inherit; font-size:24px; font-weight:bold; letter-spacing:-1px; line-height:44px; padding-left:5px; font-family:'Notosans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif;}
.layer_style_02 h5 {color:#353b4c; font-family:inherit; font-size:13px; font-weight:normal; letter-spacing:-0.5px; line-height:24px; padding-left:5px; padding-bottom:10px; }


/*cgv이벤트 .gnb_banner {width:100%; height:250px; background:#07253f; text-align:center; }*/
.gnb_banner {width:100%; height:250px; background:#008f60; text-align:center; }
.gnb_banner img {width:1200px; height:250px; }

.gnb_banner .movie_link{
	position:relative;
	width:960px;
	margin:0 auto;
}

.gnb_banner .movie_link  div{
	position:absolute;
	top:-240px;
	left:760px;
	z-index:100;
	width:320px; 
	height:40px;
}

.gnb_banner .movie_link .gnb_btn{ position:absolute; top:-40px; right: -170px; z-index:10; left: auto;}
.gnb_banner .movie_link .gnb_btn img{margin-left:5px;}
.gnb_banner .movie_link .gnb_btn_hosting{ position:absolute; top:-100px; left:-130px; z-index:10;}


.gnb_banner_login {width:100%; height:120px; background:#ddf5b7; text-align:center; }
.gnb_banner_login .movie_link{position:relative;width:960px;margin:0 auto;}
.gnb_banner_login .movie_link .gnb_btn_login{position:absolute; top:-40px; left:790px; z-index:10;}
.gnb_banner_login .movie_link .gnb_btn_login img{margin-left:5px;}


.landing{width:1200px;}
.landing_main{width:1200px; height:400px;background: #f3f6fb url('/images/reg/landing_main_1200.jpg?1') no-repeat top right; background-size: 1000px auto; border:solid 1px #d9e0ea; }
.landing_main p {font-size:var(--fs-50); letter-spacing:-2px; line-height:var(--lh-tight); font-weight:bold; color:#333; padding:40px 0 35px 65px; }
.landing_main ol {margin-left:65px;}
.landing_main ol li {position:relative; padding:0 0 2px 11px; font-size:var(--fs-20); color:#5c5c5c; line-height:28px; letter-spacing:-0.5px;  }
.landing_main ol li::after {content:''; position:absolute; top:12px; left:0; width:6px; height:6px; border-radius:50%; background:#0763ec;}
.landing_main ol li span {color:#0763ec;}
.landing_main a{position:absolute; left:65px; top:280px; cursor:pointer;}
.landing_main .lan_btn {position:absolute; left:65px; top:310px; line-height:24px; cursor:pointer;}
.landing_main span.landing_banner {display:block;position:absolute; left:300px; top:0px;}
.landing .landing_contents { font-size:var(--fs-18); line-height: var(--lh-mid);}
.landing .landing_contents .img_logo{display:block; margin-top:10px; margin-bottom:15px;}
.landing .landing_contents .titleB{margin:55px 0 10px 0; padding-left:20px; color:#475ad3; font-size:var(--fs-22); font-weight:bold; }
.landing .landing_contents .titleB::before { content: "";  position: absolute; left: 0; top: 15px; transform: translateY(-50%); width: 10px; height: 10px; background-color: #475ad3; border-radius: 50%; }

#lnb { display:none; }


.step-container { display: flex; justify-content: space-between; max-width: 1200px; margin: 40px auto; gap: 15px;}
.step-item { flex: 1; background: #ffffff; border: 1px solid #d9d9d9; padding: 25px 20px; border-radius: 12px; text-align: left; transition: all 0.3s ease; box-shadow: 0 4px 6px rgba(0,0,0,0.02);}
.step-item:hover { transform: translateY(0px); border-color: #5b74e1; box-shadow: 0 10px 20px rgba(91, 116, 225, 0.1);}
.step-number {font-size: 40px;
    font-weight: 800;
    color: rgba(94, 43, 184, 0.1);
    margin-bottom: 20px; }
.step-text { font-size:var(--fs-18); color: #555; font-weight: 500; line-height: 1.4; word-break: keep-all; }

.sub-visual-area { display:block; margin:40px 15px 40px; }
.sub-visual-area .subTitle { font-size: var(--fs-44); font-weight: var(--fw-light); color: #111; line-height: var(--lh-tight); padding-left: 0; letter-spacing: -1px; }
.sub-visual-area p { display:block; margin: 20px 0;  font-size: var(--fs-20);  line-height: var(--lh-mid);}

.hosting-guide {
    max-width: 1200px;
    margin: 50px auto;
    font-family: 'Pretendard', sans-serif;
    color: #333;
}

/* Flex 컨테이너 */
.step-item2 {
    display: flex;
    margin-bottom: 60px;
    position: relative;
}

/* 왼쪽 라벨 영역 */
.step-label {
    flex: 0 0 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.label-box {
    width: 260px;
    height: 80px;
    border: 1px solid #d1d9e6;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4f63de;
    font-weight: bold;
    font-size:var(--fs-20);
    background-color: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.02);
}

/* 화살표 아이콘 (가상 요소로 구현) */
.step-item2:not(:last-child) .step-label::after {
    content: '\25BC';
    display: block;
    margin-top: 20px;
    color: #a8b8cf;
    font-size: 12px;
    letter-spacing: -2px;
}

/* 오른쪽 컨텐츠 영역 */
.step-content {
    flex: 1;
    padding-left: 60px;
}

.step-content h3 {
    margin-top: 0;
    font-size:var(--fs-22);
    color: #222;
    margin-bottom: 15px;
}

.step-content p {
    line-height: 1.6;
    color: #666;
    margin-bottom: 15px;
    word-break: keep-all;
}

/* 버튼 스타일 */
.btn-guide {
    display: inline-block;
    padding: 8px 18px;
    background-color: #f0f3f8;
    color: #5c789d;
    text-decoration: none;  
    border-radius: 4px;
    border: 1px solid #d1d9e6;
    transition: all 0.2s;
}

.btn-guide:hover {
    background-color: #e2e9f3;
}

/* 테이블 스타일 */
.info-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    border-top: 2px solid #ccc;
}

.info-table th, .info-table td {
    border-bottom: 1px solid #eee;
    padding: 12px 15px;
    text-align: left;
}

.info-table th {
    background-color: #f9f9f9;
    width: 120px;
    color: #333;
}

.info-table td {
    color: #666;
}

.notice {
    color: #888 !important;
    margin-top: 15px;
    font-size:var(--fs-14);
}


.popup{position:relative; display:block; z-index:1000; border:solid 1px #5a6bd7; margin:0;background:#ffffff;}
.popup.b_green{position:relative; display:block; z-index:1000; border:solid 1px #319817; margin:0;background:#ffffff;}
.popup .p_title{float:left;width:100%; height:40px; background:#5a6bd7;}
.popup .p_title.bg_green{float:left;width:100%; height:40px; background:#319817;}
.popup .p_title .p_text{position:absolute; font-weight:bold; font-size:var(--fs-18); line-height:22px; color:#fff; top:8px; left:15px; margin:0; padding:0; }
.popup .p_title .p_close{position:absolute; float:right; cursor:pointer; right:10px; top:10px;}
.popup .p_title .p_btn{position:absolute; left:150px; top:5px;}
.popup .p_content{display:block; margin-top:40px;padding:10px 20px 15px 20px; font-size:var(--fs-16); line-height:24px; word-break:keep-all;}
.popup .p_content h2{margin-top:10px;background: url('/images/common/dot_purple.gif') no-repeat left center; padding-left:15px; margin-bottom:10px; color:#475ad3; font-size:var(--fs-20); font-weight:bold;}
.popup .p_content .p_command{background:#333; color:#fff; padding:5px 15px; margin:3px 0 10px 0; font-weight:bold;}
.popup .p_content img{display:block; margin:5px 0 15px 0;}
.popup .p_content .p_dia{margin:10px 0 0 0;}
.popup .p_content .p_dia img{float:left; margin-right:20px;}
.popup .p_content .p_dia .txt_dia{display:block; height:95px; padding:10px 0 5px 20px;}
.popup .p_content .p_back{background:#f0f0f0; padding:10px 15px; margin:5px 0}
.popup .p_iframe{width:100%; height:740px; padding:0;margin:0;}

/* 컨테이너 및 공지 카드 */
.v2-transfer-container { max-width: 1100px; margin: 50px auto; padding: 0 20px; font-family: 'Pretendard', sans-serif; }

.v2-main-notice {
    background: linear-gradient(135deg, #5b74e1 0%, #7e4cc9 100%);
    color: #fff;
    padding: 40px;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 20px;
}
.notice-badge { 
    display: inline-block; background: rgba(255,255,255,0.2); 
    padding: 5px 15px; border-radius: 50px; font-size: 14px; margin-bottom: 15px;
}
.v2-main-notice .subTitle { font-size: 28px; font-weight: 700; margin-bottom: 10px; }

/* 그리드 레이아웃 */
.v2-process-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
    gap: 20px; 
}

/* 개별 카드 디자인 */
.v2-step-card {
    background: #fff;
    border: 1px solid #eef0f2;
    padding: 30px;
    border-radius: 16px;
    position: relative;
    transition: 0.3s;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}
.v2-step-card:hover { transform: translateY(-5px); box-shadow: 0 12px 20px rgba(0,0,0,0.08); }
.v2-step-card.highlight { border: 2px solid #5e2bb8; }

.step-num { font-size: 40px; font-weight: 800; color: rgba(94, 43, 184, 0.1); margin-bottom: 10px; }
.v2-step-card h3 { font-size: 19px; font-weight: 700; color: #1a1a1a; margin-bottom: 12px; }
.v2-step-card p { font-size: 15px; color: #666; line-height: 1.6; }

/* 버튼 및 테이블 */
.v2-btn-group { display: flex; flex-direction: column; gap: 8px; margin-top: 15px; }
.v2-btn-outline { 
    text-align: center; border: 1px solid #5e2bb8; color: #5e2bb8; 
    padding: 8px; border-radius: 6px; font-size: 13px; text-decoration: none;
}
.v2-ns-table { width: 100%; margin-top: 15px; font-size: 13px; border-top: 1px solid #eee; }
.v2-ns-table th { text-align: left; padding: 8px 0; color: #888; }
.v2-ns-table td { text-align: right; font-family: monospace; color: #333; }

/* 개선된 탭 스타일 예시 */
.v2_hosting_tab {
    display: flex;
    background: #f1f3f5;
    padding: 6px;
    border-radius: 12px;
    border: 1px solid #e9ecef;
    max-width: 800px;
    margin: 40px auto;
}

.v2_hosting_tab li { flex: 1; list-style: none; }

.v2_hosting_tab li a {
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 8px;
    font-size: 17px;
    color: #495057;
    transition: 0.3s ease;
}

/* 활성화 상태 (ON) */
.v2_hosting_tab li.on a {
    background: #5e2bb8 !important; /* 이미지의 보라색 적용 */
    color: #ffffff !important;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(94, 43, 184, 0.25);
}