@charset "utf-8";
/*@import url('https://webfontworld.github.io/pretendard/Pretendard.css');*/
@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%; /*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;}
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%; font-size:14px; font-family: 'Pretendard', 'Dotum', sans-serif; background:#fff; letter-spacing:-0.5px; transition: all ease .25s; word-break:keep-all; overflow-x:hidden; font-variant-numeric:tabular-nums;}
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; }
textarea {font-family: '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-blue {color:#3970DF;}
.fc-s{/*color:#00abce;*/ color:#3970DF;}
.bg-s{/*background:#00abce;*/ background:#3970DF; color:#fff}
a.fc-s {/*color:#00abce;*/ color:#3970DF;}
.f-bold{font-weight: bold;}
.fc-green {color:#08C679;}

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


/* --------------------------------------------
 * winlay
/* ------------------------------------------ */
.winLayWrap { 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; } */
/* #bora-message-check { left:10px !important; bottom:100px !important; } */
.winLayWrap .winLayContainer .btnTopWrap {right:12px !important; top:13px !important;}