@charset "utf-8";
/* **************************************** *
 * FONT
 * **************************************** */
@font-face {
    font-family:'NotoSansKR';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/NotoSansCJKkr-Light.eot');
    src: local("※"),
    url('../fonts/NotoSansCJKkr-Light.html') format('woff2'),
    url('../fonts/NotoSansCJKkr-Light.woff') format('woff'),
    url('../fonts/NotoSansCJKkr-Light.otf') format('opentype');
}
@font-face {
    font-family:'NotoSansKR';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NotoSansCJKkr-Regular.eot');
    src: local("※"),
    url('../fonts/NotoSansCJKkr-Regular.html') format('woff2'),
    url('../fonts/NotoSansCJKkr-Regular.woff') format('woff'),
    url('../fonts/NotoSansCJKkr-Regular.otf') format('opentype');
}
@font-face {
    font-family:'NotoSansKR';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/NotoSansCJKkr-Medium.eot');
    src: local("※"),
    url('../fonts/NotoSansCJKkr-Medium.html') format('woff2'),
    url('../fonts/NotoSansCJKkr-Medium.woff') format('woff'),
    url('../fonts/NotoSansCJKkr-Medium.otf') format('opentype');
}
@font-face {
    font-family:'NotoSansKR';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/NotoSansCJKkr-Bold.eot');
    src: local("※"),
    url('../fonts/NotoSansCJKkr-Bold.html') format('woff2'),
    url('../fonts/NotoSansCJKkr-Bold.woff') format('woff'),
    url('../fonts/NotoSansCJKkr-Bold.otf') format('opentype');
}
@font-face {
    font-family:'NotoSansKR';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/NotoSansCJKkr-Black.eot');
    src: local("※"),
    url('../fonts/NotoSansCJKkr-Black.woff') format('woff'),
    url('../fonts/NotoSansCJKkr-Black.otf') format('opentype');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-Light.ttf') format('truetype');
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039, U+002C;
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-Regular.ttf') format('truetype');
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039, U+002C;
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-Semibold.ttf') format('truetype');
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039, U+002C;
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-Bold.ttf') format('truetype');
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039, U+002C;
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 100 800;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/PretendardVariable.woff2') format('woff2-variations');
}

/* **************************************** *
 * RESET FILES
 * **************************************** */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section,input,textarea,select {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-style: inherit;
    vertical-align: baseline;
    font-family:'Lato','NotoSansKR', sans-serif;
    box-sizing:border-box;
    word-break: break-all;
}
:focus{outline:none;}
ol,ul{list-style: none;font-size:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:inherit;word-break:keep-all}
figure,article,header,main,footer,nav,hgroup,video,audio,aside,form{display:block;}
a{cursor:pointer;}
a,input,textarea,select,label{display:inline-block;text-decoration:none;vertical-align:top;}
img{max-width:100%;height:auto;border:0;vertical-align:top;}
caption,.blind{overflow:hidden !important;visibility:hidden !important;padding:0 !important;margin:0 !important; width:0!important;height:0 !important;font-size:0 !important;line-height:0 !important;}
sup{vertical-align:super}
button{border:0;cursor:pointer;}
input {-webkit-appearance: none;-webkit-border-radius: 0;}

.p-t-0{padding-top:0 !important;}

