@import url('basic.css');
@import url('board.css');

#contents	{/*min-width:1000px; width:100%;*/}

#contents .sub_visual{border-bottom:1px solid #e4e4e4;}
#contents .sub_visual .visual_imgbox{height:130px;background-position:center 0;background-repeat:no-repeat;background-color:#000;}
#contents .sub_visual .visual_imgbox>p {border:3px solid #fff;display:inline-block;padding:15px 20px;}
#contents .sub_visual .visual_imgbox.bg01{background-image:url(../../images/common/visual_imgs01.png);padding:50px 0 0 0;text-align:center;font-size:120%;line-height:140%;color:#bababa;}
#contents .sub_visual .visual_imgbox.bg02{background-image:url(../../images/common/visual_imgs02.png);padding:50px 0 0 0;text-align:center;font-size:120%;line-height:140%;color:#bababa;}
#contents .sub_visual .visual_imgbox.bg03{background-image:url(../../images/common/visual_imgs03.png);padding:50px 0 0 0;text-align:center;font-size:120%;line-height:140%;color:#bababa;}
#contents .sub_visual .visual_imgbox.bg04{background-image:url(../../images/common/visual_imgs04.png);padding:50px 0 0 0;text-align:center;font-size:120%;line-height:140%;color:#bababa;}
#contents .sub_visual .location-depth{width:1000px;margin:0 auto;}
#contents .sub_visual .location-depth>ul>li{height:11px;line-height:11px;font-size:95%;padding:14px 0 14px 20px;color:#575757;background:url(../../images/common/icon_home.png) no-repeat 0 center;}
#contents .sub_visual .location-depth>ul>li span{display:inline-block;padding:0 10px;}
#contents .sub_visual .location-depth>ul>li span:first-child{padding:0 10px 0 0;}
#contents .sub_visual .location-depth>ul>li span:last-child{font-weight:bold;}

#data-contents	{width:1000px; margin:0 auto; padding: 0 0 60px; min-height:620px;}
#data-contents h2{color:#333;}
#data-contents h3{color:#333;font-size:230%;line-height:1.3em;padding:40px 0;text-align:center;}

/* 2depth 
.tab-2depth {overflow:hidden;border:1px solid #666;margin:0 0 30px; display:inline-block;}
.tab-2depth li {float:left;width:190px;border-left:1px solid #ddd;padding:20px 0 15px 0; text-align:center; line-height:40px; background-color:#f2f2f2;}
.tab-2depth li:first-child {border-left:none;}
.tab-2depth li.on {font-size:16px; font-weight:bold; color:#333; background-color:#fff;}
.tab-2depth li:hover{font-size:16px; font-weight:bold; color:#333; background-color:#fff;}
*/

