@charset "utf-8";
/* 프로그램리스트 모바일 버전 */
.all_m_btn {padding:10px; background:#323337;}
.all_m_btn img {position:absolute; top:28%; left:15px; width:10%; max-width:40px; cursor:pointer;}
.all_m_btn .mutit {text-align:center; font-weight:900; font-size:26px; color:#fff;}
.pro_m_wrap {display:none; font-family:'Nanum Gothic', sans-serif; transition:all 0.3s linear;}

.pro_m_wrap .m_menu {width:200px;}
.pro_m_wrap .bg_black {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:-1;}



.pro_m_wrap .subleftmenu {
	list-style:none;
	margin:0;
	padding:0;
}
.pro_m_wrap .subleftmenu li {
	border-bottom:1px solid #515155;
	background:#323337;
}
.pro_m_wrap .subleftmenu a {
	display:block;
	color:#b5b2b2;
	font-size:14px;
	padding:11px 5px 11px 15px;
	font-family:'Noto Sans KR';
}
.sub_title_m{
	font-size:28px !important;
	font-weight:bold;
	color:#fff !important;
	padding:12px 5px 12px 15px !important;
}
.pro_m_wrap .subleftmenu a:hover {
	background:#307dd4;
	color:#fff;
}
.sub_title_m:hover {
	background:#323337 !important;
	cursor:default;
}

@media all and (max-width:999px){
	.pro_m_wrap {display:block; position:absolute; left:-100%; top:0; z-index:999;}
	.pro_m_wrap.view {left:0;}
}



/* 최근본 상품 퀵메뉴 */
.quick {overflow:hidden; z-index:110; position:fixed; right:20px; top:50%; width:113px; border:1px solid #d9d9d9; box-sizing:border-box; background-color:#fff; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); border-radius:10px; }
.quick ul {margin-bottom:0; }
.quick ul li.recent_prod {}
.quick ul li.recent_prod p {height:30px; font-size:16px; color:#656565; letter-spacing:-0.025em; line-height:30px; background-color:#d9d9d9; text-align:center; }
.quick ul li.recent_prod ul {padding:14px; box-sizing:border-box; }
.quick ul li.recent_prod ul li {border:1px solid #d9d9d9; margin-bottom:12px; box-sizing:border-box; }
.quick ul li.recent_prod ul li:last-of-type {margin-bottom:0; }
.quick ul li.recent_prod ul li img {width:100%; height:auto; }
.quick ul li.recent_prod .quick_pager {margin-top:0; margin-bottom:30px; }
.quick ul li.recent_prod .quick_pager a {display:inline-block; vertical-align:middle; width:auto; height:auto; border:0 none; margin:0 3px; line-height:14px; font-size:14px; color:#b6b6b6; }
.quick ul li.recent_prod .quick_pager a.active {color:#666666; }
.quick ul li.recent_prod .quick_pager .page_prev,
.quick ul li.recent_prod .quick_pager .page_next {display:inline-block; vertical-align:middle; width:9px; height:11px; border:0 none; text-indent:-9999px; }
.quick ul li.recent_prod .quick_pager .page_prev {background:url('/img/theme/quick_prev_btn.png') no-repeat center center; }
.quick ul li.recent_prod .quick_pager .page_next {background:url('/img/theme/quick_next_btn.png') no-repeat center center; }

.quick ul li.top_btn {width:100%; height:48px; background-color:#666666; box-sizing:border-box; line-height:48px; text-align:center;}
.quick ul li.top_btn a {display:block; color:#fff; line-height:48px; font-size:16px; letter-spacing:-0.025em; }

.quick_top_btn {display:none; z-index:999; position:fixed; right:20px; bottom:-60px; width:57px; height:57px; background-color:#798ebb; border-radius:50%; text-align:center; cursor:pointer; transition:all 0.5s; }
.quick_top_btn.on {bottom:60px; }
.quick_top_btn img {padding-top:12px; }
.quick_top_btn p {font-size:16px; color:#ffffff; letter-spacing:-0.025em; }

@media all and (max-width:1000px){
	.quick {display:none; }
	.quick_top_btn {display:block; }
}






/* ==========================================================================
	공통
========================================================================== */
#wrap{position:relative;}
.inner{width:1000px; margin:0 auto; box-sizing:border-box;}
.barlow{font-family:'Barlow', sans-serif;}



/* ==========================================================================
	header
========================================================================== */
#header{position:absolute; width:100%; top:0; left:0; font-size:0; letter-spacing:-4px; z-index:100; box-shadow:16px 16px 20px rgba(0, 0, 0, 0.02);}
#header .header_top{overflow:hidden;}
#header .header_top:after{content:''; display:block; clear:both;}
#header .header_top .logo{display:inline-block; margin:16px 0;}
#header .header_top .logo a{display:inline-block;}
#header .header_top .right_box{float:right; text-align:right; min-width:50%;}
#header .header_top .right_box .right_top{position:relative; background:#ededed; border-bottom-left-radius:20px; padding:18px 0;}
#header .header_top .right_box .right_top:before{content:''; position:absolute; width:1000%; height:100%; background:#ededed; top:0; left:100%;}
#header .header_top .right_box .right_top ul{margin:0;}
#header .header_top .right_box .right_top ul li{position:relative; display:inline-block; vertical-align:top; margin-right:55px;}
#header .header_top .right_box .right_top ul li:last-of-type{margin-right:0;}
#header .header_top .right_box .right_top ul li:before{content:''; position:absolute; display:block; width:3px; height:3px; background:#888888; border-radius:50%; top:50%; right:-29px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#header .header_top .right_box .right_top ul li:last-of-type:before{display:none;}
#header .header_top .right_box .right_top ul li a{display:block; font-size:16px; color:#888888; letter-spacing:-0.045em; font-weight:300;}
#header .header_top .right_box .right_top ul li:hover a{color:#d93a96;}
#header .header_top .right_box .right_bot{margin:10px 0;}
#header .header_top .right_box .right_bot ul{margin:0;}
#header .header_top .right_box .right_bot ul li{display:inline-block; vertical-align:top; margin-right:30px;}
#header .header_top .right_box .right_bot ul li:last-of-type{margin-right:0;}
#header .header_top .right_box .right_bot ul li a{display:block; font-size:14px; color:#949494; letter-spacing:0em; font-weight:400;}

#header .header_bot{}
#header .header_bot:after{content:''; display:block; clear:both;}
#header .header_bot .gnb{display:inline-block; vertical-align:top; padding:4px 0 0;}
#header .header_bot .gnb > ul{margin:0;}
#header .header_bot .gnb > ul > li{position:relative; display:inline-block; vertical-align:top; margin-right:40px; text-align:center; width:150px;}
#header .header_bot .gnb > ul > li > a{display:block; font-size:18px; color:#666666; letter-spacing:-0.045em; font-weight:300; line-height:1.6; padding-bottom:8px;}
#header .header_bot .gnb > ul > li > a b {display:inline-block; vertical-align:top; width:16px; height:16px; margin-right:10px; margin-top:7px;}
#header .header_bot .gnb > ul > li > a i{display:inline-block; vertical-align:top; width:7px; height:7px; margin-right:2px; margin-bottom:2px; background:#57585a;}
#header .header_bot .gnb > ul > li > a i:nth-of-type(2n) {margin-right:0; }
#header .header_bot .gnb > ul > li > a i:last-of-type {background-color:#d93a96; border-radius:50%; }
#header .header_bot .gnb > ul > li > a span {display:inline-block; vertical-align:top; font-size:18px; font-weight:300; letter-spacing:-0.045em; }
#header .header_bot .gnb ul.depth02{display:none; position:absolute; width:100%; margin:0; top:33px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); z-index:1; background:#fff; border-bottom-left-radius:40px; box-shadow:16px 16px 20px rgba(0, 0, 0, 0.06); padding:10px 0 40px;}
#header .header_bot .gnb ul.depth02:before{content:''; position:absolute; display:block; width:6px; height:6px; background:#f1d1e3; border-radius:1px; top:7px; left:50%; transform:rotate(45deg) translateX(-50%); -webkit-transform:rotate(45deg) translateX(-50%); -o-transform:rotate(45deg) translateX(-50%); -ms-transform:rotate(45deg) translateX(-50%); -moz-transform:rotate(45deg) translateX(-50%);}
#header .header_bot .gnb ul.depth02 > li{margin:20px 0;}
#header .header_bot .gnb ul.depth02 > li > a{display:inline-block; font-size:16px; color:#888888; letter-spacing:-0.045em; font-weight:300; line-height:1.4;}
#header .header_bot .gnb ul.depth03{display:none; margin-top:30px; }
#header .header_bot .gnb ul.depth03 > li {margin:10px 0; }
#header .header_bot .gnb ul.depth03 > li > a {display:inline-block; font-size:14px; color:#888888; letter-spacing:-0.045em; font-weight:300; line-height:1.4;}
#header .header_bot .right_box{float:right; margin-top:5px;}
#header .header_bot .right_box .search_box{width:200px; height:30px; position:relative; text-align:right; }
#header .header_bot .right_box .search_box input{display:inline-block; width:0; height:100%; box-sizing:border-box; border:1px solid transparent; border-radius:30px; transition:0.3s; font-size:14px; color:transparent; letter-spacing:-0.025em}
#header .header_bot .right_box .search_box input:focus{outline:none; border-color:#000;}
#header .header_bot .right_box .search_box a{position:absolute; right:10px; top:5px;}
#header .header_bot .right_box .search_box.on input{opacity:1; width:100%; padding:0 40px 0 10px; border-color:#aaa; color:#949494}

#header_blank{display:block; width:100%; height:140px;}

/* hover */
#header .header_bot .gnb > ul > li:hover > a{color:#222222; font-weight:700;}
#header .header_bot .gnb > ul > li:hover ul.depth02{display:block;}
#header .header_bot .gnb ul.depth02 > li:hover > a{color:#d93a96; font-weight:500;}
#header .header_bot .gnb ul.depth02 > li:hover > .depth03 {display:block; }
#header .header_bot .gnb > ul > li.on > a,
#header .header_bot .gnb > ul > li.on > a > span{color:#d93a96; font-weight:700;}
 
/* 전체메뉴 */
#header.all{background:#fff url('/img/all_menu_bgimg.png') no-repeat center bottom / cover; box-shadow:16px 16px 20px rgba(0, 0, 0, 0.06);}
#header.all .header_bot .gnb > ul > li ul.depth02{display:block; position:relative; background:transparent; box-shadow:none; top:auto; left:auto; transform:none;}
#header.all .header_bot .gnb > ul > li ul.depth02:before{top:10px;}


/*#header .header_bot .gnb > ul > li.implant_menu:hover ul.depth02{display:none;}*/
.main #header{box-shadow:0;}


/*----- gnb_menu -----*/
.gnb_menu{position:relative; min-width:1000px; text-align:center; z-index:99;}
.gnb_menu > ul > li{display:none}
.gnb_menu > ul > li > a{display:none}
.gnb_menu ul.depth02{position:absolute; display:block !important; width:100%; top:0; left:0; right:0; background:#fff;}
.gnb_menu ul.depth02 > li{display:inline-block; vertical-align:middle; margin:0 20px;}
.gnb_menu ul.depth02 > li > a{position:relative; display:block; font-size:16px; color:#333; letter-spacing:0em; font-weight:400; padding:22px 0 23px;}
.gnb_menu ul.depth02 > li > a:before{content:''; position:absolute; display:none; width:6px; height:6px; top:20px; right:-10px; background:#f1d1e3; border-radius:1px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.gnb_menu ul.depth03{position:absolute; display:block !important; width:100%; top:64px; left:0; right:0; background:#f5f5f5; min-height:64px;}
.gnb_menu ul.depth03 > li{display:none; vertical-align:middle; margin:0 20px;}
.gnb_menu ul.depth03 > li > a{display:block; font-size:16px; color:#666; letter-spacing:0em; font-weight:400; padding:22px 0 23px;}

.gnb_menu ul.depth02 > li:hover > a{color:#d93a96;}
.gnb_menu ul.depth02 > li:hover > a:before{display:block;}
.gnb_menu ul.depth02 > li:hover ul.depth03{z-index:1;}
.gnb_menu ul.depth02 > li:hover ul.depth03 li{display:inline-block;}
.gnb_menu ul.depth03 > li:hover > a{color:#222222;}
.gnb_menu ul.depth02 > li.on > a{color:#d93a96;}
.gnb_menu ul.depth02 > li.on > a:before{display:block;}
.gnb_menu ul.depth02 > li.on ul.depth03{z-index:1;}
.gnb_menu ul.depth02 > li.on ul.depth03 li{display:inline-block;}
.gnb_menu ul.depth03 > li.on > a{color:#222222;}

.gnb_menu_blank{width:100%; height:128px; display:none}
.gnb_menu_blank.on{display:block;}




/* ==========================================================================
	footer
========================================================================== */
#footer{}
#footer .footer_top{font-size:0; letter-spacing:-4px;}
#footer .footer_top .inner{padding:30px 0 100px; border-top:1px solid #dbdbdb;}
#footer .footer_top .top_box{margin-bottom:30px;}
#footer .footer_top .top_box:after{content:''; display:block; clear:both;}
#footer .footer_top .top_box ul {display:inline-block; vertical-align:top; margin-top:7px; font-size:0; letter-spacing:-4px; }
#footer .footer_top .top_box ul li {display:inline-block; vertical-align:top; margin-right:25px; }
#footer .footer_top .top_box ul li a {font-size:16px; font-weight:300; color:#888888; letter-spacing:-0.045em; }
#footer .footer_top .top_box ul li a:hover {color:#444444; }
#footer .footer_top .top_box .right_family {float:right; width:175px; }
#footer .footer_top .top_box select{width:100%; padding:10px 15px; border:0; border-radius:10px; font-size:16px; color:#888888; letter-spacing:0em; font-weight:300; background:#f4f4f4 url('/img/footer_select.png') no-repeat 90% 50%; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
#footer .footer_top .top_box select::-ms-expand{display:none;}
#footer .footer_top .left_box{display:inline-block; vertical-align:top; width:68%;}
#footer .footer_top .left_box h3{font-size:20px; color:#222222; letter-spacing:0em; font-weight:500; margin:0; margin-bottom:30px;}
#footer .footer_top .left_box ul{margin:0;}
#footer .footer_top .left_box ul li{position:relative; display:inline-block; vertical-align:top; margin-right:30px; font-size:16px; color:#888888; letter-spacing:-0.045em; font-weight:300;}
#footer .footer_top .left_box ul li:nth-of-type(1){margin-right:0;}
#footer .footer_top .left_box ul li:nth-of-type(4){margin-right:0;}
#footer .footer_top .left_box ul li:nth-of-type(6){margin-right:0;}
#footer .footer_top .left_box ul li:last-of-type{margin-right:0;}
#footer .footer_top .left_box ul li:before{content:''; position:absolute; display:block; width:1px; height:10px; background:#b5b5b5; top:9px; right:-18px;}
#footer .footer_top .left_box ul li:nth-of-type(1):before{display:none;}
#footer .footer_top .left_box ul li:nth-of-type(4):before{display:none;}
#footer .footer_top .left_box ul li:nth-of-type(6):before{display:none;}
#footer .footer_top .left_box ul li:last-of-type:before{display:none;}
#footer .footer_top .right_box{display:inline-block; vertical-align:top; width:32%;}
#footer .footer_top .right_box h3{font-size:20px; color:#222222; letter-spacing:0em; font-weight:500; margin:0; margin-bottom:30px;}
#footer .footer_top .right_box dl + dl{margin-top:15px;}
#footer .footer_top .right_box dl dt{display:inline-block; vertical-align:top; width:30px; margin-top:4px;}
#footer .footer_top .right_box dl dd{display:inline-block; vertical-align:top; width:calc(100% - 30px);}
#footer .footer_top .right_box dl dd h6{font-size:40px; color:#d93a96; letter-spacing:0em; font-weight:400; margin:0;}
#footer .footer_top .right_box dl dd h6 b{color:#d93a96; font-weight:600;}
#footer .footer_top .right_box dl dd p{font-size:16px; color:#222222; letter-spacing:0em; font-weight:300; line-height:1.5;}
#footer .footer_top .right_box dl.middle dt{vertical-align:middle; margin-top:0;}
#footer .footer_top .right_box dl.middle dd{vertical-align:middle;}
#footer .footer_bot{padding:21px 0; background:#4e4e4e; text-align:center;}
#footer .footer_bot p{font-size:14px; color:#898989; letter-spacing:-0.045em; font-weight:300;}



/* ==========================================================================
	quick
========================================================================== */
.quick_wrap{position:relative; width:1000px; margin:0 auto; z-index:100;}
#quick_menu{position:absolute; top:60px; right:-153px; width:113px; background:#fff; border-top-right-radius:30px; border-bottom-left-radius:30px; overflow:hidden; text-align:center; z-index:200; box-shadow:6px 16px 20px rgba(0, 0, 0, 0.06); transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s;}
#quick_menu.left {right:auto; left:-153px;}
#quick_menu .thumb_box a{display:block;}
#quick_menu .thumb_box img{width:100%;}
#quick_menu .menu_box ul{margin:0;}
#quick_menu .menu_box ul li{position:relative; padding:15px 0; cursor:pointer;}
#quick_menu .menu_box ul li + li:before{content:''; position:absolute; width:80%; height:0; border-bottom:1px dashed #dddddd; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
#quick_menu .menu_box ul li.noline:before{display:none;}
#quick_menu .menu_box ul li .img_box{position:relative; display:inline-block;}
#quick_menu .menu_box ul li .img_box img{max-width:100%;}
#quick_menu .menu_box ul li .img_box span{position:absolute; width:17px; height:17px; line-height:17px; font-size:14px; color:#fff; letter-spacing:-0.025em; font-weight:400; background:#666666; border:2px solid #fff; border-radius:50%; bottom:0; right:-6px;}
#quick_menu .menu_box ul li p{display:block; font-size:14px; color:#656565; letter-spacing:-0.025em; font-weight:400;}
#quick_menu .menu_box ul li.active {background-color:#d93a96; }
#quick_menu .menu_box ul li.active p {color:#fff; }

#quick_menu .prod_box h5{font-size:16px; color:#656565; letter-spacing:-0.025em; font-weight:400; margin:0; padding:5px 0 6px; background:#f3f3f3;}
#quick_menu .prod_box ul.slick-slider{width:84px; padding:15px 0 35px; margin:0 auto;}
#quick_menu .prod_box ul li{margin:5px 0;}
#quick_menu .prod_box ul li a{display:block;}
#quick_menu .prod_box ul li a img{border:1px solid #d9d9d9; width:82px; height:82px; box-sizing:border-box; margin:0 auto;}
#quick_menu .prod_box ul .slick-dots{bottom:10px;}
#quick_menu .prod_box ul .slick-dots li button{font-size:14px; color:#b6b6b6; letter-spacing:-0.025em; font-weight:400; width:100%; padding:0;}
#quick_menu .prod_box ul .slick-dots li button:before{display:none;}
#quick_menu .prod_box ul .slick-dots li{width:auto; height:auto; margin:0 2px;}
#quick_menu .prod_box ul .slick-dots li.slick-active button{color:#666666;}
#quick_menu .prod_box .slick-prev{width:9px; height:11px; background:url('/img/quick_prev.png') no-repeat center center / contain; left:0; top:auto; bottom:7px; z-index:10;}
#quick_menu .prod_box .slick-prev:before{display:none;}
#quick_menu .prod_box .slick-next{width:9px; height:11px; background:url('/img/quick_next.png') no-repeat center center / contain; right:0; top:auto; bottom:7px; z-index:10;}
#quick_menu .prod_box .slick-next:before{display:none;}
#quick_menu .top_btn{padding:20px 0 20px; background:url('/img/quick_top_bg.png') no-repeat center bottom; display:block; font-size:16px; color:#fff; letter-spacing:0em; font-weight:700; padding:36px 0 15px;}
#quick_menu .top_btn img{display:inline-block; vertical-align:middle; margin-left:5px; margin-top:-4px;}



/* ==========================================================================
	sub_common
========================================================================== */
.sub_route{margin:20px 0; text-align:right;}
.sub_route .inner > div{position:relative; display:inline-block; vertical-align:top; margin-left:20px; text-align:center;}
.sub_route .inner > div:first-of-type{margin-left:0;}
.sub_route .inner > div > a{display:block; font-size:16px; color:#d93a96; letter-spacing:0em; font-weight:600;}
.sub_route .inner > div > a img{display:inline-block; vertical-align:middle; margin-top:-4px;}
.sub_route p{font-size:16px; color:#a9a9a9; letter-spacing:0em; font-weight:400; cursor:pointer;}
.sub_route p i{display:inline-block; vertical-align:middle; width:14px; height:14px; background:url('/img/sub_route_arrow01.png') no-repeat center center / contain; margin-left:5px;}
.sub_route ul{position:absolute; display:none; width:140px; top:30px; left:50%; padding:10px; background:#fff; border:1px solid #e9e9e9; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); box-sizing:border-box;}
.sub_route ul li{margin-bottom:5px;}
.sub_route ul li a{display:inline-block; font-size:16px; color:#a9a9a9; letter-spacing:0em; font-weight:400;}

.sub_route .inner > div.on p{color:#222222;}
.sub_route .inner > div.on p i{background-image:url('/img/sub_route_arrow02.png');}
.sub_route ul li:hover a{color:#d93a96;}