@charset "utf-8";

.poppins{font-family:"Poppins", sans-serif;}
.fp-warning, .fp-watermark {display: none !important;}
#header {position: fixed;    width: 100%;z-index: 90; border-top: none;}
.fp-viewing-2 #header .mob_nav .gnb > li > a,
.fp-viewing-3 #header .mob_nav .gnb > li > a {color: #fff; transition: .6s;}



#fp-nav ul li a span, .fp-slidesNav ul li a span {background: #cdcdcd;}
#fp-nav ul li a.active span, 
#fp-nav ul li:hover a.active span, 
.fp-slidesNav ul li a.active span, 
.fp-slidesNav ul li:hover a.active span {width: 4px; height: 4px; background: #fff; margin: -2px 0 0 -2px;}

#fp-nav ul li, .fp-slidesNav ul li {width: 30px; height: 30px; margin: 10px;}
#fp-nav ul li a.active, .fp-slidesNav ul li a.active {background: #bcbcbc;border-radius: 50%;}

.inr {width: 100%; max-width: 1520px; margin: 0 auto;}

.img.mob{display:none !important;}


.first .fp-overflow {height: 100%;}
.first .main_prd_wrap {display: flex; overflow: hidden; height: 100%;}
.main_prd_head {background: url(/images/main/bg01.jpg) no-repeat center/cover; aspect-ratio: 791/940; width: calc(100% * (780/1920));}
.main_prd_inr {width: calc(100% * (540/800)); margin: 0 10% 0 25% ; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.main_prd_inr p {font-size: 18px; font-weight: 500; color: #8c8c8c; display: flex; gap: 30px; align-items: center; }
.main_prd_inr p::after {content: ''; display: block; height: 1px; width: 40%; background: #8c8c8c; }
.main_prd_inr h2 {font-size: 42px; line-height: 1.2; font-weight: 300; color: #000; margin: 45px 0 110px;}
.main_prd_inr h2 b {font-weight: 600;}
.main_prd_inr a {font-size: 18px; font-family: 'pretendard'; background: #000;width: 64%; height: 74px; border-radius: 37px; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 600;}
.main_prd {width: calc(100% * (1090/1920)); margin-right: calc(100% * (-40/1920));}
.main_prd .swiper-slide {display: flex; flex-direction: column; justify-content: center;}
.main_prd .swiper-slide h2 {font-size: 22px; font-weight: 600; text-align: center; margin-top: 35px; color: #101010;}
.main_prd .swiper-slide figure {box-sizing: border-box; border: 2px solid #ccc;}
.main_prd .swiper-slide figure img {width: 100%;}
.main_prd .swiper-scrollbar {bottom: 140px;}

.second .inr {width: calc(100% * (1520/1920));}
.second .inr > h2 {font-size: 46px; text-align: center;}
.second .inr > h2 > a {color: #000;}
.second .inr > p {font-size: 22px; margin: 20px 0 70px; text-align: center; color: #8c8c8c; font-weight: 300;}
.second .inr ul {display: flex; justify-content: space-between; gap: calc(80px / 3);}
.second .inr ul li {background: #fff; width: calc((100% - 80px) / 4);  }
.second .inr ul li a {position: relative; display: block; width: 100%; height: 100%;padding: 70px 50px;box-sizing: border-box; border: 1px solid #fff; transition: .3s;}
.second .inr ul li a::before {content: 'VIEW MORE'; display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #000; border-radius: 50%; width: 130px; height: 130px; font-size: 14px; color: #fff; opacity: 0; transition: .3s; box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.1);}
.second .inr ul li a:hover::before {opacity: 1;}
.second .inr ul li a:hover {border: 1px solid #c10b2b; }
.second .inr ul li a:hover h2 {color: #c10b2b;}
.second .inr ul li h2 {font-size: 22px;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis; transition: .3s; color: #101010; font-weight: 500;}
.second .inr ul li p {color: #8c8c8c; font-size: 17px; margin: 30px 0 100px; word-break: break-word; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; font-weight: 300;}
.second .inr ul li span {color: #8c8c8c; text-align: right; display: block; font-size: 14px; letter-spacing: 0em; }

.third .contact_wrap {display: flex; height: 100%;    align-items: flex-end;}
.third .fp-overflow {height: 100%;}
.contact_head {width: calc(100% * (670/1920)); color: #fff;    height: 100%;display: flex;align-items: center;}
.contact_head_inr {width: calc(100% * (320/670)); margin:0 22% 0 30% ; margin-top: 200px;}
.contact_head_inr > h2 {font-size: 46px; font-weight: 600; }
.contact_head_inr div h1 {font-size: 20px; color: #aeaeae; margin: 80px 0 10px; font-weight: 400;}
.contact_head_inr div .contact_h2 {font-size: 46px; line-height: 1;}
.contact_head_inr div h2 {font-size: 32px;font-weight: 600;  letter-spacing: 0;}
.contact_head_inr div ul {margin: 50px 0 100px; line-height: 1.8;}
.contact_head_inr div ul li {font-size: 16px; color: #aeaeae;}
.contact_head_inr a.contact_btn {background: rgba(255, 255, 255, 0.1); display: flex; border: 1px solid rgba(255, 255, 255, 0.2); padding: 20px 50px; align-items: center; justify-content: space-between;}

.contact_cont {width: calc(100% * (1250/1920)); background: #fff; border-radius: 170px 0 0 0; padding: 120px 10% 100px 8%; box-sizing: border-box;}
.contact_cont ul li {border-bottom: 1px solid #e4e4e4; padding: 18px 0 12px;}
.contact_cont ul li label {width: 20%; font-size: 20px;  font-weight: 500;}
.contact_cont ul li textarea,
.contact_cont ul li input {width: 75%; border: none; font-size: 20px; color: #b8b8b8; overflow: hidden; font-weight: 300;  margin: 0; box-sizing: border-box;padding: 7px 0 5px;}
.contact_cont ul li input::placeholder {color: #b8b8b8;}
.contact_cont ul li textarea::placeholder {color: #b8b8b8;}
.contact_cont div {margin-top: 40px; display: flex; align-items: center;}
.contact_cont div label #privacyLink {font-size: 20px; font-weight: 500; color: #000;}
.contact_cont div label {font-size: 18px; color: #8c8c8c; font-weight: 300;}
input[type=checkbox], input[type=radio] {width: 19px; height: 19px; margin-right: 10px;}
.contact_cont a.link_btn {color: #fff; background: #000; font-size: 22px; padding: 30px; display: block; width: 100%; border-radius: 45px; text-align: center; margin-top: 80px; box-sizing: border-box;}
.contact_cont .check_wrap {margin-top: 0;}


/* 풀페이지 */
#section1 {background: #fff;}
#section2 {background: url(/images/main/bg02.jpg) no-repeat center/cover;}
#section3 {background: url(/images/main/bg03.jpg) no-repeat center/cover;}

@media all and (max-width:1760px){
	
	.second .inr ul li a {padding: 50px 30px;}
}

@media all and (max-width:1400px){
	
	.second .inr ul {gap: 30px; flex-wrap: wrap; width: 96%; margin: 0 auto;}
	.second .inr ul li {width: calc(50% - 15px);}
	.second .inr ul li p {margin: 30px 0;}
}

@media all and (max-width:1250px){
	.main_prd .swiper-slide h2 {height: 66px;}



	.third .contact_wrap {flex-direction: column;}
	.contact_head_inr {width:80%; margin: 0 auto 30px; }
	.contact_head_inr div h1 {margin-top: 0;}
	.contact_head_inr div ul {margin: 0 0 40px;}
	.contact_head_inr > div {display: flex; align-items: center; justify-content: space-between;}
	.contact_head {width: 100%; align-items: flex-end;}
	.contact_cont {width: 100%; padding: 40px 5% 20px 5%;border-radius: 80px 0 0 0;}
	.contact_cont a.link_btn {margin-top: 50px;}
	.contact_cont ul li label {font-size: 16px;}
	.contact_cont ul li textarea, .contact_cont ul li input {font-size: 16px;}
	.contact_cont ul li {padding: 8px 0;}
	.contact_cont div {margin-top: 20px;}
	.contact_cont div label #privacyLink {font-size: 16px;}
	.contact_cont div label {font-size: 14px;}
}

@media all and (max-width:1024px){
	.contact_head_inr {margin: auto;}
	.contact_head {height: 50%;}
	.contact_cont {    height: 50%; display: flex; align-items: center; justify-content: center;}
}

@media all and (max-width:960px){
	.first .main_prd_wrap {flex-direction: column;}
	.main_prd_head {width: 100%; height: 100%;}
	.main_prd_inr { margin:  auto ; max-height: 50vh; justify-content: center;}
	.main_prd_inr h2 {margin: 45px 0 30px;}
	.main_prd {max-height: 52vh; width: 100%; position: absolute; bottom: 0%;}
	.main_prd .swiper-scrollbar {bottom: 10px;}

	
}

@media all and (max-width:768px){
	.main_prd_inr h2 {margin-top: 15px;}
	.main_prd_inr {margin: auto;  width: 96%; text-align: center;}
	.main_prd_inr a {margin: 0 auto;}

	.second .inr {overflow: hidden;}
	.second .inr ul li {width: 100%;}
	.second .inr ul li a {padding: 30px; display: flex; align-items: center; justify-content: space-between;}
	.second .inr ul li p {display: none;}

	
}

@media all and (max-width:600px){
	.main_prd_inr {margin: auto; }
	.contact_head_inr > div {flex-direction: column;}
	
}

@media all and (max-width:500px){
	#fp-nav.fp-left {display: none;}
	.second .inr ul li a::before {display: none;}
	.main_prd_inr {margin: 25% auto 0; }
	.main_prd .swiper-slide figure {width: 90%; margin: 0 auto;}
	.main_prd .swiper-slide figure img {width: 100%; }
	.main_prd .swiper-slide h2 {height: 55px; margin-top: 15px; font-size: 15px;}
	.main_prd_inr a {width: 50%; height: 42px; font-size: 16px;}
	.main_prd_inr h2 {line-height: 1.2; margin: 20px 0 20px;}

	.second .inr ul li h2 {font-size: 15px;}
	.second .inr ul li span {font-size: 14px;}
	.contact_head_inr > div {flex-direction: column; line-height: 1;}
	.contact_head_inr div .contact_h2 {margin: 0 0 15px;}
	.contact_head_inr div h2 {margin: 10px 0;}
	.contact_head_inr div ul {margin-bottom: 20px; line-height: 1.25;}
	.contact_head_inr div h1 {margin: 0 0 10px 0;}
	/* .contact_head_inr div ul li:nth-child(1),
	.contact_head_inr div ul li:nth-child(2) {display: none;}
	.contact_head_inr > div > h2 {display: none;} */
	.contact_head_inr a.contact_btn {padding: 5px 20px; margin-top: 20px;}
	.contact_head_inr {margin: 0 auto 4vh;}
	.contact_head_inr div ul li {font-size: 14px;}
	.contact_cont a.link_btn {margin-top: 10px; font-size: 16px; padding: 10px;}
	.contact_cont div label #privacyLink {font-size: 15px;}
	.contact_cont {padding: 20px 20px 20px; width: 96%; margin: 0 auto; border-radius: 40px 0 0 0;}
	.contact_cont ul li {display: flex; flex-direction: column;}
	.contact_cont ul li > * {width: 100%;}
	.contact_cont div {flex-direction: column; align-items: flex-start;}
	.contact_cont .check_wrap {display: flex;flex-direction: row;}
	.contact_cont ul li textarea, .contact_cont ul li input {padding-bottom: 0;}


}

@media all and (max-width:400px){
	.second .inr ul {gap: 15px;}
	.second .inr {margin-top: 42px;}
	.contact_head {height: 45%;}
	.contact_cont {height: 55%; display: flex; flex-direction: column; justify-content: center; gap: 3em;}
	.contact_cont #contact_frm > div {margin: 25px 0 15px; gap: 5px;}
	.third .contact_wrap {justify-content: center;}
	.contact_head_inr div .contact_h2 {font-size: 30px; margin: 0 0 25px;}
	.contact_head_inr div h2 {font-size: 24px; margin: 15px 0;}
	.contact_head_inr div ul {margin-bottom: 10px; display: flex; flex-direction: column; gap: 4px;}
	.contact_head_inr div ul li {font-size: 13px;}
	.second .inr > p {margin:0 0 30px;}
	.contact_cont ul li label {font-size: 13px;}
	.contact_cont ul li textarea, .contact_cont ul li input {font-size: 12px; height: 22px;}
	.contact_cont div label {font-size: 12px;}
	.contact_cont > ul {display: flex; flex-wrap: wrap; gap: 1em 0;}
	.contact_cont > ul li {width: 50%;}

}
@media all and (max-width:360px){
	.contact_cont ul li label {font-size: 15px;}
	.contact_cont ul li textarea, .contact_cont ul li input {font-size: 12px; height: 24px; padding-top: 5px;}
	

}



/* 
.area_visual{position:relative; max-width:1680px; margin:0 auto;}
.area_visual .list li a{display:block;}
.area_visual .list li a,
.area_visual .list li div{overflow:hidden; border-radius:15px;}
.area_visual .list .web{display:block; overflow:hidden; position:relative; padding-top:544px;}
.area_visual .list .web img{position:absolute; left:50%; top:0px; height:100%; transform:translateX(-50%);}
.area_visual .list .mob{display:none;}
.area_visual .bx-controls .bx-next,
.area_visual .bx-controls .bx-prev{opacity:0; display:inline-block; position:absolute; top:50%; z-index:70; width:30px; height:50px; box-sizing:border-box; padding-top:5px; background-color:rgba(255,255,255,0.3); transform:translateY(-50%); font-size:0px; transition:opacity 0.3s ease, background 0.3s ease;}
.area_visual .bx-controls .bx-prev{left:50%; margin-left:-750px;}
.area_visual .bx-controls .bx-next{right:50%; margin-right:-750px; transform:translateY(-50%) scaleX(-1);}
.area_visual .bx-controls .bx-next:before,
.area_visual .bx-controls .bx-next:after,
.area_visual .bx-controls .bx-prev:before,
.area_visual .bx-controls .bx-prev:after{content:''; display:block; width:2px; height:20px; margin:0 6px; background:#b9b9b9; transition:background 0.3s ease;}
.area_visual .bx-controls .bx-next:before,
.area_visual .bx-controls .bx-prev:before{transform:rotate(45deg); transform-origin:0 100%;}
.area_visual .bx-controls .bx-next:after,
.area_visual .bx-controls .bx-prev:after{transform:rotate(-45deg); transform-origin:0 0;}
.area_visual .bx-controls .bx-pager{position:absolute; left:50%; bottom:45px; z-index:70; transform:translateX(-50%);}
.area_visual .bx-pager-item{display:inline-block; padding:0 5px;}
.area_visual .bx-pager-link{display:inline-block; width:10px; height:10px; background:#bebebe; border-radius:100%; font-size:0px; transition:0.3s ease;}
.area_visual .bx-pager-link.active{background:#0b327a;}
.area_visual .bx-wrapper:hover .bx-next,
.area_visual .bx-wrapper:hover .bx-prev{opacity:1;}
.area_visual .bx-controls .bx-next:hover,
.area_visual .bx-controls .bx-prev:hover{background-color:rgba(255,255,255,0.8);}
.area_visual .bx-controls .bx-next:hover:before,
.area_visual .bx-controls .bx-next:hover:after,
.area_visual .bx-controls .bx-prev:hover:before,
.area_visual .bx-controls .bx-prev:hover:after{background:#777;}

#content{max-width:1200px; margin:0 auto;}
#content > div[class^="area_"]{margin-top:85px;}
#content h2{margin-bottom:30px; font-size:35px; font-weight:400; color:#111;}
#content h2 i{display:block; font-size:15px; font-weight:600;}
.area_best{position:relative;}
.area_best *[data-shop-list="default"]{margin-left:0px;}
.area_best *[data-shop-list="default"] > li{padding-left:0px; margin-bottom:0px; height:440px; border:1px solid #ebebeb; border-left-width:0px; transition:0.3s ease;}
.area_best *[data-shop-list="default"] > li:before{content:''; opacity:0; display:block; position:absolute; left:0px; top:0px; width:1px; height:100%; background:#0b327a; transition:0.3s ease;}
.area_best *[data-shop-list="default"] > li:after{content:''; opacity:0; display:block; position:absolute; left:0px; top:0px; width:100%; height:1px; background:#0b327a; transition:0.3s ease;}
.area_best *[data-shop-list="default"] > li:first-child,
.area_best *[data-shop-list="default"] > li:nth-child(4n+1){border-left-width:1px;}
.area_best *[data-shop-list="default"] > li:nth-child(4n) ~ li{border-top-width:0px;}
.area_best *[data-shop-list="default"] > li > a{padding:40px 20px;}
.area_best *[data-shop-list="default"] > li > a > em,
.area_best *[data-shop-list="default"] > li > a > i{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.area_best *[data-shop-list="default"] > li *[data-shop-icon="icon"]{display:none;}
.area_best *[data-shop-list="default"] > li *[data-shop-list="util"]{left:30px; margin-top:calc(100% - 80px);}
.area_best *[data-shop-list="default"] > li.active{z-index:70; border-color:#0b327a; box-shadow:20px 30px 20px rgba(0,0,0,0.08);}
.area_best *[data-shop-list="default"] > li.active:before,
.area_best *[data-shop-list="default"] > li:nth-child(4n) ~ li.active:after{opacity:1;}
.area_best *[data-shop-list="default"] > li.active:first-child:before,
.area_best *[data-shop-list="default"] > li:nth-child(4n+1):before{opacity:0;}
.area_best *[data-shop-list="default"] > li > a .percent{right:-1px;}
.area_best .btn{position:absolute; top:37px; left:280px;}
.area_best .btn a{display:inline-block; margin-right:15px; font-size:15px; color:#aaa; transition:0.3s ease;}
.area_best .btn a:hover{color:#222;}
.area_best .btn a:after{content:''; opacity:0; display:block; width:100%; height:1px; margin-top:5px; background:#0b327a; transition:0.3s ease;}
.area_best .btn a.more,
.area_best .btn a.more:hover{color:#0b327a;}
.area_best .btn a.more:hover:after{opacity:1;}

#content .area_info h2{margin-bottom:10px; font-size:17px; font-weight:600; color:#222;}
.area_info{padding-top:50px; background:url(../images/main/bg_oblique.png) repeat-x 50% 0;}
.area_info:after{content:''; display:block; clear:both;}
.area_info > div{float:left; box-sizing:border-box; height:135px;}
.area_info .customer{width:360px;}
.area_info .customer a{display:inline-block; font-size:35px; font-weight:600; line-height:1.3em; color:#111;}
.area_info .customer ul li i,
.area_info .customer ul li span{display:inline-block; vertical-align:middle; color:#666;}
.area_info .customer ul li i{color:#111;}
.area_info .customer ul li span{margin-left:7px;}
.area_info .bank{width:505px; border-left:1px solid #e8e8e8; padding-left:45px;}
.area_info .bank em{display:block; font-size:35px; font-weight:600; line-height:1.3em; color:#111;}
.area_info .bank ul{margin-top:10px;}
.area_info .bank ul li i,
.area_info .bank ul li span{display:inline-block;}
.area_info .bank ul li i:before{content:''; display:inline-block; width:23px; height:21px; margin-right:5px; margin-top:-2px; vertical-align:middle; background:url(../images/main/img_bank.png) no-repeat 50% 0;}
.area_info .bank ul li span{margin-left:10px; padding-left:10px; border-left:1px solid #ddd;}
.area_info .category{width:335px; border-left:1px solid #e8e8e8; padding-left:45px;}
.area_info .category .site{width:70%;}
.area_info .category li{float:left; width:50%; margin-top:10px;}
.area_info .category li > a{display:inline-block; color:#666;}
.area_info .category li > a:hover{color:#0b327a;}
.area_info .category li ul{display:none;}

@media all and (max-width:1720px){
	.area_visual .list li a,
	.area_visual .list li div{padding-left:15px; padding-right:15px; border:0px;}
	.area_visual .list .web{padding-top:31.627906976744185vw;}	
	.area_visual .list .web,
	.area_visual .list .mob{overflow:hidden; border-radius:15px;}	
	.area_visual .bx-controls .bx-prev{left:50px; margin-left:0px;}
	.area_visual .bx-controls .bx-next{right:50px; margin-right:0px;}
}

@media all and (max-width:1250px){
	#content{padding-left:15px; padding-right:15px;}
	.area_info .customer{width:30%;}
	.area_info .bank{width:45%;}
	.area_info .category{width:25%;}
	.area_info .category .site{width:100%;}
	
	.area_best *[data-shop-list="default"] > li{height:35.199999999999996vw;}
}

@media all and (max-width:1024px){
	.area_best *[data-shop-list="default"] > li{height:37.109375vw;}
	.area_best *[data-shop-list="default"] > li *[data-shop-list="util"]{left:10px;}
}

@media all and (max-width:850px){
	.area_best *[data-shop-list="default"] > li{width:calc(100% / 3);}
	.area_best *[data-shop-list="default"] > li{height:47.05882352941176vw;}
	.area_best *[data-shop-list="default"] > li:nth-child(4n+1){clear:none; border-left-width:0px;}
	.area_best *[data-shop-list="default"] > li:nth-child(3n+1){clear:left; border-left-width:1px;}
	.area_best *[data-shop-list="default"] > li:nth-child(3n) ~ li{border-top-width:0px;}
	.area_best *[data-shop-list="default"] > li > a{padding:20px;}
	
	.area_info .customer{width:40%;}
	.area_info .bank{width:60%}
	.area_info .category{display:none;}
}

@media all and (max-width:800px){
	.area_visual .list .web{display:none;}
	.area_visual .list .mob{display:block;}
	.area_visual .list .mob img{width:100%;}
	
	.area_visual .bx-controls .bx-next,
	.area_visual .bx-controls .bx-prev{opacity:1;}
}

@media all and (max-width:680px){
	#content > div[class^="area_"]{margin-top:65px;}
	#content h2{margin-bottom:20px; font-size:30px;}
	.area_best .btn{left:auto; right:0px;}
	.area_best .btn a:last-child{margin-right:0px;}
	.area_info .customer a,
	.area_info .bank em{font-size:30px;}
	.area_info .customer ul li,
	.area_info .bank ul li{font-size:14px;}
	.area_info .bank{padding-left:30px;}
}

@media all and (max-width:600px){
	.area_best *[data-shop-list="default"] > li:before,
	.area_best *[data-shop-list="default"] > li:after{display:none;}
	.area_best *[data-shop-list="default"] > li{width:calc(100% / 2); height:auto; border-width:0px;}
	.area_best *[data-shop-list="default"] > li:nth-child(3n+1){border-left-width:0px;}
	.area_best *[data-shop-list="default"] > li:nth-child(3n+1){clear:none;}
	.area_best *[data-shop-list="default"] > li:nth-child(2n+1){clear:left;}
}

@media all and (max-width:530px){
	#content .area_info h2{font-size:15px;}	
	.area_info > div{height:125px;}
	.area_info .customer a,
	.area_info .bank em{font-size:20px;}
	.area_info .customer ul{margin-top:10px;}
	.area_info .bank ul li span{display:block; margin-left:0px; margin-top:5px; padding-left:0px; border-left-width:0px;}
}

@media all and (max-width:480px){
	.area_visual .bx-controls .bx-prev{left:25px;}
	.area_visual .bx-controls .bx-next{right:25px;}
	
	.area_info .customer,
	.area_info .bank{width:50%;}
}

@media all and (max-width:450px){
	.area_best *[data-shop-list="default"] > li > a{padding:20px 10px 0;}
	.area_best *[data-shop-list="default"] > li *[data-shop-list="util"]{margin-top:0px;}
	.area_best *[data-shop-list="default"] > li > a > em{font-size:16px;}
	
	.area_info{padding-top:30px;}
	.area_info > div{float:none; height:auto;}
	.area_info .customer,
	.area_info .bank{width:100%;}
	.area_info .bank{margin-top:20px; padding-top:20px; padding-left:0px; border-top:1px solid #e8e8e8; border-left-width:0px;}
	.area_info .bank ul li span{display:inline-block; margin-left:10px; padding-left:10px; border-left-width:1px;}
}

@media all and (max-width:420px){
	#content > div[class^="area_"]{margin-top:45px;}
	.area_best .btn{top:30px;}
	#content h2{font-size:25px;}
}

@media all and (max-width:370px){
	#content h2{text-align:center;}
	.area_best .btn{position:static; margin-top:30px; text-align:center;}
	.area_best .btn a,
	.area_best .btn a:last-child{margin-right:5px; margin-left:5px; padding:5px 15px; border:1px solid #fff; border-radius:3px;}
	.area_best .btn a.more{border-color:#0b327a;}
	.area_best .btn a:after{display:none;}
	
	#content .area_info h2{text-align:left;}
} */