@CHARSET "UTF-8";
@font-face {
    font-family: "Nanum Gothic";
    font-weight: 400;
    font-weight: normal;
    src: url('/css/fonts/NanumGothic-Regular.woff') format('woff');
    /* url('/css/fonts/NanumGothic-Regular.ttf') format('truetype'); */
}
@font-face {
    font-family: "Nanum Gothic";
    font-weight: 600;
    font-weight: Bold;
    src: url('/css/fonts/NanumGothic-Bold.woff') format('woff');
    /* url('/css/fonts/NanumGothic-Bold.ttf') format('truetype'); */
}

@font-face {
    font-family: "Nanum Gothic";
    font-weight: 900;
    src: url('/css/fonts/NanumGothic-ExtraBold.woff') format('woff');
    /* url('/css/fonts/NanumGothic-ExtraBold.ttf') format('truetype'); */
}
*{font-family: '나눔고딕', "Nanum Gothic", "맑은 고딕", "Malgun Gothic", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", Ngothic, sans-serif; font-size: 20px;}

body { padding: 0; margin: 0; }
img {border:0;}
dl,ul,ol,menu,li {list-style:none}
a {color:#333;text-decoration:none}
/* a:active, a:hover {text-decoration:none;}
a:active {background-color:transparent} */
.f_left {float:left;}
.f_right {float:right;}
.poplink { padding:0; margin:0; }
.poplink img { width:20px; margin-top:6px;  }
.poplink a { color:#4848d1; font-weight:bold; width:30px; font-size:16px; margin-left:100px; }

/* new common */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
img {vertical-align:top;}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family:'nanum gothic','돋움',dotum,sans-serif;color:#333} /* color값은 디자인가이드에 맞게사용 */
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
.clearfix:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix {*zoom:1;}
table { border:0; border-spacing:0; border-collapse:collapse; }
.clear { clear:both; }
.placeholders{position:absolute; top:10px; left:10px; font-size:18px; color:#8b8b8b; pointer-events:none;}
/** new common end***/

/** new header **/
#header { background:#535353;}
#header_inner {width:980px; margin:0 auto; *zoom:1; padding:40px 0 25px 0;}
#header:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#login:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#login {color:#FFF; font-size:20px; *zoom:1; }
#login a {color:#FFF; font-size:20px; }
#login ul {float:right;}
#login ul li:first-child {float:left; margin-left:10px; border:0; padding:3px 10px;}
#login ul li {float:left; margin-left:10px; border:1px solid #FFF; padding:3px 10px;}
#logo {float:left;}
#topmenu {margin-top:30px;}
#topmenu:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#topmenu a {color:#FFF; font-size:23px; font-weight:bold;}
#topmenu ul li {float:left; margin-right:6px; padding:3px 10px; border-radius: 10px; }
#topmenu ul li:first-child { padding-left:0; }
/** new header end **/

/* 헤더 */
.header { width: 100%; background: #404040; height: 163px; text-align: center; }
.header_left { float: left; }
.header_right { float: right; display: inline; }
.member { color: #fff; font-size: 18px; float: left; line-height: 40px;}
.logout { padding:0 30px; height: 40px; border: 1px solid #FFFFFF; background-color:#535353; text-decoration: none; color: #fff; font-size: 20px; margin-left: 12px; float: left;}
.container { width: 980px; margin: 0 auto; text-align: left;}
.header-info { padding-top: 42px; }
.menu_box { text-align: left; clear: both; float: left; margin-top: 20px; }
.menu { list-style: none; margin: 0 0 0 0; padding: 0; }
.menu li { display: inline; margin-right: 36px; color: #fff; font-size: 24px; }
.menu li a { color: #fff; font-size: 24px; text-decoration: none; font-weight:bold;  }
.menu li.active,#topmenu li.active { background-color:#202020; }
/* 페이징 */
.pagearrow { padding:20px; text-align:center; }
.pagearrow .this-page , .btn_s01_on {
    font-size:1.1em;
    color:#FFF;
    border:1px solid #333333; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;
    background-color: #333333;
    padding: 10px 10px 10px 10px;
    font-weight:bold;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#333333));
    background-image: -webkit-linear-gradient(top, #333333, #333333);
    background-image: -moz-linear-gradient(top, #333333, #333333);
    background-image: -ms-linear-gradient(top, #333333, #333333);
    background-image: -o-linear-gradient(top, #333333, #333333);
    background-image: linear-gradient(to bottom, #333333, #333333);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#333333, endColorstr=#333333);
    margin:0 10px 0 0;
}
.btn_s01 , .btn_s02 , .btn_s08 , .pagearrow a {
    border:1px solid #73726F; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;
    font-size:1.1em;
    font-weight:bold;
    padding: 10px 10px 10px 10px;
    text-decoration:none;
    display:inline-block;
    color: #000000;
    background-color: #f4f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#F2F0F0));
    background-image: -webkit-linear-gradient(top, #f4f5f5, #F2F0F0);
    background-image: -moz-linear-gradient(top, #f4f5f5, #F2F0F0);
    background-image: -ms-linear-gradient(top, #f4f5f5, #F2F0F0);
    background-image: -o-linear-gradient(top, #f4f5f5, #F2F0F0);
    background-image: linear-gradient(to bottom, #f4f5f5, #F2F0F0); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#F2F0F0);
    margin:0 10px 0 0;
}
.btn_s01:hover , .btn_s02:hover, .btn_s08:hover , .pagearrow a:hover  {
    color:#FFF;
    border:1px solid #333333;
    background-color: #333333;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#333333));
    background-image: -webkit-linear-gradient(top, #333333, #333333);
    background-image: -moz-linear-gradient(top, #333333, #333333);
    background-image: -ms-linear-gradient(top, #333333, #333333);
    background-image: -o-linear-gradient(top, #333333, #333333);
    background-image: linear-gradient(to bottom, #333333, #333333);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#333333, endColorstr=#333333);
}
/* 가입 상단 프레임	 */
.exp_box { background: url('/img/add/bg_al_alert.jpg'); width: 100%; text-align: center; padding-top: 45px; padding-bottom: 21px; border-top:2px solid #18c3b5; background-size: cover;}
.exp_box .page_title{font-size: 52px; color: #fff; line-height: 52px; margin: 0 0 21px 0;}
.exp_box .page_title em{font-size:20px; font-weight: 600; }
.exp_box .page_exp {font-size: 20px; color: #fff; line-height: 20px; margin: 10px 0 10px 0px;}
.exp_box .page_exp .dong {font-size:20px; font-weight:bold;}

.exp_box_s { background: url('/img/add/bg_al_alert.jpg'); width: 100%; text-align: center; padding-top: 25px; padding-bottom: 11px; border-top:2px solid #18c3b5; background-size: cover;}
.exp_box_s2 { background: url('/img/union/bg_transms.jpg'); width: 100%; text-align: center; padding-top: 25px; padding-bottom: 11px; border-top:2px solid #18c3b5; background-size: cover;}
.exp_box_s3 { background: url('/img/union/bg_address.jpg'); width: 100%; text-align: center; padding-top: 25px; padding-bottom: 11px; border-top:2px solid #18c3b5; background-size: cover;}
.exp_box_s4 { background: url('/img/union/bg_group.jpg'); width: 100%; text-align: center; padding-top: 25px; padding-bottom: 11px; border-top:2px solid #18c3b5; background-size: cover;}
.exp_box_s5 { background: url('/img/union/bg_fileinput.png'); width: 100%; text-align: center; padding-top: 25px; padding-bottom: 11px; border-top:2px solid #18c3b5; background-size: cover;}
.exp_box_s .page_title, .exp_box_s2 .page_title,.exp_box_s3 .page_title,.exp_box_s4 .page_title,.exp_box_s5 .page_title{ font-size: 36px; font-weight:bold; color: #fff; line-height: 36px; margin: 0 0 21px 0;}

/* 인증 상단 프레임 */
.exp_box2 { background: url('/img/add/bg_number.png'); width: 100%; text-align: center; padding-top: 45px; padding-bottom: 21px; border-top:2px solid #18c3b5; background-size: cover;}
.exp_box2 .page_title{font-size: 52px; color: #fff; line-height: 52px; margin: 0 0 21px 0;}

.body { padding-bottom: 50px; }

.main_box { text-align: center; padding-top: 50px; }
.main_box .row { display: inline-block; margin-top: 20px; }
.main_box .line { margin-left: 240px;}
.main_box .icon { float:left; }
.main_box .title { float:left; color:#000000; font-size: 22px; font-weight: bold; margin-left: 30px; vertical-align: middle; line-height: 40px; width: 130px;}

.content_box { display: inline; margin-left: 40px; float: left; line-height: 40px; margin-bottom: 20px;}
.content_box table { }
.content_box table th { background-color:#cfcfcf; padding:4px; }
.content_box table td { background-color:#efefef; padding:4px; }
.content_box div.flt { float:left; }
.content_box .hdn { display:none; }
.content_box .opc { opacity:0; }
.content_box .hdn1 { border:0; margin:0; padding:0; width:1px; height:0; }
.content_box span { position: relative; }
.checkbox { height: 33px; width: 33px; float: left; margin-top: 4px; }
.content_box label { color: #373737; font-size: 22px; margin-right: 30px; margin-left: 5px; line-height: 42px; float: left; }
.check_3col { margin-right: 60px; }

.heart_left { float: left; width: 525px; }
.use { color:#373737; font-size: 24px; display: inline; width: 160px; text-align: right; float: left; }
.heart { color:#373737; font-size: 20px; display: inline; width: 160px; text-align: right; float: left; }
#use_cnt { color: #12c9bb; font-size: 24px; display: inline; margin-left: 21px; }
#heart_cnt { font-size: 19px; display: inline; margin-left: 21px; }
#aligo_pnt {font-size: 18px; color: #8b8b8b;}

.info_box { display: block; }
.info { color: #8b8b8b; font-size: 18px; line-height: 40px; float: left; margin-right: 10px; }
.infoPs { color:#a92222; font-size:18px; line-height:40px; }
.clear {clear: both}
.left {float: left}
.margin_left_52 { margin-left: 52px; }
.charge { background: url('/img/add/btn_al_plusheart.png') no-repeat; border: none;  width: 186px; height: 46px; border: none; text-decoration: none; color: #fff; font-size: 20px; margin-left: 21px; margin-top: 13px; }
.msg_box { background: url('/img/add/form_al_mms.png') no-repeat; float: left; text-align: right; margin-top: 20px; }
.msg_box textarea { border: none; width: 314px; height: 399px; background: transparent; display: block; overflow:auto; padding: 10px; font-size: 20px; color: #bdbdbd; resize: none; }
.msg_box_right { background: url('/img/add/form_al_phone.png') no-repeat; float: left; height: 570px; width: 336px; text-align: right; padding-top: 74px;   }
.msg_box_right textarea { clear: both; float: left; border: none; width: 278px; height: 445px; min-height:230px; margin-left: 22px; background: transparent; display: block; overflow:auto;  padding: 10px; font-size: 18px; color: #373737; resize: none;  }
.byte { font-size: 20px; margin-right: 22px; color: #b8b8b8; width:300px; position:relative; display:block; }
.margin_right_2 { margin-right: 2px; }
.width_center { width: 100%; text-align: center; border-top:2px solid #e2e2e2; min-height:40px; padding:10px 0; }
.file_box { background: url('/img/add/ic_al_pluspt.png'); width: 189px; height: 192px; margin-right:10px; cursor: pointer; }
.file_box_excel { background: url('/img/add/ic_al_plusex.png'); width: 189px; height: 192px; cursor: pointer; }
.apply { background: url('/img/add/btn_al_check.png') no-repeat; border: none;  width: 180px; height: 45px; border: none; text-decoration: none; color: #fff; font-size: 20px; margin-top: 40px; }
#callNumberDiv { font-weight:bold; }
.info_box_user { width:718px;  margin-left:240px; padding:12px; font-size:0.7em;  background-color:#f0f0f0; border:1px solid #cacaca; clear:both; }
.info_box_user a { border:1px solid #dfdfdf; background-color:#FFFFFF; border-radius: 20px; padding: 8px 12px; }
.info_box_user img { float:left; margin:  10px 10px 40px 0; }
.info_box_user .rtbox { line-height: 28px; font-size:16px; font-weight:bold; color:#8b8b8b; padding-top:10px; }
#testBoxInput { width:718px;  margin-left:240px; clear:both; display:none; }
#testBoxInfo { position:relative; width:718px; min-height:46px; margin-left:240px; padding:12px; font-size:0.7em;  background-color:#f0f0f0; border:1px solid #cacaca; margin-top:21px; }
#testBoxInfo .lft { position:relative; min-width:460px; float:left; display:inline-block; }
#testBoxInfo .rt {  float:right; right:30px; top:40px; margin-top:10px;}
#testBoxInfo .phoneBox { border:1px solid #dfdfdf; background-color:#FFFFFF; border-radius: 20px; padding: 8px 12px; margin:0 14px 5px 0; display:inline-block; float:left; }
#testBoxInfo .phoneBox img { margin-top:4px; cursor: pointer; }
#Info080Box { max-width:330px; width:330px; clear:both; }
#timeInfo { width:718px;  margin-left:240px; clear:both; display:none; }
#timeInfo select,
#reservationInfo select{padding: 0 15px; height:50px; line-height:50px; font-size:22px; background-color:#f0f0f0; border:2px solid #e1e1e1; }
#timeInfo .ex_box, #Info080Box .ex_box { clear:both; }
#timeInfo img ,#Info080Box img { float:left; margin:  20px 10px 30px 0; }
#timeInfo .rtbox, #Info080Box .rtbox { line-height: 28px; font-size:16px; font-weight:bold; color:#8b8b8b; padding-top:10px; }

/*
추가 : 최명호 : / 2017-08-12
설명 : 스타일 추가, 삭제하지 마세요.
*/
#reservationInfo { clear:both; display:none; }
#reservationInfo input { height:47px; line-height:47px; font-size:22px; width:100px; background-color:#f0f0f0; }
#reservationInfo > select + div{margin-top:10px; }

/* 팝업 */
.popup_box { width: 674px; background: #f7f7f7; }
.popup_box h1 {font-size: 28px; color: #373737; display: inline; line-height: 100px; }
.popup_box .row { clear: both; display: block; text-align: center; width: 100%; position: relative; padding-bottom: 15px; }
.close { background: url('/img/add/ic_ch_delete.png') no-repeat; border: none;  border: none; text-decoration: none; width: 35px; height: 35px; position: absolute; right: 32px; top: 32px; }
#money_list { list-style: none; margin: 0 0 0 0; padding: 0; text-align: left; }
#money_list li { display: inline; }
#money_list li.st { padding-left:20px; }
.money { background: url('/img/add/form_chmoney_l.png') no-repeat; width: 113px; height: 46px; color: #373737; font-size: 22px; border: none; outline: none; line-height: 46px; margin-left: 30px; }
.money.on {color: #f55555; font-weight: bold;}
.money_m { background: url('/img/add/form_chmoney_m.png') no-repeat; width: 98px; height: 46px; margin-left: 2px; }
.money_s { background: url('/img/add/form_chmoney_s.png') no-repeat; width: 85px; height: 46px; margin-left: 2px; }
.input_box { border: 1px solid #e2e2e2; margin-left: 30px; margin-right: 30px; text-align: left; height: 70px; position: relative; background: #fff; }
.input_box .icon { position: absolute; top:17px; left: 30px; }
.input_box .input { border: none; outline: none; line-height: 30px; color: #f55555; font-size: 28px; background: transparent; width: 380px; position: absolute; top:15px; left: 76px; }
.input_box .unit_won { font-size: 28px; color: #373737; line-height: 30px;  position: relative; top:15px; left: 130px; }
.money_hangul { font-size: 19px; font-weight:bold; color: #373737; margin-left: 34px; clear:both; text-align:center; }
.money_hangul span { font-weight:bold; font-size:22px; color:#fc544c; }
.money_hangul div { font-size: 20px; font-weight:bold; color: #fc544c; margin-left: 34px; clear:both; text-align:left; }
.popup_box .info { margin-left: 30px; }
.popup_box .info_box { text-align: left; margin-left: 30px; padding-top: 19px; margin-right: 30px; }
.popup_box .info_box span { display: block; font-size: 20px; color: #373737; }
.popup_box .info_box span em{font-weight:bold; }
.pay_box { border: 1px solid #e2e2e2; margin: 0 30px 0 30px; text-align: left; position: relative; background: #fff; }
.pay_box .pay_title { height: 76px; border-bottom: 1px solid #e2e2e2; padding-left: 29px; padding-right: 29px; }
.pay_box .pay_title span { font-size: 24px; color: #373737; line-height: 76px; }
.pay_list { border: 1px solid #e2e2e2; padding-left: 29px; padding-right: 29px; }
.pay_list div { height: 68px; line-height: 68px; position: relative }
.pay_list div .radio { top: 16px; position: absolute; width: 35px; height: 35px; }
.pay_list div img { top: 16px; left: 50px; position: absolute; }
.pay_list .pay_card_img { top : 16px; }
.pay_list .pay_phone_img { top : 8px; left: 58px; }
.pay_list .pay_account_img { top : 20px; }
.pay_list div label { left: 50px; font-size: 28px; position: absolute; }
.agree_box { margin-left: 15px; margin-right: 15px; text-align: left; background: #fff; height: 290px;  }
.agree_box .agree_top { height: 68px; line-height: 68px; position: relative; margin-left: 15px; margin-right: 15px; }
.agree_box .checkbox { position: absolute; top: 15px; }
.agree_box .agree_top label { font-size: 26px; color: #373737; margin-left: 14px; }
.agree_box .agree_top label div { font-size: 26px; color: #373737; margin-left: 50px; }
.agree_box .gray_box { background: #f2f2f2; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; }
.agree_box .gray_box div { line-height: 28px; position: relative;}
.agree_box .gray_box label div {font-size: 26px; color: #373737; margin-left: 50px; margin-bottom: 10px; margin-top: 10px; }
.agree_box .gray_box .show { font-size: 24px; color: #f55555; margin-left: 50px; }
.pay { width: 580px; margin-left: 30px; margin-right: 30px; background: #f55555; height: 68px; color: #fff; font-size: 28px; border: none; outline: none; }
.pay_gray { width: 612px; margin:12px 30px; background: #8B8B8B; height: 38px; padding:15px 0; color: #fff; font-size: 28px; border: none; outline: none; cursor: pointer; }
.pay_gray img { margin-top:6px; }

.result_box { border: 1px solid #ececec; background: #fff; margin-left: 30px; margin-right: 30px; }
.result_box .result_comp { padding-top: 45px; padding-bottom: 38px; border-bottom: 1px solid #ececec; }
.result_box .result_comp .text { font-size: 28px; color: #373737; margin-top: 28px; }
.result_box .result_detail { padding-top: 15px; text-align: left; height: 125px; }
.result_box .result_detail2 { margin: 15px 30px 15px 30px; text-align: left;  }
.result_box .result_detail2 .selectbox { padding:4px 12px; background-color:#FFF; border:0; width:550px; height:50px; font-size:26px; color:#bbbbbb; }
.result_box .result_detail2 .btn_green { padding:10px 20px;  }
.result_box .result_detail2 .info_txt { margin:0;  }
.result_box .result_detail .title { font-size: 24px; color: #3e3e3e; margin-left: 30px; width: 150px; }
.result_box .result_detail .text { font-size: 24px; color: #3e3e3e; margin-left:30px; }
.result_box .result_detail .title, .result_box .result_detail .text { float: left; margin-top: 10px; font-weight:bold; }
#prev_img_box { float:left; position:relative; tex-align:left; width: 300px; display:none; margin-top:10px; }
#prev_img img { max-width:280px;  }
.img_close { position:absolute; right:3px; top:3px; text-align:right; cursor: pointer;  }
.img_close img { z-index:1001; }

/* footer */
#footer {background:#3c3c3c; margin:70px 0 0 0; padding:50px 0;}
#footer .footer_inner {width:1000px; margin:0 auto; color:#CCC;}
#footer #logo_bottom {float:left;}
#footer .menu {float:left; margin:15px 0 0 0;}
#footer .menu li {float:left; margin:0 0 0 40px;}
#footer .menu li a  {color:#CCC; font-size:14px;}
#footer .address {float:right; text-align:right; font-size:12px; line-height:1.7;}
#footer .address .tel {font-size:22px; color:#f55555; margin:0 0 0 5px;}

/** 메세지 **/
.error__msg__box{display:none; background:url(/img/shop/er_msg_bg.png); width: 100%; margin:0 auto; font-size: 18px; font-weight:bold; color:#fff; text-align: center; padding:30px 0; position: fixed; top:0; left:0; z-index:10000; }
.error__msg__box img{margin:2px 15px 0 0; }
/** 팝업용 **/
.mask {position: absolute; width: 100%; height: 100%; background: url('/img/login/mask.png'); z-index: 9999 !important;  min-height: 2000px; display: none;}
.popup {background: #fff; margin: 5% auto; width: 692px; height: 492px;}
.popup iframe {width:692px; height:492px; border:0; }

.send-complete-pop{position: absolute; width: 100%; height: 100%; background: url('/img/login/mask_w.png'); z-index: 9999 !important;  display: none; }
.send-complete-pop div{width:640px; height:325px; margin:0 auto; background:url(/img/shop/bg_send_complete.png) bottom center no-repeat; }

.mask_q,.mask_ie { clear:both; position: fixed; width: 100%; height: 100%; top:0; left:0; background: url('/img/login/mask.png'); z-index: 9888 !important;  min-height: 2500px; display: none;}
.popup_q {  position:relative; background: #fff; margin: 200px auto; width: 542px; height: 512px; border-radius:10px; text-align:center; }
.popup_q .exit_btn { position:absolute; right:-14px; top:-14px; }
.popup_q iframe {width:522px; height:492px; margin-top:10px;  border:0; overflow-x:scroll; }
.quest_btn { position: fixed; text-align:right; bottom: 200px; right: 14%; z-index: 9999 !important; }
.quest_btn a{display: block; }
.quest_btn img { border:0; }

.popup_ie { position:relative; background: #fff; margin: 200px auto; width: 640px; height: 580px; }
.popup_ie .exit_btn { position:absolute; right:14px; top:14px; }
.popup_ie .info_box { width:640px; background-color:#F7F7F7; height:227px; border:0; }
.popup_ie .info_t1 { font-size:18px; background-color:#F7F7F7; margin:0 0 0 54px; padding-top:35px; }
.popup_ie .info_t1 span { color:#0062D6; font-size:18px; }
.popup_ie .info_t2 { font-size:16px; margin:24px 0 24px 54px; color:#0062D6; font-weight:bold; }
.popup_ie .info_btn { margin:24px 0 30px 54px; }

#memInfoBtn { margin:3px 0 0 -30px; }
#memInfoTxt { magin-bottom:10px; max-width:700px; padding:12px; font-size:0.7em;  background-color:#ececec; border:2px solid #111; border-radius: 5px;  }
#groupInfo { width:718px; margin-left:200px; padding:12px; font-size:0.7em;  background-color:#fbfbfb; border:1px solid #c6c6c6; border-radius: 5px; max-height:250px; overflow-y:scroll; overflow-x:hidden; }
#oneInfo { width:718px;  margin-left:200px; padding:12px; font-size:0.7em;  background-color:#fbfbfb; border:1px solid #c6c6c6; border-radius: 5px; }
#oneInfo input[type=text] , #testBoxInput input[type=text] { width:160px; padding:0 12px; background-color:#FFF; border:1px solid #e1e1e1; height:34px; margin-top:-7px;  font-size:24px; color:#bbbbbb; }
#groupInfo label, #oneInfo label { color: #373737; font-size: 22px; margin-right: 50px; margin-left: 5px; line-height: 42px; float:none; }
#otDiv, #otsendDiv { position:absolute; left:400px; padding:12px;  border:2px solid #8b8b8b;  font-size:0.7em;  background-color:#ececec; border-radius: 5px; width:460px; height:150px; overflow-y:scroll; z-index:10000; }
#otsendDiv { left:152px;  z-index:10000; clear:both; }
#otDiv li  { list-style:none; margin:2px 10px; }
#otsendDiv li { list-style:none; margin:2px 10px; display:block; clear:both; }
.cup_sms { font-size:22px; font-weight:bold; float: left; }
#cup_sms { font-size:24px; color:#13c9bc; }
#sendBoxInfo { width:742px; margin-left:200px; max-height:300px; font-size:0.7em;  background-color:#fbfbfb; border:1px solid #c1c1c1; overflow-y: scroll; border-top:0;}
#sendBoxInfo li { border-top:1px solid #c1c1c1; padding:8px 24px 8px 24px; }
#sendBoxInfo .phoneBox { border:1px solid #dfdfdf; background-color:#FFFFFF; border-radius: 20px; padding: 8px 12px; }
#sendBoxInfo .phoneBox img { margin-top:10px; cursor: pointer; }
#send_noti_msg2 { padding:30px 0; }
.view_off { display:none; }

/** 회원가입 **/
.login_title {font-size: 36px; font-weight:bold; color: #fff; line-height: 52px; margin: 0 0 21px 0;}
.login_box { width:600px; height:160px; margin:0 auto; padding-bottom:50px; }
.login_box li { float:left; margin-bottom:18px; list-style:none; }
.login_box input[type=text], .exp_box .login_box input[type=password] { width:300px; padding:0 12px; background-color:#FFF; border:2px solid #e1e1e1; height:50px; font-size:26px; color:#bbbbbb; }
.login_box input[type=checkbox]{ margin-left:16px; }
.login_box li label { font-weight:bold; color:#FFF; margin-top:6px; padding:10px 0 0 0; }
.login_box li label div { margin-top:8px; display:inline-block; }
.btn_green { padding:0 50px; height:40px; border:1px solid #13c9bc; border-radius: 3px;  background-color:#13c9bc; text-decoration: none; color: #FFFFFF; font-size: 20px; }
.btn_gray { padding:0 50px; height:40px; border:1px solid #8b8b8b; border-radius: 3px;  background-color:#8b8b8b; text-decoration: none; color: #FFFFFF; font-size: 20px; }
.btn_red { padding:6px 20px; border:1px solid #f84c4c; border-radius: 3px;  background-color:#f84c4c; text-decoration: none; color: #FFFFFF; font-size: 20px; font-weight:bold; }
.join_txt { width:380px; padding:0 12px; background-color:#F7F7F7; border:2px solid #E1E1E1; height:50px; font-size:26px; color:#373737; }
#hpCertF { color:#13C9BC; background: url('/img/union/ic_join2_phone.png') no-repeat 0 7px; min-height:32px; padding:2px 0 0 24px; font-weight:bold; font-size:22px; margin:10px 0; }
#hpCertF .f_gray_sub { color:#8B8B8B; font-size:18px; }
#hpCertR div { font-size:18px; font-weight:bold; color:#8B8B8B; }
.join_btn_box { margin:10px auto; padding:20px; }
.join_title { font-size:26px; font-weight:bold; color:#393939; margin-bottom:20px; }
.agree_txt { color:#4F4F4F; font-size:16px; font-weight:bold; }
.agree_txt a { color:#31cdc2; font-size:16px; text-decoration:underline; }

/** 인증 **/
.cert_box { text-align:center; }
.step_title1 { font-size:22px; color:#393939; margin:20px 0 5px 0; }
.step_title2 { font-size:24px; font-weight:bold; color:#393939; margin:0 0 30px 0; }
.step_title3 { font-size:28px; font-weight:bold; color:#393939; margin:0 0 30px 0; }
.info_txt { display:inline-block; color: #878787; font-size: 18px; font-weight:bold; padding:0 0 12px 0; }
.info_img { margin:0 10px -10px 0; }
.info_txt_box { margin:20px auto; }

#cert_cnt_chk, #cert_cnt_re { margin:20px auto; font-size:16px; color:#393939; font-size:16px; }
#min_chk { color:#15c7bb; text-decoration: underline; }

.input_default {width:700px; padding:0 5px; height:50px; line-height:50px; border:1px solid #e1e1e1; background:#f7f7f7; color:#bdbdbd; font-size:22px;}
.input_default_txt { height:350px; }
.row_nomargin { margin-top: 0; }

/*상단 공통 :: start - 2016-06-21 */
#header {position: relative; width: 980px; background-color: #fff; margin:0 auto;}
#header .topLogo {margin-top: 45px;}
#header .gnb {position: absolute; right: 0; top: 22px; }
#header .gnb > li {float: left; font-weight:bold; }
#header .gnb li.no01 {padding-left: 21px; background: url('/img/union/icon_01.png') no-repeat 0 7px;}
#header .gnb li.no01 span {font-size: 15px; color: #373737; min-width: 14px; min-height:22px; display: inline-block; }
#header .gnb li.no02 {margin-left: 12px; padding: 0 12px; background: url('/img/union/line_01.png') no-repeat 0 9px;}
#header .gnb li.no02 a {font-size: 15px; color: #8b8b8b;}
#header .gnb li.no03 {margin: 0 5px;}
#header .gnb li.no03 a {display: inline-block; width: 91px; height: 31px; border: 1px solid #8b8b8b; font-size: 15px; text-align: center; line-height: 31px; color: #8b8b8b;}
#header .gnb li.no04 {position: relative;}
#header .gnb li.no04 > a span {display: inline-block; padding-right: 19px; width: 72px; height: 31px; border: 1px solid #8b8b8b; font-size: 15px; text-align: center; line-height: 31px; color: #8b8b8b; background: url('/img/union/icon_05.png') no-repeat 58px 11px;}
#header .gnb .snsList { position: absolute; left: 0; top: 32px; display:none; }
#header .gnb .snsList ul { border: 1px solid #d7d7d7; background-color: #fff;}
#header .gnb .snsList ul li {border-bottom: 1px solid #d7d7d7;}
#header .gnb .snsList ul li a {display: inline-block; padding-left: 68px; width: 107px; font-size: 15px; line-height: 48px;}
#header .gnb .snsList ul li.bb0 {border-bottom: 0;}
#header .gnb .snsList ul li.sns01 {background: url('/img/union/icon_facebook.png') no-repeat 19px 8px;}
#header .gnb .snsList ul li.sns01 a {color: #537bbd;}
#header .gnb .snsList ul li.sns02 {background: url('/img/union/icon_instagram.png') no-repeat 19px 8px;}
#header .gnb .snsList ul li.sns02 a {color: #696a6a;}
#header .gnb .snsList ul li.sns03 {background: url('/img/union/icon_blog.png') no-repeat 19px 8px;}
#header .gnb .snsList ul li.sns03 a {color: #5eb22f;}

/*
수정 :  최명호 / 2017-08-07
내용 : 퍼블리싱과 다르게  높이가 맞지않아.  TOP 항목을 40 -> 60으로 조정함
내용 : 클릭이벤트를 위해 일부 수정
*/
.header-notice{font-size:15px; position:absolute; right:0; top:60px; padding:5px 10px; border:1px solid #ccc; border-radius:15px; font-weight:600; }
.header-notice span:first-child{color:#ebac25; font-size:15px; margin-right:5px; cursor:pointer}
.header-notice span:nth-child(2){color:#ccc; font-size:15px; margin-right:5px;cursor:pointer}
.header-notice span:last-child{font-size:15px; margin-left:5px; color:#ccc; cursor:pointer; }

#header .lnb {margin: 30px 0 15px 0; overflow: hidden; z-index:130; }
#header .lnb li {float: left; line-height:0.8em; margin:10px 0; }
#header .lnb li:last-child{border-right:none; }
#header .lnb li+li {background: url('/img/union/line_02.png') no-repeat 0 3px;}
#header .lnb li a{padding: 0 52px; font-size: 18px; font-weight: 600; letter-spacing: -1px; color: #373737;}
#header .lnb_a li a{padding: 0 20px; }
#header .lnb li a.active {color: #18c3b5;}

#main {width: 100%; }
#main .mainTop {background: url('/img/union/bg_header_l.png') no-repeat; width: 100%; text-align: center;  height:88px;  border-top:2px solid #18c3b5; background-size: cover; }
#main .mainTopSender {background: url('/img/union/bg_header_trans.jpg') no-repeat; width: 100%; text-align: center;  height:88px;  border-top:2px solid #18c3b5; background-size: cover; }
#main .mainTop p,#main .mainTopSender p {position: relative; text-align:left; margin: 0 auto; padding:28px 0 0 28px; width: 952px; font-size: 18px; letter-spacing: -1px; font-weight: bold; background: url('/img/union/icon_02.png') no-repeat 0 34px; color: #fff; }

/*상단 공통 :: end*/

/*탈퇴신청 :: start*/
.mainCont1 {margin: 0 auto; width: 743px;}
.tab2 { margin-top:36px; width: 743px; height: 60px; background: url('/img/union/bg_tab01.png') no-repeat; overflow: hidden;}
.tab2_rt  { margin-top:36px; width: 743px; height: 60px; background: url('/img/union/bg_tab01_1.png') no-repeat; overflow: hidden;}
.tab2 li {float: left; text-align: center; }
.tab2 li.tab01 {margin-top: 19px; width: 373px; cursor: pointer;}
.tab2 li.tab02 {margin-top: 19px; margin-left: 13px; width: 357px; cursor: pointer;}
.tab2 li a {font-size: 18px; font-weight: bold; letter-spacing: -1px;}
.tab2 li a.active {color: #18c3b5;}

.mainCont1 .tab_title,.mainCont .tab_title { text-align:center; width:743px; font-size:22px; font-weight:bold; border-top:1px solid #e2e2e2; padding:10px 0 0 0; margin:20px 0 -10px 0; }
.mainCont1 .tab_title2,.mainCont .tab_title2 { font-size:20px; }
.mainCont1 .tab_title2 span,.mainCont .tab_title2 span { font-size:20px; color: #18c3b5; font-weight:bold; text-decoration: underline; }
.mainCont1 .tab_title3 { width:710px; font-size:22px; font-weight:bold; padding:10px 0 0 33px; margin:0 0 -10px 0; }
.mainCont .tab_title3 { width:710px; font-size:22px; font-weight:bold; padding:10px 0 0 33px; margin:0 0 -40px 0; }

.mainCont1 .table_01 {margin-top: 20px; width: 100%; border-collapse: collapse; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.mainCont1 .table_01 td.pt30 {padding-top: 30px;}
.mainCont1 .table_01 td.pb30 {padding-bottom: 30px;}
.mainCont1 .table_01 td.p20, .mainCont1 .table_01 th.p20 {padding-top: 20px; padding-bottom:20px;}
.mainCont1 .table_01 caption {font-size: 0; line-height: 0; text-indent: -9999px;}
.mainCont1 .table_01 .col_01 {width: 215px;}
.mainCont1 .table_01 .th {padding: 10px 0 10px 31px; font-size: 20px; font-weight: bold; letter-spacing: -1px; border-right: 1px solid #e2e2e2; background-color: #fbfbfb; color: #373737;}
.mainCont1 .table_01 td {padding: 8px 0 8px 33px; font-size: 22px; letter-spacing: -1px;}
.mainCont1 .table_01 .changeBtn {display: inline-block; width: 121px; line-height: 37px; text-align: center; background-color: #8b8b8b; border-radius: 4px; color: #fff;}
.mainCont1 .btnArea,.mainCont .btnArea, #btnInfoTxt { width:743px; text-align:center; padding-top:10px; }
.mainCont1 .infoEditBtn,.mainCont .infoEditBtn {margin: 34px 10px; display: inline-block; width: 228px; line-height: 48px; text-align: center; background-color: #13c9bc; border-radius: 4px; border:0; color: #fff; font-weight:bold; font-size:22px; }
.mainCont1 .singOutBtn,.mainCont .singOutBtn {margin: 34px 10px; display: inline-block; width: 178px; line-height: 48px; text-align: center; background-color: #8b8b8b; border-radius: 4px; border:0; color: #fff; font-weight:bold; font-size:22px; }
.mainCont1 input[type=text], .mainCont1 input[type=password],.mainCont1 input[type=email],.mainCont input[type=text], .mainCont input[type=password] {padding:0 10px; width: 394px; height: 51px; font-size: 22px; line-height: 51px; border:  2px solid #e1e1e1; color: #373737 ; background-color: #f7f7f7;}
.leave_box { width:703px; padding:20px; margin-top:20px;  background-color:#fbfbfb; }
.leave_box .tit { font-weight:bold; font-size:20px;  }
.leave_box li.tl { margin:10px 10px 10px 20px; list-style:disc; font-size:18px; }
/*탈퇴신청 :: end*/

/*충전금조회 :: start*/
.mainCont {margin: 0 auto; width: 746px;}
.mainCont2 {margin: 0 auto; width: 980px;}
.tab3 { margin-top:36px; width: 746px; height: 60px; background: url('/img/union/bg_tab02.png') no-repeat; overflow: hidden;}
.tab3_cn { margin-top:36px; width: 746px; height: 60px; background: url('/img/union/bg_tab02_2.png') no-repeat; overflow: hidden;}
.tab3_rt { margin-top:36px; width: 746px; height: 60px; background: url('/img/union/bg_tab02_3.png') no-repeat; overflow: hidden;}
.tab3 li {float: left; text-align: center; }
.tab3 li.tab01_lf {margin-top: 19px; width: 281px;  }
.tab3 li.tab01_cn {margin-top: 19px; margin-left: 23px; width: 213px; cursor:pointer;}
.tab3 li.tab01_rt {margin-top: 19px; margin-left: 16px; width: 212px; cursor:pointer;}
.tab3 li.tab02_lf {margin-top: 19px; width: 211px; cursor:pointer;  }
.tab3 li.tab02_cn {margin-top: 19px; margin-left: 22px; width: 280px;  }
.tab3 li.tab02_rt {margin-top: 19px; margin-left: 21px; width: 212px; cursor:pointer; }
.tab3 li.tab03_lf {margin-top: 19px; width: 212px; cursor:pointer;  }
.tab3 li.tab03_cn {margin-top: 19px; margin-left: 20px; width: 212px; cursor:pointer;  }
.tab3 li.tab03_rt {margin-top: 19px; margin-left: 20px; width: 281px;}

.tab3 li a {font-size: 18px; font-weight: bold; letter-spacing: -1px;}
.tab3 li a.active {color: #18c3b5;}

.mainCont .table_01 {margin-top: 50px; width: 100%; border-collapse: collapse; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.mainCont .table_01 td.pt30 {padding-top: 30px;}
.mainCont .table_01 td.pb30 {padding-bottom: 30px;}
.mainCont .table_01 td.vat{vertical-align: top;}
.mainCont .table_01 .col_01 {width: 215px;}
.mainCont .table_01 .th {padding: 10px 0 10px 0; font-size: 20px; font-weight: bold;font-family:'nanum-barun-gothic-bold'; letter-spacing: -1px; border-right: 1px solid #e2e2e2; background-color: #fbfbfb; color: #373737;}
.mainCont .table_01 .th span {padding-left: 31px;}
.mainCont .table_01 td {padding: 8px 0 8px 33px; font-size: 20px; letter-spacing: -1px;}
.mainCont .table_01 .dateBox {width: 174px; height: 51px; font-size: 22px; line-height: 51px; border:  2px solid #e1e1e1; color: #373737 ; background-color: #f7f7f7; text-align: center;}
.mainCont .table_01 .txt03 {margin: 0 10px;}
.mainCont .table_01 .box03 {height: 59px; background-color: #f0f0f0; border: 1px solid #cacaca; text-align: center;}
.mainCont .table_01 .box03 ul {display: inline-block; padding-top: 7px; width: 391px; overflow: hidden;}
.mainCont .table_01 .box03 li {float: left;}
.mainCont .table_01 .box03 li+li {margin-left: 10px;}
.mainCont .table_01 .box03 li a {display: inline-block;width: 88px; height: 43px; border: 1px solid #c4c4c4; border-radius: 50px; text-align: center; line-height: 43px; background-color: #fff;}
.mainCont .table_01 .box03 li a.active { color: #18c3b5; font-weight:bold; }
.select_01 {padding-left: 10px; width: 306px; height: 51px; font-size: 22px; line-height: 51px; border: 2px solid #e1e1e1;}

.mainCont .checkBtn {display: block; margin: 40px auto 70px; width: 178px; line-height: 48px; height: 48px; font-weight: bold; background-color: #12c9bb; border:0; border-radius: 4px; text-align: center; font-size:18px; font-weight:bold; color: #fff;}

.txtBox01 span {font-weight: bold; letter-spacing: -1px;}
.txtBox01 .txt01 {font-size: 20px; color: #8b8b8b;}
.txtBox01 .txt02 {padding-left: 10px; font-size: 24px; color: #373737;}

.mainCont .table_02 {margin-top: 13px; width: 100%; border-collapse: collapse; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.mainCont .table_02 td.pt30 {padding-top: 30px;}
.mainCont .table_02 td.pb30 {padding-bottom: 30px;}
.mainCont .table_02 td.vat{vertical-align: top;}
.mainCont .table_02 .col_01 {width: 215px;}
.mainCont .table_02 .th {padding: 10px 0 10px 0; font-size: 20px; font-weight: bold;font-family:'nanum-barun-gothic-bold'; letter-spacing: -1px; border-right: 1px solid #e2e2e2; background-color: #fbfbfb; color: #373737;}
.mainCont .table_02 .th span {padding-left: 31px;}
.mainCont .table_02 td {padding: 8px 0 8px 33px; font-size: 22px; letter-spacing: -1px;}
.mainCont .table_02 td.lh34 {line-height: 34px;}
.mainCont .table_02 td.lh34 span{line-height: 34px;height: 34px;}
.mainCont .table_02 .radio {display: inline-block; line-height: 34px; vertical-align: middle; font-size: 0; width: 34px; height: 34px; background: url('/img/union/img_checkbox.png') no-repeat; background-position: -34px 0;}
.mainCont .table_02 .radio.active {background-position: 0 0;}
.mainCont .table_02 span {display: inline-block; margin-right: 20px; }
.mainCont .table_02 .downBtn {display: inline-block; width: 142px; height: 37px; line-height: 37px; text-align: center; font-size: 20px; background-color: #8b8b8b; border-radius: 4px; color: #fff;}
.mainCont .table_02 .downBtn img {vertical-align: middle; margin-right: 6px; width: 22px; height: 23px;}

.mainCont .table_03 {margin-top: 50px; width: 100%; border-collapse: collapse; border-top: 2px solid #e2e2e2;}
.mainCont .table_03 td.pt30 {padding-top: 30px;}
.mainCont .table_03 td.pb30 {padding-bottom: 30px;}
.mainCont .table_03 td.vat{vertical-align: top;}
.mainCont .table_03 .th {padding: 13px 0 13px 0; font-size: 20px; font-weight: bold; font-family:'nanum-barun-gothic-bold'; letter-spacing: -1px;color: #373737;}
.mainCont .table_03 td {padding: 13px 0 13px 0; font-size: 20px; letter-spacing: -1px; border-bottom: 1px solid #e2e2e2; text-align: center; font-weight:bold;}
.mainCont .table_03 td.plus{color: #12c9bb;}
.mainCont .table_03 td.minus{color: #ff3737;}
.mainCont .table_05 {width: 980px; }
/*충전금조회 :: end*/

.table_01 li.inl { float:left; width:150px;  }
.table_01 li.inl2 { float:left; width:90px;  }
.table_01 li.inl label,.table_01 li.inl2 label { margin-top:5px; line-height: 42px; }
.table_01 #bnNumber1 { width:80px; }
.table_01 #bnNumber2 { width:50px; }
.table_01 #bnNumber3 { width:120px; }
.table_04 td { font-size:12px; font-weight:bold; }
.table_04 input[type=text], .table_04 input[type=password],.table_04 textarea { max-width: 310px;  }
.refund_input { max-width: 310px; padding-left: 10px; width: 310px; height: 51px; font-size: 22px; line-height: 30px; border: 2px solid #e1e1e1; }
.refund_txt { height:100px; max-height:300px; }
.refund_amount { max-width:120px; width:120px; text-align:right; padding-right: 10px; }
.f15 {font-size:15px;}

.tab4 { margin:36px auto; width: 980px; height: 59px; background: url('/img/union/tab_980_01.png') no-repeat; overflow: hidden;}
.tab4_cn { margin-top:0; width: 980px; height: 59px; background: url('/img/union/tab_980_02.png') no-repeat; overflow: hidden;}
.tab4_rt { margin-top:0; width: 980px; height: 59px; background: url('/img/union/tab_980_03.png') no-repeat; overflow: hidden;}
.tab4 li {float: left; text-align: center; margin-top:22px; width:326px; cursor:pointer; }
.tab4 li.tab_cn { width:328px; }
.tab4 li a {font-size: 18px; font-weight: bold; letter-spacing: -1px; }
.tab4 li a.active {color: #18c3b5;}
.upgradeBox {height: 50px; text-align:center; border-bottom: 1px solid #f0f0f0;}
.upgradeBox img {margin-top:15px;}

/* 공지사항 문의하기 */

.notice-title {background: url('/img/shop/bg_notice.png'); width: 100%; text-align: center; padding-top: 45px; padding-bottom: 21px; border-top:2px solid #18c3b5; background-size: cover;}
.notice-title p{font-size: 52px; color: #fff; line-height: 52px; margin: 0 0 21px 0;}

.notice-area{width:980px; margin:0 auto; }
.notice-area .btn-area{margin-top:50px; height:60px; border-bottom:1px solid #18c3b5; position:relative; }
/*
코드 : 최명호
내용 : cursor:pointer 추가함
*/
.notice-area .btn-area input[type="button"]{display:inline-block; width:480px; line-height:50px; font-size:18px; color:#8b8b8b; font-weight:600; vertical-align:bottom; border:1px solid #e4e4e4; border-bottom:none; background:#fff; position:absolute; bottom:0; outline:none;cursor:pointer}
.notice-area .btn-area input[type="button"]:first-child{left:0; }
.notice-area .btn-area input[type="button"]:last-child{right:0; }
.notice-area .btn-area input[type="button"].active{line-height:60px; border:1px solid #18c3b5; border-bottom:2px solid #fff; bottom:-1px; color:#18c3b5; }
.notice-area table{width:100%; font-size:17px; margin-top:30px; }
.notice-area table thead{border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background:#f7f7f7; }
.notice-area table thead tr th{line-height:53px; text-align:center; color:#373737; }
.notice-area table tbody tr{border-bottom:1px solid #e2e2e2; }
.notice-area table tbody tr td{line-height:53px; }
.notice-area table tbody tr td:first-child{width:133px; text-align:center; }
.notice-area table tbody tr td:first-child.done{color:#fb4d4e; }
.notice-area table tbody tr td:first-child.wait{color:#939393; }
.notice-area table tbody tr td:first-child.noti{color:#666666; }
.notice-area table tbody tr td:first-child+td{width:680px; color:#373737; font-weight:600; }
.notice-area table tbody tr td:last-child{padding-left:50px; color:#939393; }
.notice-area table tbody tr td span.new{font-size:10px; padding:4px 6px; margin-left:5px; background:url('/img/shop/ic_notice_new.png') center center no-repeat; color:#fff; }
.notice-area table tfoot tr td{text-align:center; padding-top:30px; }
.notice-area table tfoot tr td div{display:inline; }
.notice-area table tfoot tr td div span{font-size:16px; color:#9d9d9d; padding:7px 11px; background:url('/img/shop/ic_notice_footw.png')center center no-repeat; cursor:pointer; }
.notice-area table tfoot tr td div span.active{color:#fff; background:url('/img/shop/ic_notice_foota.png')center center no-repeat; }
.notice-area > input[type="button"]{width:90px; display:block; margin:30px auto 0; height:40px; background:#18c3b5; font-size:17px; color:#fff; border:1px solid #18c3b5; border-radius:20px; }

/*
*/
.notice-area table tfoot tr td div a{font-size:16px; color:#9d9d9d; padding:7px 11px; background:url('/img/shop/ic_notice_footw.png')center center no-repeat; cursor:pointer; }
.notice-area table tfoot tr td div a.active{color:#fff; background:url('/img/shop/ic_notice_foota.png')center center no-repeat; }

.notice-area div[class|="detail"]{padding:30px 50px 20px;}
.notice-area div[class|="detail"]:last-child{border-bottom:1px solid #e2e2e2; }
.notice-area div[class|="detail"] h2{font-size:22px; color:#373737; }
.notice-area div[class|="detail"] h2 span{font-size:16px; margin-right:10px; }
.notice-area div[class|="detail"] h2 span.done{color:#fb4d4e; }
.notice-area div[class|="detail"] h2 span.wiat{color:#939393; }
.notice-area div[class|="detail"] h2 small{float:right; font-size:16px; color:#939393; }
.notice-area div[class|="detail"] div{margin-top:30px; padding-bottom:30px; }
.notice-area div[class|="detail"] div p{font-size:17px; color:#373737; line-height:1.5em; white-space:pre-line; margin:0; }
.notice-area div[class|="detail"] label{font-size:17px; color:#373737; background:url(/img/shop/ic_download.png)left center no-repeat; padding-left:20px; }
.notice-area div[class|="detail"] button{padding:5px 10px; margin-left:10px; font-size:17px; color:#373737; border:1px solid #ccc; border-radius:20px; }
.notice-area div[class|="detail"] button span{font-size:15px; margin-left:30px; color:#18c3b5; }

.notice-area div[class|="detail-question"]{border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:30px; }
.notice-area div[class|="detail-question"] button{background:#f7f7f7; }
.notice-area div[class|="detail-answer"]{background:#f7f7f7; border-bottom:1px solid #ccc; padding-top:20px; }
.notice-area div[class|="detail-answer"] button{background:#fff; }

.tabType_03 fieldset,.tabType_04 fieldset{padding-top:25px; }
.tabType_03 fieldset button,.tabType_04 fieldset button{width:185px; height:50px; border-radius:25px; background:#b7b7b7; border:1px solid #b7b7b7; font-size:18px; font-weight:600; color:#fff; }
.tabType_03 fieldset button + button,.tabType_04 fieldset button + button{margin-left:8px; }
.tabType_03 fieldset button.on,.tabType_04 fieldset button.on{background:#18c3b5; border:1px solid #18c3b5; }
.sample_contents h4{padding-bottom:30px; font-weight:600 !important; }
.sample_contents h5{font-size:22px; line-height:2em; color:#373737; }
.sample_contents p{padding:20px 0; font-size:18px; line-height:1.5em; color:#8b8b8b; white-space:pre-line; font-weight:600; }
.sample_contents ul{padding:30px 35px; }
.sample_contents ul li{padding:15px 0; font-size:20px; font-weight:600; text-indent:55px; color:#18c3b5; background:url(/img/api/ic_button_circle_right.png) left center no-repeat; }
.sample_contents table{text-align:center; border-top:1px solid #e2e2e2; }
.sample_contents table tr th.table_sm_first{width:200px; }
.sample_contents table tr th.table_sm_center{width:490px; }
.sample_contents table tr td{border-bottom:1px solid #e2e2e2; font-weight:600; }
.sample_contents pre{width:899px; padding:40px; background:#2b2b2b; }
.sample_contents pre code{font-size:18px; line-height:1.5em; color:#fff; }
.sample_contents pre code span.code_c_1{color:#e0b766; }
.sample_contents pre code span.code_c_2{color:#ff9842; }
.sample_contents p.note{margin-top:150px; }

.tabType_03 fieldset.active,.tabType_04 fieldset.active{position:fixed; top:0; padding-bottom:15px; border-bottom:2px solid #e2e2e2; background:#fff; }

/* this code because I did not know why that tag was hidden. */
.samples_tab{height:auto !important; }
.sample_contents table caption{font-size:18px !important; font-weight:600; line-height:3em !important; padding-bottom:15px; color:#18c3b5; text-align:left; text-indent:0px !important; }

#content div[class|="result"] input:active, #content div[class|="result"] input:hover, #content div[class|="result"] input:focus,
#content div[class|="result"] button:active, #content div[class|="result"] button:hover, #content div[class|="result"] button:focus{outline:none; }
.exp_box_s2 .page_title{width:980px; margin:10px auto; font-size:19px; text-align:left; }
.exp_box_s2 .page_title img{vertical-align:middle; margin-right:10px; }
.result-header{width:980px; margin:0 auto; }
.result-header fieldset{font-weight:600; color:#000; }
.result-header form > div + fieldset{margin-top:14px; }
.result-header fieldset + fieldset{margin-top:35px; }
.result-header fieldset span{margin-left:45px; padding:10px; background:#f3f3f3; border:1px solid #f3f3f3; border-radius:30px; letter-spacing:-3px\9; }
.result-header fieldset span a, .result-header fieldset span small, .result-header fieldset span em{font-size:18px; font-weight:600; }
.result-header fieldset span a, .result-header fieldset span small{color:#27c6b9; }
.result-header fieldset span small{padding:0 10px 0 20px; letter-spacing: -1px; }
.result-header fieldset span em{padding-right:20px; }
.result-header fieldset input[type="text"]{width:335px; height:45px; margin-left:40px; padding:0 10px; font-size:18px; border:1px solid #d2d2d2; border-radius:2px; background:#f7f7f7; }
.result-header fieldset input[type="text"] + input{width:70px; height:47px; margin-left:5px; border:1px solid #12c9bb; border-radius:3px; background:url(/img/shop/btn_result_search.png) center center no-repeat ; cursor: pointer; text-indent: -9999px; }
.result-header fieldset select{padding:10px 20px; margin-right:10px; border:1px solid #d2d2d2; border-radius:5px; font-size:18px; font-weight:600; text-align:center; .float:left; }
.result-header fieldset select + div{float:right; }
.result-header fieldset select + div a{margin-left:10px; }

.result-header form > div{text-align:right; padding-right:190px; }
.result-header form > div input[type="radio"]{width:100%; height:100%; cursor: pointer; }
.result-header form > div .ez-hide { opacity: 0; filter:alpha(opacity=0); }
.result-header form > div .ez-radio {display:inline-block;}
.result-header form > div .ez-radio { zoom: 1; *display:inline; _height:30px; }
.result-header form > div .ez-radio {width: 33px; height: 33px; background: url('/img/shop/icon_radio.png') no-repeat; background-position: -34px 0;}
.result-header form > div .ez-radio.ez-selected {background-position: 0 0;}
.result-header form > div label{font-size:18px; padding-left:5px; cursor: pointer; }
.result-header form > div label + .ez-radio{margin-left:18px; }

.list-default{width:810px; height:470px; margin:0 auto; padding:50px 0 40px; border-bottom:1px solid #f0f0f0; }
.list-phone{width:245px; height:410px; padding-top:60px; background:url(/img/shop/bg_phone.gif) left top no-repeat; position:relative; float:left; }
.list-phone p{width:205px; height:335px; margin:0 auto; font-size:14px; line-height:1.4em; overflow-y:scroll; white-space:pre-wrap; word-wrap:break-word; word-break:keep-all; }
.list-phone span{font-size:14px; color:#8b8b8b; position:absolute; bottom:55px; right:30px; }
.list-phone img{max-width:179px; margin-bottom: 10px; }

.list-text-default{margin-left:315px; padding-top:50px; }
.list-text-repeat{margin-left:315px; padding-top:85px; }
.list-text-booking{margin-left:315px; padding-top:55px; }

div[class|=list-text] div{padding:40px 50px; border:1px solid #12c9bb; }
div[class|=list-text] div dl dt, div[class|=list-text] div dl dd{font-size:18px; }
div[class|=list-text] div dl dt{width:130px; float:left; font-weight:900; }
div[class|=list-text] div dl dd{width:260px; display:inline-block; font-weight:600; }
div[class|=list-text] div dl dd img{vertical-align:middle; margin:0 5px; }
div[class|=list-text] div dl dd button{width:73px; height:30px; margin-left:15px; line-height:30px; font-size:16px; background:#12c9bb; border:1px solid #12c9bb; border-radius:2px; color:#fff; }
div[class|=list-text] > button{display:block; width:135px; height:45px; line-height:45px; margin:30px auto 0; border:1px solid #8b8b8b; background:#8b8b8b; border-radius:5px; color:#fff; font-size:18px; font-weight:600; }
div[class|=list-text] fieldset{margin-top:20px; text-align:center; }
div[class|=list-text] fieldset button{width:135px; height:40px; color:#fff; font-size:18px; font-weight:600; border-radius:2px; }
div[class|=list-text] fieldset button:first-child{background:#12c9bb; }
div[class|=list-text] fieldset button + button{background:#8b8b8b; margin-left:10px; }

.result-view > .list-none{padding:30px 0; border-bottom:1px solid #f0f0f0; }

.list-none{width:810px; margin:0 auto; }
.list-none div{width:680px; height:135px; margin:0 auto; border:1px solid #d3d3d3; border-radius:3px; background:#f1f1f1; }
.list-none div img{margin:45px 0 0 145px; float:left; }
.list-none div p{float:left; margin:45px 0 0 26px; font-size:20px; color:#949494; font-weight:900; line-height:26px; }
.list-none div p span{display:block; font-size:19px; color:#929292; font-weight:600; }
.list-none div p span.hidden + span{padding-top:12px; }
.list-none div p small{display: block; margin-top:15px; }

.result-view table{width:980px; margin:35px auto 0; }
.result-view table thead{border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background:#f0f0f0; }
.result-view table thead tr th{font-size:16px; height:65px; font-weight:900; }
.result-view table tbody{border-bottom:1px solid #e2e2e2; }
.result-view table tbody td{padding:30px 0; text-align:center; font-size:16px; line-height:1.1; *border-bottom:1px solid #e2e2e2; }
.result-view table tbody td > span{font-size:16px; color:#18c3b5; }
.result-view table tbody td small{display:block; font-size:16px; }
.result-view table tbody .table-left{text-align:left; padding-left:15px; }
.result-view table tbody td button{width:50px; height:20px; border:1px solid #18c3b5; border-radius:10px; background:#18c3b5; color:#fff; font-size:14px; }
.result-view table tbody td .table-send{color:#18c3b5; display:block; font-size:16px; }
.result-view table tbody td .table-del{color:#ed1c24; font-size:16px; }

.result-view table thead tr th:first-child{width:125px; }
.result-view table thead tr th:nth-child(2){width:100px; }
.result-view table thead tr th:nth-child(3){width:105px; }
.result-view table thead tr th:nth-child(4){width:265px; }
.result-view table tbody tr td:nth-child(4){max-width:265px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.result-view table thead tr th:nth-child(5){width:75px; }
.result-view table thead tr th:nth-child(6){width:75px; }
.result-view table thead tr th:nth-child(7){width:75px; }
.result-view table thead tr th:nth-child(8){width:85px; }
.result-view table thead tr th:last-child{width:70px; }

.result-view + .result-more{margin-top:20px; }
.result-view + .result-more button,
.result-view + .result-more img{margin:0 auto; }
.result-view + .result-more button{display: block; }
.result-view + .result-more > img{display:none; }

.result-popup{display:none; width:100%; position: absolute; top:0; left:0; background:rgba(140,140,140,0.45); }
.result-calendar{display:none; width:700px; height:640px; position: relative; margin:100px auto 0; background:#fff; border:1px solid #fff; border-radius:20px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.51); }
.result-calendar ul{height:100px; padding:10px 20px 20px; border-bottom:1px solid #f0f0f0; }
.result-calendar ul li{width:20%; float:left; text-align:center; line-height:1.7; }
.result-calendar ul li a{font-size:17px; }
.result-calendar ul li a.active{padding:2px 10px; border:1px solid #18c3b5; background:#18c3b5; border-radius:15px; color:#fff; }
.result-calendar ul + div{height:0px; overflow: hidden; }
.result-calendar ul + div input{width:100%; text-align:center; padding:25px 0; font-size:18px; color:#565656; border:none; }
.result-calendar fieldset{padding:20px 20px 10px; border-bottom:1px solid #f0f0f0; }
.result-calendar fieldset button{width:85px; height:35px; color:#fff; float:right; }
.result-calendar fieldset button:first-child{border:1px solid #8b8b8b; background:#8b8b8b; border-radius:3px; margin-left:10px; }
.result-calendar fieldset button:first-child + button{border:1px solid #18c3b5; background:#18c3b5; border-radius:3px; }
.result-calendar fieldset label{font-size:18px; }

.result-history{width:100%; height:620px; margin:50px auto 0; position: absolute; }
.result-history iframe{display: block; margin: 0 auto; background:#fff; }

.result-history-info{padding-bottom:20px; }
.result-history-info h6{font-size:24px; line-height:115px; text-align:center; position:relative; }
.result-history-info h6 span{font-size:50px; font-weight:100; color:#757575; position:absolute; top:0; *top:-45px; right:20px; cursor:pointer; }
.result-history-info > fieldset{height:60px; text-align:center; position:relative; border-bottom:2px solid #18c3b5; }
.result-history-info > fieldset button{width:145px; height:48px; font-size:20px; font-weight:600; color:#8b8b8b; background:#e2e2e2; position:absolute; bottom:0; }
.result-history-info fieldset button:active,
.result-history-info fieldset button:focus{outline:none; }
.result-history-info > fieldset .active{height:55px; border-top:2px solid #18c3b5; border-right:2px solid #18c3b5; border-bottom:2px solid #fff; border-left:2px solid #18c3b5; background:#fff; color:#18c3b5; bottom:-2px; }
.result-history-info > fieldset .list{left:10px; }
.result-history-info > fieldset .done{left:170px; }
.result-history-info > fieldset .cancel{left:330px; }
.result-history-info > fieldset .doing{left:490px; }
.result-history-info table{width:610px; margin:20px auto 0; border-collapse: collapse; }
.result-history-info table caption{padding:10px 0 10px 10px; font-size:18px; color:#8b8b8b; font-weight:600; text-align:left; }
.result-history-info table caption img{margin-right:10px; }
.result-history-info table thead th{border-top:1px solid #18c3b5; border-bottom:1px solid #18c3b5; font-size:20px; line-height:50px; color:#18c3b5; text-align:center; }
.result-history-info table thead th:first-child{width:305px; }
.result-history-info table thead tr th:first-child + th{width:150px; }
.result-history-info table thead tr th:first-child + th + th{width:150px; }
.result-history-info table tbody tr td{font-size:20px; padding:15px 0; color:#373737; text-align:center; font-weight:100; border-bottom:1px solid #e2e2e2; }
.result-history-info > input[type="button"]{display:block; width:610px; height:70px; margin:20px auto 0; background:#18c3b5; border:none; font-size:24px; font-weight:900; color:#fff; }
.result-history-info input[type="button"]{cursor: pointer; }

.result-history-info table tbody tr .history-wait{color:#8b8b8b; }
.result-history-info table tbody tr td .history-done{color:#18c3b5; }
.result-history-info table tbody tr td .history-cancel{color:#ed1c24; }

.result-history-info .btn-group{margin-top:20px; padding:0 10px; text-align:center; }
.result-history-info .btn-group input{width:296px; height:66px; border:2px solid #18c3b5; font-size:22px; font-weight:900; }
.result-history-info .btn-group input:first-child{background:#18c3b5; color:#fff; }
.result-history-info .btn-group input + input{background:#fff; color:#18c3b5; margin-left:10px; }

.history-info-group{display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:url(/img/login/mask.png); background-position:center center; background-repeat: repeat; }
.history-info-group > div{width:90%; background:#fff; margin:210px auto 0; padding:20px; border:1px solid #fff; border-radius: 7px; }
.history-info-group > div h3{font-size:26px; color:#373737; font-weight:600; }
.history-info-group > div h3 span{float:right; cursor:pointer; font-size:25px; padding:0 15px; }
.history-info-group > div fieldset{margin-top:20px; }
.history-info-group > div fieldset div{font-size:20px; color:#373737; }
.history-info-group > div fieldset div span{font-size:18px; color:#8b8b8b; }
.history-info-group > div fieldset div span + span{margin-left:15px; }
.history-info-group > div fieldset select{max-width:360px; padding:10px; font-size:20px; }
.history-info-group > div fieldset button{width:130px; height:47px; border:1px solid #18c3b5; background: #18c3b5; color:#fff; font-size:18px; font-weight:600;}
.history-info-group > div fieldset input[type="text"]{display:none; width:80%; margin-top:15px; padding:0 10px; height:40px; font-size:20px; border:1px solid #ccc; }
.history-info-group > div fieldset input[type="text"] + label{display:inline-block; vertical-align: middle; margin:15px 0 0 15px; font-size:20px; line-height:40px; color:#373737; }

.member-list-popup > div {max-width:600px; }
.member-list-popup > div fieldset div input[type="text"]{max-width:435px; }
.member-list-popup > div button{display:block; margin:25px auto 0;  }

.biztalkTitle{background: url('/img/shop/bg_biztalk_title.png'); width: 100%; text-align: center; padding-top: 25px; padding-bottom: 11px; border-top:2px solid #18c3b5; background-size: cover;}
.biztalkTitle p{font-size: 20px; font-weight: 600;  color: #fff; line-height: 52px; margin: 0 0 21px 0; }
.biztalk{width: 980px; margin: 0 auto; }
.biztalk > div{padding-top: 30px; display:inline-block; }
.biztalk > div.sendMethod{display:inline-block !important; }
.biztalk div h2{width: 190px; padding: 0 0 10px 50px; float: left; font-size: 20px; font-weight: 900; }
.biztalk div h2.item_arrow{background: url(/img/shop/icon_send_03.png) left center no-repeat; }
.biztalk div h2.item_talk{background: url(/img/shop/icon_send_11.png) left center no-repeat; }
.biztalk div h2.item_file{background: url(/img/shop/icon_send_12.png) left center no-repeat; }
.biztalk div h2.item_personbubble{background: url(/img/shop/icon_send_02.png) left center no-repeat; }
.biztalk div h2.item_time{background: url(/img/shop/icon_send_04.png) left center no-repeat; }
.biztalk div h2.item_heart{background: url(/img/shop/icon_send_05.png) left center no-repeat; }
.biztalk div h2.item_bubble{background: url(/img/shop/icon_send_06.png) left center no-repeat; }
.biztalk div h2.item_receive{background: url(/img/shop/icon_send_07.png) left center no-repeat; }
.biztalk div h2.item_beaker{background: url(/img/shop/icon_send_08.png) left center no-repeat; }
.biztalk > div > div{width: 744px; float: right; border-bottom: 1px solid #f0f0f0; padding-bottom: 25px; font-size: 20px; }
.biztalk > div > div > p{padding-bottom: 20px; }
.biztalk > div > div > select,
.biztalk > div > div > div > select{height: 45px; padding: 0px 20px; border: 2px solid #e3e3e3; border-radius: 2px; font-size: 20px; color: #373737; }
.biztalk > div > div > select{width: 265px; height: 45px; padding: 0px 20px; border: 2px solid #e3e3e3; border-radius: 2px; font-size: 20px; color: #373737; }
.biztalk > div > div > div > select{width:240px; }

.biztalk .file_add_area > button{width: 140px; height: 45px; display: block; border: 1px solid #8b8b8b; border-radius: 3px; background: #8b8b8b; color: #fff; font-size: 19px; font-weight: 600; }
.biztalk .file_add_area fieldset{width: 340px; float: left; }
.biztalk .file_add_area fieldset span{padding-top: 20px; font-size: 20px; color: #8b8b8b; font-weight: 600; }
.biztalk .file_add_area fieldset input[type="file"]{display: none; }
.biztalk .file_add_area fieldset label{display: block; margin:20px 0 0 0; padding:0px 15px; width: 310px; height:45px; line-height:45px; background: #f7f7f7; border:2px solid #e1e1e1; font-size: 21px; color: #bdbdbd;}
.biztalk .file_add_area fieldset button{width: 130px; height: 45px; margin-top: 20px; border: 1px solid #12c9bb; border-radius: 3px; background: #12c9bb; font-size: 18px; font-weight: 900; color: #fff; }
.biztalk .file_add_area > div{width:315px; height:500px; padding:90px 0 70px 65px; float:right; background: url(/img/shop/bg_biztalk_phone.png)right top no-repeat }
.biztalk .file_add_area > div div{width: 290px; height: 500px; overflow: hidden; overflow-y: auto;  }
.biztalk .file_add_area > div div p{width: 205px; margin-left: 15px; background: #fff; box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25); position:relative; }
.biztalk .file_add_area > div div p:after{content:""; width:15px; height:10px; position: absolute; left: -14px; top: 18px; background: url(/img/shop/bg_biztalk_arrow.png)center center no-repeat; }
.biztalk .file_add_area > div div p span{display:block; font-size: 18px; padding:13px; color: #969696; }
.biztalk .file_add_area > div div p em{display:block; font-size: 16px; padding:5px 13px 15px 13px; font-weight: 600; color: #18c3b5; }
.biztalk .file_add_area > div div p small{display:block; font-size: 16px; color: #969696; padding: 13px 0 13px 45px; border-top: 1px solid #e2e2e2; background: url(/img/shop/ic_biztalk_btn.png)left center no-repeat; }

.biztalk .send-user-list div fieldset{text-align: right; }
.biztalk .send-user-list div fieldset label{font-size:20px; color:#8b8b8b; }
.biztalk .send-user-list div fieldset label span{padding-right:10px; }
.biztalk .send-user-list div fieldset label span.success{color:#f84c4c; }
.biztalk .send-user-list div fieldset label span.fail{color:#12c9bb; }
.biztalk .send-user-list div fieldset button{width:105px; height:45px; background:#8b8b8b; border:1px solid #8b8b8b; border-radius: 3px; font-size:18px; font-weight:600; color:#fff; margin-left: 15px; }

.biztalk .send-user-list div div.table-wrap{width:745px; height:160px; padding-top:25px; overflow: auto; }
.biztalk .send-user-list div table{width:1300px; }
.biztalk .send-user-list div table th,
.biztalk .send-user-list div table td{height:23px; line-height:23px; padding:0 20px; font-size: 14px; border: 1px solid #dce5ed; }
.biztalk .send-user-list div table th{text-align: left; color:#37547b; background:#e4ecf7; }
.biztalk .send-user-list div table th:first-child,
.biztalk .send-user-list div table td:first-child{width:35px; padding:0px; }
.biztalk .send-user-list div table td:first-child{background:#e4ecf7; color:#37547b; text-align:center; }

.biztalk .bizTalkTest fieldset{margin-top: 20px; }
.biztalk .bizTalkTest fieldset input[type="text"]{width:199px; height:45px; padding:0 15px; border:2px solid #e1e1e1; border-radius: 3px; background:#fff; }
.biztalk .bizTalkTest fieldset input[type="text"]+input{margin-left: 15px; }
.biztalk .bizTalkTest fieldset button{width: 105px; height: 45px; margin-left: 15px; background: #12c9bb; border:1px solid #12c9bb; border-radius: 3px; font-size: 18px; font-weight: 900; color: #fff; }
.biztalk .bizTalkTest fieldset label{font-size: 20px; color: #8b8b8b; font-weight: 600; }
.biztalk .bizTalkTest > div > div{margin-top:10px; }
.biztalk .bizTalkTest div fieldset + div{padding:15px 25px; border:1px solid #c0c0c0; background: #fbfbfb; }
.biztalk .bizTalkTest div div p{width:100%; display:inline-block; }
.biztalk .bizTalkTest div div p em{float: left; font-size:20px; line-height:28px; }
.biztalk .bizTalkTest div div p em:first-child{padding:5px 15px; border:1px solid #ddd; border-radius: 20px; background: #fff; }
.biztalk .bizTalkTest div div p em span{color:#12c9bb; font-weight: 900; padding-left:5px; }
.biztalk .bizTalkTest div div p small{margin-left: 25px; float: left; line-height:40px; }
.biztalk .bizTalkTest div div p button{width:168px; height:40px; float:right; border:1px solid #12c9bb; border-radius: 3px; background: #fff; font-size:18px; font-weight: 600; color:#12c9bb; }
.biztalk .bizTalkTest div div p+p{margin-top:15px; }

#smsTimeInfo, #bizTalkTimeInfo{display:none; }
.biztalk > div > div #smsTimeInfo{margin-top:15px; }

.biztalk .aligoHeart p{font-size: 22px; color:#373737; }
.biztalk .aligoHeart p:first-child{letter-spacing: initial; }
.biztalk .aligoHeart p span{margin-left: 35px; font-weight: 600; }
.biztalk .aligoHeart p span.total{color:#f84c4c; }
.biztalk .aligoHeart p small{font-size: 18px; color:#8b8b8b; font-weight: 600; vertical-align: bottom; }
.biztalk .aligoHeart p button{width:163px; height:45px; margin-left:30px; border:1px solid #12c9bb; border-radius: 3px; background: #12c9bb; font-size:20px; font-weight:600; color:#fff; }

.biztalk .biztalk-send-btnWrap{width:100%; }
.biztalk .biztalk-send-btnWrap button{width:178px; height:45px; display: block; margin:30px auto 0; border:1px solid #12c9bb; border-radius: 3px; background: #12c9bb; font-size:22px; font-weight: 900; color:#fff; }

.biztalk-off{width:980px; margin:0 auto; }
.biztalk-off div{width: 630px; height: 335px; margin:20px 0 0 245px; padding:55px 45px; border:1px solid #e1e1e1; border-radius: 5px; background: #fff; }
.biztalk-off div h2{font-size:22px; color:#373737; font-weight: 600; text-align: center; }
.biztalk-off div button{width:270px; height:45px; display:block; margin:15px auto 0; background:#ffdf2c; border:1px solid #ffdf2c; border-radius: 3px; font-size:18px; font-weight: 600; color:#373737; }
.biztalk-off div p span{font-size:20px; float:left; margin-top:75px; font-weight: 600;}
.biztalk-off div p span.depth1,
.biztalk-off div p span.depth2{padding:150px 140px 0 10px; }
.biztalk-off div p span.depth3{padding:150px 20px 0; }
.biztalk-off div p .depth1.on{background: url(/img/shop/ic_k1_on.png)left top no-repeat; }
.biztalk-off div p .depth1.off{background: url(/img/shop/ic_k1_off.png)left top no-repeat; }
.biztalk-off div p .depth2.on{background: url(/img/shop/ic_k2_on.png)left top no-repeat; }
.biztalk-off div p .depth2.off{background: url(/img/shop/ic_k2_off.png)left top no-repeat; }
.biztalk-off div p .depth3.on{background: url(/img/shop/ic_k3_on.png)left top no-repeat; }
.biztalk-off div p .depth3.off{background: url(/img/shop/ic_k3_off.png)left top no-repeat; }

.biztalk .smsWrite .leftBox .specialLetter{top: 88px; }
.biztalk .smsWrite .leftBox .specialLetter .specialIcon select {width: 120px; height: 35px; display: inline-block; line-height: 35px; padding: 0 15px; box-sizing: border-box; border: 1px solid #d4d4d4; border-radius: 3px; font-size: 14px; color: #606060; }

.biztalk div.replace-msg, .biztalk div.disabled-display{display:none; }

.kakaotitle{background: url('/img/shop/bg_kakao_title.png'); background-repeat: no-repeat; width: 100%; text-align: center;  height:88px;  border-top:2px solid #18c3b5; background-size: cover; }
.kakaotitle p{text-align:left; margin: 0 auto; padding:28px 0 0 28px; width: 952px; font-size: 18px; letter-spacing: -1px; font-weight: bold; background: url('/img/union/icon_02.png') no-repeat 0 34px; color: #fff; }

.kakaointro{width:100%; }
.kakaointro div fieldset{width:980px; margin:0 auto; }
.kakaointro div fieldset button{font-size:18px; }
.kakaointro div fieldset > button{width:480px; height:60px; float:left; border-top:2px solid #373737; border-right:2px solid #373737; border-left: 2px solid #373737; font-weight: 900; color:#373737; }
.kakaointro div fieldset div{float:right; width:500px; height:58px; position:relative; border-bottom:2px solid #373737; }
.kakaointro div fieldset div button{width:485px; height:50px; border-top:2px solid #8b8b8b; border-right:2px solid #8b8b8b; border-left:2px solid #8b8b8b; font-weight: 600; color:#8b8b8b; position:absolute; right:0; bottom:0; }

.kakaointro .menubar{height:527px; padding-top:40px; background: url(/img/shop/bg_kakao_intro.png)top center no-repeat; background-size:cover; }
.kakaointro .menubar h2,.kakaointro .menubar p{width:980px; margin:0 auto; }
.kakaointro .menubar h2,.kakaointro .menubar p,.kakaointro .menubar h2 span{font-size:48px; color:#373737; }
.kakaointro .menubar h2{font-weight: 600; padding-top:170px; background: url(/img/shop/bg_kakaointro_title.png)25px 110px no-repeat; }
.kakaointro .menubar h2 span{font-weight: 900; }
.kakaointro .menubar p{font-size:20px; margin-top:45px; color:#373737; }
.kakaointro .menubar p span{font-weight: 600; }

.kakaointro .guide h3, .kakaointro .explain h3{font-size:24px; padding-top:75px; text-align: center; }
.kakaointro .guide h3 span, .kakaointro .explain h3 span{font-size:24px; font-weight: 900; }

.kakaointro .guide{margin:0 auto; height:805px; background: url(/img/shop/bg_kakao_intro2.png)top center no-repeat; background-size:cover; }
.kakaointro .guide h3{color:#4d3232; }
.kakaointro .guide > div{width:980px; margin:0 auto; }
.kakaointro .guide div div{width:240px; margin-top:60px; }
.kakaointro .guide div div p{font-size:26px; font-weight: 900; vertical-align: bottom; color:#4d3232; }
.kakaointro .guide div div p span{font-size:60px; }
.kakaointro .guide div div button{width:100%; height:46px; font-size:22px; font-weight: 600; color:#fff; background:#4d3232; border:1px solid #4d3232; border-radius: 3px; background-size:cover; }
.kakaointro .guide ul{width:500px; margin-top:80px; }
.kakaointro .guide ul li{width:190px; line-height:50px; padding-left:60px; font-size:18px; font-weight:600; color:#373737; float:left; letter-spacing:-2px; }
.kakaointro .guide ul li.guide_1{background: url(/img/shop/ic_kakaointro_guide1.png); background-position:left center; background-repeat:no-repeat; }
.kakaointro .guide ul li.guide_2{background: url(/img/shop/ic_kakaointro_guide2.png); background-position:left center; background-repeat:no-repeat; }
.kakaointro .guide ul li.guide_3{background: url(/img/shop/ic_kakaointro_guide3.png); background-position:left center; background-repeat:no-repeat; }
.kakaointro .guide ul li.guide_4{background: url(/img/shop/ic_kakaointro_guide4.png); background-position:left center; background-repeat:no-repeat; }
.kakaointro .guide ul li.guide_5{background: url(/img/shop/ic_kakaointro_guide5.png); background-position:left center; background-repeat:no-repeat; }
.kakaointro .guide ul li.guide_6{background: url(/img/shop/ic_kakaointro_guide6.png); background-position:left center; background-repeat:no-repeat; }

.kakaointro .explain{height:747px; background: url(/img/shop/bg_kakao_intro3.png)center center no-repeat; background-size:cover; }
.kakaointro .explain h3{color:#fff; }
.kakaointro .explain img{display: block; margin:100px auto 0; }

.kakaointro > div[class|="talk"]{height:518px; }
.kakaointro > div[class|="talk"] div{width:980px; margin:0 auto; padding-top:135px; }
.kakaointro > div[class|="talk"] div h3{font-size:24px; font-weight:600; padding-left:560px; }
.kakaointro > div[class|="talk"] div h4{font-size:48px; font-weight: 900; padding:15px 0 0 560px; }
.kakaointro > div[class|="talk"] div p{font-size:18px; font-weight: 600; padding:37px 0 0 560px; }

.kakaointro .talk-menu1{background:url(/img/shop/bg_kakao_intro4.png)top center no-repeat; background-size:cover; }
.kakaointro .talk-menu1 h3,.kakaointro .talk-menu1 h4,.kakaointro .talk-menu1 p{color:#795142; }
.kakaointro .talk-menu2{background:url(/img/shop/bg_kakao_intro5.png)top center no-repeat; background-size:cover; }
.kakaointro .talk-menu2 h3,.kakaointro .talk-menu2 h4,.kakaointro .talk-menu2 p{color:#fff; }
.kakaointro .talk-menu3{background:url(/img/shop/bg_kakao_intro6.png)top center no-repeat; background-size:cover; }
.kakaointro .talk-menu3 h3,.kakaointro .talk-menu3 h4,.kakaointro .talk-menu3 p{color:#373737; }

.kakaointro .talk-menu3{margin-bottom:-70px; }

.kakaoset{width:980px; margin:0 auto; padding-top:40px; }

.kakaoset button.clean{border:2px solid #12c9bb; color:#12c9bb; background:#fff; }
.kakaoset button.default{border:1px solid #12c9bb; color:#fff; background: #12c9bb; }

.kakaoset > fieldset div{float:left; width:25%; text-align:center; padding-top:8px; border-bottom:2px solid #18c3b5; }
.kakaoset > fieldset div.on{padding-top:0px; border-bottom:none; }
.kakaoset > fieldset div button{width:235px; height:50px; border-top:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-left:1px solid #e2e2e2; font-size:18px; font-weight: 600; color:#8b8b8b; }
.kakaoset > fieldset div.on button{width:100%; height:60px; border-top:2px solid #18c3b5; border-right:2px solid #18c3b5; border-left:2px solid #18c3b5; color:#18c3b5; font-weight: 900; }

.kakaoset > div{margin-top:20px; border-top:1px solid #e2e2e2; }
.kakaoset > div h2{padding-top:30px; font-size:26px; color:#373737; font-weight:900; }
.kakaoset > div h2 button{width:180px; height:45px; margin-left:50px; font-size:20px; color:#fff; background:#12c9bb; border:1px solid #12c9bb; border-radius: 2px; }
.kakaoset > div table{width:100%; border-top:1px solid #ececec; margin-top:40px; }
.kakaoset > div table thead tr th,
.kakaoset > div table tbody tr td{font-size:18px; font-weight: 600; height:70px; }
.kakaoset > div table thead tr th{color:#373737; background:#f0f0f0; border-bottom: 1px solid #e7e7e7; }
.kakaoset > div table thead tr th:first-child{width:230px; }
.kakaoset > div table tbody tr td{text-align:center; color:#8b8b8b; border-bottom:1px solid #eeeeee; }
.kakaoset > div table tbody tr td input[type="button"]{border:none; background:#fff; color:#ed1c24; font-weight: 600; cursor: pointer; }
.kakaoset > div > fieldset{margin-top:20px; }
.kakaoset > div > fieldset input[type="text"]{width:180px; border:2px solid #e1e1e1; background:#f7f7f7; padding:5px 20px; color:#373737; font-size:21px; }
.kakaoset > div > fieldset input + span{font-size:30px; padding:0 10px; vertical-align: bottom; color:#8b8b8b; font-weight: 900; }
.kakaoset > div > fieldset input + button{margin-left:15px; }
.kakaoset > div > fieldset button{width:180px; height:45px; font-size:18px; font-weight: 600;  border-radius: 3px; }
.kakaoset > div > fieldset button + button{float:right; }

.kakaoPlusPopup{display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.45); z-index:10; }
.kakaoPlusPopup > div{width:585px; height:580px; padding:30px 35px; margin:0 auto; position:fixed; top:100px; left:-9999px; right:-9999px; background:#fff; }
.kakaoPlusPopup > div h2{font-size:26px; color:#373737; font-weight: 900; padding-bottom: 10px; }
.kakaoPlusPopup > div h2 span{width:30px; height:30px; background:url(/img/shop/ic_popup_close_btn.png); background-position:center center; background-repeat: no-repeat; float:right; cursor: pointer; text-indent: -9999px; }
.kakaoPlusPopup > div fieldset{margin-top:20px; padding-left:50px; }
.kakaoPlusPopup > div fieldset legend{font-size:20px; line-height:45px; float:left; color:#373737; font-weight: 600; }
.kakaoPlusPopup > div fieldset.plusId{background:url(/img/shop/ic_kakako_popup1.png); background-position:left 8px; background-repeat:no-repeat; }
.kakaoPlusPopup > div fieldset.license{background:url(/img/shop/ic_kakako_popup2.png); background-position:left 8px; background-repeat:no-repeat; }
.kakaoPlusPopup > div fieldset.userPhoneNumber{background:url(/img/shop/ic_kakako_popup3.png); background-position:left 8px; background-repeat:no-repeat; }
.kakaoPlusPopup > div fieldset.userPhoneNumber legend{margin-right:100px; }
.kakaoPlusPopup > div input[type="text"]{height:45px; padding:0 15px; border:2px solid #e7e7e7; background:#f9f9f9; font-size:20px; }
.kakaoPlusPopup > div fieldset > input[type="text"]{width:470px; }
.kakaoPlusPopup > div fieldset div input[type="text"]{width:350px; }
.kakaoPlusPopup > div fieldset div button,
.kakaoPlusPopup > div fieldset div label{float:right; width:135px; height:45px; font-size:18px; }
.kakaoPlusPopup > div fieldset div button{background:#9a9a9a; border:1px solid #9a9a9a; border-radius: 3px; color:#fff; font-weight: 600; }
.kakaoPlusPopup > div fieldset div button[disabled]{color:#ccc; pointer-events:none; }
.kakaoPlusPopup > div fieldset div label{border:1px solid #e1e1e1; border-radius: 3px; color:#8b8b8b; line-height:45px; text-align:center; }
.kakaoPlusPopup > div fieldset div p{font-size:18px; padding-bottom:20px; margin-top:20px; font-weight:600; }
.kakaoPlusPopup > div fieldset div button + p{color:#18c3b5; }
.kakaoPlusPopup > div fieldset div label + p{color:#8b8b8b; }
.kakaoPlusPopup > div fieldset input[type="file"]{display:none; }
.kakaoPlusPopup > div fieldset input[type="file"] + label{float:left; max-width:340px; overflow:hidden; text-overflow:ellipsis; line-height:43px; margin-left:15px; padding:0 30px; text-align: center; border:1px solid #18c3b5; border-radius:3px; color:#18c3b5; font-size:18px; font-weight:600; cursor:pointer; }

.kakaoPlusPopup div > input[type="button"]{width:215px; height:45px; display:block; margin:0 auto; border:1px solid #18c3b5; border-radius:3px; background:#18c3b5; font-size:18px; font-weight: 600; color:#fff; }

.kakaoset .template-view{width:980px; margin:20px auto 0; }
.kakaoset .template-view > div{margin-top:30px; }
.kakaoset .template-view > div:after{content: ""; display: block; clear: both; visibility: hidden; }

.kakaoset .template-view div h3{width:200px; padding-left:50px; float:left; color:#373737; font-weight:600; background:url(/img/shop/ic_simple_dot.png); background-position:left center; background-repeat: no-repeat; }
.kakaoset .template-view div fieldset{width:730px; float:right; position:relative; }
.kakaoset .template-view div fieldset input[type="text"]:first-child,
.kakaoset .template-view div fieldset input[type="text"],
.kakaoset .template-view div fieldset select{height:50px; padding:0 20px; font-size:20px; color:#373737; }
.kakaoset .template-view div fieldset input[type="text"]{width:460px; }
.kakaoset .template-view div fieldset input[type="text"]:first-child{width:285px; }
.kakaoset .template-view div fieldset select{width:328px; font-weight:600; border:2px solid #e1e1e1; background:#fff; }
.kakaoset .template-view div fieldset input[type="text"],
.kakaoset .template-view div fieldset textarea{border:2px solid #e1e1e1; background:#f7f7f7; font-weight:600; }
.kakaoset .template-view div fieldset textarea{width:285px; height:505px; padding:20px; resize:none; color:#373737; font-size:20px; }
.kakaoset .template-view div fieldset button[class|=template]{position:absolute; left:329px; }
.kakaoset .template-view div fieldset button.template-load{top:0px; }
.kakaoset .template-view div fieldset button.template-save{top:155px; }
.kakaoset .template-view div fieldset select + button{width:135px; height:45px; margin-left:20px; border:1px solid #8b8b8b; border-radius:2px; background:#8b8b8b; color:#fff; font-size:20px; font-weight:600; }
.kakaoset .template-view div fieldset select + label{font-size:18px; color:#8b8b8b; font-weight:600; margin-left:20px; }
.kakaoset .template-view div fieldset h4 input[type="button"]{float:right; width:45px; height:25px; margin-right:225px; font-size:16px; color:#ed1c24; border:1px solid #ed1c24; border-radius:20px; background:#fff; cursor:pointer; }
.kakaoset .template-view div fieldset h4,
.kakaoset .template-view div fieldset label{margin-top:20px; color:#373737; font-weight:600; }
.kakaoset .template-view div fieldset input + label{display:block; }
.kakaoset .template-view div fieldset h4 + input[type="text"],
.kakaoset .template-view div fieldset label + input[type="text"]{margin-top:15px; }
.kakaoset .template-view div fieldset > p{margin-top:15px; font-size:18px; font-weight:600; color:#8b8b8b; }
.kakaoset .template-view div fieldset + fieldset{margin-top:20px; border-top:1px solid #e2e2e2; }

.kakaoset .template-view .template-preview{width:315px; height:500px; padding:90px 0 70px 65px; float:right; background: url(/img/shop/bg_biztalk_phone.png)right top no-repeat; position: absolute; top:0; right:0; z-index:10; }
.kakaoset .template-view .template-preview div{width: 290px; height: 500px; overflow: hidden; overflow-y: auto; }
.kakaoset .template-view .template-preview div p{width: 205px; margin-left: 15px; background: #fff; box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25); position:relative; }
.kakaoset .template-view .template-preview div p:after{content:""; width:15px; height:10px; position: absolute; left: -14px; top: 18px; background: url(/img/shop/bg_biztalk_arrow.png)center center no-repeat; }
.kakaoset .template-view .template-preview div p span{display:block; font-size: 18px; padding:13px; color: #969696; letter-spacing:1px; }
.kakaoset .template-view .template-preview div p em{display:block; font-size: 16px; padding:5px 13px 15px 13px; font-weight: 600; color: #18c3b5; }
.kakaoset .template-view .template-preview div p small{display:block; font-size: 16px; color: #969696; padding: 13px 0 13px 45px; border-top: 1px solid #e2e2e2; background: url(/img/shop/ic_biztalk_btn.png)left center no-repeat; }
.kakaoset .template-view > button{width:330px; height:45px; display:block; margin:50px auto 0; font-size:20px; color:#fff; font-weight:600; background:#12c9bb; border:1px solid #12c9bb; border-radius:2px; }

.kakaoset > fieldset + fieldset{margin-top:25px; }
.kakaoset > fieldset + fieldset button{width:190px; height:50px; margin-left:10px; border:1px solid #b7b7b7; border-radius:50px; background:#b7b7b7; color:#fff; font-size:19px; font-weight: 600; }
.kakaoset > fieldset + fieldset button:first-child{margin-left:0px; }
.kakaoset > fieldset + fieldset button.active{background: #18c3b5; border:1px solid #18c3b5; }
.kakaoset > div.template-sample{margin-top:35px; }
.kakaoset > div.template-sample h4{font-size:20px; padding:30px 0 45px 0; font-weight:600; color:#373737;  }
.kakaoset > div.template-sample h5{font-size:24px; font-weight: 900; padding-top:15px; color:#373737; }
.kakaoset > div.template-sample h6{font-size:18px; color:#8b8b8b; padding:20px 0 0 25px; font-weight:600; }
.kakaoset > div.template-sample p{margin-top:20px; }
.kakaoset > div.template-sample p{padding:30px; font-size:18px; border-radius:20px; border:none; }
.kakaoset > div.template-sample span{font-size:20px; color:#f23522; }

#templateOrder, #templateDisabled, #bizTalkTimeInfo, #smsTimeInfo{display: none; }