/* ******************************** 메인 ******************************** */
.visual {overflow:hidden; width:100%; background:url(../images/main/main_visual.jpg) no-repeat 50% 0; background-size:cover;}
.visual .wrap p:nth-child(1) {font-size:60px; color:#ff4343; font-weight:bold;}
.visual .wrap p:nth-child(2) {font-size:18px; color:#999;}
.visual .bor_btn {background:rgba(0,0,0,.4) !important;}

.store {width:100%; background:url(../images/main/bg_store.jpg) no-repeat 50%; background-size:cover;}
.store .wrap>img.china_banner {position:absolute; left:15px; top:-10px; z-index:999;}
.store .wrap>img.aust_banner {position:absolute; left:225px; top:-10px; z-index:999;}
.store .wrap>img.blue_banner {position:absolute; left:155px; top:-10px; z-index:999;}
.store .wrap>img.yellow_banner {position:absolute; left:295px; top:-10px; z-index:999;}
.store .wrap p {margin:0 !important; padding:0 !important;}	
.store .wrap ul {overflow:hidden; margin-top:20px;}
.store .wrap ul li img {width:100%; height:auto;}

.store .wrap>ul>li {padding:0; position:relative;}
.store .wrap>ul>li .open {width:67px; height:67px; position:absolute; right:0; top:0; background:url(../images/main/open.png) no-repeat 100% 0;}
.store .wrap>ul>li>a {display:block;}
.store .wrap>ul>li div.info {text-align:left; position:absolute; bottom:0; width:100%; padding:30px; background:rgba(0,0,0,.5); color:#fff;}
.store .wrap>ul>li div p:nth-child(1) {width:100%; height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:24px; font-weight:bold; margin-bottom:20px !important;}
.store .wrap>ul>li div p:nth-child(2) {width:100%; height:45px; overflow:hidden;}

.product {width:100%; background:url(../images/main/bg_product.jpg) no-repeat 50%; background-size:cover; min-height:490px;}
.product .wrap ul {overflow:hidden; margin-top:20px;}
.product .wrap ul>li {padding:2px !important; padding-top:0 !important; padding-bottom:0 !important; text-align:center;}
.product .wrap div .bor_btn {margin:0 !important;}
.product .wrap div>ul>li a span {text-align:center;}

.company {width:100%; min-height:500px; background:url(../images/main/bg_company.jpg) no-repeat 50%; background-size:cover;}
.company .wrap div>p.s_txt {color:#fff; opacity:.5;}
.company .wrap div ul {overflow:hidden;}
.company .wrap ul li {text-align:center !important;}
.company .wrap ul li a i {display:inline-block; width:120px; height:120px; background-size:cover;}
.company .wrap ul li:nth-child(1) a i {background:url(../images/main/icon_01.png) no-repeat 50% 50%;}
.company .wrap ul li:nth-child(2) a i {background:url(../images/main/icon_02.png) no-repeat 50% 50%;}
.company .wrap ul li:nth-child(3) a i {background:url(../images/main/icon_03.png) no-repeat 50% 50%;}
.company .wrap ul li a p {margin:10px 0; font-size:18px; font-weight:bold; color:#fff;}
.company .wrap ul li a span {font-size:12px; color:#fff; opacity:.5;}

.certificate {position:absolute; left:293px; bottom:0; width:625px; height:300px; margin:0 auto; border:1px solid white;}
.certificate>ul {overflow:hidden; width:100%; height:100%; border:1px solid red; position:relative;}
.certificate>ul>li {padding:5px; position:relative; height:100%; border:1px solid blue;}
.certificate>ul>li>button {margin:5px; position:absolute; left:0; bottom:-165px; display:inline-block; width:197px; height:265px; border:2px solid #fff; border-radius:10px; overflow:hidden;}
.certificate>ul>li>button .img {height:100%;}

.bor_btn {margin:2px; display:inline-block; border:1px solid rgba(255,255,255,.2); padding:8px 30px;}
.bor_btn span {color:#fff;}

/* pc */
@media (min-width: 992px) {	
	.visual .wrap {position:relative; overflow:hidden; width:100%; max-width:1200px; margin:0 auto; text-align:center; padding-top:200px;}
	.visual .wrap .btn_wrap {margin:20px 0;}
	
	.store .wrap {position:relative; width:100%; max-width:1200px; margin:0 auto; padding:100px 15px; text-align:center;}	
	.store .wrap .btn_wrap {position:absolute; right:15px; top:100px;}
	.store .wrap>p:nth-child(2) {font-size:36px !important;}	
	.store .wrap>p:nth-child(3) {font-size:60px !important; font-weight:bold;}
	.store .wrap>p:nth-child(4) {font-size:60px !important; font-weight:bold;}
	.store .wrap .btn_wrap a {display:block; margin:5px 0 !important;}
	
	.product .wrap {overflow:hidden; width:100%; max-width:1200px; margin:0 auto; padding-top:100px;}
	.product .wrap div:nth-child(1) {padding-right:50px;}
	.product .wrap div>p {font-size:60px; color:#000;}
	.product .wrap div>span {display:block; margin:10px 0 30px 0; width:21px; height:1px; background:#000;}
	.product .wrap div>ul>li a:hover {background:rgba(255,255,255,.1);}
	
	.company .wrap {position:relative; overflow:hidden; width:100%; max-width:1200px; margin:0 auto; padding:100px 0;} 
	.company .wrap div:nth-child(1) {padding-right:50px; color:#fff;}
	.company .wrap div>p:nth-child(1) {font-size:60px; color:#ff4343; margin:0 !important;}
	.company .wrap div>p.s_tit {font-size:30px; color:#fff;}
	.company .wrap div>span {display:block; margin:10px 0 30px 0; width:21px; height:1px; background:#fff;}
	
	/* 인증서 */
	.imgPop {position:absolute; width:100%; max-width:1200px; bottom:-180px;}
	.imgPop li {
		display:inline-block; cursor:pointer; margin-top:0; vertical-align:top; border-radius:8px;
		border:3px solid #fff; background-color:#fff;
		transition:all 0.3s ease-in-out;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
	}
	.imgPop li.on {
		margin-top:-100px;
		transition:all 0.3s ease-in-out;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
	}
	.imgPop img {width:200px; height:260px;}

	.imgPopWrap {z-index:999999; display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.8); text-align:center;}
	.imgPopWrap.on {display:block;}
	.imgPopWrap .inner {display:inline-block; height:96%; padding:0; margin:0; padding-top:2%; overflow:hidden; text-align:center;}
	.imgPopWrap .inner img {display:inline-block; width:auto; height:100%; border:10px solid #fff; border-radius:10px; cursor:pointer;}

	
	footer {background:#fff !important;}
}

@media (max-width: 991px) {
	.visual .wrap {width:100%; margin:0 auto; text-align:center; padding:100px 15px 0 15px;}
	.visual .wrap p:nth-child(1) {font-size:36px; color:#ff4343;}
	.visual .wrap p:nth-child(2) {font-size:14px !important; color:#999;}
	
	.store .wrap {width:100%; margin:0 auto; padding:50px 15px !important; text-align:center !important;}
	.store .wrap>p:nth-child(2) {font-size:24px !important;}	
	.store .wrap>p:nth-child(3) {font-size:36px !important; font-weight:bold;}	
	.store .wrap .btn_wrap {position:static !important; margin-top:20px !important;}
	.store .wrap .btn_wrap a {display:inline-block !important; text-align:center !important;}
	.store .wrap ul li div p:nth-child(2) {height:40px !important;}
	
	.store .wrap>ul>li div.info {padding:20px !important;}
	.store .wrap>ul>li div p:nth-child(1) {height:24px !important; font-size:18px !important; margin-bottom:15px !important;}
	.store .wrap>ul>li div p:nth-child(2) {height:40px !important;}
	
	.product .wrap {overflow:hidden; width:100%; margin:0 auto; text-align:center !important; padding:50px 15px !important;}
	.product .wrap div {padding:0 !important;}
	.product .wrap div>p {font-size:36px !important; color:#000; font-weight:bold;}
	.product .wrap .btn_wrap {margin-top:20px !important;}
	.product .wrap .bor_btn {width:100% !important; padding:8px 10px !important; background:rgba(255,255,255,.1) !important;}
	.product .wrap div>ul>li a:hover {background:rgba(255,255,255,.2) !important;}
	
	.company .wrap {overflow:hidden; width:100%; margin:0 auto; text-align:center !important; padding:50px 15px !important;} 
	.company .wrap div>p:nth-child(1) {font-size:36px; color:#ff4343; margin:0 !important; font-weight:bold;}
	.company .wrap div>p.s_tit {font-size:24px; color:#fff;}
	.company .wrap div ul {margin-top:30px;}
	
	.bor_btn {width:200px !important; background:rgba(0,0,0,.4) !important;}
	
	footer {background:#fff !important;}
}

/* 모바일 */
@media (max-width: 767px) {
	.company .wrap div ul li {width:100%; margin-bottom:15px;}
	.store .wrap>img {display:none;}
}