@charset "utf-8";
html,body {}

.btn_l {position:relative;display:inline-block;vertical-align:middle;overflow:hidden;padding:0 38px 0 14px;height:40px;line-height:40px;font-size:15px;font-weight:bold;color:#fff !important;background:url('../img/btn_default_l.gif') no-repeat left 0px;}
.btn_l:before {position:absolute;top:0;right:0;display:block;content:"";width:38px;height:100%;background:url('../img/btn_default_l.gif') no-repeat right 0px;}
.btn_l:after {position:absolute;top:0;right:18px;display:block;content:"";width:7px;height:100%;background:url('../img/icon_btn_bullet01.png') no-repeat center center;}
.btn_l.t1 {color:#fff !important;background-position-y:0px;}
.btn_l.t1:before {background-position-y:0px;}
.btn_l.t2 {color:#fff !important;background-position-y:-50px;}
.btn_l.t2:before {background-position-y:-50px;}
.btn_l.t3 {color:#fff !important;background-position-y:-100px;}
.btn_l.t3:before {background-position-y:-100px;}
.btn_l.t4 {color:#fff !important;background-position-y:-150px;}
.btn_l.t4:before {background-position-y:-150px;}
.btn_l.t5 {color:#fff !important;background-position-y:-200px;}
.btn_l.t5:before {background-position-y:-200px;}
.btn_l.t6 {color:#fff !important;background-position-y:-250px;}
.btn_l.t6:before {background-position-y:-250px;}
.btn_l.l1 {padding-right:14px;color:#057bb1 !important;background-position-y:-300px;}
.btn_l.l1:before {width:14px;background-position-y:-300px;}
.btn_l.l1:after {display:none;}
.btn_l.l2 {padding-right:14px;color:#666 !important;background-position-y:-350px;}
.btn_l.l2:before {width:14px;background-position-y:-350px;}
.btn_l.l2:after {display:none;}
.btn_l.l3 {padding-right:14px;color:#666 !important;background-position-y:-400px;}
.btn_l.l3:before {width:14px;background-position-y:-400px;}
.btn_l.l3:after {display:none;}
.btn_l.l4 {padding-right:14px;color:#666 !important;background-position-y:-450px;}
.btn_l.l4:before {width:14px;background-position-y:-450px;}
.btn_l.l4:after {display:none;}
.btn_l.l5 {padding-right:14px;color:#666 !important;background-position-y:-500px;}
.btn_l.l5:before {width:14px;background-position-y:-500px;}
.btn_l.l5:after {display:none;}
.btn_l.l6 {padding-right:14px;color:#1743a9 !important;background-position-y:-550px;}
.btn_l.l6:before {width:14px;background-position-y:-550px;}
.btn_l.l6:after {display:none;}

.btn_m {position:relative;display:inline-block;vertical-align:middle;overflow:hidden;padding:0 14px;height:28px;line-height:28px;font-size:13px;color:#fff !important;background:url('../img/btn_default_m.gif') no-repeat left 0px;}
.btn_m:before {position:absolute;top:0;right:0;display:block;content:"";width:14px;height:100%;background:url('../img/btn_default_m.gif') no-repeat right 0px;}
.btn_m.t1 {color:#fff !important;background-position-y:0px;}
.btn_m.t1:before {background-position-y:0px;}
.btn_m.t2 {color:#fff !important;background-position-y:-50px;}
.btn_m.t2:before {background-position-y:-50px;}
.btn_m.t3 {color:#fff !important;background-position-y:-100px;}
.btn_m.t3:before {background-position-y:-100px;}
.btn_m.t4 {color:#fff !important;background-position-y:-150px;}
.btn_m.t4:before {background-position-y:-150px;}
.btn_m.t5 {color:#fff !important;background-position-y:-200px;}
.btn_m.t5:before {background-position-y:-200px;}
.btn_m.t6 {color:#fff !important;background-position-y:-250px;}
.btn_m.t6:before {background-position-y:-250px;}
.btn_m.t7 {color:#fff !important;background-position-y:-300px;}
.btn_m.t7:before {background-position-y:-300px;}
.btn_m.l1 {color:#666 !important;background-position-y:-350px;}
.btn_m.l1:before {background-position-y:-350px;}

.btn_tb01 {display:inline-block;vertical-align:middle;padding:0 10px;font-size:12px;line-height:24px;color:#fff !important;background-color:#666;}
.btn_tb01.ml {padding:6px 10px;line-height:16px;}
.btn_tb01.full {padding-left:0;padding-right:0;width:100%;}
.btn_tb02 {display:inline-block;vertical-align:middle;padding:0 10px;font-size:12px;line-height:22px;color:#333 !important;border:1px solid #a3a3a3;}
.btn_tb02.full {padding:0;width:100%;}

.btn_more01 {display:block;line-height:40px;font-size:15px;font-weight:bold;color:#169ed9 !important;text-align:center;border-bottom:1px solid #a3a3a3;}

.btn-area {margin-top:40px;text-align:right;font-size:15px;font-weight:bold;color:#333;}
.btn-area.fsmall {font-size:13px;color:#666;}
.btn-area a {margin-left:5px;}
.btn-area a:first-child {margin-left:0;}

.alert_box01 {position:relative;min-height:60px;padding-left:134px;border:1px solid #e5e5e5;background-color:#f3f3f3;}
.alert_box01 p.ico {position:absolute;left:21px;top:50%;display:block;padding:0 0 0 34px;margin:-13px 0 0;height:26px;line-height:26px;font-size:15px;font-weight:bold;color:#999;letter-spacing:-1px;background:url('../img/icon_warn01.png') no-repeat left center;}
.alert_box01 p.ico.t2 {padding-left:30px;color:#333;background-image:url('../img/icon_warn02.png')}
.alert_box01 .dsc {position:relative;display:block;padding:22px 20px;background-color:#fff;font-size:13px;line-height:24px;color:#606060;}
.alert_box01 ul {padding-left:5px;}
.alert_box01 ul li {padding-left:10px;margin-top:5px;background:url('../mobile/img/icon_bullet03.gif') no-repeat left top 10px;}
.alert_box01 ul li:first-child {margin-top:0;}
.alert_box01 .dsc > .banner01 {position:absolute;right:15px;top:50%;transform:translateY(-50%);display:block;padding:10px 85px 10px 15px;line-height:1.2;font-size:13px;color:#fff;text-align:center;border-radius:10px;background:#057bb1 url('../img/icon_kakao01_01.png') no-repeat right 10px center;background-size:auto 60px;}
.alert_box01 .dsc > .banner01 > span {display:block;text-shadow: 1px 1px 2px rgba(0,0,0,0.7);}
.alert_box01 .dsc > .banner01 > span.t1 {font-size:20px;letter-spacing:-0.05em;}
.alert_box01 .dsc > .banner01 > span.t2 {font-size:16px;color:#fae100;margin-top:2px;}
.alert_box01 .dsc > .banner01 > span.t3 {font-size:16px;letter-spacing:-0.05em;}

.alert_box02 {padding:25px 30px;border:1px solid #eee;background-color:#f8f8f8;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.alert_box02 p.ico {display:block;padding:0 0 15px 28px;line-height:21px;font-size:15px;font-weight:bold;color:#333;background:url('../img/icon_warn02.png') no-repeat left top;}
.alert_box02 p.ico.t02 {background:url('../img/icon_warn01.png') no-repeat left top;background-size:auto 21px;}
.alert_box02 {font-size:13px;line-height:22px;color:#666;}
.alert_box02 ul {padding-left:18px;}
.alert_box02 ul li {padding-left:10px;background:url('../img/icon_bullet03.gif') no-repeat left top 9.5px;}
.alert_box02 ul.radio {font-size:14px;font-weight:bold;}
.alert_box02 ul.radio input {display:inline-block;width:14px;height:14px;}
.alert_box02 ul.radio label {cursor:pointer;}
.alert_box02 ul.radio li {padding-left:0;background-image:none;}
.alert_box02.fl {width:calc(100% - 270px);}
.alert_box02.fr {width:260px;}

.msg-box01 {height:238px;border:1px solid #e5e5e5;background:#ddfafe url('../img/img_msgbox_bg01.jpg') no-repeat left 30px bottom;}
.msg-box01 p.tit {margin:56px 0 0 270px;line-height:34px;font-size:24px;font-weight:bold;color:#388fd2;}
.msg-box01 p.tit strong {color:#1743a9;}
.msg-box01 p.dsc {margin:15px 0 0 270px;line-height:22px;font-size:17px;color:#333;}

.msg-box02 {height:200px;border:1px solid #e5e5e5;background:#ddfafe url('../img/img_msgbox_bg03.png') no-repeat left 70px bottom;}
.msg-box02 p.tit {margin:50px 0 0 350px;line-height:34px;font-size:24px;font-weight:bold;color:#388fd2;}
.msg-box02 p.tit strong {color:#1743a9;}
.msg-box02 p.dsc {margin:15px 0 0 270px;line-height:22px;font-size:17px;color:#333;}

.msg-box03 {height:400px;border:1px solid #e5e5e5;background:#ddfafe url('../img/img_msgbox_bg02.png') no-repeat right 70px bottom 70px;}
.msg-box03 p.tit {margin:50px 0 0 60px;line-height:34px;font-size:24px;font-weight:bold;color:#388fd2;}
.msg-box03 p.tit strong {color:#1743a9;}
.msg-box03 p.dsc {margin:35px 335px 0 60px;line-height:32px;font-size:17px;color:#333;}

.info_sect {font-size:13px;line-height:22px;color:#666;}
ul.info_ul {font-size:13px;line-height:22px;color:#666;}
ul.info_ul li {padding-left:11px;background:url('../img/icon_bullet03.gif') no-repeat left top 9px;}
ul.info_ul li.flat {padding-left:0;background:none;}

.search-filter {padding:20px;font-size:13px;border:1px solid #ddd;}
.search-filter p {margin:10px 0 0;line-height:24px;}
.search-filter p:first-child {margin-top:0;}
.search-filter label {display:inline-block;margin-right:10px;width:60px;text-align:right;}
.search-filter input[type=text] {padding:0 5px;height:24px;border:1px solid #bfbfbf;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.search-filter .dt-wrap {display:inline-block;width:175px;text-align:center;}
.search-filter .dt-wrap input {width:80px;cursor:pointer;}
.search-filter .btn-wrap {display:inline-block;margin-left:10px;}
.search-filter input.keyword {width:175px;}
.search-filter .cmt {margin-left:10px;font-size:12px;color:#666;}
.search-filter input[type=submit] {display:block;width:58px;height:58px;line-height:58px;font-size:14px;font-weight:bold;text-align:center;background-color:#999;color:#fff;border:0;cursor:pointer;}
.search-filter > .alert {clear:both;padding:15px 0 0 65px;font-weight:bold;color:#c80000;}

.tb-desc-top {margin-bottom:10px;font-size:13px;color:#333;font-weight:bold;text-align:right;}

table.tb_list01 {table-layout:fixed;width:100%;margin:0;padding:0;border-spacing:0;border-collapse:collapse;border-top:2px solid #057bb1;border-bottom:1px solid #d9d9d9;}
table.tb_list01.wa {width:auto;}
table.tb_list01 tbody {/*border-bottom:1px solid #a3a3a3 !important;*/}
table.tb_list01 th,
table.tb_list01 td {padding:10px;font-size:12px;color:#333;line-height:22px;text-align:center;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;word-break:break-all;/*white-space:nowrap;overflow:hidden;text-overflow:ellipsis;*/}
table.tb_list01 th.dual,
table.tb_list01 td.dual {line-height:14px;}
table.tb_list01 th:first-child,
table.tb_list01 td:first-child {border-left:0;}
table.tb_list01 tr:last-child td {border-bottom:0;}
table.tb_list01 th {font-weight:bold;background-color:#f4f9fb;}
table.tb_list01 th i {margin-left:5px;color:#eb0045;font-style:normal;}
table.tb_list01 th.al {text-align:left;padding-left:20px;}
table.tb_list01 td.al {text-align:left;}
table.tb_list01 th.ar,
table.tb_list01 td.ar {text-align:right;}
table.tb_list01 td.amount {font-weight:800;color:#057bb1;}
table.tb_list01 td.big {font-size:16px;font-weight:800;color:#057bb1;}
table.tb_list01 td.stat-normal {padding-left:70px;background:url('../img/icon_state01_normal.png') no-repeat left 15px center;}
table.tb_list01 td.stat-cancel {padding-left:70px;background:url('../img/icon_state01_cancel.png') no-repeat left 15px center;}
table.tb_list01 td.loading {background:url('../img/icon_loading40.gif') no-repeat center center;background-size:auto 20px;}
table.tb_list01 tr.skeleton {display:none;}
table.tb_list01 tr.nodata th,
table.tb_list01 tr.nodata td {height:100px;text-align:center;color:#666;}
table.tb_list01 label {cursor:pointer;}
table.tb_list01 input[type=text],
table.tb_list01 input[type=password] {padding:0 5px;width:200px;height:24px;border:1px solid #bfbfbf;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
table.tb_list01 input[type=password] {/*background-color:#a9d0f5;*/}
table.tb_list01 input[type=text].readonly {background-color:#dedede;}
table.tb_list01 input[type=checkbox],
table.tb_list01 input[type=radio] {display:inline-block;width:15px;height:15px;background-color:#fff;border:1px solid #bfbfbf;cursor:pointer;}
table.tb_list01 input.cx-full {width:100%;}
table.tb_list01 input.cx-snum {width:70px;}
table.tb_list01 input.cx-cnum {width:50px;}
table.tb_list01 input.cx-email {width:80px;}
table.tb_list01 input.cx-phone {width:50px;}
table.tb_list01 input.cx-date {width:80px;text-align:center;cursor:pointer;}
table.tb_list01 input:-moz-read-only,
table.tb_list01 input:read-only,
table.tb_list01 input[readonly=readonly] {background-color:#b2b2b2;}
table.tb_list01 input:disabled,
table.tb_list01 input[disabled=disabled]  {background-color:#efefef;cursor:auto;}
table.tb_list01 .btn {display:inline-block;vertical-align:middle;padding:0 10px;height:24px;line-height:24px;font-size:12px;color:#fff;background-color:#666;border:0;}
table.tb_list01 select {padding:0 0 0 5px;height:24px;border:1px solid #bfbfbf;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
table.tb_list01 select.fix {width:200px;}
table.tb_list01 select.cx-phone {width:70px;}
table.tb_list01 select.full {width:100%;}
table.tb_list01 a.lnk {display:inline-block;line-height:18px;border-bottom:1px solid;}
table.tb_list01 a.lnk.warn {color:red;font-weight:bold;}
table.tb_list01 ul.addr {*zoom:1;width:600px;}
table.tb_list01 ul.addr:after {display:block;content:"";clear:both;}
table.tb_list01 ul.addr li.btn {float:left;width:70px;}
table.tb_list01 ul.addr li.btn a {width:100%;padding:0;text-align:center;}
table.tb_list01 ul.addr li.tx1 {float:left;margin-left:5px;width:70px;}
table.tb_list01 ul.addr li.tx1 input {width:58px;background-color:#dfdede;}
table.tb_list01 ul.addr li.tx2 {float:left;margin-left:5px;width:450px;}
table.tb_list01 ul.addr li.tx2 input {width:438px;background-color:#dfdede;}
table.tb_list01 ul.addr li.tx3 {float:left;margin-top:10px;width:100%}
table.tb_list01 ul.addr li.tx3 input {width:588px;}
table.tb_list01 ul.check {*zoom:1;margin-left:1px;}
table.tb_list01 ul.check:after {display:block;content:"";clear:both;}
table.tb_list01 ul.check li {float:left;width:206.6666666666667px;height:68px;margin-left:-1px;border:1px solid #d9d9d9;}
table.tb_list01 ul.check li a {display:block;height:53px;padding:15px 0 0 65px;font-size:18px;line-height:18px;color:#999;font-weight:bold;background:url('../img/icon_check01.png') no-repeat left 20px center;}
table.tb_list01 ul.check li a i {display:block;font-size:13px;line-height:22px;font-weight:normal;font-style:normal;}
table.tb_list01 ul.check li a.on {color:#333;background-image:url('../img/icon_check01_on.png');}

ul.tab-btn {*zoom:1;border-bottom:1px solid #057bb1;}
ul.tab-btn:after {display:block;content:"";clear:both;}
ul.tab-btn li {float:left;}
ul.tab-btn li a {display:block;padding:0 20px;font-size:14px;line-height:38px;color:#606060;border:1px solid #d9d9d9;background-color:#fafafa;}
ul.tab-btn li.on a {color:#fff;font-weight:bold;line-height:40px;background-color:#057bb1;border:0;}
.tab-area {display:none;}
.tab-area.on {display:block;}

ul.paging {*zoom:1;}
ul.paging:after {display:block;content:"";clear:both;}
ul.paging.width-btn_l {margin-top:6px;}
ul.paging li {float:left;display:block;margin-left:3px;}
ul.paging li:first-child {margin-left:0;}
ul.paging li a {display:block;width:28px;height:26px;line-height:26px;font-size:12px;color:#666;text-align:center;border:1px solid #d9d9d9;}
ul.paging li a.first {background:url('../img/icon_paging_first.png') no-repeat center center;}
ul.paging li a.prev {margin-right:10px;background:url('../img/icon_paging_prev.png') no-repeat center center;}
ul.paging li a.next {margin-left:10px;background:url('../img/icon_paging_next.png') no-repeat center center;}
ul.paging li a.last {background:url('../img/icon_paging_last.png') no-repeat center center;}
ul.paging li a.page {}
ul.paging li a.on {color:#fff;background-color:#057bb1;border:1px solid #057bb1;}

.sect-title {margin:40px 0 10px;font-size:17px;line-height:17px;font-weight:bold;color:#333;padding:0 0 0 17px;background:url('../img/icon_bullet02.png') no-repeat left center;}
.sect-title.required:after {display:inline-block;vertical-align:middle;content:"";width:31px;height:15px;margin:0 0 0 5px;background:url('../img/icon_required01.png') no-repeat;}
h5.sect-title {margin:30px 0 10px;padding:0;background:none;font-size:16px;line-height:16px;font-weight:bold;color:#333;}
.sect-cont {font-size:13px;color:#333;font-weight:normal;line-height:20px;}

/*** 개인정보취급방침 etc ***/
.policy_article {font-size:13px;line-height:24px;color:#666;}
.policy_article p {margin:5px 0;}
.policy_article a {color:#0f7cc0;border-bottom:1px solid #0f7cc0;}
.policy_article .anchor_box {margin-bottom:20px;padding:20px 25px;color:#333;font-weight:bold;border:1px solid #e5e5e5;background-color:#fafafa;}
.policy_article .anchor_box ul {*zoom:1;line-height:30px;}
.policy_article .anchor_box ul:after {display:block;content:"";clear:both;}
.policy_article .anchor_box ul li {float:left;width:50%;}
.policy_article .anchor_box ul.full li {float:left;width:100%;}
.policy_article h4 {margin:30px 0 15px;font-size:20px;font-weight:bold;color:#057bb1;}
.policy_article h5 {margin:20px 0 10px;font-size:15px;font-weight:bold;color:#333;}
.policy_article .ol_list {}
.policy_article .ol_list>li {position:relative;padding-left:25px;margin-top:7px;}
.policy_article .ol_list>li i {position:absolute;left:0;top:0;font-style:normal;font-weight:bold;}
.policy_article .bul_list {}
.policy_article .bul_list>dt {font-weight:800;margin-top:5px;}
.policy_article .bul_list>li,
.policy_article .bul_list>dd {padding-left:10px;background:url('../img/icon_bullet03.gif') no-repeat left top 10.5px;}

.policy_article table caption {display:none;}
.policy_article table.tb_list01 {margin-bottom:10px;}
.policy_article .general_toggle div.box {display:none;}

/*** 로그인 ***/
.login_box {padding:40px 0 50px;border:1px solid #d9d9d9;border-top:2px solid #057bb1;}
.login_box .wrapper {margin:0 auto;width:400px;padding:0;font-size:13px;line-height:20px;color:#666;background:url('../img/img_login01.jpg') no-repeat right top 75px;}
.login_box .wrapper .btn_l {margin:0 0 0 80px;}
.login_box .wrapper p.tit {padding:10px 0 13px;font-size:20px;font-weight:bold;color:#333;}
.login_box .wrapper .frm {padding:10px 0 20px;}
.login_box .wrapper .frm > p {margin-top:10px;}
.login_box .wrapper .frm > p >span {display:inline-block;width:80px;text-align:left;}
.login_box .wrapper .frm label {cursor:pointer;}
.login_box .wrapper .frm .lnk {margin-top:15px;padding-left:80px;}
.login_box .wrapper .frm .lnk > a {margin-left:25px;display:inline-block;font-size:13px;line-height:13px;padding-bottom:2px;border-bottom:1px solid;}
.login_box .wrapper .frm .lnk > a:first-child {margin-left:0;}
.login_box .wrapper .frm input[type=checkbox] {display:inline-block;width:15px;height:15px;cursor:pointer;}
.login_box .wrapper .frm input[type=text],
.login_box .wrapper .frm input[type=password] {padding:0 5px;width:200px;height:24px;border:1px solid #bfbfbf;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.login_btn {*zoom:1;}
.login_btn:after {display:block;content:"";clear:both;}
.login_btn .pep {float:left;width:423px;}
.login_btn .cmp {float:left;}

/*** 알아두실사항 ***/

/*** 결제관련 ***/
#PAYMENT_DIM {position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.6);display:none;}
#PAYMENT_DIM .msg {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;margin:0 auto;padding:30px 50px;font-size:16px;font-weight:bold;color:#666;border:2px solid #999;background-color:#fff;}

.payment-type {padding-left:30px;font-weight:bold;font-size:17px;line-height:40px;color:#555;/*padding-left:17px;background: url(../img/icon_bullet02.png) no-repeat left center;*/}
.payment-type label {display:inline-block;vertical-align:baseline;margin-left:15px;cursor:pointer;}
.payment-type label:first-child {margin-left:0;}
.payment-type label input {display:inline-block;vertical-align:middle;width:18px;height:18px;margin:0;padding:0;}

.mcash_va_wrapper {padding:40px 15px 30px;}
.mcash_va_wrapper > .msg {margin-bottom:30px;line-height:24px;font-size:20px;font-weight:bold;color:#057bb1;text-align:center;letter-spacing:-0.05em;}

.confirm-box {position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.6);display:none;}
.confirm-box > .wrapper {position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:370px;max-height:100%;overflow-y:auto;padding:20px 30px;background-color:#fff;border:3px solid #057bb1;}
.confirm-box > .wrapper > .msg {}
.confirm-box > .wrapper > .msg > ul.lst {font-size:15px;line-height:24px;color:#333;}
.confirm-box > .wrapper > .msg > ul.lst > li {position:relative;padding-left:15px;}
.confirm-box > .wrapper > .msg > ul.lst > li:before {position:absolute;left:0;top:0;display:block;content:"*";}
.confirm-box > .wrapper > img.registration {display:block;max-width:100%;margin:20px auto 0;}
.confirm-box > .wrapper > .btns {margin-top:20px;text-align:center;}
.confirm-box > .wrapper > .btns > a {display:inline-block;width:100px;height:35px;line-height:35px;font-size:14px;font-weight:bold;color:#fff;text-align:center;background-color:#057bb1;}
.confirm-box > .wrapper > .btns > a.cancel {background-color:#666;}

/*** 동의 ***/
.agreement {line-height:30px;font-size:13px;}
.agreement > .wrp {padding:10px 10px;border-top:2px solid #057bb1;border-bottom:1px solid #d9d9d9;}
.agreement dl {}
.agreement dl:after {display:block;content:"";clear:both;}
.agreement dl > dt {float:left;display:block;}
.agreement dl > dt > a {color:#057bb1;}
.agreement dl > dd {float:right;display:block;}
.agreement dl > dd > .txt {font-size:12px;}
.agreement dl > dd > .txt.on {font-weight:bold;}
.agreement dl > dd > .check {position:relative;display:inline-block;vertical-align:middle;margin-left:10px;width:45px;height:22px;border-radius:14.5px;background-color:#ebebeb;cursor:pointer;}
.agreement dl > dd > .check:after {position:absolute;top:50%;left:2px;transform:translateY(-50%);display:block;content:"";width:18px;height:18px;background:url('../img/icon_check02_off.png') no-repeat;background-size:contain;transition:all .15s;}
.agreement dl > dd > .check.on {}
.agreement dl > dd > .check.on:after {left:calc(100% - 20px);background-image:url('../img/icon_check02_blue.png');}
.agreement dl.tit {padding-bottom:5px;padding-right:10px;}
.agreement dl.tit > dt {padding-left:17px;font-size:17px;font-weight:bold;color:#333;background:url('../img/icon_bullet02.png') no-repeat left center;}
.agreement dl.tit > dd > .txt {font-weight:bold;color:#111;}
.agreement dl.tit > dd > .check.on:after {background-image:url('../img/icon_check02_orange.png');}

.agree-box {position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.6);font-size:13px;line-height:18px;display:none;}
.agree-box > .wrapper {position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:800px;max-width:100%;max-height:100%;overflow-y:auto;padding:20px 30px;background-color:#fff;border:3px solid #057bb1;box-sizing:border-box;}
.agree-box > .wrapper > .msg {line-height:20px;font-size:16px;font-weight:bold;text-align:center;}
.agree-box > .wrapper > .msg > strong {color:#057bb1;}
.agree-box > .wrapper > .msg > span {display:block;}
.agree-box > .wrapper dl {}
.agree-box > .wrapper dl:after {display:block;content:"";clear:both;}
.agree-box > .wrapper dl > dt {float:left;display:block;width:calc(100% - 110px);box-sizing:border-box;}
.agree-box > .wrapper dl > dt > .point {margin-top:8px;padding:5px 0;text-align:center;background-color:#87cefc;}
.agree-box > .wrapper dl > dt table {margin-top:8px;max-width:100%;border-collapse:collapse;}
.agree-box > .wrapper dl > dt table th,
.agree-box > .wrapper dl > dt table td {padding:5px 10px;text-align:center;border:1px solid #e3e1e2;}
.agree-box > .wrapper dl > dt table th {padding:2px 10px;background-color:#f0f0f0;font-weight:bold;}
.agree-box > .wrapper dl > dt table td {background-color:#fff;}
.agree-box > .wrapper dl > dd {float:right;display:block;width:110px;text-align:right;}
.agree-box > .wrapper dl > dd > .txt {font-size:12px;font-weight:bold;color:#888;}
.agree-box > .wrapper dl > dd > .txt.on {color:#111;}
.agree-box > .wrapper dl > dd > .check {position:relative;display:inline-block;vertical-align:middle;margin-left:10px;width:45px;height:22px;border-radius:14.5px;background-color:#ebebeb;cursor:pointer;}
.agree-box > .wrapper dl > dd > .check:after {position:absolute;top:50%;left:2px;transform:translateY(-50%);display:block;content:"";width:18px;height:18px;background:url('../img/icon_check02_off.png') no-repeat;background-size:contain;transition:all .15s;}
.agree-box > .wrapper dl > dd > .check.on {}
.agree-box > .wrapper dl > dd > .check.on:after {left:calc(100% - 20px);background-image:url('../img/icon_check02_blue.png');}
.agree-box > .wrapper dl.tit {margin-top:15px;padding-bottom:5px;padding-right:10px;border-bottom:1px solid #ddd;}
.agree-box > .wrapper dl.tit > dt {position:relative;padding-left:20px;font-size:15px;font-weight:bold;color:#333;}
.agree-box > .wrapper dl.tit > dt:after {position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;content:"";width:14px;height:14px;border-radius:100%;border:4px solid #057bb1;box-sizing:border-box;}
.agree-box > .wrapper dl.tit > dd > .txt {font-weight:bold;color:#111;}
.agree-box > .wrapper dl.tit > dd > .check.on:after {background-image:url('../img/icon_check02_orange.png');}
.agree-box > .wrapper dl.box {padding:10px;background-color:#f5f5f5;border-bottom:1px solid #e3e1e2;}
.agree-box > .wrapper > .sect {padding:10px 0;}
.agree-box > .wrapper > .sect > .tit {padding:10px 0 10px 20px;font-size:14px;font-weight:bold;color:#333;background:url('../img/icon_bullet02.png') no-repeat left center;}
.agree-box > .wrapper > .btns {margin:20px 0 10px;text-align:center;}
.agree-box > .wrapper > .btns > a {display:inline-block;width:100px;height:35px;line-height:35px;font-size:14px;font-weight:bold;color:#fff;text-align:center;background-color:#057bb1;}
.agree-box > .wrapper > .btns > a.cancel {background-color:#666;}

/*=====================================================blue==========================================
 * Tablet & Mobile 공용 : ~ 1023px
 *================================================================================================*/
@media (max-width:1023px) /* (max-width:1025px) */
{
}

/*================================================================================================
 * Tablet : 638px~1023px 해상도에서 해석하는 코드 
 *================================================================================================*/
@media (min-width:638px) and (max-width:1023px) /* (max-width:1025px) */
{   
}

/*================================================================================================
 * Mobile : 637px 이하 해상도에서 해석하는 코드
 *================================================================================================*/
@media(max-width:637px)
{
}

/*================================================================================================
 * Mobile : ~339px 해상도에서 해석하는 코드 (해상도 낮은 Mobile)
 *================================================================================================*/
@media (max-width:339px) /* (max-width:1025px) */
{
}