@charset "utf-8";
/**************************************************

	Global.css

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 1300px;}

/* Table */
.table1{ width: 100%; }
.table1 tr > *{padding: 10px;border: 1px solid #ddd;}
.table1 tr > th{background: #f7f7f7;}

/* Tab */
.tab1{ margin-bottom: 40px; }
.tab1 > li{display: inline-block;background: #f7f7f7;}
.tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;border: 1px solid #f7f7f7;}
.tab1 > li.active a{background: #fff;color: #000;border-color: #333;}

/* Button */
.btnWrap{ margin-top: 40px; }
.btnWrap > *{margin: 0 2px;}
.btn0{ display: inline-block;background: #999999;border: 1px solid #999999;color: #fff !important;height: 35px;line-height: 33px;padding: 0 20px;text-decoration: none !important;box-sizing: border-box;font-weight: 500; }
.btn1{ display: inline-block;background: #f2f2f2;border: 1px solid #ededed;color: #555555 !important;height: 35px;line-height: 33px;padding: 0 20px;text-decoration: none !important;box-sizing: border-box;font-weight: 500; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 33px;padding: 0 20px;text-decoration: none !important;box-sizing: border-box; }
.btn3{ display: inline-block;background: #e36a7b;border: 1px solid #e36a7b;color: #fff !important;height: 35px;line-height: 33px;padding: 0 20px;text-decoration: none !important;box-sizing: border-box; }
.btn4{ display: inline-block;background: #fff;border: 1px solid #e36a7b;color: #e36a7b !important;height: 35px;line-height: 33px;padding: 0 20px;text-decoration: none !important;box-sizing: border-box; }
.btn5{ display: inline-block;background: #000000;border: 1px solid #000000;color: #fff !important;height: 35px;line-height: 33px;padding: 0 20px;text-decoration: none !important;box-sizing: border-box; }
.btn0.small, .btn1.small, .btn2.small, .btn3.small, .btn4.small, .btn5.small {padding: 0 10px;height: 25px;line-height: 23px;border-radius: 3px;font-size: 12px;}
.btn0.big, .btn1.big, .btn2.big, .btn3.big, .btn4.big, .btn5.big {min-width: 210px;text-align: center;padding: 0 30px;height: 46px;line-height: 44px;border-radius: 5px;font-size: 18px;font-weight: 500;}

/* Etc */
.ip-info {max-width: 690px;margin: 5px auto;border: 1px solid #ddd;background: #f7f7f7;padding: 12px 15px;font-size: 12px;color: #111;letter-spacing: -0.05em;line-height: 1.4em;font-weight: 600;text-align: left;}
.ip-info .small {display: block;font-size: 9px;color: red;font-weight: 600;line-height: 15px;}

.selectbox{height: 40px;border: 1px solid #ccc;position: relative;display: inline-block;vertical-align: top;min-width: 170px;overflow: hidden;}
.selectbox:after{content: '\f107';font-family: axicon;display: block;position: absolute;top: 50%;right: 10px;margin-top: -7px;font-size: 14px;}
.selectbox select{height: 38px;background: transparent;width: 130%;border: none;letter-spacing: -1px;padding-left: 10px;}

/* .custlab{position: relative;font-size: 14px;color: #333;letter-spacing: -1px;padding-left: 25px;line-height: 25px;text-align: left !important;display: inline-block;margin: 3px;}
.custlab:before{content: '';display: block;position: absolute;left: 0;top: 50%;margin-top: -10px;width: 20px;height: 20px;box-sizing: border-box;border: 2px solid #ddd;border-radius: 50%;}
.custlab input{display: none;}
.custlab.on{color: #000;}
.custlab.on:before{border-color: #333;}
.custlab.on:after{content: '';display: block;position: absolute;left: 5px;top: 50%;margin-top: -5px;width: 10px;height: 10px;background: #333;border-radius: 50%;} */

/**************************
	Shop Default Style
**************************/
#sb-footer{position: relative;margin-top: 30px;min-height: 35px;}
#sb-footer .left{position: absolute;top: 0;left: 0;text-align: left;width: 50%;z-index: 2;}
#sb-footer .center{text-align: center;}
#sb-footer .right{text-align: right;}

.sb-btnWrap{margin-top: 20px;}
.sb-btn{display: inline-block;vertical-align: top;box-sizing: border-box;text-align: center !important;}
.sb-btn.type1{background: #fff;border: none;height: 40px;line-height: 38px;padding: 0 20px;min-width: 80px;font-size: 14px;letter-spacing: -1px;color: #333;border: 1px solid #ccc;text-decoration: none;}
.sb-btn.type1.small{height: 30px;line-height: 28px;padding: 0 10px;font-size: 13px;min-width: auto;}
.sb-btn.type2{background: #666;border: none;height: 40px;line-height: 38px;padding: 0 20px;min-width: 80px;font-size: 14px;letter-spacing: -1px;color: #fff;border: 1px solid #333;text-decoration: none;}
.sb-btn.type2.small{height: 30px;line-height: 28px;padding: 0 10px;font-size: 13px;min-width: auto;}
.sb-btn.w100p{width: 100%;}

.sb-no-data{display: block;background: #f7f7f7;padding: 40px 10px;text-align: center;font-size: 14px;letter-spacing: -1px;color: #999;}







/**************************
	Site Layer Popup
**************************/
.sp-pop{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);border-radius: 3px;overflow: hidden;}
.sp-pop:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);}
.sp-pop .img{position: relative;min-height: 100px;}
.sp-pop .img img{max-width:100%;}
.sp-pop .btns{position: absolute;bottom: 0;left: 0;width: 100%;white-space: nowrap;background: #f7f7f7;}
.sp-pop .btns li{position: relative;display: inline-block;vertical-align: top;width: 50%;}
.sp-pop .btns li:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);border-width: 1px 1px 1px 0;}
.sp-pop .btns li:first-child:before{border-left-width: 1px;}
.sp-pop .btns li a,
.sp-pop .btns li label{position: relative;display: block;text-align: center;line-height: 32px;text-align: center;font-size: 11px;color: #666;letter-spacing: -1px;z-index: 3;text-decoration: none;font-family: dotum;}
.sp-pop .btns li label input{display: none;}
.sp-pop .btns.len3 li{width: 33.33%;}

/**************************
	Paging
**************************/
/* .paging{text-align: center;margin-top: 30px;font-family: empty;font-size: 0;}
.paging a{display: inline-block;vertical-align: top;margin: 0;margin-right: -1px;position: relative;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #f9f9f9;border: 1px solid #ddd;color: #999999;font-size: 12px;text-decoration: none;box-sizing: border-box;font-family: tahoma, arial, axicon;}
.paging a:first-child{border-radius: 5px 0 0 5px !important;}
.paging a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 35px;text-align: center;font-size: 15px;text-indent: 0;}
.paging a:last-child{border-radius: 0 5px 5px 0 !important;}
.paging a.active{background: #ffffff;color: #333333;font-weight: 700;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{background: none;font-size: 15px;color: #666666;text-indent: -999em;}
.paging a.first:after{content: '\f100';text-indent: 0;}
.paging a.prev:after{content: '\f104';}
.paging a.next:after{content: '\f105';}
.paging a.last:after{content: '\f101';} */

.paging{text-align: center;white-space: nowrap;margin-top: 30px;}
.paging > a{display: inline-block;vertical-align: top;width: 30px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #dddddd;margin: 0 2px;font-size: 12px;text-decoration: none;}
.paging > a.active{border-color: #ddd;background: #ddd;}
.paging > a:hover{border-color: #ddd;background: #ddd;}

/**************************************************
	Layout
**************************************************/
#aside {position: fixed;top: 0;bottom: 0;right: 50px;z-index: 77;display: flex;flex-direction: column;align-items: flex-end;justify-content: center;}
#aside a {margin: 10px 0;color: #ddd;padding-right: 28px;background-repeat: no-repeat;background-position: 100% 50%;background-image: url('../images/layout/aside-dot.png');text-decoration: none !important;}
.fp-viewing-visual #aside a:nth-child(1),
.fp-viewing-refunds #aside a:nth-child(2),
.fp-viewing-matching #aside a:nth-child(3),
.fp-viewing-security #aside a:nth-child(4),
.fp-viewing-process #aside a:nth-child(5) {color: #fff;font-weight: 700;background-image: url('../images/layout/aside-dot-on.png');}

#header{position: fixed;top: 0;left: 0;right: 0;z-index: 90;}
#header .inner{position: relative;height: 90px;margin: 0 80px;display: flex;justify-content: space-between;align-items: center;}
#header .logo{height: 100%;line-height: 90px;font-family: empty;font-size: 0;}
#header #gnb {flex-grow: 1;}
#header .rig {display: flex;justify-content: center;align-items: center;}

#sns-ico {margin: 0 25px;}
#sns-ico > li {display: inline-block;vertical-align: middle;}
#sns-ico > li:not(:first-child) {margin-left: 7px;}
#sns-ico > li a {display: block;font-family: empty;font-size: 0;background-repeat: no-repeat;background-position: 50%;background-size: contain;}
#sns-ico > li img {opacity: 0;}

#gnb{display: flex;justify-content: space-evenly;align-items: center;}
#gnb > li{position: relative;}
#gnb > li > a{display: block;line-height: 90px;font-size: 18px;color: #fff;text-decoration: none;}
#gnb > li.active > a{font-weight: bold;}
#gnb > li > ul{position: absolute;top: 75px;left: 50%;width: 160px;margin-left: -80px;background: #222;box-sizing: border-box;visibility: hidden;opacity: 0;transition: all 0.2s;}
#gnb > li > ul li a{display: block;padding: 10px;font-size: 15px;color: #fff;line-height: 1.4em;text-align: center;}
#gnb > li > ul li:not(:first-child) a {border-top: 1px solid rgba(255,255,255,0.1);}
#gnb > li > ul li.active a{font-weight: bold;}
#gnb > li:hover > ul{visibility: visible;opacity: 1;}
#gnb > li.hidden-gnb{display: none;}

#hd-tel {font-family: 'Open Sans';font-weight: 700;font-size: 24px;color: #fff;text-decoration: none !important;}
#hd-tel:before {display: inline-block;vertical-align: 2px;content: '상담문의';font-size: 17px;color: #fff;margin-right: 10px;}

#tnb > li{display: inline-block;vertical-align: middle;font-family: empty;font-size: 0;}
#tnb > li:not(:first-child):before {display: inline-block;vertical-align: middle;content: '';margin: 0 12px;width: 1px;height: 10px;background: #888888;}
#tnb > li a{display: inline-block;vertical-align: middle;font-family: noto;font-size: 13px;color: #fff;font-weight: 300;}

#footer{background: #222222;height: 260px;display: flex;align-items: flex-start;justify-content: center;}
#footer .inr {width: 1300px;}
#footer .fnbWrap{border-bottom: 1px solid #3d3d3d;position: relative;padding: 15px 0;}
#footer .ftWrap{position: relative;padding-top: 35px;}
#footer .gotop {position: absolute;top: 15px;right: 0;display: block;background: url('../images/layout/ft-top-btn.jpg') no-repeat center center;width: 48px;height: 48px;text-indent: -999em;}
#footer address{font-size: 14px;line-height: 24px;color: #9e9c98;font-weight: 300;font-style: normal;}
#footer address hr{width: 20px;border: none;display: inline-block;vertical-align: middle;}
#footer address .copyright{display: block;margin-top: 10px;font-size: 14px;color: #aaaaaa;font-weight: normal;}
.sub #footer {padding-bottom: 90px;box-sizing: content-box;}

#ft-tel {position: absolute;top: 50%;right: 78px;font-family: 'Open Sans';font-weight: 700;font-size: 24px;color: #fff;text-decoration: none !important;transform: translateY(-50%);}
#ft-tel:before {display: inline-block;vertical-align: 2px;content: '상담문의';font-size: 17px;color: #fff;margin-right: 15px;}

#fnb > li{display: inline-block;padding: 0 12px;}
#fnb > li:first-child{padding-left: 0;background: none;}
#fnb > li a{font-size: 15px;color: #eee;letter-spacing: -1px;line-height: 50px;}

#ft-sns-ico {position: absolute;top: calc(50% + 35px/2);right: 0;transform: translateY(-50%);display: flex;align-items: center;}
#ft-sns-ico > li {margin-left: 10px;}

/* #ft-fam{position: absolute;top: 35px;right: 0;width: 230px;height: 40px;}
#ft-fam > a{display: block;line-height: 40px;padding: 0 15px;border: 1px solid #444444;font-size: 15px;color: #aaaaaa;text-decoration: none;background: url('../images/layout/ft-family-spr.png') no-repeat 92% center;}
#ft-fam ul{position: absolute;bottom: 40px;left: 0;display: none;width: 100%;padding: 5px 15px;background: #444444;box-sizing: border-box;}
#ft-fam ul li{border-top: 1px solid #575757;}
#ft-fam ul li:first-child{border-top: none;}
#ft-fam ul li a{display: block;line-height: 35px;color: #f7f7f7;text-align: center;}
#ft-fam:hover ul{display: block;} */

/* for mobile */
#slide-btn{display: none;text-indent: -999em;width: 30px;height: 20px;position: absolute;top: 50px;right: 0;}
#slide-btn button{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;background: none;cursor: pointer;outline: none;}
#slide-btn button span,
#slide-btn button:before,
#slide-btn button:after{border-radius: 2px;overflow: hidden;position: absolute;left: 0;width: 100%;height: 2px;background: #fff;}
#slide-btn button span{display: block;top: 50%;margin-top: -1px;opacity: 1;transition: all 0.3s;}
#slide-btn button:before{content: '';display: block;top: 0;transition: all 0.3s;}
#slide-btn button:after{content: '';display: block;bottom: 0;transition: all 0.3s;}
#slide-btn button.on span{opacity: 0;}
#slide-btn button.on:before{top: 50%;margin-top: -1px;transform: rotate(45deg);}
#slide-btn button.on:after{bottom: 50%;margin-bottom: -1px;transform: rotate(-45deg);}

#slide-bg{position: fixed;z-index: 200;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);display: none;}
#slide-close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: url('../images/layout/slide-close.png') no-repeat center center;background-size: 20px auto;}

#slide-menu{position: fixed;top: 0;right: -100%;width: 80%;height: 100%;background: #fff;z-index: 201;overflow-y: auto;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#slide-menu .tit{height: 50px;position: relative;background: #e36a7b;}
#slide-menu.on{right: 0;}

#tnb-mo{text-align: center;line-height: 40px;background: #f7f7f7;}
#tnb-mo > li{display: inline-block;margin: 0 10px;}
#tnb-mo > li a{font-size: 12px;color: #333;}

#gnb-mo > li{border-bottom: 1px solid #e1e1e1;}
#gnb-mo > li > a{display: block;line-height: 40px;padding: 0 15px;font-size: 14px;letter-spacing: -1px;color: #333;text-decoration: none;}
#gnb-mo > li > ul{padding: 10px 15px;border-top: 1px solid #e1e1e1;background: #f7f7f7;display: none;}
#gnb-mo > li > ul li a{line-height: 30px;font-size: 14px;color: #666;text-decoration: none;}

#hd-lan-mo{position: absolute;top: 0;left: 15px;z-index: 92;}
#hd-lan-mo > a{display: block;line-height: 50px;padding: 0 10px 0 20px;font-size: 12px;color: #fff;text-decoration: none;text-transform: uppercase;background: url('../images/layout/hd-lan-ico-mo.png') no-repeat 0 center / 15px auto, url('../images/layout/hd-lan-spr-mo.png') no-repeat right center / 6px auto;}
#hd-lan-mo > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
#hd-lan-mo > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('../images/layout/hd-lanbox-spr-mo.png');}
#hd-lan-mo > ul li a{display: block;font-size: 12px;line-height: 20px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
#hd-lan-mo.on > ul{display: block;}

#hd-sch-mo{position: absolute;top: 14px;left: 85px;z-index: 91;}
#hd-sch-mo .btn{display: block;width: 21px;height: 21px;background: url('../images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 16px auto;text-indent: -999em;border: none;}
#hd-sch-mo form{position: fixed;display: none;top: 50px;right: 0;width: 80%;padding-right: 45px;border: 1px solid #333;border-width: 1px 0 1px 0;overflow: hidden;background: #fff;box-sizing: border-box;}
#hd-sch-mo legend{display: none;}
#hd-sch-mo .inp{width: 100%;height: 38px;line-height: 38px;text-indent: 10px;background: none;border: none;font-size: 12px;}
#hd-sch-mo .sbm{position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: #333 url('../images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 18px auto;border: none;text-indent: -999em;}
#hd-sch-mo.on form{display: block;}

body.fp-viewing-foot #m_form {bottom: 260px;}

body:not(.fp-viewing-visual, .sub) #header {background: #fff;}
body:not(.fp-viewing-visual, .sub) #gnb > li > a {color: #333;}
body:not(.fp-viewing-visual, .sub) #tnb > li a {color: #333;}
body:not(.fp-viewing-visual, .sub) #hd-tel {color: #222222;}
body:not(.fp-viewing-visual, .sub) #hd-tel:before {color: #333;}
body:not(.fp-viewing-visual, .sub) #sns-ico > li a {background-size: 0 0;}
body:not(.fp-viewing-visual, .sub) #sns-ico > li img {opacity: 1;}

body.hdfix #header {background: #fff;box-shadow: 0 3px 3px rgba(0,0,0,0.1);}
body.hdfix #gnb > li > a {color: #333;}
body.hdfix #tnb > li a {color: #333;}
body.hdfix #hd-tel {color: #222222;}
body.hdfix #hd-tel:before {color: #333;}
body.hdfix #sns-ico > li a {background-size: 0 0;}
body.hdfix #sns-ico > li img {opacity: 1;}

/**************************************************
	Ajax Popup
**************************************************/
#popup{position: fixed;top: 50%;left: 50%;width: 600px;height: 500px;margin-top: -250px;margin-left: -300px;padding-top: 46px;z-index: 301;background: #fff;border-radius: 5px;overflow: hidden;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popup .pop-tit{position: absolute;top: 0;left: 0;width: 100%;height: 45px;background: #f7f7f7;padding: 0 15px;border-bottom: 1px solid #ddd;box-sizing: border-box;}
#popup .pop-tit h3{font-size: 15px;color: #000;font-weight: 500;line-height: 45px;}
#popup .pop-tit .close{display: block;position: absolute;top: 0;right: 0;width: 44px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #666;background: #eee;border-left: 1px solid #ddd;}
#popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
#popup.on{opacity: 1;}

#popup2{position: fixed;top: 50%;left: 50%;width: 620px;height: 320px;margin-top: calc(320px/-2);margin-left: calc(620px/-2);padding-top: 85px;z-index: 301;background: #fff;border-radius: 10px;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popup2 .pop-tit{position: absolute;top: 0;left: 35px;right: 35px;height: 85px;border-bottom: 1px solid #ddd;box-sizing: border-box;}
#popup2 .pop-tit h3{font-size: 20px;color: #222222;font-weight: 500;line-height: 85px;text-align: center;}
#popup2 .pop-tit .close{display: block;position: absolute;top: -45px;right: -40px;font-size: 32px;color: #fff;}
#popup2 .pop-wrap{height: 100%;overflow-x: hidden;overflow-y: auto;padding: 40px 35px;box-sizing: border-box;}
#popup2 .stxt1 {font-size: 20px;color: #555;font-weight: 300;}
#popup2.on{opacity: 1;}

#popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
#popupBG.on{opacity: 1;}

#alert{position: fixed;top: 50%;left: 50%;width: 720px;min-height: 320px;transform: translate(-50%, -50%); padding-top: 100px;z-index: 301;background: #fff;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#alert .pop-tit{position: absolute;top: 0;left: 60px;right: 60px;height: 100px;padding-bottom: 15px;display: flex;justify-content: flex-end;align-items: flex-start;flex-direction: column;box-sizing: border-box;}
#alert .pop-tit h3{font-size: 32px;color: #333333;font-weight: 700;line-height: 1em;}
#alert .pop-tit p {margin-top: 15px;font-size: 16px;color: #555555;font-weight: 300;line-height: 1.2em;letter-spacing: -0.035em;}
#alert .pop-tit .close{display: block;position: absolute;top: 0;right: -60px;font-size: 24px;color: #555555;width: 80px;height: 80px;line-height: 80px;text-align: center;text-decoration: none !important;}
#alert .pop-wrap{height: 380px;max-height: calc(100% - 100px);overflow-x: hidden;overflow-y: auto;padding: 20px 43px 40px 60px;box-sizing: border-box;}
#alert .tbl-write tr > th {padding-left: 0;padding-right: 0;}
#alert .tbl-write tr > td {padding-left: 0;padding-right: 5px;}
#alert .btnWrap {margin-top: -5px;height: 100px;display: flex;justify-content: center;align-items: flex-start;}
#alert .btnWrap > * {margin: 5px;}
#alert .stxt1 {font-size: 14px;font-weight: normal;line-height: 1.4em;}
#alert.on{opacity: 1;}

/**************************************************
	Main
**************************************************/
#fullpage .fp-watermark {display: none;}
#fullpage .section:not(.visual, .foot) {padding-top: 90px;}
#fullpage .section.foot .fp-overflow {overflow-y: visible;}

#fullpage_num {position: fixed;top: calc(50% + 90px/2);left: 35px;transform: translateY(-50%);z-index: 55;padding-bottom: 27px;}
#fullpage_num:before {display: block;content: '';width: 1px;height: 120px;background: #555555;margin: 0 auto calc(27px*2);}
#fullpage_num p {display: block;transform: rotate(-90deg);font-family: 'SCore Dream';font-size: 14px;color: #555555;font-weight: 700;}
#fullpage_num p span {display: inline-block;vertical-align: -2px;font-family: 'SCore Dream';font-size: 18px;color: #555555;font-weight: 700;}
#fullpage_num p span.now {margin-right: 15px;}
#fullpage_num p span.tot {margin-left: 15px;}

#main #content > .scoll {position: fixed;top: 50%;left: 80px;z-index: 66;margin-left: calc(144px/-2);font-family: 'Open sans', sans-serif;font-size: 13px;color: #fff;letter-spacing: 0.05em;transform: rotate(90deg);padding-left: calc(35px + 10px);background: url('../images/main/ico-scroll.png') no-repeat 0 50%;animation: scroll_move 1s infinite ease-out;}
@keyframes scroll_move {
    0% {background-position: 0 50%;}
    50% {background-position: 10px 50%;}
    100% {background-position: 0 50%;}
}

#main #content > .gotop {position: fixed;bottom: 130px;right: 80px;z-index: 78;display: block;background: url('../images/layout/ft-top-btn2.jpg') no-repeat center center;width: 74px;height: 74px;text-indent: -999em;border-radius: 50%;}

#m_form {position: fixed;bottom: 0;left: 0;right: 0;z-index: 77;background: #4a311c;transition: bottom 0.66s;}
#m_form .inr {max-width: 1300px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;height: 90px;}
#m_form .tit {font-size: 15px;color: #fff;font-weight: 300;line-height: 1.6em;padding-left: 70px;background: url('../images/main/ico-phone.jpg') no-repeat 0 50%;}
#m_form .tit strong {font-size: 21px;color: #fff;font-weight: 700;line-height: 1.8em;}
#m_form legend {display: none;}
#m_form fieldset {display: flex;align-items: center;}
#m_form fieldset .name {margin: 0 5px;border: 0px;width: 180px;background: #fff;height: 46px;border-radius: 5px;padding-left: 20px;color: #777777;font-weight: 300;letter-spacing: -0.045em;}
#m_form fieldset .tel {margin: 0 5px;border: 0px;width: 240px;background: #fff;height: 46px;border-radius: 5px;padding-left: 20px;color: #777777;font-weight: 300;letter-spacing: -0.045em;}
#m_form fieldset .sel {margin: 0 5px;border: 0px;width: 130px;background: #fff;height: 46px;border-radius: 5px;padding-left: 20px;color: #777777;font-weight: 300;letter-spacing: -0.045em;}
#m_form .agree {display: flex;align-items: center;}
#m_form .agree label {margin-left: 13px;font-size: 14px;color: #fff;font-weight: 300;line-height: 20px;}
#m_form .agree label input {margin: 0 3px 0 0;vertical-align: -1px;}
#m_form .agree a {margin-left: 5px;font-size: 14px;color: #fff;font-weight: 700;line-height: 20px;}
#m_form .sbm {border: 0px;width: 170px;height: 46px;border-radius: 5px;background: #e36a7b;font-size: 18px;color: #fff;font-weight: 500;letter-spacing: -0.045em;}

#mo-bot-btns {display: none;}

#main {background: #3b2c1f;}
#main .visual{position: relative;height: 100vh !important;background: #222;}
#main .visual .fp-overflow {margin-bottom: 90px;height: calc(100% - 90px);position: relative;z-index: 0;}
#main .visual .roll,
#main .visual .roll * {height: 100%;}
#main .visual .roll .item{position: relative;overflow: hidden;min-height: 30vh;}
#main .visual .roll .item a {display: block;width: 100%;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
#main .visual .roll .item img{display: none;}
#main .visual .slick-dots{position: absolute;bottom: 50px;left: 0;width: 100%;z-index: 81;text-align: center;}
#main .visual .slick-dots li{display: inline-block;margin: 0 5px;}
#main .visual .slick-dots li button{display: block;width: 24px;height: 24px;background: url('../images/main/visual-bull.png') no-repeat center center / contain;text-indent: -999em;overflow: hidden;border: none;}
#main .visual .slick-dots li.slick-active button{background-image: url('../images/main/visual-bull-on.png');}
#main .visual .bot {position: absolute;bottom: 90px;left: 0;right: 0;z-index: 66;display: flex;justify-content: center;align-items: center;flex-direction: column;}
#main .visual .slogan img {display: block;margin: 0 auto;animation: img_scale 6s infinite ease-out;}
#main .visual .slogan strong {display: block;animation: img_scale 6s infinite ease-out;font-family: 'InkLipquid';font-size: 92px;color: #fff;font-weight: normal;letter-spacing: -0.045em;line-height: 92px;text-align: center;}
#main .visual .vis-control {margin-top: 55px;display: flex;justify-content: center;align-items: center;}
#main .visual .vis-control .prev {margin-right: 20px;}
#main .visual .vis-control .next {margin-left: 20px;}
#main .visual .vis-control .dots {display: flex;justify-content: center;align-items: center;}
#main .visual .vis-control button {margin: 0 13px;border: 0px;background: rgba(0,0,0,0);font-family: empty;font-size: 0;display: flex;align-items: center;flex-direction: row;}
#main .visual .vis-control button p {font-family: 'Open sans', sans-serif;font-size: 18px;color: #fff;font-weight: 700;}
#main .visual .vis-control button span {width: 0;height: 3px;background: rgba(255,255,255,0.35);margin-left: 20px;position: relative;z-index: 0;overflow: hidden;}
#main .visual .vis-control button span:after {display: block;content: '';position: absolute;top: 0;bottom: 0;left: 0;width: 0;background: #fff;}
#main .visual .vis-control button.on span {width: 80px;}
#main .visual .vis-control button.on span:after {width: 100%;transition: width 4s;}
@keyframes img_scale {
    0% {transform: scale(1);}
    25% {transform: scale(1.07);}
    40% {transform: scale(1);}
}

#main .section .maw1300 {max-width: 1300px;margin: 0 auto;overflow: hidden;}

#main .refunds {padding: 90px 0;background-image: url('../images/main/bg1.jpg');background-repeat: no-repeat;background-position: 100% 50%;background-size: 50% 100%;}
#main .refunds .mtit {margin-left: calc(100%/2 - 1300px/2);margin-bottom: 0;width: calc(1300px/2);}
#main .refunds .mtit > * {text-align: left;}
#main .refunds .mtit > p {font-size: 26px;color: #e36a7b;font-weight: 700;}
#main .refunds .mtit > a {margin: 50px 0 0;background: #e36a7b;border-color: #e36a7b;color: #fff;text-align: center;}

#main .matching {padding: 90px 0;background-image: url('../images/main/bg2.jpg');background-position: 50% 50%;background-size: cover;}
#main .matching .img {display: block;margin: 0 auto;}

#main .security {padding: 90px 0;background-image: url('../images/main/bg3.jpg');background-position: 50% 50%;background-size: cover;}
#main .security .boxs {display: flex;flex-wrap: wrap;margin: -9px;justify-content: center;}
#main .security .boxs > li {margin: 9px;width: calc(100%/2 - 9px*2);padding: 50px;border: 1px solid rgba(255,255,255,0.45);background: rgba(0,0,0,0.2);box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;}
#main .security .boxs > li .img {margin-right: 50px;}
#main .security .boxs > li .inf {width: calc(100% - 50px - 180px);}
#main .security .boxs > li .inf > * {display: block;color: #fff;}
#main .security .boxs > li .inf > span {font-size: 18px;}
#main .security .boxs > li .inf > strong {margin-top: 18px;font-size: 26px;font-weight: 700;line-height: 38px;}
#main .security .boxs > li .inf > p {margin-top: 12px;font-size: 16px;font-weight: 300;line-height: 30px;}

#main .process {padding: 90px 0;background-image: url('../images/main/bg4.jpg');background-position: 50% 50%;background-size: cover;}
#main .process .boxs {display: flex;flex-wrap: wrap;margin: -9px;}
#main .process .boxs > li {margin: 9px;width: calc(100%/4 - 9px*2);height: 190px;border: 1px solid rgba(255,255,255,0.45);background: rgba(0,0,0,0.2);box-sizing: border-box;display: flex;justify-content: center;align-items: center;position: relative;z-index: 0;}
#main .process .boxs > li h4 {font-size: 26px;color: #fff;font-weight: 700;line-height: 38px;text-align: center;}
#main .process .boxs > li h4 > em {font-style: normal;display: block;margin-bottom: 10px;font-family: 'Open sans', sans-serif;font-size: 18px;color: #fff;font-weight: 600;}
#main .process .boxs > li .hov {opacity: 0;position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding: 10px 20px;background: #e36a7b;overflow: auto;display: flex;flex-direction: column;align-items: center;justify-content: center;}
#main .process .boxs > li:hover .hov {opacity: 1;}
#main .process .boxs > li .hov > * {text-align: center;color: #fff;}
#main .process .boxs > li .hov > dt {font-size: 22px;color: #fff;font-weight: 700;line-height: 28px;}
#main .process .boxs > li .hov > dt > em {font-style: normal;display: inline-block;vertical-align: middle;margin-right: 10px;font-family: 'Open sans', sans-serif;font-size: 17px;color: #fff;font-weight: 600;}
#main .process .boxs > li .hov > dd {margin-top: 15px;font-size: 15px;color: #fff;font-weight: 300;line-height: 26px;}
#main .process .boxs > li.gosite .link {position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 10;}
#main .process .boxs > li.gosite h4 > em {margin-bottom: 0;margin-top: 10px;font-size: 15px;line-height: 1.8em;}
#main .process .boxs > li.gosite:hover {background-color: rgba(0,0,0,0.7);}
#main .process .boxs > li.gosite:hover h4,
#main .process .boxs > li.gosite:hover h4 > em {color: #e36a7b;}

.mtit {margin-bottom: 40px;}
.mtit > * {display: block;text-align: center;color: #fff;}
.mtit > h3 {font-size: 48px;font-weight: 700;line-height: 68px;}
.mtit > p {margin-top: 22px;font-size: 18px;font-weight: 300;line-height: 1.6em;}
.mtit > a {margin: 32px auto 0;width: 210px;height: 48px;border: 2px solid #fff;box-sizing: border-box;line-height: 44px;font-size: 16px;color: #fff;border-radius: 24px;text-decoration: none !important;}

/**************************************************
	Sub
**************************************************/
#sub {position: relative;z-index: 10;}
#sub #content{ margin: 90px 0 120px;display: flex;justify-content: flex-start;align-items: flex-start; }
#sub .lnbWrap,
#sub .lnbWrap .inr {width: calc(100vw/2 - 1200px/2 - 80px*2);}
#sub .lnbWrap{margin: 0 80px;position: relative;z-index: 0;}
#sub .lnbWrap .inr {position: absolute;z-index: 55;box-sizing: border-box;}
#sub .lnbWrap.fix .inr {position: fixed;top: calc(90px + 30px);}
#sub #subCont{width: 1200px;position: relative;z-index: 0;}

#sub.fullsize #content {justify-content: center;}
/* #sub.fullsize #subCont{ padding-left: 0;width: 100%;display: block; } */
#sub.fullsize .lnbWrap{ display: none !important; }

#sub .sub-vis{position: relative;height: 340px;padding-top: 45px;overflow: hidden;text-align: center;background-position: center center;background-size: cover;box-sizing: border-box;display: flex;justify-content: center;align-items: center;flex-direction: column;}
#sub .sub-vis h2{text-align: center;font-size: 46px;color: #fff;font-weight: 700;z-index: 2;}
#sub .sub-vis h2 em{display: block;margin-top: 10px;font-style: normal;font-size: 18px;font-weight: 300;}

#sub .sub-tit{margin-bottom: 50px;}
#sub .sub-tit h3{display: block;font-size: 38px;color: #333333;font-weight: 700;line-height: 1.2em;text-align: center;}
#sub .sub-tit p {margin-top: 15px;font-size: 18px;color: #555555;font-weight: normal;line-height: 30px;text-align: center;}

.lnbWrap h2{display: block;margin-bottom: 20px;font-size: 26px;color: #333333;font-weight: 700;line-height: 1.2em;}
#lnb > li{margin-bottom: 10px;}
#lnb > li a{display: block;border: 1px solid #ddd;border-radius: 5px;padding: 10px 20px;font-size: 16px;color: #555555;line-height: 24px;text-decoration: none;overflow: hidden;background: #fff;}
#lnb > li:hover a {background-color: #fff8f9;border-color: #e36a7b;color: #333;}
#lnb > li.active a {background-color: #e36a7b;border-color: #e36a7b;color: #fff;}

/* #status{position: absolute;bottom: 20px;right: 0;}
#status > ul > li{display: inline-block;}
#status > ul > li .spr{display: inline-block;vertical-align: middle;margin: 0 10px;color: #999;font-size: 11px;line-height: 11px;}
#status > ul > li a{font-size: 13px;color: #999;text-decoration: none;}
#status > ul > li:last-child a{color: #000;}
#status > ul > li > ul{display: none;} */

/* 약관 내용 출력 박스 */
.policybox{color: #666;font-size: 13px;line-height: 20px;}





/* sub content kyj */
.colPink {color: #f88999 !important;}
.colRed {color: #e81818 !important;}
.colGreen {color: #e81818 !important;}
.colBlue {color: #0096ff !important;}
.colBlack {color: #333333 !important;}
.fwb {font-weight: 700 !important;}

.stit {margin-bottom: 40px;display: flex;flex-direction: column;}
.stit:not(:first-child) {margin-top: 80px;}
.stit > h4 {font-size: 34px;color: #e36a7b;font-weight: 700;line-height: 1.2em;}
.stit > h5 {font-size: 32px;color: #333333;font-weight: 700;line-height: 1.2em;}
.stit > p {margin-top: 10px;font-size: 22px;color: #333333;font-weight: 500;line-height: 1.4em;}
.stit.lbar {position: relative;z-index: 0;padding-left: 30px;}
.stit.lbar:after {display: block;content: '';position: absolute;left: 0;top: 3px;bottom: 5px;width: 2px;background: #f88999;}
.stit.bbar {padding-bottom: 22px;border-bottom: 2px solid #f88999;}
.stit.bbar > h4 {font-size: 32px;color: #333333;}

.stxt1 {font-size: 18px;color: #555555;line-height: 30px;margin-top: 25px;}

#subCont #m_form {z-index: 89;}
/* #subCont #m_form {display: block;position: relative;margin-top: 30px;bottom: auto;left: auto;right: auto;padding: 40px 90px;}
#subCont #m_form .inr {flex-wrap: wrap;height: auto;}
#subCont #m_form .tit {width: 100%;margin-bottom: 35px;} */

#ceo > dl {padding: 63px 90px;background: url('../images/sub/ceo-bg1.jpg') no-repeat 100% 100% / cover;}
#ceo > dl > dt {font-size: 36px;color: #fff;font-weight: 700;line-height: 54px;}
#ceo > dl > dt .colPink {font-size: 36px;font-weight: 700;line-height: 54px;}
#ceo > dl > dd {margin-top: 30px;}
#ceo > dl > dd strong {display: block;font-size: 20px;color: #fff;font-weight: 500;line-height: 34px;}
#ceo > dl > dd p {margin-top: 24px;font-size: 16px;color: #fff;line-height: 28px;}

.step-wrap {border: 10px solid #f2f2f2;padding: 60px 80px;}
.step-wrap > dt {border-bottom: 1px solid #ddd;padding-bottom: 40px;margin-bottom: 60px;display: flex;align-items: flex-end;justify-content: space-between;flex-wrap: wrap;}
.step-wrap > dt h4 {position: relative;z-index: 0;font-size: 34px;color: #333333;font-weight: 700;line-height: 50px;min-height: 50px;padding-left: 70px;}
.step-wrap > dt h4 span {font-size: 34px;color: #333333;font-weight: 700;line-height: 50px;min-height: 50px;}
.step-wrap > dt h4 em {position: absolute;top: 0;left: 0;font-style: normal;width: 50px;height: 50px;line-height: calc(50px - 2px);background: url('../images/sub/icon-q.jpg') no-repeat 50% 50% / contain;text-align: center;font-size: 22px;color: #fff;font-weight: 700;font-family: 'Open sans', sans-serif;}
.step-wrap > dt p {width: 100%;margin-top: 25px;font-size: 18px;line-height: 1.4em;}
.step-wrap .page,
.step-wrap .page span {font-size: 22px;color: #bbbbbb;font-family: 'Open sans', sans-serif;}
.step-wrap .page span {display: inline-block;vertical-align: 0;}
.step-wrap .page span.now {font-weight: 700;color: #f88999;}
.step-wrap legend {position: fixed;top: -9999px;width: 0;height: 0;overflow: hidden;opacity: 0;}
.step-wrap .labs {display: flex;flex-wrap: wrap;margin: -5px;}
.step-wrap .labs > label {margin: 5px;width: calc(100%/2 - 5px*2);position: relative;z-index: 0;}
.step-wrap .labs > label.w33 {width: calc(100%/3 - 5px*2);}
.step-wrap .labs > label input {position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;overflow: hidden;}
.step-wrap .labs > label span {display: block;height: 60px;line-height: calc(60px - 1px*2);border: 1px solid #ddd;text-align: center;font-size: 19px;color: #555555;border-radius: 10px;box-sizing: border-box;}
.step-wrap .labs > label input:checked + span {line-height: calc(60px - 3px*2);border: 3px solid #f88999;color: #f88999;font-weight: 700;background: url('../images/sub/icon-chk-on.jpg') no-repeat calc(100% - 20px) 50%;}
.step-wrap .labs2 {display: flex;flex-wrap: wrap;margin: -8px -20px;}
.step-wrap .labs2 > label {margin: 8px 20px;width: calc(100%/2 - 20px*2);position: relative;z-index: 0;display: flex;justify-content: flex-start;align-items: center;}
.step-wrap .labs2 > label.w33 {width: calc(100%/3 - 20px*2);}
.step-wrap .labs2 > label > *:not(em) {flex-grow: 1;}
.step-wrap .labs2 > label em {font-style: normal;width: 100px;font-size: 19px;color: #333333;font-weight: 700;letter-spacing: -1px;}
.step-wrap .labs2 > label .inp {width: calc(100% - 100px);height: 52px;border: 1px solid #ddd;padding-left: 15px;border-radius: 5px;box-sizing: border-box;}
.step-wrap .labs2 > label .sel {width: 105px;height: 52px;border: 1px solid #ddd;padding-left: 10px;border-radius: 5px;box-sizing: border-box;}
.step-wrap .labs2 > label p {margin: 0 10px;color: #777;font-weight: 300;}
.step-wrap .labs2 > label.tellab .inp {width: 255px;}
.step-wrap .labs2 > label.emaillab .inp {width: 120px;}
.step-wrap .labs2 > label.emaillab .sel {margin-left: 10px;}
.step-wrap .btn1 {font-weight: 600;}
.step-wrap .agree {margin-top: 50px;background: #f8f8f8;padding: 15px 30px;}
.step-wrap .agree label {display: inline-block;vertical-align: 0;font-size: 16px;color: #333333;font-weight: 300;line-height: 1.6em;}
.step-wrap .agree label input {margin-top: 5px !important;}
.step-wrap .agree a {display: inline-block;vertical-align: 0;font-size: 16px;color: #333333;font-weight: 500;line-height: 1.6em;}
.step-wrap .infbox {padding: 50px;background: #fff;margin-bottom: 55px;text-align: center;}
.step-wrap .infbox:after {display: none;}
.step-wrap .infbox strong,
.step-wrap .infbox strong * {font-size: 42px;color: #333333;font-weight: 700;line-height: 1.4em;}
.step-wrap .infbox p {font-size: 18px;color: #333333;font-weight: 300;line-height: 1.4em;margin-top: 20px;}
#program_find.find_end .step-wrap {border: 0px;padding: 95px 200px;background: url('../images/sub/step-bg.jpg') no-repeat 50% 50% / cover;}
#program_find.find_end .step-wrap > dt {margin-bottom: 0;border-bottom: 2px solid #f88999;}
#program_find.find_end .step-wrap > dt > h4 {width: 100%;text-align: center;padding-left: 0;}
#program_find.find_end .step-wrap > dt > *:not(h4) {display: none;}

#member_list .banner {margin: 50px 0 80px;}
.profile-list {display: flex;flex-wrap: wrap;margin: -10px;}
.profile-list > li {margin: 10px;width: calc(100%/2 - 10px*2);position: relative;z-index: 0;display: flex;align-items: center;justify-content: space-between;}
.profile-list > li .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;border: 1px solid #ddd;}
.profile-list > li .tmb {width: 220px;height: 100%;min-height: 250px;background-color: #f1f1f1;background-repeat: no-repeat;background-position: 50% 100%;background-size: contain;}
.profile-list > li .inf {width: calc(100% - 220px);padding: 20px 40px;box-sizing: border-box;}
.profile-list > li .inf > strong {display: block;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 20px;font-size: 24px;color: #333333;font-weight: 700;line-height: 1.4em;}
.profile-list > li .inf > p {font-size: 16px;font-weight: 300;line-height: 24px;}
.profile-list > li .dt {margin-top: 10px;}
.profile-list > li .dt > span {display: block;font-size: 15px;font-weight: 300;line-height: 24px;}
.profile-list > li .dt > span b {display: inline-block;vertical-align: 0;font-size: 15px;color: #333333;font-weight: 500;line-height: 24px;}

.required {font-weight: 700 !important;color: #e81818 !important;}

.from-wrap legend {width: 100%;padding-bottom: 30px;font-size: 32px;color: #333333;font-weight: 700;}
.from-wrap fieldset {margin-bottom: 65px;position: relative;z-index: 0;}
.from-wrap .agree {height: 0;margin-top: -30px;margin-bottom: 30px;display: flex;align-items: flex-end;justify-content: right;}
.from-wrap .agree label {display: inline-block;vertical-align: bottom;}
.from-wrap .agree label input {margin-top: 6px;}
.from-wrap .agree label span {font-size: 17px;color: #333333;font-weight: 500;}
.from-wrap .agree a {min-width: auto;padding: 0 10px;height: 25px;line-height: 23px;border-radius: 3px;font-size: 12px;}
.from-wrap .agree.mt20 {height: auto;margin-bottom: 0;justify-content: left;}
.from-wrap .agree.mt20 > * {vertical-align: middle;}
.from-wrap .inp {border: 1px solid #ddd;padding-left: 20px;box-sizing: border-box;height: 45px;border-radius: 5px;}
.from-wrap .inp[datepicker] {background: url('../images/sub/icon-cal.jpg') no-repeat calc(100% - 10px) 50%;}
.from-wrap .sel {border: 1px solid #ddd;padding-left: 10px;box-sizing: border-box;height: 45px;border-radius: 5px;}
.from-wrap .w33 {width: calc(100%/3);}
.from-wrap .w130px {width: 130px;}
.from-wrap .w140px {width: 140px;}
.from-wrap .w200px {width: 200px;}
.from-wrap .w330px {width: 330px;}
.from-wrap .w380px {width: 380px;}
.from-wrap .btn0 {min-width: 150px;text-align: center;height: 45px;border-radius: 5px;font-size: 16px;}
.tbl-write {width: 100%;border-top: 2px solid #333;}
.tbl-write tr > * {border-bottom: 1px solid #ddd;padding: 10px;}
.tbl-write tr > th {padding-left: 30px;font-size: 17px;color: #333333;font-weight: 500;text-align: left;}
.tbl-write tr > td {font-family: empty;font-size: 0;}
.tbl-write tr > td > * {display: inline-block;vertical-align: middle;margin: 5px;font-family: noto;font-size: 14px;}
.tbl-write .w33 {width: calc(100%/3 - 5px*2);}
.tbl-write .w66 {width: calc(100%/3*2 - 5px*2);}
.tbl-write .w100 {width: calc(100% - 5px*2);}
.tbl-write .w130px {width: calc(130px - 5px*2);}
.tbl-write .w140px {width: calc(140px - 5px*2);}
.tbl-write .w200px {width: calc(200px - 5px*2);}
.tbl-write .w330px {width: calc(330px - 5px*2);}
.tbl-write .w380px {width: calc(380px - 5px*2);}
.tbl-write .labs {border: 0px;padding: 0;margin: -5px calc(-12px + 7px);}
.tbl-write .labs > label {margin: 5px 12px;}
.tbl-write .email .w33 {width: calc(100%/3 - 5px*2 - 20px/3);}
.tbl-write .email p {margin: 5px 0;width: 20px;text-align: center;}
.tbl-write .phone .w33 {width: calc(100%/3 - 5px*2 - 20px/3);}
.tbl-write .phone .w66 {width: calc(100%/3*2 - 5px*2 - 20px/3*2);}
.tbl-write .phone p {margin: 5px 0;width: 20px;text-align: center;}

.labs {border-top: 2px solid #333;border-bottom: 1px solid #ddd;padding: 10px 8px 9px;}
.labs > label {margin: calc(36px/2);}

*:not(td) > .custlab {display: inline-block;vertical-align: 0;position: relative;z-index: 0;}
*:not(td) > .custlab > input {position: absolute;top: 0;left: 0;opacity: 0;}
*:not(td) > .custlab > span {display: block;font-size: 16px;color: #333333;font-weight: 300;position: relative;z-index: 0;}
*:not(td) > .custlab > input[type=radio] + span {padding-left: 26px;}
*:not(td) > .custlab > input[type=radio] + span:after {display: block;content: '';position: absolute;top: 2px;left: 0;width: 16px;height: 16px;border: 1px solid #ddd;border-radius: 50%;;box-sizing: content-box;}
*:not(td) > .custlab > input[type=radio] + span:before {display: none;content: '';position: absolute;top: 6px;left: 4px;z-index: 1;width: 10px;height: 10px;background: #0096ff;border-radius: 50%;;}
*:not(td) > .custlab > input[type=radio]:checked + span:after {border-color: #0096ff;}
*:not(td) > .custlab > input[type=radio]:checked + span:before {display: block;}
*:not(td) > .custlab > input[type=checkbox] + span {padding-left: 26px;}
*:not(td) > .custlab > input[type=checkbox] + span:after {display: block;content: '';position: absolute;top: 2px;left: 0;width: 16px;height: 16px;border: 1px solid #ddd;border-radius: 3px;box-sizing: content-box;}
*:not(td) > .custlab > input[type=checkbox] + span:before {display: none;content: '\e116';position: absolute;top: 4px;left: 3px;z-index: 1;font-family: 'axicon';color: #fff;font-size: 13px;}
*:not(td) > .custlab > input[type=checkbox]:checked + span:after {background: #0096ff;border-color: #0096ff;}
*:not(td) > .custlab > input[type=checkbox]:checked + span:before {display: block;}

.policytoggle {position: relative;z-index: 1;border-top: 2px solid #333;border-bottom: 1px solid #ddd;background: #fff;}
.policytoggle + .policytoggle {position: relative;z-index: 0;margin-top: -2px;}
.policytoggle > dt {background-image: url('../images/sub/icon-minus.jpg');background-repeat: no-repeat;background-position: calc(100% - 30px) 50%;cursor: pointer;}
.policytoggle > dt .custlab {padding: 0 20px;max-width: calc(100% - 120px);height: 80px;display: flex;align-items: center;}
.policytoggle > dd {display: none;overflow: hidden;}
.policytoggle textarea {border: 1px solid #ddd;margin-bottom: -1px;width: 100%;height: 140px;padding: 22px 30px;color: #333;font-weight: 300;line-height: 1.6em;letter-spacing: -1px;}
.policytoggle.on > dt {background-image: url('../images/sub/icon-plus.jpg');}
.policytoggle.on > dd {display: block;}

#membership_login {border: 10px solid #f2f2f2;max-width: 720px;margin: 0 auto;padding: 70px 90px;box-sizing: border-box;}
#membership_login legend {position: fixed;top: -999px;width: 0;height: 0;overflow: hidden;opacity: 0;}
#membership_login .stit {margin-bottom: 30px;}
#membership_login .stit > * {text-align: center;}
#membership_login .stit > h4 {font-size: 28px;color: #333333;font-weight: 700;}
#membership_login .stit > p {margin-top: 15px;font-size: 16px;color: #666666;line-height: 1.4em;}
#membership_login .inp {margin-bottom: 10px;border: 1px solid #ddd;padding-left: 25px;box-sizing: border-box;height: 48px;border-radius: 5px;font-size: 15px;color: #888888;font-weight: 300;}
#membership_login .chkWrap {margin-top: 10px;display: flex;justify-content: space-between;align-items: flex-end;}
#membership_login .findBtn {display: flex;align-items: center;flex-direction: row;}
#membership_login .findBtn > li {display: flex;align-items: center;flex-direction: row;}
#membership_login .findBtn > li:not(:first-child):before {display: block;content: '';width: 1px;height: 12px;background: #c0c0c0;margin: 0 10px;}
#membership_login .findBtn > li a {font-size: 15px;font-weight: 300;}
#membership_login .btnWrap {margin-top: 30px;}
#membership_login .btnWrap > * {width: 100%;margin: 5px 0;height: 52px;line-height: 50px;border-radius: 26px;font-size: 17px;font-weight: 500;}
#membership_login .orline {margin: 60px 0;display: flex;justify-content: center;align-items: center;height: 1px;background: #ddd;}
#membership_login .orline span {background: #fff;padding: 0 10px;font-size: 17px;color: #777777;font-weight: 500;}
#membership_login .smsbtn > * {display: block;width: 100%;border: 0px;margin-top: 10px;}
#membership_login .smsbtn img {max-width: 100%;display: block;margin: 0 auto;}

.recruitment-list {border-top: 2px solid #ddd;}
.recruitment-list > li {padding: 40px 0;border-bottom: 1px solid #ddd;display: flex;justify-content: space-between;align-items: center;}
.recruitment-list > li > .img {width: 280px;padding-bottom: 200px;background-color: #f1f1f1;background-repeat: no-repeat;background-position: 50%;background-size: cover;}
.recruitment-list > li > .inf {width: calc(100% - 280px - 200px - 60px*2);}
.recruitment-list > li > .inf > strong {display: block;font-size: 28px;color: #333333;font-weight: 700;line-height: 1.4em;margin-bottom: 20px;}
.recruitment-list > li > .inf p {margin-top: 5px;font-size: 17px;color: #555555;line-height: 27px;}
.recruitment-list > li > .inf p.dot {padding-left: 15px;position: relative;z-index: 0;}
.recruitment-list > li > .inf p.dot:after {display: block;content: '';width: 2px;height: 2px;background: #555;border-radius: 50%;position: absolute;top: 11px;left: 0;}
.recruitment-list > li > .btn {width: 200px;}
.recruitment-list > li > .btn > .btn4 {width: 100%;height: 62px;line-height: 60px;border-radius: 31px;text-align: center;font-size: 20px;font-weight: 500;}
.recruitment-list > li > .btn > .btn4:hover {background-color: #e36a7b;color: #fff !important;}

.filebox {overflow: hidden;cursor: pointer;}
.filebox .tmb {margin-bottom: 10px;background: #eeeeee;width: 100%;height: 155px;display: flex;justify-content: center;align-items: center;}
.filebox .tmb img {max-width: 100%;max-height: 100%;}
.filebox .btn {display: block;width: 120px;height: 29px;background: #bbb;border-radius: 5px;overflow: hidden;position: relative;z-index: 0;}
.filebox .btn:after {display: block;content: '사진 첨부';line-height: 29px;text-align: center;position: absolute;top: 0;left: 0;right: 0;z-index: -1;color: #fff;}
.filebox .btn input {opacity: 0;width: 100%;height: 100%;}
.filebox:hover .btn {background-color: #222;}

#db_resume .filebox {display:block;width: 120px;margin: 0 auto;}
#db_resume .append-tr .td_last {position: relative;z-index: 0;padding-right: 20px;}
#db_resume .append-tr ._del {margin: 0;position: absolute;top: 50%;right: 0;border: 0px;background: #fff;font-size: 20px;color: #000;transform: translateY(-50%);}
#db_resume .append-tr tr > th {background: #f7f7f7;padding: 15px 10px;font-size: 16px;color: #333333;font-weight: 500;text-align: center;}
#db_resume .append-tr tbody tr > *:not(:first-child) {border-left: 1px solid #ddd;}
#db_resume .append-tr tbody tr > *[rowspan]:first-child {border-right: 1px solid #ddd;}
#db_resume .append-tr tbody tr > th {padding: 10px;}
/* #db_resume .append-tr tbody tr:first-child .td_last {padding-right: 10px;} */
#db_resume .append-tr tbody tr:first-child ._del {display: none;}
#db_resume .append-tr tfoot tr > td {padding: 0;border-bottom: 0;}
#db_resume .append-tr tfoot tr > td .btn4 {margin: 0;width: 100%;margin-top: -1px;height: 45px;line-height: 43px;font-size: 16px;font-weight: 500;}

.plaid .item {display: flex;justify-content: space-between;align-items: center;}
.plaid .item > * {width: 50%;}
.plaid .item > .inf {box-sizing: border-box;}
.plaid .item > .inf > * {display: block;}
.plaid .item > .inf > em {margin-bottom: 10px;font-style: normal;font-family: 'InkLipquid';font-size: 46px;color: #f88999;font-weight: normal;line-height: 36px;}
.plaid .item > .inf > strong {margin-bottom: 45px;}
.plaid .item > .inf > strong,
.plaid .item > .inf > strong * {font-size: 36px;color: #333333;font-weight: 700;line-height: 54px;}
.plaid .item > .inf > p,
.plaid .item > .inf > p * {margin-bottom: 15px;font-size: 18px;font-weight: 300;line-height: 32px;}

.plaid .item:not(:first-child) {margin-top: 80px;}
.plaid .item:nth-child(odd) {flex-direction: row;}
.plaid .item:nth-child(odd) > .inf {padding-left: 85px;}
.plaid .item:nth-child(even) {flex-direction: row-reverse;}
.plaid .item:nth-child(even) > .inf {padding-right: 80px;}

#program_info .banner {margin-bottom: 80px;}
#program_info .banner img {width: 100%;}
#program_info .boxs {margin: calc(21px/-2);display: flex;flex-wrap: wrap;}
#program_info .boxs > li {margin: calc(21px/2);width: calc(100%/4 - 21px);}

.infbox {margin-top: 20px;border: 1px solid #ddd;padding: 20px 20px 20px 60px;position: relative;z-index: 88;}
.infbox:after {display: block;content: '';position: absolute;top: 0;left: 0;background: url('../images/sub/icon-info.jpg') no-repeat 0 0;width: 20px;height: 20px;position: absolute;top: 20px;left: 30px;}

#program_inquiry .boxs {margin: calc(15px/-2);display: flex;flex-wrap: wrap;}
#program_inquiry .boxs > li {margin: calc(15px/2);width: calc(100%/3 - 15px);box-sizing: border-box;border: 1px solid #ddd;padding: 40px 20px;display: flex;justify-content: center;flex-direction: column;align-items: center;}
#program_inquiry .boxs > li strong {margin-top: 30px;font-size: 19px;color: #333333;font-weight: 700;line-height: 19px;}
#program_inquiry .boxs > li p {margin-top: 15px;font-size: 22px;color: #e36a7b;font-weight: 700;font-family: 'Open sans',sans-serif;}
#program_inquiry .boxs > li.tel p {font-size: 36px;}

.recruitment-inf {display: flex;flex-wrap: wrap;margin: -5px;}
.recruitment-inf > li {margin: 5px;width: calc(100%/2 - 5px*2);box-sizing: border-box;border: 1px solid #ddd;padding: 40px;min-height: 160px;display: flex;justify-content: space-between;align-items: center;}
.recruitment-inf > li > img {max-width: 80px;}
.recruitment-inf > li > .inf {width: calc(100% - 80px - 30px);}
.recruitment-inf > li > .inf strong {display: block;font-size: 22px;color: #333333;font-weight: 700;}
.recruitment-inf > li > .inf p {margin-top: 10px;font-size: 16px;color: #555555;line-height: 25px;}
.recruitment-inf > li > .inf p b {display: inline-block;vertical-align: middle;font-size: 16px;color: #333333;font-weight: 500;line-height: 25px;min-width: 70px;margin-right: 10px;}




/* [231113 kyj] 추가작업 */
#ms-btns {border: 1px solid #ddd;padding: 25px;display: flex;justify-content: center;align-items: center;}
#ms-btns > li {margin: 5px;}
#ms-btns > li a {display: block;width: 420px;height: 60px;display: flex;justify-content: center;align-items: center;font-weight: 500;font-size: 17px;letter-spacing: 0;text-decoration: none;}
#ms-btns > li a.kakao {background-color: #fee500;color: #191919;}
#ms-btns > li a.naver {background-color: #03c75a;color: #ffffff;}

.orline {position: relative;z-index: 0;margin: 60px 0;display: flex;justify-content: center;align-items: center;}
.orline:after {display: block;content: '';position: absolute;top: 50%;left: 0;right: 0;z-index: -1;height: 1px;background: #ddd;}
.orline span {font-size: 17px;color: #777777;font-weight: 500;letter-spacing: 0;background: #fff;padding: 0 10px;}


#ctt_con {overflow: hidden;}
#ctt_con .nostyle table {max-width: 100% !important;width: 100% !important;}
#ctt_con .nostyle table tr > * {width: auto !important;font-size: 12px !important;line-height: 16px !important;letter-spacing: -1px !important;}
#ctt_con .nostyle a {word-break: break-all !important;}
#ctt_con .nostyle * {padding-left: 0 !important;padding-right: 0 !important;word-break: break-all !important;}
#ctt_con .nostyle pre {white-space: pre-line !important;}

#ctt {padding-left: 0;padding-right: 0;}





/* [231113 kyj] 수정 */
#sb-write .agree,
#sb-write .agree label {display: flex;align-items: center;justify-content: end;line-height: 20px;}
#sb-write .agree label input {margin: 0 3px 0 0;}
#sb-write .agree a {margin-left: 5px;line-height: 20px;}

.labbox {display: flex;justify-content: space-between;align-items: center;}
.labbox > .labitem {flex-grow: 2;position: relative;z-index: 0;margin-left: -1px;}
.labbox > .labitem input {position: absolute;top: 0;left: 0;opacity: 0;}
.labbox > .labitem label {display: block;border: 1px solid #ccc;height: 40px;line-height: 38px;text-align: center;font-size: 14px;color: #333;position: relative;z-index: 0;background-color: #fff;}
.labbox > .labitem input:checked + label {border-color: #e36a7b;background-color: #e36a7b;color: #fff;z-index: 1;}

#m_form .tit {padding-left: 60px;}
#m_form fieldset .name {width: 90px;padding-left: 10px;}
#m_form fieldset .labbox {margin: 0 5px;}
#m_form fieldset .labbox > .labitem:first-child label {border-radius: 5px 0 0 5px;}
#m_form fieldset .labbox > .labitem:last-child label {border-radius: 0 5px 5px 0;}
#m_form fieldset .labbox > .labitem label {height: 46px;line-height: 44px;padding: 0 5px;}
#m_form fieldset .sel {width: 60px;padding-left: 5px;}
#m_form fieldset .sel.edu {width: 120px;}
#m_form fieldset .tel {width: 205px;padding-left: 10px;margin-left: 0;}
#m_form fieldset .birthdate {margin: 0 5px;border: 0px;width: 80px;background: #fff;height: 46px;border-radius: 5px;padding-left: 10px;color: #777777;font-weight: 300;letter-spacing: -0.045em;}