@charset "utf-8";

/* 비주얼영역 */
.visual_wrap{position:relative; height:751px;  border-top: 1px solid #8cb930}
.visual_wrap .visual_slide img{position:relative; z-index:0; }
.visual_wrap .visual_mn {width:100%;  display:block !important; height:56px !important; padding-top:12px; background:rgba(4, 0, 0, 0.7); z-index:50 !important; position:absolute !important; bottom:0; text-align:center;}
.visual_wrap .visual_mn a{ font-weight:600; background:#fff; color:#000; border-radius:30px; display:inline-block; margin:0 0.5%; height:32px; line-height:32px; width: calc(100% / 5.5); max-width:120px;  background:rgba(255, 255, 255, 0.5);   letter-spacing:1px;}
.visual_wrap .visual_mn a.active{background:rgba(255, 255, 255, 0.85);}

.visual_txt{background:url('/images/main/visual_comma.png') no-repeat right 0; width:650px; height:613px; display:inline-block; color:#fff; position:absolute; top:0px; font-size:20px; text-align:right; 
			    right: 50%; margin-right: -552px;  padding:32px 95px; background-size:580px}
.visual_txt .txt1{font-size:45px; line-height:120%;font-weight:600; letter-spacing:-1px}
.visual_txt .txt2{display:block; letter-spacing: -0.5px; margin: 30px 0 70px; line-height: 140%; word-break: keep-all;}
.visual_txt .txt2.txt_box2{font-size:15px; letter-spacing:-1px; margin:20px 0 28px;}
.visual_txt a{text-align: left; color: #fff; font-size:24px; float:right;  padding-right: 102px;}
.visual_txt a span{display:block; font-size:42px; font-weight:500;}

.visual_txt.com_left{background:url('/images/main/visual_comma2.png') no-repeat left 0; text-align:left; right:auto; left:50%; margin:0 0 0 -648px; background-size:580px}}
.visual_txt.com_left a{float:left; padding:0 0 0 102px;}

.visual_wrap.pc-test {display: none;}
.visual_wrap.mb-test {display: block; height:auto; border-top: none;}
.visual_wrap.mb-test img {width: 100%; max-height: 750px;}
.visual_wrap.mb-test .visual_mn{position: relative !important; }


/* 취향따라 즐기는 푸소 */
.theme_wrap{position:relative; padding:38px 0 20px; overflow: hidden; width: 100%;}
.theme_wrap h3{font-size:32px; margin:0 auto; text-align:center;  height: 103px; position: relative; padding-top: 35px;  top: 11px; letter-spacing: -1px; color:#000; font-weight:600;}
.theme_wrap h3 span{position:relative; display:inline-block; vertical-align:top;}
.theme_wrap h3 span:before{content:""; display:inline-block; width:134px; height:102px; background:url('../images/main/theme_bg1.png') no-repeat 0 0; position:absolute; margin-left:-167px; top:-35px;}
.theme_wrap h3 span:after{content:""; display:inline-block; width:256px; height:95px; background:url('../images/main/theme_bg2.png') no-repeat 0 0; position:absolute; top: -27px; margin-left: 40px;}

.theme_wrap .theme_slide{}
.theme_wrap .theme_mn{background:#7fbc03; height:65px; text-align:center; padding-top: 17px; margin-bottom:34px;}
.theme_wrap .theme_mn a{font-size:15px; color:#000; border-radius:30px; display:inline-block; margin:0 10px; height:28px; line-height:28px; width:100px;  
								background:rgba(255, 255, 255, 0.4);   letter-spacing:1px; font-weight:600;}
.theme_wrap .theme_mn a.active{background:rgba(255, 255, 255, 0.85);}
.theme_wrap .theme_list .theme_box{color:#000; border-bottom:2px solid #000;  width: 264px; display: inline-block; float: left; text-align:center; vertical-align:top; margin:0 14px 20px 0;}
.theme_wrap .theme_list a:nth-child(4n){margin-right:0;}
.theme_wrap .theme_box img{display:inline-block; margin:0 auto; }
.theme_wrap .theme_info{display:block; font-size:15px; padding: 10px 0 3px;}
.theme_wrap .theme_box .hashtags{font-size:13px; display:block; margin:5px 0; border-top:1px solid #cbcbcb; color:#8f8e88; padding-top:7px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}  
.theme_wrap .theme_box .hashtags img{ margin-top:-2px;}
.theme_wrap .bx-viewport{height:auto !important}

.ft_st1{font-size:16px; display:block; font-weight:600; overflow:hidden; white-space:nowrap;  text-overflow:ellipsis;}

.pn-ProductNav_Contents li {display: inline;}
.pn-ProductNav {overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap;  position: relative; font-size: 0;}
.js .pn-ProductNav { -ms-overflow-style: -ms-autohiding-scrollbar;  }
.js .pn-ProductNav::-webkit-scrollbar {display: none;}
.pn-ProductNav_Contents { -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
								position: relative; }
.pn-ProductNav_Contents-no-transition {-webkit-transition: none;transition: none;}
.pn-Advancer {display:none;}
.pn-Advancer:hover { cursor: pointer;}
.pn-Advancer_Left {left: 0;}
.pn-Advancer_Right {right: 0;}
.pn-Advancer_Icon {width: 22px; height: 40px;}

/* 공지사항 */
.sect_1{background:#e4e4e4; padding:50px 0 63px; overflow:hidden}
.notice_box{display:inline-block; width:330px; float:left; margin-right:20px}
.notice_box h3{font-size:20px; font-weight:600; color:#000; display:block; margin-bottom:5px}
.notice_box .notice_list{background:#ffff; width:100%; height:226px; display:inline-block; padding:38px 24px}
.notice_box .notice_list .tit{font-weight:600;  font-size:16px; color:#000;  display:block;}
.notice_box .notice_list .con{font-size:15px; display:block; margin:10px 0 15px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.notice_box .notice_list .date{font-size:14px;}

.fint_btn{float:right; background:#7fbc03 url('/images/main/fint_btn_bg.png') no-repeat right bottom; width:380px; height:226px; color:#fff; margin-top:34px; padding:28px 0 0 32px}
.fint_btn h3{font-size:28px;  display: block;  margin-bottom: 8px;}
.fint_btn p{font-size:17px; line-height:130%}

/* 푸소란 */
.sect_2{background:#7fbc03; padding:45px 0 63px; overflow:hidden; min-height:360px}
.fuso_inner{width:1230px; margin:0 auto; color:#fff;  }
.fuso_info{ font-size:20px; background:url('/images/main/fuso_img.png') no-repeat 0 0; padding:134px 0 10px 210px;  display:inline-block; line-height:140%;}
.fuso_info .ft_tit{font-weight:600; display:block; font-size:26px;  margin-bottom: 12px;}
.fuso_link{display:inline-block; vertical-align: top;  float:right}
.mark_box{text-align: right; margin:0 10px 50px 0;}
.fuso_link a{display:inline-block; text-align: center; font-size: 14px; letter-spacing: -0.5px; color: #fff; margin-right: 10px;}
.fuso_link a img{display: block; margin:0 auto 5px;}


@media all and (max-width:1230px){
	.fuso_inner{width:100%; padding:0 20px}
	.fuso_link{margin-top: 0; position: absolute; right: 0;}
}

@media all and (max-width:1200px){
	.visual_txt{right: 0; margin: 0;}
	.visual_txt.com_left{left: 0; margin: 0;}

	.notice_box{width: 32%; margin-right: 1%;}
	.fint_btn{width: 32%;}

	.fuso_info{width:calc(100% - 450px) }
}


@media all and (max-width:850px){
	.visual_wrap { height:auto; border-top: none;	}

	.visual_wrap .visual_mn{font-size:12px; height: 38px !important; padding-top: 6px; position: relative !important; }
	.visual_wrap .visual_mn a{height: 26px;  line-height: 26px;}


	.theme_wrap h3 span:before,
	.theme_wrap h3 span:after{display:none;}
	.pn-ProductNav_Contents {  float: left;}
	.pn-Advancer{display:block; padding: 0; border: 0; position: absolute; top: 0; bottom: 0; }
	#pnAdvancerLeft{background:url('/images/main/mslider_arrow.png') no-repeat 0 50%; left:10px}
	#pnAdvancerRight{background:url('/images/main/mslider_arrow.png') no-repeat -18px 50%; right:10px} 

	.theme_wrap .theme_mn{padding:7px 30px 0; position: relative; height: 40px;}
	.theme_wrap .theme_mn a{ font-size:12px}
	.theme_wrap h3{height: auto; position: relative; padding-top: 0; top: 0;  font-size: 22px; margin-bottom: 8px;}
	
	
	.theme_wrap .theme_list .theme_box{ width: calc(100% / 2.1); margin: 0 1% 10px;}
	.theme_wrap .theme_box img{max-width:100%;}
	.theme_wrap .theme_info{font-size:14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
		
	.sect_1 {}
	.m_d_flex{display:flex; justify-content: space-between;}
	.m_d_flex div{width:calc(100% / 2 - 5px); margin-right:5px;}
	.m_d_flex div:last-child{margin-right:0}
	.sect_2{display:none;}

	.fint_btn h3{font-size:22px}
	.fint_btn {width: 100%;}
	.fint_btn p{font-size:15px}
}