* {-webkit-box-sizing: initial !important; -moz-box-sizing: initial !important; box-sizing: initial !important;}

.bold {font-weight:bold !important;}
.blue {color:#4769fe !important;}
.red {color:#ee1212 !important;}
.gray {color:#999 !important;}
.black {color:#000;}
.fwrap:after {clear:both; display:block; content:'';}
.fl {float:left;}
.fr {float:right;}
.underline {text-decoration:underline;}
.block {display:block !important;}
.iblock {display:inline-block;}
.vmiddle {vertical-align:middle;}
.tit_name {color:#333; font-size:16px; font-weight:600;}
.tot_sum {color:#333; font-size:18px; font-weight:600;}
.tot_price {color:#009efb; font-size:24px; font-weight:600;}
.aleft {text-align:left !important;}
.acenter {text-align:center !important;}
.aright {text-align:right !important;}

.mt0 {margin-top:0 !important;} .mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;} .mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;} .mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt130 {margin-top:130px !important;}
.mt135 {margin-top:135px !important;}

.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb80 {margin-bottom:80px !important;}
.mb100 {margin-bottom:100px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml80 {margin-left:80px !important;}
.ml100 {margin-left:100px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}

.w5 {width:5% !important;}
.w10 {width:10% !important;}
.w12 {width:12% !important;}
.w13 {width:13% !important;}
.w15 {width:15% !important;}
.w20 {width:20% !important;}
.w25 {width:25% !important;}
.w30 {width:30% !important;}
.w33 {width:33.33% !important;}
.w35 {width:35% !important;}
.w40 {width:40% !important;}
.w45 {width:45% !important;}
.w48 {width:48% !important;}
.w50 {width:50% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w65 {width:65% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}
.w85 {width:85% !important;}
.w90 {width:90% !important;}
.w95 {width:95% !important;}
.w100 {width:100% !important;}

.input_file_wrap {display:flex;}
.input_file_wrap .input_file {float:left; display:flex; flex:1 1 0%; padding:0 12px; line-height:34px; border-radius:0.15em; border:1px solid rgb(206, 212, 218); background-color:#fff;}
.input_file_wrap .input_file span {padding:0; font-size:13px; color:rgba(0,0,0,0.25); display:block; width:90%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.input_file_wrap .input_file_link {margin-left:auto; margin-bottom:0; cursor:pointer;display:inline-block;}
.input_file_wrap .input_file_link img.file_link {vertical-align:middle; border:0; width:20px; cursor:pointer;}
.btn_input_file {display:initial;height:36px;width:80px;margin-left:3px;background-color:#1caafc;color:#fff; border:0px;border-radius:4px;font-size:13px; cursor:pointer;}

#cb-content-wrap:after {
    clear:both; display:block; content:'';
}
.wcontect_sub #cb-content-wrap {
    width:1240px !important;
}
.wcontect_sub .sgnb {
    float:left; width:190px !important; height:100%; margin-right:30px; box-sizing: initial !important;
}
.wcontect_sub .sgnb h1 {
    position:relative; font-size:36px; line-height:36px; color:#333; padding-bottom:10px; border-bottom:2px solid #333; margin-top:30px; 
    font-family:'Nanum Gothic' !important; font-weight:600; margin-bottom:0;
}
.wcontect_sub .mypage {
    float:left; width:920px !important; border-left:1px solid #e5e5e5; padding-left:60px !important; box-sizing: initial !important;
}
.wcontect_sub .sgnb .ul_smenu {position:relative;}
.wcontect_sub .sgnb .ul_smenu li {
    position:relative; box-sizing:border-box; height:50px; line-height:50px; border-bottom:1px solid #e5e5e5; 
}
.wcontect_sub .sgnb .ul_smenu li a {display:block; color:#333; font-weight:400; background-color:#fff; color:#333; padding-left:10px; text-decoration:none;}
.wcontect_sub .sgnb .ul_smenu li a.s_menu {padding-left:20px; font-size:16px;}
/*.wcontect_sub .sgnb .ul_smenu li.on, .wcontect_sub .sgnb .ul_smenu li:hover {background-color:#4769fe;}*/
.wcontect_sub .sgnb .ul_smenu li.on a, .wcontect_sub .sgnb .ul_smenu li:hover a {color:#fff; background-color:#4769fe;}
.wcontect_sub .sgnb .ul_smenu li ul {position:relative;}
.wcontect_sub .sgnb .ul_smenu li ul li a {position:relative;}

.section {position:relative;width:810px;margin:0 auto;}
.section.mypage {width:auto; padding:30px;}
.section.mypage #cb-signup {padding-top:0;}
.section.mypage .cb-info {margin-top:0;}
.section.mypage .cb-info h1 {text-align:left !important; font-family:'Nanum Gothic' !important;}

.ajaxLoad {position:fixed; z-index:50000; width:26px; height:26px; left:50%; top:50%; margin-left:-13px; margin-top:-13px; text-align:center; color:#999; background:rgba(255,255,255,0);}
.ajaxLoad img {width:100%; height:100%;}

form {padding:0px; margin:0;}
.vmiddle {top:50%; left:50%; margin:0 auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.btnwrap {margin-top:50px; text-align:center;}
.btnwrap a {text-decoration:none !important; font-weight:400 !important;}
.cb-button {display:inline-block; padding:10px; border:0; font-size:18px; text-align: center; line-height:40px;cursor: pointer; border-radius:4px; text-decoration:none;}
.cb-button:hover, .cb-button:active {text-decoration:none !important;}
.cb-button.md {padding:0 10px; font-size:14px; line-height:35px;}
.cb-button.sm {padding:0 6px !important; font-size:12px !important; line-height:25px !important;}
.cb-button.gray {background-color:#dcdcdc; color:#333 !important;}
.cb-button.blue {background-color:#4769fe; color:#fff !important;}

.cb-info {position:relative;margin-top:50px;text-align:center;}
.cb-info img {display:inline-block; width:120px; height:auto;margin-bottom:25px;}
.cb-info span {display:block; font-size:15pt; color:#333; margin-bottom:15px; text-align:center;}
.cb-info span:last-child {margin-bottom:0;}
.cb-info h1 {
    font-size:36px !important; line-height:36px !important; font-weight:600 !important; letter-spacing:-1px;color:#333; padding-bottom:10px; border-bottom:2px solid #333;
    margin-top:0;
}
.cb-info h2 {font-size:20px !important; font-weight:600 !important; letter-spacing:-1px; /*color:#4769fe;*/ text-align:left;}
.cb-info .cb-head {background:#f4f4f4; padding:15px 30px; color:#333; font-size:14px; border-bottom:1px solid #dcdcdc;}
.cb-info .cb-name {padding:25px 30px; color:#111; font-size:24px; font-weight:600; letter-spacing:-1px;}

.comp {margin-top:70px; margin-bottom:20px; color:#333; font-size:30px; font-weight:600;}

.cb-inputnaked-label .cb-cell-left {width:160px !important;}
.cb-inputnaked-label .cb-cell-left span {height:27px; font-size:16pt; font-weight:200; color:#333; display:inline-block;margin-top: -3px;}
.cb-inputnaked-label input {
    width:100%; height:27px; font-size:16pt; font-weight:200; color:#333; background:none; border:none;
    resize: none; -webkit-appearance: none; outline: none;
}
.cb-inputnaked-label .cb-selectholder {height:40px; font-size:15pt; font-weight:200; border: none; text-align:left !important;}
.cb-inputnaked-label .cb-selectholder select {
    width:180px; /*height: 40px;*/ border:1px solid #dcdcdc; font-size: 15pt; font-weight: 200; text-align: left; vertical-align: top; text-align-last: inherit; padding:5px; direction:inherit;
    -webkit-appearance: menulist;
}

.join-message {font-weight:normal;}

.expdate {background:#f4f4f4; padding:20px; text-align:center;}
.expdate span {display:block; text-align:center; color:#777; font-size:18px;}
.expdate span.now {color:#555; font-weight:600; margin-bottom:15px;}
.expdate span em {font-size:36px; color:#d34e4e; font-style:normal;}

.freebox {background:#f4f4f4; padding:40px 20px; text-align:center;}
.freebox img {display:inline-block; width:95px;}
.freebox .expdate {background:#fff; width:60%; margin:0 auto; padding:30px; text-align:center;}

.cb-service {position:relative; margin-top:70px;}
.cb-service h2 {position:relative; font-size:16px; color:#999;}
.cb-outer {position:relative; margin-top:30px;}
.ul_service {position:relative; width:100%; margin:0;}
.ul_service:after {clear:both; display:block; content:'';}
.ul_service li {position:relative; float:left; display:inline-block; width:190px; margin-left:16px; margin-bottom:20px;}
.ul_service li:nth-child(4n+1) {margin-left:0;}
.ul_service li div {text-align:center;}
.ul_service li .s_tmpl {position:relative; height:175px; background-color:#fff; border:1px solid #dcdcdc; border-top-left-radius:4px; border-top-right-radius:4px; cursor:pointer;}
.ul_service li .s_tmpl .ico {position:absolute; left:0; right:0; top:35px; height:75px;}
.ul_service li .s_tmpl .ico img {position:absolute; width:auto; max-width:65px; height:auto;}
.ul_service li .s_tmpl .title {
    position:absolute; left:0 !important; right:0 !important; top:auto !important; bottom:0 !important; font-size:16px; font-weight:400; color:#555; letter-spacing:-1px; line-height:50px;
}
.ul_service li .detail {
    display:block; font-size:14px; color:#999; line-height:51px; border:1px solid #dcdcdc; border-top:0; border-bottom-left-radius:4px; border-bottom-right-radius:4px;
    font-weight:400; text-align:center !important; text-decoration:none !important;
}
.ul_service li .s_tmpl:hover, .ul_service li .s_tmpl.on {border-color:#009efb; background-color:#009efb;}
/*.ul_service li .s_tmpl:hover .ico img, .ul_service li .s_tmpl.on .ico img {filter:grayscale(100%) brightness(300%) contrast(0.9); -webkit-filter:grayscale(100%) brightness(300%) contrast(0.9);}*/
.ul_service li .s_tmpl:hover .title, .ul_service li .s_tmpl.on .title {color:#fff;}

.cb-outer {position:relative; margin-top:25px; border:1px solid #dcdcdc;}
.cb-outer.noborder {border:0;}
.cb-section {position:relative; padding:25px 30px; background:#fff; border-bottom:1px solid #dcdcdc;}
.cb-section:last-child {border-bottom:0;}
.cb-section .item {margin-bottom:40px;}
.cb-section .item:last-child {margin-bottom:10px;}
.cb-section h2 {position:relative; font-size:16px; color:#000; font-weight:600; margin:0; margin-bottom:15px;}
.cb-section .item ul {position:relative;}
.cb-section .item ul:after {clear:both; display:block; content:'';}
.cb-section .item ul li {float:left; display:grid;}
.cb-section .item ul.ul_period li {width:25%;}
.cb-section .item ul.w33 li {width:33.333%;}
.cb-section .item ul.w50 li {width:50%;}
.cb-section .item ul li input {position:absolute; clip:rect(0,0,0,0); width:1px; height:1px; overflow:hidden;}
.cb-section .item ul li label {display:block; padding:0 15px; color:#777; font-size:14px; text-align: center; letter-spacing:-.5px; line-height:40px;cursor: pointer; background:#fff; border:1px solid #e2e2e2; border-radius:4px; margin-right:26px;}
.cb-section .item ul li label span.bold {font-weight:bold; color:#000;}
.cb-section .item ul li label .discount {font-weight:normal; font-size:12px; line-height:10px; margin-bottom:15px;}
.cb-section .item ul li input:checked+label {color:#fff; background-color:#1caafc; border-color:#1caafc;}
.cb-section .item ul li input:checked+label span.bold {color:#fff;}
.cb-section .item ul li:last-child label {margin-right:0;}
/*
.cb-section .ptype_radio {text-align:center;}
.cb-section .ptype_radio li {display:inline-block !important; float:none !important;}
*/

.cb-section.ptype .item {margin-bottom:0;}
.cb-section.ptype .item:last-child {margin-bottom:0;}
.cb-section.ptype .item ul {width:80%; margin:0 auto;}
.cb-section.ptype .item ul li {text-align:center;}
.cb-section.ptype .item ul li label {line-height:50px; font-size:16px;}

.cb-outer-free {display:none;}

.cb-botinfo {position:relative;}
.cb-botinfo.itop {background:#009efb;}
.cb-botinfo.ibot {background:#fff;}
.cb-botinfo .info_inner {width:50%; margin:0 auto; padding:35px 0; text-align:center;}
.cb-botinfo .info_inner .info_ico {width:auto; max-width:65px; height:auto;}

.btn_info {
    display:inline-block; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; margin:0 2px; padding:8px 15px; 
    border-radius:20px; color:#009efb; border:1px solid #009efb;background-color:#fff;
}
.btn_info.blue {color:#fff !important; background-color:#009efb !important;}

.skin_preview {
    position:relative; top:10%; width:350px !important; height:620px !important; border:0 !important; background-color:#fff !important;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}
.skin_preview_iframe {
    position: relative !important; width: 100% !important; height: 100% !important; background: #fff !important; border: none !important;
}

.u_option {position:relative; padding:0; margin:0; min-height:30px;}
.u_option:after {clear:both; display:block; content:'';}
.u_option dt {position:absolute; left:0; top:0; display:inline; background:#000; color:#fff; font-size:14px; padding:5px 15px;}
.u_option dd {margin:10px 0 0 110px;}
.u_option dd div {font-size:15px; margin-bottom:5px; display:;}
.u_option dd div.op_conf {border-top:1px solid #ccc; padding-top:5px;}
.u_option dd div span.it_head {display:inline-block; width:200px; color:#888;}
.u_option dd div span.it_cont {display:inline-block; margin-left:20px;}
.u_option dd div:last-child {margin-bottom:0;}

.ul_guide {display:inline-block;}
.ul_guide li {margin-bottom:10px; font-size:15px; font-weight:normal;}

table.tbboard {position:relative; clear:both; width:100%;margin:0; padding:0; border-spacing: 0; border-collapse:separate; border-top:1px solid #000;}
table.tbboard th, table.tbboard td {position:relative; color:#000; font-size:16px; font-weight:bold; text-align:center; vertical-align:middle; padding:15px 5px; width:auto; border:0; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
table.tbboard tr th:last-child, table.tbboard tr td:last-child {border-right:0;}
table.tbboard th {font-weight:400; background:#f4f4f4;}
table.tbboard td {font-size:16px; font-weight:normal; line-height:1.4em; padding:13px 5px;}
table.tbboard td a {color:#000;}
table.tbboard td span {font-size:16px; font-weight:normal; line-height:1.4em;}
table.tbboard td span.gray {font-size:13px; font-weight:normal; text-align:right; color:#999;}
table.tbboard td .cb-button {display:inline-block; border:0; color:#fff !important; font-size:14px; text-align: center; line-height:35px; padding:0 10px; cursor: pointer; border-radius:4px;}
table.tbboard.paylist th, table.tbboard.paylist td {font-size:14px;padding:15px 5px;}
table.tbboard tr.gray td {background:#f1f1f1;}
.orderby {display:inline-block !important; vertical-align:middle;}
.orderby .btn {display:inline-block; width:15px; height:15px; margin:0; cursor:pointer; padding:0 !important; vertical-align:unset; touch-action:none; border:0 !important; border-radius:0 !important;}
.orderby .btn.desc {background-position:0 0;}
.orderby .btn.asc {margin-left:2px; background-position:0 -20px;}

.modal-body .tbboard th, .modal-body .tbboard td {font-size:14px; padding:10px 5px;}
.modal-body .tbboard td span {font-size:14px; padding:0;}

.ma-pagination {text-align: center;}
.ma-pagination ul {display:inline-block;}
.ma-pagination ul li {width:34px; height:34px; border:1px solid #dddddd;float:left; margin-left:-1px;}
.ma-pagination ul li.active {background-color:#f7f7f7;}
.ma-pagination ul li a {font-size:9pt; padding-top:8px; width:100%; height:100%;}
.ma-pagination .active span, .ma-pagination ul li a {font-size:9pt; display:inline-block; padding-top:8px;}
.ma-pagination a, .ma-pagination a:visited, .ma-pagination a:hover, .ma-pagination a:link, .ma-pagination a:active {display:inline-block; text-decoration:none; vertical-align:middle; text-align:center; color:inherit;}

/*
.ul_tab {position:relative; width:100%; height:39px; text-align:center; border-bottom:1px solid #000;}
.ul_tab:after {clear:both; display:block; content:"";}
.ul_tab li {display:inline-block;}
.ul_tab li a {position:relative; display:block; height:38px; margin-left:-1px; text-align:center; color:#000; font-size:14px; line-height:38px; padding:0 50px; background:#fafbfc; border:1px solid #dbdbdd; border-bottom-color:#000;}
.ul_tab li a:hover, .ul_tab li.on a {color:#000; background:#fff; border:1px solid #000; border-bottom-color:#fff; z-index:5;}
*/
.ul_tab {position:relative; width:100%; height:46px; text-align:center; border-bottom:1px solid #000;}
.ul_tab:after {clear:both; display:block; content:"";}
.ul_tab>li {float:none !important; display:inline-block;}
.ul_tab>li a {position:relative; display:block; height:45px; line-height:45px; margin-left:-1px; color:#000;text-align:center; font-size:15px; padding:0 60px; background:#fafbfc; border:1px solid #dbdbdd; border-bottom-color:#000;}
.ul_tab>li a:hover, .ul_tab li.on a {color:#000; background:#fff; border:1px solid #000; border-bottom-color:#fff; z-index:5;}

input.ip_c[type="checkbox"]{display:none;}
input.ip_c + label{display:inline-block;height:20px;padding:0 0 0 20px; line-height:21px;background:url(/modules/service/themes/default-desktop/images/check_bg.png) 0 3px no-repeat; background-size:15px; font-size:14px; font-weight:400; color:#444; margin:2px; cursor:pointer;}
input.ip_c:checked + label{background:url(/modules/service/themes/default-desktop/images/check_bg.png) 0 -15px no-repeat; background-size:15px;}

input.ip_r[type="radio"]{display:none;}
input.ip_r + label{display:inline-block;height:20px;padding:0 0 0 20px; line-height:22px;background:url(/modules/service/themes/default-desktop/images/radio_bg.png) 0 3px no-repeat; background-size:15px; font-size:14px; font-weight:400; margin-right:15px; color:#444; cursor:pointer;}
input.ip_r + label:last-child {margin-right:0;}
input.ip_r:checked + label{background:url(/modules/service/themes/default-desktop/images/radio_bg.png) 0 -16px no-repeat; background-size:15px;}

.ul_info li {
    display:block; padding-left:7px; font-size:14px; line-height:140%; text-align:left; margin-bottom:7px; letter-spacing:-.5px; float:none !important; 
    background:url(/modules/service/themes/default-desktop/images/dot.png) no-repeat 0 8px;
}
.orderby .btn {background:url(/modules/service/themes/default-desktop/images/btn_orderby.png) no-repeat 0 0;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#aaa; opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#aaa;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color:#aaa;
}