@charset "utf-8";

body {background-color: #fff;}

#wrap {padding:0 0 50px;}
#header {position: relative;height: 56px;background:#0b4889; color:#fff; padding-top:15px; margin-bottom:25px;}
#header .inner {padding-right: 30px;padding-left: 30px;}
#header h1 {font-size: 1.625rem;}
#contents .sec_1{}
#contents .sec_1 .sec_inner {padding:25px;}
#contents .sec_1 .sec_inner.table {padding-top:19px;padding-bottom:19px;}
#contents .sec_2 .sec_inner {padding-right: 30px;padding-left: 30px;}
#contents .sec_3 .sec_inner {padding-right: 30px;padding-left: 30px;font-size:17px;}
#contents .sec_3 .sec_inner h2{font-size:18px; font-weight:700;padding-top:10px;color:#1167a0;}

/* 이미지 에디터 */
.image_editor #contents .sec_1{background-color: #fff;}
.image_editor #contents .sec_1 .sec_inner {padding:0 30px;}
.image_editor #contents .sec_1 .sec_inner fieldset {position: relative;width:520px;height:48px;margin:0 auto;padding-left:138px;border-top: 1px solid #000;border-bottom: 1px solid #e5e5e5;font-size: 0.875rem;}
.image_editor #contents .sec_1 .sec_inner fieldset legend {position: absolute;top:0;left:0;width:138px;height:46px;padding:13px 0 11px;background-color: #f2f2f3;text-align: center;}
.image_editor #contents .sec_1 .sec_inner fieldset .inputWrap {margin-top: 5px;padding-right: 98px;padding-left: 5px;}
.image_editor #contents .sec_1 .sec_inner fieldset input[type=text] {min-height:36px;padding:0 10px;}
#imageeditor {position: relative;width: 520px;margin: 30px auto 0;}
#imageeditor .editor_btns ul {border: 1px solid #e5e5e5;}
#imageeditor .editor_btns ul:after {display: block;clear: both;content:"";}
#imageeditor .editor_btns ul li {float: left;width:17%;border-left: 1px solid #e5e5e5;}
#imageeditor .editor_btns ul li:first-child {width:15%;border-left: none;}
#imageeditor .editor_btns button {position: relative;width:100%;height:86px;padding-top: 43px;background-color: #fff;font-size: 0.8125rem;color: #666;text-align: center;}
#imageeditor .editor_btns button:before {position: absolute;display: block;top:16px;left:50%;width:32px;height:32px;margin-left:-16px;background: url(../images/bg_imageeditor.png) 0 0 no-repeat;content:"";}
#imageeditor .editor_btns button.undo:before {background-position: 0 0;}
#imageeditor .editor_btns button.redo:before {background-position: -40px 0;}
#imageeditor .editor_btns button.reset:before {background-position: -80px 0;}
#imageeditor .editor_btns button.crop:before {background-position: -120px 0;}
#imageeditor .editor_btns button.rcw:before {background-position: -160px 0;}
#imageeditor .editor_btns button.rccw:before {background-position: -200px 0;}
#imageeditor .editor_box {position: relative;overflow: hidden;width:520px;height:384px;background: url(../images/bg_imageeditor2.png) 0 0 no-repeat;}
#imageeditor .btn_pannel {position: absolute;top:400px;left:50%;margin-left: -103px;padding:10px 20px 10px;background-color: #fff;z-index:1000;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow   : 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow        : 0px 0px 5px 0px rgba(0,0,0,0.5);
}
#imageeditor .btn_pannel button {padding:10px 10px;background-color: #fff;font-size: 0.8125rem;color: #666;}
#imageeditor .btn_pannel button+button {margin-left: 16px;}
#imageeditor .btn_pannel button:before {display: inline-block;width:11px;height:9px;margin-right: 5px;background: url(../images/bg_imageeditor.png) 0 -50px no-repeat;content:""}
#imageeditor .btn_pannel button.apply:before {background-position: 0 -50px;}
#imageeditor .btn_pannel button.cancle:before {background-position: -20px -50px;}

