@charset "utf-8";

/* [ SEC 공통 ] */
.sub{overflow: hidden;}
.sub_cont{min-height: 900px;}
.sec {padding: 120px 0;}
.sec .box_cont{display: flex; align-items: center; justify-content: flex-start; flex-flow: row wrap;}
.sec .box_cont .box{position: relative; border:1px solid rgba(255,255,255,0); box-sizing: border-box; border:1px solid #ddd; margin-bottom:40px; -webkit-transition: all .4s 0s; -o-transition: all .4s 0s; transition: all .4s 0s; cursor:pointer;margin: 1%;
width: 31.3%;}
/* img */
.sec .cont .box .disc{background:#3131dd; color: #FFF; padding:5px 8px; font-size:13px; position: static; font-weight: 500; box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 5%); width: fit-content; margin-bottom: 5px;}
/* txt */
.sec .b_tit{border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 0 15px 20px;}
.sec .b_tit > p{font-size: 20px; font-weight: 600; position: relative; padding-left: 35px;}
.sec .b_tit > p::before{position: absolute; content: ""; width:20px; height: 18px; background: url(/resources/img/main/tit_ico.png) no-repeat top center/cover; top:50%; left: 0; transform: translateY(-50%);}
.sec .b_txt{color: #666; padding: 25px; box-sizing: border-box;}
.sec .b_txt p{line-height: 150%;}
.sec .basic2 li{margin-bottom:5px; margin-left: 20px;}

.sec .cont .box .tit{padding:20px 25px 40px; box-sizing: border-box; background:#fff;}
.sec .cont .box .tit p{line-height: 1.5;}
.sec .cont .box .kor_tit::before{position: absolute; display: block; opacity: 0; content: ""; top: 0; right:0; background:url(/resources/img/main/hover_arw.png)no-repeat 50% 50%/cover; width: 17px; height:17px; animation: arrowHide 0.8s forwards; opacity: 0; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear;}
.sec .cont .box .kor_tit{position: relative; font-size: 20px; font-weight: 600;}
/* hover */
.sec .cont .box:hover{border: 1px solid #3131dd;}
.sec .cont .box:hover .kor_tit::before{-webkit-animation: arrowShow 0.8s forwards; animation: arrowShow 0.8s forwards; opacity: 1;}
@-webkit-keyframes arrowHide {
0% {-webkit-transform: translatex(0px) translatey(0px);transform: translatex(0px) translatey(0px);}
100% {-webkit-transform:translatex(-8px) translatey(8px);transform:translatex(-8px) translatey(8px);}
}
@keyframes arrowHide {
0% {-webkit-transform: translatex(0px) translatey(0px);transform: translatex(0px) translatey(0px);}
100% {-webkit-transform:translatex(-8px) translatey(8px);transform:translatex(-8px) translatey(8px);}
}
@-webkit-keyframes arrowShow {
0% {-webkit-transform:translatex(-8px) translatey(8px);transform:translatex(-8px) translatey(8px); opacity: 0;}
100% {-webkit-transform: translatex(0px) translatey(0px);transform: translatex(0px) translatey(0px); opacity: 1;}
}
@keyframes arrowShow {
0% {-webkit-transform:translatex(-8px) translatey(8px);transform:translatex(-8px) translatey(8px); opacity: 0;}
100% {-webkit-transform: translatex(0px) translatey(0px);transform: translatex(0px) translatey(0px); opacity: 1;}
}

/* 스크롤 막기 CSS */
.notScroll {overflow: hidden;width: 100%;height: 100vh;touch-action:none;}
/* colored */
.red{color:#3131dd;}
.wh{color: #fff;}
/* text_style */
.sec_tit{text-align:center;}
.sec_tit .s_txt{font-size: 14px; font-weight: 800;}
.sec_tit .s_tit{font-size: 38px; line-height: 1.5; font-weight: 500; margin-bottom: 50px;}



/* [ layer popup ] */
.dim {display:none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.6); z-index: 1000;}
.dim.open {display: block;}

.popup {display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001;}
.popup.open {display: block;}
.popup .inner {height: 100%;}
.popup .pop_wrap {background: #fff; position: absolute; width: 98%; max-width: 768px; height:90%; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 30px; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; position: relative; }
.popup p{line-height: 150%;}
.popup .disc{width:fit-content; box-sizing: border-box; margin-bottom:0; margin-left: 10px; background:#3131dd; color: #FFF; padding: 5px 8px; font-size: 13px; font-weight: 500; box-shadow: 2px 2px 8px 0px rgb(0 0 0 / 20%);}
.popup .title{display: flex; align-items: center;}
.popup .eng_tit{font-size: 16px;}
.popup .kor_tit{font-size: 24px; font-weight: 600;}
.popup .close {position: absolute; right: 30px; top:30px; width:30px; height:30px; cursor: pointer;}
.popup .close span {display: block; background-color: #333; position: absolute; width: 2px; height: 30px; top: 0; left: 50%; transform: rotate(45deg);}
.popup .close span:last-child {transform: rotate(-45deg);}

.popup .pop_wrap::-webkit-scrollbar{background:#fff; width: 5px; height: 8px;}
.popup .pop_wrap::-webkit-scrollbar-thumb{background:rgba(236,0,0,0.2); border-radius:20px; margin-right: 10px;}

.popup .cont {box-sizing: border-box;}
.popup .cont::-webkit-scrollbar {width: 8px;}
.popup .cont::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 5px;}
.popup .cont::-webkit-scrollbar-track {background-color: #eee;}
/* tab */
ul.tabs{position: relative; top: 0; display: flex; justify-content: space-between; margin-top: 10px; width: 100%; border-bottom: 1px solid #ddd; text-align: center;}
ul.tabs li{display: flex;align-items: center;justify-content: center; box-sizing: border-box; flex:1; padding: 10px; font-size: 16px; font-weight: 600; color: #717171; cursor: pointer; -webkit-transition: all .4s 0s; -o-transition: all .4s 0s; transition: all .4s 0s;}
ul.tabs li.current{ border-bottom:1px solid #3131dd; color: #3131dd; -webkit-transition: all .4s 0s; -o-transition: all .4s 0s; transition: all .4s 0s;}
ul.tabs li:hover{color: #111;}
ul.tabs li.current:hover{color:#3131dd}
/* tab_cont */
.popup .tab-content{display: none; box-sizing: border-box;}
.popup .tab-content.current{display: inherit;}
.popup .tab_cont{padding: 15px 0; box-sizing: border-box;}
.popup .tab_cont .tab_txt{margin-top: 15px;}
.popup .tab_cont .tab_txt > p{line-height: 1.8; color: #666; display:block;}
.popup .tab_cont .tab_txt .ti{font-weight: 500; padding-right: 10px; margin-right: 8px; position: relative; color: #333; display: inline-block;}
.popup .tab_cont .tab_txt .ti::before{position: absolute; top: 50%; right:0; transform: translateY(-50%); content: ""; width: 1px; height: 70%; background:#666}
.popup .tab_cont .tab_txt .tx > a{color: #666; display: inline-block; word-break: keep-all;}
.popup .tab_cont .tab_txt .submit{width: 200px; height: 40px; margin: 20px auto 0; font-size: 15px;}
.popup .tab_cont .tab_txt .submit::before{background:#3131dd}
.popup .tab_cont .tab_txt .submit p{line-height: 39px;}
.popup .tab_cont .tab_txt .submit:hover{border: 1px solid #3131dd;}
.popup .tab_cont .tab_txt .submit:hover p{color: #3131dd;}



/* gallery */
.popup .tab_cont #gallery{width: 100%;}
.popup .tab_cont #lightSlider li img{ width:100%; height:337px !important;}
.popup .tab_cont .lSSlideOuter .lSPager .active{border: 2px solid #3131dd; box-sizing: border-box;}
.popup .tab_cont .lSSlideOuter .lSPager.lSGallery li{border-radius: 0;}
.lSAction .custom-prev-html, .lSAction .custom-next-html{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); padding-top:0 !important;}
.lSAction > a{bottom: 0 !important; height: 100% !important;}
/* map */
.tab_cont #map{width: 100%; height: 450px;}
.popup .tab_cont #map iframe{width: 100%;}
.sec .cont .box .btn-more{display:none;}



/* responsive */
@media screen and (max-width:1800px){
/* [ layer popup ] */
.popup .pop_wrap{padding: 20px; width: 80%; height: 80%;}

}

@media screen and (max-width:1024px){
/* [ 공통 ] */
.sec_tit .s_tit{font-size: 30px;}
.sec .b_tit > p, .sec .cont .box .tit p, .popup .kor_tit{font-size: 18px;}
.sec .box_cont .box{width: 32%;}
.sec .cont .box .eng_tit, .popup .eng_tit{font-size: 14px !important;}
.sec .cont .box .tit{padding: 20px 20px 40px;}
.sec .cont .box .disc{font-size: 12px; top: 10px; left: 10px;}

.sec::before{right: auto; left: 50%; transform: translateX(-50%); top:10%;}
.sec .b_txt .benefit{justify-content: center;}
.sec .b_txt .benefit li{width: 50%; margin-bottom: 10px;}
.sec .b_txt .benefit li:last-child{margin-bottom: 0;}
.sec .b_txt .benefit .txt_wrap{font-size: 15px;}


/* [ layer popup ] */
.popup .tab_cont #map{height: 300px;}
.popup .close {right: 15px; top:20px}
.popup .close span{height: 20px;}
.popup .tab_cont .tab_txt{font-size: 15px;}
.popup .tab_cont #lightSlider li img{height:300px !important ;}
.popup ul.tabs, .popup .tab_cont .tab_txt{margin-top: 20px;}

}

@media screen and (max-width:768px){
/* [ 공통 ] */
.sec .b_txt{padding: 15px; font-size: 15px;}
.sec .b_txt p{font-size: 15px;}
.submit{width: 200px; height: 50px;}
.submit p{line-height: 49px;}
.sec .box_cont .box{width: 48%;}


/* [ layer popup ] */
.popup .pop_wrap{width: 70%;}
.popup .tab_cont{padding: 10px 0;}
.popup .tab_cont #lightSlider li img{height: 250px !important;}
.popup .tab_cont .tab_txt .submit{width: 150px; font-size: 13px;}
}

@media screen and (max-width:600px){
/* [ 공통 ] */
.sec_tit .s_tit{font-size: 24px;}
.main_vis .main_tit .tit, .main_vis .main_tit .tit2{font-size: 30px;}
.sec .b_tit > p, .sec .cont .box .tit p{font-size: 16px;}
.sec .cont .box .tit{padding: 15px 15px 15px}


/* [ layer popup ] */
.popup .tab_cont #map{height: 250px;}
.popup .pop_wrap{width: 97%;}
.popup .tab_cont #lightSlider li img{height: 200px !important;}
.popup .tab_cont .tab_txt{font-size: 14px;}
}

@media screen and (max-width:500px){
/* [ 공통 ] */
.sec {padding: 60px 0;}
.sec .box_cont{align-items:start;gap:20px;}
.sec .box_cont .box{width: calc(50% - 10px);margin:0px;}
.sec .cont .box .eng_tit::before{opacity: 1;}
.sec .box_cont .box .badge{display:none}
.sec .box_cont .box .kor_tit{font-size:14px !important;}
.sec .box_cont .box:first-child{margin:0px;}
.sec .cont .box .disc{box-sizing:border-box;max-width:100%;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;}
.sec .cont .box .btn-more{display:block;color:#3131dd;font-size:12px !important;text-align: right;margin-top:10px;}
/* [ layer popup ] */
.popup .tab_cont .tab_txt > p{margin-bottom:8px; }
.popup .tab_cont .tab_txt .ti{display: block; margin-bottom: 3px;}
.popup .tab_cont .tab_txt .ti::before{display: none;}
.popup .tab_cont .tab_txt .tx{line-height: 1.4;}
.popup .tab_cont .tab_txt .tx a{display: block; line-height: 1.4;}

}

/***********  datepicker custom ***********/
#ui-datepicker-div{width: 270px;}
.ui-widget-content, .ui-widget-content, .ui-datepicker .ui-datepicker-header, .ui-datepicker .ui-datepicker-title, .ui-datepicker .ui-datepicker-title, .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker table, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-state-default {background: #fff;}
.ui-datepicker-inline {padding: 0;}
.ui-widget-header, .ui-datepicker-title select {border: none;}
.ui-datepicker .ui-datepicker-header {position:relative;text-align:center;padding-bottom:10px;border: 1px solid #e9e9e9;border-bottom: 0;padding:15px;padding-bottom: 0;border-radius: 3px 3px 0;}
.ui-datepicker table{border:1px solid #e9e9e9; border-top:0;display: block;padding:15px;border-radius:0 3px 3px;min-width:100%;}
.ui-datepicker table tbody tr:hover td, .ui-datepicker table tbody tr:hover th{background:transparent;}
.ui-datepicker .ui-datepicker-prev{position:absolute;left:0;top:-7px;}
.ui-datepicker .ui-datepicker-next{position:absolute;right:0;top:-7px;}
.ui-icon, .ui-datepicker-month, .ui-datepicker-year {color: #717171;font-size:14px;}
.ui-priority-secondary.ui-corner-all{width:100%;height:40px;margin-top: 5px;color: #fff;background: #e51737;}
span.ui-state-default{color:#ccc;font-size:12px;}
a.ui-state-default, .ui-datepicker th {background:transparent; color:#595d6e;border: none !important;text-align: center !important;width:35px;height:35px;border-radius:100%;font-weight:400;font-size:12px;vertical-align: middle;}
.ui-state-default, .ui-state-disabled{display:table-cell;vertical-align:middle;text-align: center;width: 35px;height: 35px;}
.ui-datepicker th{color:#bdbdbd;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background:#a50134;color: #fff !important;border-radius:100%;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background:#ffdbdb;}
.ui-datepicker-week-end a{color:#e11738;}
.ui-datepicker-calendar tr td:first-child + td + td + td + td + td a{color:#595d6e;}
.ui-icon{position:absolute;top:20px;width:12px;height:20px;text-indent:-99999px;}
.ui-icon-circle-triangle-w{left:20px;background:url('https://lostinyou4.github.io/leesm/study/images/date_arrow_left.png') 0 0 no-repeat;background-size:contain;}
.ui-icon-circle-triangle-e{right:20px;background:url('https://lostinyou4.github.io/leesm/study/images/date_arrow_right.png') 0 0 no-repeat;background-size:contain;}
.ui-datepicker-year:after{content:'년';}
.ui-datepicker-trigger{position: absolute;right: 55px;}


/* sub페이지 공통 */
section{padding:120px 0;}
textarea {width: 100%;height: 120px;resize: none;min-height: auto!important;border:1px solid #ddd;}
.sub_tit{margin-bottom: 60px;text-align: center;}
.sub_tit p{font-size:38px;margin-top: 10px;line-height: 1.4;}
.button{margin: 70px auto 0;}
.button_02{margin-top: 70px;}
.button_03{display: inline-block;border-radius: 2px!important;background: #717171;color: #fff;padding: 10px;width: 129px;cursor: pointer;text-align: center;}
.tcr{color:#3131dd;}
span.import {position: relative;display: inline-block;width: initial;padding: 0;}
span.import:after {content: "";position: absolute;top: 0;bottom: 2px;margin: auto;right: -15px;transform: rotate(45deg);height: 6px;width: 3px;border-bottom: 1px solid #3131dd;border-right: 1px solid #3131dd;}


/* 서브페이지 테이블 */
.sub_table table{border-top:1px solid #ddd; border-bottom:1px solid #ddd;margin: 0 auto;width: 700px; word-break: keep-all;}
.sub_table table td{padding:20px 30px;vertical-align: middle;box-sizing: border-box;}
.sub_table table td:nth-child(1){position: relative;background:#f9f9f9;width: 160px;padding:20px 30px;font-weight: bold;}
.sub_table table .type{display: flex;justify-content: space-between;flex-flow: row wrap;}
.sub_table table .type label{display: block;margin-right: 20px;}
.sub_table table .type span{vertical-align: middle;margin-left: 5px;}


/* card_intro */
.intro_wrap{width: 100%;background:#f9f9f9;padding:300px 0 120px;}
.intro_box{position: relative;width: 100%;background:#fff; box-shadow: 4px 4px 15px rgba(0,0,0,.15);padding:160px 0 55px 0;}
.card_img{z-index:100;position: absolute;right: 50%;transform: translateX(50%);top: -230px;}
.intro_tit{text-align: center;margin-bottom: 25px;}
.intro_tit p{font-size:20px; font-weight: bold;}
.intro_benefit{display: flex;justify-content: space-evenly; border-top:2px dotted #ddd; border-bottom:2px dotted #ddd; padding:20px 0;width: 95%;margin:0 auto 25px;}
.intro_benefit .benefit img{}
.intro_benefit .benefit div{display: inline-block;position: relative;top: 50%; transform: translateY(-50%);}
.intro_benefit .benefit p{font-weight: bold; margin-top: 10px;}
.intro_benefit .benefit b{font-size:30px;}
.intro_txt{width: 83%;margin: 0 auto;font-size:15px;}
.intro_txt p{position: relative;margin-bottom: 15px;line-height: 1.4;}
.intro_txt p:after{content:""; position: absolute;width: 3px;height: 3px;border-radius: 50px; background:#333;left:-10px;top: 10px;}

.intro_use{text-align: center;}
.use_table table{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.use_table table td{padding:0 50px;height: 140px;vertical-align: middle;}
.use_table table td p{margin-bottom: 15px;line-height: 1.4;}
.use_table table td p:last-child{margin-bottom: 0}
.use_table table td:nth-child(1){position: relative;background:#f9f9f9;width: 25%;font-weight: bold;}
.use_table table td:nth-child(1):after{content:""; position: absolute; width: 20px;height: 46px;background:url("/resources/img/sub/table_arrow.png") no-repeat center/contain;bottom: -20px;right: 0;left: 0;margin: auto;z-index: 50;}
.use_table table tr:last-child td:nth-child(1):after{content:none;}
.use_table table td:nth-child(2){text-align: left;border-bottom:1px solid #ddd;}


/* 로그인 */
.login{background:url('/resources/img/sub/sec_bg.png') no-repeat 95% 155px/contain}
.form {background: #fff;max-width: 500px;margin: 70px auto;}
.form_wrap{display: flex;}
.form_wrap form{width: 64%;}
.login_button {border: 0;outline: none;border-radius: 2px;padding: 15px 0;font-weight: bold;background: #3131dd;color:#fff;transition: all 0.5s ease;-webkit-appearance: none;margin-left:6px;width: 35%;cursor: pointer;}
.field-wrap {position: relative;margin-bottom: 6px;}
.field-wrap:last-child{margin-bottom: 0;}


.tab-group {display: flex;list-style: none;padding: 0;}
.tab-group li{width: 50%;}
.tab-group li a {display: block;padding: 15px;background: #f5f5f5;text-align: center;cursor: pointer;border:1px solid #ddd;border-bottom: 0;line-height: 1.2;}
.tab-group li:first-child.active a{border-right: 0;}
.tab-group li:last-child.active a{border-left: 0;}
.tab-group .active a {background: #fff;border-top:1px solid #3131dd;}
.tab-content{border: 1px solid #ddd;border-top: 0;padding:40px 30px;}

#seller {display: none;}
.seller_num{width: 75%!important;}
.seller_submit{width: 24%;float: right;background: #717171;border: 0;border-radius: 2px;color: #fff;height: 100%;padding: 11px 0; cursor: pointer;}

.modal_back { display: none;}
.modal_back.active { display: block; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0;}
.modal_wrap { padding-top: 50px; background-color: #fff; width: 700px; height:440px; position: absolute; top: 20%; left: 50%; transform: translateX(-50%); box-sizing: border-box;}
.modal_wrap .sub_table table { width: 90%;}
.modal_wrap .sub_table table td:nth-child(1) { width: 140px}
.modal_wrap .sub_table table td { padding: 20px 20px; }
.modal_wrap .seller_num { width: 70%!important;}
.check_btn { border: none; padding: 6px 15px; background-color: #717171; color: #fff;margin-left: 10px; cursor: pointer;}
.close_btn { text-align: center; padding: 30px;}
.close_btn button { padding: 5px 15px; font-size: 16px; background-color: #717171; border: none; color: #fff; cursor: pointer;}
.sign_up_txt{text-align: center;margin-top: 10px;}


/* 회원가입 */
.sign_up_wrap img{width:auto;}
.sign_up_wrap input{outline: none;border: none;border-bottom: 1px solid #eee;font-family: "Montserrat", sans-serif;}
.sign_up_wrap input[type="radio"]{border:1px solid #ddd;}
.sign_up_wrap .vat{vertical-align: top;}
.sign_up_wrap{text-align: left;}
.form {position: relative;}
.form .form-peice {background: #fff;min-height: 480px;margin-top: 30px;box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);color: #bbbbbb;padding: 30px 0 60px;transition: all 0.9s cubic-bezier(1, -0.375, 0.285, 0.995);position: absolute;top: 0;left: -30%;width: 130%;overflow: hidden;}
.form .form-peice.switched {transform: translateX(-100%);width: 100%;left: 0;}
.form-group {margin-bottom: 5px;position: relative;}
.form-group p{font-size: 12px;color: #999;margin-top: 8px;}

#joinAgree label span {color:#3131dd;font-size:13px;}
#joinAgree form > div {margin-bottom:20px;}
#joinAgree .detail{float:right;cursor: pointer;font-size: 13px;color:#717171;margin-top: 5px;}
#joinAgree .detail img{vertical-align: inherit;margin-left: 5px;}
#joinAgree .agreeAll {margin-bottom:20px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
#joinAgree .agreeAll span {color:#333;font-size:16px; font-weight:bold;}

/* input */
input[type="text"], input[type="email"]{background:#fff;width: 100%;padding:8px 10px;border-radius: 2px;}
input[type="radio"]{vertical-align: middle;appearance: none;border: 1px solid #ddd;border-radius: 2px;width: 16px;height: 16px;}
input[type="radio"]:checked {border: 5px solid #e22319}
input[type=checkbox] {width:20px; height:20px; margin:0; font-size:13px; color:#666; vertical-align:middle;}
input::placeholder {color: #ccc;font-weight: normal;font-size:13px}



/* 마이페이지 */
.mypage .sub_table tr{border-bottom:1px solid #ddd;}
.mypage .sub_table td:nth-child(1){text-align: center;}
.mypage .sub_table td > ul > li{margin-bottom: 10px;}
.mypage .sub_table td > ul > li ul{margin-top: 10px;}
.mypage .sub_table li .indent{margin-left: 15px;display: block;margin-top: -18px;line-height: 1.4;}
.mypage .sub_table p{margin-bottom: 10px;}


/* 가입완료 */
.confirm .tit{text-align: center;margin-top: 20px;}
.confirm .tit p{font-size:20px;margin-top: 20px;}
.confirm .btn_wrap{display: flex;justify-content: center;}
.confirm .btn_wrap a:first-child{margin-right: 20px;}

/*레이어팝업:s*/
.dim_layer {z-index: 100000000000000;background: rgba(0,0,0,0.75);width: 100%;position: fixed;top: 0;height: 100%;display: none;}
.dim_layer .lp_area {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 650px;margin: 0 auto;}
.dim_layer .title {width: 100%;background: #3131dd;padding: 10px 20px;box-sizing: border-box;color:#fff; font-weight: bold;}
.dim_layer .pol_sc {width: 100%;overflow-y: auto;overflow-x: hidden;max-height: 500px;padding: 30px;bottom: 0;background: #fff;box-sizing: border-box;}
.dim_layer .pol_sc .tit {font-size:30px;text-align: center;}
.dim_layer .pol_sc .tit span{font-size:35px; font-weight: bold;}
.lp_btn {float: right;background: url(/resources/img/common/Close.png) no-repeat center/contain;width: 24px;height: 24px;white-space: nowrap;overflow: hidden;text-indent: -999px;cursor: pointer;}
/*레이어팝업:e*/


/* 나의 관심 보기 */
.cho_txt { text-align: center; margin-bottom: 30px;}
.cho_txt p { color: #666;}

.interest .tabs{margin-bottom: 70px;}
.interest .box{position: relative;border: 1px solid rgba(255,255,255,0);box-sizing: border-box;border: 1px solid #ddd;width: 31%;margin-bottom: 40px;-webkit-transition: all .4s 0s;-o-transition: all .4s 0s;transition: all .4s 0s;cursor: pointer;}
.interest .box:hover {border: 1px solid #3131dd;}
.interest .box p{padding:10px 20px; font-weight:bold;}
.interest .box_cont{display: flex;flex-flow: row wrap; justify-content: flex-start;}
.interest .box_cont .box{width: 31.3%; text-align: center;margin-bottom: 50px;cursor: pointer;}
.interest .box_cont .box img{width: 100%;height: 240px;}
.interest .box_cont .box button{position: absolute;width: 40px;height: 40px;bottom: 43px;right: 12px;background: url(/resources/img/common/like_ico.png) no-repeat center/contain;text-indent: -9999px;border: 0;cursor: pointer;}
.interest .box_cont .box button.active{background: url(/resources/img/common/like_on_ico.png) no-repeat center/contain;}


/* 이용약관 / 개인정보취급방침 / 여행약관*/
.contents.popup_menu { padding: 100px;}
@media screen and (max-width:768px){
.contents.popup_menu { padding: 50px 10px;}
}

.intro_txt { font-size: 16px; word-break: keep-all; width: 100%; line-height: 1.4; padding:0 40px; box-sizing: border-box;}
.txt_wrap { width: 100%;}
.txt_wrap > h2 { font-size: 24px; padding: 20px 0; font-weight: 600;}
.txt_wrap > ul { padding-left: 25px; margin-bottom: 20px;}
.txt_wrap .txt_step_tit { font-size: 18px; line-height: 1.6; padding-left: 20px; font-weight: 400; text-indent: -15px;}
.txt_wrap > ul > li { font-size: 16px; line-height: 140%; padding-left: 40px; text-indent: -17px; word-break: keep-all;}
.txt_wrap > ul > li ul { padding: 5px 0 10px 15px;}
.txt_wrap > ul > li li { line-height: 140%;}

.txt_wrap.trip_terms > ul,
.txt_wrap.per_info > ul { padding-left: 0; }
.txt_wrap.trip_terms .txt_step_tit,
.txt_wrap.per_info .txt_step_tit { padding-left: 0; }

.txt_wrap.trip_terms > ul > li { font-size: 16px; line-height: 140%; padding-left: 25px; text-indent: -20px; word-break: keep-all;}
.txt_wrap.per_info > ul > li { font-size: 16px; line-height: 140%; padding-left: 20px; text-indent: 0; word-break: keep-all;}

.agree_pop .inner { width: 100%;}
.agree_pop h2 { padding: 0 0 20px 0; font-size: 20px; font-weight: 600;}
.agree_pop .txt_wrap.per_info > ul > li p {padding-left: 10px; line-height: 140%;}
.mini_dot { font-size: 12px;}

@media screen and (max-width:1200px) {
.oil_stat img { width: inherit; margin-left: 10px;}
}

@media screen and (max-width:1024px){
.sub_tit p{font-size:30px;}
}
@media screen and (max-width:768px){
.intro_benefit .benefit div{display: block;text-align: center;top: 15%;}
.use_table table td{padding: 0 15px;}

/* 회원가입 */
.sub_table table{width: 97%;}
.sub_table table tr{display: flex;flex-flow: column wrap;}
.sub_table table td{padding:20px 10px;}
.sub_table table td:nth-child(1){width: 100%;padding-left: 10px;}

.mypage .sub_table td:nth-child(1){text-align: left;}
.barcode_btn, .partner_btn{display: block;}

.confirm .btn2{margin-top: 20px;margin-left: 0;}

/*레이어팝업:s*/
.dim_layer .lp_area {width: 97%;}
.dim_layer .pol_sc {padding: 20px;}
.dim_layer .pol_sc .tit {font-size:30px;text-align: center;}
.dim_layer .pol_sc img { width: 100%;}
/*레이어팝업:e*/

/* 인증 모달창 */
.modal_wrap { width: 80%; height:540px; top: 25%;}
.modal_wrap .sub_table table { width: 95%;}
.modal_wrap .sub_table table td:nth-child(1) { width: 100%; height: 55px; padding: 15px 10px;}
.modal_wrap .sub_table table td { padding: 20px 10px; height: 75px;}
.modal_wrap .seller_num { width: 80%!important; }

/* 마이페이지 */
.myp_card { height: 450px;}
.oil_stat span { display: inline-block;}

.interest .box_cont .box{width: 48%;}
}

@media screen and (max-width:700px) {
.modal_wrap { height:520px;}
.sec_tit .s_tit { margin-bottom: 30px;}
.modal_wrap .seller_num { width: 70%!important; }
}
@media screen and (max-width:640px) {
/* 마이페이지 */
.myp_card { height: 380px;}
}
@media screen and (max-width:550px){
.intro_wrap{padding:50px 0 120px;}
.sub_tit p{font-size:24px;}
.intro_box{padding:55px 0;}
.card_img{position: relative;top:auto;right: auto;transform: unset;text-align: center;}
.intro_wrap img{object-fit: cover;width: 80%;}
.use_table table tr{display: flex; flex-flow: column wrap;}
.use_table table td{width: 100%!important;height: auto;box-sizing: border-box;vertical-align: middle;}
.use_table table td:nth-child(1){height: 50px;line-height: 50px;}
.use_table table td:nth-child(2){padding: 0px;}
.use_table table td:nth-child(1):after{content:none;}

/* 로그인 */
.tab-content{padding: 5%}

.modal_wrap { padding-top: 40px; height:500px; top: 18%;}

/* 마이페이지 */
.myp_card { height: 330px;}

.interest .box_cont .box{width: 100%; margin: 0 auto 30px;}
}
@media screen and (max-width:480px){
.check_btn { padding: 8px 10px; margin-left: 5px; font-size: 16px;}
.modal_wrap .seller_num { width: 63%!important; }
}

@media screen and (max-width:400px){
.myp_card { height: 245px;}
.modal_wrap .seller_num { width: 60%!important; }
}