/*----swiper-----*/
.swiper-page-group{display:block;margin-top:20px;text-align:center;}
.swiper-page-group .swiper-pagination{position:static;display:inline-block;padding:0 21px;margin-top:8px;font-size:0;vertical-align:top;}
.swiper-page-group .swiper-pagination-bullet{margin:0 3px; border:1px solid #375169;background:transparent;opacity:1}
.swiper-page-group .swiper-pagination-bullet-active{background:#375169;}
.swiper-page-group .swiper-button-prev,
.swiper-page-group .swiper-button-next {position:static;display:inline-block;width:24px;height:24px;margin-top:0; vertical-align:top;}
.swiper-page-group .swiper-button-prev{background:url("../images/arrow_l.png")0 0 no-repeat;background-size:contain;}
.swiper-page-group .swiper-button-next{background:url("../images/arrow_r.png")0 0 no-repeat;background-size:contain;}
.swiper-page-group .swiper-button-lock{display:none;}
.swiper-page-group .swiper-pagination-lock{display:none;}
/* **************************************** *
 * Z-INDEX
 * **************************************** */
.ui-datepicker{z-index:9999 !important;}
header{z-index:5000;}
.filter-box{z-index:4000;}

/* **************************************** *
 * COMMON
 * **************************************** */
.wrap{position:relative;width:1200px;margin:0 auto;font-size:0;}
.body-wrap{min-height:100vh;position:relative;padding:100px 0 309px;overflow:hidden;}
.flex-center{height:100%;display:flex;justify-content: center;align-items: center;}
.all-h{height:calc(100vh - 100px) !important;}
.fc01{color:#3289e8 !important}
.normal{font-weight:400 !important;}
.fc-gray{color:#666 !important;}
.fc-gray2{color:rgba(0,0,0,0.5) !important;}
@media (max-width: 1199px){
    .wrap{width:100%;}
    .body-wrap{min-height:100vh;position:relative;padding:100px 0 301px;}
}
@media (max-width: 767px){
    .body-wrap{padding:60px 0 301px;}
    .all-h{height:calc(100vh - 60px) !important;}
}


/*----button-----*/
.btn1{position:relative;display:inline-block;vertical-align:top;padding:0 110px 0 30px;height:52px;line-height:52px;font-size:16px;font-weight:400;text-align:left;color:#fff;background:#3289e8;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
.btn1.v1{padding:0;width:200px;text-align:center;}
.btn1:before{display:block;content:'';position:absolute;top:20px;right:29px;width:28px;height:15px;background:url("../images/arrow.svg")0 0 no-repeat;background-size: contain;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
.btn1.v1:before{display:none;}
.btn2{padding-right:22px;height:24px;line-height:24px;font-size:16px;color:#3289e8;background:url("../images/arrow_sm_bl.svg")right center no-repeat;background-size: 12px auto;}
@media (min-width: 1200px) {
    .btn1:hover{background:#2078d8;}
    .btn1:hover:before{right:20px}
}
@media (max-width: 767px){
    .btn2{font-size:14px;}
}

/*page-nav*/
.page-nav{margin:20px 0 60px;display:block;text-align:center;font-size:0;}
.page-nav a{display:inline-block;width:auto;height:35px;line-height:35px;font-size:16px;color:#999;font-weight:300;vertical-align:top;}
.page-nav .btn-prev{width:48px;background:url("../images/btn_arrow_previous.svg")center center no-repeat;background-size:24px auto;}
.page-nav .btn-next{width:48px;background:url("../images/btn_arrow_next.svg")center center no-repeat;background-size:24px auto;}
.page-nav ul{display:inline-block;font-size:0;white-space:nowrap;}
.page-nav ul li{display:inline-block;margin:0 15px;text-align:center;vertical-align:top;}
.page-nav ul li a{position:relative;padding:0 4px;font-size:18px;text-align:center;color:#999;transition:all .2s ease-in-out;}
.page-nav ul li a.active{color:#3289e8;font-weight:700;border-bottom:1px solid #3289e8}
@media (min-width: 1200px){
    .page-nav ul li a:hover{color:#3289e8;font-weight:500}
    .page-nav ul li a.active:hover{color:#3289e8;}
}
@media (max-width: 1199px){/*mobile(ipad 세로 ~ 모바일)*/
    .page-nav{margin:50px 0 0 -30px;width:calc(100% + 60px);text-align:center;}
    .page-nav a{display:inline-block;width:auto;}
    .page-nav ul{width:230px;overflow:hidden;padding:0;}
    .page-nav ul li{}
    .page-nav ul li a{font-size:15px;}
}

/*----text-----*/
.white{color:#fff !important}
.tit{display:inline-block;font-size:40px;letter-spacing:-1px;font-weight:500}
.tit + p{margin-top:10px;font-size:20px;font-weight:400;letter-spacing:-0.5px;}
.ell2{display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.2em;height:3.6em;overflow:hidden;text-overflow:ellipsis;text-aline:left;}
.ell3{display:-webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;line-height:1.2em;height:3.6em;overflow:hidden;text-overflow:ellipsis;text-aline:left;}
.ell4{display:-webkit-box !important;-webkit-line-clamp:4;-webkit-box-orient:vertical;white-space:normal;line-height:1.2em;height:3.6em;overflow:hidden;text-overflow:ellipsis;text-aline:left;}
.ell5{display:-webkit-box !important;-webkit-line-clamp:5;-webkit-box-orient:vertical;white-space:normal;line-height:1.2em;height:3.6em;overflow:hidden;text-overflow:ellipsis;text-aline:left;}
@media (max-width: 1199px){
}
@media (max-width: 767px){
    .tit{font-size:24px;letter-spacing:-0.72px;}
    .tit + p{margin-top:3px;font-size:16px;letter-spacing:-0.4px;}
}
/*----input-----*/
::-webkit-input-placeholder { color:#ccc !important;}
::-moz-placeholder { color:#ccc !important;}
:-ms-input-placeholder {color:#ccc !important;}
:-moz-placeholder { color:#ccc !important;}
input::placeholder{color:#ccc !important;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus{border-color: #3289e8 !important;}
.inp-ty::-webkit-input-placeholder { color:#999 !important;}
.inp-ty::-moz-placeholder { color:#999 !important;}
.inp-ty:-ms-input-placeholder {color:#999 !important;}
.inp-ty:-moz-placeholder { color:#999 !important;}
.inp-ty::placeholder{color:#999 !important;}
.inp-ty{display:inline-block;width:100%;padding-left:10px;height:40px;line-height:40px; border:0;border-bottom:2px solid rgba(0,0,0,0.1);font-size:16px;color:#000;font-weight:300;letter-spacing:-0.4px;}
.inp-ty.ty2{width:70%;margin-right: 5px;}


/*----chk-----*/
/*
.chk{position: relative;display:block;text-align:left;height:39px;}
.chk input[type="checkbox"] + label{position:relative;display:block;padding:0 36px 0 0;height:36px;line-height:36px;letter-spacing:-0.54px;font-size:18px;font-weight:300;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.chk input[type="checkbox"] + label:before{content:'';display:block;position:absolute;top:9px;right:0;width:18px;height:18px;border:1px solid #ddd;background:#fff;border-radius:3px;box-sizing:border-box;}
.chk input[type="checkbox"]:checked + label:before{border:1px solid #ccc;background:#ccc url("../images/check.png")0 0 no-repeat;background-size:contain; }
.chk2{padding-left:34px;position: relative;display:inline-block; height:24px;line-height:24px;vertical-align: top;}
.chk2 input[type="checkbox"] + label{display:inline-block;height:24px;line-height:24px;font-size:16px;color:#666;font-weight:300;letter-spacing:-0.48px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.chk2 input[type="checkbox"] + label:before{content:'';display:block;position:absolute;top:0;left:0;border-radius:3px;width:24px;height:24px;background:#fff;border:1px solid #ccc;box-sizing:border-box;}
.chk2 input[type="checkbox"]:checked + label:before{border-color:#3289e8;background:#3289e8 url("../images/check_on.png")0 0 no-repeat;background-size:contain; }
.chk2 input[type="checkbox"] + label ~ label{display:inline;height:24px;line-height:24px;font-size:16px;color:#666;font-weight:300;letter-spacing:-0.48px;vertical-align:top;}
@media (max-width: 767px){
    .chk input[type="checkbox"] + label{font-size:16px;letter-spacing:-0.48px;}
}
*/

.checkbox{position: relative;display:inline-block; vertical-align:top;text-align:left;height:40px;}
.checkbox input[type="checkbox"] + label{position:relative;display:block;padding:0 60px 0 30px;height:40px;line-height:40px;letter-spacing:-0.4px;font-size:16px;font-weight:300;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.checkbox input[type="checkbox"] + label:before{content:'';display:block;position:absolute;top:10px;left:0;border:1px solid #707070;height:20px;width:20px;}
.checkbox input[type="checkbox"]:checked + label:before{border-color:#3289e8;background:#3289e8 url("../images/chkd_radio.svg")0 0 no-repeat;background-size:contain; }

.radio{position: relative;display:inline-block; vertical-align:top;text-align:left;height:40px;}
.radio input[type="radio"] + label{position:relative;display:block;padding:0 60px 0 30px;height:40px;line-height:40px;letter-spacing:-0.4px;font-size:16px;font-weight:300;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.radio input[type="radio"] + label:before{content:'';display:block;position:absolute;top:10px;left:0;border:1px solid #707070;height:20px;width:20px;border-radius:100%; }
.radio input[type="radio"]:checked + label:before{border-color:#3289e8;background:#3289e8 url("../images/chkd_radio.svg")0 0 no-repeat;background-size:contain; }

@media (max-width: 767px){
    .radio input[type="radio"] + label{font-size:14px;padding-right:40px;}
}
/*common - input - radio 개월수 체크*/
.radio-group{display:inline-block;font-size:0;vertical-align:top;width:100%;margin-top:20px;}
.radio-group li{position:relative; display:inline-block;width:25%;height:36px;}
.radio-group li input[type="radio"] + label{position:relative; display:block;margin-left:-1px;line-height:34px;height:36px;border:1px solid #ddd;font-size:14px;background:#fff;text-align:center;letter-spacing:-0.35px;}
.radio-group li input[type="radio"]:checked + label{color:#3289e8;border-color:#3289e8;z-index:100;}
@media (max-width: 768px) {
}
/*
select{display:inline-block;color:#999;width:100%;padding-left:10px;height:48px;line-height:47px;border:0;font-size:16px;font-weight:300;letter-spacing:-0.48px;border-bottom:1px solid #222;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;vertical-align:top;}
select{background:url("../images/btn_more.png") calc(100% - 10px) center no-repeat;background-size:12px;}
select::-ms-expand {display:none;}
select option{color: #222}
.select-ty{display:inline-block;padding-left:14px;height:42px;line-height:40px; border:1px solid #707070;;border-radius:5px;background-color:#fff;background-position:calc(100% - 15px) center; }
*/
select{display:inline-block;color:#000;width:100%;padding-left:10px;height:40px;line-height:40px;border:0;font-size:16px;font-weight:300;letter-spacing:-0.4px;border-bottom:2px solid rgba(0,0,0,0.1);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;vertical-align:top;}
select{background:url("../images/arrow_b.png") calc(100% - 10px) center no-repeat;background-size:21px;}
select::-ms-expand {display:none;}

textarea{display:inline-block;color:#000;width:100%;padding:12px 10px;height:160px;line-height:24px;font-size:16px;font-weight:300;letter-spacing:-0.48px;border:2px solid rgba(0,0,0,0.1);box-sizing:border-box;-moz-appearance:none;vertical-align:top;word-break: keep-all;}
textarea::placeholder{color:#999 !important;}
/*common - input - datepicker */
.datepicker-group{color:#000;margin-top:20px;}
.datepicker-group span{position:relative;display:inline-block;vertical-align:top; width:20px;height:36px;line-height:36px;font-size:14px;text-align:center;}
.datepicker-box{position:relative;display:inline-block;width:calc(50% - 10px);vertical-align:top;}
.datepicker-box input{padding-left:12px;width:100%;height:36px;line-height:34px;padding-right:35px;background:#fff url("../images/i_date2.png")calc(100% - 11px) center no-repeat;background-size:20px auto;border:1px solid #e5e5e5;font-size:14px;letter-spacing:-0.35px;box-sizing:border-box}
.ui-widget-content{background:#fff;padding:10px;box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.ui-widget-header{background:#fff;border:0;color:#000}
.ui-datepicker .ui-datepicker-prev{background:url("../images/arrow_l.png")center center no-repeat;background-size:16px 16px;}
.ui-datepicker .ui-datepicker-next{background:url("../images/arrow_r.png")center center no-repeat;background-size:16px 16px;}
.ui-datepicker .ui-datepicker-title span{font-size:16px;font-weight:500;}
.ui-widget-content{margin-top:4px;width:312px;}
.ui-datepicker td span, .ui-datepicker td a{padding:0;}
.ui-datepicker th span{font-size:13px;font-weight:500;opacity:0.3}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:0;margin:5px;width:30px;height:30px;line-height:30px;background:#fff;font-weight:500;color:#000;font-size:13px;text-align:center;border-radius:100%;}
.ui-state-default:hover{background:#f1f1f1;}
.ui-state-active{background:#3074c1 !important;color:#fff !important;}
@media (max-width: 768px) {
    #ui-datepicker-overlay{z-index:9000;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);opacity:0;transition:opacity 0.5s ease}
    #ui-datepicker-overlay.active{opacity:1}
    #ui-datepicker-div-bg-iframe{background:rgba(0,0,0,0.5);}
    .ui-widget-content{position:fixed !important;left:calc(50% - 156px) !important; top:calc(50% - 177px) !important;box-shadow:0 5px 20px rgba(0,0,0,0.2);z-index:9999 !important;}
    .set-box2 .datepicker-box .datepicker{border:1px solid #294f9a}
}
/*----transform-----*/
.tra1{
    transition: height .2s ease-in-out;
    -webkit-transition:all 1s
}

/* **************************************** *
 * HEADER
 * **************************************** */
header{position:relative;}
header .overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
header .header-group{overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100px;background:#fff;transition: height .2s ease-in-out; -webkit-transition:height .2s ease-in-out;}
header .header-group:before{display:block;content:'';position:absolute;top:99px;left:0;width:100%;border-bottom:1px solid rgba(0,0,0,0.1);transition: all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
header.active .header-group{height:160px;}
header h1{display:inline-block;position:absolute;top:28px;left:0;vertical-align:top;z-index:100;transition: all .2s ease-in-out;-webkit-transition:height .2s ease-in-out;}
header h1 a{width:100px;height:46px;background:url("../images/Logo.svg")0 0 no-repeat;background-size:contain;transition: all .2s ease-in-out;-webkit-transition:height .2s ease-in-out;}
header .btn-menu{display:none;}

.gnb{position:relative;display:inline-block;vertical-align:top;padding-left:132px;width:100%;}
.gnb .depth1{font-size:0;}
.gnb .depth1>li{position:relative;display:inline-block;vertical-align:top;}
.gnb .depth1>li>a{position:relative;display:block;padding:0 21px;font-size:16px;line-height:100px;color:#000;letter-spacing:-0.4px;text-align:center;}
.gnb .depth1>li>a span{position:relative;font-size:inherit;color:inherit;letter-spacing:inherit;font-weight:inherit;}
.gnb .depth2{display:none;height:60px;transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;}
.gnb .depth2 a{display:block;font-size:14px;font-weight:300;color:#666;line-height:60px;text-align:center;letter-spacing:-0.35px;}
.gnb .depth1>li.active .depth2{display:block;}
.gnb .btn-consultation-inquiry{display:none;}
.gnb .menu{font-size:0;position:absolute;top:33px;right:0;}
.gnb .menu li{display:inline-block;vertical-align:top;}
.gnb .menu span{display:inline-block;vertical-align:top;margin-top:11px;width:1px;height:12px;opacity:.1;background:#000;}
.gnb .menu a{display:inline-block;vertical-align:top;margin:0 14px;height:35px;line-height:33px;font-size:13px;letter-spacing:-0.33px;color:#000;}
.gnb .menu a:before{content:''; display:inline-block;vertical-align:top;height:32px;width:24px;background-size:18px auto;background-position:0 center;background-repeat:no-repeat}
.gnb .menu a.logout:before{background-image:url("../images/i_logout.svg");}
.gnb .menu a.login_ty:before{background-image:url("../images/i_login.svg");}
.gnb .menu a.member:before{background-image:url("../images/i_member.svg");}
.gnb .menu a.join:before{background-image:url("../images/i_join.svg");}
.gnb .menu a.order{padding:0 18px;border:1px solid rgba(0,0,0,0.1);border-radius:18px;}
.gnb .menu a.order:before{background-image:url("../images/i_order.svg");}
.gnb .menu a.search{padding:0 18px;border:1px solid rgba(0,0,0,0.1);border-radius:18px;}
.gnb .menu a.search:before{background-image:url("../images/i_search.png");}

.gnb .menu li.introduce-btn a{background:#3289E8;color:#fff;padding:0 18px;margin:0;border-radius:50px;line-height:35px;width:123px;}
.gnb .menu li.introduce-btn a:before{display:none;}
@media (max-width: 1199px) {
    .gnb{padding:198px 0 120px !important;}
    .gnb .menu li.introduce-btn{position:absolute;bottom:-73px;right:0;width:100%;padding:0 30px;}
    .gnb .menu li.introduce-btn a{width:100%;border-radius:0;height:45.5px;line-height:45.5px;font-size:16px;}
}

@media (min-width: 1200px) {
    .gnb .depth1>li:hover>a{font-weight:700;}
    .gnb .depth1>li>a span:before{display:block;content:'';position:absolute;bottom:-38px;left:0; width:100%;height:3px;background:#052644;transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;opacity:0}
    .gnb .depth1>li:hover>a span:before{opacity:1}
    .gnb .depth1>li>a.active span{border-bottom:1px solid #fff;}
    .gnb .depth2{position:relative;white-space:nowrap;padding-left:32px;}
    .gnb .depth2 ul{position:absolute;top:0;left:0;font-size:0;}
    .gnb .depth2 li{display:inline-block;vertical-align:top;}
    .gnb .depth2 a{padding:0 20px; }
    .gnb .depth2 a:hover{text-decoration: underline}
    /* .gnb .depth1>li:nth-child(4) .depth2 ul{left:auto;right:16px;} */

}
@media (max-width: 1199px){
    header{position:fixed;top:0;left:0;width:100%;height:100px;}
    header.active{height:auto;}
    header .header-group{min-height:100px;height:auto;background-image:none;}
    header .header-group:before{display:none;}
    header.active .header-group{height:auto;}
    header .wrap{padding-top:100px;}
    header h1{left:30px;}
    header .btn-menu{display:block;position:absolute;top:0;right:0;width:100px;height:100px;z-index:100;}
    header .btn-menu .line{position:absolute;top:40px;left:38px; display:inline-block;width:30px;height:3px;transition: all .2s ease-in-out;background:#052644;}
    header .btn-menu:before{content:'';position:absolute;top:51px;left:38px; display:inline-block;width:30px;height:3px;transition: all .2s ease-in-out;background:#052644;}
    header .btn-menu:after{content:'';position:absolute;top:62px;left:38px; display:inline-block;width:30px;height:3px;transition: all .2s ease-in-out;background:#052644;}
    header .btn-menu.on:before,
    header .btn-menu.on .line{top:50px;left:38px;transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
    header .btn-menu.on:after{top:50px;left:38px;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
    .gnb{display:none;overflow-y:auto;position:fixed;top:100px;left:0;width:100%;height:calc(100% - 100px);padding:124px 0 120px;background:#fff;}
    .gnb .depth1{padding-bottom:10px;}
    .gnb .depth1>li{width:100%;}
    .gnb .depth1>li.arrow:before{content:'';display:block;position:absolute;top:23px;right:52px;width:14px;height:14px;background:#fff url("../images/btn_arrow_small.svg")center 0 no-repeat;background-size:contain;transition: all .2s ease-in-out;}
    .gnb .depth1>li.arrow.up:before{transform:rotate(180deg);}
    .gnb .depth1>li:nth-child(6){width:100%;}
    .gnb .depth1>li>a{padding:0 60px 0 30px;height:60px;line-height:60px;font-size:18px;letter-spacing:-0.54px;text-align:left;}
    .gnb .depth1>li.arrow.up>a{font-weight:500;}
    .gnb .depth2{display:none;height:auto;padding:10px 0;background:#f7f8f9;transition: unset;}
    .gnb .depth2 a{position:relative;padding:0 60px 0 30px;height:45px;line-height:45px;text-align:left;letter-spacing:-0.42px;color:#000;}
    .gnb .depth2 a:focus{font-weight:500;color:#222;}
    .gnb .btn-consultation-inquiry{display:block;position:fixed;bottom:0;left:0;width:100%;height:80px;padding-top:26px;padding-left:85px;font-size:16px;background:linear-gradient(to right, #4c92e2, #3162b5);color:#fff;}
    .gnb .btn-consultation-inquiry:before{content:'';display:block;position:absolute;top:0;left:0;height:80px;width:100%;background:url("../images/help_bg.png")0 0 no-repeat;background-size:auto 80px;}
    .gnb .btn-consultation-inquiry:after{content:'';display:block;position:absolute;top:28px;right:30px;height:24px;width:24px;background:url("../images/help_arr.png")0 0 no-repeat;background-size:contain;}
    .gnb .menu{display:flex;justify-content:space-evenly; top:40px;width:100%;text-align:center}
    .gnb .menu span{display:none;}
    .gnb .menu a{margin:0;height:auto;line-height:normal;font-size:14px;letter-spacing:-0.35px;}
    .gnb .menu a:before{content:''; display:block;margin:0 auto 10px;height:24px;width:24px;background-size:24px auto;}
    .gnb .menu a.order,
    .gnb .menu a.search{padding:0;border:0;border-radius:0;}
}
@media (max-width: 767px){
    header{height:60px;}
    header .header-group{min-height:60px;}
    header .header-group:before{top:59px;}
    header .wrap{padding-top:60px;}
    header h1{top:12px;left:30px;}
    header h1 a{width:80px;height:36px;}
    header .btn-menu{top:0;right:5px;width:60px;height:60px;}
    header .btn-menu .line{top:22px;left:20px;width:20px;height:2px;}
    header .btn-menu:before{top:30px;left:20px;width:20px;height:2px;}
    header .btn-menu:after{top:38px;left:20px;width:20px;height:2px;}
    header .btn-menu.on:before,
    header .btn-menu.on .line{top:30px;left:20px;}
    header .btn-menu.on:after{top:30px;left:20px;}
    .gnb{top:60px;height:calc(100% - 60px);}
    .gnb .depth1>li.arrow:before{right:30px;}
    .gnb .depth1>li>a{padding:0 50px 0 30px;}
    .gnb .depth2 a{position:relative;padding:0 50px 0 30px;}
}
/* **************************************** *
 * FOOTER
 * **************************************** */
footer{overflow:hidden;position:absolute;bottom:0;left:0;width:100%;height:309px;background:#0c2340}
footer .mo{display:none;}
footer .pc{display:inline;}
.footer{position:relative;}
.footer .logo{display:inline-block;margin-top:60px;width:101px;height:50px;background:url("../images/FooterLogo_w.svg")0 0 no-repeat;background-size:contain;vertical-align:top;}
.footer .address{line-height:24px;font-size:12px;color:#9ea7b3;margin-top:28px;font-weight:300;}
.footer .copyright{display:block;margin:28px 0 0 0;font-weight:300;color:#e6eaed;font-size:12px; }
.footer .depth1{position:absolute;left:600px;top:60px;font-size:0;white-space:nowrap;}
.footer .depth1>li{display:inline-block;vertical-align:top;width:164px;}
.footer .depth1>li:nth-child(2){width:180px;}
.footer .depth1>li:nth-child(3){width:183px;}
.footer .depth1>li>a span{font-size:15px;font-weight:400;letter-spacing:-0.45px;color:#fff;}
.footer .depth2{margin-top:20px;}
.footer .depth2 li a{display:inline-block;line-height:32px;font-size:13px;font-weight:300;letter-spacing:-0.33px;color:#9ea7b3;}


@media (max-width: 1199px){
    footer{padding:0;height:301px;text-align:center;}
    footer .pc{display:none;}
    footer .mo{display:block;}
    .footer .logo{width:94px;height:46px;margin-top:30px;}
    .footer .address{display:block;line-height:20px; }
    .footer .depth1{display:none;}
    .footer .copyright{margin-top:15px;color:#e6eaed;}

}
/* **************************************** *
 * MAIN
 * **************************************** */
main{position:relative;}
section{font-size:0;}
/*----스크롤 애니메이션----*/
.ani{
    transform: translateY(100px);
    -ms-transform:translateY(100px);
    -moz-transform:translateY(100px);
    -webkit-transform:translateY(100px);
    -o-transform:translateY(100px);
    opacity:0;
    transition:all .7s ease-in-out;
    -webkit-transition:all .7s ease-in-out;
}
.ani.on{
    transform: translateY(0);
    -ms-transform:translateY(0);
    -moz-transform:translateY(0);
    -webkit-transform:translateY(0);
    -o-transform:translateY(0);
    opacity:1;
}

.ani-to-right{
    transform: translateX(-100px);
    -ms-transform:translateX(-100px);
    -moz-transform:translateX(-100px);
    -webkit-transform:translateX(-100px);
    -o-transform:translateX(-100px);
    opacity:0;
    transition:all .7s ease-in-out;
    -webkit-transition:all .7s ease-in-out;
}
.ani-to-right.on{
    transform: translateX(0);
    -ms-transform:translateX(0);
    -moz-transform:translateX(0);
    -webkit-transform:translateX(0);
    -o-transform:translateX(0);
    opacity:1;
}
.ani-to-left{
    transform: translateX(100px);
    -ms-transform:translateX(100px);
    -moz-transform:translateX(100px);
    -webkit-transform:translateX(100px);
    -o-transform:translateX(100px);
    opacity:0;
    transition:all .7s ease-in-out;
    -webkit-transition:all .7s ease-in-out;
}
.ani-to-left.on{
    transform: translateX(0);
    -ms-transform:translateX(0);
    -moz-transform:translateX(0);
    -webkit-transform:translateX(0);
    -o-transform:translateX(0);
    opacity:1;
}

@keyframes scroll {
    0% {
        transform: translateY(0) translateZ(0) ;
        -ms-transform:translateY(0) translateZ(0) ;
        -moz-transform:translateY(0) translateZ(0) ;
        -webkit-transform:translateY(0) translateZ(0) ;
        -o-transform:translateY(0) translateZ(0) ;
    }
    100% {
        transform: translateY(60px) translateZ(0) ;
        -ms-transform:translateY(60px) translateZ(0) ;
        -moz-transform:translateY(60px) translateZ(0) ;
        -webkit-transform:translateY(60px) translateZ(0) ;
        -o-transform:translateY(60px) translateZ(0) ;
    }
}
@keyframes scroll2-1 {
    0% {
        opacity:0;
    }
    20% {
        opacity:1;
    }
    80% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
@keyframes scroll2-2 {
    0% {
        opacity:0;
    }
    20% {
        opacity:0;
    }
    40% {
        opacity:1;
    }
    80% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
@keyframes scroll2-3 {
    0% {
        opacity:0;
    }
    40% {
        opacity:0;
    }
    60% {
        opacity:1;
    }
    80% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
.icon-arr .arr1{animation: scroll2-1  2s  ease infinite;}
.icon-arr .arr2{animation: scroll2-2  2s  ease infinite}
.icon-arr .arr3{animation: scroll2-3  2s  ease infinite}
@keyframes ani1 {
    0% {
        transform: translateY(100px) translateZ(0) ;
        -ms-transform:translateY(100px) translateZ(0) ;
        -moz-transform:translateY(100px) translateZ(0) ;
        -webkit-transform:translateY(100px) translateZ(0) ;
        -o-transform:translateY(100px) translateZ(0) ;
        opacity:0;
    }
    100% {
        transform: translateY(0) translateZ(0) ;
        -ms-transform:translateY(0) translateZ(0) ;
        -moz-transform:translateY(0) translateZ(0) ;
        -webkit-transform:translateY(0) translateZ(0) ;
        -o-transform:translateY(0) translateZ(0) ;
        opacity:1;
    }
}
.ani-ty1 {animation: ani1 .7s  ease 1 both;}
.ani-ty2 {animation: ani1 .7s .2s  ease 1 both;}
.ani-ty3 {animation: ani1 .7s .4s  ease 1 both;}
.ani-ty4 {animation: ani1 .7s .6s  ease 1 both;}
.top-visual2 li.ani-ty4 {padding-top:19px;}


/*----썸네일hover----*/
@media (min-width: 1200px) {
    .thumb-hover{
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        background-repeat:no-repeat;
        background-size:cover;
        background-position: center center;
    }
    a:hover .thumb-hover{
        transform: scale(1.1);
        -ms-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -webkit-transform:scale(1.1);
        -o-transform:scale(1.1);
    }
}

/*----main----*/
.top-visual{position:relative;overflow:hidden;;height:780px;}
.top-visual .flex-center{padding:0 50px;}
.top-visual .flex-center>div{width:1200px;}
.top-visual .inner{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;text-align:center;}
.top-visual strong{display:block;font-size:56px;line-height:88px;letter-spacing:-1.4px;color:#fff;font-weight:500;text-align:center;word-break: keep-all;}
.top-visual p{display:block;font-size:24px;line-height:36px;letter-spacing:-0.72px;color:#fff;font-weight:300;text-align:center;word-break: keep-all; text-shadow:2px 2px 10px rgba(0,0,0,0.2)}
.top-visual p + strong{margin-top:10px;}
.top-visual strong + p{margin-top:10px;}
.top-visual img{display:inline-block;width:153px;}
.top-visual img + strong{margin-top:30px;}
.top-visual img + strong +p{margin-top:10px;font-size:20px;line-height:32px;letter-spacing:-0.5px;font-weight:400;}


.scroll-icon{position:absolute;left:0; bottom:0;z-index:100;padding-bottom:87px;width:100%;line-height:20px;font-size:12px;color:#fff;font-weight:500;letter-spacing:0.6px;text-align:center;}
.scroll-icon i{display:block;position:absolute;bottom:66px;left:calc(50% - 7px);width:15px;height:9px;background:url("../images/arrow_scroll.svg")0 0 no-repeat;background-size:contain;animation: scroll 3s linear infinite both;}


.top-visual .swiper-container{height:100%;}
.top-visual .swiper-container li{height:100%;}
.top-visual .swiper-container li .inner{text-align:center;}
.top-visual .swiper-container li a{width:auto;min-width:200px;padding:0 20px;max-width:100%;}

@media (max-width: 767px){
    .top-visual{height:540px;}
    .top-visual .flex-center{padding:0 30px;}
    .top-visual strong{font-size:32px;line-height:normal;letter-spacing:-0.8px;}
    .top-visual p{font-size:20px;line-height:32px;letter-spacing:-0.5px;}
    .top-visual img{width:121px;margin-top: -70px;}
    .top-visual img + strong{margin-top:20px;}
    .top-visual img + strong +p{font-size:16px;line-height:26px;letter-spacing:-0.4px;word-break: keep-all}
    .top-visual img + strong +p br{display:none;}
}


.top-visual2{position:relative;background:#f7f8f9;height:478px;text-align:center; }
.top-visual2 ul{margin-top:-82px;position:relative;z-index:100;}
.top-visual2 li{opacity:0;display:inline-block;vertical-align:top;padding-top:30px;width:calc(33.33% - 20px);height:150px;margin-left:30px;text-align:center;background:#0c2340}
.top-visual2 li:first-child{margin-left:0;}
.top-visual2 li em{font-size:18px;letter-spacing:-0.54px;color:#fff;font-weight:400;}
.top-visual2 li p{margin-top:12px;font-size:16px;letter-spacing:-0.48px;color:#fff;font-weight:300;line-height:24px;}
.top-visual2 .icon-arr{position:relative;width:20px;display:inline-block;margin-top:40px;}
.top-visual2 .icon-arr span{opacity:0;display:block;width:20px;height:11px;background:url("../images/arrow_b3.svg")0 0 no-repeat;background-size:contain;}
.top-visual2 .txt{position:relative;padding-top:60px; }
.top-visual2 .txt.mo{display:none;}
.top-visual2 .txt .inner{position:relative;display:inline-block;}
.top-visual2 .txt p{position:relative;display:inline-block;padding:0 50px;font-size:30px;line-height:48px;letter-spacing:-0.9px;color:#0d2645;z-index:100;}
.top-visual2 .txt-line{content:'';display:block;width:402px;height:22px;position:absolute;bottom:0;left:295px;background:#bbdbff;transition:all .7s ease;-webkit-transition:all .7s .7s ease;}
.top-visual2 .txt-line{width:0}
.top-visual2 .txt.ani.on .txt-line{width:380px;}
.top-visual2 .qu-mark{position:absolute;top:0;left:0;width:28px;height:19px;}
.top-visual2 .qu-mark:before{content:'';display:block;width:12px;height:19px;position:absolute;top:0;left:0;background:url("../images/apo.svg") 0 0 no-repeat;background-size:contain;}
.top-visual2 .qu-mark:after{content:'';display:block;width:12px;height:19px;position:absolute;top:0;right:0;background:url("../images/apo.svg") 0 0 no-repeat;background-size:contain;}
.top-visual2 .qu-mark.v1{
    left:auto;
    right:0;
    transform: scaleX(-1);
    -ms-transform:scaleX(-1);
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
}
@media (max-width: 1199px){
    .top-visual2 ul{padding:0 30px;}
    .top-visual2 li{width:calc(33.33% - 16px);margin-left:24px;padding:20px 20px 0}
    .top-visual2 li:first-child{margin-left:0}
    .top-visual2 li br{display:none;}
    .top-visual2 li p{word-break:keep-all;}
}
@media (max-width: 767px){
    .top-visual2{height:631px;}
    .top-visual2 ul{margin-top:-70px;}
    .top-visual2 li{width:100%;margin-left:0;margin-top:14px;height:124px;padding:18px 0 0;}
    .top-visual2 li.ani-ty4{height:134px;}
    .top-visual2 li:first-child{margin-top:0;}
    .top-visual2 li em{font-size:16px;}
    .top-visual2 li p{font-size:14px;margin-top:9px;line-height:20px;}
    .top-visual2 li br{display:block;}
    .top-visual2 .icon-arr{margin-top:20px;}
    .top-visual2 .txt{padding:30px 0 0;}
    .top-visual2 .txt.mo{display:block;}
    .top-visual2 .txt.pc{display:none;}
    .top-visual2 .txt p{padding:0 23px;font-size:20px;line-height:29px;letter-spacing:-0.6px;}
    .top-visual2 .txt-line{width:250px;height:16px;bottom:27px;left:20px;}
    .top-visual2 .txt-line{width:0}
    .top-visual2 .txt.ani.on .txt-line{width:230px;}
    .top-visual2 .qu-mark{width:19px;top:0 }
    .top-visual2 .qu-mark:before{width:8px;height:13px;}
    .top-visual2 .qu-mark:after{width:8px;height:13px;}
}

.main1{margin-top:60px;}
.main1 + .main1 .wrap{padding-top:60px;border-top:1px solid rgba(0,0,0,0.1)}
.main1.v1{margin-top:100px;}
.main1 a{position:absolute;bottom:0;right:0;}
.main2{margin-top:120px;}
.main3{position:relative;margin-top:80px;}
.main3 .btn1{position:absolute;top:0;right:0;}
.main3 .list-ty2 ul{margin-top:77px;margin-bottom:155px;}
.main4{margin-top:120px;}
.main4 .btn2{position:absolute;top:0;right:0;}
.main4 .list-ty{margin-top:60px;}
.main5{margin-top:121px;margin-bottom:150px;}
@media (max-width: 1199px){
    .main1{padding:0 30px;}
    .main3 .list-ty2{padding:0 30px;}
    .main4 .tit{padding-left:30px;}
    .main4 .btn2{right:30px;}
}
@media (max-width: 767px){
    .main1{text-align:center;margin-top:40px}
    .main1 + .main1 .wrap{padding-top:40px;}
    .main1.v1{margin-top:60px;}
    .main1 a{margin-top:18px;width:100%;position:relative;}
    .main2{margin-top:80px;}
    .main3 {padding-top:640px;margin-top:40px; }
    .main3 .bnr-ty{position:absolute;top:0;left:0;width:100%;height:640px;}
    .main3 .list-ty2{text-align:center;}
    .main3 .list-ty2 ul{margin-top:0;margin-bottom:0;padding-bottom:100px;text-align:left;}
    .main3 .list-ty2 .btn1{position:absolute;bottom:0;width:100%;top:auto;}
    .main4{margin-top:80px;}
    .main4 .list-ty{margin-top:20px;}
    .main4 .btn2{margin-top:5px;}
    .main5{margin-top:100px;margin-bottom:0}
}

/*----swiper----*/
.slide-ty{height:320px;}
.slide-ty .swiper-container{position:absolute;top:0;left:-57px;width:1315px;height:320px;}
.slide-ty .cont{display:table;padding:0 580px 0 137px;width:1315px;height:320px;background-size:auto 320px;background-position:center 0;background-repeat:no-repeat;}

.slide-ty .inner{position:relative;display:table-cell;vertical-align:middle;}
.slide-ty strong{font-size:32px;font-weight:500;letter-spacing:-0.8px;color:#fff}
.slide-ty p{margin-top:20px;font-size:18px;line-height:28px;font-weight:300;letter-spacing:-0.45px;color:#fff}
.slide-ty .swiper-button-next.swiper-button-disabled,
.slide-ty .swiper-button-prev.swiper-button-disabled{opacity:.2;}
.slide-ty .swiper-button-prev,
.slide-ty .swiper-button-next{top:160px;width:18px;height:33px;background:url("../images/swiper_arr.svg") 0 0 no-repeat;background-size: contain;right:0;}
.slide-ty .swiper-button-prev{
    left:0;
    transform: rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}
@media (max-width: 1199px){
    .slide-ty .swiper-container{position:static;width:100%;}
    .slide-ty .cont{width:100%;padding:0 360px 0 45px;background-size:auto 320px;background-position:center 0;}
    .slide-ty .swiper-button-prev,
    .slide-ty .swiper-button-next{background-image:url("../images/swiper_arr2.svg");right:10px;}
    .slide-ty .swiper-button-prev{left:10px;}
}
@media (max-width: 767px){
    .slide-ty{height:320px;}
    .slide-ty .swiper-container{height:320px;}
    .slide-ty .cont{height:320px;padding:0 45px;background-size:cover;}
    .slide-ty .inner{z-index:100;text-align:center;}
    .slide-ty strong{font-size:24px;letter-spacing:-0.6px;}
    .slide-ty p{margin-top:10px;font-size:14px;line-height:22px;letter-spacing:-0.35px;}
    .slide-ty .swiper-button-next,
    .slide-ty .swiper-button-prev{width:14px;height:25px;top:170px;}
}


/*----banner----*/
.bnr-ty{height:720px;background-image: url('../images/img.png');background-repeat:no-repeat;background-size:cover;background-position:30% top;}
.bnr-ty .inner{position:absolute;top:348px;left:0; width:900px;}

.bnr-ty strong{font-size:40px;font-weight:500;letter-spacing:-1px;color:#fff}
.bnr-ty p{margin-top:20px;font-size:24px;line-height:40px;font-weight:300;letter-spacing:-0.6px;color:#fff}
.bnr-ty ul{position:absolute;top:552px;left:0;}
.bnr-ty li{position:relative;display:inline-block;vertical-align:top;padding-left:40px;padding-right:40px;}
.bnr-ty li:before{content:'';display:block;position:absolute;top:10px;left:0;width:1px;height:68px;background:#fff;opacity:.3;}
.bnr-ty li strong{font-size:20px;letter-spacing:-0.5px;font-weight:400;}
.bnr-ty li p{margin-top:6px;font-size:18px;letter-spacing:-0.45px;font-weight:300;line-height:26px;}
.bnr-ty li:first-child{padding-left:0;}
.bnr-ty li:first-child:before{display:none;}

.bnr-ty.v1{margin-top:80px;}
.bnr-ty.v2{margin-top:100px;height:640px;}
.bnr-ty.v2 .inner{top:420px;}
.bnr-ty.v3{margin-top:100px;height:640px;}
@media (max-width: 1199px){
    .bnr-ty .inner{margin-left:30px;}
    .bnr-ty ul{padding:0 30px;}
}
@media (max-width: 767px){
    .bnr-ty{height:640px;background-image: url('../images/img_mo.png');}
    .bnr-ty .wrap{height:100%;}
    .bnr-ty .inner{top:220px;width:340px;padding:0 0 0 30px;margin:0;}
    .bnr-ty .inner > p > br{display:none;}
    .bnr-ty strong{font-size:20px;font-weight:500;letter-spacing:-0.5px;}
    .bnr-ty p{margin-top:5px;font-size:14px;line-height:22px;letter-spacing:-0.35px;}
    .bnr-ty ul{top:360px;padding:0 26px;}
    .bnr-ty li{display:block;padding:0;margin-bottom:20px;}
    .bnr-ty li strong{font-size:16px;letter-spacing:-0.4px;}
    .bnr-ty li p{margin-top:4px;font-size:14px;letter-spacing:-0.35px;line-height:22px;}
    .bnr-ty li:before{display:none;}
    .bnr-ty.v1{margin-top:60px;}
    .bnr-ty.v2{margin-top:0;height:380px;}
    .bnr-ty.v2 .inner{top:230px;}
    .bnr-ty.v3{margin-top:30px;height:320px;background-position:center top;background-image:url("../images/img14-mo.png") !important;}
    .bnr-ty.v3.business-bg{background-image:url("../images/img16-mo.png") !important;}
}
.video-box{position:relative;height:640px;overflow:hidden;margin-top:50px;}
.video-box video{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;object-fit:cover;}
.video-box strong{display:block;margin-top:182px;font-size:32px;font-weight:500;letter-spacing:-0.8px;color:#fff}
.video-box .btn-play{position:relative;display:block;margin-top:133px;width:48px;height:48px;background:url("../images/play_btn.svg")0 0 no-repeat;background-size: contain;}
.video-box .btn-play.stop{background-image:url("../images/stop_btn.svg")}
@media (max-width: 1199px){
    .video-box{margin-top:100px;padding:0 30px}
    .video-box strong{word-break: keep-all;}
}
@media (max-width: 767px){
    .video-box{margin-top:20px;height:540px;}
    .video-box strong{margin-top:100px;font-size:23px;line-height:36px;letter-spacing:-0.58px;}
    .video-box .btn-play{width:38px;height:38px;margin-top:100px;}
}

/*----list----*/
.list-ty li{display:inline-block;vertical-align:top;width:580px;height:291px;}
.list-ty li:nth-child(2n){margin-left:40px}
.list-ty a{position:relative;display:block;font-size:0;padding:0 0 0 321px;color:#000;}
.list-ty .thumb{display:inline-block;overflow:hidden;position:absolute;top:0;left:0;width:291px;height:291px;}
.list-ty .thumb span{display:inline-block;width:291px;height:291px;}
.list-ty strong{display:block;height:140px;font-size:20px;line-height:28px;font-weight:500;}
.list-ty .txt{display:block;margin-top:15px;font-size:14px;font-weight:300;opacity:.6;}
.list-ty .txt2{display:block;margin-top:20px;height:96px;font-size:15px;font-weight:300;line-height:24px;}
@media (max-width: 1199px){
    .list-ty{padding:0 30px;}
    .list-ty li{width:100%;margin-top:30px;}
    .list-ty li:nth-child(2n){margin-left:0}
    .list-ty li:first-child{margin-top:0;}
}
@media (max-width: 767px){
    .list-ty li{height:132px;}
    .list-ty a{padding-left:162px;padding-top:20px}
    .list-ty .thumb{width:132px;height:132px;}
    .list-ty .thumb span{width:132px;height:132px;background-size: contain;}
    .list-ty strong{height:60px;font-size:16px;line-height:20px;-webkit-line-clamp:3;}
    .list-ty .txt{margin-top:10px;font-size:12px;}
    .list-ty .txt2{display: none !important;}
}
.list-ty2{position:relative;}
.list-ty2 li{display:inline-block;vertical-align:top;width:16.66%;text-align:center;}
.list-ty2 li img{display:inline-block;width:66px;}
.list-ty2 li:nth-child(2) img{width:68px;}
.list-ty2 li:nth-child(3) img{width:65px;}
.list-ty2 li strong{display:block;margin-top:20px;font-size:16px;font-weight:500;line-height:28px;letter-spacing:-0.4px;color:#0c2340;}
.list-ty2 li p{max-width:210px;margin-top:6px;font-size:16px;font-weight:300;letter-spacing:-0.4px;color:#9ba2ab;}
.list-ty2 li p + p{margin-top:0;}
.list-ty2 li .dot{position:relative;display:inline-block;padding-left:7px;}
.list-ty2 li .dot:before{content:'';position:absolute;top:13px;left:0;width:2px;height:2px;background:#9ba2ab;}
.list-ty2.v1{margin-top:120px;}
.list-ty2.v1 ul{margin-top:77px}
.list-ty2 li:nth-child(1){transition:all .7s .2s ease;-webkit-transition:all .7s .2s ease;}
.list-ty2 li:nth-child(2){transition:all .7s .4s ease;-webkit-transition:all .7s .4s ease;}
.list-ty2 li:nth-child(3){transition:all .7s .6s ease;-webkit-transition:all .7s .6s ease;}
.list-ty2 li:nth-child(4){transition:all .7s .8s ease;-webkit-transition:all .7s .8s ease;}
.list-ty2 li:nth-child(5){transition:all .7s 1s ease;-webkit-transition:all .7s 1s ease;}
.list-ty2 li:nth-child(6){transition:all .7s 1.2s ease;-webkit-transition:all .7s 1.2s ease;}
@media (max-width: 1199px){
    .list-ty2.v1{padding:0 30px}
    .list-ty2.v1 li{padding:0 10px}
    .list-ty2 li strong{word-break:keep-all}
    .list-ty2 li strong br{display:none;}
}
@media (max-width: 767px){
    .list-ty2{padding:0 30px;text-align:center;}
    .list-ty2 li{width:50%;margin-top:60px;}
    .list-ty2 li img{width:52px;}
    .list-ty2 li:nth-child(2) img{width:55px;}
    .list-ty2 li:nth-child(3) img{width:54px;}
    .list-ty2 li strong{margin-top:10px;font-size:16px;letter-spacing:-0.4px;line-height:20px;}
    .list-ty2 li strong br{display:block;}
    .list-ty2 li:nth-child(4) strong{display:block;margin:10px auto 0;width:100px;}
    .list-ty2 li:nth-child(5) strong{display:block;margin:10px auto 0;width:100px;}
    .list-ty2 li:nth-child(6) strong{display:block;margin:10px auto 0;width:100px;}
    .list-ty2.v1{margin-top:60px;}
    .list-ty2.v1 .tit{text-align:center;padding:0 30px;word-break:keep-all;}
    .list-ty2.v1 ul{margin-top:0;}
    .list-ty2.v1 li{padding:0 6px}
    .list-ty2.v1 li p{font-size:14px;line-height:22px;}
}
.list-ty3{position:relative;font-size:0;margin-top:200px;}
.list-ty3 h3{display:block;margin-top:38px;font-weight:700;font-size:68px;line-height:80px;letter-spacing:-1.7px;color:#3289e8;}
.list-ty3 li{display:inline-block;vertical-align:top;width:580px;height:660px;}
.list-ty3 li:nth-child(2n){margin-left:40px;}
.list-ty3 li:nth-child(3){margin-top:-278px;}
.list-ty3 li strong{display:block;width:380px;margin-top:20px;font-size:20px;font-weight:500;letter-spacing:-0.5px;color:#000;}
.list-ty3 li p{display:block;width:380px;margin-top:10px;font-size:16px;line-height:24px;font-weight:300;letter-spacing:-0.4px;color:#666;}
@media (max-width: 1199px){
    .list-ty3{padding:0 30px;margin-top:150px}
    .list-ty3 h3{margin-top:20px;font-size:50px;line-height:normal;word-break: keep-all;white-space:nowrap}
    .list-ty3 li{width:calc(50% - 20px);height:auto;margin-bottom:50px;}
    .list-ty3 li:nth-child(3){margin-top:-20vw;}
    .list-ty3 li strong{width:100%;}
    .list-ty3 li p{width:100%;}
}
@media (max-width: 767px){
    .list-ty3{margin-top:20px;padding:0;}
    .list-ty3 h3{margin-top:0;font-size:38px;line-height:48px;letter-spacing:-0.95px;text-align:center;}
    .list-ty3 li{width:100%;margin-left:0;margin-bottom:60px;text-align:center;}
    .list-ty3 li:nth-child(2n){margin-left:0;}
    .list-ty3 li:nth-child(3){margin-top:0;}
    .list-ty3 li .inner{display:inline-block;max-width:580px;}
    .list-ty3 li strong{padding:0 30px;font-size:16px;letter-spacing:-0.4px;text-align:left}
    .list-ty3 li p{padding:0 30px;font-size:14px;letter-spacing:-0.35px;line-height:24px;text-align:left}
}
.list-ty4{position:relative;font-size:0;margin-top:120px;}
.list-ty4 h3{display:block;font-weight:500;font-size:32px;letter-spacing:-0.8px;color:#3289e8;}
.list-ty4 .place-clubs{display:flex;align-items:flex-start;margin-top:57px;}
.list-ty4 .place-club{box-sizing:border-box;}
.list-ty4 .place-club h4{display:block;margin-bottom:28px;font-size:22px;font-weight:600;letter-spacing:-0.55px;color:#000;text-align:center;line-height:1.3;}
.list-ty4 .place-club.office{flex:0 0 318px;width:318px;padding-right:49px;border-right:1px solid #ddd;}
.list-ty4 .place-club.barista{flex:1;min-width:0;padding-left:49px;}
.list-ty4 .place-club ul{display:flex;margin-top:0;}
.list-ty4 .place-club.office ul{display:block;}
.list-ty4 .place-club.barista ul{gap:12px;}
.list-ty4 .place-club li{display:block;vertical-align:top;margin-right:0;width:269px;flex:0 0 269px;transition:all .7s ease;-webkit-transition:all .5s ease;}
.list-ty4 .place-club.barista li:nth-child(1){transition:all .7s .2s ease;-webkit-transition:all .7s .2s ease;}
.list-ty4 .place-club.barista li:nth-child(2){transition:all .7s .4s ease;-webkit-transition:all .7s .4s ease;}
.list-ty4 .place-club.barista li:nth-child(3){transition:all .7s .6s ease;-webkit-transition:all .7s .6s ease;}
.list-ty4 .place-club .thumb{display:block;width:269px;overflow:hidden;}
.list-ty4 .place-club .thumb img{display:block;width:269px;height:auto;aspect-ratio:380/280;object-fit:cover;}
.list-ty4 .place-club strong{display:block;margin-top:24px;font-size:18px;font-weight:500;letter-spacing:-0.45px;color:#000;word-break:keep-all;}
.list-ty4 .place-club p{position:relative;display:block;margin-top:10px;padding-left:10px;font-size:15px;line-height:22px;font-weight:300;letter-spacing:-0.4px;color:#666;word-break:keep-all;}
.list-ty4 .place-club p+p{margin-top:4px;}
.list-ty4 .place-club p:before{content:'';display:block;position:absolute;top:10px;left:0;width:2px;height:2px;background:#666;}
@media (max-width: 1199px){
    .list-ty4{padding:0 30px;margin-top:100px;}
    .list-ty4 .place-club.office{flex:0 0 269px;width:269px;padding-right:24px;}
    .list-ty4 .place-club.barista{padding-left:24px;}
    .list-ty4 .place-club.barista ul{gap:16px;}
    .list-ty4 .place-club li,
    .list-ty4 .place-club .thumb,
    .list-ty4 .place-club .thumb img{width:100%;max-width:269px;flex:none;}
    .list-ty4 .place-club strong{font-size:16px;}
    .list-ty4 .place-club p{font-size:13px;line-height:20px;}
}
@media (max-width: 767px){
    .list-ty4{padding:0;margin-top:80px;}
    .list-ty4 h3{padding:0 30px;font-size:24px;letter-spacing:-0.6px;text-align:center}
    .list-ty4 .place-clubs{display:block;margin-top:30px;}
    .list-ty4 .place-club.office,
    .list-ty4 .place-club.barista{width:100%;flex:none;padding:0 30px;border-right:0;}
    .list-ty4 .place-club.office{margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #ddd;}
    .list-ty4 .place-club h4{margin-bottom:20px;font-size:18px;}
    .list-ty4 .place-club.barista ul{display:block;}
    .list-ty4 .place-club li{width:100%;max-width:none;margin-bottom:40px;}
    .list-ty4 .place-club li:last-child{margin-bottom:0;}
    .list-ty4 .place-club .thumb,
    .list-ty4 .place-club .thumb img{width:100%;max-width:none;}
    .list-ty4 .place-club strong{margin-top:16px;font-size:16px;letter-spacing:-0.4px;}
    .list-ty4 .place-club p{font-size:14px;letter-spacing:-0.35px;line-height:22px;}
}
.list-ty5{margin-top:80px;}
.list-ty5 h3{font-size:56px;line-height:80px;letter-spacing:-1.4px;font-weight:500;}
.list-ty5 h3 ~ p{margin-top:10px;font-size:20px;line-height:32px;letter-spacing:-0.5px;font-weight:400;color:rgba(0,0,0,0.6);word-break:keep-all;}
.list-ty5 h4{display:block;margin-top:12px;font-size:24px;font-weight:500;letter-spacing:-0.6px;color:#3289e8;}
.list-ty5 h4 + p{margin-top:30px;}
.list-ty5 .mo{display:none;}
.list-ty5 .pc{display:block;}
.list-ty5 ul{margin-top:80px;}
.list-ty5 li{position:relative;display:inline-block;vertical-align:top;margin-right:30px;width:380px;height:480px;background-size:cover;background-repeat: no-repeat;background-position:center center;}
.list-ty5 li:nth-child(1){background-image:url('../images/img4.png');}
.list-ty5 li:nth-child(2){background-image:url('../images/img5.png');}
.list-ty5 li:nth-child(3){background-image:url('../images/img6.png');}
.list-ty5 li:nth-child(3n){margin-right:0;}
.list-ty5 li div{position:absolute;bottom:0;left:0;padding:40px;z-index:1}
.list-ty5 li a{position:absolute;bottom:0;left:0;width:100%;height:100%;}
.list-ty5 li strong{font-size:28px;letter-spacing:-0.7px;font-weight:500;color:#fff;word-break: keep-all;}
.list-ty5 li .top{position:absolute;top:40px;left:40px;z-index:2;}
.list-ty5 li span{display:block;margin-top:10px;font-size:16px;line-height:26px;letter-spacing:-0.4px;font-weight:300;color:#fff;}
.list-ty5.v1 li{height:280px;}

.list-ty5 .thumb{display:inline-block;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;}
.list-ty5 .thumb:after{display:block;content:'';position:absolute;top:0;left:0;background:#0c2340;width:100%;height:100%;z-index:100;opacity:0;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
.list-ty5 .thumb span{display:inline-block;width:100%;height:100%;margin:0;background-position:center center;background-repeat:no-repeat;background-size: cover}
@media (min-width: 1200px) {
    .list-ty5 a:hover .thumb:after{opacity:.8;}
}

@media (max-width: 1199px){
    .list-ty5{padding:0 30px;}
    .list-ty5 li{width:calc(33.33% - 10px);height:44vw;margin-right:15px;}
    .list-ty5 li:nth-child(3n){margin-right:0;}
    .list-ty5 li div{padding:30px 15px;}
    .list-ty5 li .top{top:30px;left:30px;}
    .list-ty5 li a div{padding:30px;}
    .list-ty5 li span{font-size:14px;line-height:22px;}
}
@media (max-width: 767px){
    .list-ty5{margin-top:60px;}
    .list-ty5 h3{font-size:32px;line-height:46px;letter-spacing:-0.8px;font-weight:500;text-align:center;}
    .list-ty5 h3 ~ p{margin-top:6px;font-size:16px;line-height:26px;letter-spacing:-0.4px;font-weight:400;color:rgba(0,0,0,0.6);text-align:center;}
    .list-ty5 h4 + p{margin-top:26px;}
    .list-ty5 h4{font-size: 20px;letter-spacing:-0.5px;text-align:center;}
    .list-ty5 .pc{display:none;}
    .list-ty5 .mo{display:block;}
    .list-ty5 ul{margin-top:50px;}
    .list-ty5 li{display:block;width:100%;margin-right:0;height:398px;}
    .list-ty5 li{margin-top:30px;}
    .list-ty5 li a div{padding:35px;}
    .list-ty5 li div{padding:35px 30px;}
    .list-ty5 li strong{font-size:23px;letter-spacing:-0.58px;font-weight:500;color:#fff;word-break: keep-all;}
    .list-ty5 li span{margin-top:10px;font-size:13px;line-height:21px;letter-spacing:-0.33px;font-weight:300;color:#fff;}
    .list-ty5.v1 li{height:232px;margin-top:20px;}
    /* .list-ty5.v1 p br{display:none;} */
    .list-ty5.v1 p.ty1 br{display:block;}
    .list-ty5 li .top{top:35px;left:35px;}
    .list-ty5.v2 h3{font-size:31px;}
    .list-ty5.v2 *{text-align:left !important}
    .list-ty5.v2 h4{margin-top:8px;}
    .list-ty5.v2 p.ty1{margin-top:20px;}
}


.as{margin-top:120px;margin-bottom:150px;text-align:right;}
.as.v1{margin-top:60px;margin-bottom:60px;}
.as .tit{display:block;text-align:left;}
.as .box{margin-top:20px;padding:40px;height:170px;background:#f7f8f9;font-size:0;text-align:left;}
.as .box div{position:relative;display:inline-block;vertical-align:top;width:50%;height:100%;padding:15px 40px 0 67px; }
.as .box div + div{border-left:1px solid rgba(12, 35, 64, 0.1);padding:15px 0 0 100px}
.as img{display:inline-block;width:44px;position:absolute;top:15px;left:0}
.as .box div + div img{width:41px;left:40px;}
.as strong{display:inline-block;vertical-align:top;font-size:28px;letter-spacing:-0.84px;font-weight:500;}
.as p{display:inline-block;vertical-align:top;margin-left:20px;margin-top:5px;font-size:18px;letter-spacing:-0.45px;line-height:32px;opacity:.6;}
.as .btn1{margin-top:20px;}

.as.v2{margin-top:100px;}
.as.v2 .box{padding:0;height:auto;background:#fff;}
.as.v2 .box div{width:calc(50% - 15px);height:350px;padding:40px;background:#f7f8f9 url("../images/i_call2.png") calc(100% - 38px) calc(100% - 28px) no-repeat;}
.as.v2 .box div+div{margin-left:30px;border:0;background:#f7f8f9 url("../images/i_mail2.png") calc(100% - 38px) calc(100% - 28px) no-repeat;}
.as.v2 strong{display:block;font-size:18px;letter-spacing:-0.54px;opacity:1}
.as.v2 p{display:block;margin:30px 0 0;font-size:28px;font-weight:500;letter-spacing:-0.7px;opacity:1;color:#000;line-height:40px;}
.as.v2 span{display:inline-block;vertical-align:top; margin:10px 10px 0 0;font-size:16px;font-weight:400;letter-spacing:-0.4px;opacity:1;color:#3289e8; }
.as.v2.ty1{margin-top:60px;margin-bottom:0}

.as.v3{margin-top:70px;}
.as.v3 .box{margin:0;padding:0;height:auto;background:#fff;}
.as.v3 .box div{width:calc(33.33% - 20px);padding:0}
.as.v3 .box div + div{margin-left:30px;border-left:0;padding:0}
.as.v3 strong{width:100%;border-bottom:2px solid rgba(0,0,0,0.1);padding-bottom:30px;line-height:100px;height:100px;padding-left:40px;}
.as.v3 img{position:static;margin-right:20px;margin-top:30px;}
.as.v3 p{margin-top:30px;margin-left:40px;}
.as.v3 a{margin-top:30px;margin-left:40px;}

@media (max-width: 1199px){
    .as{padding:0 30px;}
    .as .box{padding:20px;height:200px;}
    .as .box div{padding:15px 20px 0 67px; }
    .as .box div + div{padding:15px 0 0 90px}
    .as .box div + div img{left:30px;}
    .as p{display:block;margin-left:0;line-height:24px;}
    .as.v2 .box div{background-size:80px auto; padding-right:110px; }
    .as.v2 .box div + div{background-size:80px auto;}

    .as.v3 strong{padding-left:20px;font-size:26px;}
    .as.v3 img{margin-right:10px;margin-top:35px;width:35px;}
    .as.v3 .box div + div img{width:31px;}
    .as.v3 p{margin-top:30px;margin-left:20px;}
    .as.v3 a{margin-top:30px;margin-left:20px;width:calc(100% - 20px);padding-right:0}
}
@media (max-width: 767px){
    .as{margin-top:80px;margin-bottom:70px;padding:0;}
    .as .tit{text-align:center;}
    .as .box{height:auto;padding:0 30px;}
    .as .box div{width:100%;padding:20px 20px 20px 74px;height:auto;}
    .as .box div + div{width:100%;padding:20px 20px 20px 74px;border-left:0;border-top:1px solid rgba(12, 35, 64, 0.1);}
    .as img{width:35px;top:20px;}
    .as .box div + div img{width:34px;left:0;top:20px;}
    .as strong{font-size:18px;letter-spacing:-0.54px;}
    .as p{font-size:14px;line-height:22px;letter-spacing:-0.35px;}
    .as .box div + div p{font-size:16px;letter-spacing:-0.4px;}
    .as .btn1{margin:30px;width:calc(100% - 60px);}
    .as.v2{margin:60px 0 100px;padding:0 30px; }
    .as.v2 .box div{width:100%;height:267px;padding:20px 20px 20px 20px;background-position:calc(100% - 20px) calc(100% - 20px) }
    .as.v2 .box div+div{margin-left:0;margin-top:20px;background-position:calc(100% - 20px) calc(100% - 20px)}
    .as.v2 strong{font-size:15px;}
    .as.v2 p{margin-top:20px;font-size:22px;letter-spacing:-0.55px;line-height:34px;}
    .as.v2 .box div + div p{font-size:22px;letter-spacing:-0.55px;line-height:34px;}
    .as.v2 span{font-size:14px;}
    .as.v2.ty1{margin-top:30px;}
    .as.v3{padding:0 30px;}
    .as.v3 .box div{width:100%;}
    .as.v3 .box div + div{margin-left:0;border:0}
    .as.v3 strong{padding-left:10px;font-size:18px;padding-bottom:14px;line-height:55px;height:55px;}
    .as.v3 strong.ty1{display:none;}
    .as.v3 img{margin-right:20px;margin-top:12px;width:35px;}
    .as.v3 .box div + div img{width:31px;}
    .as.v3 p{margin-top:14px;margin-left:68px;}
    .as.v3 a{margin-top:50px;margin-left:0;width:100%;margin-bottom:0;}

}
.list-ty6{margin-top:100px;margin-bottom:150px;text-align:right;}
.list-ty6 h3{position:relative;padding-left:15px;text-align:left;font-size:20px;line-height:30px;letter-spacing:-0.8px;font-weight:400;}
.list-ty6 h3:before{content:'';display:block;width:2px;height:calc(100% - 10px);position:absolute;top:5px;left:0;background:#3289e8;}
.list-ty6 ul{text-align:left;margin-top:70px;}
.list-ty6 li{position:relative;display:inline-block;vertical-align:top;margin-bottom:20px;width:100%;font-size:0;padding-left:200px;}
.list-ty6 li.half{width:50%;padding-right:60px;margin-bottom:40px;}
.list-ty6 li.half2{width:50%;margin-left:50%;margin-bottom:60px;}
.list-ty6 li>strong{position:absolute;top:0;left:0;line-height:40px;font-size:18px;letter-spacing:-0.45px;font-weight:400;}
.list-ty6 .email{font-size:0}
.list-ty6 .email input{display:inline-block;width:45%;vertical-align:top}
.list-ty6 .email span{display:inline-block;width:10%;vertical-align:top;font-size:16px;line-height:40px;color:#686a6d;text-align:center; }
.list-ty6 .phone{font-size:0}
.list-ty6 .phone input{display:inline-block;width:30%;vertical-align:top}
.list-ty6 .phone span{display:inline-block;width:5%;vertical-align:top;font-size:16px;line-height:40px;color:#686a6d;text-align:center; }
.list-ty6 .box{border:1px solid #e5e5e5;background:#f8f8f8;padding:30px;}
.list-ty6 .box p{position:relative;font-size:16px;line-height:26px;letter-spacing:-0.4px;color:#999;}
.list-ty6 .box p.num{padding-left:15px;}
.list-ty6 .box strong{position:absolute;top:0;left:0; font-weight:400;}
.list-ty6 .checkbox{margin-top:10px;}
.list-ty6 input[type="checkbox"] + label{font-weight:400;}
.list-ty6 .btn1{text-align:center;padding:0;width:200px;}
.list-ty6 .btn1:before{display:none;}
.list-ty6 sup{display:inline-block;background:#3289e8;position:absolute;top:5px;right:-15px;width:6px;height:6px;border-radius:100%;}
@media (max-width: 1199px){
    .list-ty6{margin-top:100px;padding:0 30px;}
    .list-ty6 li{margin-bottom:30px;}
    .list-ty6 li.half{width:100%;padding-right:0;margin-bottom:30px;}
    .list-ty6 li.half2{width:100%;margin-left:0;margin-bottom:30px;}
}
@media (max-width: 767px){
    .list-ty6{margin-top:50px;margin-bottom:100px;}
    .list-ty6 li{padding-left:0;margin-bottom:25px;}
    .list-ty6 li.half{margin-bottom:25px;}
    .list-ty6 li.half2{margin-bottom:25px;}
    .list-ty6 li>strong{position:relative;font-size:16px;}
    .list-ty6 .box{padding:15px 25px 15px 15px;}
    .list-ty6 .box p{font-size:12px;line-height:20px;letter-spacing:-0.3px;word-break:keep-all;}
    .list-ty6 .btn1{width:100%;}
    span.line-br{display:block !important;margin: 0 !important;}
    span.pc-br{display:none !important;}
}
span.line-br{margin:0 !important;}
.pc-br{display:block;}
.list-ty7{margin-top:80px;margin-bottom:150px}
.list-ty7 h3{font-size:56px;line-height:80px;letter-spacing:-1.4px;font-weight:500;}
.list-ty7 h3 br{display:none;}
.list-ty7 h3 ~ p{margin-top:10px;font-size:20px;line-height:32px;letter-spacing:-0.5px;font-weight:400;color:rgba(0,0,0,0.6);}
.list-ty7 .list{margin-top:80px;}
.list-ty7 .list li{display:inline-block;vertical-align:top;width:calc(33.33% - 20px);height:558px;margin-right:30px;}
.list-ty7 .list li:nth-child(3n){margin-right:0;}
.list-ty7 .list a{display:block;width:100%;position:relative;}
.list-ty7 .list strong{display:block;margin-top:16px;height:57px;line-height:28px;font-size:20px;font-weight:500;color:#000;}
.list-ty7 .list strong + span{display:block;margin-top:12px;height:94px;line-height:24px;font-size:15px;font-weight:300;color:#000;}
.list-ty7 .list strong + span + span{display:block;margin-top:8px;height:22px;line-height:22px;font-size:14px;font-weight:300;color:rgba(0,0,0,0.6);}
.list-ty7 .thumb{display:inline-block;overflow:hidden;position:relative;width:100%;height:291px;padding:0;}
.list-ty7 .thumb span{display:inline-block;width:100%;height:100%;margin:0;background-position:center center;background-repeat:no-repeat;background-size: cover}

@media (min-width: 1200px) {
    .list-ty7 a:hover .thumb:after{opacity:.8;}
}

@media (max-width: 1199px){
    .list-ty7{padding:0 30px;}
    .list-ty7 .list li{height:450px}
    .list-ty7 .thumb{height:180px}
}
@media (max-width: 767px){
    .list-ty7{margin-top:60px;margin-bottom:100px;}
    .list-ty7 h3{font-size:32px;line-height:46px;letter-spacing:-0.8px;font-weight:500;text-align:center;}
    .list-ty7 h3 br{display:block;}
    .list-ty7 h3 ~ p{margin-top:6px;font-size:16px;line-height:26px;letter-spacing:-0.4px;font-weight:400;color:rgba(0,0,0,0.6);text-align:center;}
    .list-ty7 .list{margin-top:50px;}
    .list-ty7 .list li{display:block;height:auto;width:100%;margin-right:0;margin-top:40px; }
    .list-ty7 .thumb{height: 240px;}
    .list-ty7 .list strong{margin-top:14px;max-height:48px;height:auto;line-height:24px;font-size:16px;}
    .list-ty7 .list strong + span{margin-top:10px;max-height:77px;height:auto;line-height:19px;font-size:14px;}
    .list-ty7 .list strong + span + span{margin-top:8px;line-height:17px;font-size:12px;}
}
.list-ty8{margin-top:60px;}
.list-ty8 h3{font-size:32px;letter-spacing:-0.8px;font-weight:500;}
.list-ty8 h4{position:relative;margin-bottom:80px;font-size:40px;letter-spacing:-0.8px;font-weight:400;color:#0D2645;text-align: center;}
.list-ty8 h4 strong{margin-top:10px;font-size:40px;letter-spacing:-0.8px;font-weight:600;}
.list-ty8 h4 .qu-mark {position: absolute;top: 0;left: 100px;width: 28px;height: 19px;}
.list-ty8 h4 .qu-mark.v1 {left:auto;right:100px;transform: scaleX(-1);-ms-transform:scaleX(-1);-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);}
.list-ty8 h4 .qu-mark:before{content:'';display:block;width:12px;height:19px;position:absolute;top:0;left:0;background:url("../images/apo.svg") 0 0 no-repeat;background-size:contain;}
.list-ty8 h4 .qu-mark:after{content:'';display:block;width:12px;height:19px;position:absolute;top:0;right:0;background:url("../images/apo.svg") 0 0 no-repeat;background-size:contain;}
.list-ty8 ul{margin-top:30px}
.list-ty8 li{display:inline-block;vertical-align:top;width:calc(50% - 20px);margin-bottom:60px;}
.list-ty8 li img{width:100%;}
.list-ty8 li:nth-child(2n){margin-left:20px;}
.list-ty8 strong{display:block;margin-top:20px;font-size:20px;font-weight:500;color:#000;letter-spacing:-0.5px;line-height:28px;}
.list-ty8 p{display:block;margin-top:8px;font-size:20px;font-weight:400;color:rgba(0,0,0,0.6);letter-spacing:-0.5px;line-height:28px;}

.box-info ul{margin-top:20px;background-color:#f7f8f9;padding:40px;min-height:372px;background-repeat:no-repeat;background-size:auto 372px;background-position:right bottom;}
.box-info li{position:relative;margin-top:16px;font-size:16px;padding-left:10px;max-width:600px;}
.box-info li:first-child{margin-top:0;}
.box-info li:before{display:block;content:'';position:absolute;top:12px;left:0;width:4px;height:4px;background:#000;}
.box-info li span{display:block;margin-top:8px;font-size:14px;color:rgba(0,0,0,0.6)}
.box-info2.pc{display:block;}
.box-info2.mo{display:none;}
.box-info2{margin-top:55px}
.box-info2 dt{font-size:20px}
.box-info2 dd{margin-top:10px;padding:34px 30px;background:#f7f8f9}
.box-info2 li{position:relative;display:block;margin-top:2px;padding-left:20px;font-size:16px;line-height:26px;letter-spacing:-0.4px;color:#999;font-weight:400}
.box-info2 li:before{display:block;content:'';position:absolute;top:5px;left:0;width:16px;height:16px;background:url("../images/icon_i.svg")0 0 no-repeat;background-size:contain;}
.box-info2 li:first-child{margin-top:0;}
@media (max-width: 767px){
    .box-info2{margin-top:40px}
    .box-info2 dt{font-size:16px;letter-spacing:-0.4px;}
    .box-info2 dd{padding:16px 12px 16px 16px; }
    .box-info2 li{font-size:12px;line-height:20px;letter-spacing:-0.3px; }
    .box-info2 li:before{width:14px;height:14px;top:3px;}
}

@media (max-width: 1199px){
    .list-ty8{padding:0 30px;}
    /* .box-info{padding:0 30px;} */
    .box-info ul{padding-bottom: 372px;background-position:center bottom;background-size:auto 372px;}
}
@media (max-width: 767px){
    .list-ty8{padding:0;}
    .list-ty8 h3{display:none;}
    .list-ty8 li{width:100%;}
    .list-ty8 li:nth-child(2n){margin-left:0}
    .list-ty8 strong{display:block;margin-top:20px;padding:0 30px;font-size:16px;letter-spacing:-0.4px;line-height:24px;}
    .list-ty8 p{margin-top:6px;padding:0 30px;font-size:14px;letter-spacing:-0.7px;line-height:24px;}

    .box-info ul{margin-top:0;padding:20px 20px 258px;background-size:auto 258px;}
    .box-info li{margin-top:12px;font-size:12px;padding-left:7px;}
    .box-info li:before{top:8px;left:0;width:3px;height:3px;}
    .box-info li span{margin-top:6px;font-size:9px;}
    .box-info2.mo{display:block;}
    .box-info2.pc{display:none;}
    .list-ty8 h4 {margin-bottom:60px;font-size: 20px;}
    .list-ty8 h4 strong{display: inline;padding: 0;font-size: 20px;}
    .list-ty8 h4 .qu-mark{width: 18px;left:30px;}
    .list-ty8 h4 .qu-mark.v1{right:30px;}
    .list-ty8 h4 .qu-mark:before,
    .list-ty8 h4 .qu-mark:after{width:8px;height:12px;}
}
.list-ty9{margin-top:120px;margin-bottom:150px;}
.list-ty9 h3{font-size:32px;letter-spacing:-0.8px;font-weight:500;}
.list-ty9 ul{margin-top:28px;border-top:1px solid #2d2d2d;}
.list-ty9 li{display:inline-block;vertical-align:top;width:25%;margin-top:45px;}
.list-ty9 li p{font-size:14px;color:rgba(0,0,0,0.5)}
.list-ty9 li strong{font-size:22px;margin-top:6px;display:block;}
.list-ty9 li:nth-child(1),
.list-ty9 li:nth-child(2),
.list-ty9 li:nth-child(3),
.list-ty9 li:nth-child(4){margin-top:33px;}
@media (max-width: 1199px){
    .list-ty9{padding:0 30px;}
    .list-ty9 li{width:33.33%;}
    .list-ty9 li:nth-child(4){margin-top:45px;}
}
@media (max-width: 767px){
    .list-ty9{margin-top:40px;margin-bottom:100px;}
    .list-ty9 h3{font-size:26px;letter-spacing:-0.65px;}
    .list-ty9 ul{margin-top:26px;border-top:1px solid #2d2d2d;}
    .list-ty9 li{width:65%;margin-top:30px;}
    .list-ty9 li:nth-child(2n){width:35%;}
    .list-ty9 li strong{font-size:18px;}
    .list-ty9 li:nth-child(1),
    .list-ty9 li:nth-child(2){margin-top:20px;}
    .list-ty9 li:nth-child(3),
    .list-ty9 li:nth-child(4){margin-top:30px;}
}
.list-ty10{margin-top:40px;}
.list-ty10 li{position:relative;display:table;width:100%;height:162px;border-bottom:1px solid rgba(13, 38, 69, 0.2);font-size:0;text-align:center;}
.list-ty10 li:first-child{height:200px;}
.list-ty10 em{display:table;width:200px;height:100%;position:absolute;top:0;left:calc(50% - 100px);}
.list-ty10 em>span{display:table-cell;vertical-align:middle;font-size:24px;line-height:36px;font-weight:700;color:#0d2645;letter-spacing:-0.6px;}
.list-ty10 em span span{display:block;line-height:60px;margin:0 auto;font-size:40px; color:rgba(13, 38, 69, 0.2);font-weight:400;}

.list-ty10 li div{position:relative;display:table-cell;width:50%;font-size:16px;line-height:28px;letter-spacing:-0.4px;color:#000;vertical-align:middle;}
.list-ty10 li div strong{display:none;}

@media (max-width: 1199px){
    .list-ty10{padding:0 30px;}
    .list-ty10 li div{padding-right:100px;}
    .list-ty10 li div + div{padding-right:0;padding-left:100px;}
}
@media (max-width: 767px){
    .list-ty10 li{display:block;height:auto;padding:20px 0;}
    .list-ty10 li:first-child{height:auto;}
    .list-ty10 em{display:block;width:200px;margin:0 auto;height:auto;position:static}
    .list-ty10 em>span{display:block;}
    .list-ty10 li div{display:block;width:100%;padding:0;margin-top:10px}
    .list-ty10 li div + div{padding:0;margin-top:14px;}
    .list-ty10 li div strong{display:block;font-size:16px;line-height:28px;letter-spacing:-0.4px;color:#3289e8;font-weight:400;}
    .list-ty10 li div.mo-none{display:none;}
}

.list-ty11{margin-top:120px}
.product-banner-toggle{margin-top:60px;text-align: center;}
.product-banner-toggle .img-mo{display:none;}
.list-ty11 h3{font-size:42px;font-weight:500;letter-spacing:-1.05px;color:#000;}
.list-ty11 ul{margin-top:30px;}
.list-ty11 li{position:relative;display:inline-block;vertical-align:top;overflow:hidden;margin-right:30px;margin-top:30px;padding:30px;width:calc(33.33% - 20px);height:258px;background:#f7f8f9;}
.list-ty11 li:nth-child(3n){margin-right:0}
.list-ty11 li:nth-child(1),
.list-ty11 li:nth-child(2),
.list-ty11 li:nth-child(3){height:286px;}
.list-ty11 li img{position:absolute;top:calc(100% - 95px);left:calc(100% - 360px);width:337px;}
.list-ty11 li img.img-size1{top:calc(100% - 95px);left:calc(100% - 210px);width:182px;}
.list-ty11 li:nth-child(2) img{top:calc(100% - 150px);left:calc(100% - 145px);width:auto;}
.list-ty11 li:nth-child(3) img{top:calc(100% - 148px);left:calc(100% - 137px);width:107px;}
.list-ty11 li:nth-child(6) img{top:calc(100% - 110px);left:calc(100% - 99px);width:69px;}
.list-ty11 li.v1 img{width:110px;top:calc(100% - 158px);left:calc(100% - 141px);}
.list-ty11 .txt{margin-top:10px;font-size:16px;letter-spacing:-0.4px;color:rgba(0,0,0,0.4);text-align:right}
.list-ty11 li em{display:block; width:86px;height:36px;font-size:16px;line-height:36px;letter-spacing:-0.4px;color:#0d2645;text-align:center;border-radius:50px; background:#dde5ed}
.list-ty11 li strong{display:block;margin-top:14px;font-size:24px;line-height:36px;letter-spacing:-0.6px;color:#0d2645;text-align:left;font-weight:700;}
.list-ty11 li p{display:block;margin-top:6px;font-size:16px;line-height:28px;letter-spacing:-0.4px;color:rgba(0,0,0,0.6);text-align:left;}
@media (max-width: 1199px){
    .list-ty11{padding:0 30px;}
    .list-ty11 li:nth-child(1),
    .list-ty11 li:nth-child(2),
    .list-ty11 li:nth-child(3){height:370px;}
    /* .list-ty11 li img{position:absolute;top:calc(100% - 125px);left:calc(100% - 144px);width:118px;} */
    .list-ty11 li:nth-child(2) img{top:calc(100% - 125px);}
    .list-ty11 li:nth-child(3) img{top:calc(100% - 147px);left:calc(100% - 129px);width:100px;}
}
@media (max-width: 900px){
    .list-ty11 li{width:calc(50% - 15px);margin-right:30px}
    .list-ty11 li:nth-child(1),
    .list-ty11 li:nth-child(2),
    .list-ty11 li:nth-child(3),
    .list-ty11 li:nth-child(4){height:320px;}
    .list-ty11 li:nth-child(3n){margin-right:30px}
    .list-ty11 li:nth-child(2n){margin-right:0}
}
@media (max-width: 767px){
    .list-ty11{margin-top:60px}
    .list-ty11 h3{font-size:20px;letter-spacing:-0.5px;}
    .list-ty11 ul{margin-top:0;}
    .list-ty11 li{width:100%;height:182px;margin-right:0;padding:25px;margin-top:20px;}
    .list-ty11 li:nth-child(1){height:265px;}
    .list-ty11 li:nth-child(2){height:210px;}
    .list-ty11 li:nth-child(3),
    .list-ty11 li:nth-child(4){height:153px;}
    .list-ty11 li:nth-child(5) > strong > br{display:none;}
    .list-ty11 li:nth-child(3n){margin-right:0}
    /* .list-ty11 li.v1 img{width:136px;left:calc(100% - 156px);top:calc(100% - 110px);} */
    .list-ty11 li:nth-child(1) img{width: 166px;top: calc(100% - 90px);left: calc(100% - 183px);}
    .list-ty11 li:nth-child(2) img{width:90px;top: calc(100% - 130px);left: calc(100% - 135px);}
    .list-ty11 li:nth-child(3) img{width:90px;top: calc(100% - 120px);left:calc(100% - 113px);}
    .list-ty11 li:nth-child(6) img{width:56px;top:calc(100% - 85px);left:calc(100% - 74px);}
    .list-ty11 li em{width:71px;height:30px;font-size:14px;line-height:30px;letter-spacing:-0.35px;}
    .list-ty11 li strong{margin-top:10px;font-size:20px;line-height:29px;letter-spacing:-0.5px;}
    .list-ty11 li p{margin-top:7px;font-size:14px;line-height:23px;letter-spacing:-0.35px;}
    .list-ty11 .txt{font-size:14px;letter-spacing:-0.35px;}
    .product-banner-toggle{margin-top:20px;}
    .product-banner-toggle .img-mo{display: block;}
    .product-banner-toggle .img-pc{display: none;}
}



/*----btn-group----*/
.btn-group{font-size:0;}
.btn-group a{position:relative;display:inline-block;vertical-align:top;width:50%;height:240px;text-align:center;color:#fff;}
.btn-group .thumb{display:inline-block;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;}
.btn-group .thumb:after{display:block;content:'';position:absolute;top:0;left:0;background:rgba(0,0,0,0.1);width:100%;height:100%;z-index:100;opacity:0;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
.btn-group .thumb span{display:inline-block;width:100%;height:100%;}
.btn-group  strong{position:relative;z-index:100;display:block;margin-top:80px;font-size:32px;font-weight:500;letter-spacing:-0.8px;}
.btn-group  .txt{position:relative;z-index:100;display:inline-block;padding-right:10px;margin-top:17px;font-size:14px;font-weight:300;letter-spacing:-0.35px;color:rgba(255,255,255,0.6);background:url("../images/arrow_sm.svg")right center no-repeat;background-size: 5px auto;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
@media (min-width: 1200px) {
    .btn-group a:hover .thumb:after{opacity:1;}
    .btn-group a:hover .txt{padding-right:15px;padding-left:5px;}
}

@media (max-width: 767px){
    .btn-group a{width:100%;height:160px;}
    .btn-group  strong{margin-top:47px;font-size:23px;letter-spacing:-0.58px;}
    .btn-group  .txt{margin-top:10px;font-size:15px;letter-spacing:-0.38px;opacity:1;}

}

/*자주 묻는 질문*/
.qna{margin-top:80px;margin-bottom:150px}
.qna h3{font-size:56px;line-height:80px;letter-spacing:-1.4px;font-weight:500;}
.qna h3 + p{margin-top:10px;font-size:20px;line-height:32px;letter-spacing:-0.5px;font-weight:400;color:rgba(0,0,0,0.6);}
.qna h3 br{display:none;}
.qna ul{margin-top:80px;border-top:2px solid #052644;border-bottom:2px solid #052644;}
.qna li{border-top:1px solid #e5e5e5;}
.qna li:first-child{border:0}
.qna li > a{position:relative;display:block;padding:31px 79px;font-size:18px;line-height:28px;font-weight:400;letter-spacing:-0.54px;transition:all .2s ease-in-out;color:#000; }
.qna li > a.dim{color:#999;}
.qna li > a:before{content:'Q';display:block;position:absolute;top:30px;left:0;width:79px;text-align:center;line-height:29px;font-size:24px;font-weight:700;letter-spacing:-0.72px;color:#3289e8;}
.qna li > a:after{content:'';display:block;position:absolute;top:36px;right:30px;width:18px;height:18px;background:url("../images/btn_arrow_less.svg")0 0 no-repeat;background-size:contain;transform: rotate(180deg);transition:all .2s ease-in-out;opacity:0.4}
.qna li > a.on:after{transform:rotate(0deg);opacity:1}
.qna li > a.on{font-weight:500;color:#000;}
.qna li .cont{font-size:0;}
.qna li .cont{position:relative;display:none;padding:50px 0;background:#f8f8f8; }
.qna li .cont .inner{display:inline-block;width: calc( 100% - 158px);font-size:18px;line-height:28px;font-weight:400;letter-spacing:-0.54px;vertical-align:top;color:#333}
.qna li .cont em{display:inline-block;width:79px;text-align:center;line-height:29px;font-size:24px;font-weight:700;letter-spacing:-0.72px;color:#000;vertical-align:top;}
@media (min-width: 1200px) {
    .qna li a:hover{font-weight:500;}
}
@media (max-width: 1199px) {
    .qna {padding:0 30px;}
}
@media (max-width: 767px) {
    .qna{margin-top:60px;margin-bottom:100px}
    .qna h3{font-size:32px;line-height:46px;letter-spacing:-0.8px;font-weight:500;text-align:center;}
    .qna h3 + p{margin-top:6px;font-size:16px;line-height:26px;letter-spacing:-0.4px;font-weight:400;color:rgba(0,0,0,0.6);text-align:center;}
    .qna h3 br{display:block;}
    .qna ul{margin-top:50px;border-bottom:1px solid #e5e5e5;}
    .qna li a{padding:20px 50px 20px 44px;font-size:14px;line-height:22px;letter-spacing:-0.42px; }
    .qna li a:before{top:20px;width:44px;text-align:center;line-height:22px;font-size:18px;letter-spacing:-0.54px;}
    .qna li a:after{position:absolute;top:calc(50% - 9px);right:15px;width:18px;height:18px}
    .qna li .cont{padding:30px 0; }
    .qna li .cont .inner{width: calc( 100% - 94px);font-size:14px;line-height:22px;letter-spacing:-0.42px; ;}
    .qna li .cont em{display:inline-block;width:44px;line-height:22px;font-size:18px;letter-spacing:-0.54px;}
}

.product{margin-top:60px;}

.product .wl{position:relative;display:inline-block;vertical-align:top;margin-top:50px;width:710px;font-size:0;}
.product .wl .gallery-top{display:inline-block;width:500px;height:500px;margin-top: 16px;margin-left:55px;}
.product .wl .gallery-top .swiper-slide{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position: center center;cursor: pointer}
.product .wl .gallery-thumbs{display:inline-block;vertical-align:top;position:relative;margin-top:45px; font-size:0;text-align:center;width:89px;height:392px;}
.product .wl .gallery-thumbs .swiper-slide{display:inline-block;border:1px solid #d4d7d8;width:89px;height:89px;overflow:hidden;border-radius:10px;}
.product .wl .gallery-thumbs .swiper-slide span{display:block;width:89px;height:89px;background-size:cover;background-repeat:no-repeat;background-position: center center;transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out}
.product .wl .gallery-thumbs .swiper-slide:hover span{margin-left:-1px;margin-top:-1px;transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}
.product .wl .gallery-thumbs .swiper-slide-thumb-active{border:1px solid #3289e8;}
.product .swiper-button-prev{width:89px;height:54px;left:0;top:-10px;bottom:auto;margin:0;background:url("../images/btn_arrow_less.svg")center 0 no-repeat;background-size:26px auto; }
.product .swiper-button-next{width:89px;height:54px;right:auto;left:0;top:auto;bottom:10px; margin:0;background:url("../images/btn_arrow_less.svg")center 0 no-repeat;background-size:26px auto;}
.product .swiper-button-next{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.product .swiper-button-prev.swiper-button-disabled,
.product .swiper-button-next.swiper-button-disabled{opacity:0.2}

.view-larger{display:none;z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;padding:200px 50px;background-color:rgba(0,0,0,0.5);text-align:center;overflow:auto;}
.view-larger .dim{position:absolute;top:0;left:0;width:calc(100% - 20px);height:calc(100% - 20px);}
.view-larger .img-cont{z-index:100;position:relative;display:inline-block;border:1px solid #fff;}
.view-larger .img-cont .btn-close{position:absolute;top:-40px;right:0;display:block;width:30px;height:30px;line-height:30px;text-align:center;}
.view-larger .img-cont .btn-close:before{content:'';position:absolute;top:0;left:50%;width:1px;height:24px;background:#fff;transform:rotate(45deg)}
.view-larger .img-cont .btn-close:after{content:'';position:absolute;top:0;left:50%;width:1px;height:24px;background:#fff;transform:rotate(135deg)}

.product .wr{position:relative;display:inline-block;vertical-align:top;width:465px;font-size:0;}
.product .product-name{position:absolute;left:142px;top:0; font-size:40px;font-weight:500;letter-spacing: -0.75px;color:#000;}
.product .product-logo{margin-bottom:14px;}
.product .wr h4{display:block;font-size:24px;font-weight:700;letter-spacing:-0.75px;color:#000;word-break: keep-all;}
.product .wr h4 + em{display:block;font-size:14px;font-weight:400;letter-spacing:0.7px;color:rgba(0,0,0,0.6);margin-top:10px;}
.product .wr h4 + em + p{display:block;font-size:16px;font-weight:400;letter-spacing:-0.4px;color:#333;line-height:24px;margin-top:20px;word-break: keep-all;padding-right:10px}
.product .wr h5{display:block;font-size:16px;font-weight:500;letter-spacing:-0.4px;color:#000;word-break: keep-all;margin-top:40px;}
.product .wr ul{margin-top:10px;padding-top:20px;border-top:1px solid #ddd;}
.product .wr li{overflow:hidden;}
.product .wr li strong{display:inline-block;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-0.4px;color:rgba(0,0,0,0.5);word-break: keep-all;}
.product .wr li p{display:inline-block;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-0.4px;color:rgba(0,0,0,0.5);word-break: keep-all;float: right;font-family:'NotoSansKR', sans-serif}
.product .wr .info{display:block;font-size:14px;font-weight:400;line-height:24px;letter-spacing:-0.35px;color:#333;text-align:right;margin-top:20px;}
.product .wr .point1{margin-bottom:10px;}
.product .wr .point1 strong{font-weight:500;color:#000;line-height:33px;}
.product .wr .point1 p{font-weight:500;color:#000;line-height:33px;font-size:22px;letter-spacing:-0.55px;}
.product .wr .point1 p span{display:inline-block;padding-left:3px;font-size:16px;}
.product .wr .point2{margin-bottom:10px;}
.product .wr .point2 strong{font-weight:500;color:#3289e8;line-height:33px;}
.product .wr .point2 p{font-weight:500;color:#3289e8;line-height:33px;font-size:22px;letter-spacing:-0.55px;}
.product .wr .point2 p span{display:inline-block;padding-left:3px;font-size:16px;}
.product .wr .txt{height:175px;margin-top:10px;padding-top:26px;border-top:1px solid #ddd;font-size:20px;font-weight:500;letter-spacing:-0.75px;color:#3289e8;text-align:left;}

@media (max-width: 1199px) {
    .product{padding:0 30px;}
    .product .wl{width:calc(100% - 340px);}
    .product .wl .gallery-top{margin-left:20px;width:calc(100% - 150px)}
    .product .wr{width:340px;}
    .view-larger{display:none;}
}
@media (max-width: 960px) {
    .product .wl{width:100%;text-align:center;margin-top:0;}
    .product .wl .gallery-thumbs{display:none;}
    .product .wl .gallery-top{margin:0;}
    .product .swiper-button-prev{left:-25px;top:calc(50% - 20px);background-size:28px auto;}
    .product .swiper-button-next{left:auto;right:-25px;top:calc(50% - 20px);bottom:auto;background-size:28px auto;}
    .product .swiper-button-prev{transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);}
    .product .swiper-button-next{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
    .product .wr{width:100%;margin-top:60px;}
    .product .wr .txt{height:140px;margin-bottom: 10px;padding-top:18px;font-size:24px;letter-spacing:-0.6px;}
    .product .product-name{position: relative;left:auto;top:auto;margin-bottom: 14px;font-size:32px;}
}

@media (max-width: 767px) {
    .product{margin-top:40px;}
    .product .wl .gallery-top{width:100%;height:315px;}
    .product .wr{margin-top:40px;}
    .product .wr h4{font-size:24px;letter-spacing:-0.6px;}
    .product .wr h4 + em{margin-top:4px;font-size:12px;letter-spacing:0.6px;}
    .product .wr h4 + em + p{margin-top:11px;font-size:14px;letter-spacing:-0.35px;}
    .product .wr h4 + em + p > br{display:none;}
    .product .wr h5{margin-top:24px;font-size:14px;letter-spacing:-0.35px;}
    .product .wr ul{margin-top:8px;padding-top:12px;}
    .product .wr li strong{font-size:14px;letter-spacing:-0.35px;line-height:20px;}
    .product .wr li p{font-size:14px;letter-spacing:-0.35px;line-height:20px;}
    .product .wr .info{margin-top:12px;font-size:12px;letter-spacing:-0.3px;}
    .product .wr .point1{margin-bottom:4px;}
    .product .wr .point1 strong{line-height: 27px;}
    .product .wr .point1 p{line-height: 27px;font-size:18px}
    .product .wr .point1 p span{font-size:14px;}
    .product .wr .point2{margin-bottom:4px;}
    .product .wr .point2 strong{line-height: 27px;}
    .product .wr .point2 p{line-height: 27px;font-size:18px}
    .product .wr .point2 p span{font-size:14px;}
    .product .swiper-button-prev{left:-24px;}
    .product .swiper-button-next{right:-24px;}
    .product .product-logo{margin-bottom: 27px;}
}

.detail-ty{margin-top:80px;margin-bottom:150px;}
.detail-ty h3{font-size:56px;font-weight:500;letter-spacing:-1.4px;}
.detail-ty .top{font-size:0;margin-top:80px;}
.detail-ty .date{display:inline-block;vertical-align:top;font-size:14px;font-weight:300;letter-spacing:-0.35px;color: rgba(0,0,0,0.6)}
.detail-ty .num{display:inline-block;vertical-align:top;margin-left:16px;font-size:14px;font-weight:300;letter-spacing:-0.35px;color:#3289e8;}
.detail-ty .title{display:block;margin-top:8px;font-size:30px;font-weight:400;letter-spacing:-0.75px;word-break:keep-all;}
.detail-ty .bottom{text-align:center;}
.detail-ty .editor{padding:60px;margin-top:30px;margin-bottom:40px;font-size:16px;border-top:2px solid #000;border-bottom:1px solid rgba(0,0,0,0.2) }
@media (max-width: 1199px) {
    .detail-ty{padding:0 30px;}
}
@media (max-width: 767px) {
    .detail-ty{margin-top:60px;margin-bottom:100px;}
    .detail-ty h3{text-align:center;font-size:32px;font-weight:500;letter-spacing:-0.8px;}
    .detail-ty .top{margin-top:50px;text-align:center;}
    .detail-ty .date{font-size:12px;letter-spacing:-0.3px;}
    .detail-ty .num{font-size:12px;letter-spacing:-0.3px;}
    .detail-ty .title{margin-top:6px;font-size:20px;line-height:30px;letter-spacing:-0.5px;}
    .detail-ty .editor{margin-top:20px;padding:40px 0; }
}

.product-list{margin:100px 0 150px;}
.product-list h3{margin-bottom:100px;font-size:40px;font-weight:500;letter-spacing:-1px;text-align:center;}
.product-list h3 br{display:none;}
.product-list a{position:relative;display:inline-block;vertical-align:top;width:calc(50% - 15px);text-align:center;color:#000;}
.product-list a + a{margin-left:30px}
.product-list a .bg{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:240px;border-radius:10px;background:#e4eaf1;transition:all .2s ease-in-out;-webkit-transition:all .3s ease;}
.product-list a .bg .inner{position:relative;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:0;transition:opacity .3s ease;-webkit-transition:opacity .3s ease;}

.product-list a strong{position:relative;display:block;padding-top:40px;font-size:24px;letter-spacing:-0.6px;font-weight:500;color:#000;transition:all .2s ease;-webkit-transition:all .2s ease;}
.product-list a strong + span{position:relative;display:block;font-size:14px;letter-spacing:0.7px;font-weight:300;color:rgba(0,0,0,0.8);transition:all .2s ease;-webkit-transition:all .2s ease;}
.product-list a .img{position:relative;display:inline-block;margin-top:18px;width:188px;height:209px;background-size:contain;background-position:center center;background-repeat:no-repeat;  }
.product-list a .tit{position:relative;display:block;margin-top:30px;font-size:20px;letter-spacing:-0.5px;font-weight:400;}
.product-list a .txt{position:relative;display:block;margin-top:10px;font-size:16px;letter-spacing:-0.4px;font-weight:300;line-height:24px;color:#666;}
.product-list a .txt2{position:relative;display:block;margin-top:20px;font-size:18px;letter-spacing:-0.45px;font-weight:400;color:#3289e8;}
.product-list a .more{position:relative;display:inline-block;margin-top:20px;padding-right:34px;font-size:16px;font-weight:400;line-height:24px;color:rgba(0,0,0,0.6);transition:all .2s ease;-webkit-transition:all .2s ease;}
.product-list a .more:before{content:'';display:block;width:28px;height:15px;position:absolute;top:6px;right:0;background:url("../images/p_arr1.svg")right center no-repeat;background-size:28px auto;opacity:.3;transition:all .2s ease;-webkit-transition:all .2s ease;}

.product-list a:hover .bg{background:#000;}
.product-list a:hover .bg .inner{opacity:.8}
.product-list a:hover strong{color:#fff;}
.product-list a:hover strong + span{color:rgba(255,255,255,0.8)}
.product-list a:hover .more{color:#3289e8;}
.product-list a:hover .more:before{background-image:url("../images/p_arr2.svg");opacity:1 }

.product-list.v1{margin-top:130px;margin-bottom:0;}
.product-list.v1 .lnk-n1{transition:all .7s ease;-webkit-transition:all .7s ease;}
.product-list.v1 .lnk-n2{transition:all .7s .2s ease;-webkit-transition:all .7s .2s ease;}

@media (max-width: 1199px) {
    .product-list{padding:0 30px;}
}
@media (max-width: 767px) {
    .product-list{margin:40px 0 100px;}
    .product-list h3{margin-bottom:40px;font-size:28px;letter-spacing:-0.7px;}
    .product-list h3 br{display:block;}
    .product-list a{display:block;width:100%;}
    .product-list a + a{margin-left:0;margin-top:60px;}
    .product-list a:hover .bg .inner.mo_p2_bg{background-image: url(/resources/images/p2_bg_mo.png) !important;}
    .product-list a:hover .bg .inner.mo_p1_bg{background-image: url(/resources/images/p1_bg_mo.png) !important;}

    .product-list a .tit{margin-top:20px;font-size:18px;letter-spacing:-0.45px;}
    .product-list a .txt{margin-top:6px;font-size:14px;line-height:20px;letter-spacing:-0.35px;}
    .product-list a .txt2{margin-top:12px;font-size:16px;letter-spacing:-0.4px;}
    .product-list a .more{margin-top:20px;}
    .product-list.v1{margin-top:60px;}
}

/******24-05-17******/
.product-wrap section div,.product-wrap section ul li,.product-wrap section ul li h3
,.product-wrap section ul li p
,.product-wrap section ul li h3 span{font-family:'NotoSansKR', sans-serif!important;}

.product-banner{position:relative;height:calc(100vh - 100px);background-image:url(../images/product-banner.png);background-repeat:no-repeat;background-size:cover;background-position:center center;}
.product-banner strong{display:block;font-size:70px;line-height:95px;letter-spacing:-1.4px;color:#fff;font-weight:500;text-align:center;word-break:keep-all;margin-top:10px;}
.product-banner p{display:block;font-size:26px;letter-spacing:-0.72px;color:#fff;font-weight:400;text-align:center;word-break:keep-all;margin-top:10px;}
.product-banner p .mo_br,
.product-list a .txt .mo_br{display:none;}
.product-banner .flex-center{padding:0 50px;}
.product-banner .flex-center>div{width:1200px;text-align:center;}
@media (max-width: 767px) {
    .product-banner{height:calc(100vh - 60px);background-image:url(../images/product-banner-mo.png);}
    .product-banner .flex-center{padding:0 25px;}
    .product-banner .flex-center img{width:97px;}
    .product-list a .txt .pc_br,
    .product-banner p .pc_br{display:none;}
    .product-list a .txt .mo_br,
    .product-banner p .mo_br{display:block;}
    .product-banner strong{font-size:35px;line-height:45px;margin-top:10px;}
    .product-banner p{font-size:18px;}
}

.product-choice{height:750px;background-image:url(../images/product-choice-bg.png);background-repeat:no-repeat;background-size:cover;background-position:center center;}
.product-choice-bg{display:flex;height:100%;align-items:center;}
.product-choice h3{font-size:55px;font-weight:600;color:#fff;text-align:center;line-height:74px;padding-bottom:52px;}
.product-choice ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.product-choice li{display:inline-block;vertical-align:top;width:240px;height:240px;background:#fff;border-radius:50%;text-align:center;padding:42px 0;}
.product-choice li strong{font-size:18px;font-weight:600;color:#0C2340;line-height:26px;display:block;margin-top:14px;}
.product-choice li p{font-size:16px;font-weight:400;color:#0C2340;line-height:22px;margin-top:5px;}
.product-choice li .mo_br{display:none;}
@media (max-width: 767px) {
    .product-choice{height:744px;background-image:url(../images/product-choice-bg-mo.png);}
    .product-choice-bg{padding:80px 30px;}
    .product-choice h3{font-size:30px;line-height:37px;}
    .product-choice ul{width:100%;justify-content:flex-start;}
    .product-choice li{width:100%;height:87.5px;border-radius:0;padding:23px 0;margin-bottom:9px;display:flex;flex-direction:row;justify-content:center;align-items:center;column-gap:15px;}
    .product-choice li:nth-child(2),.product-choice li:nth-child(4){margin-right:0;}
    .product-choice li:nth-child(5){margin-bottom:0;}
    .product-choice li img{width:40px;}
    .product-choice li .txt{text-align:left;width:215px;}
    .product-choice li strong{letter-spacing:-1px;font-size:16px;line-height:19px;margin-top:0;}
    .product-choice li p{font-size:14px;line-height:17px;margin-top:3px;}
    .product-choice li .pc_br{display:none;}
    .product-choice li .mo_br{display:block;}
}
.sm-txt{margin-top:7px;font-size:15px;letter-spacing:-0.4px;line-height: 23px;font-weight:400;}
.product-introduce{position:relative;}
.product-introduce .introduce-wrap{height:980px;background-image:url(../images/product-introduce.png);background-repeat:no-repeat;background-size:cover;background-position:center center;}
.product-introduce .introduce-des-wrap{position:relative;top:0;left:0;width:100%;height:1315px;background-color:#091F3A;}
.product-introduce .wrap{padding-top:180px;height:100%;}
.product-introduce .wrap .introduce{position:absolute;display:inline-block;vertical-align:top;width:50%;text-align:center;}
.product-introduce .wrap .introduce + .introduce{margin-left:30px;}
.product-introduce .wrap .introduce .tit{font-size:112px;font-weight:800;letter-spacing:-4px;line-height:1;color:rgba(233,237,242,0.1);text-align:center;margin-bottom:80px;transition:.5s;}
.product-introduce .wrap .introduce .img{transition:.5s;}
.product-introduce .wrap .introduce .txt{display:inline-block;font-size:24px;font-weight:500;letter-spacing:-1px;color:#ffffff;text-align:center;padding:8px 36px 9px;margin-top:15px;border-radius:30px;background-color:#0A1523;}
.product-introduce .wrap .introduce .mo_img{display:none;}
.product-introduce .introduce-des{background-color:#091F3A;position:absolute;top:0;left:50%;transform:translateX(-50%);}
.product-introduce .introduce-des > img{display:block;margin:0 auto;}
.product-introduce .introduce-des > img img{transition:.5s;}
.product-introduce .introduce-des > ul{width:998px;display:block;margin:0 auto;padding:45px 0;margin-top:35px;border:1px solid #ffffff;box-sizing:border-box;border-radius:100px;}
.product-introduce .introduce-des > ul > li{position:relative;display:inline-block;width:249px;text-align:center;}
.product-introduce .introduce-des > ul > li:before{content:'';display:block;width:2px;height:32px;position:absolute;top:25px;right:0;background:rgba(255, 255, 255, 0.1);}
.product-introduce .introduce-des > ul > li:first-child{width:248px;}
.product-introduce .introduce-des > ul > li:nth-child(2){width:200px;}
.product-introduce .introduce-des > ul > li:nth-child(3){width:215px;}
.product-introduce .introduce-des > ul > li:last-child{width:328px;}
.product-introduce .introduce-des > ul > li:last-child:before{display:none;}
.product-introduce .introduce-des > ul > li p{font-size:18px;font-weight:500;color:rgba(255,255,255,1);}
.product-introduce .introduce-des > ul > li h3{font-size:40px;font-weight:700;color:#ffffff;}
.product-introduce .introduce-des > ul > li h3 span{font-size:20px;font-weight:700;color:#ffffff;}
.product-introduce .introduce-des .wrap{padding:78px 0 120px;display:flex;}
.product-introduce .introduce-des .wrap .info{width:50%;padding-right:120px;padding-top:35px;position:relative;}
.product-introduce .introduce-des .wrap .info h2{font-size:50px;font-weight:700;color:#ffffff;margin-bottom:22px;}
.product-introduce .introduce-des .wrap .info h3{font-size:28px;font-weight:400;color:#ffffff;margin-bottom:60px;}
.product-introduce .introduce-des .wrap .info p{position:relative;font-size:24px;font-weight:700;color:#ffffff;padding: 30px 0 15px 36px;border-top:1px solid rgba(255,255,255,0.2);}
.product-introduce .introduce-des .wrap .info p::before{content:'';background:url(../images/icon-park_check-correct.png);display:block;width:23px;height:23px;position:absolute;top:37px;left:0;}
.product-introduce .introduce-des .wrap .info span{display:block;font-size:18px;font-weight:400;color:rgba(255,255,255,0.7);margin-bottom:30px;padding-left:35px;}
.product-introduce .introduce-des .wrap .info span.last-sp{padding-bottom:30px;margin-bottom:0;border-bottom:1px solid rgba(255,255,255,0.2);}
.product-introduce .introduce-des .wrap .info div{font-size:16px;font-weight:400;color:rgba(255,255,255,0.5);position:absolute;left:0;bottom:5px;width:520px;}
.product-introduce .introduce-des .wrap .info div.info-business{left:0;bottom:5px;}
.product-introduce .introduce-des .wrap .info .up-line{position: relative; padding-top:24px;}
.product-introduce .introduce-des .wrap .info .up-line:before{content:'';width: 480px;height: 1px;left: 0;top: 0;position: absolute;background: rgba(255, 255, 255, 0.2);display: block;}
.product-introduce .introduce-des .wrap .benefit{width:50%;}
.product-introduce .introduce-des .wrap .benefit ul{}
.product-introduce .introduce-des .wrap .benefit ul li{position:relative;display:inline-block;vertical-align:top;overflow:hidden;margin-left:12px;margin-top:15px;padding:30px 0 30px 30px;width:calc(50% - 6px);height:258px;background:#F7F8F9;}
.product-introduce .introduce-des .wrap .benefit ul li:nth-child(1),
.product-introduce .introduce-des .wrap .benefit ul li:nth-child(2){height:280px;}
.product-introduce .introduce-des .wrap .benefit.prestige ul li:nth-child(3),
.product-introduce .introduce-des .wrap .benefit.prestige ul li:nth-child(4){height:274px;}
.product-introduce .introduce-des .wrap .benefit.business ul li:nth-child(3),
.product-introduce .introduce-des .wrap .benefit.business ul li:nth-child(4),
.product-introduce .introduce-des .wrap .benefit.business ul li:nth-child(5),
.product-introduce .introduce-des .wrap .benefit.business ul li:nth-child(6){height:195px;}
.product-introduce .introduce-des .wrap .benefit ul li:nth-child(odd){margin-left:0;}
.product-introduce .introduce-des .wrap .benefit ul li em{display:block;width:86px;height:36px;font-size:16px;line-height:36px;letter-spacing:-0.4px;color:#0d2645;text-align:center;border-radius:50px;background:#dde5ed;}
.product-introduce .introduce-des .wrap .benefit ul li strong{display:block;margin-top:14px;font-size:20px;line-height:36px;letter-spacing:-0.6px;color:#0d2645;text-align:left;font-weight:700;}
.product-introduce .introduce-des .wrap .benefit ul li img{position:absolute;top:calc(100% - 138px);left:calc(100% - 175px);width:112px;}
.product-introduce .introduce-des .wrap .benefit.prestige ul li:nth-child(1) img{width:265px;top:calc(100% - 114px);left:calc(100% - 280px);}
.product-introduce .introduce-des .wrap .benefit.prestige ul li:nth-child(2) img{width: 100px;top: calc(100% - 135px);left: calc(100% - 125px);}
.product-introduce .introduce-des .wrap .benefit.prestige ul li:nth-child(3) img{width:93px;top:calc(100% - 135px);left:calc(100% - 115px);}
.product-introduce .introduce-des .wrap .benefit.business ul li:nth-child(1) img{width:180px;top:calc(100% - 95px);left:calc(100% - 190px);}
.product-introduce .introduce-des .wrap .benefit.business ul li:nth-child(2) img{width: 100px;top: calc(100% - 135px);left: calc(100% - 125px);}
.product-introduce .introduce-des .wrap .benefit.business ul li:nth-child(3) img{width:93px;top:calc(100% - 135px);left:calc(100% - 115px);}
.product-introduce .introduce-des .wrap .benefit ul li:last-child img{width:69px;top:calc(100% - 100px);left:calc(100% - 85px);}
.product-introduce .introduce-des + .introduce-des .wrap .benefit ul li:nth-child(3),
.product-introduce .introduce-des + .introduce-des .wrap .benefit ul li:nth-child(4),
.product-introduce .introduce-des + .introduce-des .wrap .benefit ul li:nth-child(5),
.product-introduce .introduce-des + .introduce-des .wrap .benefit ul li:nth-child(6){height:195px;}
.product-introduce .introduce-des-wrap{display:none;}
.product-introduce .introduce-des{display:none;}
.product-introduce .introduce-des .mo_br{display:none;}
.product-introduce .introduce .img img{transition:transform 0.5s;}
.product-introduce .introduce:hover .img img{transform:scale(1.2);}
.product-introduce .introduce:hover{cursor: url(../images/product+.svg) 50 50,auto;}
.product-introduce .introduce:hover .tit{color:#E9EDF2;}
.product-introduce .wrap .introduce1{left:0;bottom:65px;animation-duration:.5s;animation-iteration-count:1;animation-delay:0s;animation-timing-function:ease-in;animation-fill-mode:forwards;}
.product-introduce .wrap .introduce2{right:0;bottom:65px;animation-duration:.5s;animation-iteration-count:1;animation-delay:0s;animation-timing-function:ease-in;animation-fill-mode:forwards;}
.product-introduce .introduce-des-wrap .introduce-des .mo-txt{display:none;}
@keyframes slide1 {
    from{
        left:0;
    }
    to{
        left: 50%;
        transform: translateX(-50%);
    }
}
@keyframes slide2 {
    from{
        right:0;
    }
    to{
        right: -250px;
        bottom: -10px;
    }
}
@keyframes slide3 {
    from{
        right:0;
    }
    to{
        right: 50%;
        transform: translateX(50%);
        bottom: 70px;
    }
}
@keyframes slide4 {
    from{
        left:0;
    }
    to{
        left: -250px;
        bottom: -10px;
    }
}
@keyframes slide5 {
    from{
        left:0;
    }
    to{
        left: 35%;
        transform: translateX(-50%);
    }
}
@keyframes slide6 {
    from{
        right:0;
    }
    to{
        right: -40px;
        bottom: 65px;
    }
}
@keyframes slide7 {
    from{
        right:0;
    }
    to{
        right: 35%;
        transform: translateX(50%);
    }
}
@keyframes slide8 {
    from{
        left:0;
    }
    to{
        left: -40px;
        bottom: 65px;
    }
}
.fixed{transform:scale(1.2) !important;}
.shrinked{transform:scale(0.8) !important;}
.fixed-mo{transform:scale(1) !important;}
.shrinked-mo{transform:scale(0.5) !important;}
.text-color{color:#fff !important;}
.text-small{font-size:85px !important;margin-bottom:0 !important;}
.text-small-mo{font-size:18px !important;letter-spacing:0 !important;margin-bottom:0 !important;}


@media (max-width: 1199px) {
    .product-introduce .wrap .introduce .tit{font-size:100px;}
    .product-introduce .introduce-des-wrap{max-width:1200px;}
    .product-introduce .introduce-des{width:100%;padding:0 30px;}
    .product-introduce .introduce-des > ul{width:unset;}
    .product-introduce .introduce-des > ul > li{width:25% !important;}
    .product-introduce .introduce-des .wrap .info{padding-right:40px;}
    .product-introduce .introduce-des .wrap .info div.info-business{bottom:-70px;}
    .product-introduce .introduce-des .wrap .benefit ul li{padding:25px 20px 30px 20px;}
    .product-introduce .introduce-des .wrap .benefit ul li:nth-child(1),
    .product-introduce .introduce-des .wrap .benefit ul li:nth-child(2){height:30vw;}
    .product-introduce .introduce-des .info .mo_br{display:block;}
    .product-introduce .introduce-des .mo_br{display:none;}
}
@media (max-width: 1023px) {
    .product-introduce .introduce-des-wrap .introduce-des .mo-txt{display:block;}
    .product-introduce .introduce-des-wrap .introduce-des .mo-txt h2{font-size:25px;text-align:center;color:#ffffff;margin:28.5px 0 11px;}
    .product-introduce .introduce-des-wrap .introduce-des .mo-txt h3{font-size:18px;font-weight:400;text-align:center;color:#ffffff;}
    .product-introduce .introduce-des .wrap .benefit,
    .product-introduce .introduce-des .wrap .info h2,
    .product-introduce .introduce-des .wrap .info h3{display:none;}

    .product-introduce .introduce-des .pc_br{display:none;}
    .product-introduce .wrap .introduce .mo_img{display:block;margin-top:15px;position:relative;top:0;left:50%;transform:translateX(-50%);}
    .product-introduce .wrap .introduce .mo_img img{width:40px;}
    .product-introduce .introduce-des > img{width:21px;}
    .product-introduce .introduce-des-wrap{height:670px;position:relative;}
    .product-introduce .introduce-des > ul{padding:13px 20px 13px 5px;margin:20px 0;}
    .product-introduce .introduce-des > ul > li
    .product-introduce .introduce-des > ul > li:nth-child(2n){margin-right:0;}
    .product-introduce .introduce-des > ul > li:nth-child(3),
    .product-introduce .introduce-des > ul > li:nth-child(4){margin-bottom:0;}
    .product-introduce .introduce-des > ul > li:before{display:none;}
    .product-introduce .introduce-des > ul > li p{font-size:12px;line-height:14px;letter-spacing: -0.5px;}
    .product-introduce .introduce-des > ul > li h3{font-size:16px;}
    .product-introduce .introduce-des > ul > li h3 span{font-size:16px;}
    .product-introduce .introduce-des .wrap{display:unset;padding:0;}
    .product-introduce .introduce-des .wrap .info{width:100%;padding-right:0;}
    .product-introduce .introduce-des .wrap .info p{font-size:16px;padding:15px 0 5px 0;display:flex;justify-content:center;column-gap:8px;}
    .product-introduce .introduce-des .wrap .info p::before{position:relative;width:12.5px;height:12.5px;top:7px;background-size:100%;}
    .product-introduce .introduce-des .wrap .info span{font-size:14px;padding-left:0;margin-bottom:15px;text-align:center;}
    .product-introduce .introduce-des .wrap .info span.last-sp{padding-bottom:20px;}
    .product-introduce .introduce-des .wrap .info div{font-size:14px;}
    .product-introduce .introduce-des .wrap .info div.info-prestige,
    .product-introduce .introduce-des .wrap .info div.info-business{position:unset;text-align:center;margin-top:15px;padding-top:15px;width: auto;}
    .product-introduce .introduce-des .mo_br{display:block;}
    .product-introduce .introduce-wrap{height:550px;background-image:url(../images/product-introduce-mo.png);background-repeat:no-repeat;background-size:cover;background-position:center center;}
    .product-introduce .wrap{padding-top:0;}
    .product-introduce .wrap .introduce + .introduce{margin-left:0;}
    .product-introduce .wrap .introduce .tit{font-size:30px;margin-bottom:30px;letter-spacing:0;}
    .product-introduce .wrap .introduce .txt{font-size:15px;padding:5px 14px 6px;}
    .product-introduce .wrap .introduce1 .txt{width:120px;}
    .product-introduce .wrap .introduce2 .txt{width:153px;}
    .product-introduce .introduce .img img{width:190px;}
    .introduce:hover .img img{transform:unset;}
    .product-introduce .introduce:hover{cursor: pointer;}
    .product-introduce .introduce:hover .img img{transform:scale(1);}
}

.product-event p{
    text-align: center;
}
.product-event{height: 1451px;background-image: url('../images/product-event-bg.png');background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; padding: 130px 0;background-size: cover;}
.product-event .event-slogan{
    margin-bottom: 44px; color:#fff;font-size: 34px; text-align: center;line-height: 1.29; letter-spacing: -0.34px;
     font-family: 'Pretendard';height: 74px;
}
.product-event .event-period{margin-bottom: 16px; display: flex;justify-content: center;}
.product-event .event-period .pc{ width: 557px; height: 168px;}
.product-event .event-period .mo{display: none;}
.product-event .event-title{  font-family: 'Pretendard';font-size: 70px;  font-weight: 600;  font-stretch: normal;  font-style: normal;  line-height: 1.26;  letter-spacing: -0.7px;  text-align: center;  color: #fff; margin-bottom: 29px;}
.product-event .event-detail{
    font-size: 28px;
    line-height: 1.43;
    letter-spacing: -0.28px;
    text-align: center;
    color: #b0c3d7;
     font-family: 'Pretendard';
}
.product-event .event-text-box{margin-bottom: 500px;}
.product-event .event-text-box+ul{
    display: flex;
    margin-bottom: 109px;
    height: 138px;
  
}

.product-event .event-mo{
    display: none;
}
.product-event .event-icon-cont{margin-bottom: 110px;}
.product-event .event-more{
    font-size: 18px;
    line-height: 2.22;
    letter-spacing: -0.18px;
    color: #fff;
    text-align: center;
    margin-bottom: 14px;
}
.product-event .mo{
    display: none;
}
@media (max-width: 1200px){    
    .product-event{padding:130px 30px;}
}

@media (max-width: 767px) {
    .product-place {
        display: none;
    }
    .product-introduce .introduce-des .wrap .info .up-line:before{width: 100%;}
    .product-event .wrap{height: 100%;}
    .product-event{height: 717px;background-image: url('../images/product-event-bg_mo.png'); padding:59px 0 20px;}
    .product-event .event-slogan{font-size: 11px;line-height: 14px;margin-bottom: 14px; height: auto;}
    .product-event .event-period{margin-bottom: 10px;}
    .product-event .event-period .pc{display: none;}
    .product-event .event-period .mo{ width: 175px; height: auto; display: block;}
    .product-event .event-title{font-size: 22px;line-height: 29px;margin-bottom: 14px;}
    .product-event .event-detail{font-size: 9px;line-height: 13px;}
    .product-event .event-text-box{margin-bottom: 210px;}
    .product-event .event-mo{display: block;width:214px;}
    .product-event .event-pc{display: none;}
    .product-event .event-icon-cont{margin-bottom: 40px;display: flex;justify-content: center;}
    .product-event .event-more{font-size: 10px;line-height: 20px;}
    .product-event .chevron{position: absolute;bottom: 0px; left: 50%; transform: translateX(-50%);}
    .product-event .mo{display: block; width: 13.5px;}
    .product-event .pc{display: none;}
    .product-introduce .introduce-des .wrap .info .up-line{position: relative !important; padding-top:24px;}
}





.product-service{background-color:#3289E8;}
.product-service li strong{font-size:20px;font-weight:600;color:#3289E8;line-height:26px;display:block;margin-top:40px;}
.product-service .product-service-bg .info-service{font-size:16px;font-weight:400;color:rgba(255,255,255,0.6);text-align:center;margin-top:20px;}
.product-service-bg{padding:120px 0;}
.product-service-bg .button{text-align:center;margin-top:40px;}
.product-service-bg .btn1{background-color:#0D2645;font-size:26px;font-weight:500;height:85px;line-height:85px;padding:0px 119px 0 67px;}
.product-service-bg .btn1:hover{background-color:#0C223E;}
.product-service-bg .btn1:before{right:75px;top:34px;}
.product-service-bg .btn1:hover:before{right:65px;}
.product-service-bg .list-ty4{margin-top:0;}
.product-service h3{font-size:34px;font-weight:600;color:#fff;text-align:center;line-height:74px;padding-bottom:52px;}
.product-service ul{display:flex;flex-wrap:wrap;}
.product-service li{position:relative;display:flex;flex-direction:column;align-items:center;vertical-align:top;width:291px;height:393px;background:#fff;text-align:center;margin-right:12px;padding:52px 20px;}
.product-service li:last-child{margin-right:0;}
.product-service li .icon{display:inline-block;width:120px;height:120px;background-color:#091F3A;border-radius:50%;padding:26px 0;}
.product-service li:nth-child(3) .icon{padding:33px 0;}
.product-service li:nth-child(4) .icon{padding:36px 0;}
.product-service li strong{font-size:20px;font-weight:600;color:#3289E8;line-height:26px;display:block;margin-top:40px;}
.product-service li p{font-size:16px;font-weight:400;color:#000000;line-height:22px;margin-top:14px;}
.product-service .mo_br{display:none;}
@media (max-width: 1199px) {
    .product-service-bg{padding:120px 30px;}
    .product-service li{width:calc(50% - 8px);margin-right:15px;margin-bottom:15px;}
    .product-service li:nth-child(2n){margin-right:0;}
}
@media (max-width: 767px) {
    .product-service{display:none;}
}

.product-place h3{font-size:34px;font-weight:600;text-align:center;color:#3289E8;}
@media (max-width: 767px) {
    .product-place h3{font-size:24px;}
}

.product-inquiry{margin-top:150px;}
.product-inquiry h3{font-size:34px;font-weight:600;text-align:center;color:#3289E8;}
.product-inquiry h3:before{display:none;}
@media (max-width: 767px) {
    .product-inquiry{margin-top:50px;}
    .product-inquiry h3{font-size:24px;}
}
/******24-05-27******/
/******24-12-02******/
/******26-01-19******/
.promotion-banner img {width:100%;height:auto;object-fit:cover;}
.promotion-banner .banner-mo{display:none;}
.promotion-banner-mo {display:none;}
.banner-txt {display:none;}
.banner2602{margin-top: 150px;}
@media (max-width: 767px) {
    .promotion-banner-pc {display:none;}
    .promotion-banner-mo {display:block;}
    .banner-pc{display:none;}
    .promotion-banner .banner-mo{display:block;}
    .banner2602{margin-top: 0;}
}

/******26-01-19******/
/******24-12-02******/

/* **************************************** *
 * 팝업
 * **************************************** */
.laypop{z-index:9000;position: fixed;padding:50px 20px 20px;min-width:200px;min-height:200px;background:#fff;box-shadow:0 0 10px rgba(0,0,0, 0.1)}
.laypop .top{position:absolute;top:0;left:0;width:100%;height:50px;}
.laypop .right{text-align:right;}
.chk2{padding-left:34px;position: relative;display:inline-block; height:24px;line-height:24px;vertical-align: top;}
.chk2 input[type="checkbox"] + label{display:inline-block;height:24px;line-height:24px;font-size:16px;color:#666;font-weight:300;letter-spacing:-0.48px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.chk2 input[type="checkbox"] + label:before{content:'';display:block;position:absolute;top:0;left:0;border-radius:3px;width:24px;height:24px;background:#fff;border:1px solid #ccc;box-sizing:border-box;}
.chk2 input[type="checkbox"]:checked + label:before{border-color:#f0534c;background:#f0534c url("../images/check.png")0 0 no-repeat;background-size:contain; }
.laypop .right .chk2{margin-top:12px;}
.laypop .cont{max-width:800px;}
.laypop .btn-close{display:inline-block;width:50px;height:50px;background:url("../images/icon_close.png")center center no-repeat;background-size:20px auto;opacity:0.6}
.laypop .btn-close:hover{opacity:1;}
@media (max-width: 1199px) {
    .laypop{width:calc(100% - 100px);left:50px !important;top: 100px !important;}
    .laypop .cont{max-width:100%;}
}
@media (max-width: 767px) {
    .laypop{width:calc(100% - 20px);left:10px !important;top: 100px !important;padding:50px 10px 10px;}
}

/* **************************************** *
 * 구독서비스
 * **************************************** */
/*로그인공통*/
.login{margin:100px auto 150px;width:570px;text-align:center;}
.login.v1{width:800px}
.login .mo{display:none;}
.login-tit h2{font-size:40px;line-height:59px;letter-spacing:-1px;color:#000;font-weight:500}
.login-tit p{margin-top:10px;font-size:16px;line-height:24px;letter-spacing:-0.4px;color:#999;font-weight:400;word-break:keep-all;}
.login-tit p span{color:#3289e8}
@media (max-width: 860px) {
    .login.v1{padding:0 30px;width:100%;}
}
@media (max-width: 767px) {
    .login{padding:0 30px;margin:60px auto 100px;width:100%;}
    .login.v1{width:100%}
    .login .mo{display:block;}
    .login-tit h2{font-size:32px;line-height:46px;letter-spacing:-0.8px;}
    .login-tit p{margin-top:6px;font-size:14px;line-height:22px;letter-spacing:-0.35px;}
}

.login .i-kakao{background:url("../images/icon_kakao.png")0 0 no-repeat;background-size:contain;}
.login .i-naver{background:url("../images/icon_naver.png")0 0 no-repeat;background-size:contain;}

.login .link-group{margin-top:12px;font-size:0;text-align:center;}
.login .link-group a{display:inline-block;vertical-align:top;font-size:14px;line-height:20px;letter-spacing:-0.35px;color:#666;font-weight:400}
.login .link-group span{display:inline-block;vertical-align:top;margin:4px 8px;width:1px;height:12px;background:#d6d6d6;}
.login .sns-group{margin-top:60px}
.login .sns-group p{position:relative;text-align:center}
.login .sns-group p:before{display:block;content:'';position:absolute;top:12px;left:0;width:100%;height:1px;background:#e7e7e7;}
.login .sns-group p span{position:relative;display:inline-block;vertical-align:top;padding:0 12px;font-size:16px;line-height:24px;letter-spacing:-0.4px;color:#999;font-weight:400;background:#fff;}
.login .sns-group .inner{margin-top:20px;font-size:0;}
.login .sns-group a{display:inline-block;vertical-align:top;width:56px;height:56px;border-radius:100%;}
.login .sns-group a + a{margin-left:10px;}
@media (max-width: 767px) {
    .login .link-group a{font-size:12px;letter-spacing:-0.3px;}
    .login .sns-group a{width:42px;height:42px;}
    .login .sns-group a + a{margin-left:20px;}
}
.login-cont{padding:0 45px;}
.login-cont.v1{padding:0;}
.login-cont.v2{min-height:283px;padding:0}
.login-cont.v3{min-height:268px;padding:0}
.login-cont.v4{min-height:80px;padding:0}
.login-cont .txt-ty{margin-top:60px;font-size:20px;line-height:24px;letter-spacing:-0.5px;color:#000;}
.login-box{display:table;width:100%;margin-top:20px;padding:30px;background:#f8f8f8;}
.login-box>div{position:relative;display:table-cell;text-align:left}
.login-box>div div{display:inline-block;vertical-align:middle;width:56px;height:56px;border-radius:100%;}
.login-box .txt-id{display:inline-block;vertical-align:middle;padding-left:18px;width:300px;font-size:20px;line-height:29px;letter-spacing:-0.5px;color:#000;font-weight:400}
.login-box .txt-date{display:inline-block;position:absolute;top:calc(50% - 12px);right:0;font-size:16px;line-height:24px;letter-spacing:-0.4px;color:#999;font-weight:400}
@media (max-width: 767px) {
    .login-cont{padding:0;}
    .login-cont.v2{min-height:auto;}
    .login-cont.v3{min-height:auto;}
    .login-cont .txt-ty{margin-top:50px;font-size:18px;letter-spacing:-0.45px;}
    .login-box{position:relative;display:block;padding:20px 14px 20px 80px; margin-top:14px;}
    .login-box>div{position:static;}
    .login-box>div div{position:absolute;left:14px;top:20px;width:52px;height:52px;}
    .login-box .txt-id{display:block;padding-left:0;width:100%;font-size:18px;line-height:24px;letter-spacing:-0.45px;}
    .login-box .txt-date{display:block;margin-top:4px;position:static;font-size:14px;letter-spacing:-0.35px;}

}

.log-btn2{position:relative;display:block;width:360px;height:64px;line-height:64px;font-size:16px;letter-spacing:-0.4px;text-align:center;color:#fff;background:#3289e8;}
.log-btn2:before{display:block;content:'';position:absolute;top:17px;left:21px;width:30px;height:30px;background:url("../images/icon_phone.svg")0 0 no-repeat;background-size:contain;}
.log-btn3{position:relative;display:inline-block;width:180px;height:52px;line-height:52px;font-size:16px;letter-spacing:-0.4px;text-align:center;color:#3289e8;background:#f7f8f9;}
.log-btn4{position:relative;vertical-align:top;padding-right:24px;line-height:24px;font-size:18px;letter-spacing:-0.45px;color:#b3bdc9}
.log-btn4:before{display:block;content:'';position:absolute;top:0;right:0;width:24px;height:24px;background:url("../images/arrow_r2.png")0 0 no-repeat;background-size:contain;}
.log-btn5{position:relative;display:inline-block;width:90px;height:50px;line-height:48px;font-size:16px;letter-spacing:-0.4px;text-align:center;color:#3289e8;background:#fff;border:1px solid rgba(0,0,0,0.1)}
.log-btn6{position:relative;display:inline-block;width:90px;height:50px;line-height:48px;font-size:16px;letter-spacing:-0.4px;text-align:center;color:#3289e8;background:#f7f8f9;border:1px solid #f7f8f9;}
.btn-naver{position:relative;display:inline-block;vertical-align:top;width:360px;height:64px;background:#06be34;color:#fff;font-size:16px;line-height:64px;letter-spacing:-0.4px;}
.btn-naver:before{display:block;content:'';position:absolute;top:4px;left:8px;width:56px;height:56px;background:url("../images/icon_naver.png")0 0 no-repeat;background-size:contain;}
.btn-kakao{position:relative;display:inline-block;vertical-align:top;width:360px;height:64px;background:#fddc3f;color:#000;font-size:16px;line-height:64px;letter-spacing:-0.4px;}
.btn-kakao:before{display:block;content:'';position:absolute;top:4px;left:8px;width:56px;height:56px;background:url("../images/icon_kakao.png")0 0 no-repeat;background-size:contain;}
.btn-detail{font-size:14px;letter-spacing:-0.35px;color:#999;text-decoration:underline}
.btn-tbl1{position:absolute;top:4px;right:0; display:inline-block;padding-right:18px;font-size:16px;letter-spacing:-0.4px;color:rgba(0,0,0,0.5);line-height:24px;}
.btn-tbl1:before{display:block;content:'';position:absolute;top:3px;right:0;width:18px;height:18px;background:url("../images/arrow_r2.png")0 0 no-repeat;background-size:contain;}
.btn-tbl2{display:block;width:300px;margin:0 auto;padding:16px 0;font-size:18px;letter-spacing:-0.45px;color:#999;line-height:27px;text-align:center}
.btn-tbl2:after{display:inline-block;vertical-align:top;margin-top:2px;content:'';width:24px;height:24px;background:url("../images/arrow_b3.png")0 0 no-repeat;background-size:contain;}

@media (max-width: 767px) {
    .log-btn2{width:100%;height:52px;line-height:52px;}
    .log-btn2:before{top:11px;left:14px;}
    .log-btn3{width:90px;height:40px;line-height:40px;}
    .log-btn4{font-size:16px;letter-spacing:-0.4px;}
    .log-btn5{width:80px; height:40px;line-height:38px;}
    .log-btn6{width:80px; height:40px;line-height:38px;}
    .btn-naver{width:100%;height:52px;line-height:52px;}
    .btn-naver:before{top:0;left:0;width:52px;height:52px;}
    .btn-kakao{width:100%;height:52px;line-height:52px;}
    .btn-kakao:before{top:0;left:0;width:52px;height:52px;}
    .btn-detail{font-size:12px;letter-spacing:-0.3px;}
    .btn-tbl2{padding:20px 0;font-size:16px;letter-spacing:-0.4px;}
}

.login-btn-group{position:relative;margin-top:80px;font-size:0}
.login-btn-group.v1{margin-top:30px}
.login-btn-group.v2{margin-top:50px;text-align:right;}
.login-btn-group.v3{margin-top:0}
.login-btn-group.v4{margin-top:50px;}
.login-btn-group a + a{margin-left:10px;}
.login-btn-group .btn{display:inline-block;vertical-align:top;width:200px;height:52px;line-height:52px;font-size:16px;text-align:center;color:#fff;background:#3289e8;-webkit-transition: all .2s ease-in-out;}
.login-btn-group .btn.v1{background:#3289e8;}
.login-btn-group.v2 p{position:absolute;top:0;left:0;font-size:22px;line-height:34px;letter-spacing:-0.55px;text-align:left;font-weight:500;}
.login-btn-group.v2 a{margin-top:15px;width:200px;padding:0 0 0 30px;}
.login-btn-group.v4 .btn{width:100%}
@media (min-width: 1200px) {
    .login-btn-group .btn:hover{background: #2078d8;}
}
@media (max-width: 767px) {
    .login-btn-group{margin-top:60px;}
    .login-btn-group.v1{margin-top:40px}
    .login-btn-group.v2{margin-top:40px}
    .login-btn-group.v3{margin-top:60px;}
    .login-btn-group .btn{width:calc(50% - 5px);}
    .login-btn-group.v2 p{position:static;font-size:18px;line-height:26px;letter-spacing:-0.45px;text-align:center;}
    .login-btn-group.v2 a{margin-top:20px;width:100%;}
}

.login-cont .inp-ty{height:57px;line-height:55px;padding-left:0;font-weight:400;}
.login-cont .inp-ty + .inp-ty{margin-top:10px}
.login-cont label:before{box-sizing:border-box}
.login-cont .radio{display:inline-block;vertical-align:top;margin-top:8px;margin-left:33px;}
.login-cont .radio + .radio{margin-left:20px;}
.login-cont .radio label{padding-right:0 !important}
.login-cont .radio.v1{margin-left:0;}
.login-cont .radio.v1 label{font-weight:400;font-size:18px;letter-spacing:-0.45px;}
.login-cont .radio.v1 input[type="radio"] + label:before{border-color:#e4eaf1;background-color:#f7f8f9}
.login-cont .radio.v1 input[type="radio"]:checked + label:before{border:0;background-image:url("../images/radio_chkd.png");}
.login-cont .radio.v1 + .radio{margin-left:30px; }
.login-cont .checkbox+.checkbox{margin-left:20px}
.login-cont .checkbox label{padding-right:0 !important}
.login-cont .checkbox input[type="checkbox"] + label:before{border-color:#e4eaf1;background-color:#f7f8f9}
.login-cont .checkbox input[type="checkbox"]:checked + label:before{border:0;background-color:#3289e8}
.login-cont .checkbox.v1 label{font-size:18px ;letter-spacing:-0.45px;font-weight:400;color:#3289e8}
.login-cont .checkbox.v2{height:24px;}
.login-cont .checkbox.v2 label{height:24px;line-height:24px;font-size:16px;letter-spacing:-0.4px;font-weight:400;}
.login-cont .checkbox.v2 label:before{top:2px;}
.login-cont .checkbox.v2 label span{color:#999}
@media (max-width: 767px) {
    .login-cont .inp-ty{font-size:14px;height:44px;line-height:42px }
    .login-cont .inp-ty + .inp-ty{margin-top:4px}
    .login-cont .radio{height:20px;margin-top:0;}
    .login-cont .radio input[type="radio"] + label{height:20px;line-height:20px;}
    .login-cont .radio input[type="radio"] + label:before{top:0;}
    .login-cont .radio.v1{display:block;height:24px;line-height:24px;}
    .login-cont .radio.v1 label{font-size:16px;letter-spacing:-0.4px;height:24px;line-height:24px;}
    .login-cont .radio.v1 input[type="radio"] + label:before{top:2px;}
    .login-cont .radio.v1 + .radio{margin-left:0;margin-top:10px; }
    .login-cont .checkbox input[type="checkbox"] + label{height:auto}
    .login-cont .checkbox input[type="checkbox"] + label:before{width:18px;height:18px;top:1px;}
    .login-cont .checkbox.v1{height:auto}
    .login-cont .checkbox.v1 label{font-size:16px;letter-spacing:-0.4px;line-height:20px;}
    .login-cont .checkbox.v2{height:auto;max-width:calc(100% - 60px)}
    .login-cont .checkbox.v2 label{height:auto; min-height:20px;line-height:20px;font-size:14px;letter-spacing:-0.4px;}
}

.login-info{margin-top:4px;padding:30px;background:#f8f8f8;}
.login-info.v1{margin-top:53px}
.login-info.v2{margin-top:50px}
.login-info li{position:relative;display:block;margin-top:2px;padding-left:20px;font-size:16px;line-height:24px;letter-spacing:-0.4px;color:#999;font-weight:400}
.login-info li:before{display:block;content:'';position:absolute;top:5px;left:0;width:16px;height:16px;background:url("../images/icon_i.svg")0 0 no-repeat;background-size:contain;}
.login-info li:first-child{margin-top:0;}
.login-info.v2 li{display:inline-block}
@media (max-width: 767px) {
    .login-info{padding:16px 20px 16px 16px;background:#f8f8f8;}
    .login-info.v1{margin-top:40px;padding:16px 29px 16px 16px;}
    .login-info.v2{margin-top:46px}
    .login-info li{font-size:12px;line-height:20px;letter-spacing:-0.3px;text-align:left;word-break:keep-all}
    .login-info li:before{width:14px;height:14px;top:4px;}
}
/*회원가입*/
.login-step{margin-top:30px;font-size:0;background:#f7f8f9}
.login-step li{display:inline-block;vertical-align:top;width:50%;height:60px;line-height:60px;text-align:center;font-size:18px;letter-spacing:-0.45px;color:#0c2340}
.login-step li span{display:inline-block;vertical-align:top;opacity:.6;margin-right:4px;}
.login-step li.on{background:#0c2340;color:#fff;}
.login-form{margin-top:45px;}
.login-form li{margin-top:10px}
.login-form.v1{margin-top:60px;}
.login-form.v2{margin-top:60px;text-align:center}
.login-form.v2 a{margin:0 auto}
@media (max-width: 767px) {
    .login-step{margin-top:40px;}
    .login-step li{height:58px;line-height:58px;font-size:16px;letter-spacing:-0.4px;}
    .login-form{margin-top:30px;}
    .login-form li{margin-top:20px;}
    .login-form.v2{margin-top:50px;}
    .login-form.v3 li{margin-top:16px;}
    .login-form.v4 li{margin-top:6px;}
}
.login-form .row{position:relative;font-size:0;text-align:left}
.login-form .row input{display:inline-block;vertical-align:top;width:220px}
.login-form .row select + input{width:calc(100% - 100px);}
.login-form .row span{display:inline-block;vertical-align:top;width:30px;height:57px;line-height:57px;text-align:center;font-size:16px;color:#999}
.login-form .row select{display:inline-block;vertical-align:top;width:220px;height:57px;line-height:55px;font-weight:400;color:#999}
.login-form .row select .disabled{color:#999}
.login-form .row select option{color:#000}
.login-form .row select option[disabled]{display: none;color:#999}
.login-form .row select:invalid{color:#999}
.login-form .row a{margin-top:7px;margin-left:10px}
.login-form .row2{position:relative;font-size:0;text-align:left}
.login-form .row2 input{display:inline-block;vertical-align:top;width:370px;padding-right:50px}
.login-form .row2 .time{position:absolute;top:0;left:334px;line-height:57px;font-size:15px;letter-spacing:-0.38px;color:#ff3c26}
.login-form .row2 a{margin-top:7px;margin-left:10px}
@media (max-width: 767px) {
    .login-form .row input{width:calc(50% - 60px);}
    .login-form .row span{width:25px;font-size:14px;height:44px;line-height:44px;}
    .login-form .row select{width:calc(50% - 55px);height:44px;line-height:42px;padding-left:0;font-size:14px;background:url("../images/icon_arrow_drop2.png")100% center no-repeat;background-size:24px 24px;}
    .login-form .row a{margin-top:4px;}
    .login-form .row2 input{width:100%;}
    .login-form .row2 .time{left:auto;right:0;line-height:44px;}
    .login-form .row2 a{margin-top:14px;margin-left:0;width:calc(50% - 5px);}
    .login-form .row2 a + a{margin-left:10px;}
}
.login-form2{text-align:left;}
.login-form2 .row{position:relative;margin-top:40px}
.login-form2 .row2{position:relative;margin-top:50px;}
.login-form2 .row2.v1{margin-top:40px}
.login-form2 .row2.v2{margin-top:58px}
.login-form2 .row2.v3{text-align:right}
.login-form2 dt{padding-bottom:10px;line-height:29px;height:29px;border-bottom:2px solid #000;font-size:20px;letter-spacing:-0.5px;box-sizing:content-box;}
.login-form2 dt sup{display:inline-block;vertical-align:top;margin-top:6px;margin-left:8px;width:5px;height:5px;background:#3289e8;border-radius:100%;font-size:0}
.login-form2 .row dd .inner1{padding:14px 0;}
.login-form2 .row dd .inner2{position:relative;padding:20px 0; border-top:2px solid rgba(0,0,0,0.1)}
.login-form2 .row dd .inner2 li{position:relative; margin-top:8px;}
.login-form2 .row dd .inner2 li:first-child{margin-top:0;}
.login-form2 .row dd .inner2 p{display:inline-block;vertical-align:top;margin-left:30px;margin-right:20px;line-height:24px;height:24px;font-size:16px;letter-spacing:-0.4px;}
.login-form2 .row dd .inner2 .btn-detail{position:absolute;top:20px;right:0}
.login-form2 .row dd .inner2 li .btn-detail{top:0;}
.login-form2 .row dd .inner3{margin-top:12px;}
.login-form2 .row dd .login-txt{font-size:16px;line-height:24px;letter-spacing:-.4px;padding:30px 0 15px;}
.login-form2 .row2 dd .log-btn2{margin-top:16px;}
.login-form2 .row2 dd>ul>li{font-size:0;position:relative;margin-top:10px;}
.login-form2 .row2 dd>ul>li>strong{display:inline-block;vertical-align:top;width:141px;height:55px;line-height:55px;font-size:18px;letter-spacing:-0.45px;font-weight:400;}
.login-form2 .row2 dd>ul>li>strong.v2{line-height: 25px;}
.login-form2 .row2 dd>ul>li>strong.v2 .v2-tit{display:inline-block;}
.login-form2 .row2 dd .inner1{display:inline-block;vertical-align:top; width:calc(100% - 141px);}
.login-form2 .row2 dd .inner2{display:inline-block;vertical-align:top; width:calc(100% - 331px);}
.login-form2 .row2 dd .inner3{display:inline-block;vertical-align:top; width:190px;}
.login-form2 .row2 dd .inner4{display:inline-block;vertical-align:top; width:calc(100% - 141px);height:57px;line-height:57px;font-weight:500;font-size:16px;letter-spacing:-0.4px;}
.login-form2 .row2 dd .inner2+.log-btn3{margin:5px 0 0 10px;}
.login-form2 .row2 dd .log-btn3 +.inner1{margin-left:141px;}
.login-form2 .row2 dd select{padding-left:0; height:57px;line-height:57px;font-size:16px;letter-spacing:-0.6px;font-weight:400;}
@media (max-width: 767px) {
    .login-form2 .row dd .inner2 li{margin-top:15px;}
    .login-form2 .row dd .inner2 li .btn-detail{position:absolute;top:0;right:0;}
    .login-form2 .row dd .inner2 p{font-size:14px;line-height:20px;}
    .login-form2 .row2{margin-top:40px}
    .login-form2 .row2.v2{margin-top:50px;}
    .login-form2 .row2.v3{margin-top:30px;}
    .login-form2 dt{font-size:18px;letter-spacing:-0.45px;line-height:27px;height:27px;}
    .login-form2 .row2 dd .log-btn2{margin-top:14px;height:58px;line-height:58px;}
    .login-form2 .row2 dd .log-btn2:before{top:14px;left:21px;}
    .login-form2 .row2 dd>ul>li{margin-top:32px;}
    .login-form2 .row2 dd>ul>li.v1{margin-top:20px;}
    .login-form2 .row2 dd>ul>li>strong{width:110px;height:24px;line-height:24px;font-size:16px;letter-spacing:-0.4px;white-space:nowrap}
    .login-form2 .row2 dd .inner1{width:100%;}
    .login-form2 .row2 dd .inner2{width:calc(100% - 98px);}
    .login-form2 .row2 dd .inner2.v1{width:100%;}
    .login-form2 .row2 dd .inner3{position:absolute;top:0;right:0;width:auto;}
    .login-form2 .row2 dd .inner4{width:calc(100% - 110px);height:24px;line-height:24px;font-size:16px;letter-spacing:-0.4px;}
    .login-form2 .row2 dd .inner2+.log-btn3{margin:4px 0 0 8px}
    .login-form2 .row2 dd .log-btn3 +.inner1{margin-left:0;margin-top:4px}
    .login-form2 .row2 dd select{font-size:14px;}
}

.login-end{margin-top:60px;padding:46px 50px 0;width:800px;height:288px;text-align:left;background:url("../images/img_bg_signup.png")0 0 no-repeat;background-size:contain; }
.login-end em{display:inline-block;vertical-align:top;width:96px;height:32px;border:1px solid #fff;border-radius:20px;font-size:14px;line-height:30px;letter-spacing:-0.35px;text-align:center;color:#fff;}
.login-end p{margin-top:12px;font-size:24px;line-height:36px;letter-spacing:-0.6px;color:#fff;}
@media (max-width: 767px) {
    .login-end{margin-top:40px;width:100%; padding:30px; height:auto;background-size:cover; }
    .login-end em{width:75px;height:26px;line-height:24px;font-size:12px;letter-spacing:-0.3px;}
    .login-end p{margin-top:8px;font-size:18px;line-height:26px;letter-spacing:-0.45px;}
}
/*popup*/
.laypop-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:7000;}
.laypop-container .dim{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.laypop-content{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;}
.login-laypop{position:relative;display:block;margin:160px auto;padding:30px 30px 90px;width:480px; background:#fff;}
.login-laypop-tit{position:relative;}
.login-laypop-tit h2{width:88px;height:44px;background:url("../images/Logo.svg")0 0 no-repeat;background-size:contain;}
.login-laypop-tit .btn-close{position:absolute;top:0;right:0;display:block;width:24px;height:24px;background:url("../images/icon_x.svg")center center no-repeat;background-size:24px auto;}
.login-laypop-cont{margin-top:20px}
.login-laypop-cont h3{font-size:20px;font-weight:500;line-height:26px;letter-spacing:-0.5px;text-align:center;}
.login-laypop-cont>p{margin-top:10px;font-size:20px;line-height:26px;letter-spacing:-0.5px;text-align:center;color:#3289e8;}
.login-laypop-cont>div{margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,0.1);}
.login-laypop-cont>div>p{font-size:15px;line-height:24px;letter-spacing:-0.38px;word-break:keep-all;}
.login-laypop-cont>div ul{margin:16px 0; padding:20px;background:#f7f8f9}
.login-laypop-cont>div li strong{display:block;font-size:14px;line-height:24px;letter-spacing:-0.35px;font-weight:500;}
.login-laypop-cont>div li p{margin-top:6px;font-size:14px;line-height:24px;letter-spacing:-0.35px;color:#999;}
.login-laypop-cont>div li + li{margin-top:16px;}

.login-laypop-btn{margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,0.1);text-align:center;}
.login-laypop-btn p{font-size:16px;letter-spacing:-0.4px;}
.login-laypop-btn a{margin-top:16px;}
.login-laypop-footer{position:absolute;bottom:0;left:0;width:100%;height:60px;padding:20px 30px 0;background:#f7f8f9;}
.login-laypop-footer p{display:inline-block;vertical-align:top;font-size:14px;letter-spacing:-0.35px;color:#999;}
.login-laypop-footer p+p{margin-left:30px;}
.login-laypop-footer span{display:inline-block;vertical-align:top;width:1px;height:11px;margin:5px 10px 0;background:rgba(0,0,0,0.1)}
@media (max-width: 767px) {
    .login-laypop{margin:40px 30px;padding:14px 20px 0;width:calc(100% - 60px); }
    .login-laypop-tit h2.logo{width:72px;height:36px;}
    .login-laypop-tit .btn-close{top:6px;}
    .login-laypop-cont h3,
    .login-laypop-cont>p{font-size:18px;letter-spacing:-0.45px;}
    .login-laypop-cont>div>p{font-size:14px;line-height:22px;letter-spacing:-0.35px;}
    .login-laypop-cont>div ul{margin:14px 0;}
    .login-laypop-btn p{font-size:14px;letter-spacing:-0.35px;}
    .login-laypop-btn a{margin-top:10px;}
    .login-laypop-footer{position:static;height:auto;width:calc(100% + 40px);margin-left:-20px;margin-top:30px; padding:18px 20px 18px;font-size:0;}
    .login-laypop-footer p{width:63px;font-size:12px;line-height:16px;letter-spacing:-0.3px;}
    .login-laypop-footer p+p{width:auto;margin-left:0;}
    .login-laypop-footer span{display:none;}
    .login-laypop-footer span+p{width:auto;margin-left:63px;margin-top:4px;}
}
.cancel-laypop{position:relative;display:block;margin:160px auto;padding:30px;width:480px; background:#fff;}
.cancel-laypop-tit{position:relative;}
.cancel-laypop-tit h2{padding-bottom:20px;font-size:20px;letter-spacing:-0.5px;font-weight:500;border-bottom:2px solid #000;}
.cancel-laypop-tit .btn-close{position:absolute;top:0;right:0;display:block;width:24px;height:24px;background:url("../images/icon_x.svg")center center no-repeat;background-size:24px auto;}
.cancel-laypop-cont h3{margin-top:16px;font-size:18px;letter-spacing:-0.45px;font-weight:400}
.cancel-laypop-cont .form-group li{font-size:0;margin-top:8px;}
.cancel-laypop-cont .form-group li strong{display:inline-block;vertical-align:top;width:88px;font-size:16px;letter-spacing:-0.4px;font-weight:400;line-height:57px; }
.cancel-laypop-cont .form-group li div{display:inline-block;vertical-align:top;width:calc(100% - 88px)}
.cancel-laypop-cont .form-group li .inp-ty{height:57px;line-height:55px;padding-left:0;font-weight:400;}
.cancel-laypop-cont .form-group li select{height:57px;line-height:55px;padding-left:0;font-weight:400;color:#999;background:url("../images/icon_arrow_drop2.png") right center no-repeat;background-size:24px auto;}
.cancel-laypop-cont .form-group li select .disabled{color:#999}
.cancel-laypop-cont .form-group li select option{color:#000}
.cancel-laypop-cont .form-group li select option[disabled]{display: none;color:#999}
.cancel-laypop-cont .form-group li select:invalid{color:#999}
.cancel-laypop-cont .form-group + .pop-txt{margin-top:40px;}
.cancel-laypop-cont .pop-txt{margin-top:16px;}
.cancel-laypop-cont .pop-txt li{position:relative;margin-top:6px;padding-left:9px;font-size:16px;letter-spacing:-0.4px;}
.cancel-laypop-cont .pop-txt li:before{display:block;content:'';position:absolute;top:10px;left:0;width:3px;height:3px;background:#000;}
.cancel-laypop-cont .login-btn-group{margin-top:40px;}
.cancel-laypop-cont .login-btn-group .btn{width:205px;}
@media (max-width: 767px) {
    .cancel-laypop{margin:40px 30px;padding:20px 20px 30px;width:calc(100% - 60px); }
    .cancel-laypop-tit h2{font-size:18px;letter-spacing:-0.45px;}
    .cancel-laypop .btn-close{top:2px;}
    .cancel-laypop-cont h3{margin-top:20px;}
    .cancel-laypop-cont .form-group li{margin-top:32px;}
    .cancel-laypop-cont .form-group li:first-child{margin-top:20px;}
    .cancel-laypop-cont .form-group li strong{width:100%;line-height:24px; }
    .cancel-laypop-cont .form-group li div{width:100%;}
    .cancel-laypop-cont .form-group li .inp-ty{height:42px;line-height:40px;font-size:14px;letter-spacing:-0.35px;}
    .cancel-laypop-cont .form-group li select{height:42px;line-height:40px;font-size:14px;letter-spacing:-0.35px;}
    .cancel-laypop-cont .form-group + .pop-txt{margin-top:30px;}
    .cancel-laypop-cont .pop-txt{margin-top:30px;}
    .cancel-laypop-cont .pop-txt li{padding-left:7px;font-size:14px;letter-spacing:-0.35px;}
    .cancel-laypop-cont .pop-txt li:before{top:10px;}
    .cancel-laypop-cont .login-btn-group{margin-top:40px;}
    .cancel-laypop-cont .login-btn-group .btn{width:calc(50% - 5px);}
    .cancel-laypop-cont .login-btn-group .btn + .btn{margin-left:10px}
}

.subscribe .tit{position:relative;display:block;}
.subscribe .tit .inner{width:1200px;margin:80px auto 0;font-size:0;}
.subscribe .tit h2{font-size:56px;line-height:80px;letter-spacing:-1.4px;font-weight:500;}
.subscribe .tit p{margin-top:10px;font-size:20px;line-height:32px;letter-spacing:-0.5px;font-weight:400;opacity:0.6}
.subscribe .tit .bg{margin-top:60px;height:480px;background:url("../images/subs_bg_v1.jpg")center center no-repeat;background-size:auto 480px;}
.subscribe .list{width:1200px;margin:0 auto 100px;font-size:0;}
.subscribe .list .top{position:relative;margin-top:60px;}
.subscribe .list h3{font-size:40px;letter-spacing:-1px;font-weight:500;}
.subscribe .list .sort{position:absolute;top:35px;right:0; font-size:0;}
.subscribe .list .sort li{position:relative;display:inline-block;vertical-align:top;padding:0 8px;}
.subscribe .list .sort li:before{content:'';display:block;position:absolute;top:7px;left:0; width:1px;height:12px;background:rgba(0,0,0,0.1)}
.subscribe .list .sort li:first-child:before{display:none;}
.subscribe .list .sort li:first-child{padding-left:0}
.subscribe .list .sort li:last-child{padding-right:0}
.subscribe .list .sort li a{font-size:16px;letter-spacing:-0.4px;opacity:.5;color:#000;}
.subscribe .list .sort li a.on{opacity:1;font-weight:500}
.subscribe .list .cont{font-size:0;margin-top:24px;}
.subscribe .list .cont li{display:inline-block;vertical-align:top;margin-right:30px;width:380px;}
.subscribe .list .cont li:nth-child(3n){margin-right:0}
.subscribe .list .cont li a{display:block;height:500px;text-align:center;}
.subscribe .list .cont li a .img{position:relative;height:340px;background-position:center center;background-size:contain;background-repeat: no-repeat;}
.subscribe .list .cont li a .img:before{content:'';display:block;position:absolute;top:0;left:0; width:100%;height:100%;border:1px solid #0c2340;opacity:.1;box-sizing:border-box;}
.subscribe .list .cont li a .img:after{content:'';display:block;position:absolute;top:0;left:0; width:100%;height:100%;border:3px solid #3289e8;opacity:0;box-sizing:border-box;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
.subscribe .list .cont li a:hover .img:after{opacity:1;}
.subscribe .list .cont li .t1{margin-top:20px;font-size:20px;letter-spacing:-0.5px;color:#000;}
.subscribe .list .cont li em{display:block;margin-top:10px;font-size:16px;letter-spacing:-0.4px;opacity:.5;color:#000;text-decoration:line-through}
.subscribe .list .cont li strong{display:block;margin-top:2px;font-size:26px;letter-spacing:-0.65px;font-weight:700;color:#000;line-height:40px;}
.subscribe .list .cont li strong span{font-size:18px;letter-spacing:-0.45px;font-weight:700;color:#000;line-height:40px;}
.subscribe .none span{display:block;padding-top:20px;font-size:14px;color:#5c5c5c;text-align:center;line-height:26px;}
@media (max-width: 1199px){
    .subscribe .tit .inner{width:100%;padding:0 30px;}
    .subscribe .list{width:100%;padding:0 30px;}
    .subscribe .list .cont li{width:calc(33.33% - 20px);}
    .subscribe .list .cont li a .img{width:100%;}
}
@media (max-width: 1000px){
    .subscribe .list .cont li{width:calc(50% - 15px);margin-right:30px}
    .subscribe .list .cont li:nth-child(3n){margin-right:30px}
    .subscribe .list .cont li:nth-child(2n){margin-right:0}
}
@media (max-width: 767px) {
    .subscribe .tit .inner{width:100%;margin:60px 0 0 ;padding:0 30px;}
    .subscribe .tit h2{font-size:31px;line-height:46px;letter-spacing:-0.8px;}
    .subscribe .tit p{margin-top:8px;font-size:16px;line-height:24px;letter-spacing:-0.4px;}
    .subscribe .tit .bg{margin-top:50px;height:320px;background:url("../images/subs_bg_mo_v1.jpg")center center no-repeat;background-size:cover;}
    .subscribe .list{width:100%;margin:0 auto 100px;padding:0 30px;}
    .subscribe .list .top{margin-top:40px;}
    .subscribe .list h3{font-size:30px;letter-spacing:-0.75px}
    .subscribe .list .sort{position:static;margin-top:14px;}
    .subscribe .list .sort li:before{top:5px;}
    .subscribe .list .sort li a{font-size:14px;letter-spacing:-0.35px;}
    .subscribe .list .cont{font-size:0;margin-top:24px;}
    .subscribe .list .cont li{margin-top:40px;width:100%;margin-right:0}
    .subscribe .list .cont li:first-child{margin-top:0;}
    .subscribe .list .cont li:nth-child(3n){margin-right:0}
    .subscribe .list .cont li:nth-child(2n){margin-right:0}
    .subscribe .list .cont li a{height:auto;}
    .subscribe .list .cont li a .img{width:100%;height:282px;}
    .subscribe .list .cont li .t1{font-size:18px;letter-spacing:-0.45px;}
    .subscribe .list .cont li em{font-size:14px;letter-spacing:-0.35px;}
    .subscribe .list .cont li strong{font-size:24px;letter-spacing:-0.6px;line-height:36px;}
    .subscribe .list .cont li strong span{font-size:16px;letter-spacing:-0.4px;line-height:36px;}
}

.subs .product .wr .cont1{margin-top:20px;font-size:0;}
.subs .product .wr .cont1 strong{display:inline-block;vertical-align:top;font-size:26px;line-height:38px;letter-spacing:-0.65px;color:#3289e8;}
.subs .product .wr .cont1 .t1{display:inline-block;vertical-align:top;text-align:right;}
.subs .product .wr .cont1 .t1 strong{color:#000;margin-left:12px;height:38px;}
.subs .product .wr .cont1 .t1 strong span{font-size:18px;}
.subs .product .wr .cont1 .t1 p{margin-top:2px;font-size:16px;letter-spacing:-0.4px;line-height:24px;text-decoration:line-through;opacity:0.5}
.subs .product .wr .cont1 .t1 p.v1{text-decoration:none;}
.subs .product .wr .cont1 .t2{display:inline-block;vertical-align:top;margin-top:14px;margin-left:12px;font-size:14px;line-height:20px;opacity:.5;letter-spacing:-0.35px;}
.subs .product .wr .cont1 .t2 p{margin-top:8px;font-size:14px;letter-spacing:-0.35px;line-height:20px;}
.subs .product .wr .cont1 .t2 p + p{margin-top:6px;}
.subs .product .wr .cont2{font-size:0;margin-top:40px;padding:2px 20px;border:1px solid rgba(0,0,0, 0.1);}
.subs .product .wr .cont2 strong{position:relative;display:inline-block;vertical-align:top;width:74px;line-height:24px;color:#666}
.subs .product .wr .cont2 li{padding:14px 0;}
.subs .product .wr .cont2 li+li{border-top:1px solid rgba(0,0,0, 0.1);}
.subs .product .wr .cont2 li strong:after{content:'';position:absolute;top:6px;right:0;display:inline-block;vertical-align:top;width:1px;height:12px;background:rgba(0,0,0,0.1)}
.subs .product .wr .cont2 p{display:inline-block;vertical-align:top;width:calc(100% - 91px);text-align:left;font-size:16px;letter-spacing:-0.4px;color:#000;line-height:24px;}
.subs .product .wr .cont3{margin-top:50px;overflow:hidden;}
.subs .product .wr .cont3 strong{font-size:16px;letter-spacing:-0.4px;font-weight:500;line-height:38px;height:38px;}
.subs .product .wr .cont3 p{display:inline-block;float:right;font-size:26px;letter-spacing:-0.65px;font-weight:700;line-height:38px;height:38px;color:#3289e8;}
.subs .product .wr .cont3 p span{font-size:18px;}
.subs .product .wr .btn1{padding:0;width:100%;margin-top:30px;text-align:center;}
.subs .product .wr .btn1:before{display:none;}
.subs-detail{margin:95px auto 150px;width:1200px;}
.subs-detail .bnr{text-align:center}
.subs-detail .bnr.pc{display:block}
.subs-detail .bnr.mo{display:none}
.subs-detail .tit{width:100%;margin-top:80px;padding-bottom:10px; font-size:20px;font-weight:500;letter-spacing:-0.5px;line-height:29px; border-bottom:2px solid #000}
.subs-detail .editor{margin:30px 0;font-size:initial;font-weight:initial;}
.subs-detail .editor *{font-size:initial;font-weight:initial}
@media (max-width: 1199px){
    .subs-detail{width:100%;padding:0 30px;}
}
@media (max-width: 767px) {
    .subs .product .wr .cont1 strong{font-size:20px;line-height:29px;letter-spacing:-0.5px;}
    .subs .product .wr .cont1 .t1 strong{margin-left:10px;height:29px;}
    .subs .product .wr .cont1 .t1 strong span{font-size:14px;}
    .subs .product .wr .cont1 .t1 p{font-size:14px;letter-spacing:-0.35px;line-height:20px;}
    .subs .product .wr .cont1 .t2{margin-top:9px;margin-left:14px;font-size:12px;line-height:20px;letter-spacing:-0.35px;}
    .subs .product .wr .cont1 .t2 p{margin-top:2px;font-size:12px;letter-spacing:-0.35px;line-height:20px;}
    .subs .product .wr .cont1 .t2 p + p{margin-top:2px;}
    .subs .product .wr .cont2{margin-top:20px;padding:0 16px;}
    .subs .product .wr .cont2 strong{width:68px;line-height:20px;}
    .subs .product .wr .cont2 li strong:after{top:6px;}
    .subs .product .wr .cont2 p{width:calc(100% - 83px);font-size:14px;letter-spacing:-0.35px;line-height:20px;}
    .subs .product .wr .cont3{margin-top:30px;}
    .subs .product .wr .cont3 strong{line-height:29px;height:29px;}
    .subs .product .wr .cont3 p{font-size:20px;letter-spacing:-0.5px;line-height:29px;height:29px;}
    .subs .product .wr .cont3 p span{font-size:14px;}
    .subs .product .wr .btn1{margin-top:20px;}
    .subs-detail{margin:40px auto 100px;}
    .subs-detail .bnr.pc{display:none}
    .subs-detail .bnr.mo{display:block}
    .subs-detail .tit{margin-top:40px;font-size:18px;letter-spacing:-0.45px;line-height:27px;}
    .subs-detail .editor{margin:30px 0;}
}

.dropdown>ul{margin-top:80px;border-top:2px solid #000;}
.dropdown>ul>li{position:relative;padding:30px 30px 30px 240px;border-bottom:1px solid rgba(0,0,0,0.1);}
.dropdown>ul>li:last-child{border-bottom:0;padding-bottom:0;}
.dropdown>ul>li > a{display:block; position:absolute;top:30px;left:30px;font-size:15px;letter-spacing:-0.38px;font-weight:500;cursor: text;color:#000;}
.dropdown>ul>li .cont{position:relative;display:block;}
.dropdown>ul>li .cont li{position:relative;padding-left:10px;font-size:14px;letter-spacing:-0.35px;line-height:26px;}
.dropdown>ul>li .cont li:before{content:'';position:absolute;top:12px;left:0;width:2px;height:2px;background:#000;}
@media (max-width: 767px) {
    .dropdown>ul{margin-top:0;}
    .dropdown>ul>li{position:relative;padding:0;}
    .dropdown>ul>li:last-child{border-bottom:1px solid rgba(0,0,0,0.1);}
    .dropdown>ul>li > a{position:relative;top:0;left:0; padding:20px 40px 20px 14px;font-size:16px;line-height:24px;letter-spacing:-0.4px;transition:all .2s ease-in-out;color:#000;cursor:pointer}
    .dropdown>ul>li > a:after{content:'';display:block;position:absolute;top:20px;right:13px;width:18px;height:18px;background:url("../images/btn_arrow_less.svg")0 0 no-repeat;background-size:contain;transform: rotate(180deg);transition:all .2s ease-in-out;}
    .dropdown>ul>li > a.on:after{transform:rotate(0deg);}
    .dropdown>ul>li .cont{display:none;padding:20px 10px;background:#f8f8f8;border-top:1px solid rgba(0,0,0,0.1);}
    .dropdown>ul>li .cont li{font-size:14px;letter-spacing:-0.35px;line-height:24px;}
    .dropdown>ul>li .cont li:before{top:10px;}
}
/*주문서*/
.subs-order{padding:100px 0 150px;width:1200px;margin:0 auto;}
.subs-order .tit{display:block;text-align:center;}
.subs-order .login-btn-group{margin-top:60px;text-align:center;}
@media (max-width: 1199px){
    .subs-order{padding:60px 30px 100px;width:100%;}
}
@media (max-width: 767px) {
    .subs-order{padding:60px 30px 100px;width:100%;}
    .subs-order .tit{font-size:32px;letter-spacing:-0.8px}
}
.tbl-ty{margin-top:60px;}
.tbl-ty .total{font-size:20px;letter-spacing:-0.5px;}
.tbl-ty .li-header{font-size:0;margin-top:10px;border-top:2px solid #000;}
.tbl-ty .li-header li{display:inline-block;vertical-align:top;height:56px;line-height:56px;font-size:16px;letter-spacing:-0.4px;background:#f7f8f9;color:#666;text-align:center;border-left:1px solid rgba(0,0,0,0.1);}
.tbl-ty .li-header li:first-child{border-left:0;}
.tbl-ty .w1{width:380px;width:32%;}
.tbl-ty .w2{width:290px;width:24%;}
.tbl-ty .w3{width:240px;width:20%;}
.tbl-ty .w4{width:290px;width:24%;}
.tbl-ty .li-body{font-size:0;}
.tbl-ty .li-body>li{position:relative;border-bottom:1px solid rgba(0,0,0,0.1);}
.tbl-ty .li-body>li li:first-child{border-left:0;}
.tbl-ty .li-body>li li{position:relative;display:inline-block;vertical-align:top;padding:20px;font-size:0;height:130px;text-align:center;border-left:1px solid rgba(0,0,0,0.1);}
.tbl-ty .li-body>li li>div{display:table;height:100%;width:100%;}
.tbl-ty .li-body>li li>div>*{display:table-cell;vertical-align:middle;}
.tbl-ty .li-body .w1{padding:0 20px 0 0;text-align:left;}
.tbl-ty .li-body .w1 .img{width:90px;height:90px;background-size:contain;background-repeat:no-repeat;background-position:center center;}
.tbl-ty .li-body .w1 p{font-size:18px;padding-left:16px;}
.tbl-ty .li-body .w1 p span{white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow:hidden;}
.tbl-ty .li-body .w2{font-size:18px;font-weight:700;letter-spacing:-0.45px;}
.tbl-ty .li-body .w2 strong{font-size:26px;font-weight:700;letter-spacing:-0.65px;}
.tbl-ty .li-body .w3{font-size:18px;font-weight:700;letter-spacing:-0.45px;}
.tbl-ty .li-body .w3:before{content:'';display:block;position:absolute;top:calc(50% - 15px);left:-15px;width:30px;height:30px;background:url("../images/i_plus.png")0 0 no-repeat;background-size:contain;}
.tbl-ty .li-body .w3 strong{font-size:26px;font-weight:700;letter-spacing:-0.65px;}
.tbl-ty .li-body .w3 p{margin-top:2px;font-size:14px;letter-spacing:-0.35px;font-weight:400;opacity:.5;}
.tbl-ty .li-body .w4{font-size:18px;font-weight:700;letter-spacing:-0.45px;color:#3289e8;}
.tbl-ty .li-body .w4 strong{font-size:26px;font-weight:700;letter-spacing:-0.65px;color:#3289e8;}
.tbl-ty .li-body .w4:before{content:'';display:block;position:absolute;top:calc(50% - 15px);left:-15px;width:30px;height:30px;background:url("../images/i_equal.png")0 0 no-repeat;background-size:contain;}
@media (max-width: 767px) {
    .tbl-ty{margin-top:50px;font-size:0}
    .tbl-ty .total{font-size:18px;letter-spacing:-0.45px;}
    .tbl-ty .li-header{display:inline-block;vertical-align:top;width:96px;}
    .tbl-ty .li-header li{font-size:14px;letter-spacing:-0.35px;border-left:0;border-bottom:1px solid rgba(0,0,0,0.1);}
    .tbl-ty .li-header .w1{width:96px;height:90px;line-height:90px;}
    .tbl-ty .li-header .w2{width:96px;height:70px;line-height:70px;}
    .tbl-ty .li-header .w3{width:96px;height:90px;line-height:90px;}
    .tbl-ty .li-header .w4{width:96px;height:70px;line-height:70px;}
    .tbl-ty .li-body{display:inline-block;vertical-align:top;margin-top:10px;width:calc(100% - 96px);border-top:2px solid #000;}
    .tbl-ty .li-body>li{border-bottom:0}
    .tbl-ty .li-body>li li{padding:0;border-left:0;border-bottom:1px solid rgba(0,0,0,0.1);}

    .tbl-ty .li-body .w1{padding:10px 10px 10px 6px;height:90px;width:100%}
    .tbl-ty .li-body .w1 .img{width:70px;height:70px;}
    .tbl-ty .li-body .w1 p{font-size:16px;padding-left:8px;letter-spacing:-0.4px;}
    .tbl-ty .li-body .w2{font-size:14px;letter-spacing:-0.35px;height:70px;width:100%}
    .tbl-ty .li-body .w2 strong{font-size:20px;letter-spacing:-0.5px;}
    .tbl-ty .li-body .w3{font-size:14px;letter-spacing:-0.35px;height:90px;width:100%}
    .tbl-ty .li-body .w3:before{top:-10px;left:calc(50% - 10px);width:20px;height:20px;}
    .tbl-ty .li-body .w3 strong{font-size:20px;letter-spacing:-0.5px;}
    .tbl-ty .li-body .w3 p{margin-top:0;}
    .tbl-ty .li-body .w4{font-size:14px;letter-spacing:-0.35px;height:70px;width:100%}
    .tbl-ty .li-body .w4 strong{font-size:20px;letter-spacing:-0.5px;}
    .tbl-ty .li-body .w4:before{top:-10px;left:calc(50% - 10px);width:20px;height:20px;}
}

.tbl-ty02{position:relative;margin-top:20px;}
.tbl-ty02 .total{font-size:20px;letter-spacing:-0.5px;}
.tbl-ty02 ul{border-top:2px solid #000;margin-top:12px;}
.tbl-ty02 li{position:relative;min-height:56px;font-size:0;border-bottom:1px solid rgba(0,0,0,0.1);background:#f7f8f9;}
.tbl-ty02 li p{position:absolute;top:calc(50% - 12px);left:20px;width:150px;font-size:16px;letter-spacing:-0.4px;}
.tbl-ty02 li div{display:inline-block;vertical-align:top;width:calc(100% - 150px);margin-left:150px;padding:16px 16px;min-height:56px;font-size:16px;letter-spacing:-0.4px;border-left:1px solid rgba(0,0,0,0.1);background:#fff;}
@media (max-width: 767px) {
    .tbl-ty02{margin-top:40px;}
    .tbl-ty02 .total{font-size:18px;letter-spacing:-0.45px;}
    .tbl-ty02 ul{margin-top:10px;}
    .tbl-ty02 li{min-height:48px;}
    .tbl-ty02 li p{top:14px;left:14px;width:80px;font-size:14px;letter-spacing:-0.35px;}
    .tbl-ty02 li div{width:calc(100% - 94px);margin-left:94px;padding:14px;min-height:48px;font-size:14px;letter-spacing:-0.35px;border-left:0;}
    .tbl-ty02.v2 li p{width:96px;}
    .tbl-ty02.v2 li div{width:calc(100% - 110px);margin-left:110px;}
}
.tbl-ty03{position:relative; margin-top:50px;}
.tbl-ty03 .total{font-size:20px;letter-spacing:-0.5px;}
.tbl-ty03 .li-header{font-size:0;margin-top:10px;border-top:2px solid #000;border-bottom:1px solid rgba(0,0,0,0.1);}
.tbl-ty03 .li-header li{display:inline-block;vertical-align:top;height:56px;line-height:56px;font-size:16px;letter-spacing:-0.4px;background:#f7f8f9;color:#666;text-align:center;border-left:1px solid rgba(0,0,0,0.1);}
.tbl-ty03 .li-header li:first-child{border-left:0;}
.tbl-ty03 .w1{width:20%;}
.tbl-ty03 .w2{width:25%;}
.tbl-ty03 .w3{width:28%;}
.tbl-ty03 .w4{width:27%;}
.tbl-ty03 .li-body{font-size:0;}
.tbl-ty03 .li-body>li{position:relative;border-bottom:1px solid rgba(0,0,0,0.1);}
.tbl-ty03 .li-body>li ul{display:flex;align-items:stretch;}
.tbl-ty03 .li-body>li li:first-child{border-left:0;}
.tbl-ty03 .li-body>li li{display:flex; align-items:center;justify-content:center; padding:12px 20px;font-size:16px;letter-spacing:-0.4px;text-align:center;min-height:48px;border-left:1px solid rgba(0,0,0,0.1);}
@media (max-width: 767px) {
    .tbl-ty03{margin-top:40px;}
    .tbl-ty03 .total{font-size:18px;letter-spacing:-0.45px;}
    .tbl-ty03 .li-header li{font-size:14px;letter-spacing:-0.35px;}
    .tbl-ty03 .w1{width:17%;}
    .tbl-ty03 .w2{width:30%;}
    .tbl-ty03 .w3{width:34%;}
    .tbl-ty03 .w4{width:19%;}
    .tbl-ty03 .li-body>li li{padding:14px 5px;font-size:14px;letter-spacing:-0.35px;}
}

.dv_group{margin-top:40px;font-size:0;}
.dv_group.v1{margin-top:60px;}
.dv_group>div{display:inline-block;vertical-align:top;}
.dv_group .wl{width:calc(100% - 400px);}
.dv_group .wl2{width:360px;}
.dv_group .wr{width:360px;margin-left:40px;}
.dv_group .wr2{width:calc(100% - 400px);margin-left:40px;}
.dv_group .wr2_no{position:relative;width:calc(100% - 400px);height: 280px;background:#f7f8f9;margin-left:40px;}
.dv_group .wr2_no h2{font-size:24px;letter-spacing:-.6px;display:inline-block;position:relative;top:50%;left:38%;transform:translate(0, -50%);}
.dv_group .wr2_no h2::before{content:"";position:absolute;top:50%;left:-60px;transform:translate(0, -50%);width:50px;height:50px;background:url("../images/ico-noproduct.png")0 0 no-repeat;background-size:cover;}
.dv_group .login-cont{padding:0}
.dv_group .box{background:#f7f8f9;min-height:67px;padding:14px 0 14px 30px;}
.dv_group .box .radio{margin-top:0;margin-right:30px}
.dv_group .login-cont .radio.v1 + .radio{margin-left:0}
.dv_group .box .radio input[type="radio"] + label:before{background-color:#fff;}
.dv_group .login-form2 .row2{margin-top:30px;}
.dv_group .login-form2 .row2 + .row2{margin-top:50px}
.dv_group .login-form2 .row2 dd>div{padding-top:10px; font-size:initial}
@media (max-width: 1199px){
    .dv_group.v1{margin-top:50px;}
    .dv_group .wl{width:calc(100% - 300px);}
    .dv_group .wr{width:280px;margin-left:20px;}
    .dv_group .wl2{width:280px;}
    .dv_group .wr2{width:calc(100% - 300px);margin-left:20px;}
    .dv_group .wr2_no{width:calc(100% - 300px);margin-left:20px;}
}
@media (max-width: 767px) {
    .dv_group .wl{width:100%;}
    .dv_group .wr{width:100%;margin-left:0;}
    .dv_group .wl2{width:100%;}
    .dv_group .wr2{width:100%;margin-left:0;}
    .dv_group .wr2_no{width:100%;margin-left:0;margin-top:40px;}
    .dv_group .wr2_no h2{font-size:16px;left:31%;}
    .dv_group .wr2_no h2::before{left:-35px;transform:translate(0, -50%);width:30px;height:30px;}
    .dv_group .login-cont{padding:0}
    .dv_group .box{min-height:60px;padding:20px 0 20px 14px;}
    .dv_group .box .radio{display:inline-block;margin-top:0;margin-right:20px}
    .dv_group .box .radio.v1 + .radio{margin:0;}
    .dv_group .box .radio input[type="radio"] + label{padding-left:28px;}
    .dv_group .login-form2 .row2{margin-top:20px;}
    .dv_group .login-form2 .row2 + .row2{margin-top:40px}
    .dv_group .login-form2 .row2 dd>div{padding-top:20px;}
}
@media (max-width: 360px) {
    .dv_group .box{padding:15px 0 15px 14px;}
    .dv_group .box .radio.v1{margin:5px 15px 5px 0;}
    .dv_group .box .radio.v1 + .radio{margin:5px 0;}
}

.order-total{width:100%;padding:20px 30px 30px;border:1px solid rgba(0,0,0,0.1);}
.order-total.v1{padding-bottom:25px;}
.order-total em{display:block;padding-bottom:10px;border-bottom:2px solid #000;font-size:20px;letter-spacing:-0.5px;}
.order-total .p-img{display:table;height:110px;width:100%;border-bottom:1px solid rgba(0,0,0,0.1)}
.order-total .p-img *{display:table-cell;vertical-align:middle;}
.order-total .p-img .img{width:90px;height:90px;background-size:contain;background-repeat:no-repeat;background-position:center center;}
.order-total .p-img p{padding-left:6px;font-size:16px;letter-spacing:-0.4px;}
.order-total .p-img p span{white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow:hidden;}
.order-total .p-img+ul{padding:15px 0 0;}
.order-total .txt-group{padding:7px 0;}
.order-total .txt-group li{position:relative;}
.order-total .txt-group li strong{position:absolute;top:0;left:0;font-size:16px;height:34px;line-height:34px;letter-spacing:-0.4px;color:#666;font-weight:400;}
.order-total .txt-group li p{display:block;padding:5px 0 5px 70px;font-size:16px;line-height:24px;letter-spacing:-0.4px;text-align: right;}
.order-total .txt-group li p span{display:inline-block;vertical-align:top;}
.order-total .price-all{position:relative;padding-top:16px;border-top:1px solid rgba(0,0,0,0.1);}
.order-total .price-all strong{display:inline-block;vertical-align:top; font-size:16px;height:34px;line-height:34px;letter-spacing:-0.4px;font-weight:400;}
.order-total .price-all p{position:absolute;top:16px;right:0;height:34px;line-height:34px;font-size:22px;letter-spacing:-0.55px;font-weight:500;}
.order-total .price-all p span{font-size:16px;}
.order-total a{display:block;margin-top:30px;height:52px;line-height:52px;font-size:16px;text-align:center;color:#fff;background:#3289e8;}
.order-total .datepicker-group + a{margin-top:25px;}
.order-total a.half{display:inline-block;vertical-align:top;width:calc(50% - 5px);}
.order-total a.half + .half{margin-left:10px;}
.order-total a.v1{background:#b3bdc9;}
@media (max-width: 767px) {
    .order-total{margin-top:60px;padding:20px 14px 30px;}
    .order-total.v1{margin-top:0;padding-bottom:25px;}
    .order-total.v2{margin-top:0;padding-bottom:20px;}
    .order-total em{font-size:18px;letter-spacing:-0.45px;}
    .order-total .txt-group{padding:7px 0;}
    .order-total .txt-group li strong{font-size:14px;height:30px;line-height:30px;letter-spacing:-0.35px;}
    .order-total .txt-group li p{font-size:14px;line-height:20px;letter-spacing:-0.35px;}
    .order-total .price-all{padding-top:14px;}
    .order-total .price-all strong{font-size:14px;height:29px;line-height:29px;letter-spacing:-0.35px;}
    .order-total .price-all p{top:14px;height:29px;line-height:29px;font-size:20px;letter-spacing:-0.5px;}
    .order-total .price-all p span{font-size:14px;}
    .order-total  .datepicker-group + a{margin-top:30px;}
}

/*주문완료*/
.order-msg{margin-top:24px;padding:20px;background:#f7f8f9;text-align:center}
.order-msg img{display:block;width:36px;height:36px;margin:0 auto;}
.order-msg strong{display:block;margin-top:12px;font-size:20px;letter-spacing:-0.5px;color:#3289e8;font-weight:400;}
.order-msg p{margin-top:10px;font-size:16px;letter-spacing:-0.4px;}
@media (max-width: 767px){
    .order-msg{margin-top:60px;}
    .order-msg strong{font-size:18px;letter-spacing:-0.45px;}
    .order-msg p{margin-top:8px;font-size:14px;letter-spacing:-0.35px;}
}
.dv_group2{margin-top:47px;font-size:0;}
.dv_group2>div{display:inline-block;vertical-align:top;width:calc(50% - 15px);}
.dv_group2>div>strong{font-size:20px;font-weight:400;letter-spacing:-0.5px;}
.dv_group2>div>div{margin-top:10px;padding:20px; min-height:230px;border:1px solid rgba(0,0,0,0.1);}
.dv_group2 .wr{margin-left:30px;}
.dv_group2 .wl .n1{margin-top:-10px;}
.dv_group2 .wl .n1>div{display:table;height:90px;width:100%;}
.dv_group2 .wl .n1>div>*{display:table-cell;vertical-align:middle;}
.dv_group2 .wl .n1 .img{width:90px;height:90px;background-size:contain;background-repeat:no-repeat;background-position:center center;}
.dv_group2 .wl .n1 p{font-size:18px;padding-left:16px;}
.dv_group2 .wl .n1 p span{white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow:hidden;}
.dv_group2 .wl .n2{margin-top:10px;min-height:100px;background:#f7f8f9;font-size:0;}
.dv_group2 .wl .n2>span{display:inline-block;vertical-align:top;width:30px;height:30px;margin-top:51px;}
.dv_group2 .wl .n2 .plus{background:url("../images/i_plus.png")0 0 no-repeat;background-size:contain;}
.dv_group2 .wl .n2 .equal{background:url("../images/i_equal.png")0 0 no-repeat;background-size:contain;}
.dv_group2 .wl .n2>div{display:inline-block;vertical-align:top;padding:20px 10px;width:calc(33.33% - 20px);text-align:center;}
.dv_group2 .wl .n2>div div{display:inline-block;text-align:left}
.dv_group2 .wl .n2>div p{font-size:16px;letter-spacing:-0.4px;color:#999;}
.dv_group2 .wl .n2>div strong{margin-top:4px;display:inline-block;font-size:22px;letter-spacing:-0.55px;}
.dv_group2 .wl .n2>div span{font-size:14px;letter-spacing:-0.35px;opacity:.5}
.dv_group2 .wl .n2>div strong span{font-size:16px;letter-spacing:-0.4px;opacity:1}
.dv_group2 .wr .n1{padding:10px 10px 25px;}
.dv_group2 .wr .n1 strong{font-size:20px;letter-spacing:-0.5px;font-weight:500}
.dv_group2 .wr .n1 p{margin-top:10px;font-size:16px;letter-spacing:-0.4px;}
.dv_group2 .wr .n1 p.v1{display:inline-block;vertical-align:top;padding-right:12px;margin-top:8px;}
.dv_group2 .wr .n1 p.v2{position:relative;display:inline-block;vertical-align:top;padding-left:12px;margin-top:8px;}
.dv_group2 .wr .n1 p.v2:before{content:'';display:block;position:absolute;top:7px;left:0;width:1px;height:12px;background:#000;opacity:.1}
.dv_group2 .wr .n2{height:60px;padding:16px;background:#f7f8f9;font-size:18px;letter-spacing:-0.45px;}
@media (max-width: 1100px){
    .dv_group2>div{width:100%;}
    .dv_group2 .wr{margin-left:0;margin-top:40px;}
}
@media (max-width: 767px){
    .dv_group2{margin-top:40px;}
    .dv_group2>div>strong{font-size:18px;letter-spacing:-0.45px;}
    .dv_group2>div>div{padding:20px 15px; min-height:100px;}
    .dv_group2 .wl .n1{margin-top:0;}
    .dv_group2 .wl .n1 p{font-size:16px;letter-spacing:-0.4px;}
    .dv_group2 .wl .n2{position:relative;margin-top:20px;min-height:185px;}
    .dv_group2 .wl .n2 .plus{width:20px;height:20px;margin-top:43px;}
    .dv_group2 .wl .n2 .equal{width:20px;height:20px;margin-top:0;position:absolute;bottom:83px;left:calc(50% - 10px);}
    .dv_group2 .wl .n2>div{padding:20px 5px;width:calc(50% - 10px);}
    .dv_group2 .wl .n2 .w3{width:100%;border-top:1px solid rgba(0,0,0,0.1)}
    .dv_group2 .wl .n2>div div{display:inline-block;text-align:left}
    .dv_group2 .wl .n2>div p{font-size:14px;letter-spacing:-0.35px;}
    .dv_group2 .wl .n2>div strong{font-size:20px;letter-spacing:-0.5px;}
    .dv_group2 .wl .n2>div strong span{font-size:14px;letter-spacing:-0.35px;}
    .dv_group2 .wr .n1{padding:20px 15px;}
    .dv_group2 .wr .n1 strong{font-size:16px;letter-spacing:-0.4px;}
    .dv_group2 .wr .n1 p{font-size:14px;letter-spacing:-0.35px;}
    .dv_group2 .wr .n1 p.v1{padding-right:14px;margin-top:10px;}
    .dv_group2 .wr .n1 p.v2{padding-left:14px;margin-top:10px;}
    .dv_group2 .wr .n1 p.v2:before{top:5px;}
    .dv_group2 .wr .n2{height:52px;padding:14px;font-size:16px;letter-spacing:-0.4px;}
}

.srch-list li:first-child{margin-top:0}
.srch-list li{display:flex;align-items:center;position:relative;margin-top:20px;min-height:130px;border:1px solid rgba(0,0,0,0.1);}
.srch-list li .p-img{padding-left:10px;display:table;height:130px;width:300px;}
.srch-list li .p-img *{display:table-cell;vertical-align:middle;}
.srch-list li .p-img .img{width:90px;height:90px;background-size:contain;background-repeat:no-repeat;background-position:center center;}
.srch-list li .p-img p{padding-left:6px;font-size:16px;letter-spacing:-0.4px;}
.srch-list li .p-img p span{white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow:hidden;}
.srch-list li .txt1{width:200px;font-size:16px;letter-spacing:-0.4px;text-align:center;}
.srch-list li .txt1 strong{font-size:16px;letter-spacing:-0.4px;font-weight:400;}
.srch-list li .txt1 span{opacity:.5;}
.srch-list li .txt1 .none{font-size:0}
.srch-list li .txt2{width:128px;font-size:18px;letter-spacing:-0.45px;text-align:center;font-weight:500}
.srch-list li .txt2 p span{font-weight:500;font-size:14px;}
.srch-list li .txt2>span{opacity:.5;font-size:16px;letter-spacing:-0.4px;font-weight:400}
.srch-list li .txt3{width:170px;font-size:18px;letter-spacing:-0.45px;text-align:center;}
.srch-list li .txt3 p{font-size:16px;letter-spacing:-0.4px;}
.srch-list li .txt3 a{display:inline-block;vertical-align:top;margin-top:6px;padding:0 14px; height:32px;line-height:30px;font-size:14px;letter-spacing:-0.35px;border-radius:30px; }
.srch-list li .txt3 a.a-ty1{border:1px solid #b3bdc9;background:#b3bdc9;color:#fff;}
.srch-list li .txt3 a.a-ty2{border:1px solid rgba(12,35,64,0.1);color:#3289e8}
.srch-list li .txt3 p.v1{opacity:.5 }
.srch-list li .txt3 .none{display:none;}
@media (max-width: 1000px){
    .srch-list li{display:block;margin-top:14px;padding:20px 30px 30px;}
    .srch-list li .p-img{padding-left:0;margin-left:-6px; height:90px;width:calc(100% + 6px);}
    .srch-list li .txt1{position:relative;width:100%;text-align:left;font-size:0;margin-top:18px}
    .srch-list li .txt1 p{display:inline-block;vertical-align:top;width:118px;font-size:16px;letter-spacing:-0.4px;}
    .srch-list li .txt1 strong{font-weight:400;font-size:18px;}
    .srch-list li .txt1 span{display:inline-block;vertical-align:top;width:calc(100% - 118px);font-size:16px;letter-spacing:-0.4px;}
    .srch-list li .txt1 .none{display:block;font-size:16px;letter-spacing:-0.4px;}
    .srch-list li .txt1 .none strong{display:block;position:absolute;top:0;left:118px;width:calc(100% - 118px);text-align:center;}
    .srch-list li .txt2{width:100%;margin-top:14px;font-size:0;text-align:left;}
    .srch-list li .txt2 p{display:inline-block;vertical-align:top;width:118px;font-size:18px;letter-spacing:-0.45px;font-weight:500;}
    .srch-list li .txt2>span{display:inline-block;vertical-align:top;width:calc(100% - 118px);}
    .srch-list li .txt3{width:100%;font-size:0;text-align:left;margin-top:12px;white-space:nowrap}
    .srch-list li .txt3 p{display:inline-block;vertical-align:top;width:118px;line-height:30px;}
    .srch-list li .txt3 a{margin-top:0;}
    .srch-list li .txt3 p.v1{display:inline-block;vertical-align:top;width:calc(100% - 118px);}
    .srch-list li .txt3 .none{display:inline-block;vertical-align:top;width:118px;}
}
@media (max-width: 767px){
    .srch-list{margin-top:40px;}
    .srch-list li{padding:20px 20px 30px;}
}
.pay-group div{font-size:initial}
.pay-group .radio-group{display:block;}
.pay-group .selcet-ty{display:none}
.pay-group>li{margin:0 !important;padding:10px 0;}
.pay-group>li+li{border-top:1px solid rgba(0,0,0,0.1);}
.pay-group>li>.radio{margin-left:0;}
.pay-group>li>.radio label{font-weight:400;font-size:18px;letter-spacing:-0.45px;}
.pay-group>li>.radio input[type="radio"] + label:before{border-color:#e4eaf1;background-color:#f7f8f9}
.pay-group>li>.radio input[type="radio"]:checked + label:before{border:0;background-image:url("../images/radio_chkd.png");}
.pay-group>li>.radio + .radio{margin-left:30px; }
.pay-group .radio-group li{font-size:initial;width:calc(33.33% - 14px);margin-right:20px;height:72px;}
.pay-group .radio-group li:nth-child(3n){margin-right:0}
.pay-group .radio-group li input[type="radio"] + label{height:52px;line-height:50px;font-size:16px;}

@media (max-width: 767px){
    .pay-group .radio-group{display:none;}
    .pay-group .selcet-ty{display:block}
    .pay-group>li{padding:20px 0;}
    .pay-group>li>.radio label{font-size:16px;letter-spacing:-0.4px;}
    .pay-group .selcet-ty{padding-top:20px;}
    .pay-group .selcet-ty select{height:48px !important;line-height:46px !important;padding-left:20px !important;font-weight:400 !important;color:#000;background:url("../images/icon_arrow_drop2.png") calc(100% - 20px) center no-repeat;background-size:24px auto;border:1px solid rgba(0,0,0,0.1)}
    .pay-group .selcet-ty select .disabled{color:#999}
    .pay-group .selcet-ty select option{color:#000}
    .pay-group .selcet-ty select option[disabled]{display: none;color:#999}
    .pay-group .selcet-ty select:invalid{color:#999}
}
/* **************************************** *
 *terms
 * **************************************** */
.terms .wrap{padding:18px 30px 0;}
.terms h2{padding:60px 0;font-size:30px;font-weight:700;text-align:center;}
.terms h3{padding:40px 0 10px 0;font-size:16px;font-weight:700;}
.terms p{padding:10px 0 10px 20px;}
.terms section{padding:0 0 150px;line-height:30px;font-size:16px;}
.terms section *{font-size:16px;}
.terms ol li{position:relative;padding:10px 0 10px 30px;}
.terms ol li span{position:absolute;top:10px;left:10px;}
.terms ol li li{position:relative;padding:5px 0 0 20px;}
.terms ol li ul li:before{content:'\00B7';position:absolute;top:5px;left:5px;}
.terms ol li ul.tri li:before{content:'\25B6';left:0;}
.terms ol li ol li span{position:absolute;top:5px;left:0;}
.terms table{margin:10px 0 0;border-collapse:collapse;border: 1px solid #e5e5e5;}
.terms th,
.terms td{border: 1px solid #e5e5e5;padding:10px;vertical-align:middle;}
.terms th{background: #f5f5f5;font-weight:500;text-align: center;vertical-align:middle;}
.terms section a{color:#006ade;}
.terms-laypop{position:relative;display:block;margin:100px auto;padding:30px;width:600px; background:#fff;}
.terms-laypop-tit{position:relative;}
.terms-laypop-tit h2{padding-bottom:20px;padding-right:30px;font-size:20px;letter-spacing:-0.5px;font-weight:500;border-bottom:2px solid #000;}
.terms-laypop-tit .btn-close{position:absolute;top:0;right:0;display:block;width:24px;height:24px;background:url("../images/icon_x.svg")center center no-repeat;background-size:24px auto;}
.terms-laypop-cont .login-btn-group{margin-top:40px;}
.terms-laypop-cont .login-btn-group .btn{width:100%;}
.terms-laypop section{padding:0 10px 0 0;overflow-y:auto; max-height:calc(100vh - 420px);}
@media (max-width: 767px) {
    .terms h3{padding-top:20px;font-size:15px;}
    .terms section{line-height:normal;font-size:15px;}
    .terms section *{font-size:15px;}
    .terms-laypop{margin:40px 30px;padding:20px 20px 30px;width:calc(100% - 60px); }
    .terms-laypop-tit h2{font-size:18px;letter-spacing:-0.45px;}
    .terms-laypop .btn-close{top:2px;}
    .terms-laypop-cont .login-btn-group{margin-top:40px;}
    .terms-laypop section{max-height:calc(100vh - 300px);}
}