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

	Respond.css

**************************************************/
/**************************************************
	Setting Device Width
**************************************************/
#_device_pc{display: block;} #_device_ta{display: none;} #_device_mo{display: none;} .__pc{display: block !important;} .__ta{display: none !important;} .__mo{display: none;}
@media screen and (min-width: 750px) and (max-width: 1300px){#_device_pc{display: none;} #_device_ta{display: block;} #_device_mo{display: none;} .__pc{display: none !important;} .__ta{display: block !important;} .__mo{display: none;}}
@media screen and (max-width: 750px){#_device_pc{display: none;} #_device_ta{display: none;} #_device_mo{display: block;} .__pc{display: none !important;} .__ta{display: none;} .__mo{display: block !important;} }

/**************************************************
	아이폰 하이브리드앱에서 노치 겹침현상 방지
    ( 노치 높이 만큼 html에 자동으로 padding 부여 )
**************************************************/
html{
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}
#header{
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}

/**************************
	Shop Default Style
**************************/
@media screen and (max-width: 750px){

    #sb-footer{margin-top: 15px;min-height: 35px;}

    .sb-btnWrap{margin-top: 10px;}
    .sb-btn.type1{padding: 0 5px;min-width: 40px;font-size: 13px;}
    .sb-btn.type1.small{height: 25px;line-height: 23px;padding: 0 5px;font-size: 12px;}
    .sb-btn.type2{padding: 0 5px;min-width: 40px;font-size: 13px;}
    .sb-btn.type1.small{height: 25px;line-height: 23px;padding: 0 5px;font-size: 12px;}

    .sb-no-data{padding: 20px 10px;font-size: 12px;}

}

/**************************************************
	Layout
**************************************************/
@media screen and (min-width: 1300px) and (max-width: 1500px){
    #header .inner {margin: 0 30px;}

    #gnb > li > a {font-size: 16px;letter-spacing: -0.045em;}

    #hd-tel {font-size: 22px;}
    #hd-tel:before {font-size: 14px;vertical-align: 3px;padding-bottom: 3px;}

    #aside {right: 30px;}

    #main #content > .gotop {right: 30px;}

    #footer .inr {width: calc(100% - 30px*2);}

    .fp-viewing-foot #main #content > .gotop {display: none !important;}

    #m_form .inr {margin: 0 30px;}
}
@media screen and (max-width: 1300px){

	html{min-width: 320px;padding-top: 50px;overflow-x: hidden;}
    img{max-width:100%;height: auto;}
    table:not(.tbl-write) tr > *{width: auto !important;}

    #aside {display: none;}

    #header .inner{height: 50px;margin: 0 20px;}
    #header .logo{line-height: 0;height: auto;font-family: empty;font-size: 0;}
    #header .logo img{width: auto;height: 40px;vertical-align: top;}
    #header .rig {display: none;}
    /* #header:after{content: '';display: block;position: absolute;bottom: -1px;width: 100%;height: 1px;background: rgba(0,0,0,0.05);} */

	#gnb{display: none;}
    #tnb{display: none;}

    #hd-lan{display: none;}
    #hd-sch{display: none;}

    #footer {height: auto;}
    #footer .ftWrap {padding: 20px 0 85px;}
    #footer .fnbWrap {padding: 0;}
    #footer address{font-size: 10px;line-height: 13px;color: #b3b3b3;font-style: normal;text-align: center;}
    #footer address hr{display: block;border: none;margin: 0;}
    #footer address .copyright{display: block;margin-top: 10px;font-size: 10px;color: #777777;}

    #footer .gotop {display: none;}

    #ft-tel {display: none;}

    #sns-ico{margin-top: 15px;text-align: center;}
    #sns-ico li{margin: 2px;}
    #sns-ico li img{width: 25px;height: auto;}

    #ft-fam{display: none;}

    #gotop{display: none;}

    #fnb{text-align: center;}
    #fnb > li{display: inline-block;padding: 0 5px;}
    #fnb > li:first-child{padding-left: 0;background: none;}
    #fnb > li a{font-size: 11px;color: #b3b3b3;letter-spacing: -1px;line-height: 35px;}

    #ft-sns-ico {margin-top: 10px;position: static;transform: translateY(0%);justify-content: center;}
    #ft-sns-ico > li {margin: 2px 5px;}

    #slide-btn{top: 50%;margin-top: -8px;display: block;width: 25px;height: 16px;}
    .sub #slide-btn button span,
    .sub #slide-btn button:before,
    .sub #slide-btn button:after{background: #333;}

    #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%;display: block;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;}
    #gnb-mo > li.hidden-gnb{display: none;}
    #gnb-mo li.active > a {color: #e36a7b;}

    #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: 50px;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:not(.fp-viewing-visual, .sub) #header {background: rgba(0,0,0,0.9);}
    body:not(.fp-viewing-visual, .sub) #gnb > li > a {color: #fff;}
    body:not(.fp-viewing-visual, .sub) #tnb > li a {color: #fff;}
    body:not(.fp-viewing-visual, .sub) #hd-tel {color: #fff;}
    body:not(.fp-viewing-visual, .sub) #hd-tel:before {color: #fff;}
    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;}

    .sub #header {background: #fff;}

    /* Site Layer Popup */
    .sp-pop{top: 65px !important;left: 5% !important;width: 90% !important;height: auto !important;}
    .sp-pop .img{position: relative;min-height: 100px;padding-bottom: 30px;}
    .sp-pop .img img{max-width:100%;}
    .sp-pop .btns li{height: 30px;}
    .sp-pop .btns li a,
    .sp-pop .btns li label{line-height: 28px;}

    /* etc */
    .table1 tr > *{font-size: 11px;line-height: 15px;}

    .selectbox select{font-size: 13px;}

    /* .custlab{font-size: 13px;min-width: 70px;}
    .custlab input{display: none;} */

    .btn0{ padding: 0 10px; }
    .btn1{ padding: 0 10px; }
    .btn2{ padding: 0 10px; }
    .btn3{ padding: 0 10px; }
    .btn4{ padding: 0 10px; }
    .btn5{ padding: 0 10px; }
    .btn0.small, .btn1.small, .btn2.small, .btn3.small, .btn4.small, .btn5.small {padding: 0 5px;height: 22px;line-height: 20px;border-radius: 0;font-size: 11px;}
    .btn0.big, .btn1.big, .btn2.big, .btn3.big, .btn4.big, .btn5.big {min-width: auto;height: 40px;line-height: 38px;font-size: 14px;}

    /* 페이징 */
    .pg_wrap {margin-left: -20px;margin-right: -20px;}
    .pg_page,.qa_page {padding:0 2px;min-width: 28px;}
    .pg_current {padding:0 2px;}


}

