@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700&display=swap');
/* @import url('https://db.onlinewebfonts.com/c/12a3bc5cada74e23387493bd3d7eead6?family=BaskervilleOldFaceEF'); */
@import url('reset.css');
@import url('common.css');
@import url('animate.min.css');
@import url('../plugin/slick.css');
@import url('../plugin/slick-theme.css');
html.fixed {overflow:hidden;}
body{overflow:hidden; min-width:320px;}
#wrap{font: 16px/1 'Noto Sans KR', sans-serif; font-weight: 400; letter-spacing: -0.5px; color: #333;}
 /* Malgun Gothic,  MalgunGothic, '맑은 고딕' */
/* font-family */
/*
@font-face {
	font-family: 'Gmarket Sans'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
	font-weight: 400; 
	font-style: normal; 
}
@font-face { 
	font-family: 'Gmarket Sans'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); 
	font-weight: 500;
	font-style: normal; 
}
@font-face { 
	font-family: 'Gmarket Sans';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
	font-weight: 700;
	font-style: normal; 
}
*/
@font-face {
	font-family: 'Gmarket Sans'; 
	src: url('../fonts/GmarketSansTTFLight.eot') format('eot'),
	     url('../fonts/GmarketSansTTFLight.woff') format('woff'),
	     url('../fonts/GmarketSansTTFLight.woff2') format('woff2');
	font-weight: 400; 
	font-style: normal; 
}
@font-face {
	font-family: 'Gmarket Sans'; 
	src: url('../fonts/GmarketSansTTFMedium.eot') format('eot'),
	     url('../fonts/GmarketSansTTFMedium.woff') format('woff'),
	     url('../fonts/GmarketSansTTFMedium.woff2') format('woff2');
	font-weight: 500; 
	font-style: normal; 
}
@font-face {
	font-family: 'Gmarket Sans'; 
	src: url('../fonts/GmarketSansTTFBold.eot') format('eot'),
	     url('../fonts/GmarketSansTTFBold.woff') format('woff'),
	     url('../fonts/GmarketSansTTFBold.woff2') format('woff2');
	font-weight: 700; 
	font-style: normal; 
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
	   url('../fonts/NanumGothic-Regular.woff') format('woff'),
	   url('../fonts/NanumGothic-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
	   url('../fonts/NanumGothic-Bold.woff') format('woff'),
	   url('../fonts/NanumGothic-Bold.otf') format('opentype');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 900;
	   url('../fonts/NanumGothic-ExtraBold.woff') format('woff'),
	   url('../fonts/NanumGothic-ExtraBold.otf') format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/NotoSansKR-Thin.woff2') format('woff2'),
	   url('../fonts/NotoSansKR-Thin.woff') format('woff'),
	   url('../fonts/NotoSansKR-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/NotoSansKR-Light.woff2') format('woff2'),
	   url('../fonts/NotoSansKR-Light.woff') format('woff'),
	   url('../fonts/NotoSansKR-Light.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 350;
  src: url('../fonts/NotoSans-DemiLight.woff2') format('woff2'),
	   url('../fonts/NotoSans-DemiLight.woff') format('woff'),
	   url('../fonts/NotoSans-DemiLight.otf') format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/NotoSansKR-Regular.woff2') format('woff2'),
		url('../fonts/NotoSansKR-Regular.woff') format('woff'),
		url('../fonts/NotoSansKR-Regular.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url('../fonts/NotoSansKR-Medium.woff2') format('woff2'),
		url('../fonts/NotoSansKR-Medium.woff') format('woff'),
		url('../fonts/NotoSansKR-Medium.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url('../fonts/NotoSansKR-Bold.woff2') format('woff2'),
		url('../fonts/NotoSansKR-Bold.woff') format('woff'),
		url('../fonts/NotoSansKR-Bold.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url('../fonts/NotoSansKR-Black.woff2') format('woff2'),
		url('../fonts/NotoSansKR-Black.woff') format('woff'),
		url('../fonts/NotoSansKR-Black.otf') format('opentype');
 }

@font-face {
   font-family: 'Cambria';
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/NotoSansKR-Black.eot') format('eot'),
		url('../fonts/NotoSansKR-Black.woff') format('woff'),
 }


::selection{color:#fff;background-color:#f26522;}
::-moz-selection{color:#fff;background-color:#f26522;}




/* font-size */
.txt88{font-size:88px;line-height:1.2;}
.txt66{font-size:66px;line-height:1.2;}
.txt62{font-size:62px;line-height:1.428;}
.txt60{font-size:60px;line-height:1.428;}
.txt58{font-size:58px;line-height:1.428;}
.txt56{font-size:56px;line-height:1.428;}
.txt54{font-size:54px;line-height:1.428;}
.txt52{font-size:52px;line-height:130%;}
.txt50{font-size:50px;line-height:130%;}
.txt48{font-size:48px;line-height:130%;}
.txt46{font-size:46px;line-height:1.428;}
.txt45{font-size:45px;line-height:1.428;}
.txt44{font-size:44px;line-height:1.428;}
.txt42{font-size:42px;line-height:1.428;}
.txt40{font-size:40px;line-height:1.428;}
.txt38{font-size:38px;line-height:130%;}
.txt36{font-size:36px;line-height:1.428;}
.txt34{font-size:34px;line-height:1.428;}
.txt32{font-size:32px;line-height:1.428;}
.txt30{font-size:30px;line-height:180%;}
.txt28{font-size:28px;line-height:1.33;}
.txt26{font-size:26px;line-height:1.33;}
.txt24{font-size:24px;line-height:1.2;}
.txt22{font-size:22px;line-height:1.33;}
.txt21{font-size:21px;line-height:1.33;}
.txt20{font-size:20px;line-height:1.33;}
.txt19{font-size:19px;line-height:1.33;}
.txt18{font-size:18px;}
.txt17{font-size:17px;line-height:1.33;}
.txt16{font-size:16px;line-height:1.33;}
.txt15{font-size:15px;line-height:1.33;}
.txt14{font-size:14px;line-height:1.5;}
.txt13{font-size:13px;line-height:1.5;}
.txt12{font-size:12px;line-height:1.5;}
.txt11{font-size:11px;line-height:1.5;}
.txt10{font-size:10px;line-height:1.5;}
.txt8{font-size:8px;line-height:1.33;}
/* 공통 */
.row {width: 100%; margin:0 auto; position: relative;}
.tly-50{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}
.tlx-50{position:absolute;left:50%;top:0;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);}
.tl-50{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}
.try-50{position:absolute;right:0;top:50%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}


article {position: relative;}
.white {color: #fff;}
.black {color: #231916;}
.red {color: #231916;}
.gray {color: #686868;}
.gray1 {color: #AFABAB;}
.green {color: #033a3a;}
.green1 {color: #0e4e4e;}
.green2 {color: #005b7f;}
.mint {color: #32a0a0;}
.blue {color: #4b82f2;}
.brown {color: #5a340b;}
.beige {color: #ce936b;}
.orange {color: #f43a15;}
.color_666 {color: #666;}
.color_888 {color: #888;}
.all_block {display: block;}
.inline_1000 {display: block;}
.inline_768 {display: block;}
.inline_486 {display: block;}
.ff_noto {font-family: 'Noto Sans KR'; }
.ff_baskerville {font-family: 'Libre Baskerville', serif;}
.ff_baskervilleold {font-family: 'BaskervilleOldFaceEF', serif; letter-spacing: 0px;}
.ff_myriadpro {font-family: 'MyriadPro'; letter-spacing: -1px;}
.ff_verlag {font-family: VerlagBook,'Noto Sans KR'; letter-spacing: 0; line-height:1.33;}
.ff_butler {font-family: 'Butler';  font-weight: normal;}
.en {font-family: 'VerlagBook'; letter-spacing: 0;}
.kr {font-family: 'Noto Sans KR'; letter-spacing: -0.5px; }
.ff_verlag.fwb {font-family: VerlagBold,'Noto Sans KR'; letter-spacing: 0;}

.fwn {font-weight: normal;}
.fwb {font-weight: bold;}
.fw100 {font-weight: 100;}
.fw200 {font-weight: 200;}
.fw300 {font-weight: 300;}
.fw350 {font-weight: 350;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw700 {font-weight: 700;}
.fw800 {font-weight: 800;}
.fw900 {font-weight: 900;}
.wk {-ms-word-break: keep-all;word-break: keep-all;}
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}
.row {width: 100%; position: relative;}
.w2000 {max-width:2000px; margin:0 auto; position: relative;}
.w1800 {max-width:1800px; margin:0 auto; position: relative;}
.w1060 {max-width:1060px; margin:0 auto; position: relative;}
.m_img {display: none;}
.show_m {display: none;}

.lh1 {line-height: 1 !important;}
.lh13 {line-height: 1.33 !important;}
.lh15 {line-height: 1.5 !important;}
.lh17 {line-height: 1.7 !important;}

/* ani */
.ani_top{position:relative;opacity:0;top:25px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.ani_top.move{opacity:1;top:0;}
.ani_left{position:relative;opacity:0;left:-100px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.ani_left.move{opacity:1;left:0;}
.ani_right{position:relative;opacity:0;right:-100px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.ani_right.move{opacity:1;right:0;}
.trans_d1{transition-delay:0.2s;-moz-transition-delay:0.2s;-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;}
.trans_d2{transition-delay:0.4s;-moz-transition-delay:0.4s;-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;}
.trans_d3{transition-delay:0.6s;-moz-transition-delay:0.6s;-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;}
.trans_d4{transition-delay:0.8s;-moz-transition-delay:0.8s;-webkit-transition-delay:0.8s;-o-transition-delay:0.8s;}
.trans_d5{transition-delay:1s;-moz-transition-delay:1s;-webkit-transition-delay:1s;-o-transition-delay:1s;}
.trans_d6{transition-delay:1.2s;-moz-transition-delay:1.2s;-webkit-transition-delay:1.2s;-o-transition-delay:1.2s;}

/* slide 설정 */
.slick-prev, .slick-next {z-index: 1;}
.slick-prev {left: 20px;}
.slick-next {right: 20px;}
.slick-dots {bottom: 10px; /* text-align: right; */ }
.slick-dots li {margin: 0 3px; width: auto; 	}
.slick-dots li button {width: auto;}
.slick-dots li button:before {width: auto;font-size: 40px; color: #ccc;opacity: 1;}
.slick-dots li.slick-active button:before {  color: #f26522;}
.slide_buttons {position: absolute; bottom: 49px; right: 40px;}
.slide_buttons a {width: 7px; height: 11px; display: block; cursor: pointer; text-indent: -9999px;  transition:.25s;}


#wrapper {max-width:2000px; margin: 0 auto; /* padding-top: 186px; */}
#container { position: relative;}
.scroll_x {display: none;}
.scroll_x img {display: inline-block;  -webkit-animation:move-x 2s infinite; animation:move-x 2s infinite;  }
@-webkit-keyframes move-x{
    0% { -webkit-transform:translateX(0);}
    50% { -webkit-transform:translateX(5px); }
}
@keyframes move-x{
		 0% { transform:translateX(0);}
    50% { transform:translateX(5px); }
}
/**/
#main_visual .mv_slide_wrap {position: relative; margin-bottom: 0;}

#main_visual .list {position: relative}
#main_visual .visual {width: 100%; height: 490px;background-position: 50% 50%;  background-repeat: no-repeat; background-size:cover; }
#main_visual .slick-prev,
#main_visual .slick-next {width: 68px; height: 68px; border-radius:50%; background-color: rgba(0,0,0,.2); background-image: url('../images/main/mv_prev.png'); background-repeat: no-repeat; background-position: 47% 50%; transition:.25s; }
#main_visual .slick-next {background-image: url('../images/main/mv_next.png'); -ms-background-position-x: 53%; background-position-x: 55%; }
#main_visual .slick-prev:before,
#main_visual .slick-next:before {display: none; } 
#main_visual .slick-prev {left: 50%; margin-left: -600px;}
#main_visual .slick-next {right: 50%; margin-right: -600px;}
#main_visual .slick-prev:hover,
#main_visual .slick-next:hover {background-color: rgba(0,0,0,.5); }
#main_visual .mv_tab_wrap { -ms-transform:translateY(-30px);-webkit-transform:translateY(-30px); transform:translateY(-30px);background-color: #fff; position: relative;border: 1px solid #e5e5e5; -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box; z-index: 1;}
#main_visual .mv_tab {margin-right: 20%; /*  border: 1px solid #e5e5e5 */; }
#main_visual .mv_tab:after {content:''; display: block; clear: both;}
/* #main_visual .mv_tab .slick-track {width: auto !important;} */
#main_visual .mv_tab li {float: left; text-align: center; }

/* #main_visual .mv_tab li:last-child a {background-color: #28285a; color: #fff;} */
#main_visual .mv_tab li a {display: table;width: 100%; height: 50px; line-height: 54px; font-size: 16px; font-weight: 500; color: #272759; background-color: #fff;  font-family: 'Gmarket Sans';	 border-right: 1px solid #e5e5e5; transition:.25s}
#main_visual .mv_tab li:last-child a {border-right: none; }
#main_visual .mv_tab li a span {display: table-cell; vertical-align: middle; word-break:keep-all; line-height: 1.33;}
#main_visual .mv_tab li.slick-current a,
#main_visual .mv_tab li a:hover {background-color: #feed01; }
#main_visual .mv_tab_wrap p {position: absolute; top: 0; right: 0; width: 20%;  border-left: 1px solid #e5e5e5; border-left: none;	}
#main_visual .mv_tab_wrap p a { display: block;  text-align: center;height: 50px; line-height: 54px; font-size: 16px; font-weight: 500; color: #feed01; background-color: #28285a;font-family: 'Gmarket Sans';  transition:.25s}

#main_visual .mv_tab_wrap p a:hover {background-color: #000;}

#main_visual .mv_event_wrap {display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100%;	background-color: rgba(0,0,0,0.75);	z-index: 999;	}
#main_visual .mv_event_wrap .close {position: fixed; top: 10%; right: 17%; padding: 10px; background-color: #fff; border-radius:50%; box-shadow:0 0 10px rgba(0,0,0,0.3); cursor: pointer;}
#main_visual .mv_event_wrap ul {position: absolute; top: 10%; bottom: 10%;  left: 20%; width: 60%; height: 80%; background-color: #fff; padding: 30px; overflow-y:auto; text-align: center;}
#main_visual .mv_event_wrap ul li {margin: 5px 0;}
#main_visual .mv_event_wrap ul li img {max-width:100%;}


/* #main .sct_wrap {padding: 0 0 100px;} */
/* #main #idx_hit {padding-top: 70px;} */
/* #main #idx_hit { -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px);} */
#main #idx_hit h2 { -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px);}
#main #new_product {background-color: #f9f9f9; padding: 0 0 50px;}
#main .sct_wrap h2 {display: block; float: none; text-align: center; font-size: 28px; font-weight: 700; margin-bottom: 0;/*  margin-bottom: 25px; */}
#main .sct_wrap h2 span {display: inline-block;padding-left: 10px; font-family: 'Nanum Gothic'; font-weight: 900; font-size: 24px; -ms-transform:translateY(-3px); -webkit-transform:translateY(-3px); transform:translateY(-3px); }

#main .sct_wrap h2 {-webkit-transform:translateY(-25px); -ms-transform:translateY(-25px); transform:translateY(-25px);}
#main #event_product.sct_wrap h2 {-webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px);}
#main #idx_hit .sct {-webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px);}
#main .sct {-webkit-transform:translateY(-25px); -ms-transform:translateY(-25px); transform:translateY(-25px);}
#main #event_product .sct {-webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px);}

.sct .slick-prev,
.sct .slick-next {width: 46px; height: 46px;  background-color: #fff; border-radius:50%; box-shadow:0 0 3px rgba(0,0,0,.2); top: 36%;}
.sct .slick-prev {left: 0px;}
.sct .slick-next {right: 0px;}
.sct .slick-prev:before,
.sct .slick-next:before {font-family: dotum,'돋움'; font-weight: bold; color: #000;}
.sct .slick-prev:before {content:'<';}
.sct .slick-next:before {content:'>';}



#blog_list_wrap {padding-bottom: 50px; position: relative;}
#blog_list_wrap ul {float: left; width: 41.13%;}
#blog_list_wrap ul:after {content:''; display: block; clear: both;}
#blog_list_wrap .blog_list2 {float: right; }
#blog_list_wrap ul li {float: left; width: 33.33%; padding: 0 6px;}
#blog_list_wrap ul li .img {overflow: hidden;}
#blog_list_wrap ul li img {max-width:100%; transition:.5s;}
#blog_list_wrap ul li .txt {padding: 5px;text-align: center; font-size: 13px; line-height: 1.33em; height: 3.23em; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition:.5s;}
#blog_list_wrap .blog_tit {/* float: left; */ position: absolute; top: 0; left: 41.13%; width: 17.74%; text-align: center;}

#blog_list_wrap ul li a:hover img { -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); }
#blog_list_wrap ul li a:hover .txt {background-color: #f9f9f9;}

@media all and (max-width:2000px){

}

@media all and (max-width:1500px){
	#main_visual .slick-prev {left: 20px; margin-left: 0;}
	#main_visual .slick-next {right: 20px; margin-right: 0;}
}

@media all and (max-width:1060px){
	.txt88,
	.txt74{font-size:60px;}
	.txt66,
	.txt62,
	.txt60{font-size:52px;}
	.txt58,
	.txt56,
	.txt54,
	.txt52{font-size:48px;}
	.txt50{font-size:42px;}
	.txt48{font-size:38px;}
	.txt46,
	.txt45,
	.txt44{font-size:36px;}
	.txt42,
	.txt40{font-size:32px;}
	.txt38,
	.txt36,
	.txt34{font-size:28px;}
	.txt32{font-size:26px;}
	.txt30{font-size:24px;}
	.txt28,
	.txt26{font-size:20px;}
	.txt24,
	.txt22,
	.txt21{font-size:18px;}
	.txt20,
	.txt19{font-size:17px;}
	.txt18,
	.txt17{font-size:16px;}
	.txt16{font-size:15px;}
	.txt15{font-size:14px;}
	.txt14{font-size:13px;}
	.txt12{font-size:11px;}
	.txt11{font-size:10px;}
	
	.block_1100 {display: block;}
	.inline_1000 {display: inline;}
	img {max-width:100%;}
	.w1060 {padding: 0 15px;}

	#main_visual .list .visual {height: 0; padding-bottom: 40%;  background-position: 50% 50%; background-size:cover;}
	#main_visual .mv_tab_wrap { -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); padding: 0; border-left: none; border-right: none;}
	#main_visual .mv_tab_wrap {}

	

}

@media all and (max-width:768px){

	.inline_768 {display: inline;}
	.no_768 {display: none;}
	.block_768 {display: block;}
	.m_img {display: inline;}
	.pc_img {display: none;}

	.ani_left{left: auto;top:25px;}
	.ani_left.move{left: auto;top:0;}
	.ani_right{right: auto;top: 25px;}
	.ani_right.move{ right: auto;top:0;}
	.ani_top1.move{opacity:1;top:auto; bottom: 40px;}
	.trans_d1,
	.trans_d2,
	.trans_d3,
	.trans_d4,
	.trans_d5,
	.trans_d6{transition-delay:0.2s;-moz-transition-delay:0.2s;-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;}

	.slick-dots {bottom: 0;}
	.slick-dots li {margin: 0 1px;}
	.slick-dots li button {padding: 4px;}
	.slick-dots li button:before {font-size: 20px;}

	.show_m {display: inline;}
	
	
	#main_visual .list { }
	#main_visual .list .visual {height: 0; padding-bottom: 60%;  background-position: 50% 50%; background-size:cover;}
	#main_visual .slick-prev,
	#main_visual .slick-next {width: 30px; height: 30px; background-size: 8px auto;}
	#main_visual .slick-prev {left: 5px;}
	#main_visual .slick-next {right: 5px;}
	#main_visual .slick-slide img {display: inline-block !important;}
	
	#main_visual .slick-dots {bottom: 20px;}

	#main_visual .txt_area .img img {width: 160px;}
	/* #main_visual .mv_tab li a,
	#main_visual .mv_tab_wrap p a {display: table-cell; padding: 0 5px; width: 25%;line-height: 1.33;vertical-align: middle;font-size: 13px; word-break:keep-all;} */
	#main_visual .mv_tab li a,
	#main_visual .mv_tab_wrap p a {height: 40px; line-height: 43px; font-size: 12px;}
	#main_visual .mv_event_wrap ul {left: 5%; right: 5%; width: 90%; padding: 30px 15px 15px; }
	#main_visual .mv_event_wrap .close {right: 3%; top: 8%;}

	/* #main .sct_wrap {padding: 50px 0;} */
	#main .sct_wrap h2 {font-size: 22px;}
	#main .sct_wrap h2 span {font-size: 16px;}
	#main .sct_wrap h2 img {width: 50%;}
	#main #idx_hit h2,
	#main #idx_hit .sct { -ms-transform:translateY(-0px); -webkit-transform:translateY(-0px); transform:translateY(-0px); }
	#main .sct_wrap h2,
	#main .sct { -ms-transform:translateY(-10px); -webkit-transform:translateY(-10px); transform:translateY(-10px);}
	#main #event_product.sct_wrap h2,
	#main #event_product .sct {-ms-transform:translateY(-25px); -webkit-transform:translateY(-25px); transform:translateY(-25px);}

	.sct .slick-prev,
	.sct .slick-next {width: 35px; height: 35px; top: 33%;}
	.sct .slick-prev {left: 0;}
	.sct .slick-next {right: 0;}

	
	#blog_list_wrap ul li .txt {font-size: 10px;}


	
	
	
}

@media all and (max-width:486px){
	#wrap {font-size: 14px;}
	.txt88
	.txt74,
	.txt66,
	.txt62,
	.txt60{font-size:33px;}
	.txt58,
	.txt56,
	.txt54,
	.txt52{font-size:32px;}
	.txt50{font-size:28px;}
	.txt48,
	.txt45,
	.txt46,
	.txt44{font-size:26px;}
	.txt42,
	.txt40{font-size:24px;}
	.txt38,
	.txt36,
	.txt34{font-size:20px;}
	.txt32,
	.txt30,
	.txt28{font-size:18px;}
	.txt26{font-size:17px;}
	.txt24,
	.txt22,
	.txt21{font-size:16px;}
	.txt20,
	.txt19{font-size:15px;}
	.txt18,
	.txt17,
	.txt16{font-size:14px; line-height:1.33;}
	.txt15{font-size:13px;}
	.txt14{font-size:12px;}
	.txt12{font-size:10px;}

	.inline_486 {display: inline;}
	.no_486 {display: none;}
	.block_486 {display: block;}

	
	.w1100 {padding: 0 10px;}
	#main_visual .mv_txt h4 img {width: 300px;}
	#main_visual .mv_txt .txt1 {font-size: 32px; margin-bottom: 20px;}
	#main_visual .mv_txt .txt2 {font-size: 14px; margin-bottom: 5px;}
	#main_visual .mv_tab_wrap p a {font-size: 12px;}

	#blog_list_wrap .blog_tit  {position: static;  width: calc(100% - 10px); margin:0 5px 10px; padding: 0px; background-color: #28285A;  text-align: center;}
	#blog_list_wrap .blog_tit a {display: inline-block; width: 25%;}
	#blog_list_wrap .blog_list1,
	#blog_list_wrap .blog_list2 {float: none; width: 100%;}
	#blog_list_wrap .blog_list1 {margin-bottom: 10px;}

	
}