/* 2depth */
.tab-2depth {text-align:center;}
.tab-2depth ul {overflow:hidden;margin:0 0 50px; display:inline-block;font-size:15px;}
.tab-2depth ul li {float:left;margin:0 5px 0 0;text-align:center; }
.tab-2depth ul li a {display:inline-block;width:200px;border:1px solid #e4e4e4;padding:20px 0;background-color:#f4f4f4;}
.tab-2depth ul li a.on {font-weight:bold; color:#fff; background-color:#de1f26;border:1px solid #de1f26;}
.tab-2depth ul li:last-child {margin:0;}
.tab-2depth ul li:hover{font-weight:bold; color:#333; background-color:#e4e4e4;}


/*table*/
.table_list		{border-top:2px solid #555;position:relative; width:996px;}
.table_list	table{width:100%;}
.table_list th	{padding:12px 0 10px 20px;color:#454545;border-bottom:1px solid #ccc;background-color:#f7f7f7;}
.table_list th[scope=row] {text-align:left;}
.table_list td	{padding:10px 0; padding-left:15px; color:#333;border-bottom:1px solid #ccc; line-height:24px;}
.table_list td.pad0{padding-left:0;}
.table_list td .icon-img{padding:0 0 0 5px;position:relative;top:-1px;}

/* mobile table */
.table_list_mobile		{border-top:2px solid #555;position:relative; width:100%;}
.table_list_mobile	table{width:100%;}
.table_list_mobile th	{padding:12px 0 10px 20px;color:#454545;border-bottom:1px solid #ccc;background-color:#f7f7f7;}
.table_list_mobile th[scope=row] {text-align:left;}
.table_list_mobile td	{padding:10px 0; padding-left:15px; color:#333;border-bottom:1px solid #ccc; line-height:24px;}
.table_list_mobile td.pad0{padding-left:0;}
.table_list_mobile td .icon-img{padding:0 0 0 5px;position:relative;top:-1px;}

.mg_t10{margin-top:10px;}
.mg_t20{margin-top:20px;}
.mg_t40{margin-top:40px;}

#csr_decode_layer{margin-top:10px;}
#csr_decode_layer table{width:100%; border-top:1px solid #ccc; font-size:95%;}
#csr_decode_layer th	{padding:7px 0 6px 0;color:#454545;border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#fafafa;}
#csr_decode_layer th[scope=row] {text-align:left;}
#csr_decode_layer td	{padding:10px 0; padding-left:15px; color:#333;border-bottom:1px solid #ccc;}
#csr_decode_layer td.pad0{padding-left:0;}
#csr_decode_layer td .icon-img{padding:0 0 0 5px;position:relative;top:-1px;}

/*btn*/
.btn_submit{ background-position:  0px 0px; background-repeat: no-repeat;  border:0; cursor:pointer; outline: 0; font-size:0; line-height:0; }
.submit_bg01{background-image: url(/images/ssl/btn03.gif); width:181px; height:64px;}
.submit_bg02{background-image: url(/images/ssl/btn04.gif); width:181px; height:64px;}

/* SSlº¸¾È ÀÎÁõ¼­¶õ? */
.guide-frame {line-height:24px;}
.guide-frame img {max-width:100%;}
.guide-frame .guide-txt {padding:20px 0 10px 0;line-height:200%;}
.guide-frame .guide-txt2 {padding:0 0 10px 0;}
.guide-frame>h4 {padding:10px 0 20px; font-size:18px; color:#333; margin-top:20px;}
.guide-frame .guide-txt span {color:#de1f26;}
.guide-frame>ul.block-list {overflow:hidden;}
.guide-frame>ul.block-list>li {float:left;width:195px;min-height:260px;margin:0 15px 0 0;padding:180px 20px 20px 20px;border:1px solid #e4e4e4;text-align:justify;background-position:center 45px;background-repeat:no-repeat;}
.guide-frame>ul.block-list>li:last-child {margin:0;}
.guide-frame>ul.block-list>li>p {font-size:17px;font-weight:bold;padding:0 0 10px 0;}
.guide-frame>ul.block-list>li>p>span {font-size:13px;display:block;}
.guide-frame>ul.block-list>li.ssl-bg01 {background-image:url(../../images/guide/icon_ssl01.png);}
.guide-frame>ul.block-list>li.ssl-bg02 {background-image:url(../../images/guide/icon_ssl02.png);}
.guide-frame>ul.block-list>li.ssl-bg03 {background-image:url(../../images/guide/icon_ssl03.png);}
.guide-frame>ul.block-list>li.ssl-bg04 {background-image:url(../../images/guide/icon_ssl04.png);}

/* DV SSL */
.guide-list {overflow:hidden;}
.guide-list>li {float:left;width:195px;min-height:75px;margin:0 15px 0 0;padding:150px 20px 20px 20px;border:1px solid #e4e4e4;text-align:center;background-position:center 45px;background-repeat:no-repeat;}
.guide-list>li:last-child {margin:0;}
.guide-list>li>p {font-size:17px;font-weight:bold;padding:0 0 10px 0;}
.guide-list>li>p>span {font-size:13px;display:block;}
.guide-list>li.dvssl-bg01 {background-image:url(../../images/guide/icon_dvssl01.png);}
.guide-list>li.dvssl-bg02 {background-image:url(../../images/guide/icon_dvssl02.png);}
.guide-list>li.dvssl-bg03 {background-image:url(../../images/guide/icon_dvssl03.png);}
.guide-list>li.dvssl-bg04 {background-image:url(../../images/guide/icon_dvssl04.png);}

/* ssl */
.ssl-list-box {width:996px;margin:0 auto;}
.ssl-list-box img{vertical-align:middle;max-width:100%;}
.ssl-list-box>ul {margin:30px 0 0 0;}
.ssl-list-box>ul:after {clear:both;content:'';display:block;}
.ssl-list-box>ul>li {float:left;width:306px;/*height:439px;margin:20px 0 30px 35px;*/margin:13px;background-color:#f8f8f8;}
.ssl-list-box>ul>li.brick[data-state="init"] {display:none;}
.ssl-list-box>ul>li.brick[data-state="start"] {display:block;animation: start 0.5s;-webkit-animation: start 0.5s;}
.ssl-list-box>ul>li.brick[data-state="move"] {transition:top 0.5s, left 0.5s, width 0.5s, height 0.5s;-webkit-transition:top 0.5s, left 0.5s, width 0.5s, height 0.5s;}
.ssl-list-box>ul>li .ssl-data-box {padding:0 25px 17px 25px;/*padding:0 25px 25px 25px;*/border:1px solid #e4e4e4;}
.ssl-list-box>ul>li h4 {height:70px;line-height:70px;margin:0 5px;text-align:center;border-bottom:1px solid #e4e4e4;}
.ssl-list-box>ul>li .ssl-price-box{text-align:center;font-weight:bold;padding:25px 0 0;}
.ssl-list-box>ul>li .ssl-price-box h5	{padding:0 0 30px;font-size:120%;color:#154a96;}
.ssl-list-box>ul>li .ssl-price-box>ul	{/*padding:0 0 20px;*/ height:60px;}
.ssl-list-box>ul>li .ssl-price-box>ul>li	{padding:0 0 0 12px;line-height:1.3em;color:#2b2b2b;text-align:left;}
.ssl-list-box>ul>li .ssl-price-box>ul>li>span	{font-weight:normal;font-size:0.85em;}
.ssl-list-box>ul>li .ssl-price-box>span	{position:relative;display:block;font-size:115%;letter-spacing:-0.04em;color:#fff;background-color:#ed1c24;overflow:hidden;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.ssl-list-box>ul>li .ssl-price-box>span a{position:relative;display:block;padding:10px 0;}
.ssl-list-box>ul>li .ssl-price-box>span:hover{color:#ed1c24;background-color:#fff;}
.ssl-list-box>ul>li .ssl-price-box>span:before{position:absolute;left:0;top:0;width:100%;height:100%;content:'';display:block;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
.ssl-list-box>ul>li .ssl-price-box>span:hover:before{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);box-shadow:inset 0 0 0 3px #ed1c24;}
/*.ssl-list-box>ul>li .ssl-price-box>span:before{position:absolute;left:-100%;width:100%;top:0;bottom:0;right:0;content:'';display:block;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;background-color:#000;}
.ssl-list-box>ul>li .ssl-price-box>span:hover:before{left:0;}*/
.ssl-list-box>ul>li .ssl-info-box{font-size:95%;padding:20px 0 0 4px;}
.ssl-list-box>ul>li .ssl-info-box>ul{}
.ssl-list-box>ul>li .ssl-info-box>ul>li	{color:#575757;line-height:1.2em;padding:0 0 5px;letter-spacing:-0.04em;}
.ssl-list-box>ul>li .ssl-info-box>ul>li>span{color:#1a1a1a;padding:0 0 0 17px;background-repeat:no-repeat;background-position:0 2px;}
.ssl-list-box>ul>li .ssl-info-box>ul>li>span.icon-compat{background-image:url(../../images/main/option_icon1.png);}
.ssl-list-box>ul>li .ssl-info-box>ul>li>span.icon-price{background-image:url(../../images/main/option_icon2.png);}
.ssl-list-box>ul>li .ssl-info-box>ul>li>span.icon-renewal{background-image:url(../../images/main/option_icon3.png);}
.ssl-list-box>ul>li .ssl-info-box>ul>li>span.icon-security{background-image:url(../../images/main/option_icon4.png);}
.ssl-list-box>ul>li .ssl-info-box>ul>li>span.icon-time{background-image:url(../../images/main/option_icon5.png);}
.ssl-list-box>ul>li .ssl-info-box>ul>li>span.icon-way{background-image:url(../../images/main/option_icon6.png);}
.ssl-list-box>ul>li .ssl-info-box>strong{display:block;color:#ed1c24;padding:10px 0 0;letter-spacing:-0.06em;}

.ssl_step3{padding:139px 0 53px 0; text-align:center;  border:1px solid #eaeaea; background:url('/images/ssl/step03_icon.gif') center 45px no-repeat #fbfbfb; line-height:22px;}
.ssl_step3 strong{color:#0e76bc; font-size:17px;}

.order-con {padding:0 0 30px 0;}
.order-con h4 {padding:10px 0; font-size:16px; color:#333; margin-top:20px;}
.ssl-msg {display:block;text-align:right;}

/*ÀÎÁõ¼­ ¼³Ä¡°¡À̵å*/
.guide_list {width:996px;margin:0 auto;}
.guide_list img{vertical-align:middle;}
.guide_list>ul {/*margin:0 0 0 -35px;*/}
.guide_list>ul:after {clear:both;content:'';display:block;}
.guide_list>ul>li {float:left;/*padding:20px 0 20px 35px;*/width:306px;/*height:278px;*/}
.guide_list>ul>li.brick[data-state="init"] {display:none;}
.guide_list>ul>li.brick[data-state="start"] {display:block;animation: start 0.5s;-webkit-animation: start 0.5s;}
.guide_list>ul>li.brick[data-state="move"] {transition:top 0.5s, left 0.5s, width 0.5s, height 0.5s;-webkit-transition:top 0.5s, left 0.5s, width 0.5s, height 0.5s;}
.guide_list>ul>li .guide-data-box {padding:30px 25px 25px 25px; overflow:hidden;border:1px solid #e4e4e4;background-color:#f8f8f8; }
.guide_list>ul>li .guide-data-box h4 {height:80px;line-height:60px;margin:0 5px;text-align:center;border-bottom:1px solid #e4e4e4;}
.guide_list>ul>li .guide-data-box .guide-data-txt{text-align:center;font-weight:bold;padding:25px 0 0; overflow:hidden;}
.guide_list>ul>li .guide-data-box .guide-data-txt h5	{padding:0 0 15px;font-size:200%;color:#333;}
.guide_list>ul>li .guide-data-box .guide-data-txt p	{padding:0 0 2px;line-height:1.3em;color:#666; font-weight:normal;}
.guide_list>ul>li .guide-data-box .guide-data-txt .guide-btn{position:relative;display:block;background-color:#ED1C24;}
.guide_list>ul>li .guide-data-box .guide-data-txt .guide-btn a{position:relative;display:block;padding:10px 0 12px;color:#fff;line-height:1.3em;}
.guide_list>ul>li .guide-data-box .guide-data-txt .guide-btn:hover{background-color:#fff;}
.guide_list>ul>li .guide-data-box .guide-data-txt .guide-btn:hover a{color:#ed1c24;}
.guide_list>ul>li .guide-data-box .guide-data-txt .guide-btn:before{position:absolute;left:0;top:0;width:100%;height:100%;content:'';display:block;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
.guide_list>ul>li .guide-data-box .guide-data-txt .guide-btn:hover:before{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);box-shadow:inset 0 0 0 3px #ed1c24;}

.install_guide{ margin-top:20px;}
.install_guide img{border:1px solid #ddd;margin:10px 0 30px 0;}
.install_guide h4{ padding:10px 0; font-size:16px; color:#333 !important; margin-top:20px;}
/*.install_guide .install_innerbox{background-color:#ffffff; color:#444; border:1px solid #e4e4e4; padding:20px 130px; border-top:1px solid #aaa;  text-align:left; line-height:1.5em;}*/
.install_guide .install_innerbox{color:#444;border:1px solid #e4e4e4;padding:20px 0;border-top:1px solid #aaa;text-align:left;line-height:1.5em;background-color:#fff;}
.install_guide .install_innerbox .install-innder-data{width:738px;margin:0 auto;}
.install_guide .install_inner_code {border:1px solid #aaa; padding:10px; color:#fff;background-color:#000;}

.install_conbox{background-color:#fff;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4; border-top:2px solid #ed1c24; padding:60px 0 0 170px; height:110px; position:relative;}
.install_conbox p.title{ font-size:24px; color:#333; font-weight:bold;}
.install_conbox p.title span {color:#de1f26;}
.install_conbox p.txt{margin-top:20px;}
.install_conbox a {position:absolute;right:0;bottom:0;}
.install_conbox .pic{position:absolute; left:24px; top:22px; z-index:999;width:124px;height:124px;text-align:center;}
 
/*ȯºÒÁ¤Ã¥*/
.refund_topbox {background:url(../../images/guide/refund_bg.png) no-repeat;height:360px;width:1000px;position:relative;}
.refund_topbox p.title {position:absolute;left:180px;top:68px;}
.refund_topbox p.txt {position:absolute;left:400px;top:130px;font-size:20px;line-height:170%;color:#333;}
.refund_topbox p.txt span {font-weight:bold;color:#ed1c24;}/* red */
.refund_text {position:relative;font-size:16px;padding:45px 35px;border-bottom:1px solid #e4e4e4;}
.refund_text p {color:#ed1c24;padding:0 0 10px 0;font-size:18px;font-weight:bold;}
.refund_text span {position:absolute;right:35px;top:42px;}
.refund_text span a {display:inline-block;background:#ed1c24;color:#fff;padding:20px 40px;font-weight:bold;}

/* My page */
h4.member-h4 {font-size:18px;font-weight:bold;line-height:25px;padding:0 0 20px 0;color:#333;}
.my_lec {overflow:hidden;border:1px solid #666;margin:0 0 30px;}
.my_lec li {float:left;border-left:1px solid #ddd;padding:25px 0 35px 95px;}
.my_lec li:first-child {border-left:none;}
.my_lec li.mine01 {background:url('/images/member/my_ico01.gif') 20px 20px no-repeat;width:14%;}
.my_lec li.mine02 {background:url('/images/member/my_ico02.gif') 20px 20px no-repeat;width:14%;}
.my_lec li.mine03 {background:url('/images/member/my_ico03.gif') 20px 20px no-repeat;width:14%;}
.my_lec li.mine04 {background:url('/images/member/my_ico04.gif') 20px 20px no-repeat;width:18%;}
.my_lec li span {font-size:30px;line-height:40px;}

/* ÄíÆù,Æ÷ÀÎÆ® Á¶È¸ */
.coupon-reg {border:1px solid #ddd;padding:20px;text-align:center;margin:0 0 20px 0;}
.coupon-reg input[type=text]{border:1px solid #ddd;padding:5px 7px;}
.coupon-reg input[type="submit"] {background-color: #737373;color: #FFFFFF;font-size: 13px;padding: 3px 15px 7px;vertical-align: middle;cursor:pointer;}

/* ÁÖ¹®³»¿ª */
.product-tb {border-top:2px solid #464646;padding:0 0 30px;}
.product-tb th {padding:3px 20px 7px;height:30px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:13px;background:#f3f3f3;}
.product-tb td {padding:3px 20px 7px;height:30px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.product-tb th:first-child {border-left:1px solid #ddd;}
.product-tb td:first-child {border-left:1px solid #ddd;}
.product-tb td.pro-img {padding:20px;text-align:center;}
.product-tb td.pro-tit {font-weight:bold;font-size:14px;}
.product-info .total-price {background:#666666;margin:0 0 30px;padding:20px;text-align: right;color:#fff;}
.product-info .total-price span {font-weight:bold;font-size:14px;}


/* ¿ìÆí¹øÈ£ ã±â */
.zipcode-tit {background:#e62a62;color:#fff;font-size:18px;padding:20px 0 20px 20px;}
.zipcode-search {padding:20px 0;text-align:center;}
.zipcode-search input[type=text] {border:1px solid #ddd;padding:4px;width:180px;}
.zipcode-result .zip-result {padding:0 0 10px 15px;}
.zipcode-result .zipcode-tb {width:390px;margin:0 auto;}
.zipcode-result .zipcode-tb th {padding:5px 0;border-top:2px solid #464646;border-bottom:1px solid #666;}
.zipcode-result .zipcode-tb td {padding:5px 0;border-bottom:1px solid #ddd;}
.popup-btn-zone {text-align:center;padding:20px 0;}

/* ȸ¿ø°¡ÀÔ */
.join-process {overflow:hidden;background:url(../../images/member/step_bg.png) 0 63px no-repeat;margin: 0 0 20px;}
.join-process li {float:left;width:18%;padding:90px 0 15px 140px;line-height:40px;background-position:center top;background-repeat:no-repeat;}
.join-process li.step01 {background-image:url(../../images/member/step01.png);}
.join-process li.step02 {background-image:url(../../images/member/step02.png);}
.join-process li.step03 {background-image:url(../../images/member/step03.png);}
.join-process li.step01_on {background-image:url(../../images/member/step01_on.png);}
.join-process li.step02_on {background-image:url(../../images/member/step02_on.png);}
.join-process li.step03_on {background-image:url(../../images/member/step03_on.png);}
.join-process li span {display:inline-block;padding:0 10px 0 0;font-size:45px;color:#ddd;}
.join-process li span.on {display:inline-block;padding:0 10px 0 0;font-size:45px;color:#333;} 

h5.member-h5 {background:url('/images/common/blt01.gif') left 2px no-repeat;font-size:14px;line-height:25px;padding:0 0 10px 35px;}
.agree-zone {border:1px solid #dddddd;padding:30px;}
.agree-zone .agree-check {padding:10px 5px 30px 0;}
.agree-con {padding:20px;line-height:20px;}
.agree-con .agree-tit {font-weight:bold;padding:0 0 10px 0;}
.agree-con .con-depth {padding:0 0 30px 20px;}
.agree-con .agree-ol {margin:0;padding:0 0 0 20px;}
.agree-con .agree-ol .agree-dep01 {padding:10px 0 0 0;}
.agree-con .agree-ol .agree-dep01 li {padding:0 0 5px 0;}
.agree-con .agree-ol .agree-dep02 {padding:5px 0 30px 20px;}
.agree-zone iframe {border:1px solid #ddd;width:920px;height:250px;}

.join-con {border-top:2px solid #464646;border-bottom:1px solid #ddd;padding:50px 0 50px 0; text-align:center;}
.join-con .join-txt {font-size:16px;}
.join-con .join-txt span {font-weight:bold;}
.join-con .join-txt img {padding:0 0 0 10px;}
.join-con .join-btn a.style1{padding:6px 23px 10px;display:inline-block;color:#111;background-color:#edc213;text-align:center;line-height: 21px;}
.join-con .join-btn a.style2{padding:6px 23px 10px;display:inline-block;color:#fff;background-color:#9d9d9d;text-align:center;line-height: 21px;}

/*ȸ¿ø°¡ÀÔ*/
#member .out-txt {margin-bottom:40px;}
#member .out-txt .txt1 {font-size:120%;line-height:1.4em;color:#333333;padding-bottom:15px;}
#member .out-txt .txt2 {color:#858585;padding:0 0 7px 0;background:url(/images/donation/blt01.gif) no-repeat 5px 4px;}
#member .out-input {border:1px solid #DADADA;height:20px;padding:2px;}

#member .join {border-top:2px solid #464646;}
#member .join table {width:100%;}
#member .join th {width:130px;padding:10px 0 10px 20px;border-bottom:1px solid #dadada;color:#4c4c4c;text-align:left;vertical-align:top;font-weight:bold;}
#member .join th.star {padding:10px 0 10px 10px;}
#member .join th.star span {color:#ff3366;}
#member .join td {padding:10px 0 10px 12px;border-bottom:1px solid #dadada;vertical-align:top;font-size:13px;line-height:1.5em;}
#member .join td input[type=text]{border:1px solid #dadada;height:20px;padding:2px;}
#member .join td input[type=password]{border:1px solid #dadada;height:20px;padding:2px;}
#member .join td .ps {font-size:11px;color:#e62a62;}
#member .join td p {padding-bottom:7px;}
#member .join td a {color:#eb5e00;font-weight:bold;font-size:12px;}

#member .join-ok{border-top:2px solid #464646;border-bottom:1px solid #464646;padding:40px;line-height:1.5em;}
#member .join-ok p{font-weight:bold;font-size:140%;color:#4c4c4c;padding-bottom:20px;}
#member .join-ok p span{color:#e62a62}
#member .join-ok strong{font-size:120%;}

#member .agree {border-top:2px solid #464646;border-bottom:1px solid #464646;padding:13px 0 9px 20px;margin-top:20px;}
#member .agree dt {float:left;padding-right:20px;color:#4c4c4c;font-weight:bold;}
#member .agree dd {float:left;padding-right:45px;}
#member .agree dd a {color:#eb5e00;font-weight:bold;}
#member .agree:after {display:block;clear:both;content:""}

#member .login {position:relative;border-top:2px solid #666;border-bottom:1px solid #ddd;padding:60px 60px 40px 450px;min-height:280px;background:url(/images/member/login_bg.png) no-repeat 50px 50px; }
#member .login form {position:relative;padding:0 107px 0 0;}
#member .login dl {position:relative;}
#member .login dt {position:absolute;font-size:110%;line-height:250%;font-weight:bold;color:#4c4c4c;width:90px;}
#member .login dd {padding:0 0 10px 90px;}
#member .login dd input[type=text] {border:1px solid #dadada;height:30px;width:99%;background-color:#f4f4f4;}
#member .login dd input[type=password] {border:1px solid #dadada;height:30px;width:99%;background-color:#f4f4f4;}
#member .login input[type=submit] {position:absolute;right:0;top:0;color:#fff;font-weight:bold;font-size:120%;height:94px;width:98px;background-color:#ed1c24;}
#member .login .mem-btn-zone {border-top:1px solid #dadada;text-align:right;padding:30px 0 0 0;margin:50px 0 0 0;}
#member .login .mem-btn-zone .btn-idsearch {background:url(../../images/member/icon_idsearch.png) left 4px no-repeat;padding:5px 0 5px 20px;margin:0 40px 0 0;}
#member .login .mem-btn-zone .btn-join {background:url(../../images/member/icon_join.png) left 2px no-repeat;padding:5px 0 5px 25px;}

#member .guest {position:relative;border-top:2px solid #666;border-bottom:1px solid #ddd;padding:60px 60px 40px 450px;min-height:280px;background:url(/images/member/login_bg.png) no-repeat 50px 50px; }
#member .guest form{position:relative;}
#member .guest dl{position:relative;}
#member .guest dt {position:absolute;font-size:110%;line-height:250%;font-weight:bold;color:#4c4c4c;width:150px;}
#member .guest dd {padding:0 0 10px 150px;}
#member .guest dd .btn_bd_in {padding:6px 15px;background-color:#666666;color:#fff;font-size:0.9em;display:inline-block;line-height:330%;padding:0 20px;}
#member .guest dd input[type=text] {border:1px solid #dadada;height:30px;width:99%;background-color:#f4f4f4;}
#member .guest dd input[type=text]#staff_mobile {width:64.2%;}
#member .guest dd input[type=password] {border:1px solid #dadada;height:30px;width:99%;background-color:#f4f4f4;}
#member .guest input[type=submit] {display:block;color:#fff;font-weight:bold;font-size:120%;height:40px;width:340px;margin:0 0 0 150px;background-color:#ed1c24;}
#member .guest .mem-btn-zone {border-top:1px solid #dadada;text-align:right;padding:30px 0 0 0;margin:25px 0 0 0;}
#member .guest .mem-btn-zone .btn-idsearch {background:url(../../images/member/icon_idsearch.png) left 4px no-repeat;padding:5px 0 5px 20px;margin:0 40px 0 0;}
#member .guest .mem-btn-zone .btn-join {background:url(../../images/member/icon_join.png) left 2px no-repeat;padding:5px 0 5px 25px;}
/*
#member .login {position:relative;border-top:2px solid #666;border-bottom:1px solid #ddd;padding:60px 40px 40px 430px;min-height:280px;background:url(/images/member/login_bg.png) no-repeat 50px 50px; }
#member .login dt {padding-bottom:10px;font-size:110%;line-height:250%;font-weight:bold;color:#4c4c4c;width:90px;float:left;}
#member .login dd {padding-bottom:10px;}
#member .login dd input[type=text] {border:1px solid #dadada;height:30px;width:59%;background-color:#f4f4f4;}
#member .login dd input[type=password] {border:1px solid #dadada;height:30px;width:59%;background-color:#f4f4f4;}
#member .login input[type=submit] {position:absolute;left:855px;top:60px;color:#fff;font-weight:bold;font-size:120%;height:94px;width:98px;background-color:#ed1c24;}
#member .login .mem-btn-zone {border-top:1px solid #dadada;text-align:right;padding:30px 0 0 0;margin:50px 0 0 0;}
#member .login .mem-btn-zone .btn-idsearch {background:url(../../images/member/icon_idsearch.png) left 4px no-repeat;padding:5px 0 5px 20px;margin:0 40px 0 0;}
#member .login .mem-btn-zone .btn-join {background:url(../../images/member/icon_join.png) left 2px no-repeat;padding:5px 0 5px 25px;}

#member .guest {position:relative;border-top:2px solid #666;border-bottom:1px solid #ddd;padding:60px 40px 40px 430px;min-height:280px;background:url(/images/member/login_bg.png) no-repeat 50px 50px; }
#member .guest dt {padding-bottom:10px;font-size:110%;line-height:250%;font-weight:bold;color:#4c4c4c;width:150px;float:left;}
#member .guest dd {padding-bottom:10px;}
#member .guest dd .btn_bd_in {padding:6px 15px;background-color:#666666;color:#fff;font-size:0.9em;display:inline-block;line-height:330%;padding:0 20px;}
#member .guest dd input[type=text] {border:1px solid #dadada;height:30px;width:70%;background-color:#f4f4f4;}
#member .guest dd input[type=password] {border:1px solid #dadada;height:30px;width:70%;background-color:#f4f4f4;}
#member .guest input[type=submit] {position:absolute;left:580px;top:215px;color:#fff;font-weight:bold;font-size:120%;height:40px;width:38%;background-color:#ed1c24;}
#member .guest .mem-btn-zone {border-top:1px solid #dadada;text-align:right;padding:30px 0 0 0;margin:80px 0 0 0;}
#member .guest .mem-btn-zone .btn-idsearch {background:url(../../images/member/icon_idsearch.png) left 4px no-repeat;padding:5px 0 5px 20px;margin:0 40px 0 0;}
#member .guest .mem-btn-zone .btn-join {background:url(../../images/member/icon_join.png) left 2px no-repeat;padding:5px 0 5px 25px;}*/

#member .idpw_find_result{margin-top:10px;padding:30px;background-color:#f4f4f4;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#member .idpw_find_result span{font-weight:bold;color:#e62a62;}

/*ÁÖ¹®¼­ÀÛ¼º*/
#order .order_writen{border-top:2px solid #464646;margin:0 0 30px 0;}
#order .order_writen table{width:100%;}
#order .order_writen th{width:130px;padding:10px 0 10px 20px;border-bottom:1px solid #dadada;color:#4c4c4c;text-align:left;vertical-align:top;}
#order .order_writen th.blt{background:url(/images/donation/blt02.gif) no-repeat 8px 12px;}
#order .order_writen td{padding:10px 0 10px 12px;border-bottom:1px solid #dadada;background:url(/images/donation/th_bar.gif) no-repeat 0px 15px;vertical-align:top;font-size:13px;line-height:1.5em;}
#order .order_writen td input[type=text]{border:1px solid #dadada;height:20px;padding:2px;}
#order .order_writen td input[type=password]{border:1px solid #dadada;height:20px;padding:2px;}
#order .order_writen td .ps {font-size:11px;color:#e62a62;}
#order .order_writen td p{padding-bottom:7px;}
#order .order_writen .price {padding:15px 0 0 0;font-size:13px;font-weight:bold;color:#000000;}
#order .order_writen .price span {font-size:18px;}
#order .order_writen #btn-zone {text-align:center !important;}
.coupon-box-layer {border:3px solid #dadada;width:450px; padding:10px; position:absolute; left:200px; background:#fff; display:none;}
.coupon-box-layer .coupon-close {text-align:right;}

.order-complete {overflow:hidden;border:1px solid #666;margin:0 0 30px;padding:30px 0 35px 0;text-align:center;}
.order-complete .txt {font-size:30px;line-height:40px;padding:0 0 30px 0;}
.order-complete .btn-zone {text-align:center;}

.caution {background:url("/images/product/ico_caution.gif") no-repeat;padding:10px 0 0 80px;height:50px;}
.caution span {color:#e62a62;}

/*°í°´¼¾ÅÍ*/
#member .service {border-top:2px solid #464646;}
#member .service table {width:100%;}
#member .service th {width:130px;padding:10px 0 10px 20px;border-bottom:1px solid #dadada;color:#4c4c4c;text-align:left;vertical-align:top;font-weight:bold;}
#member .service th.star {padding:10px 0 10px 10px;}
#member .service th.star span {color:#ff3366;}
#member .service td {padding:10px 0 10px 12px;border-bottom:1px solid #dadada;vertical-align:top;font-size:13px;line-height:1.5em;}
#member .service td input[type=text]{border:1px solid #dadada;height:20px;padding:2px;width:99%;}
#member .service td input[type=password]{border:1px solid #dadada;height:20px;padding:2px;}
#member .service td textarea {border:1px solid #dadada;width:750px;height:200px;padding:2px;}
#member .service td .ps {font-size:11px;color:#e62a62;}
#member .service td p {padding-bottom:7px;}
#member .service td a {color:#eb5e00;font-weight:bold;font-size:12px;}

/*°³ÀÎÁ¤º¸Ãë±Þ¹æħ*/
.privacy-txt {background:url(../../images/others/icon_private.png) 30px 25px no-repeat;border:1px solid #ccc;padding:30px 30px 30px 95px;line-height:25px;margin:0 0 40px 0;}
.privacy-con div {padding:10px 0 40px 20px;font-size:13px;line-height:20px;}
.privacy-con div ol {list-style-type:none;margin:0;padding:0;}
.privacy-con div ol li {padding:0 0 10px 0;}
.privacy-con div ol li .ol_in {padding:0 0 0 20px;}
.privacy-con div ol li dl dt {float:left;padding:0 5px 0 0;}
.privacy-con p {padding:0 0 10px 20px;}
.privacy-con p.pr_txt {padding:0 0 20px 0;}

/*ÀÌ¿ë¾à°ü*/
.terms {}
.terms .terms-bs {text-align:right;padding:0 0 20px 0;}
.terms>h4 {font-size:14px;padding:0 0 5px 0;}
.terms .terms-con {padding:0 0 30px 30px;line-height:20px;}
.terms .terms-con .terms-txt {padding:0 0 10px 0;}
.terms .terms-con ul {}
.terms .terms-con ul li {padding:0 0 5px 0;}
.terms .terms-con ul li > .terms-dep02 {padding:5px 0 0 20px;}
.terms .terms-con ul li > .terms-dep02 li {padding:0;}

/*¿¡·¯ÆäÀÌÁö*/
.error-con {width:665px;margin:150px auto 0;}
.error-con h2.error-logo {border-bottom:2px solid #e62a62;padding:0 0 0 2px;height:30px;margin:0 0 45px 0;}
.error-con .error-img {float:left;padding:10px 60px 0 35px;}
.error-con .error-r {float:left;line-height:22px;padding:0 0 45px 0;}
.error-con .error-r .error-txt {font-size:22px;color:#d71850;letter-spacing:-1px;}
.error-con .error-r .error-btn a {display:inline-block;padding:8px 20px;background:#e62a62;color:#fff;}
.error-con .error-copy {border-top:1px solid #ddd;clear:both;padding:10px 0;text-align:right;}

.btn_style1 {display:inline-block;white-space:nowrap;padding:4px 15px; border:1px solid #000; background-color:#eee;font-size:0.9em;}
.btn_style2 {font-size:115%;letter-spacing:-0.04em;color:#262626;background-color:#edc213; padding:10px;}
.btn_style3 {width:181px; height:64px;padding:4px 15px; border:1px solid #000; background-color:#eee;font-size:0.9em;}
.btn_style4 {font-size:115%;letter-spacing:-0.04em;color:#fff;background-color: #ed1c24;padding:5px 10px;}

/*À̸ÞÀϹ«´Ü¼öÁý°ÅºÎ*/
.email_refusal{padding:20px; line-height:18px;}
.email_refusal .title_box {text-align:center; padding:0 0 220px 0; font-size:15px;line-height:180%; margin-bottom:40px; background:url(/images/others/email_icon.png) center bottom no-repeat;}
.email_refusal h4{font-size:16px; color:#333;padding:0 0 20px 0;}
.email_refusal .email_con{font-size:13px;border:1px solid #dadada;padding:30px;}
.email_refusal .email_con h5 {color:#d02027;font-size:15px;padding:0 0 20px 0;text-decoration:underline;}
.email_refusal .email_con p {font-size:14px;font-weight:bold;color:#444;padding:0 0 10px 0;}
.email_refusal .email_con ul {padding:0 0 20px 30px;}
.email_refusal .email_con ul li {padding:0 0 5px 0;}

/* print price css */
@page	{margin:4mm 3mm 3mm;size:A4;}
.print-wrap{width:644px;margin:0 auto;}	
.print-wrap h1{color:#333;font-size:27px;text-align:center;line-height:1.2em;font-family:'Malgun Gothic';padding:30px 0;letter-spacing:0.2em;}	
.print-wrap h1 em{display:inline-block;border-bottom:3px solid #333;font-style:normal;}	
.print-wrap h1 span{font-weight:normal;letter-spacing:0;padding:0 0 0 10px;}	
.print-table{}	
.print-table table{width:100%;}	
.print-table table th{color:#6d6d6d;padding:10px 0;border:1px solid #cacaca;background-color:#f8f8f8;}	
.print-table table th span{font-weight:normal;}	
.print-table table td{border:1px solid #cacaca;padding:10px;}	
.print-table table td .price-data{}	
.price-box{padding:20px 0 10px;text-align:right;font-family:'Malgun Gothic';}	
.price-box p{font-size:20px;}	
.price-box p span{font-size:25px;color:#3f66da;font-family:verdana;font-weight:bold;}	
.price-box p em{font-size:15px;font-style:normal;font-weight:bold;}	



@media only all and (max-width: 1000px) {
	#contents{width:auto;min-width:auto;}
	#data-contents{width:auto;padding:20px;}
	#data-contents h3{font-size:180%;padding:0 0 20px;}
	#contents .sub_visual	{border-top:1px solid #e4e4e4;}
	#contents .sub_visual .visual_imgbox{display:none;}
	#contents .sub_visual .location-depth{width:auto;padding:0 0 0 15px;}

	.ssl-list-box{width:auto;/*margin:15px;*/}
	.ssl-list-box>ul>li{height:auto;width:32%;margin:0 0.5% 1%;}
	.ssl-list-box>ul>li .ssl-data-box{padding:0 15px 17px;min-height:475px;}
	
	.guide-frame .guide-txt{padding:20px 0 10px;line-height:1.7em;}
	.guide-frame>ul.block-list>li{width:44%;margin:0 15px 15px 0;min-height:180px;}
	.guide-frame>ul.block-list>li:nth-child(even){margin:0 0 15px;}

	.refund_topbox{width:auto;}

	.join-process{display:table;width:100%;background-size:100% auto;background-position:0 66px;}
	.join-process li{float:none;display:table-cell;padding:90px 0 15px;width:33%;text-align:center;}

	.agree-zone iframe {width:100%;}

	#member .login	{padding:60px 35px 40px 305px;background-position:22px 50px;background-size:250px auto;}
	#member .guest	{padding:60px 35px 40px 305px;background-position:22px 50px;background-size:250px auto;}
	#member .guest dd .btn_bd_in{padding:0 2px;}
	#member .guest input[type=submit]{margin:0;width:100%;}
	#member .service td textarea{width:99%;}	

	.install_guide .install_innerbox .install-innder-data{width:auto;padding:0 20px;}

	.table_list{width:auto;}

	.guide_list{width:auto;}
	.guide_list>ul{margin:0;}
	/*.guide_list>ul>li{padding:20px 0;}*/
}
@media only all and (max-width: 768px) {
	.guide-frame>h4{margin:0;font-size:110%;}
	.guide-frame>ul.block-list>li{float:none;width:auto;margin:0;padding:20px 20px 20px 170px;min-height:100px;margin:0 0 15px;background-position:30px center;}

	.guide-list{display:table;width:100%;}
	.guide-list>li{display:table-cell;float:none;width:25%;padding:150px 0 20px;font-size:100%;line-height:1.4em;border-left:0 none;} 
	.guide-list>li:first-child{border-left:1px solid #e4e4e4;}

	.guide_list{width:auto;}
	/*.guide_list>ul>li{width:45%;}*/	

	.refund_topbox{display:table;width:100%;}
	.refund_topbox p.title{display:table-cell;position:relative;left:auto;top:auto;vertical-align:middle;width:33%;text-align:center;}
	.refund_topbox p.txt{display:table-cell;position:relative;left:auto;top:auto;vertical-align:middle;}

	.refund_text{padding:35px 175px 35px 25px;}
	.refund_text span{right:0;top:75px;}
	.refund_text span a{padding:15px 30px;}

	#member .login{padding:60px 35px 40px;background:0 none;}
	#member .guest{padding:60px 35px 40px;background:0 none;}

	.install_conbox{height:76px;padding:50px 0 0 140px;}
	.install_conbox .pic{width:85px;height:85px;}

	.table_list{font-size:13px;}
	.table_list th{padding:12px 0 10px 7px;}

	.agree-con{padding:15px;line-height:1.3em;font-size:12px;}
	.order-con .agree-check{font-size:13px;padding:5px 0 0;}

	.ssl-list-box>ul>li h4{height:60px;line-height:60px;}
	.ssl-list-box>ul>li .ssl-price-box{padding:15px 0 0;}
	.ssl-list-box>ul>li .ssl-price-box h5{padding:0 0 15px;}
	.ssl-list-box>ul>li .ssl-data-box{min-height:470px;}
}
@media only all and (max-width: 640px) {
	#data-contents{width:auto;padding:10px;}
	#data-contents h3{padding:10px 0 20px;font-size:150%;}

	.tab-2depth ul{display:table;width:100%;font-size:95%;}
	.tab-2depth ul li{float:none;display:table-cell;width:50%;}
	.tab-2depth ul li a{display:block;width:auto;padding:12px 0;}

	.guide-list>li{width:28%;font-size:95%;}	
	.guide-list>li.dvssl-bg01{width:22%;}	
	.guide-list>li.dvssl-bg02{width:22%;}

	/*.guide_list>ul>li{width:44%;}*/

	#member .login{padding:40px 0 0 0;margin:0 20px;min-height:195px;}
	#member .login input[type=submit]{left:auto;}
	#member .login .mem-btn-zone{display:table;width:100%;margin:35px 0 0;padding:15px 0 0;}
	#member .login .mem-btn-zone a{display:table-cell;width:50%;text-align:left;}
	#member .login .mem-btn-zone .btn-idsearch{padding:5px 0 5px 25px;}

	#member .guest{padding:40px 0 0 0;margin:0 20px;min-height:195px;}
	#member .guest .mem-btn-zone{margin:15px 0 0;padding:15px 0;}

	#member .service th{width:20%;}
	#member .join th{width:20%;padding:10px 0 10px 10px;}

	.info-msg{font-size:95%;letter-spacing:-0.04em;}

	.guide-frame .guide-txt{padding:10px 0;font-size:95%;}
	.guide-frame>ul.block-list>li{padding:20px 20px 20px 120px;background-size:auto 60px;}
	.guide-frame>ul.block-list>li.ssl-bg01{}	
	.guide-frame>ul.block-list>li.ssl-bg02{background-position:18px center;}	
	.guide-frame>ul.block-list>li.ssl-bg03{}	
	.guide-frame>ul.block-list>li.ssl-bg04{}	

	.guide-list>li{display:block;margin:0;padding:15px 0 15px 120px;text-align:left;border:1px solid #e4e4e4;background-position:10px center;}
	.guide-list>li.dvssl-bg01{width:auto;background-position:25px center;}
	.guide-list>li.dvssl-bg02{width:auto;}
	.guide-list>li.dvssl-bg03{width:auto;}
	.guide-list>li.dvssl-bg04{width:auto;}

	/*.guide_list>ul{margin:0 0 0 -10px;}
	.guide_list>ul>li{margin:10px 0 5px 15px;height:265px;width:46%;}*/

	.faq-list{font-size:95%;}
	.faq-list ul li p.question{font-size:110%;}

	.refund_topbox{height:auto;padding:20px 0;background-size:100%;}
	.refund_topbox p.title img{width:100px;}
	.refund_topbox p.txt{font-size:105%;letter-spacing:-0.04em;}

	.refund_text{padding:20px;font-size:100%;}
	.refund_text span{position:relative;top:auto;display:inline-block;margin:10px 0 0;}
	.refund_text span a{padding:10px 25px;}

	.install_conbox	{height:auto;padding:0;}
	.install_conbox .pic{display:none;}
	.install_conbox p.title{padding:20px 15px;font-size:20px;}
	.install_conbox a{position:relative;right:auto;bottom:auto;display:block;text-align:right}
	.install_guide .install_innerbox .install-innder-data{font-size:95%;}

	.product-tb {font-size:12px;}
	.product-tb th{padding:3px 0 7px;font-size:12px;}
	.product-tb td{padding:3px 10px 7px;}

	.ssl-msg{text-align:left;font-size:13px;letter-spacing:-0.04em;}
	.info-msg-box{display:block;}
	.table_list	table{table-layout:fixed;}

	.ssl-list-box>ul>li{width:49%;}
}
@media only all and (max-width: 480px) {
	#member .login{margin:0;}
	#member .login dt{font-size:100%;width:70px;}
	#member .login dd{padding:0 0 10px 70px;}
	#member .login .mem-btn-zone a{font-size:95%;}
	#member .guest{margin:0;}
	#member .guest dt{font-size:100%;width:110px;}
	#member .guest dd{padding:0 0 10px 110px;}
	#member .guest dd input[type=text]#staff_mobile{width:62.2%;}

	#member .service th{padding:10px 0 10px 14px;font-size:13px;}
	#member .service th.star{padding:10px 0 10px 5px;}
	#member .join th{font-size:13px;}

	.join-process{background-position:0 51px;}
	.join-process li{padding:70px 0 0;background-size:auto 60px;}
	.join-process li span{display:block;padding:0;font-size:30px;}
	.join-process li span.on{display:block;padding:0;font-size:30px;}
	.agree-zone	{padding:15px;}

	.agree-con	{font-size:90%;padding:10px;line-height:1.3em;}	

	.privacy-txt{padding:15px;font-size:95%;line-height:1.4em;margin:0 0 20px;text-align:justify;background:0 none;}
	.privacy-con div{padding:10px 7px 20px 7px;text-align:justify;letter-spacing:-0.05em;}
	.privacy-con p{padding:0 0 10px 15px;font-size:95%;}

	.terms .terms-bs{font-size:90%;}
	.terms .terms-con {font-size:95%;padding:0 0 10px 7px;text-align:justify;letter-spacing:-0.05em;}

	.email_refusal{padding:10px;letter-spacing:-0.04em;}
	.email_refusal .title_box{font-size:95%;line-height:1.5em;padding:0 0 175px;background-size:150px auto;}
	.email_refusal .email_con{padding:15px;}
	.email_refusal .email_con ul{padding:0 7px 20px;text-align:justify;}

	.install_conbox p.title{font-size:17px;padding:10px;}
	.install_guide .install_innerbox{padding:14px 0;}
	.install_guide .install_innerbox .install-innder-data{padding:0 10px;font-size:90%;}

	.table_list td{letter-spacing:-0.06em;}

	.guide-frame>ul.block-list>li{padding:12px;line-height:95%;background-size:0 0;}

	.ssl-list-box>ul{margin:0;}
	.ssl-list-box>ul>li{width:auto;float:none;margin:0 0 10px;}
	.ssl-list-box>ul>li .ssl-data-box{min-height:auto;}
}
@media only all and (max-width: 360px) {
}