@charset "utf-8";

/*

	공통 클래스 ( 가장 큰 부모 클래스 : .LANDING )

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.LANDING *, ::after, ::before {box-sizing:border-box;font-family:"Gmarket", "Noto Sans KR";margin:0;padding:0;}
.only {opacity:0;width:1px;height:1px;overflow:hidden;text-indent:-999999px;position:absolute;}
.LANDING .input_control {border:1px solid #eee;font-size:16px;padding:10px 15px;width:100%;}
.LANDING .relative {position:relative;z-index:2;}

.phone_list {font-size:0;margin:0;padding:0;}
.phone_list > li {font-size:12px;display:inline-block;vertical-align:middle;width:33.3%;}
.phone_list > li > div {width:auto;}
.phone_list > li:nth-child(1) > div {padding-right:10px;}
.phone_list > li:nth-child(2) > div {width:auto;}
.phone_list > li:nth-child(3) > div {padding-left:10px;}

.jellybox {display:block;}
.jellybox.in {display:inline-block;}
.jellybox.in:last-child {margin-right:0;}
.jellybox input {display:none;}
.jellybox span {display:inline-block;vertical-align:middle;}
.jellybox .icon {position:relative;width: 18px;height: 18px;border:2px solid #f4cc17;border-radius:100%;vertical-align: middle;transition: background 0.1s ease;-webkit-transition: background 0.1s ease;cursor: pointer;}
.jellybox.round .icon {border-radius:50%;}
.jellybox .icon::after {content: '';position: absolute;top:5%;left:36%;width: 6px;height: 10px;opacity: 0;transform:translate(-50%,-50%) rotate(45deg) scale(0);border-right: 2px solid #f4cc17;border-bottom: 2px solid #f4cc17;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;transition-delay: 0.15s;}
.jellybox .text {vertical-align:middle;cursor: pointer;}
.jellybox input:checked ~ .icon {animation: jelly 0.6s ease;-webkit-animation: jelly 0.6s ease;}
.jellybox input:checked ~ .icon:after {opacity: 1;transform: rotate(45deg) scale(1);}

.selectbox {position:relative;}
.selectbox:before {content:"";position:absolute;top:50%;right:10px;transform:translateY(-60%) rotate(-45deg);width:7px;height:7px;border-bottom:2px solid #000;border-left:2px solid #000;z-index:2;}
.selectbox .input-control {-webkit-appearance: none;-moz-appearance: none; appearance: none;position:relative;outline:none;}
.selectbox .input-control::-ms-expand { display: none;}

.privacy-pop {position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;opacity:0;visibility:hidden;transition:all .5s;-webkit-transition:all .5s;}
.privacy-pop.active {opacity:1;visibility:visible;}
.privacy-pop .privacy-close-area {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
.privacy-pop .privacybox {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;background:#fff;}
.privacy-pop .privacybox .title {padding:20px;color:#fff;background:#333;position:relative;font-weight:700;}
.privacy-pop .privacybox .title .privacy-close {position:absolute;top:50%;right:5px;transform:translateY(-50%);width:40px;height:40px;background:#333;cursor:pointer;}
.privacy-pop .privacybox .title .privacy-close::before {content:'';display:block;width:80%;height:1px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);}
.privacy-pop .privacybox .title .privacy-close::after {content:'';display:block;width:80%;height:1px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);}
.privacy-pop .privacybox .content {height:350px;overflow-Y:scroll;padding:20px;line-height:1.6;font-size:14px;}

.custom-pop {position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;opacity:0;visibility:hidden;transition:all .5s;-webkit-transition:all .5s;}
.custom-pop.active {opacity:1;visibility:visible;}
.custom-pop > .close {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
.custom-pop .custombox {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;}
.custom-pop .custombox .content {width:auto;}
.custom-pop .custombox .content img {width:100%;}
.custom-pop .custombox .content .close {position:absolute;z-index:1;bottom:100%;right:0;width:55px;height:55px;padding:0;margin:0;}

/* 젤리 체크박스, 로딩아이콘*/

@-moz-keyframes jelly {from {transform: scale(1, 1);} 30% {transform: scale(1.25, 0.75);} 40% {transform: scale(0.75, 1.25);} 50% {transform: scale(1.15, 0.85);} 65% {transform: scale(0.95, 1.05);} 75% {transform: scale(1.05, 0.95);} to {transform: scale(1, 1);}}
@-webkit-keyframes jelly {from {transform: scale(1, 1);} 30% {transform: scale(1.25, 0.75);} 40% {transform: scale(0.75, 1.25);} 50% {transform: scale(1.15, 0.85);} 65% {transform: scale(0.95, 1.05);} 75% {transform: scale(1.05, 0.95);} to {transform: scale(1, 1);}}
@-o-keyframes jelly {from {transform: scale(1, 1);} 30% {transform: scale(1.25, 0.75);} 40% {transform: scale(0.75, 1.25);} 50% {transform: scale(1.15, 0.85);} 65% {transform: scale(0.95, 1.05);} 75% {transform: scale(1.05, 0.95);} to {transform: scale(1, 1);}}
@keyframes jelly {from {transform: scale(1, 1);} 30% {transform: scale(1.25, 0.75);} 40% {transform: scale(0.75, 1.25);} 50% {transform: scale(1.15, 0.85);} 65% {transform: scale(0.95, 1.05);} 75% {transform: scale(1.05, 0.95);} to {transform: scale(1, 1);}}

