@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;
}

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


/* overflow-y:scroll;overflow-x:hidden; */
*{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%; 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 {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; 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; }
a { display:block;cursor:pointer; }
p{margin:0;}


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

/*color*/
.fc-s{color:#1f53f2;}
.bg-s{background:#0565ed;color:#fff}
a.fc-s {color:#0565ed;}


/*.fc-s{color:#00abce;}
.bg-s{background:#00abce;color:#fff}
a.fc-s {color:#00abce;}
.f-bold{font-weight: bold;}
*/
/*commonstyle*/
.img-responsive {width:100%; background-size:contain; background-position: center center; background-repeat: no-repeat; }
.img-maxponsive {max-width:100%;}

.ft-sb {font-family: 'SBAggroB';}


/* --------------------------------------------
 * winlay
/* ------------------------------------------ */
.winLayWrap { background-color:rgba(0,0,0,0.5) !important; }

/* --------------------------------------------
 * layerPopup
/* ------------------------------------------ */
.layerPopup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;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.5); z-index:999}
.layerPopup .layerBody{position:absolute;left:50%;top:50%;background:#fff;z-index:9999; width:90%; max-width:420px; height:500px; border-radius:10px; overflow:hidden; box-shadow:5px 5px 10px rgba(0,0,0,0.5)}
.layerPopup .layerBody.fadeIn{-webkit-animation-duration:0.5s;animation-duration:0.5s}
.layerPopup .layerBody .close{width:80px;height:80px;line-height:80px;display:inline-block;position:absolute;right:0;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 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:80px;height:80px; /*padding-left:30px;*/ font-size:20px;border-bottom:1px solid #dfe0e4;background:#f5f5f7}
.layerPopup .layerBody h2.policytit {padding-left:36px;}
.layerPopup .layerBody .desc{display:inline-block; width:100%; font-size:13px; color:#00abce; font-weight:400;}
.layerPopup .layerBody .contPop{width:100%;height:420px;overflow:auto;overflow-y:auto; position:relative;  }
.layerPopup .layerBody .contPop .mCSB_inside > .mCSB_container {margin-right:0;}
.layerPopup#consultForm {z-index:999999;}
.layerPopup#consultForm .layerBody .close:after {position:absolute; width:17px; height:17px; top:17px; right:17px; content:''; transform: rotate(90deg);  background:url('../_img/pop_close.png') no-repeat center; background-size:cover;}
/* --------------------------------------------
 * layerPopup_Policy
/* ------------------------------------------ */
#policyUse .contPop,
#policyPersonal .contPop,
#policyMarketing .contPop,
#policyEmail .contPop
{padding:25px;}
#consultForm.layerPopup .layerBody {border-radius: 10px; width:500px; overflow:hidden;}
#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  {width:500px; height:100%; position:relative;}
#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 {width:1500px; height:700px;}
#catalog.layerPopup .layerBody h2.tit {background:none; border:none; text-align:center;}
#spec.layerPopup .layerBody {width:1500px; height:700px; overflow-y:scroll;}
#spec.layerPopup .layerBody h2.tit {background:none; border:none; text-align:center;}
#spec.layerPopup .layerBody .policy_con {padding:0 60px 60px 60px;}
#spec select#specselect { margin-bottom:20px; padding:17px; width:100%; border:1px solid #707070;  font-size:16px;
background:url('../_img/fastselect_arrow.png') no-repeat 98% 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: 30px 0 10px;	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 {	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; word-break: break-word; }
.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}