@charset "utf-8";

/* 
 * content CSS Document
 */

#container h6{position:relative; margin:50px auto 30px auto; font-size:25px; font-weight:400; color:#222; text-align:left;}
#container h2{display:block; margin:60px 0 20px 0; color:#393939; text-align: center; font-size: 35px; font-weight: 200;}
#container h2 + #content{margin-top:0;}
#content .inr > .area_lnb{margin:-65px auto 40px auto;}
#content .inr > .area_lnb .lnb{max-width: 100% !important;}
.box_img{margin:0 auto;}
.box_img img{margin:0 auto; max-width:100%; text-align:center;}
.box_img .m{display:none; max-width: 100%;}
.box_img .w{display:block;}
.join_area > p.area_box01{margin-top:-40px; padding:20px; border:1px solid #dbdbdb; line-height: 1.8em;}
.join_area > p.area_box01 > em{font-weight: 700; color:#e68637;}
.join_area > p.area_box01 > br{display: block;}
.join_area .box.find{max-width:520px;}
.pagination span{border-color:#b58863; color:#b58863;}

/* margin */
.mt0{margin-top:0px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}

/* 퀵메뉴 */
.area_quick{padding-top:0;}

 /* 버튼 */
.button02{position: relative; display: inline-block; margin:2px 0; padding:0 15px; min-width:160px; height:60px; line-height: 60px; font-size:15px; color:#a7a7a7 !important; text-align: center; vertical-align:top; border:1px solid #bbb; background-color: #fff; overflow: hidden; transition: all 0.4s ease-out 0.1s;}
.button02:hover,
.button02:focus{color:#222 !important; box-shadow:0px 10px 15px rgba(0,0,0,0.15);}
.btn_area.right.map{padding:0; position:absolute; top:72px; right:40px;}
.summ_product{display:block; margin:40px 0 60px 0; padding:35px 3%; border:1px solid #e4e1de; background-color: #fdfbf9; border-radius: 3px;}
.summ_product > span{display:block; font-size:16px; font-weight: 500; color:#97785d; margin-bottom:20px;}
.summ_product > span > br{display:none;}
.btn_product{display:block; position: relative; display: inline-block; padding:0 15px; min-width:140px; height:50px; line-height: 50px; font-size:15px; color:#fff !important; text-align: center; vertical-align:top; border:1px solid #cf8140; background-color: #e08c48; border-radius: 30px; overflow: hidden; transition: all 0.4s ease-out 0.1s;}
.btn_product:hover,
.btn_product:focus{background-color: #e99e60; box-shadow:0px 10px 15px rgba(0,0,0,0.15);}
.bbsView .button,
*[data-shop-view="point"] a.button{vertical-align:middle;}

 /* 인사말 */
.area_company{position: relative; margin:0 auto; max-width: 1000px; color:#393939; font-weight: 300; line-height: 1.8em;}
.area_company:after{content:''; display:block; clear:both;}
.area_company .com_tit{margin-bottom:70px; padding:180px 0 0 75px; width:100%; height:337px; background:url(/images/content/img_company0101.jpg) no-repeat 50% 50%; background-size: cover;}
.area_company .com_tit > em{display:block; margin:20px 0; color:#3f3835; font-size:25px;}
.area_company .com_tit > em > br{display: none;}
.area_company .com_l{width:100%;}
.area_company .com_l > img{display: inline-block; width:100%; margin:0 auto 20px auto;}
.area_company .com_r{margin-top:50px; padding-left:125px; width:100%; font-size: 15px; color:#717171;}
.area_company .com_r p + p{margin-top:40px;}
.area_company .com_r p.sign{font-size:25px; color:#2e2e2e;}

/* 오시는길 */
#map{position: relative;}
#map:after{content:''; display:block; clear:both;}
.txt_map{position:relative; margin:25px auto; padding:0 40px; width:100%; height:auto; color:#555; font-size: 15px; font-weight:400; line-height:2em;}
.txt_map > ul{position: relative;}
.txt_map > ul:after{content:''; display:block; clear:both;}
.txt_map > ul li{float:left; display:block; width:100%; height:38px; line-height:38px; }
.txt_map em{float:left; display:block; width:60px; font-weight:600; color:#333;}
.txt_map em:before{content:''; display:inline-block; vertical-align: middle; margin-right:5px;/* width:28px; height:38px;*/ background-repeat: no-repeat; background-position: 50% 50%;}
/*.txt_map li:nth-child(1) > em:before{background-image:url(/images/content/img_map01.png);}
.txt_map li:nth-child(2) > em:before{background-image:url(/images/content/img_map02.png);}
.txt_map li:nth-child(3) > em:before{background-image:url(/images/content/img_map03.png);}*/
.txt_map li > a,
.txt_map li > i{margin-left:5px; font-weight: 700; color:#555 !important;}

/* 카카오맵 업데이트로 불필요한 패딩, 선이 잡혀서 제거 */
.root_daum_roughmap{padding:0 !important; border-color: rgba(0,0,0,0.16) !important; border-radius: 0px !important;}
.root_daum_roughmap .wrap_controllers{display:none;}
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4{display:none !important;}

/*이용약관*/
.policy_view{margin-top:-130px; padding:0 0 60px; width:100%;}
.policy_view #container h2{word-break:keep-all;}
.policy_view h3 {clear:both; margin:31px 0 15px; font-size:16px; font-weight:700; color:#111;}
.policy_view h3:first-child {margin-top:0; padding:0; border:0; }
.policy_view > em + h3{margin-top:0;}
.policy_view > em{display:block; margin:31px 0 25px; font-size: 25px; font-weight: 200;  color:#111;}
.policy_view p{font-size: 14px; line-height: 1.6em; font-weight:300;}
.policy_view p + p{margin-top:10px;}
.policy_view > p,
.policy_view > ul{padding:15px; border:1px solid #ebebeb;}
.policy_view ul {font-weight:300;}
.policy_view ul li{margin-top:5px;line-height:1.6em;font-size:14px;}
.policy_view ul li ul{padding-left: 15px; margin-bottom:10px; font-weight:300;}
.policy_view ul li .bold{font-weight:400;}
.policy_view ul + ul,
.policy_view p + ul{margin-top:10px;}
.policy_view h2 + p{margin:31px 0;}
.policy_mgt{margin-top:60px;}
.txt_red{color:#ee9852; font-weight: 700;}

.area_shopMypage .link > a{width:calc(100% / 2 - 15px); padding-top:30px;}

/* shop */
.area_shopNumber{text-align:right;}
.area_shopList *[data-category-location="list"]{display:none; margin-bottom:0;}
.area_shopList *[data-category-location="list"] > li:first-child{padding:0 25px 10px 20px;}
.area_shopList .sort > li > *[data-category-location="list"]{display:block; margin-bottom:0px;}/*리스트갯수*/

.area_lnb.shop{display:none;}
.area_shopList *[data-category-location="tab"]{margin-top:-65px;}
.area_shopList *[data-category-location="tab"] .web > li > a{height:50px; line-height:48px; box-sizing:border-box; padding-top:0px; padding-bottom:0px;}
.area_shopList *[data-category-location="list"] ~ *[data-category-location="tab"]{margin-bottom:0px;}
.area_shopList .total{margin-top:30px;}

/* 마이페이지 */
.area_shopMypage .link > a{width:calc(100% / 3 - 15.1px); padding-top:0px; padding-bottom:0px; display:flex; flex-direction:column; justify-content:center;}
.area_shopMypage .link > a em{margin-bottom:0px;}
.area_shopMypage .top > div.user{min-height:inherit; padding:20px; background:#f1f5fd; border:1px solid #e0eafc; color:#236af7; text-align:right;}

.pointList tbody tr td:nth-of-type(3){padding-right:50px;}

/* 약관 */
.area_shop_terms h3{margin:40px 0 15px !important; font-size:1.563rem !important; font-weight:200 !important;}
.area_shop_terms h3.mt0{margin-top:0px !important;}
.area_shop_terms p{line-height:1.5em !important; word-break:keep-all !important; font-size:14px !important;}
.area_shop_terms p strong{color:#e68637;}
.area_shop_terms em{display:block !important; margin-bottom:10px !important; font-weight:600 !important; line-height:1.5em !important;}
.area_shop_terms ul li{position:relative !important; padding-left:10px !important; line-height:1.5em !important; font-size:14px !important; word-break:keep-all;}
.area_shop_terms ul li:before{content:''; display:block !important; position:absolute !important; top:8px !important; left:0px !important; width:3px !important; height:1px !important; background:#555 !important;}
.area_shop_terms ul.none > li{padding-left:0px !important;}
.area_shop_terms ul.none > li:before{display:none !important;}
.area_shop_terms ul + p{margin-top:20px !important;}
.area_shop_terms ul li ul{margin:0 0 5px 10px !important;}
.area_shop_terms .box_terms{padding:15px; border:1px solid #ebebeb;}
.area_shop_terms .ml20{margin-left:20px !important;}
.designCheck input[type='checkbox'] + label{min-height: 22px;}

.faqList dt:before{background:#b58863;}

@media all and (max-width:1499px){
    .area_company{max-width: 80%;}
    
    #container h2{font-size:30px;}
    #container h6{margin:40px auto 20px auto; font-size: 22px;}

    .txt_map > ul li{height:35px; line-height: 35px;}
    .btn_area.right.map{top:30px;}
    .button02{margin-top:25px; min-width: 145px; height:50px; line-height: 50px; font-size: 14px;}

    .area_company .com_r{margin-top:50px; padding-left:15%;}
    .area_company .com_tit{padding:110px 0 0 10%; margin-bottom:30px; height:250px;}

    .area_quick{padding-top:15px;}
}

@media all and (max-width:1400px){
    .area_company{max-width: 86%;}
}

@media all and (max-width:1299px){
    #content .inr > .area_lnb{margin:-40px auto 40px auto;}
    
    .area_company{max-width: 92%;}

    #content{padding:40px 0;}
    #container h2{margin:20px 0;}

    .txt_map{padding:0; font-size: 14px;}

	.box_img .w{display:none;}
    .box_img .m{display:block;}

    .area_company .com_tit > img{width:250px;}

	.area_shopList *[data-category-location="tab"]{margin-top:-35px;}
}

@media all and (max-width:1024px){
	.area_lnb.shop{display:block; margin-bottom:20px;}
	.area_shopList *[data-category-location="tab"]{margin-top:0;}
	 #content .inr > .area_lnb{margin:-10px auto 10px;}

	#content{padding:0px 0 40px;}
    .area_company .com_tit{margin-top:0px;}
    #container .policy_view h2{margin:130px 0 20px 0;}

    .join_area > p.area_box01{margin-top:0;}

    .designCheck input[type='checkbox'] + label{display:block; padding-bottom:5px; text-align: left;}
}

@media all and (max-width:1010px){
    .area_company .com_tit > em,
    .area_company .com_r p.sign{font-size: 20px;}

    .txt_map > p > span{width:100%;}
    .btn_area.right.map{position: relative; right:inherit; top:0px; left:0px; text-align: center;}
    .button02{margin-top:20px;}

    .area_company{max-width: inherit;}
    .area_company .com_r{margin-top:40px; padding-left:6%;}    
}

@media all and (max-width:970px){
	.area_shopMypage .top > div > .button{top:-5px;}
}

@media all and (max-width:768px){
	html, body{font-size:14px;}
    .area_company .com_tit > em,
    .area_company .com_r p.sign{font-size: 18px;}
    #container h2{font-size: 25px;}
    .area_company .com_r{font-size: 14px;}

    .area_company .com_tit > img{width:200px;}
    .area_company .com_tit > em > br{display: block;}
    .area_company .com_tit > em{margin:10px 0;}
    .area_company .com_tit{margin:0px 0 25px 0;}
    .area_company .com_r{margin-top:20px; padding-left:0;}
    .area_company .com_r p + p{margin-top:20px;}
    .area_company .com_r p br{display: none;}

    .area_company .com_tit{padding:75px 0 0 4%; height: 200px;}
    
    .summ_product > span{font-size: 15px;}
    .summ_product > span > br{display:block;}
    .btn_product{min-width: 100px; height:40px; line-height: 38px; font-size: 14px;}

    .join_area > p.area_box01{font-size:14px; text-align: left;}
    .join_area > p.area_box01 > br{display: none;}

	.area_shopMypage span[class^="status"]{font-size:13px;}
}



@media all and (max-width:640px){
	.area_shopMypage .link > a{height:80px; padding-right:0px; padding-left:0px;}
	.area_shopMypage .link > a:before{position:static; width:37px; height:32px; margin:0 auto 10px; background-size:160px 160px;}
	.area_shopMypage .link > a em{font-size:14px; text-align:center;}
	.area_shopMypage .link > .btn_link01:before{background-position:0 -128px;}
	.area_shopMypage .link > .btn_link03:before{background-position:-75px -128px;}
	.area_shopMypage .link > .btn_link04:before{background-position:-113px -128px;}

	.pointList tbody tr td:nth-of-type(3){padding-right:10px;}
}

@media all and (max-width:480px){
    .area_company .com_tit > em,
    .area_company .com_r p.sign{font-size: 16px;}
    #container h2{font-size: 20px;}

    .area_company .com_tit > img{width:160px;}

    .txt_map em{width:100%;}
    .txt_map > ul li{height:auto; line-height: 1.8em;}

    .area_shopList .total{margin-top:15px; margin-bottom:15px; padding-bottom:10px;}
    
    .summ_product > span{font-size: 14px;}

	.bbsView *[data-member-form="phone"] > input[type="text"],
	.bbsView *[data-member-form="phone"] > select{display:inline-block; width:calc(100% / 3 - 8px) !important;}
	.bbsView *[data-member-form="biz"] > input[type="text"]{display:inline-block; width:calc(100% / 3 - 8px) !important;}
}

@media all and (max-width:380px){
	.area_shopMypage .link{margin-left:-10px;}
	.area_shopMypage .link > a{width:calc(100% / 3 - 10px); margin-left:10px;}
	.area_shopMypage .link > a em{font-size:13px;}
}

@media print{	
	.area_printOrder .area_table table:not(.total) td{font-size:7pt !important;}
}