@keyframes lds-ellipsis1 {0% {transform: scale(0);}100% {transform: scale(1);}}
@-webkit-keyframes lds-ellipsis1 {0% {-webkit-transform: scale(0);}100% {-webkit-transform: scale(1);}}
@keyframes lds-ellipsis2 {0% {transform: translate(0, 0);}100% {transform: translate(24px, 0);}}
@-webkit-keyframes lds-ellipsis2 {0% {-webkit-transform: translate(0, 0);}100% {-webkit-transform: translate(24px, 0);}}
@keyframes lds-ellipsis3 {0% {transform: scale(1);}100% {transform: scale(0);}}
@-webkit-keyframes lds-ellipsis3 {0% {-webkit-transform: scale(1);}100% {-webkit-transform: scale(0);}}

.LANDING .text_control {border:1px solid #eee;padding:12px 15px;width:100%;}
.LANDING .placeholder_box {position:relative;}
.LANDING .placeholder_box label {position:absolute;top:50%;left:20px;transform:translateY(-50%);}
.LANDING .placeholder_box input:focus ~ label, .placeholder_box input:not(:focus):valid ~ label {display:none;}

.LANDING .target {cursor:pointer;}
.LANDING .overhidden {overflow:hidden;}
.LANDING .block {display:block;}
.LANDING .in-block {display:inline-block;}
.LANDING .bg_gey {background:#f9f9f9;}
.LANDING .bg_black {background:#000;}
.LANDING .wauto {margin-left:auto;margin-right:auto;}
.LANDING .none {display:none;}

.LANDING .hr_line_black {width:auto;height:2px;background:#1f1f1f;box-sizing:border-box;}
.LANDING .hr_line_grey {width:auto;height:2px;background:#989898;box-sizing:border-box;}
.LANDING .hr_line_white {width:auto;height:2px;background:#fff;box-sizing:border-box;}

.LANDING .input_box {position:relative;}
.LANDING .input_box input + label {position:absolute;top:50%;left:15px;transform:translateY(-50%);}
.LANDING .input_box textarea + label {position:absolute;top:15px;left:15px;}

.LANDING .con12 {max-width:1200px;width:100%;margin:0 auto;}
.LANDING .hoverbtn {transition:all .5s;}
.LANDING .hoverbtn > a {display:block;width:auto;}
.LANDING .hoverbtn:hover {transform:translateY(-5%);}

/* a 태그 공통 */
a:link,
a:visited,
a:active, 
a:hover,
a { text-decoration: none; vertical-align:top; border:0;}
a img { border: none; }

.LANDING .video_container > div {padding-bottom:56.25%;position:relative;}
.LANDING .video_container > div > iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.LANDING .video_wrap {position:relative;width:100%;padding-bottom:56.25%;}
.LANDING .video_wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

.LANDING .customcheck input {display:none;}
.LANDING .customcheck span {cursor:pointer;}
.LANDING .customcheck input ~ .icon {display:inline-block;vertical-align:middle;width:20px;height:20px;border:2px solid #cbc2b6;margin-right:5px;position:relative;}
.LANDING .customcheck input ~ .text {vertical-align:middle;font-size:16px;color:#bbb2a8;}
.LANDING .customcheck input:checked ~ .icon::after {content:'';display:block;width:14px;height:8px;border-left:3px solid #ff1100;border-bottom:3px solid #ff1100;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);}

/* 개인정보취급방침 */
.txt_exp {font-size:14px;line-height:1.6;font-weight:300;}
.txt_exp h3 {font-size:18px;font-weight:700;}

/* 인라인 요소 정렬 */
.LANDING .text-center {text-align:center;}
.LANDING .text-left {text-align:left;}
.LANDING .text-right {text-align:right;}

/* 리스트형식 */
.LANDING .list_ul {font-size:0;}
.LANDING .list_ul > li {display:inline-block;font-size:12px;}
.LANDING .vat {vertical-align:top;}
.LANDING .vam {vertical-align:middle;}
.LANDING .vab {vertical-align:bottom;}

/* 요소 가로값 */
.LANDING .w2 {width:50%;}
.LANDING .w3 {width:33.3%;}
.LANDING .w4 {width:25%;}
.LANDING .w5 {width:20%;}
.LANDING .w8 {width:12.5%;}

/* 패딩과 마진 */
.LANDING .mg-auto {margin:0 auto;}


@media screen and (max-width: 1100px) {
	body {overflow-Y:scroll!important;}

	.privacy-pop .privacybox {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;background:#fff;}
	.privacy-pop .privacybox .title {padding:3vw;position:relative;font-weight:700;font-size:4vw;}
	.privacy-pop .privacybox .title .privacy-close {position:absolute;top:50%;right:5px;transform:translateY(-50%);width:8vw;height:8vw;background:#333;cursor:pointer;}
	.privacy-pop .privacybox .content {height:60vw;padding:3vw;font-size:3vw;}
}

@media (orientation:landscape){
	.LANDING #conMOBILE .fixedbar {max-width: 460px;margin:0 auto;left:50%;transform:translateX(-50%);}
}