@charset "utf-8";
@import url('https://webfontworld.github.io/pretendard/Pretendard.css');
@font-face {
    font-family: 'appleSDGothicNeo';
    font-weight: 100;
	src: url('/webfont/appleSD/AppleSDGothicNeoT.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'appleSDGothicNeo';
    font-weight: 200;
	src: url('/webfont/appleSD/AppleSDGothicNeoUL.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'appleSDGothicNeo';
    font-weight: 300;
	src: url('/webfont/appleSD/AppleSDGothicNeoL.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'appleSDGothicNeo';
    font-weight: 400;
    src: url('/webfont/appleSD/AppleSDGothicNeoR.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'appleSDGothicNeo';
    font-weight: 500;
    src: url('/webfont/appleSD/AppleSDGothicNeoM.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'appleSDGothicNeo';
    font-weight: 600;
	src: url('/webfont/appleSD/AppleSDGothicNeoSB.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'appleSDGothicNeo';
    font-weight: 700;
    src: url('/webfont/appleSD/AppleSDGothicNeoB.ttf') format("truetype");
    font-display: swap;
}
@font-face {
	font-family: 'appleSDGothicNeo';
	font-weight: 900;
	src: url('/webfont/appleSD/AppleSDGothicNeoEB.ttf') format("truetype");
	font-display: swap;
}
@font-face {
    font-family: 'appleSDGothicNeo';
    font-weight: 800;
    src: url('/webfont/appleSD/AppleSDGothicNeoH.ttf') format("truetype");
    font-display: swap;
}


@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.ttf') format("truetype");
		unicode-range: U+0030-0039;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.ttf') format("truetype");
		unicode-range: U+0030-0039;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.ttf') format("truetype");
		unicode-range: U+0030-0039;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.ttf') format("truetype");
		unicode-range: U+0030-0039;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.ttf') format("truetype");
		unicode-range: U+0030-0039;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.ttf') format("truetype");
		unicode-range: U+0030-0039;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.ttf') format("truetype");
		unicode-range: U+0030-0039;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.ttf') format("truetype");
		unicode-range: U+0030-0039;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.ttf') format("truetype");
		unicode-range: U+0030-0039;
}



@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


*{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{ width:100%; height:100%; background:#eaeaea;/*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;}

html{ width:100%; height:100%; background:#eaeaea; }


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 {width:100%; /*height:100%;*/ max-width:630px; margin: 0 auto;
font-size:14px; font-family: 'appleSDGothicNeo', 'Pretendard', 'Dotum', sans-serif; background:#fff; letter-spacing:-0.5px; transition: all ease .25s; word-break:keep-all; overflow-x:hidden;}
button { cursor:pointer; font-family: 'appleSDGothicNeo', 'Pretendard', 'Dotum', sans-serif; }
/* input, img { vertical-align:middle; } */
input { border:none; font-family: 'appleSDGothicNeo', '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: 'appleSDGothicNeo', 'Pretendard', 'Dotum', sans-serif; -moz-appearance: none; -webkit-appearance: none; }
textarea {font-family: 'appleSDGothicNeo', 'Pretendard', 'Dotum', sans-serif; }
a { /*display:block;*/ cursor:pointer; }
p{margin:0;}

/*font*/
.ft-gm {font-family: 'GmarketSansMedium';}
.ft-gb {font-family: 'GmarketSansBold';}
.bold {font-weight:bold;}

/*color*/
.fc-s{}
.bg-s{/*background:#00abce;*/ background:#2c52e9; color:#fff}
a.fc-s {/*color:#00abce;*/ color:#2c52e9;}
.f-bold{font-weight: bold;}

/*commonstyle*/
/* .img-responsive {width:100%;} */
.img-responsive {width:100%; background-size:contain; background-position: center center; background-repeat: no-repeat; }


/* --------------------------------------------
 * winlay
/* ------------------------------------------ */
.winLayWrap { max-width:630px; left:50%; transform:translate(-50%,0); background-color:rgba(0,0,0,0.5) !important; }


/* --------------------------------------------
 * layerPopup
/* ------------------------------------------ */
.layerPopup { display:none; position:fixed; top:0; left:0; z-index:9999999999999999999;overflow:hidden;
	background-color: rgba(0, 0, 0, 0.4);
	/*display: flex;*/
	width:100%;height:100%;
	justify-content: center;
	align-items: center;
}



.layerPopup.open{ display:flex; }


/* .layerPopup .bg_mask{ position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5); z-index:999 } */
.layerPopup .bg_mask { display:none; }

.layerPopup .layerBody{position:absolute;
	/* left:50%;top:50%; */
background:#fff;z-index:9999; width:90%; height:auto; border-radius:10px; overflow:hidden; box-shadow:5px 5px 10px rgba(0,0,0,0.5); max-width:420px;}

.layerPopup .layerBody.fadeIn{-webkit-animation-duration:0.5s;animation-duration:0.5s}
.layerPopup .layerBody .close{width:50px;height:50px;line-height:50px;display:inline-block;position:absolute;right:-10px;top:0;text-align:center;z-index:100; opacity:0.7; font-weight:200;}
/*.layerPopup .layerBody .close:after {position:absolute; top:-3px; right:20px; content:'+'; font-size:50px;  transform: rotate(45deg); font-weight:200;}*/

.layerPopup .layerBody .close:after {position:absolute; width:13px; height:13px; top:25px; right:30px; content:'';  transform: rotate(90deg); background:url('../_img/ico_close.png') no-repeat center; background-size:cover;}
.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{color:#2d2d36;line-height:50px;height:50px;padding-left:20px;font-size:16px;border-bottom:1px solid #dfe0e4;background:#f5f5f7}
.layerPopup .layerBody .desc{display:inline-block; width:100%; font-size:13px; color:#00abce; font-weight:400;}
.layerPopup .layerBody .contPop{width:100%;min-height:400px;overflow:auto;overflow-y:auto; position:relative;  }
.layerPopup .layerBody .contPop .mCSB_inside > .mCSB_container {margin-right:0;}

.layerPopup#policyUse .layerBody .close:after  {top:17px;}
.layerPopup#policyPersonal .layerBody .close:after  {top:17px;}
.layerPopup#policyEmail .layerBody .close:after  {top:17px;}

/* --------------------------------------------
 * layerPopup_Policy
/* ------------------------------------------ */
#policyUse .contPop,
#policyPersonal .contPop,
#policyMarketing .contPop,
#policyEmail .contPop
{height: 420px;padding: 20px; overflow-x:hidden;}
#consultForm.layerPopup .layerBody {border-radius: 30px; width:300px; }
#consultForm.layerPopup .layerBody h2.tit {background:#f2f4f6; }
#consultForm.layerPopup .layerBody .consultForm {padding:33px; font-size:14px;}
#consultForm.layerPopup .layerBody .consultForm #agr_close_s{display:none;right: 35px;margin-top: 15px; font-style: normal; color: red;cursor: pointer; border:1px solid; font-size:11px; padding:0 10px;}
#consultForm.layerPopup .layerBody .consultForm button {padding: 14px; font-size: 17px;}
#consultForm.layerPopup .layerBody .consultForm input {padding:15px 15px 15px 100px; }
#consultForm.layerPopup .layerBody .consultForm .inputBox span{top:19px;}
#consultForm.layerPopup .policy_con .privacy_top{padding-top:15px;}
#consultForm .contPop  {height:100%;}
#bestPeopleForm .layerBody{height:800px;width:600px; }
#reviewView .layerBody {height:800px;width:800px;border-radius:10px; }
#bestPeopleForm .layerBody h2.tit {    background: #a9bdce;    color: #333;    font-weight: 400;    border-bottom: none;}
#bestPeopleForm .contPop { height:720px; background:#b2c7d9;}
#reviewView .contPop { height:800px; border-radius:30px;}
#reviewView.layerPopup .layerBody .close {background:url("/_img/icon_close2.png") no-repeat center center #146af0; background-size:20px; right:-100px; border-radius:50%; }
#catalog.layerPopup .layerBody {}
#catalog.layerPopup .layerBody h2.tit {padding:0; background:none; border:none; text-align:center;}
#spec.layerPopup .layerBody {overflow-y:scroll;}
#spec.layerPopup .layerBody h2.tit {padding:0; background:none; border:none; text-align:center;}
#spec.layerPopup .layerBody .policy_con {padding:0 20px 20px 20px;}
#spec select#specselect { margin-bottom:10px; padding:10px; width:100%; border:1px solid #707070;  font-size:14px;
background:url('../_img/fastselect_arrow.png') no-repeat 95% center #fafafa; box-sizing:border-box;}
#framepdf {width:100%; height:100vh;}



.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 5px;	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;}

/* layerView */
.layerView .layerBody{width:960px;height:100%;top:0;padding-top:80px;position:fixed}
.layerView .layerBody .fixTop{width:960px;height:80px;border-bottom:1px solid #dedede;position:fixed;top:0;left:50%}
.layerView .layerBody .fixTop ul.left{float:left}
.layerView .layerBody .fixTop ul.right{float:right}
.layerView .layerBody .fixTop ul li{height:80px;line-height:80px;float:left}
.layerView .layerBody .fixTop ul.left li{border-right:1px solid #dedede}
.layerView .layerBody .fixTop ul.right li{background:#000}
.layerView .layerBody .fixTop ul li a{display:block;text-indent:initial;width:80px;height:80px;position:initial;background:none;line-height:80px;text-align:center}
.layerView .layerBody .fixTop ul.left li a:hover{background:#f1f1f1}
.layerView .layerBody .fixTop ul li a span{width:29px;height:23px;display:inline-block;background:url("/_img/layerView_icon.png") no-repeat;text-indent:-999999em;vertical-align:middle}
.layerView .layerBody .fixTop ul li a.top span{background-position:0 0}
.layerView .layerBody .fixTop ul li a.prev span{background-position:-29px 0}
.layerView .layerBody .fixTop ul li a.next span{background-position:-58px 0}
.layerView .layerBody .fixTop ul li a.close span{background-position:-87px 0}
.layerView .layerBody .contPop{height:100%;min-height:initial}
.layerView .view_con .view_con_txt{font-size:15px !important;line-height:25px !important;color:#555 !important;word-break:keep-all !important}
.layerView .view_con .view_con_txt img{max-width:100% !important}


#bora-message-check {position:absolute !important; top:14px!important; }
.winLayWrap .winLayContainer .btnTopWrap {right:11px !important; top:13px !important;}