@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;  -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%) ;}
.quick > ul {margin-bottom:0; border:1px solid #d9d9d9; box-sizing:border-box; background-color:#fff; border-radius:10px;  overflow:hidden;}
.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.zzim{margin-top:30px;}

.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; overflow:hidden; margin:0 auto; }
body {position:relative; font-family:'Noto Sans KR', sans-serif;}
body:before {content:''; z-index:-1; position:absolute; left:0; top:0; width:100%; height:240px; background-color:#f7f2ff; }
body.main:before {height:552px; }
.poppins {font-family: 'Poppins', sans-serif;}
.content {position:relative; z-index:10; }
.inner {max-width:1200px; width:100%; margin:0 auto; }
.w1920 {max-width:1840px; width:100%; margin:0 auto; }

@media all and (max-width:1840px){
	.inner{width:calc(60% - 20px); max-width:calc(60% - 20px); }
}
@media all and (max-width:1400px){
	body:before {height:270px; }
}
@media all and (max-width:1000px){
	body:before {display:none; }
	body.main:before {display:block; }
	.inner {width:93.75%; max-width:93.75%; }
}


#header {position:relative; z-index:100; max-width:1840px; margin:0 auto; box-sizing:border-box;  }
#header .header_top {z-index:100; position:relative; left:0; top:0; width:100%; padding:20px 20px 10px; text-align:right; font-size:0; letter-spacing:-4px; background-color:#f7f2ff; box-sizing:border-box; }
#header .header_top.on {z-index:201; }
#header .header_top h1 {position:absolute; left:20px; top:50%; display:inline-block; vertical-align:middle; max-width:40%; margin-right:50px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
#header .header_top h1 img {width:100%; }
#header .header_top .top_banner {overflow:hidden; position:relative; display:inline-block; vertical-align:middle; width:420px; height:80px; }
#header .header_top .top_banner ul li img {width:100%; }
#header .header_top .top_banner span.arrow {z-index:10; position:absolute; top:calc(50% - 15px); width:30px; height:30px; border-radius:50%; box-shadow:5px 5px 10px rgba(0,0,0,.1); cursor:pointer; }
#header .header_top .top_banner span.arrow.prev {left:20px; }
#header .header_top .top_banner span.arrow.next {right:20px; }

#header .top_bottom_box {position:relative; z-index:200; padding:10px 0; text-aligN:right; }
#header .top_bottom_box.fixed {z-index:201; height:56px; }
#header .top_bottom_box h1 {display:none; }
#header .top_bottom_box.fixed .w1920 {position:relative; }
#header .top_bottom_box.fixed h1 {display:block; position:absolute; left:20px; top:50%; margin:0; max-width:20%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
#header .top_bottom_box.fixed h1 img {max-height:40px; }
#header .top_bottom_box.fixed .fixed_box {z-index:200; position:fixed; left:0; top:0; width:100%; padding:10px 0; background-color:#f7f2ff; box-shadow:0px 5px 10px rgba(0,0,0,.1); }
#header .top_bottom_box .search_box {position:relative; display:inline-block; vertical-align:middle; width:600px; max-width:30%; height:40px; background-color:#fff; box-shadow:4px 10px 10px rgba(0,0,0,.1); border-radius:40px; }
#header .top_bottom_box .search_box form {width:100%; height:100%; }
#header .top_bottom_box .search_box input {width:100%; height:100%; padding:0 30px; border:2px solid #a37aff; border-radius:40px; box-sizing:border-box; font-size:16px; font-weight:300; color:#444; letter-spacing:-0.04em; }
#header .top_bottom_box .search_box input::placeholder {color:#bbbbbb; }
#header .top_bottom_box .search_box input:focus {outline:none; }
#header .top_bottom_box .search_box a {position:absolute; right:20px; top:calc(50% - 10px); }
#header .top_bottom_box .link_box {display:inline-block; vertical-align:middle; margin:0 40px; font-size:0; letter-spacing:-4px; }
#header .top_bottom_box .link_box a {display:inline-block; vertical-align:middle; margin-right:20px; font-size:14px; color:#666666; letter-spacing:-0.04em; }
#header .top_bottom_box .link_box a.m_only {display:none; }
#header .top_bottom_box .link_box a.m_ver:last-of-type {margin-right:0; }
#header .top_bottom_box .link_box a img {vertical-align:middle; margin-right:5px; }

#header .header_bottom {position:relative; z-index:200; }
#header .header_bottom .inner {position:relative; }
#header .header_bottom .gnb ul {font-size:0; letter-spacing:-4px; text-align:center; padding:20px 0; box-sizing:border-box; }
#header .header_bottom .gnb ul li {display:inline-block; vertical-align:top; width:10%; }
#header .header_bottom .gnb ul li a {position:relative; display:inline-block; padding:0 0 10px; font-size:18px; font-weight:500; color:#444444; letter-spacing:-0.04em; box-sizing:border-box; transition:all .2s; }
#header .header_bottom .gnb ul li a:before {content:''; position:absolute; left:calc(100% + 5px); top:0px; width:8px; height:8px; background-color:#544fc3; border-radius:50%; opacity:0; transition:all .2s; }
#header .header_bottom .gnb ul li:hover a {color:#544fc3; font-weight:bold; }
#header .header_bottom .gnb ul li:hover a:before {opacity:1; }

#header .header_bottom .header_left_menu {position:absolute; right:calc(100% + 40px); top:-55px; width:280px; }
#header .header_bottom .header_left_menu .lnb_box {padding:30px 40px; margin-bottom:30px; background-color:#fff; box-shadow:0px 5px 30px rgba(0,0,0,.1); border-radius:20px; box-sizing:border-box; }
#header .header_bottom .header_left_menu .lnb_box h3 {padding-bottom:15px; border-bottom:1px solid #dddddd; font-size:20px; color:#222222; font-weight:bold; letter-spacing:-0.04em; }
#header .header_bottom .header_left_menu .lnb_box ul {padding-top:15px; }
#header .header_bottom .header_left_menu .lnb_box ul li a {display:block; padding:5px 0; font-size:16px; color:#666666; font-weight:500; letter-spacing:-0.04em; transition:all 0.2s; }
#header .header_bottom .header_left_menu .lnb_box ul li:hover a {color:#a37aff; }
#header .header_bottom .header_left_menu .banner_box a {display:block; margin-bottom:10px; }
#header .header_bottom .header_left_menu .banner_box img {width:100%; }

#header .header_bottom .header_right_menu {position:absolute; left:calc(100% + 40px); top:0; width:280px; }
#header .header_bottom .header_right_menu .board_link {margin-bottom:60px; }
#header .header_bottom .header_right_menu .board_link a {display:table; width:100%; height:98px; margin-bottom:10px; background-color:#544fc3; box-sizing:border-box; border-radius:20px; box-shadow:0px 5px 30px rgba(0,0,0,.1);}
#header .header_bottom .header_right_menu .board_link a span {position:relative; display:table-cell; vertical-align:middle; width:100%; padding:0 40px; font-size:20px; color:#fff; letter-spacing:-0.04em; font-weight:bold; box-sizing:border-box; }
#header .header_bottom .header_right_menu .board_link a span:before {content:''; position:absolute; right:40px; top:calc(50% - 20px); width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.1) url('/img/board_link_arrow.png') no-repeat center center; }
#header .header_bottom .header_right_menu .board_link a:nth-of-type(2) {background-color:#7763df; }
#header .header_bottom .header_right_menu .board_link a:nth-of-type(3) {background-color:#a37aff; }
#header .header_bottom .header_right_menu .banner_box a {display:block; margin-bottom:10px; }
#header .header_bottom .header_right_menu .banner_box img {width:100%; }

@media all and (max-width:1840px){
	#header .header_bottom .inner {position:static; }
	#header .header_bottom .header_left_menu {right:auto; left:20px; width:calc(20% - 40px); }
	#header .header_bottom .header_right_menu {left:auto; right:20px; width:calc(20% - 40px); }
}
@media all and (max-width:1400px){
	#header .header_bottom .gnb ul li {width:20%; }
}
@media all and (max-width:1300px){
	#header .header_bottom .header_left_menu .lnb_box {padding:20px 20px; }
	#header .header_bottom .header_right_menu .board_link {margin-bottom:30px; }
	#header .header_bottom .header_right_menu .board_link a {height:80px; }
	#header .header_bottom .header_right_menu .board_link a span {padding:0 10px; }
	#header .header_bottom .header_right_menu .board_link a span:before {right:10px; }
	#header .top_bottom_box .link_box {margin:0 20px; }
}
@media all and (max-width:1000px){
	#wrap.main:before {display:none; }

	#header .header_top {padding:20px 10px; }
	#header .header_top .top_banner {width:310px; max-width:50%; height:auto; }
	#header .header_top .top_banner span.arrow.prev {left:10px; }
	#header .header_top .top_banner span.arrow.next {right:10px; }

	#header .top_bottom_box {padding:15px 20px; background-color:#fefefe; font-size:0; letter-spacing:-4px; box-sizing:border-box; }
	#header .top_bottom_box.fixed h1 {display:none; }
	#header .top_bottom_box.fixed .fixed_box {padding:10px; box-sizing:border-box; }
	#header .top_bottom_box .search_box {width:calc(100% - 160px); max-width:calc(100% - 160px); }
	#header .top_bottom_box .link_box {margin-right:0; }
	#header .top_bottom_box .link_box a {display:none; margin-right:10px; }
	#header .top_bottom_box .link_box a img {margin-right:0; }
	#header .top_bottom_box .link_box a:last-of-type {margin-right:0; }
	#header .top_bottom_box .link_box a.m_ver {display:inline-block; font-size:0; }
	#header .top_bottom_box .link_box a.m_only {display:inline-block; font-size:0; }
	#header .top_bottom_box .link_box a.ham_btn.on {background:url('/img/ham_btn_on.png') no-repeat center center / 100% 100%; }
	#header .top_bottom_box .link_box a.ham_btn.on img {opacity:0; }

	#header .header_bottom .header_left_menu {display:none; }
	#header .header_bottom .header_right_menu {display:none; }

	#header .header_bottom .gnb {display:none; }
}


.m_slider_bg {z-index:90; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.7); cursor:pointer; }
.m_slider {z-index:99; position:fixed; right:0; top:0; display:none; width:500px; max-width:80%; height:100%; background-color:#fff; box-sizing:Border-box; }
.m_slider.on {padding-top:60px !important; }
.m_slider .m_slider_inner {overflow-y:auto; width:100%; height:100%; }
.m_slider p.close_btn {position:absolute; right:calc(100% + 5px); top:210px; font-size:16px; color:#fff; letter-spacing:0;  -webkit-writing-mode:tb-rl; -moz-writing-mode:tb-rl; -ms-writing-mode:tb-rl; -o-writing-mode:tb-rl; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); cursor:pointer; }
.m_slider p.close_btn img {vertical-aligN:middle; margin-top:5px; margin-left:-10px; }
.m_slider.on p.close_btn {top:110px; }
.m_slider .m_slider_top {padding:20px 0; background-color:#292929; text-align:center; }
.m_slider .m_slider_top a {position:relative; padding:0 30px; font-size:20px; color:#fff; letter-spacing:-0.04em; }
.m_slider .m_slider_top a:first-of-type:before {content:''; position:absolute; right:-1px; top:calc(50% - 7px); width:2px; height:15px; background-color:#fff; }
.m_slider .m_slider_top a img {vertical-aligN:middle; margin-right:10px; }
.m_slider .m_slider_board {padding:20px 20px; box-sizing:border-box; font-size:0; letter-spacing:-4px; }
.m_slider .m_slider_board a {display:inline-block; vertical-align:top; width:calc(33.33% - 6.66666666667px); height:50px; margin-right:10px; font-size:18px; font-weight:500; color:#fff; letter-spacing:-0.04em; line-height:50px; border-radius:20px; text-align:center; }
.m_slider .m_slider_board a:nth-of-type(3n) {margin-right:0; }
.m_slider .m_slider_board a:nth-of-type(1) {background-color:#544fc3; }
.m_slider .m_slider_board a:nth-of-type(2) {background-color:#7763df; }
.m_slider .m_slider_board a:nth-of-type(3) {background-color:#a37aff; }
.m_slider .gnb_box {border-top:1px solid #ddd; }
.m_slider .gnb_box > ul {}
.m_slider .gnb_box > ul > li {border-bottom:1px solid #dddddd; }
.m_slider .gnb_box > ul > li > a {position:relative; display:block; padding:20px 20px; font-size:20px; font-weight:bold; color:#222222; letter-spacing:-0.04em; box-sizing:border-box; }
.m_slider .gnb_box > ul > li > a.depth02_ok:before {content:''; position:absolute; right:20px; top:calc(50% - 10px); width:20px; height:20px; background:url('/img/m_slider_depth_ok.png') no-repeat center center; transition:all 0.4s; }
.m_slider .gnb_box > ul > li.on > a.depth02_ok:before {background-image:url('/img/m_slider_depth_ok_on.png'); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
.m_slider .gnb_box .depth02 {display:none; padding:10px 0; background-color:#544fc3; }
.m_slider .gnb_box .depth02 li a {position:relative; display:block; padding:7px 20px; font-size:18px; color:#e4e3f4; letter-spacing:-0.04em; box-sizing:border-box; }
.m_slider .gnb_box .depth02 li a:before {content:''; position:absolute; right:20px; top:calc(50% - 12px); width:24px; height:24px; background:url('/img/m_slider_depth02_icon.png') no-repeat center center / 100% 100%; }



#footer {width:100%; margin:0 auto; background-color:#292929; }	
#footer .inner {font-size:0; letter-spacing:-4px; }
#footer .left_box {position:relative; display:inline-block; vertical-align:middle; width:40%; padding:100px 100px 100px 0; background-color:#353535; box-sizing:border-box; }
#footer .left_box:before {content:''; position:absolute; right:100%; top:0; width:1000%; height:100%; background-color:#353535; }
#footer .left_box dl + dl {margin-top:35px; }
#footer .left_box dl dt {position:relative; font-size:20px; font-weight:500; color:#ffffff; letter-spacing:0; }
#footer .left_box dl dt:before {content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background-color:#fff; }
#footer .left_box dl dt span {position:relative; z-index:4; display:inline-block; background-color:#353535; }
#footer .left_box dl dd {padding-top:10px; }
#footer .left_box dl dd b {display:block; font-size:40px; font-weight:bold; color:#fff; letter-spacing:0; }
#footer .left_box dl dd p {font-size:16px; font-weight:300; color:#888888; letter-spacing:-0.04em; }
#footer .left_box dl dd p span {padding-right:5px; font-weight:500; color:#aaaaaa; }
#footer .right_box {display:inline-block; vertical-align:middle; width:60%; padding-left:100px; box-sizing:border-box; }
#footer .right_box img {max-width:80%; }
#footer .right_box .add {padding:30px 0; }
#footer .right_box .add span {display:inline-block; vertical-align:top; padding:2px 0; margin-right:20px; font-size:16px; font-weight:300; color:#aaaaaa; letter-spacing:-0.04em; }
#footer .right_box p.copy {font-size:14px; font-weight:300; color:#888888; letter-spacing:-0.04em; }

@media all and (max-width:1840px){
	#footer .inner {width:100%; max-width:1200px; }
}
@media all and (max-width:1200px){
	#footer .inner {width:93.75%; max-width:93.75%; }
}
@media all and (max-width:1000px){
	#footer .left_box {width:100%; padding:50px 50px 50px 0; }
	#footer .right_box {width:100%; padding:30px 0; }
}

.bottom_common {overflow:hidden; padding:90px 0; background-color:#f5f5f5; }
.bottom_common .product_type01 ul li {margin-bottom:0; opacity:.5; }
.bottom_common .product_type01 ul li.swiper-slide-active,
.bottom_common .product_type01 ul li.swiper-slide-active + li,
.bottom_common .product_type01 ul li.swiper-slide-active + li + li,
.bottom_common .product_type01 ul li.swiper-slide-active + li + li + li,
.bottom_common .product_type01 ul li.swiper-slide-active + li + li + li + li{opacity:1; }

@media all and (max-width:1400px){
	.bottom_common .product_type01 ul li.swiper-slide-active + li + li + li,
	.bottom_common .product_type01 ul li.swiper-slide-active + li + li + li + li{opacity:.5; }
}
@media all and (max-width:640px){
	.bottom_common .product_type01 ul li.swiper-slide-active + li + li {opacity:.5; }
}


.bottom_top_common_banner {padding:50px 0 40px; display:none; }
.bottom_top_common_banner .banner_list {font-size:0; letter-spacing:-4px; }
.bottom_top_common_banner .banner_list a {display:inline-block; vertical-align:top; width:calc(33.33% - 6.66666666667px); margin-right:10px; margin-bottom:10px; }
.bottom_top_common_banner .banner_list a:nth-of-type(3n) {margin-right:0; }
.bottom_top_common_banner .banner_list a img {width:100%; }

@media all and (max-width:1000px){
	.bottom_top_common_banner {display:block; }
}
@media all and (max-width:640px){
	.bottom_top_common_banner .banner_list a {width:calc(50% - 5px); }
	.bottom_top_common_banner .banner_list a:nth-of-type(3n) {margin-right:10px; }
	.bottom_top_common_banner .banner_list a:nth-of-type(2n) {margin-right:0; }
}