/**************************************************
	Ajax Popup
**************************************************/
@media screen and (max-width: 1300px){

    #popup{top: 5%;left: 5%;width: 90%;height: 90%;margin-top: 0;margin-left: 0;padding-top: 41px;}
    #popup .pop-tit{height: 40px;padding: 0 10px;}
    #popup .pop-tit h3{font-size: 13px;line-height: 40px;}
    #popup .pop-tit .close{width: 39px;height: 39px;line-height: 39px;font-size: 13px;}
    #popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
    #popup.on{opacity: 1;}

    #popup2{top: 5%;left: 5%;width: auto;max-width: 90%;height: auto;max-height: 90%;margin-top: 0;margin-left: 0;padding-top: 60px;border-radius: 3px;}
    #popup2 .pop-tit{left: 15px;right: 15px;height: 60px;}
    #popup2 .pop-tit h3{font-size: 16px;line-height: 60px;}
    #popup2 .pop-tit .close{top: -25px;right: -20px;font-size: 24px;}
    #popup2 .pop-wrap{padding: 20px 15px;}
    #popup2 .stxt1 {font-size: 14px;font-weight: normal;color: #444;}

    #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;}

    /* sitemap */
    #popup .sitemap > li{width: 49%;}
    #popup .sitemap > li > a{font-size: 12px;line-height: 35px;}
    #popup .sitemap > li ul li a{font-size: 12px;padding: 7px 0;}

    #alert{top: 5%;left: 50%;width: auto;min-width: 288px;max-width: 90%;max-height: 90%;min-height: 10px;transform: translate(-50%,0%);padding-top: 40px;}
    #alert .pop-tit{left: 10px;right: 10px;height: 40px;padding-bottom: 10px;}
    #alert .pop-tit h3{font-size: 14px;}
    #alert .pop-tit p {display: none;}
    #alert .pop-tit .close{right: -10px;font-size: 20px;width: 40px;height: 40px;line-height: 40px;}
    #alert .pop-wrap{height: auto;max-height: calc(100vh - 10vh - 40px - 60px);padding: 10px 0 20px 10px;}
    #alert .btnWrap {margin-top: -5px;height: 60px;}
    #alert .btnWrap > * {margin: 2px;}
    #alert .stxt1 {font-size: 12px;}


    #hd_pop {width: auto;position: static;}
    .hd_pops {position: fixed;top: 5% !important;left: 5% !important;z-index: 1000;max-width:80%;  max-height:80%; box-sizing: border-box;}
    .hd_pops_con {width: auto !important;height: auto !important;}
	.hd_pops_con img {max-height:600px !important; }
	.hd_pops_footer {z-index:80;}

}

