@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_info{margin-bottom:30px}
.quick_info dl{width:170px; border-radius:10px; overflow:hidden;}
.quick_info dl + dl{margin-top:5px;}
.quick_info dl dt{padding:10px 0; box-sizing:border-box; text-align:center; background:#3388ed; font-size:14px; line-height:30px; letter-spacing:-0.045em; color:#FFF}
.quick_info dl dd{padding:10px 0; box-sizing:border-box; text-align:center; background:#FFF; border:1px solid #3388ed;border-radius:0 0 10px 10px;}
.quick_info dl:nth-of-type(2) dt{background:#308715}
.quick_info dl:nth-of-type(2) dd{border:1px solid #308715}
.quick_info dl dd p{font-size:14px; line-height:30px; letter-spacing:-0.045em; color:#444444}
.quick_info dl dd span{font-size:14px; line-height:30px; letter-spacing:0; color:#444444; font-weight: bold;}


/* 최근본 상품 퀵메뉴 */
.quick {overflow:hidden; z-index:110; position:fixed; right:20px; top:50%; width:170px; 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 .quick_info{margin-bottom:30px}
.quick .quick_info dl{width:170px; border-radius:10px; overflow:hidden;}
.quick .quick_info dl + dl{margin-top:5px;}
.quick .quick_info dl dt{padding:10px 0; box-sizing:border-box; text-align:center; background:#3388ed; font-size:14px; line-height:30px; letter-spacing:-0.045em; color:#FFF}
.quick .quick_info dl dd{padding:10px 0; box-sizing:border-box; text-align:center; background:#FFF; border:1px solid #3388ed;border-radius:0 0 10px 10px;}
.quick .quick_info dl:nth-of-type(2) dt{background:#308715}
.quick .quick_info dl:nth-of-type(2) dd{border:1px solid #308715}
.quick .quick_info dl dd p{font-size:14px; line-height:30px; letter-spacing:-0.045em; color:#444444}
.quick .quick_info dl dd span{font-size:14px; line-height:30px; letter-spacing:0; color:#444444; font-weight: bold;}
.quick .quick_menu ul {margin-bottom:0; margin-left:auto; width:113px; border:1px solid #d9d9d9; border-radius:5px ;box-sizing:border-box; overflow:hidden; background-color:#fff;}
.quick .quick_menu ul li.recent_prod {}
.quick .quick_menu 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 .quick_menu ul li.recent_prod ul {padding:14px; box-sizing:border-box; }
.quick .quick_menu ul li.recent_prod ul li {border:1px solid #d9d9d9; margin-bottom:12px; box-sizing:border-box; }
.quick .quick_menu ul li.recent_prod ul li:last-of-type {margin-bottom:0; }
.quick .quick_menu ul li.recent_prod ul li img {width:100%; height:auto; }
.quick .quick_menu ul li.recent_prod .quick_pager {margin-top:0; margin-bottom:30px; }
.quick .quick_menu 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 .quick_menu ul li.recent_prod .quick_pager a.active {color:#666666; }
.quick .quick_menu ul li.recent_prod .quick_pager .page_prev,
.quick .quick_menu 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 .quick_menu ul li.recent_prod .quick_pager .page_prev {background:url('/img/theme/quick_prev_btn.png') no-repeat center center; }
.quick .quick_menu ul li.recent_prod .quick_pager .page_next {background:url('/img/theme/quick_next_btn.png') no-repeat center center; }

.quick .quick_menu ul li.top_btn {width:100%; height:48px; background-color:#666666; box-sizing:border-box; line-height:48px; text-align:center;}
.quick .quick_menu 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; }
}


/* ==========================================================================
	테마공통 inner, 폰트
========================================================================== */
.inner {width:100%; max-width:1400px; margin:0 auto; }
@media all and (max-width:1400px){
	.inner {width:93.75%;}
}

.roboto{font-family: 'Roboto', sans-serif;}

/* ==========================================================================
	header
========================================================================== */
#header .header_top {position:relative; height:120px; text-align:center;}
#header .header_top .inner:after {content:''; display:block; clear:both; }
#header .header_top .inner{position:relative; height:100%;}
#header .header_top h1 {position:absolute; margin:0; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
#header .header_top h1 a {display:block;}
#header .header_top h1 img {max-width:100%; }

#header .header_top .search_box {position:relative; width:50%; padding:40px 0; text-align:Center; margin:0 auto;}
#header .header_top .search_box label {position:relative; width:100%; height:37px; }
#header .header_top .search_box input {width:100%; height:100%; background:#ececec; border:none; box-sizing:border-box; border-radius:30px; padding:0 20px 0 60px }
#header .header_top .search_box input:focus {outline:none; }
#header .header_top .search_box .search_icon {position:absolute; left:20px; top:50%; width:20px; height:20px; background:url('/img/header_search.png') no-repeat center center; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); text-indent:-9999px; }

#header .header_top .right_icon {position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);transform:translateY(-50%);}
#header .header_top .right_icon li {position:relative; display:inline-block; vertical-align:top; margin-left:20px; text-align:center; }
#header .header_top .right_icon li:first-of-type {margin-left:0; }
#header .header_top .right_icon li a {}
#header .header_top .right_icon li span {display:block; font-size:16px; font-weight:300; letter-spacing:0; color:#333333; text-align:center;}
#header .header_top .right_ham_box {display:none; position:absolute; right:0; top:50%; width:40px; height:30px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); cursor:pointer; }
#header .header_top .right_ham_box span {display:block; width:100%; height:3px; margin-bottom:10px; background-color:#1d2226; }
#header .header_top .right_ham_box span:nth-of-type(2) {width:65%; }
#header .header_top .right_ham_box span:nth-of-type(3) {width:85%; }
#header .header_top .right_ham_box span:last-of-type {margin-bottom:0; }


#header .bot_header {background:rgba(33,32,32,0.9); height:60px; box-sizing:border-box; clear:both;}
#header .gnb > ul{font-size:0; text-align:center;}
#header .gnb > ul > li{display:inline-block; vertical-align:top; position:relative;}
#header .gnb > ul > li > a{display:block; padding:16.5px 50px; font-size:20px; font-weight:400; letter-spacing:-0.025em; color:#fff; }
#header .gnb ul.depth02 {position:absolute; top:60px; left:0; width:200%; display:none; padding:20px 30px; box-sizing:border-box; border:1px solid #f5f5f5; background:#fff; z-index:99;}
#header .gnb ul.depth02 li{display:block; margin-bottom:23px;}
#header .gnb ul.depth02 li:last-of-type{margin-bottom:0;}
#header .gnb ul.depth02 li a{display:block; font-size:16px; font-weight:400; letter-spacing:-0.045em; color:#888888; text-align:left;}
#header .gnb > ul > li:hover ul.depth02{display:block;}

@media all and (max-width:1400px){
	#header .header_top .search_box {width: 38%; margin-left: 27%; margin-right: auto;}
}

@media all and (max-width:1000px){
	#header .header_top {height:100px; }
	#header .header_top h1 {width:195px; }
	#header .header_top .search_box{position:absolute; right:70px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
	#header .header_top .right_icon {display:none; }
	#header .header_top .right_ham_box {display:block; }
	#header .bot_header {display:none; }
}
@media all and (max-width:850px){
	#header .header_top .search_box{width:40%;}
}
@media all and (max-width:700px){
	#header .header_top .search_box{width:30%;}
}




.mobile_slide_bg {z-index:999;; display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); }
#mobile_slide {z-index:1000; overflow-y:auto; position:fixed; left:-85%; top:0; width:85%; height:100%; padding:20px 0; background-color:#fff; box-sizing:border-box; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
#mobile_slide.on {left:0; }
#mobile_slide .top_box {padding:0 20px; }
#mobile_slide .top_box p.right {padding:20px 10px 45px; text-align:right; }
#mobile_slide .top_box p.logo {margin-bottom:45px; }
#mobile_slide .top_box ul {font-size:0; letter-spacing:-4px; }
#mobile_slide .top_box ul li {display:inline-block; vertical-align:top; width:calc(50% - 5px); height:70px; margin-right:10px; border:2px solid #171819; box-sizing:border-box; border-radius:5px; }
#mobile_slide .top_box ul li:nth-of-type(2n) {margin-right:0; }
#mobile_slide .top_box ul li:nth-of-type(n+3) {margin-top: 10px;}
#mobile_slide .top_box ul li a {display:table; width:100%; height:100%; text-align:center; }
#mobile_slide .top_box ul li a span {display:table-cell; vertical-align:middle; font-size:20px; color:#666666; letter-spacing:0; }
#mobile_slide .top_box ul li.type02 {background-color:#171819; }
#mobile_slide .top_box ul li.type02 a span {color:#fff; }
#mobile_slide .search_box {position:relative; width:100%; padding:40px 0; text-align:center; margin:0 auto;}
#mobile_slide .search_box label {position:relative; width:100%; height:50px; }
#mobile_slide .search_box input {width:100%; height:100%; background:#ececec; border:none; box-sizing:border-box; border-radius:30px; padding:0 20px 0 60px }
#mobile_slide .search_box input:focus {outline:none; }
#mobile_slide .search_box .search_icon {position:absolute; left:20px; top:50%; width:20px; height:20px; background:url('/img/header_search.png') no-repeat center center; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); text-indent:-9999px; }

#mobile_slide .gnb_box {border-top:10px solid #f1f1f1; }
#mobile_slide .gnb_box > ul {}
#mobile_slide .gnb_box > ul > li {}
#mobile_slide .gnb_box > ul > li > a {display:block; width:100%; height:80px; padding:0 20px; border-bottom:1px solid #ececec; box-sizing:border-box; font-size:28px; font-weight:300; color:#222222; letter-spacing:-0.045em; line-height:80px; }
#mobile_slide .gnb_box > ul > li > a.depth2_ok {position:relative; }
#mobile_slide .gnb_box > ul > li > a.depth2_ok:before {content:''; position:absolute; right:20px; top:50%; width:17px; height:11px; background:url('/img/mobile_gnb_box_arrow.png') no-repeat center center; transform-origin:center top; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
#mobile_slide .gnb_box > ul > li.on > a.depth2_ok:before {-webkit-transform:rotate(180deg) translateY(-50%); -moz-transform:rotate(180deg) translateY(-50%); -ms-transform:rotate(180deg) translateY(-50%); -o-transform:rotate(180deg) translateY(-50%); transform:rotate(180deg) translateY(-50%); }
#mobile_slide .gnb_box > ul .depth02 {display:none; background-color:#f9f9f9; padding:0 40px; box-sizing:border-box; }
#mobile_slide .gnb_box > ul .depth02 li {}
#mobile_slide .gnb_box > ul .depth02 li a {display:block; padding:20px 0; font-size:24px; font-weight:300; color:#666666; letter-spacing:-0.05em; }


/* ==========================================================================
	footer
========================================================================== */
#footer {background:#fff; padding:55px 0; border-top:1px solid #999; }
#footer:after{content:''; display:table; clear:both;}
#footer .logo{float:left; padding-top:20px; width:181px;}
#footer .logo img {max-width:100%; }
#footer .addr{float:left;  text-align:center; width:calc(100% - 461px)}
#footer .addr ul{font-size:0;}
#footer .addr ul li{display:inline-block; vertical-align:top; margin:0 5px;}
#footer .addr p{font-size:16px; font-weight:200; letter-spacing:-0.025em; color:#999999; line-height:26px;}
#footer .addr p b{font-weight:300;}
#footer .addr span{display:block; margin-top: 20px; font-size:16px; font-weight:200; letter-spacing:-0.025em; color:#999999; line-height:26px;}
#footer .member{float:right; padding-top:25px; width:280px;}
#footer .member a{display:inline-block; font-size:16px; font-weight:100; letter-spacing:-0.025em; color:#999999; padding:10px 20px; border:1px solid #999999; margin-right:20px;}
#footer .member a:last-of-type{margin-right:0;}


@media (max-width: 1200px){
	#footer .addr ul br{display:none;}
}
@media (max-width: 1027px){
	#footer .logo{float:none; width:100%; padding-top:0; text-align:center;}
	#footer .addr{float:none; width:100%; padding:30px 0;}
	#footer .member{float:none; width:100%; padding-top:0; text-align:center;}
}



#top_btn{position:fixed; right:30px; bottom:30px; width:80px; margin:0 auto; background:#040650; border-radius:50%; text-align:center; }
#top_btn a{display:block; font-size:18px; color:#fff; letter-spacing:0em; font-weight:500; padding:24px 0; box-sizing:border-box;}
#top_btn a img{display:block; margin:0 auto 5px;}

@media all and (max-width:1000px){
	#top_btn a {display:none; }
}