/* common css */
html{overflow-x:hidden;}
body{color:#4e5059;}
a{text-decoration:none; color:#4e5059;}
/* input */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
}
.margin_auto{margin:0 auto;}
/* layout */
.boundary{width:100%; max-width:1200px; margin:0 auto; position:relative;}
.clearfix:before, .clearfix:after{content:""; display:block; clear:both;}
/* custom */
.custom_block_inline{display:block;}
.sound_only{font-size:0;}
span img{width:unset !important;}
button{font-family:inherit; font-size:15px;
border:none; background-color:#fff; cursor:pointer; padding:8px 16px; outline:none; border-radius:2px;
transition:all .1s linear}
[class^="btn"], a:hover{
-webkit-transition: all .3s cubic-bezier(0.315, 0.040, 0.000, 0.990);
-moz-transition: all .3s cubic-bezier(0.315, 0.040, 0.000, 0.990);
-o-transition: all .3s cubic-bezier(0.315, 0.040, 0.000, 0.990);
transition: all .3s cubic-bezier(0.315, 0.040, 0.000, 0.990);}
/* header - utill*/
.utill_container{height:30px; background:#f5f5f7; line-height:30px;}
.utill{float:right;}
.utill > li{height:30px; display:inline-block; margin-left:24px;}
.utill > li a{position:relative; font-size:12px;}
li.language{width:60px; background:#e60113; padding:0 17px; line-height:normal; top:-4px; position:relative;}
li.language a{color:#fff;}
.lang_list{display:none; position:absolute; top:1px; right:0.5px; width:60px; background:#e60113; z-index:999;}
.lang_list > ul > li{height:30px; line-height:30px; text-align:center;}
.lang_list > ul > li:hover{background:#c30110;}
/* header - logo */
#logo{position:absolute; top:16px; left:50%; transform:translateX(-50%);}
#logo img{width:158px;}
.mobile_logo{display:none; position:absolute; top:16px; left:24px; width:140px; }
/* search */
.search, .popular{position:absolute; top:72px; left:50%; transform:translateX(-50%);}
.search li{display:inline-block; text-align: center; font-weight: bold; line-height: 34px;}
.search li button{font-size:12px;}
.search input {
outline:none;
height: 34px;
border:none;
border-bottom: 2px solid #eee;
display: block;
width: 100%;
box-sizing: border-box;
padding: 0 50px 0 20px;
font-size:13px;
}
.seach_button{padding-left:4px;}
.popular{top:124px;}
.popular > div{display:inline-block; font-size:12px;}
.popular_item a{padding-left:8px;}
.popular_item span{font-size:12px; border-radius:4px; background:#111; padding:0px 6px; color:#fff;}
.header_container{height:190px;}
.gnb_area{border-top:1px solid #dedede; border-bottom:1px solid #eee;}
.gnb_container{text-align:center;}
.gnb{float:left; width:12.5%; height:40px; line-height:40px; position:relative; font-size:14.5px;}
.gnb > a{position:relative;}
.gnb > a:hover{color:#e60113;}
.gnb:hover .sub_container{display:block;}
.sub_container{display:none; position:absolute; top:40px; right:0; width:100px; text-align:center; background:#f5f5f7; z-index:899; left: 50%; transform: translateX(-50%);}
.sub_menu{padding:12px; border-bottom:1px solid #ddd; line-height:2; font-size:13px;}
.sub_menu:hover{background:#111;}
.sub_menu:hover a{color:#fff;}
.sub_on{display:block;}
/* title ���� */
.title_container{text-align:center; margin-bottom:68px;}
.title_container h1{font-weight:300; margin-bottom:24px;}
/* mobile menu */
.on{position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; overflow:hidden;}
.mobile_menu_logo{padding:30px 16px; font-weight:500; font-size:16px; color:#fff; background:#1e2125;}
.mobile_menu_logo a{color:#fff;}
.mobile_menu_container_inner{background-color:#eee; position:fixed; top:0; right:0; width:320px; height:100%; margin-right:-100%; overflow:auto; transition:.3s all ease-in-out; z-index:899}
.mobile_menu_show {margin-right:0;}
/* mobile menu common */
.mobile_menu_common{margin-top:8px; background:#fff;}
/* mobile sign */
.mobile_sign_container{font-size:0; font-family:'Josefin Sans', sans-serif; padding:10px 0;}
.mobile_sign_container a{display:inline-block; padding:10px 0 5px 0; width:50%; text-align:center; font-size:14px; letter-spacing:0.02em; position:relative;}
.mobile_sign_container a:nth-child(1):after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 32px;
background: #eee;
}
/* mobile my page */
.mobile_my_page_container{padding:12px 16px; text-align:center; position:relative;}
.mobile_my_page_ul{ text-align:left; font-size:0}
.mobile_my_page_ul li{display:inline-block; width:50%; font-size:14px; font-weight:500; text-align:center; position:relative;}
.mobile_my_page_ul img{width:32px;}
.mobile_my_page_ul li p{padding-top:6px;}
/*.mobile_my_page_ul li:after{content:""; position:absolute; top:0; right:0; width:1px; height:14px; background:#eee;}*/
.mobile_my_page_ul li:nth-child(2):after{display:none;}
/* mobile log out */
.mobile_logout_contianer{margin-bottom:32px; padding:20px 0; text-align:center; color:#fff; background:#1e2125;}
.mobile_logout_contianer p{font-size:14px; line-height:14px;}
/* moblie menu list */
.mobile_menu{margin-bottom:16px; line-height:1.33; letter-spacing:0.05em; border-top:1px solid#e1e1e1; border-bottom:1px solid #e1e1e1;}
.mobile_menu > li{padding:12px 16px; border-bottom:1px solid #e1e1e1;}
.mobile_menu > li:hover{background:#eeeeee;}
/* mobile sub menu */
.mobile_sub_menu li{width:50%; margin-right:-4px; display:inline-block; font-size:13px;}
.mobile_sub_menu{display:none; margin:12px 0 8px; padding:12px; background:#fcfcfc;}
.mobile_sub_menu li a{line-height:2; }
.mobile_sub_menu li a:hover{color:#e60113;}
.mobile_menu_item{display:block; width:100%; background:url('../img/arrow_down.svg') no-repeat center right; position:relative;}
.mobile_menu_item.active{background-image:url('../img/arrow_up.svg')}
/* mobile menu button */
.mobile_menu_button {display:none; position:absolute; width:26px; height:30px; top:25px; right:24px; padding:4px; -webkit-transition:.5s; transition: .5s; z-index:9999;}
.mobile_menu_button:hover {cursor:pointer;}
.mobile_menu_button .mobile_menu_bar {position:absolute; left:50%; transform:translateX(-50%); width:100%; -webkit-transition:.5s; transition:.5s;}
.mobile_menu_button .mobile_menu_bar_top {border:2px solid #252930; border-left:none; border-right:none; border-bottom:none; top:4px;}
.mobile_menu_button .mobile_menu_bar_middle {height:2px; background-color:#252930; margin-top:4px; margin-bottom:4px; top:8px;}
.mobile_menu_button .mobile_menu_bar_bottom {border:2px solid #252930; border-top:none; top: 20px;}
.button_open {right:32px;}
.button_open .mobile_menu_bar{right:0;}
.button_open .mobile_menu_bar_top {border-color:#fff; transform: rotate(45deg) translate(6px, 6px); transition: .5s;}
.button_open .mobile_menu_bar_middle {background-color:#fff; transform: translate(230px); transition: .1s ease-in; opacity: 0;}
.button_open .mobile_menu_bar_bottom {border-color:#fff; transform: rotate(-45deg) translate(6px, -6px); transition: .5s;}
/* mobile overlay */
.mobile_overlay{display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; margin-right:-100%; background:#252930; opacity:.8; z-index:799;}
.mobile_overlay_show{display:block;}
/* owl nav */
.owl-prev, .owl-next {position: absolute; top: 40%; margin: 0 !important;}
.owl-prev {left: 0px;}
.owl-next{right:0;}
.primary_img .owl-prev, .primary_img .owl-next { position: absolute; top: 40%; margin: 0;}
.owl-prev span, .owl-next span{
display: block;
width: 40px;
height: 40px;
background-repeat: no-repeat;
font-size: 0;
}
.owl-prev span { background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/goldenhill/151199857379156.jpg);}
.owl-next span{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/goldenhill/151199856748684.jpg);}
/* owl dot */
.owl-theme .owl-dots .owl-dot span{margin:5px; width:12px; height:12px; background:#fff; border:1px solid #000}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#000}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:48px;}
/*right menu button*/
.right_menu_title{padding:60px 0 14px; font-size:24px; font-weight:bold; }
.right_menu_title span{color:#72af2d;}
.right_side_banner{padding-bottom:16px;}
.right_menu_nav{background:#fff; padding:80px 0; border-left: 1px solid #ddd; padding: 0 15px; z-index:999; position:fixed; top:0; right:-280px; width:280px; height:100%; margin:0 0 0 -280px;
-moz-transition:all 200ms ease-in;-webkit-transition:all 200ms ease-in; -o-transition:all 200ms ease-in;transition:all 200ms ease-in;}
.right_menu a{width:33%; display:inline-block; margin-right:-4px; text-align:center; padding:12px 0; font-size:13px; color:#444;}
.right_menu a:hover{opacity:0.65;}
.right_menu_round{background:#eee; width:44px; height:44px; border-radius:50px; margin:0 auto; margin-bottom:6px;}
.right_menu_round img{padding:8px;}
.right_layout > label{
cursor:pointer;
display:block;
position:fixed;
width:34px;
z-index:500;
right:0px;
-moz-transition:all 200ms ease-in;
-webkit-transition:all 200ms ease-in;
-o-transition:all 200ms ease-in;
transition:all 200ms ease-in;
}
label.right_menu_btn{top:160px;}
label.kakao_btn{top:194px;}
input[type="checkbox"]{display:none;}
input[type="checkbox"]:checked ~ nav{right:0;}
input[type="checkbox"]:checked ~ label{right:279px; }
input[type="checkbox"]:checked ~ .right_menu_btn{
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
/* second banner */
.second_banner{width:100%; height:170px; padding-top:58px; color:#fff; text-align:center;
background-image:url('https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/goldenhill/151224340110632.jpg');
background-repeat:no-repeat; background-attachment:fixed;}
/* kakao modal */
.kakao_modal_container {
display: none;
position: fixed;
z-index:9999;
padding-top: 100px;
left: 0;
top: 0;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.6);
width:100%;
max-width:100%;
}
.kakao_modal_content {
margin: auto;
padding: 10px;
width: 700px;
max-width:100%;
}
.kakao_close { color: #222; float: right; font-size: 28px; padding-bottom:10px; font-weight: bold;}
.kakao_close:hover, .close:focus {color: #000; text-decoration: none; cursor: pointer;}
/* product modal */
.product_modal {display: none; z-index: 1; position:fixed; top:0; left:50%; transform:translateX(-50%); padding-top:18%; width:100%; height: 100%; box-shadow:none; max-width:100%; background:rgba(255,255,255,.5);}
.product_modal-content {text-align:center; background-color: #fefefe; margin: auto; padding: 36px 48px; border: 1px solid #ccc; border-radius:4px; color:#000; position:relative; display:table;}
.product_modal-content > p{line-height:1.4rem;}
.product_close {color: #aaaaaa; font-size: 24px; font-weight: bold; position:absolute; right:16px; top:8px;}
.product_close:hover, .product_close:focus {color: #333; text-decoration: none; cursor: pointer;}
.product_modal_btn_container{padding-top:14px;}
.product_modal_btn button{width:80px; margin:0 2px; border-radius:4px;}
.product_modal_btn button:hover{color:#fff; background:#333;}
/* footer */
.footer_cs_container{padding:20px 0; background:#1e2125; color:#fff;}
.footer_cs_container h4{padding-top:9px; font-size:26px; font-weight:400; line-height:1.25; color:#72af2d;}
.footer_sub_txt{font-size:13px;}
.footer_cs_common{float:left;}
.footer_cs_common a{color:#fff}
.f_cs_1{width:auto;}
.f_cs_2{width:auto;}
.f_cs_3{width:40%}
.f_cs_2, .f_cs_3{padding:8px; padding-left:20px; position:relative; letter-spacing:0.01em;}
.footer_cs_common > p{padding-bottom:8px; line-height:1.33;}
.footer_cs_inner > div{width:50%; float:left; padding-left:10%;}
.footer_info_container{text-align:center;}
.footer_info_container{background:#fff; padding-bottom:44px;}
.footer_link{font-size:0; padding:24px 0; background:#1e2125; border-bottom:1px solid rgba(255,255,255,.3); text-align:center;}
.footer_link a{color:#ddd; display:inline-block; font-size:14px; padding:8px 20px; line-height:1.5; position:relative; border:1px solid #ddd; margin:0 5px; border-radius:2px;}
.footer_link a:hover{background:#eee; color:#111;}
.footer_info2{letter-spacing:1px; max-width:800px; margin:0 auto; font-size:0; padding-top:30px;}
.footer_info2 li, .footer_copy{font-size:13px;}
.footer_info2 li{display:inline-block; padding:0 8px 4px; font-weight:300; position:relative;}
.footer_info2 li:after{content:""; position:absolute; top:2px; right:-1px; width:1px; height:12px; background:#cfd9df}
.footer_info2 li:last-child:after{display:none;}
.footer_info2 li a{font-weight:500;}
.footer_copy{margin-top:24px; letter-spacing:0.02em;}
/* main product list */
.primary_container{float:left; position:relative;}
.primary_box{border-radius:4px; overflow:hidden;}
.primary_img{margin-top:15px; overflow:hidden;width:100%;}
.primary_img img{height:100%;}
.primary_content{padding:28px 0px 16px;}
.primary_content h3{font-size:20px; font-weight:400;}
.primary_txt{font-size:14px; overflow: hidden; height: 4.8em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.3em; padding:10px 0;}
.primary_price_b{font-size:20px; font-weight:700;}
/* page btn button */
.wi_page_active{background:#333;}
.wi_page_item{border-radius:2px; padding: 6px 10px; font-size:14px; margin:0 -.5px;}
/* input select ���� */
input, select{font-size:15px;}
/* check, radio box */
.check_control {display:inline-block; position:relative; padding-top:4px; padding-left:30px; margin-bottom:5px; margin-right:14px; cursor:pointer; font-size:15px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select: none;}
.check_control input {position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.checkmark {border:1px solid #ccc; position:absolute; top:6px; left:0; height:20px; width:20px; background-color:#f5f5f6; border-radius:2px;}
/* On mouse-over, add a grey background color */
.check_control:hover input ~ .checkmark {background-color:#ccc;}
.check_control input:checked ~ .checkmark {background-color:#e60113;}
.checkmark:after {content: ""; position:absolute; display:none;}
.check_control input:checked ~ .checkmark:after {display:block;}
/* Style the checkmark/indicator */
.check_control .checkmark:after {left:6px; top:2px; width:6px; height:10px; border:solid white; border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
/* �α���, ȸ������ ������ */
.sign_up_inner {padding-top:16px; max-width: 600px; margin: 0 auto;}
.form_container {position: relative;}
.sub_section {
padding: 80px 0 160px;
border-bottom: 1px solid #eee;
font-size: 16px;
line-height: 1.6;
}
.sub_section:last-of-type {border-bottom: 0px solid #ddd;}
.sub_title {padding-bottom: 24px; text-align: center;}
.sub_title > h3{font-weight:500;line-height:4rem;}
.sub_title > p{line-height:1.4;}
.form_area{background:#fafafa; padding:50px;}
.border_container{
background:#fff;
border:1px solid #dedede;
margin-bottom:40px;
padding:15px 20px;
}
.essential_item{color:#e60113; font-weight:bold;}
.form_control {
background-color:#fff !important;
display: block;
width: 100%;
height: 40px;
padding: 12px;
border-radius: 2px;
border: 1px solid #ddd;
}
.half_control{display:inline-block;}
.form_labeling{width:150px; font-size:13px; margin-left:6px;}
.label_control{font-size:13px; padding-bottom:10px;}
.width_auto{width:auto; margin-bottom:0;}
.select_control{
background-color:#fff !important;
height: 40px;
border-radius: 2px;
border: 1px solid #ddd;
margin-bottom:12px;
padding:0;
padding-right:12px;
margin:0;
margin-left:6px;
}
.form_container i{padding:5px;}
/*���*/
.login_link{margin-top:6px;}
.half_container{width:50%; display:inline-block; margin-right:-4px;}
.login_others {display:inline-block; width:50%; margin-right:-4px; text-align: right; font-weight: 500;}
.login_others a {
cursor: pointer;
}
.half_control{margin-bottom:8px;}
.margin_t{margin-top:16px;}
.margin_b{margin-bottom:24px; display:flex;}
.margin_b:nth-last-child(4){margin:0;}
.login_others a:hover{color:#72af2d;}
button.signup_btn, .login_btn {
display: block;
margin: 0 auto;
margin-top: 36px;
width:100%;
height: 48px;
border: 1px solid #ddd;
font-weight: 500;
font-size: 16px;
border-radius:4px;
background:#111;
color:#fff;
}
.half_btn{width:150px !important; height:40px !important; margin-top:0 !important;}
/* �̿��� ��ũ�� */
.condition_more{padding-top:50px;}
.condition_more_inner{display: block; max-height:120px; margin-top:3%; padding:2%; border:1px solid #ddd; overflow-y:scroll; margin-bottom:8px; background:#fff;}
.condition_more_inner h2{font-size:18px;}
.condition_more_inner h4{font-size:15px; padding:3% 0;}
.condition_item{font-size:11px; padding-top:10px;}
.condition_item > p{line-height:1.7; color:#777;}
.condition_item:nth-last-child(1) > p{padding-bottom:6px;}
/* ���� ��� */
.forgot_pw{font-size:15px; text-align:right; font-weight:500;}
.forgot_pw a{color:#ed6ea0; cursor:pointer;}
.modal_container{display:none; position:fixed; padding-top:240px; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.75); overflow:hidden; z-index:1099;}
.modal{position:relative; background:#fefefe; margin:auto; padding:0; max-width:520px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
.label_search_pw_email{padding-bottom:4px;}
.modal_title{padding:26px 36px; background:#fff; border-bottom:1px solid #e1e4e6;}
.modal_title h4{font-weight:500; padding-bottom:8px;}
.modal_title p{font-size:14px;}
.modal_content{padding:36px 36px 48px; font-weight:400;}
.modal_close{position:absolute; top:12px; right:12px; display:block; font-size:24px;}
.modal_close:hover, .close:focus{color:#e42c89;}
/* ���������� TOP BTN */
/* .sub_page{} */
.sub_page_btn_container{background:#eef0f0; padding:14px 0;}
.sub_page_btn_container ul{max-width:1200px; margin:0 auto;}
.sub_page_btn_container li{display:inline-block; text-align:center; padding:0 40px;}
.sub_page_btn_container li:first-child{padding-left:0;}
.sub_page_btn_container .active a{color:#e60113;}
.display_none{display:none;}
.screen_out {
display: block;
overflow: hidden;
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
font-size: 0;
line-height: 0;
text-indent: -9999px;
}
.form_container {
vertical-align: top;
}
.count_container {
padding-top: 8px;
padding-right: 8px;
}
.clearfix:before, .clearfix:after {
content: "";
display: block;
clear: both;
}
.count_common:before, .count_common:after{
content: "";
display: block;
clear: both;
}
.count_common {
display:inline-block;
width: 26px;
height: 26px;
background: #f5f5f7;
text-align: center;
line-height: 24px;
font-size: 14px;
border: 1px solid #f5f5f7;
cursor: pointer;
margin-right:-4px;
}
.count_minus, .count_plus {
font-family: 'Spoqa Han Sans', 'Malgun Gothic', 'sans-serif';
font-size: 18px;
}
.count_number {
background: #fff;
position:relative;
top:-2px;
}
/* agreement & privacy */
.policy_container{width:1050px; margin:0 auto;}
.policy_container p{padding-bottom:30px; font-size:13.5px; color:#454545;}
.policy_container span{display:block; font-weight:bold; }
/* file folder */
#list_wrap{padding-top:20px; padding-bottom:20px;}
#list_wrap > div{float:left; min-width:12.5%;}
/* loading */
.loading{width:100%;height:100%;position:fixed;left:0px;top:0px;background:#fff;opacity:0.5;z-index:9999;display:none; /* 이 값으로 레이어의 위치를 조정합니다. */}
.loading_img{position:absolute; top : 50%; margin-top : -100px; left : 50%; margin-left : -100px;};