/**************************************************
	Main
**************************************************/
@media screen and (min-width: 1300px) and (max-width: 1500px){
    #main #content > .scoll {left: 30px;}

    #m_form .tit {font-size: 0;padding-left: 0;background-size: 0 0;}
    #m_form .tit strong {font-size: 18px;line-height: 1.2em;}
    /* #m_form fieldset .name {width: 160px;}
    #m_form fieldset .tel {width: 220px;}
    #m_form fieldset .sel {width: 110px;} */

    #main .refunds .mtit {margin-left: calc(100%/2 - 1300px/2 + 70px);margin-bottom: 0;width: calc(1300px/2 - 70px);}

    #main .security .maw1300 {margin: 0 calc(100%/2 - 1300px/2 + 70px);}

    #main .process .maw1300 {margin: 0 calc(100%/2 - 1300px/2 + 70px);}
}
@media screen and (max-width: 1300px){

    #fullpage .section:not(.visual, .foot) {padding-top: 40px;}
    .fp-responsive .fp-is-overflow.fp-section {min-height: auto !important;}

    .fp-overflow {max-height: none !important;}
    
    #main #content > .scoll {display: none;}
    
    #main #content > .gotop {display: none;}
    
    #m_form {padding: 2px;display: none;}
    #m_form .inr {height: 50px;}
    #m_form .tit {display: none;font-size: 13px;padding-left: 55px;background-size: 40px auto;}
    #m_form .tit strong {font-size: 16px;}
    #m_form fieldset {flex-wrap: wrap;}
    #m_form fieldset .name {margin: 0 2px 0 0;width: calc(30% - 1px*2);height: 31px;border-radius: 0;padding-left: 5px;font-size: 12px;}
    #m_form fieldset .tel {margin: 0 2px 0 0;width: calc(50% - 1px*2);height: 31px;border-radius: 0;padding-left: 5px;font-size: 12px;}
    #m_form fieldset .sel {margin: 0 2px 0 0;width: calc(20% - 1px*2);height: 31px;border-radius: 0;padding-left: 5px;font-size: 12px;}
    #m_form .agree {width: 100%;margin-top: 3px;}
    #m_form .agree label {display: inline-block;vertical-align: middle;margin-left: 0;font-size: 12px;}
    #m_form .agree label input {margin: 2px 0 0 0;}
    #m_form .agree a {display: inline-block;vertical-align: middle;margin-left: 10px;font-size: 12px;}
    #m_form .sbm {width: 90px;height: 50px;border-radius: 0;font-size: 12px;}

    #mo-bot-btns {display: block;display: flex;flex-wrap: wrap;position: fixed;bottom: 0;left: 0;right: 0;z-index: 77;}
    #mo-bot-btns > * {width: calc(100%/3);height: 55px;line-height: 55px;text-align: center;font-size: 14px;color: #fff;font-weight: 500;letter-spacing: -1px;}
    #mo-bot-btns > .pink {background: #6C320A;}
    #mo-bot-btns > .sky {background: #1A2B5C;}
    #mo-bot-btns > .yellow {background: #F5D305;color: #270b1a;}

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

    #main .visual{height: auto !important;}
    #main .visual .fp-overflow {margin-bottom: 0;height: auto;}
    #main .visual .roll .item img{display: block;width: 100%;}
    #main .visual .bot {position: static;}
    #main .visual .slogan img {animation: img_scale 4s infinite ease-out;max-height: 40px;}
    #main .visual .slogan strong {font-size: 45px;line-height: 1.2em;position: absolute;top: 56%;left: 50%;transform: translate(-50%, 50%);width: calc(100% - 20px);text-align: center;}
    #main .visual .vis-control {margin-top: 0;position: absolute;bottom: 20px;left: 20px;right: 20px;}
    #main .visual .vis-control .prev {margin-right: 10px;}
    #main .visual .vis-control .next {margin-left: 10px;}
    #main .visual .vis-control button {margin: 0 5px;}
    #main .visual .vis-control button p {font-size: 16px;}
    #main .visual .vis-control button span {height: 2px;margin-left: 10px;}
    #main .visual .vis-control button.on span {width: 40px;}
    @keyframes img_scale {
        0% {transform: translate(-50%, 50%) scale(1);}
        25% {transform: translate(-50%, 50%) scale(1.03);}
        40% {transform: translate(-50%, 50%) scale(1);}
    }

    #main .refunds {padding: 40px 20px;background-size: 0 0;}
    #main .refunds .mtit {margin-left: 0;width: auto;}
    #main .refunds .mtit > p {font-size: 18px;}
    #main .refunds .mtit > a {margin: 20px 0 0;}

    #main .matching {padding: 40px 20px;}

    #main .security {padding: 40px 20px;}
    #main .security .boxs {margin: -2px;}
    #main .security .boxs > li {margin: 2px;width: calc(100% - 2px*2);padding: 20px;flex-direction: column;}
    #main .security .boxs > li .img {margin-right: 0;margin-bottom: 15px;max-height: 80px;}
    #main .security .boxs > li .inf {width: 100%;}
    #main .security .boxs > li .inf > span {font-size: 12px;}
    #main .security .boxs > li .inf > strong {margin-top: 10px;font-size: 18px;line-height: 1.6em;}
    #main .security .boxs > li .inf > p {margin-top: 10px;font-size: 14px;font-weight: normal;line-height: 1.6em;}

    #main .process {padding: 40px 20px;}
    #main .process .boxs {margin: -2px;}
    #main .process .boxs > li {margin: 2px;width: calc(100% - 2px*2);height: auto;display: block;}
    #main .process .boxs > li h4 {font-size: 18px;line-height: 1.2em;}
    #main .process .boxs > li:not(.gosite) h4 {display: none;}
    #main .process .boxs > li .hov {padding: 20px;opacity: 1;position: static;border: 0;background: rgba(0,0,0,0.2);}
    #main .process .boxs > li .hov > dt {font-size: 18px;line-height: 1.2em;}
    #main .process .boxs > li .hov > dt > em {font-size: 12px;}
    #main .process .boxs > li .hov > dd {margin-top: 10px;font-size: 12px;line-height: 1.4em;}
    #main .process .boxs > li.gosite {padding: 20px;}
    #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: 20px;}
    .mtit > h3 {font-size: 24px;line-height: 1.4em;}
    .mtit > p {margin-top: 15px;font-size: 14px;font-weight: normal;}
    .mtit > a {margin: 15px auto 0;width: 120px;height: 35px;border: 1px solid #fff;line-height: 33px;font-size: 14px;border-radius: calc(35px/2);}

}

/* 아이패드 에어 */
@media screen and (min-width: 800px) and (max-width: 1300px){
    #main .visual{height: 100vh !important;}
    #main .visual .fp-overflow {margin-bottom: 55px;height: calc(100% - 55px);}
    #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 .slogan strong {font-size: 72px;line-height: 72px;}

    #main .refunds {padding-bottom: calc(40px + 55px + 10px);}

}

/* 갤럭시플립 & 아이폰 에서 텍스트 페이징 한줄로 노출 */
@media screen and (max-width: 374px){
    #main .matching .mtit > h3 {font-size: 20px;}
    .pg_page, .qa_page, .pg_current {padding: 0;min-width: 24px;font-size: 12px;}
}


/**************************************************
	Sub
**************************************************/
@media screen and (min-width: 1300px) and (max-width: 1500px){
    #sub #content{ margin: 80px 30px 100px;justify-content: space-between; }
    #sub .lnbWrap,
    #sub .lnbWrap .inr {width: 200px;}
    #sub .lnbWrap{margin: 0;min-height: 50vh;}
    #sub .lnbWrap.fix .inr {top: calc(80px + 20px);}
    #sub #subCont{width: calc(100% - 200px - 30px);}

}
@media screen and (max-width: 1300px){

    #sub #content{ margin: 40px 20px; }
    #sub .lnbWrap{display: none;}
    #sub #subCont{width: 100%;}

    #sub .sub-vis{height: 120px;padding-top: 0;}
    #sub .sub-vis h2{font-size: 20px;}
    #sub .sub-vis h2 em{margin-top: 5px;font-size: 11px;}

    #sub .sub-tit{margin-bottom: 20px;}
    #sub .sub-tit h3{font-size: 24px;}
    #sub .sub-tit p {margin-top: 10px;font-size: 12px;line-height: 1.4em;}

    .lnbWrap{display: none;}

    #status{display: none;}

    /* 게시판 에디터 */
    .se-component-content {padding-left: 0 !important;padding-right: 0 !important;}
    #sb-view .memoWrap {padding-left: 0 !important;padding-right: 0 !important;}

    /* 마이페이지 */
    .tblWrap{overflow-x: scroll;}
    .tblWrap table{min-width: 700px;table-layout: auto;}
    .tblWrap table tr > *{width: auto;}

    #smb_my_ov .my_ov_name{line-height:20px;padding:15px;font-size:14px;}
    #smb_my_act {position:static;}
    #smb_my_act{position: absolute;top: 15px;right: 15px;float:none;margin:0;padding:0;list-style:none}
    #smb_my_act li {float:none;display: inline-block;vertical-align: top;margin: 0;margin-left: 2px;}
    #smb_my_act li a{font-size: 13px;letter-spacing: -1px;}
    #smb_my_act li .btn_admin{display: none;}
    #smb_my_ov .cou_pt{position:static;text-align: center;border: 1px solid #ccc;border-width: 0 1px 0 1px;}
    #smb_my_ov .cou_pt dt:first-child{margin-left: 0;}
    #smb_my_ov .cou_pt dt{display: inline-block;vertical-align: top;float:none;width:auto;line-height: 25px;margin-right: 5px;margin-left: 15px;font-size: 13px;}
    #smb_my_ov .cou_pt dd{display: inline-block;vertical-align: top;float:none;width:auto;line-height: 25px;text-align:left;padding:0;margin-right: 5px;font-size: 13px;}
    #smb_my_ov .cou_pt dd a{color:#000;font-weight:bold;font-size:1.167em}
    #smb_my_ov .op_area{border-top: 1px solid #ddd;display: block !important;}
    #smb_my_ov .op_area:after {display:block;visibility:hidden;clear:both;content:"";}
    #smb_my_ov .op_area dt{width:30%;}
    #smb_my_ov .op_area dd{width:70% !important;}
    .my_ov_btn{display: none;}

    .smb_my_more a{font-size: 13px;letter-spacing: -1px;}

    .list_02 ul{margin: -2px;}
    .list_02 li{margin: 2px;width: calc(50% - 4px);}
    .list_02 li img{margin-bottom: 10px;}
    .list_02 li .smb_my_tit a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


    /* sub content kyj */
    .stit {margin-bottom: 20px;}
    .stit:not(:first-child) {margin-top: 40px;}
    .stit > h4 {font-size: 24px;}
    .stit > h5 {font-size: 24px;}
    .stit > p {margin-top: 5px;font-size: 18px;}
    .stit.lbar {padding-left: 20px;}
    .stit.lbar:after {top: 2px;bottom: 4px;}
    .stit.bbar {padding-bottom: 15px;}
    .stit.bbar > h4 {font-size: 24px;}

    .stxt1 {font-size: 14px;line-height: 1.6em;margin-top: 15px;}
    
    #subCont #m_form {display: none;margin-top: 0;padding: 40px 20px;}
    #subCont #m_form .tit {display: block;margin-bottom: 10px;}
    #subCont #m_form fieldset .name {width: 100%;margin-bottom: 2px;}
    #subCont #m_form fieldset .tel {width: calc(100% - 1px*2 - 20%);}
    #subCont #m_form fieldset .agree {justify-content: right;}
    #subCont #m_form .sbm {width: 100%;height: 35px;margin-top: 8px;padding-bottom: 3px;font-size: 13px;}

    #ceo {margin: 0 -20px -40px;background: url('../images/sub/ceo-bg1.jpg') no-repeat 100% 100% / cover;}
    #ceo > dl {padding: 40px 20px;background-color: rgba(0,0,0,0.72);background-size: 0 0;}
    #ceo > dl > dt {font-size: 24px;line-height: 1.2em;}
    #ceo > dl > dt .colPink {font-size: 24px;line-height: 1.2em;}
    #ceo > dl > dd {margin-top: 20px;}
    #ceo > dl > dd strong {font-size: 18px;line-height: 1.6em;}
    #ceo > dl > dd p {margin-top: 10px;font-size: 14px;line-height: 1.6em;}

    .step-wrap {padding: 20px 10px;margin: 0 -20px -40px;}
    .step-wrap > dt {padding-bottom: 20px;margin-bottom: 20px;}
    .step-wrap > dt h4 {width: calc(100% - 60px);font-size: 18px;line-height: 22px;min-height: 22px;padding-left: 0;}
    .step-wrap > dt h4 span {font-size: 18px;line-height: 22px;min-height: 22px;}
    .step-wrap > dt h4 em {display: block;margin-bottom: 5px;position: static;width: 30px;height: 30px;line-height: 30px;font-size: 14px;}
    .step-wrap > dt p {margin-top: 10px;font-size: 12px;}
    .step-wrap .page {width: 60px;text-align: right;}
    .step-wrap .page,
    .step-wrap .page span {font-size: 14px;}
    .step-wrap .labs {margin: -2px;}
    .step-wrap .labs > label {margin: 2px;width: calc(100%/2 - 2px*2);}
    .step-wrap .labs > label.w33 {width: calc(100%/3 - 2px*2);}
    .step-wrap .labs > label span {height: 50px;line-height: calc(50px - 1px*2);font-size: 14px;border-radius: 5px;}
    .step-wrap .labs > label input:checked + span {line-height: calc(50px - 3px*2);border: 2px solid #f88999;background-position: calc(100% - 10px) 50%;background-size: 0 0;}
    .step-wrap .labs2 {margin: -2px -10px;}
    .step-wrap .labs2 > label {margin: 2px 10px;width: calc(100% - 10px*2);}
    .step-wrap .labs2 > label.w33 {width: calc(100% - 10px*2);}
    .step-wrap .labs2 > label em {width: 60px;font-size: 14px;}
    .step-wrap .labs2 > label .inp {width: calc(100% - 60px);height: 35px;padding-left: 10px;}
    .step-wrap .labs2 > label .sel {width: 60px;height: 35px;padding-left: 5px;flex-grow: initial;}
    .step-wrap .labs2 > label p {margin: 0 5px;font-size: 12px;text-align: center;}
    .step-wrap .labs2 > label.tellab .inp {width: calc(100% - 60px - 70px);}
    .step-wrap .labs2 > label.emaillab .inp {width: calc(100%/2 - 75px/2 - 95px/2);}
    .step-wrap .labs2 > label.emaillab .sel {width: 90px;margin-left: 2px;}
    .step-wrap .agree {margin-top: 20px;padding: 10px;}
    .step-wrap .agree label {font-size: 14px;}
    .step-wrap .agree label input {margin-top: 4px !important;}
    .step-wrap .agree a {font-size: 14px;}
    .step-wrap .infbox {padding: 10px;margin-bottom: 20px;}
    .step-wrap .infbox strong,
    .step-wrap .infbox strong * {font-size: 18px;}
    .step-wrap .infbox p {font-size: 14px;margin-top: 10px;}
    #program_find.find_end .step-wrap {padding: 30px 20px;}
    #program_find.find_end .step-wrap > dt {margin-bottom: 0;padding-bottom: 15px;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: 20px 0 40px;}
    .profile-list {margin: -2px;}
    .profile-list > li {margin: 2px;width: calc(100%/2 - 2px*2);justify-content: flex-start;flex-direction: column;}
    .profile-list > li .tmb {width: 100%;height: 0;padding-bottom: 113.63%;min-height: 0;}
    .profile-list > li .inf {width: 100%;padding: 10px;}
    .profile-list > li .inf > strong {padding-bottom: 10px;margin-bottom: 10px;font-size: 18px;}
    .profile-list > li .inf > p {font-size: 14px;line-height: 1.6em;}
    .profile-list > li .dt > span {font-size: 12px;font-weight: normal;line-height: 1.4em;}
    .profile-list > li .dt > span b {font-size: 12px;line-height: 1.4em;}

    .from-wrap legend {margin-bottom: 10px;padding-bottom: 0;font-size: 18px;}
    .from-wrap fieldset {margin-bottom: 40px;}
    .from-wrap .agree {margin-top: -15px;margin-bottom: 15px;margin-top: -8px;}
    .from-wrap .agree label input {margin: 0;}
    .from-wrap .agree label span {font-size: 12px;line-height: 22px;}
    .from-wrap .agree label > input[type=checkbox] + span:before {line-height: 14px;left: 2px;}
    .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 {align-items: center;}
    .from-wrap .inp {padding-left: 10px;height: 35px;}
    .from-wrap .inp[datepicker] {background-position: calc(100% - 5px) 50%;}
    .from-wrap .sel {padding-left: 5px;height: 35px;}
    .from-wrap .w130px {width: calc(100% - 5px*2 - 20px);}
    .from-wrap .w140px {width: calc(100% - 5px*2 - 20px);}
    .from-wrap .w200px {width: calc(100% - 5px*2 - 20px);}
    .from-wrap .w330px {width: calc(100% - 5px*2 - 20px);}
    .from-wrap .w380px {width: calc(100% - 5px*2 - 20px);}
    .from-wrap .btn0 {min-width: auto;height: 35px;font-size: 12px;}
    .tbl-write colgroup {display: none;}
    .tbl-write tr > * {padding: 10px 1px;}
    .tbl-write tr > th {padding-left: 1px;font-size: 12px;}
    .tbl-write tr > th:first-child {min-width: 70px;}
    .tbl-write tr > td > * {font-size: 12px;margin: 2px;}
    .tbl-write .w33 {width: calc(100%/3 - 2px*2);}
    .tbl-write .w66 {width: calc(100%/3*2 - 2px*2);}
    .tbl-write .w100 {width: calc(100% - 2px*2);}
    .tbl-write .w130px {width: calc(100% - 5px*2 - 20px);}
    .tbl-write .w140px {width: calc(100% - 5px*2 - 20px - 67px);}
    .tbl-write .w200px {width: calc(100% - 5px*2 - 20px);}
    .tbl-write .w330px {width: calc(100% - 5px*2);}
    .tbl-write .w380px {width: calc(100% - 5px*2 - 20px - 80px);}
    .tbl-write .labs {margin: -2px calc(-10px + 7px);}
    .tbl-write .labs > label {margin: 2px 10px;}
    .tbl-write .email .w33 {width: calc(100% - 5px*2 - 20px);}
    .tbl-write .phone .w33 {width: calc(100% - 5px*2 - 20px);}
    .tbl-write .phone .w66 {width: calc(100% - 5px*2 - 20px);}
    .tbl-write .phone p {margin: 2px 0;}
    .tbl-write .phone .w140px {width: calc(100%/3 - 7px);}
    .tbl-write .phone .w140px + p {width: auto;}

    .labs {padding: 5px 0;}
    .labs > label {margin: 5px 10px;}

    *:not(td) > .custlab > span {font-size: 14px;}

    .policytoggle > dt {background-position: calc(100% - 10px) 50%;background-size: calc(21px/2) auto;}
    .policytoggle > dt .custlab {padding: 0;max-width: calc(100% - 80px);height: 40px;}
    .policytoggle textarea {height: 90px;padding: 10px;font-size: 12px;}

    .stxt1.mt-45 > img {max-height: 26px;}

    #membership_login {border: 5px solid #f2f2f2;max-width: none;padding: 20px 10px;}

    /* .recruitment-list > li {padding: 20px 0;flex-direction: column;}
    .recruitment-list > li > .img {width: 100%;padding-bottom: 71.42%;}
    .recruitment-list > li > .inf {width: 100%;margin-top: 10px;}
    .recruitment-list > li > .inf > strong {font-size: 18px;margin-bottom: 10px;}
    .recruitment-list > li > .inf p {font-size: 14px;line-height: 1.6em;}
    .recruitment-list > li > .inf p.dot {padding-left: 10px;}
    .recruitment-list > li > .inf p.dot:after {top: 9px;}
    .recruitment-list > li > .btn {width: 100%;margin-top: 15px;}
    .recruitment-list > li > .btn > .btn4 {height: 35px;line-height: 33px;border-radius: 5px;font-size: 14px;}
    .recruitment-list > li > .btn > .btn4:hover {background-color: #e36a7b;color: #fff !important;} */

    #db_resume .filebox {max-width: 100%;}
    #db_resume .tbl-write tr {display: flex;flex-wrap: wrap;}
    #db_resume .tbl-write tr > * {box-sizing: border-box;}
    #db_resume .tbl-write tr > *[rowspan] {width: 100%;}
    #db_resume .tbl-write tr > th {width: 100px;line-height: 35px;}
    #db_resume .tbl-write tr > td {width: calc(100% - 100px);}
    #db_resume .tbl-write .labs {margin-top: 4px;}
    #db_resume .append-tr tr > * {border-left: 0 !important;}
    #db_resume .append-tr .inp[datepicker] {width: calc(100%/2 - 10px);}
    #db_resume .append-tr tr > th {padding: 5px 2px;font-size: 12px;line-height: 18px;}
    #db_resume .append-tr thead {display: none;}
    #db_resume .append-tr tbody tr > * {padding: 5px 2px;width: 100%;}
    #db_resume .append-tr tfoot tr > * {padding: 5px 2px;width: 100%;}
    #db_resume .append-tr tfoot tr > td .btn4 {position: relative;z-index: 1;height: 35px;line-height: 33px;font-size: 14px;}
    #db_resume .append-tr tr:first-child .td_last {padding-right: 0;}

    .plaid .item > * {width: auto;max-width: 100%;display: block;margin: 0 auto;}
    .plaid .item > .inf {margin-top: 20px;}
    .plaid .item > .inf > em {margin-bottom: 0;font-size: 24px;line-height: 24px;}
    .plaid .item > .inf > strong {margin-bottom: 20px;}
    .plaid .item > .inf > strong,
    .plaid .item > .inf > strong * {font-size: 24px;line-height: 1.4em;}
    .plaid .item > .inf > p,
    .plaid .item > .inf > p * {margin-bottom: 10px;font-size: 14px;font-weight: normal;line-height: 1.6em;}

    .plaid .item:not(:first-child) {margin-top: 40px;}
    .plaid .item:nth-child(odd) {flex-direction: column;}
    .plaid .item:nth-child(odd) > .inf {padding-left: 0;}
    .plaid .item:nth-child(even) {flex-direction: column;}
    .plaid .item:nth-child(even) > .inf {padding-right: 0;}

    #program_info .banner {margin-bottom: 20px;}
    /* #program_info .boxs {margin: -2px;}
    #program_info .boxs > li {margin: 2px;width: calc(100%/2 - 2px*2);} */
    #program_info .boxs {justify-content: center;margin: -2px;}
    #program_info .boxs > li {margin: 2px;width: auto !important;}
    #program_info .boxs > li img {margin: 0 auto;display: block;max-width: 100%;}

    .infbox {margin-top: 10px;padding: 10px 10px 10px 30px;}
    .infbox:after {width: 14px;height: 14px;top: 12px;left: 10px;background-size: contain;}

    #program_inquiry .boxs {margin: -5px;justify-content: center;}
    #program_inquiry .boxs > li {margin: 5px;width: calc(100% - 5px*2);padding: 20px 10px;}
    #program_inquiry .boxs > li img {max-height: 50px;}
    #program_inquiry .boxs > li strong {margin-top: 20px;font-size: 18px;line-height: 1.4em;}
    #program_inquiry .boxs > li p {margin-top: 10px;font-size: 14px;}
    #program_inquiry .boxs > li.tel p {font-size: 18px;}

    .recruitment-inf > li {width: calc(100% - 5px*2);padding: 10px;min-height: auto;}
    .recruitment-inf > li > img {max-width: 50px;}
    .recruitment-inf > li > .inf {width: calc(100% - 50px - 10px);}
    .recruitment-inf > li > .inf strong {font-size: 18px;}
    .recruitment-inf > li > .inf p {margin-top: 5px;font-size: 14px;line-height: 1.6em;}
    .recruitment-inf > li > .inf p b {font-size: 14px;line-height: 1.6em;line-height: 1.6em;min-width: auto;}






    /* [231110 kyj] */
    #membership-wrap .tbl-write tr > td {position: relative;z-index: 0;}
    #win_hp_cert {position: absolute;top: 12px;left: calc(100% - 5px*2 - 20px - 80px + 2px);}



    /* [231113 kyj] 추가작업 */
    #ms-btns {padding: 15px;flex-wrap: wrap;}
    #ms-btns > li {margin: 3px 0;width: 100%;}
    #ms-btns > li a {width: 100%;height: 40px;font-size: 14px;}
    
    .orline {margin: 40px 0;}
    .orline span {font-size: 16px;color: #444444;}


    .mt-45 {margin-top: -30px !important;}



    /* [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;}


}

@media screen and (min-width: 750px) and (max-width: 1188px){
    #program_info .boxs > li {width: calc(100%/4 - 2px*2) !important;}
    #program_info .boxs > li img {width: 100%;}
}
@media screen and (max-width: 750px){
    #program_info .boxs > li {width: calc(100%/2 - 2px*2) !important;}
    #program_info .boxs > li img {width: 100%;}
}

/* 아이패드 에어 */
@media screen and (min-width: 800px) and (max-width: 1300px){

    .profile-list > li {width: calc(100%/3 - 2px*2);}

    .recruitment-list > li {position: relative;z-index: 0;padding-left: calc(280px + 30px);overflow: hidden;}
    .recruitment-list > li > .img {position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
    .recruitment-list > li > .inf {width: calc(100% - 30px*2 - 130px);}
    .recruitment-list > li > .btn {width: 130px;}
    .recruitment-list > li > .btn > .btn4 {height: 40px;line-height: 40px;border-radius: 20px;font-size: 16px;}

}
/* @media screen and (min-width: 400px) and (max-width: 800px){
    .recruitment-list > li > .img {width: 100%;padding-bottom: 250px;background-size: contain;}
} */
@media screen and (max-width: 799px){
    .recruitment-list > li {padding: 20px 0;flex-direction: column;}
    .recruitment-list > li > .img {width: 100%;padding-bottom: 71.42%;/* padding-bottom: 113.63%; */}
    .recruitment-list > li > .inf {width: 100%;margin-top: 10px;}
    .recruitment-list > li > .inf > strong {font-size: 18px;margin-bottom: 10px;}
    .recruitment-list > li > .inf p {font-size: 14px;line-height: 1.6em;}
    .recruitment-list > li > .inf p.dot {padding-left: 10px;}
    .recruitment-list > li > .inf p.dot:after {top: 9px;}
    .recruitment-list > li > .btn {width: 100%;margin-top: 15px;}
    .recruitment-list > li > .btn > .btn4 {height: 35px;line-height: 33px;border-radius: 5px;font-size: 14px;}
    .recruitment-list > li > .btn > .btn4:hover {background-color: #e36a7b;color: #fff !important;}
}