.nations_list {padding-top:30px;}
.nations_list dt {padding:12px 0 14px;background-color: #f2f2f3;font-size:0.875rem;color: #000;text-align: center;}
.nations_list ul {height:240px;max-height:240px;overflow-y:auto;}
.nations_list.poomdanno_list ul {height: auto;max-height:none;}
.nations_list li {padding:11px 0 13px 30px;border-bottom: 1px solid rgba(0,0,0,.1);font-size:0.875rem;color: #282828;}

.tbl_caution.bottom {font-size: 0.875rem;}

.clause_box {position: relative;padding:36px 40px;border:1px solid #d5d7de;border-radius: 6px;background-color: #fff;}

/* 하단 버튼 */
.btn_wrap {
	margin-top: 40px;text-align: center;
}

/* 팝업 닫기 버튼 */
.popup_close {position: absolute;top:15px;right:30px;width: 24px;height: 24px;z-index:10;}
.popup_close i {display: block;width: 24px;height: 24px;background: url(../images/bg_sprite.png) 0 -275px no-repeat;}


/* 고객센터 - 태권도장 */
.popup_kkw_sp #header {height:auto;min-height: 63px}
.popup_kkw_sp #header h1 {font-size: 2.25rem;color: #fff;word-break: break-word;word-wrap:break-word;}
.popup_kkw_sp #header .sns {position: absolute;top:13px;right:70px;}
.popup_kkw_sp #header .sns:after {display: block;clear: both;content: "";}
.popup_kkw_sp #header .sns li {float: left;}
.popup_kkw_sp #header .sns li+li {margin-left: 8px;}
.popup_kkw_sp .studio_info_wrap {padding:0 30px;}
.popup_kkw_sp .studio_info {padding:30px 30px 30px;border-top: 3px solid #000;background-color: #f7f7f7;}
.popup_kkw_sp .studio_info dl:after {display: block;clear: both;content: "";}
.popup_kkw_sp .studio_info dl dt {overflow:hidden;position:absolute;top:-9999em;left:-9999em;width:1px;height:1px;font-size:0;line-height:0;}
/*.popup_kkw_sp .studio_info dl dt:after {position: absolute;top:-2px;right:-8px;content:":";}*/
/*.popup_kkw_sp .studio_info dl dd {float: left;}*/
.tab_navi2>li>a {width:180px;}

/* 고객센터 - 태권도장 - 갤러리 */
.popup_kkw_sp .gallery_list_wrap .gallery_list:after {display: block;clear: both;content: "";}
.popup_kkw_sp .gallery_list_wrap .gallery_list li {float: left;width:31.6%;margin:20px 0 0 2.6%;}
.popup_kkw_sp .gallery_list_wrap .gallery_list li:nth-child(-n+3) {margin-top: 0;}
.popup_kkw_sp .gallery_list_wrap .gallery_list li:nth-child(3n+1) {margin-left: 0;}
.popup_kkw_sp .gallery_list_wrap .gallery_list li a {position: relative;display: block;overflow: hidden;max-width: 100%;height: 0;padding-bottom: 56.25%;}
.popup_kkw_sp .gallery_list_wrap .gallery_list li a>img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.popup_kkw_sp .gallery_list_wrap .gallery_list li a.video {position: relative;}
.popup_kkw_sp .gallery_list_wrap .gallery_list li a.video:after {position: absolute;top:0;right:0;bottom:0;left:0;background-color: rgba(0,0,0,.5);content:"";z-index:2;}
.popup_kkw_sp .gallery_list_wrap .gallery_list li a.video:before {position: absolute;display: block;top:50%;left:50%;width:46px;height:47px;margin:-23px 0 0 -23px;background: url(../images/bg_sprite.png) -154px -185px no-repeat;content:"";z-index:3;}
.popup_kkw_sp .gallery_list_wrap .gallery_list li button.video {position: relative;}
.popup_kkw_sp .gallery_list_wrap .gallery_list li button.video:after {position: absolute;top:0;right:0;bottom:0;left:0;background-color: rgba(0,0,0,.5);content:"";z-index:2;}
.popup_kkw_sp .gallery_list_wrap .gallery_list li button.video:before {position: absolute;display: block;top:50%;left:50%;width:46px;height:47px;margin:-23px 0 0 -23px;background: url(../images/bg_sprite.png) -154px -185px no-repeat;content:"";z-index:3;}

.popup_kkw_sp #studio_map {width: 100%;height:550px;margin-top: 20px;border: 1px solid #c7c7c7;}
.popup_kkw_sp #studio_map img.temp_map {width:100%;}

#contents h4 {position: relative;/*padding-left: 20px;*/font-size: 1.125rem;color: #000;}
/*#contents h4:after {position: absolute;display: block;top:8px;left:1px;width:8px;height:8px;border-radius:4px;background-color: #284bdb;content:"";}*/

/* 공연예약 결제 */
.payment_complete {text-align: center;}
.payment_complete p {font-size: 2rem;}
.payment_complete p.desc {font-size: 1rem;}

/* 단증 전환 */
.convert_list {display:table; width: 100%;}
.convert_list ul{display: table-cell; text-align: center;}
.convert_list ul li {display: inline-block; margin-left:20px;}
.convert_list ul li:first-child {margin-left:0;}
.convert_list figure {text-align: center; margin:0;}
.convert_list figure img{border:1px solid #eee; width:190px; height:240px;}
.convert_list figcaption { color:#000;font-weight:700;}

/* 접수증 */
.apply_num {position: absolute;top:0;right:80px;border: 1px solid rgba(0,0,0,.1);}
.apply_num:after {display: block;clear: both;content: "";}
.apply_num dt {float: left;padding:0.5rem 0.625rem;background-color: #f2f2f3;text-align: center;}
.apply_num dd {float: left;padding:0.5rem 0.625rem;border-left: 1px solid rgba(0,0,0,.1);background-color: #fff;}

.belongto_wrap {position: relative;}
.belongto {position: absolute;top:0;right:0;}
.belongto:after {display: block;clear: both;content: "";}
.belongto dt, .belongto dd {float: left;}
.belongto dd {margin-left: 3px;}
.belongto dd + dt {clear: left;}

.seal_wrap {position: relative;margin-top: 0.5rem;text-align: center;}
.seal_wrap .seal {display: inline-block;vertical-align: -15px;}
.seal_wrap .seal img {display: block;}

@media print {
  html.filing_receipt, html.filing_receipt2 {font-size: 14px;}
  html.filing_receipt #wrap, html.filing_receipt2 #wrap {padding-top: 20px !important;}
  html.filing_receipt .apply_num, html.filing_receipt2 .apply_num {right:30px;}
  html.filing_receipt .mt37, html.filing_receipt2 .mt37 {margin-top: 17px !important;}
  html.filing_receipt .tbl_t1_2 tbody th,
  html.filing_receipt .tbl_t1_2 tbody td,
  html.filing_receipt .tbl_t3_1 thead th,
  html.filing_receipt .tbl_t3_1 tbody th,
  html.filing_receipt .tbl_t3_1 tbody td {padding-top:5px !important;padding-bottom:5px !important;}
  html.filing_receipt .popup_close,
  html.filing_receipt .btn_wrap,
  html.filing_receipt2 .popup_close,
  html.filing_receipt2 .btn_wrap {display: none;}

  html.filing_receipt2 .tbl_t1_2 tbody th,
  html.filing_receipt2 .tbl_t1_2 tbody td,
  html.filing_receipt2 .tbl_t3_1 thead th,
  html.filing_receipt2 .tbl_t3_1 tbody th,
  html.filing_receipt2 .tbl_t3_1 tbody td {padding-top:3px !important;padding-bottom:3px !important;}
  html.filing_receipt2 .seal {position: absolute;top:-10px;left:67%;vertical-align: 0;}
}



.thumbnail-wrapper { float: left;width: calc(50% - 10px); display:inline-block;}
.thumbnail { position: relative; padding-top: 100%; overflow: hidden; }
.thumbnail .centered { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); }
.thumbnail .centered img { position: absolute; top: 0; left: 0; max-width: 100%; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.thumbnail .centered img.portrait { width: 100%; height: auto; }
.thumbnail .centered img.landscape { width: auto; height: 100%; }

.gray_box{border: 1px solid #eee; padding: 20px;}


/* 회원검색 */
.popup_kkw_sp .member_info_wrap {padding:25px;}
.member_info_wrap:after {display: block;clear: both;content:'';}
.member_info_wrap .mem_info_none_box {position: relative;display: table;float: left;width:50%;height:102px;border-right: 1px solid rgba(0,0,0,.1);text-align: center;}
.member_info_wrap .mem_info_none_box .btn_wrap {display: table-cell;vertical-align: middle;}
.member_info_wrap .mem_info_none_box .btn {}
.member_info_wrap .mem_info_box {float: left;width:50%;border-right: 1px solid rgba(0,0,0,.1);}
.popup_kkw_sp .member_info_wrap .mem_info_box {border-right: none;}
.member_info_wrap .mem_info_box .name {font-weight: 700;font-size: 1.625rem;color: #000;}
.popup_kkw_sp .member_info_wrap .mem_info_box .name {font-size: 1.875rem;}
.member_info_wrap .mem_info_box .bday {color: #666;}
.popup_kkw_sp .member_info_wrap .mem_info_box .bday {margin-top: 23px;color: #666;}
.member_info_wrap .mem_info_box .nation {font-size: 0.875rem;color: #666;}
.popup_kkw_sp .member_info_wrap .mem_info_box .nation {margin-top: 5px;}
.member_info_wrap .mem_info_box .poomdan {color: #666;}
.member_info_wrap .mem_photo_box {float: left;width:50%;padding-left: 50px;}
.member_info_wrap .mem_photo_box:after {display: block;clear: both;content:'';}
.member_info_wrap .mem_photo_box .photo_upload_type_2 {float: left;}
.popup_kkw_sp .member_info_wrap .mem_photo_box .photo_upload_type_2 {float: right;margin-top: 10px;}
.member_info_wrap .mem_photo_box .photo_upload_caution {margin-left: 130px;}
.member_info_wrap .mem_photo_box .photo_upload_caution p {font-size: 0.875rem;color: #666;}