@charset "utf-8";

/********************************************************
■ Basic : 기본
********************************************************/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,500,500italic,700,900,400italic,700italic');

body { font-family: 'NEXON Lv1 Gothic'; line-height:130%; font-size:13px; color:#333;  min-width:280px;  overflow-x:hidden;  }
body.is-pc .ko { font-size:12px; }
a { color:#333;  cursor: pointer; text-decoration: none; }
a:hover, a:focus, a:active { color:#333;  text-decoration: none; }
fieldset legend { display:none; }
label { font-weight:normal; }
label.checkbox, label.radio { line-height:12px; font-size: 12px; font-weight: normal; cursor: pointer; }
hr { margin-top: 20px; margin-bottom:20px; border:0; border-top:1px solid #eee; display:block; }
blockquote { font-size: 12px; margin:0px 0px 20px; }
.en, h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a { font-family: 'NEXON Lv1 Gothic'; margin:0px;  }
.ko, .ko small { font-family: 'NEXON Lv1 Gothic'; }
.sns-share-icon img { width:20%; max-width:34px; border-radius:50%; }

ul,ol,dl{ padding:0px; margin:0px;}
li{ list-style:none; }
button{ border:none; background:none; outline:none; }
input{outline:none; border:none; }
p{ margin:0px; }

input::placeholder { color:#a8a8a8;  }
input::-webkit-input-placeholder { color:#a8a8a8;  }
input:-ms-input-placeholder { color:#a8a8a8;  }
input:-mos-input-placeholder { color:#a8a8a8;  }

/********************************************************
■ Layout : 레이아웃
********************************************************/
.wrapper.main{overflow-x:hidden;}
.wrapper { margin:0 auto;    background:#fff;   }
.at-container { padding:0px 15px; margin:0px auto;  }
.at-content { position:relative;  }
.at-row { margin-left:-15px; margin-right:-15px; }
.at-col { position:relative; padding-left:15px; padding-right:15px; padding-top:20px; padding-bottom:20px; }
.nav-fixed .at-menu { width:100%; z-index:10; left:0px; -webkit-transition: height .4s ease, opacity .3s ease; -o-transition: height .4s ease, opacity .3s ease; transition: height .4s ease, opacity .3s ease; }
@media all and (max-width:991px) {
	.responsive .at-body .at-row { margin-left:0px; margin-right:0px; }
	.responsive .at-body .at-col { padding-left:0px; padding-right:0px; }
	.responsive .pull-right.at-main,
	.responsive .pull-left.at-side { float:none !important; }

}

/********************************************************
■ LNB : 최상단의 즐겨찾기, RSS, 로그인, 회원가입 영역
********************************************************/
.at-lnb { }
.en .at-lnb { font-size:12px; }
.at-lnb ul { list-style: none; margin: 0px; padding:10px 0px 5px; }
.at-lnb ul > li { float: left; padding: 0px 15px; }
.at-lnb ul > li::after { float: right; color:#ccc; content: "/"; margin-right:-17px;}
.at-lnb ul > li:last-child::after { content: ""; margin-right:0px; }
.at-lnb ul > li > a { color: #333; float:left; }
@media all and (max-width:991px) {
	.responsive .at-lnb .at-container { display:none; visibility:visible; }
}

/********************************************************
■ PC Header : PC 헤더 
********************************************************/
.pc-header { padding:10px 0px 0px; text-align:center; }
.pc-header .at-container { padding:0px 20px 15px; background: url('./header.jpg') no-repeat right top; }
.pc-header .header-logo { display:inline-block; vertical-align:middle; padding:0px 15px; }
.pc-header .header-logo a { font-size:44px; line-height:44px; font-family:'NEXON Lv1 Gothic', sans-serif; font-weight:bold; color:#000; }
.pc-header .header-logo a:hover { color:#000; }
.pc-header .header-logo img { display:block; max-width:100%; max-height:60px; }
.pc-header .header-desc { display:block; font-size:12px; letter-spacing:-1px; color:#888; margin-top:2px; }
.pc-header .header-search { display:inline-block; width:260px; vertical-align:middle; }
.pc-header .header-search form { padding:0px; margin-top:4px; border:4px solid #111; background: #111; }
.pc-header .header-search input { background: #fff; border:1px solid #111; }
.pc-header .header-search .btn { color:#fff !important; background: #111 !important; }
.pc-header .header-keyword { padding-top:4px; }
.en .pc-header .header-keyword { font-size:12px; }
@media all and (max-width:991px) {
	.responsive .pc-header { display:none; }
}

/********************************************************
■ Mobile Header : 모바일 헤더 
********************************************************/
.m-header { display:none; background: rgb(50, 60, 70); }
.m-header a { color:#fff }
.m-header .at-container { padding:0px; }
.m-header .header-wrap { display:table; width:100%; table-layout:fixed; margin:0px; min-width:300px; border-collapse: collapse; }
.m-header .header-icon, 
.m-header .header-logo { display:table-cell; vertical-align:middle; font-size:18px; height:44px; line-height:44px; text-align:center; }
.m-header .header-icon { width:44px; }
.m-header .header-icon a { display:block; }
@media all and (max-width:991px) {
	.responsive .m-header { display:block; }
}

/********************************************************
■ PC Menu : PC 메뉴바 배경설정
********************************************************/
.pc-menu { position:relative; background: #111; border:0px; z-index:3; box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); }
.pc-menu .at-container { position:relative; }
.pc-menu .sub-slide,
.pc-menu .sub-shows { display:none; visibility:visible; }
.pc-menu .sub-icon::after { font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
.pc-menu .menu-a { font-size: 15px; font-family: "NEXON Lv1 Gothic", sans-serif; }
.pc-menu .nav-home .menu-a { font-size: 20px;}
.pc-menu .nav-right { font-size:16px; } 
@media all and (max-width:991px) {
	.responsive .pc-menu,
	.responsive .pc-menu-all { display:none; }
}

/********************************************************
■ PC Menu Top : PC 상단 좌측/배분 스타일 메뉴
********************************************************/

/* 배분 스타일 */
.pc-menu .nav-top.nav-both .menu-ul { display:table; width:100%; table-layout:fixed; margin:0px; }
.pc-menu .nav-top.nav-both .menu-li { display:table-cell; vertical-align:top; }
.pc-menu .nav-top.nav-both .menu-a { padding:0px; text-align:center; }
.pc-menu .nav-top.nav-both .sub-1div::before { left: 50%; margin-left:-8px; }
.pc-menu .nav-top.nav-both .sub-1div { position:relative; }

/* 좌측 스타일 */
.pc-menu .nav-top.nav-float .menu-ul { }
.pc-menu .nav-top.nav-float .menu-li { float:left; }
.pc-menu .nav-top.nav-float .sub-1div { position:absolute; }

/* 공통 스타일 */
.pc-menu .nav-top { position:absolute; left:0px; top:0px; z-index:10; width:100%; }
.pc-menu .nav-top .menu-a { display:block; color:#fff; background:#111; font-weight:bold; }
.pc-menu .nav-top .menu-li:hover .menu-a,
.pc-menu .nav-top .menu-li.on .menu-a { background:#333; }
.pc-menu .nav-top .menu-li.nav-home { width:60px !important; text-align:center; }
.pc-menu .nav-top .menu-li.nav-home .menu-a { padding:0px; }
.pc-menu .nav-top .new { color: rgb(140, 195, 70);}

.pc-menu .nav-top .sub-1div::before { top: -8px; border-width: 0 8px 8px; border-color: orangered transparent; display: block; width: 0px; content: ""; position: absolute; border-style: solid; }
.pc-menu .nav-top .sub-1div { background:#fff; border-top:3px solid orangered; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.pc-menu .nav-top .sub-1dul,
.pc-menu .nav-top .sub-1dli { position:relative;  }
.pc-menu .nav-top .sub-1da { display:block; color:#000; padding:5px 12px; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }
.pc-menu .nav-top .sub-1dli.on .sub-1da,
.pc-menu .nav-top .sub-1dli:hover .sub-1da { color:#fff; font-weight:bold; background: orangered; border-color:orangered; }
.pc-menu .nav-top .sub-1new { color: rgb(140, 195, 70);}
.pc-menu .nav-top .sub-1line { position:relative; display:block; color:#000; padding:5px 12px; font-weight:bold; background:#fafafa; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }

.pc-menu .nav-top .sub-2div { left:100%; top:0; background: #fff; position:absolute; z-index:20; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } 
.pc-menu .nav-top .sub-2dul { }
.pc-menu .nav-top .sub-2dli { }
.pc-menu .nav-top .sub-2da { display:block; color:#000; padding:5px 12px; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); } 
.pc-menu .nav-top .sub-2dli.on .sub-2da,
.pc-menu .nav-top .sub-2dli:hover .sub-2da { color:#fff; font-weight:bold; background: orangered; border-color:orangered; }
.pc-menu .nav-top .sub-2new { color: rgb(140, 195, 70);}
.pc-menu .nav-top .sub-2line { display:block; color:#000; padding:5px 12px; font-weight:bold; background:#fafafa; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }

/********************************************************
■ PC Right Icon Menu : PC 우측 아이콘 메뉴
********************************************************/
.pc-menu .nav-right { background:#111; position:absolute; top:0px; right:0px; z-index:11; }
.pc-menu .nav-right > ul { float:right; list-style:none; padding:0px; margin:0px; }
.pc-menu .nav-right > ul > li { float:left; position:relative; width:42px; }
.pc-menu .nav-right > ul > li > a { color:#fff; display:block; text-align:center; }
.pc-menu .nav-right > ul > li > a:hover { background: #333; }
.pc-menu .nav-right .label { position: absolute; top: 15%; right: 7px; text-align: center; font-size: 9px; font-weight:300; padding: 2px 3px; line-height: 0.9; border-radius: .25em !important; }
.pc-menu .nav-rw { width:170px; }

/********************************************************
■ PC All Menu : 전체 메뉴
********************************************************/
.pc-menu-all { position:relative; background:#fafafa; z-index:2; -webkit-box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.2); box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.2); }
.pc-menu-all .at-container { padding:20px 15px 0px; }
.pc-menu-all .table { margin-bottom:20px !important;}
.pc-menu-all .table td { width:1%; background:#fff; border:1px solid #ddd; padding:0px; line-height:20px; }
.pc-menu-all .menu-a { display:block; color:#000; padding:6px 12px; background:#f5f5f5; border-bottom:1px solid #ddd; font-weight:bold; text-align:center; }
.pc-menu-all .table td.on .menu-a { color:#333; }
.pc-menu-all .sub-1div { padding:8px 0px; }
.pc-menu-all .sub-1dul { list-style:none; padding:0px; margin:0px; }
.pc-menu-all .sub-1dli .sub-1da { display:block; padding:2px 12px; color:#333; }
.pc-menu-all .sub-1dli.on .sub-1da,
.pc-menu-all .sub-1dli:hover .sub-1da { color:#333; }
.pc-menu-all .new { color: rgb(140, 195, 70);}
.pc-menu-all .new-sub1 { color: rgb(140, 195, 70);}
.pc-menu-all .sub-1line { display:block; color:#000; padding:5px 12px; margin:4px 0px; font-weight:bold; background:#fafafa; }
.pc-menu-all .menu-all-btn { text-align:center; }

/********************************************************
■ Mobile Menu : 모바일 메뉴
********************************************************/
.m-menu { display:none; overflow:hidden; background:#fff; position:relative; z-index:20; box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); }
.m-menu .m-wrap { }
.m-menu .m-table { display:table; width:100%; table-layout:fixed; width:100%; margin:0px; min-width:300px; border-collapse: collapse; }
.m-menu .m-icon, 
.m-menu .m-list { display:table-cell; vertical-align:middle; font-size:15px; height:44px; line-height:44px; border:1px solid #ddd; border-top:0px; border-bottom:0px; }
.m-menu .m-icon { width:44px; text-align:center; font-size:18px; }
.m-menu .m-icon a { display:block; position:relative; }
.m-menu .m-icon .label { position: absolute; top: 15%; right: 5px; text-align: center; font-size: 9px; font-weight:300; padding: 2px 3px; line-height: 0.9; border-radius: .25em !important;  }
.m-menu .m-nav { overflow: hidden; margin:0px 10px; }
.m-menu .m-nav ul { list-style: none; margin:0px; padding:0px; }
.m-menu .m-nav ul li { display:table-cell; padding: 0px 10px; white-space:nowrap; }
.m-menu .m-nav ul li.active a { color: orangered; font-weight:bold; }

.m-menu .m-sub { background:#fafafa; border-top:1px solid #ddd; font-size:15px; height:44px; line-height:44px; padding:0px 10px; }
.m-menu .m-nav-sub { width:100%; overflow: hidden; margin:0px; }
.m-menu .m-nav-sub ul { list-style: none; margin:0px; padding:0px; }
.m-menu .m-nav-sub ul li { display:table-cell; padding: 0px 10px; white-space:nowrap; }
.m-menu .m-nav-sub ul li.active a { color: orangered; font-weight:bold; }
@media all and (max-width:991px) {
	.responsive .m-menu { display:block; }
}

/********************************************************
■ Page Title : 페이지 타이틀 및 설명글
********************************************************/
.at-title { height:80px; position:relative; color:#000; background-color: #fafafa; border-bottom:1px solid #dfdfdf; }
.at-title .at-container { height:100%; position:relative; }
.at-title .page-title { font-size:24px; position:absolute; left:20px; bottom:15px; z-index:1; }
.at-title .page-desc { color:#888; position:absolute; right:20px; bottom:10px; z-index:1; }
@media all and (max-width:767px) {
	.responsive .at-title { height:50px; }
	.responsive .at-title .page-title { font-size:20px; left:15px; bottom:10px; }
}

/********************************************************
■ Footer : 하단 푸터
********************************************************/
.en .at-footer .at-links { font-size:12px; }
.at-footer .at-links { background:#fafafa; padding:8px 0px; border:1px solid #ddd; border-left:0px; border-right:0px;  }
.at-footer .at-links ul { list-style: none; margin: 0px; padding:0px; }
.at-footer .at-links ul > li { float: left; padding: 0px 15px; }
.at-footer .at-links ul > li::after { float: right; color:#ccc; content: "/"; margin-right:-17px;}
.at-footer .at-links ul > li:last-child::after { content: ""; }
.at-footer .at-links ul > li > a { color: #888; }
@media all and (max-width:991px) {
	.responsive .at-footer .at-links ul.pull-left { display:none; }
	.responsive .at-footer .at-links ul.pull-right { float:none !important; text-align:center; }
	.responsive .at-footer .at-links ul.pull-right > li { float:none; display:inline-block; }
}

/* YC5 */
.en .at-footer .at-infos { font-size:12px; }
.at-footer .at-infos .media { padding:15px 20px 20px; }
.at-footer .at-infos .pull-left { font-size:70px; color:#ddd; }
.at-footer .at-infos .copyright { float:left; margin-left:10px; }
.at-footer .at-infos .copyright span { color:#888; }
.at-footer .at-about { list-style: none; margin:0px; padding:0px; }
.at-footer .at-about > li { float: left; padding: 0px 15px; color:#888; }
.at-footer .at-about > li > a { color: #888; }
.at-footer .at-help { list-style: none; margin: 0px; padding:0px; margin-bottom:5px; }
.at-footer .at-help:after {display:block;visibility:hidden;clear:both;content:""}
.at-footer .at-help > li { float: left; padding: 0px 15px; }
.at-footer .at-help > li::after { float: right; font-size:12px; color:#ddd; content: "|"; margin-right:-17px;}
.at-footer .at-help > li:last-child::after { content: ""; }
.at-footer .at-help > li > a { float: left; }
@media all and (max-width:767px) {
	.responsive .at-footer .at-infos .media { padding:15px 0px 20px; text-align:center; }
	.responsive .at-footer .at-infos .copyright { float:none; margin:0px; }
}

/* G5 */
.at-footer .at-copyright { text-align:center; padding:15px 0px; color:#888; }
.at-footer .at-copyright strong { color:#333; }

/********************************************************
■ Go Top & Bottom : 상단/하단 이동버튼
********************************************************/
.at-go .go-btn { display:none; position: fixed; width:40px; bottom: 20px; right: 25px; z-index: 2; }
.at-go .go-btn span { display: block; color:#fff; background: rgba(0,0,0,0.5); margin:5px 0px; text-align: center; border-radius: 50%; width: 42px; height: 42px; line-height: 42px !important; font-size: 19px; }
.at-go .go-btn .go-bottom { display:none; }
@media (max-width: 768px) {
	.at-go .go-btn { bottom:0px; right:5px; }
}

/********************************************************
■ Bootstrap3 : 부트스트랩 기본속성
********************************************************/
/* Button */
.btn { font-family: "NEXON Lv1 Gothic", sans-serif; }
.btn-lg { padding: 10px 16px; border-radius: 3px; line-height: 1.33; font-size: 18px; }
.btn-lg i {	top: 3px; font-size: 24px; position: relative; }
.btn-xs { padding: 4px 10px; }
.is-pc .ko .btn-xs,
.is-pc .ko .btn-sm { font-family:"NEXON Lv1 Gothic", sans-serif; }

/* Panel : Accordions */
.panel { box-shadow: none; -webkit-box-shadow: none; border-radius: 0px; }
.panel-group .panel { border-radius: 0px; }
.panel .panel-heading { border-radius: 0px; }
.is-pc .ko .panel .panel-body { font-size:12px; }

/* List Group */
.list-group-item { word-break:break-all; border-radius:0 !important; }

/* Pagination */
.pagination { font-family: "NEXON Lv1 Gothic", sans-serif; }
.pagination li a { border-radius:0 !important; color:#333 !important; }
.pagination li.active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* Progress */
.progress { position:relative; border-radius: 0px; height: 28px; overflow: hidden; margin-bottom: 15px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); background-color: rgb(245, 245, 245); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.progress .sr-only { font-family: "NEXON Lv1 Gothic", sans-serif; margin: 0px 15px; left: 0px; width: auto; height: 28px; line-height: 28px; font-size: 12px; clip: auto; }
.sr-score { font-family: "NEXON Lv1 Gothic", sans-serif; height: 28px; line-height: 28px; font-size: 12px; padding-right:8px; }

/* Misc */
.form-control, .well, .btn, .alert, .input-group-addon, .label { border-radius:0 !important; }




/*공통*/
.clear:after{ content:""; clear:both; display:block; }
.mon{ font-family: 'Montserrat'; }
.skip_tag {  position: fixed;  top: -99px;  left: -99px;  opacity: 0;  font-size: 0px;  padding: 0px; margin: 0px; }

/*헤더*/
body{ position:relative;}
body:after{ z-index:9; content:"";  visibility: hidden;  opacity: 0; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
body.on:after{ visibility: visible; opacity:1; }
#hd{ z-index:999; position:relative;  border-bottom:1px solid #ddd; background:#fff;  }
#hd .hd_top{ position:relative; z-index:999; }
#hd .hd_top > div{ position:relative;}
#hd .hd_top .hd_util{ position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#hd .hd_top .hd_util > div,
#hd .hd_top .hd_util > button,
#hd .hd_top .hd_util > a,
#hd .hd_top .hd_util > span{ position:relative;  display:inline-block; margin-left:30px; vertical-align: middle; }
#hd .hd_top .hd_util > button{ margin-left:60px; }
#hd .hd_top .hd_util > span{ font-size:15px; line-height:100%; padding:0 5px 5px 5px; border-bottom:2px solid #ddd; }
#hd .hd_top .hd_util > a .cart_count{ position:absolute; top:-13px; right:-13px; background:#d4202a; color:#fff; font-size:10px; line-height:10px; padding:2px 4px; border-radius:100%; }

#hd_search{ width:350px;}
#hd_search input[name="stx"]{ display:block; width:100%;   height:40px; padding:0 60px 0 30px; font-size:15px; background:#f2f2f2; border-radius:30px; }
#hd_search button{ position:absolute; top:0; right:0; width:60px; height:40px; background:url('/thema/Basic/img/hd_search.png') center no-repeat; font-size:0px; 
	transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;
}

#hd .hd_bottom{ border-top:1px solid #ddd; }
#all_menu{ float:left; height:70px; width:70px; border-left:1px solid #ddd; border-right:1px solid #ddd; position:relative;  background-color:#fff; font-size:0px;  }
#all_menu .bar{ position:absolute; top:50%; left:18px;  transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);width:32px; height:3px; background-color:#d4202a;
	transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; 
}
#all_menu .bar1{ margin-top:-10px; }
#all_menu .bar3{ width:16px; margin-top:10px;}
#all_menu:hover,
#all_menu.on{ background-color:#d4202a; }
#all_menu:hover .bar,
#all_menu.on .bar{ background-color:#fff; width:32px; }

#gnb{ position:relative; float:left; padding-left:15px; width:calc(100% - 70px); padding-right:170px;}
#gnb .swiper-wrapper{ position:static; }
#gnb li{  width:auto !important; }
#gnb li a,
#gnb > a{ display:block; height:70px; line-height:70px; font-size:16px; font-weight:700; padding:0 15px;  color:#333; z-index:1;}
#gnb > a{ position:absolute; width:170px;  top:0; right:0; background:#333; color:#fff; font-weight:500; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; text-align:center;  }
#gnb > a:hover{ background:#d4202a;}

#all_menu_con{ display:none;  position:absolute; top:100%; left:0; background:#fff; width:100%; border-top:1px solid #ddd;  padding:30px 0 20px;  border-bottom:1px solid #ddd; }
.all_menu_tit{ display:block; font-size:18px; line-height:140%; }
.menu_all01 > strong,
.menu_all01 > div{ float:left; }
.menu_all01 > strong{ width:16.66666666666667%; }
.menu_all01 > div{ width:83.33333333333333%;}
.menu_all01 > div .list_dep1{ float:left; width:20%;  padding-right:10px;   }
.menu_all01 > div .list_dep1:nth-child(5n+1){ clear:both; margin-bottom:30px; }
.menu_all01 > div .list_dep1_a{ display:block; font-size:18px; color:#333; font-weight:700; line-height:140%; margin-bottom:15px;  }
.menu_all01 > div .list_dep2{ margin-bottom:5px;}
.menu_all01 > div .list_dep2:last-child{ margin-bottom:0px; }
.menu_all01 > div .list_dep2_a{ display:block; }
.menu_all01 > div .list_dep2_a span{  font-size:15px; color:#333; line-height:140%; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;  }
.menu_all01 > div .list_dep2_a:hover span{ font-weight:700; text-decoration:underline; }
.all_brand{ font-size:0px; margin-top:15px;  }
.all_brand a{ display:inline-block; border:1px solid #ddd; border-radius:5px; font-size:15px; color:#333; padding:10px; margin-bottom:10px;  margin-right:10px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;  }
.all_brand a:hover{ background-color:#333; color:#fff; }

#hd_member{  position:relative;}
#hd_member ul{ display:none;  position:absolute; top:100%; margin-top:15px;  left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); width:140px; border-radius:20px;	background-color:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.17); padding:20px 0;  text-align:left; }
#hd_member ul a{ display:block; padding:5px 20px; font-size:14px; line-height:140%; color:#bbb; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
#hd_member.login ul a{ color:#333; }
#hd_member ul a:hover{ color:#333;}

#m_search{ display:none !important;}


/*공통*/
body .marginB15{ margin-bottom:15px; }
body .marginB20{ margin-bottom:20px; }
body .marginB30{ margin-bottom:30px; }
body .marginB50{ margin-bottom:50px; }
body .marginB60{ margin-bottom:60px; }
body .marginB70{ margin-bottom:70px; }
body .marginB100{ margin-bottom:100px; }
.main_tit{ display:block;  text-align:center; font-size:40px; font-weight:700; line-height:140%; margin-bottom:30px;  }

/*메인 슬라이더*/
#pc_slider .swiper-slide img,
#m_slider .swiper-slide img{ width:100%;}
#pc_slider .swiper-button-next,
#pc_slider .swiper-button-prev{ width:60px; height:60px; border-radius:100%; background-color:rgba(0,0,0,0.18); margin-top:-30px; background-position:center; background-repeat:no-repeat;  background-size:auto; }
#pc_slider .swiper-button-next{ right:50px; background-image:url('/thema/Basic/img/slide_arrow02.png'); }
#pc_slider .swiper-button-prev{ left:50px; background-image:url('/thema/Basic/img/slide_arrow01.png'); }
#pc_slider .swiper-pagination{ width:auto;  margin-left:550px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);  bottom:50px; background-color:rgba(0,0,0,0.18); line-height:18px;   width:auto;  font-size:18px;  color:#fff; padding:10px 20px; border-radius:20px;   }
#m_slider .swiper-pagination{left:unset; right:15px; bottom:30px; background-color:rgba(0,0,0,0.18); line-height:14px; width:auto;  font-size:14px;  color:#fff; padding:10px 20px; border-radius:20px;  }

#m_slider{ display:none;}

/*메인, 서브 카테*/
.common_cate_go li{ float:left; width:calc(10% - 12.6px); margin-right:14px;  }
.common_cate_go li:last-child{ margin-right:0px; }
.common_cate_go li .img_box{ position:relative; background-color:#f6f6f6; border-radius:12px; overflow:hidden; margin-bottom:10px; }
.common_cate_go li .img_box:after{ opacity:0; content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:4px solid #d4202a; border-radius:10px;  transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
.common_cate_go li .img_box img{width:100%; }
.common_cate_go li h2{ font-size:15px; color:#333; line-height:140%; text-align:center;  transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
.common_cate_go li a:hover .img_box:after,
.common_cate_go li.on a .img_box:after{ opacity:1;}
.common_cate_go li a:hover h2,
.common_cate_go li.on a h2{ color:#d4202a; font-weight:700;}

/*베스트 상품*/
#product_tab_con{ border-top:2px solid #333; border-bottom:2px solid #333; text-align:center; font-size:0px;  }
#product_tab_con .swiper-wrapper{ display:block;  }
#product_tab li{ display:inline-block; width:auto;}
#product_tab li:after{ content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 10px; vertical-align:middle;  }
#product_tab li:last-child:after{ content:none; 2021-11-03}
#product_tab li button{ display:inline-block; padding:20px 0;  font-size:16px; color:#333; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;  }
#product_tab li button:hover,
#product_tab li.on button{color:#d4202a; font-weight:700; }
#main_product01 .mainP{ display:none;}
#main_product01 .mainP.on{ display:block; }

#main_product01 .item-none{ padding:40px; text-align:center; color:#777; }

/*공통 상품 스타일01*/
.product_style01 > li{ float:left;}
.product_style01.grid4 > li{  width:calc(25% - 26.25px); margin-right:35px; margin-top:50px;  }
.product_style01.grid4 > li:nth-child(4n+4){ margin-right:0px;}
.product_style01.grid4 > li:nth-child(4n+1){ clear:both;}
.product_style01.grid3 > li{  width:calc(33.3333% - 23.33333333333333px); margin-right:35px; margin-top:50px;  }
.product_style01.grid3 > li:nth-child(3n+3){ margin-right:0px;}
.product_style01.grid3 > li:nth-child(3n+1){ clear:both;}
.product_style01.grid3 > li:nth-child(-n+3){ margin-top:0px; }
.product_style01 .img_box{ position:relative; border:1px solid #ddd; overflow:hidden; height:100%;padding-top:99%;}
.product_style01 .img_box a.img_link{  position:absolute; top:0; left:0; display:block; height:100%; width:100%;   }
.product_style01 .img_box a.img_link:after{ opacity:0; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.65); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;  }
.product_style01 li:hover .img_box a.img_link:after{ opacity:1;}
.product_style01 .img_box > a.img_link > img{ width:100.5%; height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}

.product_style01 .pro_box{ opacity:0; position:absolute; top:0; left:0; width:100%; height:100%;  background-color:rgba(0,0,0,0.65); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
.product_style01 .pro_box > div{ position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); text-align:center; font-size:0px;  }
.product_style01 .pro_box > div a{ display:inline-block;  margin:0 7px; }
.product_style01 .pro_box > div span{ display:block; width:55px; height:55px; line-height:55px; text-align:center; border-radius:100%;  background-color:#fff;  }
.product_style01 .pro_box > div a.pro_buy span{ background-color:#d4202a;}
.product_style01 .pro_box > div b{ display:block; color:#fff; margin-top:7px; font-size:15px; line-height:100%;  }
.product_style01 > li:hover .pro_box{ opacity:1;}

.product_style01 .txt_box{ padding-top:20px; }
.product_style01 .ca_box{ margin-bottom:5px; }
.product_style01 .ca_box span{ display:inline-block;  font-size:16px; color:#333; border:1px solid #ddd; border-radius:15px; line-height:30px; height:30px;  padding:0px 10px; margin-right:5px;  margin-bottom:5px;  }
.product_style01 .ca_box span:last-child{ margin-right:0px; }
.product_style01 strong.pro_tit{ display: block; font-size: 18px; font-weight: 500;  color: #333;  line-height: 140%; height: 45px;  margin-bottom: 30px; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;   -webkit-box-orient: vertical; }
.product_style01 .price_box span,
.product_style01 .price_box b{ display:inline-block; }
.product_style01 .price_box span{ font-size:18px; color:#999;  margin-right:10px;   text-decoration: line-through;}
.product_style01 .price_box b{ font-size:22px; color:#333; }

.product_style01 .fast_box{ opacity:0; visibility:hidden; z-index:11;  position:absolute; top:50%; left:50%; font-size:15px; color:#fff; font-weight:700;  text-align:center;
	transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);
	transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;
}
.product_style01 .fast_box span{ display:flex; align-items:center; justify-content:center;   width:56px; height:56px; border-radius:100%; background:#fff; margin-bottom:10px;   }
.product_style01 li:hover .fast_box{ opacity:1; visibility:visible; }


/*메인배너*/
#main_bnr{ text-align:center; padding:60px 15px;  background-color:#e6e6e6; background-image:url('/thema/Basic/img/slide_banner01.jpg'); background-position:center; background-repeat:no-repeat; background-size:cover; font-size:0px;  }
#main_bnr h2{ font-size:28px; line-height:140%; font-weight:700; margin-bottom:10px; }
#main_bnr p{ font-size:16px; color:#333; line-height:160%; margin-bottom:30px;  }
#main_bnr a{ display:inline-block; height:44px; line-height:44px;  border:1px solid #333; font-size:16px; color:#333; width:calc(50% - 6px); max-width:190px;  }
#main_bnr a:last-child{ margin-left:12px; background:#333; color:#fff; }


/*브랜드존*/
#main_product02 > div > .txt_box,
#main_product02 > div > .content_box{ float:left; }
#main_product02 > div > .txt_box{ width:25%; padding-right:8%; }
#main_product02 > div > .content_box{ width:75%;}
#main_product02 > div > .txt_box h2{ text-align:left; line-height:120%; margin-bottom:40px;   }

#product_tab02 li button{ display:block; width:100%;   padding:0 40px 0 20px; height:40px; line-height:40px; background-image:url('/thema/Basic/img/main_tab_arrow.png'); background-position:right 20px center; background-repeat:no-repeat;  background-color:#fff; color:#333; font-size:16px; text-align:left;  transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;  }
#product_tab02 li.on button,
#product_tab02 li button:hover{ background-color:#d4202a; color:#fff; }


/*하단  cs*/
#ft_cs_bottom{ border-top:1px solid #ddd; margin-top:100px;  }
#ft_cs_bottom ul{ display:flex; flex-wrap:wrap;   padding:40px 0;}
#ft_cs_bottom li{ display:flex;  align-items: center; float:left; width:33.333%; text-align:center; border-right:1px solid #ddd;  }
#ft_cs_bottom li:last-child{ border-right:0px; }
#ft_cs_bottom li div{ width:100%; }
#ft_cs_bottom li strong{ display:block; font-size:22px; line-height:140%; margin:10px 0 7px;  }
#ft_cs_bottom li b{ display:block; font-size:20px; line-height:140%; margin-bottom:3px;  }
#ft_cs_bottom li p{ font-size:16px; color:#666; line-height:160%; }
#ft_cs_bottom li b.tell{ font-size:30px; }

/*푸터*/
#ft{ background-color:#333; }
.ft_top{ position:relative; border-bottom:1px solid #636363; }
.ft_top strong{ display:block; padding:35px 0;}
.ft_top .ft_top_right{ position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);  }
.ft_top .ft_top_right .ft_list,
.ft_top .ft_top_right .ft_family{ display:inline-block; }
.ft_top .ft_top_right .ft_family{ position:relative; width:170px; margin-left:70px;}
.ft_top .ft_top_right .ft_family button{ height:50px; padding:0 40px 0 20px; text-align:left; border:1px solid #636363; width:100%; color:#b5b5b5; font-size:15px;  background-image:url('/thema/Basic/img/ft_arrow.png'); background-position:right 20px center; background-repeat:no-repeat; transition:all 0.3s;  -webkit-transition:all 0.3s; -moz-transition:all 0.3s;   }
.ft_top .ft_top_right .ft_family button.on{ background-image:url('/thema/Basic/img/ft_arrow02.png'); }
.ft_top .ft_top_right .ft_family ul{ display:none;  position:absolute; bottom:100%; left:0; width:100%; background:#fff; border:1px solid #636363;  }
.ft_top .ft_top_right .ft_family ul li{ border-bottom:1px solid #ddd; }
.ft_top .ft_top_right .ft_family ul li:last-child{ border-bottom:none; }
.ft_top .ft_top_right .ft_family ul a{display:block; font-size:14px; padding:10px 20px; color:#333; transition:all 0.3s;  -webkit-transition:all 0.3s; -moz-transition:all 0.3s; } 
.ft_top .ft_top_right .ft_family ul a:hover{ background:#636363; color:#fff; border-color:#636363; }
.ft_top .ft_top_right .ft_list li{ display:inline-block; margin-left:30px;  }
.ft_top .ft_top_right .ft_list li:first-child{ margin-left:0px; }
.ft_top .ft_top_right .ft_list li a{ position:relative; display:block; font-size:16px; color:#b5b5b5; transition:all 0.3s;  -webkit-transition:all 0.3s; -moz-transition:all 0.3s;   }
.ft_top .ft_top_right .ft_list li a:after{ opacity:0; content:""; position:absolute; top:-12px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); width:4px; height:4px; border-radius:100%; background-color:#d4202a; transition:all 0.3s;  -webkit-transition:all 0.3s; -moz-transition:all 0.3s;  }
.ft_top .ft_top_right .ft_list li a:hover{ color:#fff; font-weight:700;}
.ft_top .ft_top_right .ft_list li a:hover:after{ opacity:1;}

.ft_bottom{ padding:30px 0; }
.ft_bottom .ft_company{margin-bottom:5px;}
.ft_bottom .ft_company span{ display:inline-block; font-size:15px; color:#b5b5b5;  line-height:160%;  }
.ft_bottom .ft_company span:after{ content:""; display:inline-block; width:1px; height:10px; background:#636363; margin:0 10px;  }
.ft_bottom .ft_company span:last-child:after{ content:none; }
.ft_bottom .ft_company span b{ margin-right:10px; }
.ft_bottom .ft_company span a.ft_go{ display:inline-block; border:1px solid #636363; color:#b5b5b5; font-size:14px; padding:2px 10px;  margin-left:15px;   }

.copy{ font-size:15px; color:#b5b5b5;  line-height:160%; margin-top:30px;   }
.copy a{  color:#b5b5b5; }

@media all and (max-width:1230px){
	/*메인슬라이더*/
	#pc_slider .swiper-button-prev{ left:15px; }
	#pc_slider .swiper-button-next{ right:15px; }
	#pc_slider .swiper-pagination{ right:15px; left:unset;  margin:0px; transform:translateX(0px); -webkit-transform:translateX(0px); -moz-transform:translateX(0px); bottom:30px; }

	/*메인 상단*/
	.common_cate_go li{width:auto; }
}
@media all and (max-width:1024px){
	/*공통*/
	body .marginB30{ margin-bottom:20px; }
	body .marginB50{ margin-bottom:40px; }
	body .marginB60{ margin-bottom:50px; }
	body .marginB70{ margin-bottom:60px; }
	body .marginB100{ margin-bottom:80px; }

	.main_tit{ font-size:35px; margin-bottom:15px;  }

	/*헤더*/
	#hd .hd_top h1 img{ width:150px; }
	#hd .hd_top .hd_util > div, #hd .hd_top .hd_util > button, #hd .hd_top .hd_util > a, #hd .hd_top .hd_util > span{ margin-left:15px; }
	#hd_search{ width:250px; }

	#all_menu{ height:60px; width:60px; }
	#all_menu .bar{ left:13px; }
	.hd_bottom > div{ padding:0px; }
	#gnb{ width:calc(100% - 60px);}
	#gnb li a, #gnb > a{ height:60px; line-height:60px; }

	.all_menu_tit,
	.menu_all01 > div .list_dep1_a{ font-size:16px; }
	.menu_all01 > div .list_dep2_a span,
	.all_brand a{ font-size:13px; }

	/*메인슬라이더*/
	#pc_slider .swiper-button-prev,
	#pc_slider .swiper-button-next{ width:45px; height:45px; background-size:20px; margin-top:-22.5px;  }
	#pc_slider .swiper-pagination{ font-size:16px; line-height:16px;  }
	
	/*메인 상단*/
	.common_cate_go li .img_box{ width:90px; }
	.common_cate_go li h2{ font-size:14px; }

	/*베스트 상품*/
	#product_tab_con .swiper-wrapper{ display:flex;}
	#product_tab li button{ font-size:14px; padding:15px 0; }

	/*공통 상품 스타일01*/
	.product_style01.grid4 > li{  width:calc(25% - 11.25px); margin-right:15px; margin-top:30px;  }
	.product_style01.grid3 > li{  width:calc(33.3333% - 10px); margin-right:15px; margin-top:30px;  }
	.product_style01 .txt_box{ padding-top:15px; }
	.product_style01 .ca_box{ margin-bottom:5px; }
	.product_style01 .ca_box span{  font-size:14px; line-height:25px; height:25px;  }
	.product_style01 .ca_box span:last-child{ margin-right:0px; }
	.product_style01 strong.pro_tit{ font-size: 16px; height: 42px;  margin-bottom: 20px; }
	.product_style01 .price_box span{ font-size:16px; margin-right:5px; margin-bottom:7px;  }
	.product_style01 .price_box b{ font-size:20px; color:#333; }
	.product_style01 .fast_box > div > div{  margin:0 05px; font-size:13px; }
	.product_style01 .fast_box > div > div a,
	.product_style01 .fast_box > div > div button{ width:45px; height:45px; }
	.product_style01 .fast_box > div > div a img{ width:20px; }
	.product_style01 .fast_box > div > div button img{ width:25px; }

	/*메인배너*/
	#main_bnr{ padding:40px 10px;  }
	#main_bnr h2{ font-size:23px; }
	#main_bnr p{ font-size:14px;  margin-bottom:20px;  }
	#main_bnr a{ height:40px; line-height:40px; font-size:14px; max-width:160px;  }

	/*브랜드존*/
	#main_product02 > div > .txt_box{ width:100%; padding:0%;  }
	#main_product02 > div > .txt_box h2{ text-align:center; margin-bottom:15px; }
	#main_product02 > div > .txt_box h2 br{ display:none; }
	#product_tab02{ margin-bottom:20px; border-left:1px solid #ddd;  }
	#product_tab02 li{ float:left; width:25%; border-bottom:1px solid #ddd; border-right:1px solid #ddd;  }
	#product_tab02 li:nth-child(-n+4){ border-top:1px solid #ddd; }
	#product_tab02 li button{ font-size:14px; }
	#main_product02 > div > .content_box{ width:100%; }

	/*하단  cs*/
	#ft_cs_bottom{ margin-top:80px; }
	#ft_cs_bottom ul{ padding:30px 0;}
	#ft_cs_bottom li div{ padding:0 15px; }
	#ft_cs_bottom li div img{ width:35px; }
	#ft_cs_bottom li strong{ font-size:18px; }
	#ft_cs_bottom li b{   font-size:16px; }
	#ft_cs_bottom li p{ font-size:14px; }
	#ft_cs_bottom li b.tell{ font-size:25px; }

	/*푸터*/
	.ft_top strong{padding:25px 0;}
	.ft_top strong img{ width:120px; }
	.ft_top .ft_top_right .ft_family{ margin-left:20px;}
	.ft_top .ft_top_right .ft_family button{  font-size:14px; }
	.ft_top .ft_top_right .ft_list li{  margin-left:10px;  }
	.ft_top .ft_top_right .ft_list li a{ font-size:14px; }

	.ft_bottom{ padding:25px 0; }
	.ft_bottom .ft_company{ display:inline-block; }
	.ft_bottom .ft_company span{ font-size:13px; margin-right:10px;  }
	.ft_bottom .ft_company span:after{ content:none;  }
	.ft_bottom .ft_company span b{ margin-right:5px; }
	.ft_bottom .ft_company span a.ft_go{  font-size:13px; margin-left:10px;   }

	.copy{ margin-top:15px; font-size:13px;    }

}
@media all and (max-width:768px){
	/*공통*/
	body .marginB50{ margin-bottom:30px; }
	body .marginB60{ margin-bottom:40px; }
	body .marginB70{ margin-bottom:50px; }
	body .marginB100{ margin-bottom:60px; }

	.main_tit{ font-size:25px; margin-bottom:10px;  }

	/*헤더*/
	body{ padding-top:97px; }
	#hd{ position:fixed; top:0; left:0; width:100%; background:#fff; }
	#hd_search,
	#hd .hd_top .hd_util > span{ display:none !important;}
	#m_search{ display:inline-block !important;}
	#hd .hd_top > div{ position:relative;  height:55px; }
	#hd .hd_top .hd_util > div{position:absolute;margin:0;top:50%;left:80px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
	#hd .hd_top .hd_util > button, #hd .hd_top .hd_util > a, #hd .hd_top .hd_util > span{ margin-left:10px; }
	#hd .hd_top h1{ z-index:999; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); margin-top:-1px; }
	#hd .hd_top h1 img{ width:110px; }
	#hd .hd_top .hd_util{ right:25px; width:100%; text-align:right;  }
	#hd .hd_top .hd_util > a .cart_count{ top:-10px; }
	#hd .hd_top .hd_util > button#hd_member{ position:absolute; top:50%; left:75px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); }
	#hd_member ul{ width:120px; padding: 15px 0;  }
	#hd_member ul a{ font-size:13px; padding:3px 20px; }
	#all_menu{ z-index:9999; position:absolute; top:0; left:0; height:55px;  border:0px; width:60px; background:none;   }
	#all_menu .bar{ left:13.5px; width:28px; height:2px;   }
	#all_menu .bar1{ margin-top:-8px; }
	#all_menu .bar3{ margin-top:8px; width:14px;  }
	#all_menu:hover,
	#all_menu.on{ background:none; }
	#all_menu:hover .bar,
	#all_menu.on .bar{ width:28px; margin:0px; background-color:#d4202a;  }
	#all_menu:hover .bar1,
	#all_menu.on .bar1{ transform:translateY(-50%) rotate(45deg); -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg);}
	#all_menu:hover .bar2,
	#all_menu.on .bar2{ opacity:0;}
	#all_menu:hover .bar3,
	#all_menu.on .bar3{ transform:translateY(-50%) rotate(-45deg); -webkit-transform:translateY(-50%) rotate(-45deg); -moz-transform:translateY(-50%) rotate(-45deg);}

	#gnb{ width:100%; padding-left:5px; padding-right:125px;  }
	#gnb > a{ width:125px;   }
	#gnb > a:after{ content:""; position:absolute; top:0; right:100%; width:20px; height:100%; 
		background: rgb(255,255,255);
		background: -moz-linear-gradient(81deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(81deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		background: linear-gradient(81deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
	}
	#gnb li a, #gnb > a{ height:40px; line-height:40px; font-size:13px; padding:0 7px;  }

	#all_menu_con{ z-index:999; position:fixed; top:55px; width:100%; height:calc(100% - 55px); overflow-x:auto; padding:0px; }
	#all_menu_con > div{ padding:0px;}
	.menu_all01 > strong{ display:none; }
	.menu_all01 > div{ width:100%; }
	.menu_all01 > div a{   text-overflow: ellipsis;  white-space: nowrap; word-wrap: normal; overflow: hidden; }
	.menu_all01 > div .list_dep1{ width:100%; padding:0px; }
	.menu_all01 > div .list_dep1:nth-child(5n+1){ margin-bottom:0px; }
	.menu_all01 > div .list_dep1_a{ position:relative; padding:12px 15px; border-bottom:1px solid #ddd; margin:0px; padding-right:50px;   }
	.menu_all01 > div .list_dep1_a:after{ content:""; position:absolute;  top:50%; right:15px; width:25px; height:25px; border-radius:100%; border:1px solid #ddd; margin-top:-12.5px;  background:url('/thema/Basic/img/m_all_arrow.png') center no-repeat; background-size:7px auto; 
		transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;
	}
	.menu_all01 > div .list_dep1_a.open:after{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
	#hd .menu_all01 > div .list_dep2_ul{ display:none;  border-bottom:1px solid #ddd; background:#f4f4f4; padding:20px 0;   }
	.menu_all01 > div .list_dep2_a{ padding:5px 30px;  }
	.menu_all02{ padding:40px 15px; }

	/*메인슬라이더*/
	#pc_slider{ display:none;}
	#m_slider{ display:block;}

	/*메인 상단*/
	.common_cate_go li .img_box{ width:70px; }
	.common_cate_go li h2{ font-size:13px; }

	/*공통 상품 스타일01*/
	.product_style01.grid4 > li{  width:calc(33.3333% - 10px); }
	.product_style01.grid4 > li:nth-child(4n+4){ margin-right:15px;}
	.product_style01.grid4 > li:nth-child(4n+1){ clear:none;}
	.product_style01.grid4 > li:nth-child(3n+3){ margin-right:0px;}
	.product_style01.grid4 > li:nth-child(3n+1){ clear:both;}

	

	.product_style01 .txt_box{ padding-top:15px; }
	.product_style01 .ca_box span{  font-size:13px; }
	.product_style01 strong.pro_tit{ font-size: 14px; height:38px; }
	.product_style01 .price_box span{ font-size:14px;}
	.product_style01 .price_box b{ font-size:18px;  }


	/*메인배너*/
	#main_bnr h2{ font-size:20px; }

	/*브랜드존*/
	#product_tab02 li{ width:33.333%; }
	#product_tab02 li:nth-child(-n+4){ border-top:none; }
	#product_tab02 li:nth-child(-n+3){ border-top:1px solid #ddd; }


	/*하단  cs*/
	#ft_cs_bottom{ margin-top:60px; }
	#ft_cs_bottom ul{ padding:15px 0;}
	#ft_cs_bottom li{ width:50%; align-items: flex-start; }
	#ft_cs_bottom li:nth-child(2){ border-right:0px; }
	#ft_cs_bottom li:last-child{ width:100%; padding-top:15px; margin-top:15px;  border-top:1px solid #ddd;  }
	#ft_cs_bottom li strong{ font-size:16px; }
	#ft_cs_bottom li b{   font-size:14px; }
	#ft_cs_bottom li p{ font-size:13px; }
	#ft_cs_bottom li b.tell{ font-size:20px; margin-top:-5px;  }

	/*푸터*/
	.ft_top strong{ padding:15px 0;  display:block; text-align:center; }
	.ft_top strong img{ width:90px; }
	.ft_top .ft_top_right{ position:static; transform:translateY(0%); -webkit-transform:translateY(0%); -moz-transform:translateY(0%); }
	.ft_top .ft_top_right .ft_list{ display:block; text-align:center;  }
	.ft_top .ft_top_right .ft_list li{ margin:0 3px 5px; }
	.ft_top .ft_top_right .ft_list li a{ font-size:13px; }
	.ft_top .ft_top_right .ft_family{ display:block;  margin:10px auto 15px; }
	.ft_top .ft_top_right .ft_family button{ height:35px; line-height:35px; font-size:13px;  }
	.ft_top .ft_top_right .ft_family ul a{ font-size:13px; }

	.ft_bottom{ padding:15px 0; }
	.ft_bottom .ft_company{ text-align:center; width:100%;  }
	.ft_bottom .ft_company span{ margin:0  3px; }
	.ft_bottom .ft_company span a.ft_go{ display:block; width:110px; margin:5px auto 0; }
	.copy{ text-align:center; margin-top:10px;  }
}
@media all and (max-width:480px){
	/*공통 상품 스타일01*/
	.product_style01.grid4 > li{  width:calc(50% - 7.5px); }
	.product_style01.grid4 > li:nth-child(3n+3){ margin-right:15px;}
	.product_style01.grid4 > li:nth-child(3n+1){ clear:none;}
	.product_style01.grid4 > li:nth-child(2n+2){ margin-right:0px;}
	.product_style01.grid4 > li:nth-child(2n+1){ clear:both;}

	.product_style01.grid3 > li{  width:calc(50% - 7.5px); }
	.product_style01.grid3 > li:nth-child(3n+3){ margin-right:15px;}
	.product_style01.grid3 > li:nth-child(3n+1){ clear:none;}
	.product_style01.grid3 > li:nth-child(2n+2){ margin-right:0px;}
	.product_style01.grid3 > li:nth-child(2n+1){ clear:both;}
	.product_style01.grid3 > li:nth-child(-n+3){ margin-top:30px; }
	.product_style01.grid3 > li:nth-child(-n+2){ margin-top:0px; }

	/*브랜드존*/
	#product_tab02 li{ width:50%; }
	#product_tab02 li:nth-child(-n+3){ border-top:none; }
	#product_tab02 li:nth-child(-n+2){ border-top:1px solid #ddd; }
}
@media all and (max-width:320px){
	/*공통 상품 스타일01*/
	.product_style01.grid4 > li{  width:100%; margin-right:0px; }
	.product_style01.grid4 > li:nth-child(3n+3){ margin-right:0px;}

	.product_style01.grid3 > li{  width:100%; margin-right:0px; }
	.product_style01.grid3 > li:nth-child(3n+3){ margin-right:0px;}
	.product_style01.grid3 > li:nth-child(-n+2){ margin-top:30px; }
	.product_style01.grid3 > li:nth-child(-n+1){ margin-top:0px; }

	/*메인배너*/
	#main_bnr a{ width:100%; }
	#main_bnr a:last-child{ margin-left:0px; margin-top:10px; }

	/*브랜드존*/
	#product_tab02 li{ width:100%; }
	#product_tab02 li:nth-child(-n+2){ border-top:none; }
	#product_tab02 li:nth-child(-n+1){ border-top:1px solid #ddd; }
}


/***************************************************************************************************************************************************************************************************/

/*서브 타이틀 */
.sub_tit_box{ text-align:center;margin:70px 0; padding:0 10px;  }
.sub_tit_box > p{ font-size:18px; line-height:160%; margin-top:10px; }
.sub_tit{font-size:45px;line-height:130%;font-weight:bold;}
.sub_tit2{font-size:22px;font-weight:bold;padding-bottom:20px;border-bottom:1px solid #000;}
.sub_tit3{font-size:22px;font-weight:bold; margin-bottom:20px; }

/*페이징*/
body .list-wrap .pagination a,body .view-wrap .pagination a,
body .pagination>li>a,body .pagination>li>span{ padding:0px 14px; height:36px; line-height:36px;  font-size:16px;}
body .list-wrap .pagination .active a,body .view-wrap .pagination .active a,
.pagination li.active a{ background:#333333 !important; border-color:#333333 !important;  }
body .pagination>li.disabled{ opacity:0.5;}
body .pagination>li.img_paging{ vertical-align:middle; }
body .pagination>li.img_paging a{ border:none !important; padding:0px; height:36px; line-height:36px;  background:none !important; }
body .pagination>li.img_paging1 a{ margin-right:30px; }
body .pagination>li.img_paging2 a{ margin-left:30px; }
body .main_brand_paging{ margin-top:30px; }

@media all and (max-width:1024px){
	/*서브 타이틀 */
	.sub_tit_box{ margin:60px 0 50px;}
	.sub_tit_box > p{ font-size:15px;}
	.sub_tit{font-size:35px; }
	.sub_tit2{font-size:20px;padding-bottom:15px;}
	.sub_tit3{font-size:20px; margin-bottom:15px; }

	/*페이징*/
	body .list-wrap .pagination a,body .view-wrap .pagination a,
	body .pagination>li>a,body .pagination>li>span{ height:25px; line-height:25px; font-size:14px; padding:0 7px;   }
	body .pagination>li.img_paging a{ height:25px; line-height:25px; }
	body .pagination>li.img_paging a img{ width:45px; }
	body .pagination>li.img_paging1 a{ margin-right:10px; }
	body .pagination>li.img_paging2 a{ margin-left:10px; }
}
@media all and (max-width:768px){
	/*서브 타이틀 */
	.sub_tit_box{ margin:40px 0 30px; }
	.sub_tit_box > p{ font-size:13px; margin-top:7px; }
	.sub_tit{font-size:28px; }
	.sub_tit2,
	.sub_tit3{font-size:18px; }
}

/*메인 퀵*/
.quick_container{ position:relative;}
#quick_con{ z-index:999;  position:absolute; top:0; right:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); margin-right:-850px;transition:all 0.7s; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; }
#quick_con strong{font-size:16px;line-height:140%;display:block;font-weight:500;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
#quick_con a:hover strong{font-weight:700;}
#quick_con div > img{display:inline-block;margin-bottom:10px;}
#quick_de, #quick_ca, #quick_pd{display:block;width:110px;text-align:center;margin-bottom:15px;}
#quick_de, #quick_ca{height:110px;border-radius:55px;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
#quick_de{background:#d4202a;}
#quick_ca{background:#333; height:140px; }
#quick_ca > div{position:relative;}
#quick_ca .cart_count{position:absolute;width:16px;height:16px;background:#d4202a;font-size:10px;border-radius:100%;right:12px;top:-1px;}
#quick_ca b{ font-size:12px; font-weight:500; line-height:140%; border-bottom:1px solid #fff;  }
#quick_pd{border:2px solid #ddd;padding:35px 15px;border-radius:55px;background:#fff;}
#quick_pd strong{font-weight:700;}
#quick_pd > div{margin-top:20px;}
#quick_pd ul li img{border:1px solid #ddd;width:100%;}
#quick_pd .paging_box{position:relative;margin-top:20px;padding:0 25px;}
#quick_pd .quick_pd_next, .quick_pd_prev{width:5px;height:9px;background-size:cover;background-repeat:no-repeat;font-size:0;cursor:pointer;position:absolute;top:2px;}
#quick_pd .quick_pd_next{background-image:url("/thema/Basic/img/quick_pd_next.png");right:10px;}
#quick_pd .quick_pd_prev{background-image:url("/thema/Basic/img/quick_pd_prev.png");left:10px;}
#quick_pd .quick_pd_pagination{font-size:12px;line-height:100%;letter-spacing: -2px;}
#quick_pd .swiper-pagination-current{font-weight:600;}

#top_btn{ display:flex;flex-wrap:wrap; align-items:center; justify-content:center; width:110px;height:110px; border:2px solid #333; border-radius:100%; background:#fff;}
#top_btn strong{ display:block;  font-size:16px; line-height:100%; font-weight:900; }
#m_quick{ display:none; }

.none_li{ padding:10px 0; text-align:center; width:100%; color:#999;}


@media all and (max-width:1650px){
	/*메인 퀵*/
	#quick_con{  right:50px; transform:translateX(0%); -webkit-transform:translateX(0%); -moz-transform:translateX(0%); margin-right:0px; }
}

@media all and (max-width:1550px){
	/*메인 퀵*/
	#quick_con{ right:-90px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
	#quick_con.on{ right:0px;}
	#quick_con strong{font-size:13px;}
	#quick_de, #quick_ca, #quick_pd{width:90px;}
	#quick_de, #quick_ca{height:90px;}
	#quick_pd{padding:30px 10px;}
	#quick_pd > div{margin-top:15px;}
	#quick_pd .paging_box{margin-top:15px;padding:0 15px;}
	#quick_pd .quick_pd_next{right:5px;}
	#quick_pd .quick_pd_prev{left:5px;}
	
	#m_quick{ display:block; position:absolute;  top:calc(50% + 50px); right:100%; background:#333; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);  border-radius:15px 0 0 15px; width:30px; height:125px; }
	#m_quick span{ display:block; color:#fff; font-size:14px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(90deg); -webkit-transform:translate(-50%,-50%) rotate(90deg); -moz-transform:translate(-50%,-50%) rotate(90deg); width:125px; }

	#top_btn{width:90px;height:90px;}
}

@media all and (max-width:1024px){
	#quick_de, #quick_ca{display:none;}
	#m_quick{top:35px;transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
}