/*font*/
@charset "utf-8";
@import url('/data/font/pretendard.css');
@font-face {
    font-family: 'TheJamsil';
    font-weight: 100;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Thin.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Thin.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Thin.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Thin.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Thin.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'TheJamsil';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Light.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Light.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Light.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Light.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Light.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'TheJamsil';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Regular.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Regular.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Regular.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'TheJamsil';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Medium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Medium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Medium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Medium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'TheJamsil';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Bold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Bold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Bold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-Bold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'TheJamsil';
    font-weight: 800;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-ExtraBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-ExtraBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-ExtraBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/TheJamsil/TheJamsil-ExtraBold.ttf') format("truetype");
    font-display: swap;
}


*{margin:0;padding:0;border:0;outline:0;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;*behavior:url("boxsizing.htc")}
html{height:100%;overflow-y:scroll;overflow-x:hidden;scrollbar-3dLight-Color:#333;scrollbar-arrow-color:#777;scrollbar-base-color:#333;scrollbar-Face-Color:#fff;scrollbar-Track-Color:#333;scrollbar-DarkShadow-Color:#333;scrollbar-Highlight-Color:#333;scrollbar-Shadow-Color:#fff; transition:all 1s;  scroll-behavior: smooth; background:#393836; letter-spacing:-0.5px;}
a:link, a:visited, a:hover, a:active{color:#333; text-decoration:none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {font-family:'Pretendard', 'Dotum', sans-serif; word-break:keep-all; transition:all ease .25s; overflow-x:hidden;  margin:0 auto; box-shadow:none; background:#fff;}  
button { cursor:pointer; font-family:'Pretendard', 'Dotum', sans-serif; }
input,img { vertical-align:middle; }
input { border:none; font-family:'Pretendard', 'Dotum', sans-serif; }
input:focus { outline: none; }
::-webkit-file-upload-button { cursor:pointer; }
img { border:0 none; }
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; }
select {font-family: 'Pretendard', 'Dotum', sans-serif; -moz-appearance: none; -webkit-appearance: none; }
a { display:block;cursor:pointer; }
:hover {transition: all 0.3s;}
p{margin:0;}

/*common*/
.mt-1{margin-top:5px;}.mt-2{margin-top:10px;}.mt-3{margin-top:13px;}.mt-4{margin-top:16px;}.mt-5{margin-top:20px;}.mt-6{margin-top:23px;}.mt-7{margin-top:26px;}.mt-8{margin-top:30px;}.mt-9{margin-top:30px;}.mt-10{margin-top:30px;}.mt-11{margin-top:40px;}.mt-12{margin-top:43px;}.mt-13{margin-top:46px;}.mt-14{margin-top:48px;}.mt-15{margin-top:50px;}.mt-20{margin-top:60px;}
.mb-1{margin-bottom:5px;}.mb-2{margin-bottom:10px;}.mb-3{margin-bottom:13px;}.mb-4{margin-bottom:16px;}.mb-5{margin-bottom:20px;}.mb-6{margin-bottom:23px;}.mb-7{margin-bottom:26px;}.mb-8{margin-bottom:30px;}.mb-9{margin-bottom:30px;}.mb-10{margin-bottom:30px;}.mb-11{margin-bottom:40px;}.mb-12{margin-bottom:43px;}.mb-13{margin-bottom:46px;}.mb-14{margin-bottom:48px;}.mb-15{margin-bottom:50px;}.mb-20{margin-bottom:60px;}
.pt-1{padding-top:5px;}.pt-2{padding-top:10px;}.pt-3{padding-top:13px;}.pt-4{padding-top:16px;}.pt-5{padding-top:20px;}.pt-6{padding-top:23px;}.pt-7{padding-top:26px;}.pt-8{padding-top:30px;}.pt-9{padding-top:30px;}.pt-10{padding-top:30px;}.pt-11{padding-top:40px;}.pt-12{padding-top:43px;}.pt-13{padding-top:46px;}.pt-14{padding-top:48px;}.pt-15{padding-top:50px;}.pt-20{padding-top:60px;}
.pb-1{padding-bottom:5px;}.pb-2{padding-bottom:10px;}.pb-3{padding-bottom:13px;}.pb-4{padding-bottom:16px;}.pb-5{padding-bottom:20px;}.pb-6{padding-bottom:23px;}.pb-7{padding-bottom:26px;}.pb-8{padding-bottom:30px;}.pb-9{padding-bottom:33px;}.pb-10{padding-bottom:36px;}.pb-11{padding-bottom:40px;}.pb-12{padding-bottom:43px;}.pb-13{padding-bottom:46px;}.pb-14{padding-bottom:48px;}.pb-15{padding-bottom:50px;}.pb-20{padding-bottom:60px;}
.padding-1{padding:10px;}.padding-2{padding:13px;}.padding-3{padding:16px;}.padding-4{padding:19px;}.padding-5{padding:22px;}
.margin-1{padding:10px;}.margin-2{margin:13px;}.margin-3{margin:16px;}.margin-4{margin:19px;}.margin-5{margin:22px;}
.box-1{padding:10px;border:1px solid #ebeceb;}.box-2{padding:13px;border:1px solid #ebeceb}.box-3{padding:16px;border:1px solid #ebeceb}.box-4{padding:19px;border:1px solid #ebeceb}.box-5{padding:22px;border:1px solid #ebeceb}
.border-1,.border-2{border:1px solid #f6f6f6;}.border-3,.border-4{border:2px solid #f6f6f6;}.border-5,.border-6{border:3px solid #f6f6f6;}.border-7,.border-8{border:4px solid #f6f6f6;}.border-9,.border-10{border:5px solid #f6f6f6;}

@media (min-width:992px) {
.mt-1{margin-top:10px;}.mt-2{margin-top:20px;}.mt-3{margin-top:30px;}.mt-4{margin-top:40px;}.mt-5{margin-top:50px;}.mt-6{margin-top:60px;}.mt-7{margin-top:70px;}.mt-8{margin-top:80px;}.mt-9{margin-top:90px;}.mt-10{margin-top:100px;}.mt-11{margin-top:110px;}.mt-12{margin-top:120px;}.mt-13{margin-top:130px;}.mt-14{margin-top:140px;}.mt-15{margin-top:150px;}.mt-20{margin-top:200px;}
.mb-1{margin-bottom:10px;}.mb-2{margin-bottom:20px;}.mb-3{margin-bottom:30px;}.mb-4{margin-bottom:40px;}.mb-5{margin-bottom:50px;}.mb-6{margin-bottom:60px;}.mb-7{margin-bottom:70px;}.mb-8{margin-bottom:80px;}.mb-9{margin-bottom:90px;}.mb-10{margin-bottom:100px;}.mb-11{margin-bottom:110px;}.mb-12{margin-bottom:120px;}.mb-13{margin-bottom:130px;}.mb-14{margin-bottom:140px;}.mb-15{margin-bottom:150px;}.mb-20{margin-bottom:200px;}
.pt-1{padding-top:10px;}.pt-2{padding-top:20px;}.pt-3{padding-top:30px;}.pt-4{padding-top:40px;}.pt-5{padding-top:50px;}.pt-6{padding-top:60px;}.pt-7{padding-top:70px;}.pt-8{padding-top:80px;}.pt-9{padding-top:90px;}.pt-10{padding-top:100px;}.pt-11{padding-top:110px;}.pt-12{padding-top:120px;}.pt-13{padding-top:130px;}.pt-14{padding-top:140px;}.pt-15{padding-top:150px;}.pt-20{padding-top:200px;}
.pb-1{padding-bottom:10px;}.pb-2{padding-bottom:20px;}.pb-3{padding-bottom:30px;}.pb-4{padding-bottom:40px;}.pb-5{padding-bottom:50px;}.pb-6{padding-bottom:60px;}.pb-7{padding-bottom:70px;}.pb-8{padding-bottom:80px;}.pb-9{padding-bottom:90px;}.pb-10{padding-bottom:100px;}.pb-10{padding-bottom:100px;}.pb-11{padding-bottom:110px;}.pb-12{padding-bottom:120px;}.pb-13{padding-bottom:130px;}.pb-14{padding-bottom:140px;}.pb-15{padding-bottom:150px;}.pb-20{padding-bottom:200px;}
.padding-1{padding:10px;}.padding-2{padding:20px;}.padding-3{padding:30px;}.padding-4{padding:40px;}.padding-5{padding:50px;}
.margin-1{padding:10px;}.margin-2{margin:20px;}.margin-3{margin:30px;}.margin-4{margin:40px;}.margin-5{margin:50px;}
.box-1{padding:10px;border:1px solid #ebeceb;}.box-2{padding:20px;border:1px solid #ebeceb}.box-3{padding:30px;border:1px solid #ebeceb}.box-4{padding:40px;border:1px solid #ebeceb}.box-5{padding:50px;border:1px solid #ebeceb}
.border-1{border:1px solid #ebeceb;}.border-2{border:2px solid #ebeceb;}.border-3{border:3px solid #ebeceb;}.border-4{border:4px solid #ebeceb;}.border-5{border:5px solid #ebeceb;}.border-6{border:6px solid #ebeceb;}.border-7{border:7px solid #ebeceb;}.border-8{border:8px solid #ebeceb;}.border-9{border:9px solid #ebeceb;}.border-10{border:10px solid #ebeceb;}
}


.ft-js {font-family: 'TheJamsil';}

/*pop*/
/* --------------------------------------------
 * layerPopup
/* ------------------------------------------ */
.layerPopup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999999999999999;overflow:hidden}
.layerPopup.open{display:block}
.layerPopup .bg_mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3); z-index:999}
.layerPopup .layerBody{position:absolute; top:50%; left:50%; bottom:0; background:#fff;z-index:9999; width:100%; max-width:640px; height:100vh; box-shadow:5px 5px 10px rgba(0,0,0,0.5);
 border-radius:30px; transform:translate(-50%,-50%);  }
.layerPopup .layerBody.fadeIn{-webkit-animation-duration:0.5s;animation-duration:0.5s}
.layerPopup .layerBody .close{position:absolute; top:8px; right:15px; width:40px;height:40px;line-height:40px; text-align:center;z-index:100;  font-weight:200;}
.layerPopup .layerBody .close:after {position:absolute; top:0; right:5px; content:'+'; font-size:40px;  transform: rotate(45deg); font-weight:200; color:#b8b8b8;}
.layerPopup .layerBody .close span{display:none;}
.layerPopup .layerBody .close.dark{background:url("/_img/icon_close2.png") no-repeat center center;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;-o-background-size:20px 20px;background-size:20px 20px; opacity:1;}
.layerPopup .layerBody h2.tit{padding:20px 0; margin-bottom:10px; color:#2d2d36; text-align:center; font-size:20px; background:#f3f3f3;}
.layerPopup .layerBody .desc{display:inline-block; width:100%; font-size:13px; color:#00abce; font-weight:400;}
.layerPopup .layerBody .contPop{width:100%; overflow:auto;overflow-y:auto; position:relative;  }
.layerPopup .layerBody .contPop .mCSB_inside > .mCSB_container {margin-right:0;}

.layerPopup#counselPop{z-index:998;}
.layerPopup#counselPop .layerBody {width:90%; max-width:420px; height:fit-content;}
.layerPopup#counselPop .layerBody .counselForm {padding:40px 25px; text-align:center;}
.layerPopup#counselPop .layerBody .counselForm h3 {font-size:22px;}
.layerPopup#counselPop .layerBody .counselForm p {margin:15px 0 20px 0; font-size:15px;}

@media (min-width: 1080px) { 
.layerPopup#counselPop .layerBody .counselForm {padding:60px 40px;}
.layerPopup#counselPop .layerBody .counselForm h3 {font-size:32px;}
.layerPopup#counselPop .layerBody .counselForm p {margin:20px 0 25px 0; font-size:17px;}
}
/* --------------------------------------------
 * layerPopup_Policy
/* ------------------------------------------ */
#policyUse .contPop,
#policyPersonal .contPop,
#policyMarketing .contPop,
#policyEmail .contPop 
{height: 85vh;padding: 20px; overflow-x:hidden;}
.layerPopup#policyUse .layerBody {width:90%; max-width:590px; height:90vh; border-radius: 20px; top:50%; overflow-y:hidden;}
#policyUse .contPop {padding:0 20px 40px 20px;}
.layerPopup#policyPersonal .layerBody {width:90%; max-width:590px; height:90vh; border-radius: 20px; top:50%; overflow-y:hidden;}
#policyPersonal .contPop {padding:0 20px 40px 20px;}
.layerPopup#policyEmail .layerBody {width:90%; max-width:590px; height:90vh; border-radius: 20px; top:50%; overflow-y:hidden;}
#policyEmail .contPop {padding:0 20px 40px 20px;}

.layerPopup .policy_con {	word-break: keep-all;	font-size: 13px;	line-height: 21px;	color: #6a6c73;}
.layerPopup .policy_con pre {	white-space: pre-wrap;	color:#666;	font-family:'Lato','NotoSansKR','Rajdhani',sans-serif;	font-size:13px;	 border:none;}
.layerPopup .policy_con .table_st1 td {	font-size: 13px;	line-height: 21px;}
.layerPopup .policy_con .table_st1 {	margin: 30px 0;}
.layerPopup .policy_con h3 {	margin: 10px 0;	color: #2d2d36;	font-size: 15px;}
.layerPopup .policy_con h4 {	margin: 20px 0 10px;	font-size: 15px;}
.layerPopup .policy_con .policy_txt {	font-size: 13px;	line-height: 21px;	color: #6a6c73;}
.layerPopup .policy_con .policy_txt:after {	display: block;	clear: both;	content: '';}
.layerPopup .policy_con .policy_txt strong {	display: block;	color: #2d2d36;	font-size: 13px;	line-height: 30px;	letter-spacing: -0.025em;}
.layerPopup .policy_con .policy_txt ul.col_2 {/*	float: left;	width: 50%;	padding-right: 20px;*/}
.layerPopup .policy_con .policy_txt ul.col_2:last-child {	/*padding-right: 0;	padding-left: 20px;*/}
.layerPopup .policy_con .policy_txt ul.col_2 li {	margin-bottom: 15px;}
.layerPopup .policy_con .policy_txt ul.col_2 li:last-child {	margin-bottom: 0;}
.layerPopup .policy_con .policy_txt ul.indent {	margin: 5px 0 15px;}
.layerPopup .policy_con .policy_txt ul.indent li {	position: relative;	padding-left: 16px;}
.layerPopup .policy_con .policy_txt ul.indent li:before {	content: '';	width: 2px; height: 2px;	display: inline-block;	background: #6a6c73;	position: absolute;	top: 10px; left: 10px;}
.layerPopup .policy_con .privacy_top {	padding: 0 0 50px;	border-bottom: 1px solid #555;	margin-bottom: 50px;}
.layerPopup .policy_con .policy_part {	padding: 0 0 50px;	border-bottom: 1px dotted #555;	margin-bottom: 50px;}
.layerPopup .policy_con .policy_part ul li {	margin-bottom: 10px !important;}
.layerPopup .policy_con .policy_part ul li a {	font-size: 15px;	color: #000;}
.layerPopup .policy_con .policy_part ul li a:hover {	text-decoration: underline;}
.layerPopup .policy_con table {	table-layout: fixed;	border-top: 1px solid #333333;	border-bottom: 1px solid #333333;	margin: 20px 0;}
.layerPopup .policy_con table thead th {	padding: 15px 12px;	border-bottom: 1px solid #333333;	border-left: 1px solid #ddd;	text-align: center;	color: #333333;	font-weight: normal;}
.layerPopup .policy_con table thead tr:first-child th:first-child {	border-left: none;}
.layerPopup .policy_con table tbody tr th {		padding: 15px 12px;	border-top: 1px solid #ddd;	color: #333333;	font-weight: normal;}
.layerPopup .policy_con table tbody td {	padding: 15px 12px;	border-top: 1px solid #d4d4d7;	border-left: 1px solid #d4d4d7;	color: #777;	background: #fff;}
.layerPopup .policy_con table tbody tr:first-child th,
.layerPopup .policy_con table tbody tr:first-child td {	border-top: none;}
.layerPopup .policy_con table tbody td:first-child {	border-left: none;}