.lgnb_wrap ul li a, .owl-nav button{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.test ul li, .bGallery .owl-item:after, .coper ul li a:after, .coper ul li a:before, .movPlay, .btnCi_wrap a{
	-webkit-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

/* Basic 컨테이너 */
.jContainer{width: 100%; background: transparent; min-width: 1200px; padding-top: 85px;}
.jContainer.jOnlyMain{background: #fff; padding-top: 0;}
.sContainer{position: relative; margin: 0 auto;}
.jContainer.jOnlyMain .sContainer{padding: 0;}
.cwrap{position: relative; min-height: 100px; padding: 0 0 150px; box-sizing: border-box; background: transparent;}
.cwrap_board{width: 1200px;  margin: 0 auto}

/* /////////////////////////////////////////////// Main /////////////////////////////////////////////// */
.section{min-width: 1200px; overflow: hidden;}

#section0{}
#section1{}
#section2{}
#section3{background: url("../imgs/sec3_bg.jpg") no-repeat center;}
#section4{}
#section5{}

.section0_bar{position: absolute; bottom: 0; width: 95%; height: 110px; background: #4b012a; z-index: 3; left: 5%;}
.section0_bar p{line-height: 110px; padding-left: 50px; font-size: 21px; font-family: 'nanumsquare'; color: #fff;}
.section0_bar span{display: block; width: auto; line-height: 110px; background: url("../imgs/jmscroll.png") no-repeat 0 center; position: absolute; right: 50px; top: 0; z-index: 4; font-size: 14px; color: #fff; padding-left: 35px;}

.sec_title2_1{font-family: 'nanumsquare'; font-size: 23px; font-weight: bold; color: #000; text-align: center; margin-bottom: 25px;}
.sec_title2_2{font-family: 'nanumsquare'; font-size: 75px; font-weight: bold; letter-spacing: -4px; color: #993366; text-align: center; margin-bottom: 10px;}
.bGallery .owl-nav button{width: 50px; height: 50px; background: url("../imgs/barrow.png") no-repeat #fff !important; border-radius: 50px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); position: absolute; left: 50%; bottom: -20px;}
.bGallery .owl-nav button.owl-prev{background-position: 0 -50px !important; margin-left: -100px;}
.bGallery .owl-nav button:hover{box-shadow: 2px 7px 20px rgba(0, 0, 0, 0.5);}
.bGallery .owl-item{position: relative; box-shadow: 2px 7px 20px rgba(0, 0, 0, 0.5); margin: 50px 0;}
.bGallery .owl-item span{position: absolute; z-index: 3; bottom: 0; display: block; width: 100%; height: 70px; line-height: 70px; text-align: center; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 18px; font-family: 'nanumsquare';}


.sec_title3_1{font-family: 'nanumsquare'; font-size: 55px; color: #fff; text-align: center; margin-bottom: 100px;}
.latest_wrap > ul:after{content:""; clear:both; display:block;}
.latest_wrap > ul{margin: 0 70px;}
.latest_wrap > ul > li{position: relative; float: left; width: 30%; margin-left: 5%; background: #fff; height: 290px;}
.latest_wrap > ul > li:first-child{margin-left: 0;}
.latest_wrap > ul > li h3{position: relative; padding: 20px 30px; line-height: 60px; font-family: 'nanumsquare'; font-size: 30px; font-weight: bold; border-bottom: 1px solid #dedede; text-align: center;}
.latest_wrap > ul > li.latest_board h3{text-align: left; padding-left: 75px;}
.latest_wrap > ul > li.latest_board.latest_1{background: #218397; color: #fff;}
.latest_wrap > ul > li.latest_board.latest_2{background: #1d66b9; color: #fff;}
.latest_wrap > ul > li.latest_board.latest_1 h3{background: url("../imgs/lastest1.png") no-repeat 20px center; border-bottom: 1px solid #1e7283;}
.latest_wrap > ul > li.latest_board.latest_2 h3{background: url("../imgs/lastest2.png") no-repeat 20px center; border-bottom: 1px solid #1959a1;}
.latest_wrap > ul > li.latest_board h3 a{position: absolute; right: 24px; top: 25px; display: block; width: 50px; height: 50px; background: url("../imgs/icon_more_w.png") no-repeat center;}
.latest_wrap > ul > li ul{padding: 30px 30px; box-sizing: border-box;}
.latest_wrap > ul > li ul li .title{width: 100%; font-size: 22px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px;}
.latest_wrap > ul > li.latest_board ul li .title{font-family: 'nanumsquare';}
.latest_wrap > ul > li.latest_board ul li .title a{color: #fff;}
.latest_wrap > ul > li.latest_board ul li .content{font-size: 15px; line-height: 20px; height: 40px; overflow: hidden;}
.latest_wrap > ul > li.latest_board ul li span.data{display: block; margin-top: 15px; font-size: 15px;}
.latest_wrap > ul > li.request_board{background: #1d84b9; color: #fff;}
.latest_wrap > ul > li.request_board h3{ border-bottom: 1px solid #1b77a6;}
.latest_wrap > ul > li.request_board a{color: #fff;}
.latest_wrap > ul > li.request_board ul{background: url("../imgs/icon_mak.png") no-repeat center 15px; padding: 40px 30px;}
.latest_wrap > ul > li.request_board ul li p{font-size: 15px; font-weight: normal; text-align: center; margin-top: 5px;}
.latest_wrap > ul > li.request_board ul li p:first-child{margin-top: 70px;}
.latest_wrap .owl-carousel .owl-nav button.owl-next, .latest_wrap .owl-carousel .owl-nav button.owl-prev{width: 50px; height: 50px; background: url("../imgs/barrow.png") no-repeat #fff !important; position: absolute; right: 20px; bottom: 40px; border: 1px solid #999;}
.latest_wrap .owl-carousel .owl-nav button.owl-prev{background-position: 0 -50px !important; margin-left: -100px; right: 85px;}
.latest_wrap .owl-carousel .owl-nav button:hover{box-shadow: 2px 7px 20px rgba(0, 0, 0, 0.5); z-index: 2;}

.board_top_line{width: 100%; border-top: 3px solid #000;}

@media (max-width:1400px){
	.latest_wrap > ul > li{width: 32%; margin-left: 2%;}
	.latest_wrap > ul > li h3{padding: 20px; line-height: 40px; font-size: 24px;}
	.latest_wrap > ul > li.latest_board h3 a{right: 14px; top: 15px; background-size: 30px 5px;}
	.latest_wrap > ul > li.request_board ul li span{display: block; margin-top: 5px;}
	
	.latest_wrap .owl-carousel .owl-nav button.owl-next, .latest_wrap .owl-carousel .owl-nav button.owl-prev{bottom: 0;}
}

/* slick-slider 공통 */
.slick-slider .slick-slide{outline:0; overflow: hidden;}
/* slick-slider dots */
.slick-slider .slick-arrow{position: absolute; bottom: 35px; left: 50%; z-index: 4; width: 40px; height: 40px; background: url("../imgs/marrow.png") no-repeat; font-size:0; border: 0; cursor: pointer;}
.slick-slider .slick-arrow.slick-next{background-position: 0 0; margin-left: 60px;}
.slick-slider .slick-arrow.slick-prev{background-position: 0 -40px; margin-left: -100px;}
.slick-slider.sGallery .slick-arrow{top: 50%; margin-top: 250px;}
.jGallery_nav button{position: absolute; bottom: 35px; left: 50%; margin-left: -20px; z-index: 4; width: 40px; height: 40px; background: url("../imgs/jpp.png") no-repeat; font-size:0; border: 0; cursor: pointer;}
.jGallery_nav button.play{background-position: 0 -40px; display: none;}
.sGallery_nav button{position: absolute; top: 50%; margin-top: 250px; left: 50%; margin-left: -20px; z-index: 4; width: 40px; height: 40px; background: url("../imgs/jpp.png") no-repeat; font-size:0; border: 0; cursor: pointer;}
.sGallery_nav button.play{background-position: 0 -40px; display: none;}
.slick-slider .slick-dots{position: absolute; top: 50%; margin-top: 100px; left: 5%; display: block; width: auto; height: 4px; padding: 0; list-style: none; z-index: 9; }
.slick-slider .slick-dots li{position: relative; display: inline-block; width: 60px; height: 4px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-slider .slick-dots li button{display: block !important; font-size: 0; line-height: 0; width: 60px; height: 4px; cursor: pointer; color: transparent; border: 0; background: #ccc; opacity: 0.3;}
.slick-slider .slick-dots li.slick-active button{opacity: 1;}

a.jbtn{position: absolute; top: 70%; left: 50%; margin-left: -75px; z-index: 2; display: block; width: 150px; height: 46px; line-height: 44px; color: #eee; text-align: center;}
a.jbtn span{position:relative;display:inline-block;white-space:nowrap;z-index:2;}
a.jbtn:before{content: ''; display: block; position: absolute; z-index: 1; right: 0; top: 0; width: 0; height: 100%; -webkit-transition-duration: .3s; transition-duration: .3s;}
a.jbtn:hover:before{width:100%;}
a.jbtn.jtype1{border: 1px solid #999; color: #eee;}
a.jbtn.jtype1:before{content: ''; background-color: #000;}
a.jbtn.jtype1:hover{border: 1px solid #000;}
a.jbtn.jtype2{border: 1px solid #000; color: #000;}
a.jbtn.jtype2:before{content: ''; background-color: #fff;}
a.jbtn.jtype2:hover{border: 1px solid #fff;}
a.jbtn.jtype3{border: 1px solid #fff; color: #fff;}
a.jbtn.jtype3:before{content: ''; background-color: #000;}
a.jbtn.jtype3:hover{border: 1px solid #000;}

.jGallery.slick-slider, .jGallery.slick-slider .slick-list, .jGallery.slick-slider .slick-track{height: 100%;}
.jGallery.slick-slider .slick-slide{position: relative; overflow: hidden; text-align: center; display: table;}
.jGallery.slick-slider .slick-slide div.jgText{display: table-cell; vertical-align: middle; width: 100%;}
.jGallery.slick-slider .slick-slide img{position: absolute; left: 5%; opacity: 0; display: inline-block;}
.jGallery.slick-slider .slick-slide.jg1 img{top: 40%;}
.jGallery.slick-slider.ani .slick-slide.jg1.slick-active img{top: 36%; opacity: 1;}
.jGallery.slick-slider .slick-slide.jg2 img{top: 40%;}
.jGallery.slick-slider.ani .slick-slide.jg2.slick-active img{top: 36%; opacity: 1;}
.jGallery.slick-slider .slick-slide.jg3 img{top: 40%;}
.jGallery.slick-slider.ani .slick-slide.jg3.slick-active img{top: 36%; opacity: 1;}
.jGallery.slick-slider .slick-slide.jg4 img{top: 40%;}
.jGallery.slick-slider.ani .slick-slide.jg4.slick-active img{top: 36%; opacity: 1;}
.jGallery.slick-slider.ani .slick-slide.slick-active img{opacity: 1;}
.slick-slider .slick-slide div.jgBody{position: absolute; top: 0; left:0; right:0; bottom:0; width: 100%; height: 100%; z-index: -1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	opacity: 1;
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	transform-origin:center bottom;
	-webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s;
	transition:transform 7s ease-out, opacity 1s ease 0.3s;
}
.slick-slider.ani .slick-slide.slick-active div.jgBody{
	opacity: 1;
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transform-origin:center bottom;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.slick-slider .slick-slide.slick-active img{
	-webkit-transition: all 2000ms ease;
	-moz-transition: all 2000ms ease;
	-o-transition: all 2000ms ease;
	-ms-transition: all 2000ms ease;
	transition: all 2000ms ease;
}

.sGallery.slick-slider, .sGallery.slick-slider .slick-list, .sGallery.slick-slider .slick-track{height: 100%; overflow: hidden !important;}
.sGallery.slick-slider .slick-slide{position: relative; overflow: hidden; text-align: center; display: table;}
.sGallery.slick-slider .slick-slide div.jgText{display: table-cell; vertical-align: middle; width: 100%;}
.sGallery.slick-slider .slick-slide img{position: absolute; left: 50%; top: 50%; opacity: 0; display: inline-block;}
.sGallery.slick-slider .slick-slide.jg1 img{margin-top: -220px !important; margin-left: -280px;}
.sGallery.slick-slider.ani .slick-slide.jg1.slick-active img{top: 45%; opacity: 1;}
.sGallery.slick-slider .slick-slide.jg2 img{margin-top: -220px !important; margin-left: -280px;}
.sGallery.slick-slider.ani .slick-slide.jg2.slick-active img{top: 45%; opacity: 1;}
.sGallery.slick-slider .slick-slide.jg3 img{margin-top: -220px !important; margin-left: -280px;}
.sGallery.slick-slider.ani .slick-slide.jg3.slick-active img{top: 45%; opacity: 1;}
.sGallery.slick-slider.ani .slick-slide.slick-active img{opacity: 1;}


/* myFullpage */
.section{overflow: hidden;}
#fp-nav.fp-right{right: 70px;}
#fp-nav ul li, .fp-slidesNav ul li{width: 16px; height: 16px; padding: 0; margin-bottom: 20px;}
#fp-nav ul li .fp-tooltip{color: #fff; font-size: 13px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 10px; height: 10px; margin: 0; border: 2px solid #fff; background: none; left: 0; top: 0;}
#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: 10px; height: 10px; margin: 0; background: #fff;}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px; height:10px; margin:0}
/*#fp-nav ul li a.active {display: block; width: 20px; height: 20px; border: 1px solid #666; box-sizing: border-box; margin: -3px 0 0 -3px; border-radius: 50px;}*/
#fp-nav ul li .fp-tooltip.fp-right{right: 27px;}
#fp-nav ul li .fp-tooltip{top: 0;}
#fp-nav ul li:last-child{display: none;}
.fp-viewing-3rdPage #fp-nav ul li a span, .fp-viewing-3rdPage .fp-slidesNav ul li a span{border: 2px solid #ccc;}
.fp-viewing-3rdPage #fp-nav ul li a.active span, .fp-viewing-3rdPage #fp-nav ul li:hover a.active span, .fp-viewing-3rdPage .fp-slidesNav ul li a.active span, .fp-viewing-3rdPage .fp-slidesNav ul li:hover a.active span{background: #ccc;}
.fp-viewing-3rdPage #fp-nav ul li .fp-tooltip{color: #ccc;}
/*
.fp-viewing-4thPage #fp-nav ul li a span, .fp-viewing-4thPage .fp-slidesNav ul li a span{border: 2px solid #000;}
.fp-viewing-4thPage #fp-nav ul li a.active span, .fp-viewing-4thPage #fp-nav ul li:hover a.active span, .fp-viewing-4thPage .fp-slidesNav ul li a.active span, .fp-viewing-4thPage .fp-slidesNav ul li:hover a.active span{background: #000;}
.fp-viewing-4thPage #fp-nav ul li .fp-tooltip{color: #000;}
.fp-viewing-5thPage #fp-nav ul li a span, .fp-viewing-5thPage .fp-slidesNav ul li a span{border: 2px solid #000;}
.fp-viewing-5thPage #fp-nav ul li a.active span, .fp-viewin
*/g-5thPage #fp-nav ul li:hover a.active span, .fp-viewing-5thPage .fp-slidesNav ul li a.active span, .fp-viewing-5thPage .fp-slidesNav ul li:hover a.active span{background: #000;}
.fp-viewing-5thPage #fp-nav ul li .fp-tooltip{color: #000;}
/* /////////////////////////////////////////////// Sub /////////////////////////////////////////////// */

/* 서브 탑 타이틀 */
.sub_top_title{position:relative; width: 100%; height: 400px; color: #000; min-width: 1200px; box-sizing: content-box;}
.sub_top_title.sp0{background: url(../imgs/stop0.jpg) no-repeat center;}
.sub_top_title.sp1{background: url(../imgs/stop1.jpg) no-repeat center;}
.sub_top_title.sp2{background: url(../imgs/stop2.jpg) no-repeat center;}
.sub_top_title.sp3{background: url(../imgs/stop3.jpg) no-repeat center;}
.sub_top_title.sp4{background: url(../imgs/stop4.jpg) no-repeat center;}
.sub_top_title.sp5{background: url(../imgs/stop5.jpg) no-repeat center;}
.sub_top_title h2{font-family: "nanumsquare"; font-size: 40px; line-height: 60px; font-weight: bold; color: #fff; text-align: center; padding-top: 140px; letter-spacing: 30px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);}

.lgnb_wrap{position:relative; width: 100%; height: 80px; margin: -80px 0 50px;}
.lgnb_wrap ul{width: 1200px; margin: 0 auto;}
.lgnb_wrap ul:after{content:""; clear:both; display:block;}
.lgnb_wrap ul li{float: left; height: 80px; line-height: 80px; text-align: center; font-family: 'nanumsquare'; font-size: 17px; font-weight: bold;}
.lgnb_wrap.num1 ul li{width: 100%;}
.lgnb_wrap.num2 ul li{width: 50%;}
.lgnb_wrap.num3 ul li{width: 33.33%;}
.lgnb_wrap.num4 ul li{width: 25%;}
.lgnb_wrap.num5 ul li{width: 20%;}
.lgnb_wrap.num6 ul li{width: 16.66%;}
.lgnb_wrap.num7 ul li{width: 14.285%;}
.lgnb_wrap ul li a{display: inline-block; width: 100%; height: 100%; background: #700723; box-sizing: border-box; color: #fff;}
.lgnb_wrap ul li a:hover, .lgnb_wrap ul li a.active{background: #fff; color: #333;}


.pageTitle{width: 1200px; margin: 0 auto; line-height: 50px; padding: 20px 0 70px; text-align: center;}
.pageTitle h3{position: relative; display: inline-block; font-family: 'nanumsquare'; font-size: 31px; font-weight: bold; padding: 0 5px;}
.pageTitle h3:after{content:""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #6a005f;}
.pageTitle span{font-family: "nanumsquare"; display: block; font-size: 20px;}

.parallaxBasic{width: 100%; height: 400px; background: transparent;}
.parallax_text_type1{display: block; padding-top: 138px; font-size: 60px !important; line-height: 65px !important; font-family: "nanumsquare"; color: #fff; font-weight: 300; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);}
.parallax_text_type1 b{font-family: "nanumsquare"; font-size: 23px; color: #fff; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); display: block; font-weight: 300; margin-top: 10px;}
.parallax_text_type2{display: block; padding-top: 167px; font-size: 60px !important; line-height: 65px !important; font-family: "nanumsquare"; color: #fff; font-weight: 300; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);}
.parallax_text_type2 b{font-family: "Malgun Gothic", "맑은 고딕", AppleGothic, Dotum, "돋움", sans-serif;}
.parallax12{height: 800px;}
.parallax_text_type12{width: 1200px; margin: 0 auto; text-align: center; color: #fff; font-family: 'nanumsquare'; font-size: 19px; font-weight: bold;}
.parallax_text_type12 p{line-height: 40px; margin-top: 70px; font-weight: normal;}
.parallax_text_type12 p.big_text{font-size: 55px; font-weight: bold; line-height: 180px; margin-top: 0; padding-top: 30px; text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.7);}
.parallax_text_type12 ul{margin: 40px 0 50px;}
.parallax_text_type12 ul:after{content:""; clear:both; display:block;}
.parallax_text_type12 ul li{float: left; width: 350px; font-size: 23px;}
.parallax_text_type12 ul li:nth-child(2){width: 500px;}

/* Text Layout Type */
.text_box {width: 1200px; margin: 0 auto;}
.text_box ul:after{content:""; display:block; clear:both;}
.text_box ul.lay > li{float: left;}
.text_box ul.lay.lay2 > li{width: 50%;}
.text_box ul.lay.lay3 > li{width: 33.333%;}
.text_box ul.lay.lay2_1 > li{width: 60%;}
.text_box ul.lay.lay2_1 > li:first-child{width: 40%;}
.text_box ul.lay.lay2_2 > li{width: 83%;}
.text_box ul.lay.lay2_2 > li:first-child{width: 17%;}
.text_box ul.lay.lay2_3 > li{width: 50%; box-sizing: border-box;}
.text_box ul.lay.lay2_3 > li:nth-child(2n+1){padding-right: 10px;}
.text_box ul.lay.lay2_3 > li:nth-child(2n){padding-left: 10px;}
.text_box .gray_box{background: #f9f9f9;}
.text_box .under_bar{position: relative;}
.text_box .under_bar:after{content:""; position: absolute; left: 0; bottom: -20px; width: 160px; height: 4px; background: #22ac38;}

.img_box {width: 1200px; margin: 0 auto;}

.history_wrap{position: relative; width: 1200px; margin: 0 auto; background: url("../imgs/s13/line.jpg") repeat-y center; padding-bottom: 100px;}
.history_wrap:after{content: ''; position: absolute; width: 16px; height: 16px; background: #ccc; border-radius: 20px; bottom: 0; left: 50%; margin-left: -8px;}
.history_wrap h4{width: 100%; text-align: center;}
.history_wrap h4 span{display: inline-block;  width: 450px; line-height: 90px; background: #ccc; color: #fff; font-family: 'nanumsquare'; font-size: 40px; border-radius: 50px;}
.history_wrap ul:after{content:""; display:block; clear:both;}
.history_wrap > div{position: relative; width: 1200px; margin: 0 auto; }
.history_wrap > div:after{content: ''; position: absolute; width: 16px; height: 16px; background: #6a005f; border-radius: 40px; top: 8px; left: 50%; margin-left: -8px; z-index: 3;}
.history_wrap > div:before{content: ''; position: absolute; width: 32px; height: 32px; background: #fff; border: 1px solid #eee; border-radius: 40px; top: 0; left: 50%; margin-left: -16px; box-sizing: border-box; z-index: 2}
.history_wrap > div > ul{margin-top: 100px;}
.history_wrap > div > ul > li{float: left; width: 600px; box-sizing: border-box;}
.history_wrap > div > ul > li:nth-child(1){text-align: right; padding-right: 50px;}
.history_wrap > div > ul > li:nth-child(2){text-align: left; padding-left: 50px;}
.history_wrap > div.history_r > ul > li:nth-child(2){padding-left: 25px;}
.history_wrap > div.history_l > ul > li:nth-child(1){padding-right: 25px;}
.history_wrap .history_r li li{float: left;}
.history_wrap .history_l li li{float: right;}
.history_wrap li li:nth-child(1){position: relative; font-family: 'nanumsquare'; font-size: 32px; font-weight: bold; line-height: 30px; letter-spacing: -2px; padding: 0 2px;}
.history_wrap li li:nth-child(1):after{content: ''; position: absolute; z-index: -1; bottom: 3px; left: 0; width: 100%; height: 5px; background: #ff1e2c;}
.history_wrap .history_r li li:nth-child(1){margin-right: 15px;}
.history_wrap .history_l li li:nth-child(1){margin-left: 15px;}
.history_wrap p{font-family: 'nanumsquare'; font-size: 17px; line-height: 30px;}

.brandLay{position: relative; width: 1200px; margin: 0 auto;}
.brandLay ul:after{content:""; display:block; clear:both;}
.brandLay img{width: auto;}
.brandLay ul{text-align: center;}
.brandLay ul li{display: inline-block; width: 590px; border: 1px solid #eee; box-sizing: border-box;}
.brandLay ul li.noboard{border: 0;}
.brandLay ul.brandLay2 li{float: left; margin-left: 20px; margin-top: 20px;}
.brandLay ul.brandLay2 li:nth-child(2n-1){margin-left: 0;}
.brandLay .btnCi_wrap{width: 100%; text-align: center;}
.brandLay .btnCi_wrap a{display: inline-block; height: 65px; width: 620px; background-color: #87384d !important; background-size: contain !important; border-radius: 15px;}
.brandLay .btnCi_wrap a.msfood_ci{background: url("../imgs/s14/btn_1.png") no-repeat center;}
.brandLay .btnCi_wrap a.rising_ci{background: url("../imgs/s14/btn_2.png") no-repeat center;}
.brandLay .btnCi_wrap a.running_ci{background: url("../imgs/s14/btn_3.png") no-repeat center;}
.brandLay .btnCi_wrap a:hover{background-color: #021c4b !important;}
.brandLay .bgy{background: #87384d;}
.brandLay .bgb{background: #000;}

.coper{position: relative; width: 1200px; margin: 0 auto; border-top: 2px solid #987e5f;}
.coper ul:after{content:""; display:block; clear:both;}
.coper ul li{position: relative; float: left; width: 300px; border: 1px solid #eee; box-sizing: border-box; border-left: 0; border-top: 0;}
.coper ul li:nth-child(4n+1){border-left: 1px solid #eee;}
.coper ul li a{display: block; width: 100%; height: 100%;}
.coper ul li a:before{content: '';  width: 50px; height: 50px; position: absolute; z-index: 3; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px;}
.coper ul li a:hover:before{content: ''; background: url("../imgs/plus.png") no-repeat center; transform: rotate(270deg);}
.coper ul li a:after{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background-position: center;}
.coper ul li a:hover:after{content: ''; background: rgba(152, 126, 95, 0.9);}

.mapLay{position: relative; width: 1200px; margin: 0 auto 50px;}
.mapLay > ul:after{content:""; display:block; clear:both;}
.mapLay > ul >li{width: 100%;}
/*
.mapLay > ul >li:first-child{float: left; width: 550px;}
*/
.mapLay h4{font-family: 'nanumsquare'; font-size: 21px; font-weight: bold; margin-bottom: 10px; line-height: 30px;}
.mapWrap{width: 100%; height: 500px; margin: 0 auto 50px;}
.mapBox{width: 100%; height: 500px;}
.maps{width:100%; height:500px;}


.flowchart_wrap{width: 100%;}
.flowchart_wrap ul:after{content:""; display:block; clear:both;}
.flowchart{width: 1200px; margin: 0 auto;}
.flowchart > li{float: left; width: 50%; margin-top: 70px;}
.flowchart > li:nth-child(1), .flowchart > li:nth-child(2){margin-top: 0;}
.flowchart > li li{float:right; width: 295px; padding-top: 10px;}
.flowchart > li li:first-child{float:left; width: 268px; padding-top: 0;}
.flowchart > li li b{font-family: 'nanumsquare'; font-size: 50px; font-weight: 800; letter-spacing: -5px; display: block;}
.flowchart > li li p{position: relative; font-family: 'nanumsquare'; font-size: 25px; font-weight: bold; margin-top: 25px; display: inline-block;}
.flowchart > li li p span{position: relative; z-index: 2;}
.flowchart > li li p:after{content: ''; position: absolute; z-index: 1; bottom: 2px; left: 0; width: 100%; height: 5px; background: #ff1e2c;}
.flowchart > li li div{font-family: 'nanumsquare'; font-size: 19px; margin-top: 20px; line-height: 30px;}
.flowchart > li li div span{position: relative; display: inline-block; text-indent: 25px;}
.flowchart > li li div span:before{content: ''; width: 20px; height: 20px; background: url("../imgs/s21/sp1.png") no-repeat center; background-size: 20px; position: absolute; z-index: 1; top: -4px; left: 0;}
.flowchart > li li div span:after{content: ''; width: 20px; height: 20px; background: url("../imgs/s21/sp2.png") no-repeat center; background-size: 20px; position: absolute; z-index: 1; bottom: -4px; margin-left: 5px;}

.patent_wrap{width: 100%; text-align: center; margin-bottom: 50px;}
.patent_wrap ul:after{content:""; display:block; clear:both;}
.patent_wrap ul{width: 970px; margin: 0 auto; margin-top: 70px; display: inline-block; text-align: left;}
.patent_wrap ul:first-child{margin-top: 0;}
.patent_wrap ul li{float: left; width: 700px; font-family: 'nanumsquare'; font-size: 19px; line-height: 30px;}
.patent_wrap ul li:first-child{width: 250px; font-size: 27px; line-height: 37px; margin-right: 20px;}
.patent_wrap ul li span{position: relative;}
.patent_wrap ul li span b {position: relative; display: inline-block; z-index: 2;}
.patent_wrap ul li span:after{content: ''; position: absolute; z-index: 1; bottom: 2px; left: 0; width: 100%; height: 7px; background: #ff1e2c;}
.patent_wrap ul li:first-child p{margin-top: 17px;}

.process_wrap{width: 1200px; margin: 0 auto; border-top: 3px solid #000;}
.process_wrap ul:after{content:""; display:block; clear:both;}
.process_wrap > ul li{float: left; box-sizing: border-box;}
.process_wrap > ul > li{padding: 50px 0;}
.process_wrap > ul > li:nth-child(1){width: 360px;}
.process_wrap > ul > li:nth-child(2){width: 840px; padding-left: 55px; border-left: 1px solid #b4b4b4;}
.process_wrap > ul > li ul{margin-top: 50px;}
.process_wrap > ul > li ul:first-child{margin-top: 0;}
.process_wrap > ul > li li:nth-child(1){width: 480px;}
.process_wrap > ul > li li:nth-child(2){float: right; width: 268px; margin-right: 30px;}
.process_wrap > ul > li li p{position: relative; font-family: 'nanumsquare'; font-size: 35px; font-weight: bold;}
.process_wrap > ul > li li p span{font-size: 45px; font-weight: 800; letter-spacing: -2px; margin-right: 10px;}
.process_wrap > ul > li li p:after{content: ''; position: absolute; z-index: -1; bottom: 7px; left: 0; width: 200px; height: 5px; background: #ff1e2c;}
.process_wrap > ul > li li div{font-family: 'nanumsquare'; font-size: 19px; line-height: 30px; margin-top: 40px;}

.process_wrap .process_fixed.active{position: fixed; top: 180px}
.process_2{display: none;}

/* Tab Navigation */
.tab_nav{position:relative; width: 100%; height: 50px; min-width: 1200px;}
.tab_nav ul{width: 1200px; margin: 0 auto;}
.tab_nav.active ul{position: fixed; top: 85px; left: 50%; margin-left: -600px; z-index: 2;}
.tab_nav ul:after{content:""; clear:both; display:block;}
.tab_nav ul li{float: left; height: 50px; line-height: 50px; text-align: center; font-size: 15px; font-weight: bold;}
.tab_nav ul.num1 li{width: 100%;}
.tab_nav ul.num2 li{width: 50%;}
.tab_nav ul.num3 li{width: 33.33%;}
.tab_nav ul.num4 li{width: 25%;}
.tab_nav ul.num5 li{width: 20%;}
.tab_nav ul.num6 li{width: 16.66%;}
.tab_nav ul.num7 li{width: 14.285%;}
.tab_nav ul li a{display: inline-block; width: 100%; height: 100%; background: #f5f6f8; border: 1px solid #d2d2d2; border-left: 0; box-sizing: border-box;}
.tab_nav ul li:first-child a{border-left: 1px solid #d2d2d2;}
.tab_nav ul li a:hover, .tab_nav ul li a.active{background: #700723; color: #fff; border: 1px solid #700723;}

/* Slick Slider Custom */
.single_con{position: relative; width: 1200px; margin: 0 auto; overflow: hidden;}
.single_con .slick-loading .slick-list{background: #fff url('../imgs/ajax-loader.gif') center center no-repeat;}
.single_con .slick-prev, .single_con .slick-next{position: absolute; z-index: 2; display: inline-block; width: 70px; height: 70px; background: url(../imgs/ssarrow.png); top: 50%; margin-top: -35px; opacity: 0.8; font-size:0; transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); border: 0;}
.single_con .slick-prev{left: 0; background-position: 0 0 !important; margin-left: 0 !important;}
.single_con .slick-next{background-position: 0 -70px !important; right: 0; left: inherit !important;}
.single_con .slick-dots{position: absolute; left: 0; text-align: center; bottom: 20px !important; width: 100%; top: inherit !important; margin-top: 0 !important;}
.single_con .slick-dots li{display: inline-block; margin: 0 7px;}
.single_con .slick-dots li button{width: 14px; height: 14px; border-radius: 100%; background: none; cursor: pointer; border: 2px solid #000; box-sizing: border-box; font-size:0;}
.single_con .slick-dots li.slick-active button{background: #000; border: 0;}
.single_con .slick-prev:hover, .single_con .slick-prev:focus, .single_con .slick-next:hover, .single_con .slick-next:focus{opacity: 1;}

.patent_con.single_con{width: 1000px;}
.patent_con .patentTitle{font-family: 'nanumsquare'; font-size: 29px; line-height: 40px; text-align: center; color: #fff; background: #700723; padding: 15px 0; border-radius: 10px 10px 0 0;}
.patent_con .patentTitle span{ display: inline-block; font-size: 25px; font-weight: 300; margin-right: 5px; color: #f3f3f3; letter-spacing: -2px;}
.patent_con.single_con .slick-dots{bottom: 40px !important;}
.patent_con.single_con .slick-dots li{width: auto;}
.patent_con.single_con .slick-dots li button{border: 2px solid #f3f3f3; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);}
.patent_con.single_con .slick-dots li.slick-active button{background: #f3f3f3; border: 0;}

.facilities{margin-top: -320px !important;}
.facilities h4{font-family: 'nanumsquare'; font-size: 29px; font-weight: bold; margin-bottom: 20px; position: absolute; top: 60px; background: rgba(112, 7, 35, 0.9); display: inline-block; color: #fff; padding: 30px 0 50px; line-height: 60px; width: 300px; text-align: center; right: 50px;}
.facilities h4:after {content: ''; width: 0; height: 0; border: 60px solid rgba(112, 7, 35, 0.9); border-right-color: transparent; border-left-color: transparent; border-top-width: 0; border-right-width: 0; border-left-width: 300px; position: absolute; left: 0; z-index: 2; top: -60px;}
.facilities p{font-family: 'nanumsquare'; font-size: 17px; margin-top: 30px; text-align: center; line-height: 30px; position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.9); color: #fff; padding: 20px;}
.facilities .slick-slide{position: relative; padding-top: 100px;}
.facilities_back{width: 100%; height: 400px; background: #f3f3f3;}

.goods_st{color: #da291c; font-weight: bold;}
.goods_st span b{border-bottom: 1px solid #000;}
.goods_st span{position: relative; display: inline-block; text-indent: 25px;}
.goods_st span:before{content: ''; width: 20px; height: 20px; background: url("../imgs/s21/sp1.png") no-repeat center; background-size: 20px; position: absolute; z-index: 1; top: -4px; left: 0;}
.goods_st span:after{content: ''; width: 20px; height: 20px; background: url("../imgs/s21/sp2.png") no-repeat center; background-size: 20px; position: absolute; z-index: 1; bottom: -4px; margin-left: 5px;}

/* Youtube Popup */
.movPlay{position:fixed; top: 110px; right: 50px; display: inline-block; z-index:99997;}
.notmain .movPlay{top: 200px;}
.movPlay a{display: block; width: 100%; height: 100%;}
.movPlay .movPlay_btn{position:absolute; display:block;  width: 90px; height: 90px; background: url("../imgs/movPlay.png") no-repeat top center; background-size: 90px;}
.movPlay span{position:relative; display: block; width: 90px; padding-top: 90px; z-index: 2; text-align: center; font-size: 15px; line-height: 18px; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,1);}

.storePlay{position:fixed; top: 250px; right: 50px; display: inline-block; z-index:99997;}
.notmain .storePlay{top: 340px;}
.storePlay a{display: block; width: 100%; height: 100%;}
.storePlay .store_btn{position:absolute; display:block;  width: 90px; height: 90px; background: url("../imgs/storeBtn.png") no-repeat top center; background-size: 90px;}
.storePlay span{position:relative; display: block; width: 90px; padding-top: 90px; z-index: 2; text-align: center; font-size: 15px; line-height: 18px; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,1);}


.movPop{position:fixed; width: 900px; left: 50%; margin-left: -450px; top: 140px; padding:20px; box-sizing: border-box; background:#eee; box-shadow:1px 1px 10px rgba(0,0,0,0.3); z-index:99999; display:none;}
.movPop .movPlayer{display:block; margin:0 auto;}
.movPop .popInner{position:relative;}
.movPop .movClose{position:absolute; top: -40px; right:0; display:block; width:40px; height:40px; background: url("../imgs/popClosed.png") 0 0 no-repeat #eee; text-indent:-999em; background-size: 40px;}
.movDim{display:none; position:fixed; _position:absolute; top:0;left:0; background:#000; width:100%; height:100%; filter:Alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; z-index:99998;}
.popCont{position:relative; height:0; padding-top:30px; padding-bottom:56.25%; overflow:hidden;}
.popCont iframe,.popCont object,.popCont embed {position:absolute; top:0; left:0; width:100%; height:100%;}


/* Table Type */
.basic_table{width: 100%;}
.basic_table th, .basic_table td{line-height: 20px; padding: 15px 20px; border: 1px solid #ddd; border-right: 0; font-size: 14px;}
.basic_table th{padding: 20px; border-top: 3px solid #2b2a4c;}
.basic_table th:first-child, .basic_table td:first-child{border-left: 0;}
.basic_table th{border: 0; background: #eee; font-size: 15px; font-weight: bold; border-top: 2px solid #666;}
.basic_table.double_th th{border-top: 1px solid #ddd;}
.basic_table.double_th tr:first-child th{border-top: 2px solid #666;}
.basic_table.vertical_table td{text-align: left;}
.basic_table.vertical_table th{border: 1px solid #ddd;}
.basic_table.vertical_table tr:first-child th{border-top: 2px solid #666;}
.basic_table.vertical_table tr:first-child td{border-top: 2px solid #666;}
.basic_table.vertical_table td:first-child{background: #eee; font-size: 15px; font-weight: bold; text-align: center;}
.basic_table.vertical_table .back_white{background: #fff !important; font-size: 15px; font-weight: bold; text-align: center;}
.basic_table.vertical_table td.not_first:first-child{background: none; font-size: 14px; font-weight: normal; text-align: left;}
.basic_table.vertical_table.row_table tr:first-child td:first-child+td{background: #eee; font-size: 15px; font-weight: bold;}
.basic_table.vertical_table.row_table tbody tr:first-child th{border-top: 0;}
.basic_table.vertical_table.row_table tbody tr:first-child td{border-top: 0;}

/* Table Type */
.table_box{position: relative; width: 100%; margin: 0 auto; font-size: 14px; line-height: 20px;}
.table_box table{position: relative; width: 100%; border-top: 2px solid #333;}
.table_box table.rowTable{border-top: 0;}
.table_box table.rowTable tbody{border-top: 2px solid #333;}
.table_box th, .table_box td{border: 1px solid #ccc; padding: 20px; box-sizing: border-box; text-align: left;}
.table_box th{background: #f5f6f8; border-bottom: 0; font-weight: bold; font-family: 'nanumsquare'; font-size: 17px;}
.table_box table.rowTable th{border-bottom: 1px solid #ccc;}
.table_box table.mixTable tbody th{background: #eee; border-bottom: 1px solid #ccc;}
.table_box table.centerTable th, .table_box table.centerTable td{text-align: center;}

/* Bullet Type */
.list_bullet{position: relative; padding-left: 16px; box-sizing: border-box;}
.list_bullet:before{content: ""; position: absolute; top: 9px; left: 4px; width: 4px; height: 4px; background: #000; border-radius: 50px;}
.list_bullet.red_bullet:before{content: ""; background: #eb6100;}
.list_bullet.square_bullet:before{content: ""; border-radius: 0;}
.list_bullet.line_bullet:before{content: ""; border-radius: 0; width: 7px; height: 1px; top: 11px; background: #333;}
.list_bulle.bullet_t10:before{content: ""; top: 10px;}
.list_bullet.bullet_t11:before{content: ""; top: 11px;}
.list_bullet.bullet_t12:before{content: ""; top: 12px;}
.list_bullet.bullet_t13:before{content: ""; top: 13px;}
.list_bullet.bullet_t14:before{content: ""; top: 14px;}
.list_bullet.bullet_t15:before{content: ""; top: 15px;}
.list_bullet.bullet_t20:before{content: ""; top: 17px;}
.list_bullet.bullet_t25:before{content: ""; top: 22px;}
.list_bullet.bullet_size5:before{content: ""; width: 5px; height: 5px;}
.list_bullet.bullet_size6:before{content: ""; width: 6px; height: 6px;}
.list_bullet.bullet_size7:before{content: ""; width: 7px; height: 7px;}
.list_bullet.bullet_size8:before{content: ""; width: 8px; height: 8px;}
.list_bullet.bullet_size5{padding-left: 17px;}
.list_bullet.bullet_size6{padding-left: 18px;}
.list_bullet.bullet_size7{padding-left: 19px;}
.list_bullet.bullet_size8{padding-left: 20px;}

/* sub gallery Type */
.gallery_box{position: relative; width: 100%; margin: 0 auto; overflow: hidden;}
.gallery_box.g_type_1 .swiper-wrapper{height: auto !important;}
.gallery_box.g_type_1 .swiper-slide{height: auto !important;}
.gallery_box.g_type_1 a{position: absolute; z-index: 2; display: inline-block; width: 50px; height: 50px; background: url(../imgs/sarrow.png); top: 50%; margin-top: -25px;}
.gallery_box.g_type_1 a.g_arrow{opacity: 0.5;}
.gallery_box.g_type_1 a.g_arrow:hover{opacity: 1;}
.gallery_box.g_type_1 a.arrow-left{left: 0;}
.gallery_box.g_type_1 a.arrow-right{background-position: 0 -50px; right: 0;}
.gallery_box.g_type_1 .pagination{position: absolute; left: 0; text-align: center; bottom:15px; width: 100%; opacity: 0.8;}
.gallery_box.g_type_1 .pagination .swiper-pagination-switch{display: inline-block; width: 8px; height: 8px; border-radius: 100%; background: none; cursor: pointer; margin: 0 5px; border: 1px solid #fff; box-sizing: border-box;}
.gallery_box.g_type_1 .pagination .swiper-active-switch{background: #fff; border: 0;}



/* 가입버튼 */
.btn_submit{background: #4ca0bd;}
.btn_submit:hover{background: #003663;}

.cf_wrap{width: 1200px; margin: 0 auto;}
.cf_terms{width: 100%; height: 500px; box-sizing: border-box; padding: 20px; line-height: 20px;}

.sp_section_border{margin-bottom: 0 !important;}
.sp_ul_border:after{content:""; clear:both; display:block; *zoom:1;}
.sp_ul_border{border-bottom: 1px solid #ccc; box-sizing: border-box;}
.sp_ul_border li{float: left; width: 40%; box-sizing: border-box; padding: 20px 5px;}
.sp_ul_border li:nth-child(2n+1){width: 10%; background: #f3f3f3; text-align: center;}

.conterms{width: 100%; height: 100px; box-sizing: border-box; line-height: 20px;}
.checks{padding-left:10px; margin-top:5px; margin-bottom: 20px;}
.checks:after{content:""; clear:both; display:block; *zoom:1;}
.checks li{float:left;}
.checks li.checks_t{padding-left:5px; padding-top:2px; font-size:13px;}