@charset "utf-8";
@import "jquery.mcustomscrollbar.min.css";

body { overflow-x:hidden; font-size:12px; color:#363636;}

html.hidden,
body.hidden { height:100%; overflow:hidden;}

/* header */
/* .header { position:fixed; left:0; right:0; top:0; height:111px; z-index:5; */
.header { position:fixed; left:0; right:0; top:0; height:93px; z-index:5;
	box-shadow:3px 3px 0 rgba(0,0,0,0.3);
}
.header .utilContainer { position:relative; z-index:3; height:30px; background:#fff; overflow:hidden; padding-right:85px;}
.header .utilContainer .util { float:right;}
.header .utilContainer .util li { float:left; padding-left:25px; line-height:30px; font-size:11px; color:#898989;}

.header .gnb-partnersContainer { overflow:hidden;}
/* .header .gnbContainer .topContainer { position:relative; height:81px; z-index:3; background:#b00c28;} */
.header .gnbContainer .topContainer { position:relative; height:60px; z-index:3; background:#b00c28;}
/* .header .gnbContainer .logo { float:left; margin-left:80px; line-height:81px; } */
.header .gnbContainer .logo { float:left; margin-left:80px; line-height:60px; }
.header .gnbContainer .logo a img { width:252px;}
.header .gnbContainer .gnb { float:right;}
.header .gnbContainer .gnb .list { float:left;}
/* .header .gnbContainer .gnb .list > li { float:left; width:120px; line-height:81px;} */
.header .gnbContainer .gnb .list > li { float:left; width:120px; line-height:60px;}
.header .gnbContainer .gnb .list > li.last { width:195px;}
.header .gnbContainer .gnb .list > li a { display:inline-block; padding:0 15px; color:#fffefe; font-size:16px; text-align: center;width: 100%;}
.header .gnbContainer .gnb .list > li a:hover { text-decoration:none;text-align: center;width: 100%;}
.header .gnbContainer .gnb .list > li.hover a,
.header .gnbContainer .gnb .list > li.menu:hover a { background:#b8253e;}
.header .gnbContainer .gnb .list > li.ls { width:140px; margin-right:0px;}
.header .gnbContainer .gnb .list > li.ls a { line-height:46px; padding:0 30px;  border:2px solid transparent;}
.header .gnbContainer .gnb .list > li.ls a:hover { border-color:#fff;}
.header .gnbContainer .callMenu { display:none;}

.header.loveStory { }
.header.loveStory .utilContainer { background:#efefef;}
.header.loveStory .gnbContainer .topContainer { background:#fff;}
.header.loveStory .gnbContainer .gnb .list > li a { color:#363636;}
.header.loveStory .gnbContainer .gnb .list > li a:hover { text-decoration:none;}
.header.loveStory .gnbContainer .gnb .list > li.hover a,
.header.loveStory .gnbContainer .gnb .list > li.menu:hover a { background:#f1f1f1;}
.header.loveStory .gnbContainer .gnb .list > li.ls a { color:#b00c28;}
.header.loveStory .gnbContainer .gnb .list > li.ls a:hover { border-color:#b00c28;}

/* .header .subGnbContainer { position:absolute; left:0; right:0; top:111px; z-index:2; overflow:hidden; background:#282324;} */
.header .subGnbContainer { position:absolute; left:0; right:0; top:64px; z-index:2; overflow:hidden; background:#282324;}
/* .header .subGnbContainer .innerContainer { height:302px; border-bottom:3px solid #b00c28; background:#282324; overflow:hidden;} */
.header .subGnbContainer .innerContainer { height:340px; border-bottom:5px solid #b00c28; background:#282324; overflow:hidden;}
.header .subGnbContainer .util { display:none;}
.header .subGnbContainer .banner { float:left; margin:33px 0 0 80px; width:519px; height:234px; overflow:hidden;}
.header .subGnbContainer .banner .innerFrame { width:100%; height:100%;}
.header .subGnbContainer .banner .innerFrame .item { float:left; width:100%; height:232px;}
.header .subGnbContainer .banner .innerFrame .item img { max-width:100%; border:1px solid #c7cbce;}
.header .subGnbContainer .colWrap { float:right; padding:27px 0 0;}
.header .subGnbContainer .colWrap .col { float:left; width:120px; height:250px; padding:0 0 0 5px; border-right:1px solid #302b2c;}
.header .subGnbContainer .colWrap .col.menu0 { display:none;}
.header .subGnbContainer .colWrap .col.last { width:195px; border-right-width:0;}
.header .subGnbContainer .colWrap .col .tit { display:none;}
.header .subGnbContainer .colWrap .col .list > li { }
.header .subGnbContainer .colWrap .col .list > li > a { display:block; padding:6px 0 6px 13px; background:url("../images/ico_dot1.png") no-repeat 5px 50%; color:#a2a2a2; font-size:14px; line-height:1.15;}
.header .subGnbContainer .colWrap .col .list > li > ul { padding: 0px 0 5px 25px;}
.header .subGnbContainer .colWrap .col .list > li > ul > li { padding:3px 0; color:#6d6d6d;}
.header .subGnbContainer .colWrap .col .list > li.hover > a,
.header .subGnbContainer .colWrap .col .list > li:hover > a { background:#201c1d url("../images/ico_dot2.png") no-repeat 4px 50%; color:#b00c28;}


/* footer */
.footer { position:relative; z-index:2; background:#262626; border-top:10px solid #b00c28;margin-bottom: -20px;}
.footer .innerContainer { position:relative; padding:66px 0; margin:0 80px;}
.footer .innerContainer:after { content:""; display:block; clear:both;}
.footer .logo { float:left;}
.footer .textWrap { float:left; margin-left:170px; color:#fff;}
.footer .textWrap .list li { display:inline-block; padding:0 14px 0 16px; background:url("../images/ico_line2.png") no-repeat 0 50%; font-size:13px;}
.footer .textWrap .list li:first-child { padding-left:0; background:none;}
.footer .textWrap .address { padding:17px 0 0; color:rgba(255,255,255,0.6); font-size:11px; line-height:1.4;}
.footer .textWrap .copyright { padding:5px 0 0; color:rgba(255,255,255,0.6); font-size:11px; line-height:1.4;}
.footer .relationCompany { position:absolute; top:66px; right:265px;}
.footer .relationCompany .dropdown { position:relative; background:#262626;}
.footer .relationCompany .dropdown > button { display:block; height:27px; width:116px; border:1px solid #fff; color:#fff; text-indent:12px; background:url("../images/ico_arrow1.png") no-repeat 95px 50%; text-align:left; font-size:11px;}
.footer .relationCompany .dropdown > ul { display:none; position:absolute; bottom:27px; left:0; right:0; padding:6px 0; border:1px solid #fff; border-bottom-width:0; background:#262626;}
.footer .relationCompany .dropdown > ul li { padding:12px 0; text-indent:12px; color:#fff; font-size:11px;}

/* indexContainer */
/* .indexContainer { position:relative; padding:111px 0 80px;} */
.indexContainer {/*  max-width: 1280px; */ margin: 0 auto; position:relative; padding:93px 0 80px;}

/* indexKeyVisual */
.indexKeyVisual { position:relative; height:990px; overflow:hidden;}
.indexKeyVisual > .bg { position:absolute; left:50%; top:0; z-index:1; margin-left:-960px;}
.indexKeyVisual .contWrap { position:absolute; left:80px; top:215px; z-index:2;}
.indexKeyVisual .titWrap { color:#fff; font-weight:700;}
.indexKeyVisual .titWrap .slogan { font-size:62px;}
.indexKeyVisual .titWrap .tit { padding:20px 0 0; font-size:85px;}
.indexKeyVisual .titDesc { padding:20px 0 70px; font-size:21px; color:#fff; line-height:1.4; font-weight:400;}
.indexKeyVisual .titDesc span { display:block;}
.indexKeyVisual .newsBox { position:relative; width:758px; margin:1px 0 0; padding:20px 30px; background:rgba(255,255,255,0.6);}
.indexKeyVisual .newsBox .tit { font-size:24px; color:#202020; font-weight:700;}
.indexKeyVisual .newsBox .tit span { color:#b00c28;}
.indexKeyVisual .newsBox .article { margin:17px 0 0;}
.indexKeyVisual .newsBox .article .articleTit { font-size:24px; color:#3a3a3a; font-weight:700;}
.indexKeyVisual .newsBox .article .articleDesc { position:relative; margin:7px 0 0; line-height:1.3; color:#5a5a5a;}
.indexKeyVisual .newsBox .article .articleDesc a { display:block; margin-right:70px;}
.indexKeyVisual .newsBox .article .articleDesc .date { position:absolute; right:0; top:0;}
.indexKeyVisual .newsBox .more { position:absolute; right:20px; top:31px; color:#b00c28; font-size:16px;}

/* indexSubVisual */
.indexSubVisual { position:relative; height:606px; margin:80px 0 0; overflow:hidden;}
.indexSubVisual > .bg { position:absolute; left:50%; top:0; z-index:1; margin-left:-960px;}
.indexSubVisual .contWrap { position:absolute; left:0; right:0; top:136px; z-index:2;}
.indexSubVisual .tit { text-align:center; font-size:28px; color:#fff; line-height:1.4;}
.indexSubVisual .tit span { display:block;}
.indexSubVisual .sliderWrap { position:relative; width:885px; margin:30px auto 0; overflow:hidden;}
.indexSubVisual .flexSlider { position:relative; margin:0 auto; overflow:hidden; width:724px; height:221px; border:8px solid #fff;}
.indexSubVisual .flexSlider .slider { width:100%; height:100%;}
.indexSubVisual .flexSlider .slider .slide { float: left; width:708px; height:205px; text-align:center; color:#fff;}
.indexSubVisual .flexSlider .slider .slide .slideTit { padding:25px 0 0; font-size:69px;}
.indexSubVisual .flexSlider .slider .slide .slideDesc { padding:15px 0 0; font-size:16px;}
.indexSubVisual .flexSlider .slider .slide .readMore { display:inline-block; margin:30px 0 0; font-size:16px;}
.indexSubVisual .sliderWrap .btn { position:absolute; top:50%; margin-top:-17.5px; z-index:4;}
.indexSubVisual .sliderWrap .btn.prev { left:0;}
.indexSubVisual .sliderWrap .btn.next { right:0;}

/* indexList */
.indexList { position:relative; margin:80px 0 80px;}
.indexList .inWrap { margin:0 80px; overflow:hidden;}
.indexList .inWrap .item { overflow:hidden; float:left; width:33.333333333%;}
.indexList .inWrap .item > a { display:block;}
.indexList .inWrap .item > a > img { width:100%;}
.indexList .inWrap .item > a .tit { line-height:40px; padding:0 0 0 70px; background:url("../images/ico_arrow1_1.png") no-repeat 0 0; font-size:16px; color:#5a5a5a;}

.indexList2 { position:relative; margin:80px 0 0;}
.indexList2 .inWrap { margin:0 80px; overflow:hidden;}
.indexList2 .inWrap .item { position:relative; overflow:hidden; float:left; width:25%; height:235px; padding-right:19px;}
.indexList2 .inWrap .item.type1 > .tit { height:35px; color:#202020; font-size:18px; font-weight:700; border-bottom:1px solid #cecfd0;}
.indexList2 .inWrap .item.type1 > .inCont { padding:15px 0 0; overflow:hidden;width:100%;}
.indexList2 .inWrap .item.type1 > .more { position:absolute; right:19px; top:3px;}
.indexList2 .inWrap .item.type1 .inList { float:left; width:50%;}
.indexList2 .inWrap .item.type1 .inList li { padding:12px 0 12px 10px; background:url("../images/ico_dot1_1.png") no-repeat 0 50%; border-bottom:1px solid #eaeaeb;}
.indexList2 .inWrap .item.type2 { }
.indexList2 .inWrap .item.type2 .inContainer { position:relative; height:100%; background:#b00c28;}
.indexList2 .inWrap .item.type2 .tit { padding:15px 0 0 15px; font-size:13px; color:#fff; font-weight:700;}
.indexList2 .inWrap .item.type2 .info { height:80px; padding:15px 0 0 10px; overflow:hidden;}
.indexList2 .inWrap .item.type2 .info .total { float:left; color:#fff; font-size:20px; font-weight:700;}
.indexList2 .inWrap .item.type2 .info .total .unit { display:inline-block; padding-bottom:2px; vertical-align:bottom; font-size:14px;}
.indexList2 .inWrap .item.type2 .info .summary { float:right; width:130px; text-align:left; color:#fff; font-size:11px;}
.indexList2 .inWrap .item.type2 .info .summary .line { padding:4px 0 0;}
.indexList2 .inWrap .item.type2 .info .summary span { display:inline-block;}
.indexList2 .inWrap .item.type2 .info .summary span.t { width:60px; text-align:left;}
.indexList2 .inWrap .item.type2 .info .summary span.num { width:55px; text-align:right;}
.indexList2 .inWrap .item.type2 .linkWrap { border-top:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2);}
.indexList2 .inWrap .item.type2 .linkWrap .link { float:left; width:33.3333333%; height:140px; text-align:center; border-left:1px solid rgba(255,255,255,0.2); color:#fff;}
.indexList2 .inWrap .item.type2 .linkWrap .link:first-child { border-left-width:0;}
.indexList2 .inWrap .item.type2 .linkWrap .link img { display:block; margin:28px auto 15px;}

.indexList2 .inWrap .item.type2 .linkWrap .link2 { float:left; width:50%; height:130px; text-align:center; border-left:1px solid rgba(255,255,255,0.2); color:#fff; text-align: left;border-bottom:1px solid rgba(255,255,255,0.2);}
.indexList2 .inWrap .item.type2 .linkWrap .link2:first-child { border-left-width:0;}
.indexList2 .inWrap .item.type2 .linkWrap .link2 img { display:block; margin:28px auto 15px;}


.indexList2 .inWrap .item.type3 { padding-right:0 !important; padding-left:19px;}
.indexList2 .inWrap .item.type3 .inContainer { position:relative; height:100%; padding:33px 26px; background:url("../images/bg_pattern.jpg") repeat 0 0;}
.indexList2 .inWrap .item.type3 .tit { height:30px; color:#202020; font-size:16px; font-weight:bold; border-bottom:1px solid #b9babc;}
.indexList2 .inWrap .item.type3 .more { position:absolute; right:26px; top:33px; z-index:3;}
.indexList2 .inWrap .item.type3 .inCont { padding:20px 0 0;}
.indexList2 .inWrap .item.type3 .inCont .desc { color:#202020; font-size:13px; line-height:1.4;}
.indexList2 .inWrap .item.type3 .inCont .desc span { display:block;}
.indexList2 .inWrap .item.type3 .textWrap { position:relative; z-index:2;}
.indexList2 .inWrap .item.type3 .trophy { position:absolute; right:0; bottom:0; z-index:1;}

/* moveSecting */
.moveSecting { position:fixed; right:40px; top:50%; z-index:5; padding:10px; background:rgba(0,0,0,0.7); border-radius:20px;}
.moveSecting .idx { width:33px; height:33px; background:url("../images/bg_sect.png") no-repeat 50% 50%; line-height:33px; text-align:center; color:#b00c28; font-weight:700; margin:15px 0;font-size: 12px;}

.moveSecting.loveStory { right:0; width:76px; padding:0; background:none; border-radius:0; margin-top:-50px;}
.moveSecting.loveStory .idx { width:100%; height:77px; margin:0; background:url("../images/bg_sect_1.png") no-repeat 0 0; color:#fff; font-size:11px; line-height:1;}
.moveSecting.loveStory .idx .current { padding:21px 0 0 21px; text-align:left;}
.moveSecting.loveStory .idx .max { padding:15px 15px 0 0; text-align:right;}

/* loveStoryWrapper */
.loveStoryWrapper { padding:96px 0 0; overflow:hidden; transition:padding 0.4s;}
.loveStoryWrapper > .btn { display:none;}
.loveStoryWrapper .slide { position:relative;}
.loveStoryWrapper .slide .m { display:none;}
.loveStoryWrapper .slide .apple-box{
	position: relative;
	width: 1100px;
	height: 891px;		
	margin: 0 auto;	
}
.loveStoryWrapper .slide .leaf1,
.loveStoryWrapper .slide .leaf2, 
.loveStoryWrapper .slide .leaf3{
	position: absolute;	
}
.loveStoryWrapper .slide .leaf1{left:600px;bottom:-150px;}
.loveStoryWrapper .slide .leaf2{left:100px;bottom:-50px;}
.loveStoryWrapper .slide .leaf3{left: 0px;bottom:-200px;}

.loveStoryWrapper .slide .bg11{background: #ececec;height:981px;}
.loveStoryWrapper .slide .bg12, 
.loveStoryWrapper .slide .bg13,
.loveStoryWrapper .slide .bg21, 
.loveStoryWrapper .slide .bg22, 
.loveStoryWrapper .slide .bg23,
.loveStoryWrapper .slide .bg31, 
.loveStoryWrapper .slide .bg32, 
.loveStoryWrapper .slide .bg33,
.loveStoryWrapper .slide .bg41, 
.loveStoryWrapper .slide .bg42, 
.loveStoryWrapper .slide .bg43,
.loveStoryWrapper .slide .bg51, 
.loveStoryWrapper .slide .bg52, 
.loveStoryWrapper .slide .bg53,
.loveStoryWrapper .slide .bg61, 
.loveStoryWrapper .slide .bg62, 
.loveStoryWrapper .slide .bg63,
.loveStoryWrapper .slide .bg71, 
.loveStoryWrapper .slide .bg72, 
.loveStoryWrapper .slide .bg73,
.loveStoryWrapper .slide .bg81, 
.loveStoryWrapper .slide .bg82, 
.loveStoryWrapper .slide .bg83,
.loveStoryWrapper .slide .bg91, 
.loveStoryWrapper .slide .bg92, 
.loveStoryWrapper .slide .bg93,
.loveStoryWrapper .slide .bg101, 
.loveStoryWrapper .slide .bg102, 
.loveStoryWrapper .slide .bg103{ position:relative; left:50%; margin-left:-960px;}

.loveStoryWrapper .slide .bg11 img, 
.loveStoryWrapper .slide .bg12 img, 
.loveStoryWrapper .slide .bg13 img,
.loveStoryWrapper .slide .bg21 img, 
.loveStoryWrapper .slide .bg22 img, 
.loveStoryWrapper .slide .bg23 img,
.loveStoryWrapper .slide .bg31 img, 
.loveStoryWrapper .slide .bg32 img, 
.loveStoryWrapper .slide .bg33 img,
.loveStoryWrapper .slide .bg41 img, 
.loveStoryWrapper .slide .bg42 img, 
.loveStoryWrapper .slide .bg43 img,
.loveStoryWrapper .slide .bg51 img, 
.loveStoryWrapper .slide .bg52 img, 
.loveStoryWrapper .slide .bg53 img,
.loveStoryWrapper .slide .bg61 img, 
.loveStoryWrapper .slide .bg62 img, 
.loveStoryWrapper .slide .bg63 img,
.loveStoryWrapper .slide .bg71 img, 
.loveStoryWrapper .slide .bg72 img, 
.loveStoryWrapper .slide .bg73 img,
.loveStoryWrapper .slide .bg81 img, 
.loveStoryWrapper .slide .bg82 img, 
.loveStoryWrapper .slide .bg83 img,
.loveStoryWrapper .slide .bg91 img, 
.loveStoryWrapper .slide .bg92 img, 
.loveStoryWrapper .slide .bg93 img,
.loveStoryWrapper .slide .bg101 img, 
.loveStoryWrapper .slide .bg102 img, 
.loveStoryWrapper .slide .bg103 img{ height:100%;}

.loveStoryWrapper .slide .bg12, 
.loveStoryWrapper .slide .bg13,
.loveStoryWrapper .slide .bg22, 
.loveStoryWrapper .slide .bg23,
.loveStoryWrapper .slide .bg32, 
.loveStoryWrapper .slide .bg33,
.loveStoryWrapper .slide .bg42, 
.loveStoryWrapper .slide .bg43,
.loveStoryWrapper .slide .bg52, 
.loveStoryWrapper .slide .bg53,
.loveStoryWrapper .slide .bg62, 
.loveStoryWrapper .slide .bg63,
.loveStoryWrapper .slide .bg72, 
.loveStoryWrapper .slide .bg73,
.loveStoryWrapper .slide .bg82, 
.loveStoryWrapper .slide .bg83,
.loveStoryWrapper .slide .bg92, 
.loveStoryWrapper .slide .bg93,
.loveStoryWrapper .slide .bg102, 
.loveStoryWrapper .slide .bg103{display: none;}

.loveStoryWrapper .slide .textWrap { position:absolute; z-index:2;}
.loveStoryWrapper .slide .textWrap h2,
.loveStoryWrapper .slide .textWrap p { line-height:1.3;}

.loveStoryWrapper .slide .tit { font-size:112px; color:#000; font-weight:700;}
.loveStoryWrapper .slide .tit2 { padding:35px 0 0; font-size:80px; color:#af0000; font-weight:700;}
.loveStoryWrapper .slide .tit3 { font-size:65px; color:#363636; font-weight:700;}
.loveStoryWrapper .slide .tit3.type1 { color:#000;}
.loveStoryWrapper .slide .tit4 { font-size:60px; color:#af0000; font-weight:700;}
.loveStoryWrapper .slide .tit5 { font-size:70px; color:#000; font-weight:700;}

.loveStoryWrapper .slide .text1 { color:#363636; font-size:44px; font-weight:700;}
.loveStoryWrapper .slide .text2 { color:#a91f23; font-size:28px; font-weight:700;}
.loveStoryWrapper .slide .text3 { color:#363636; font-size:44px; font-weight:700;}
.loveStoryWrapper .slide .text4 { color:#888887; font-size:32px;font-family:"微软雅黑"}
.loveStoryWrapper .slide .text4.type1 { color:#fff;}
.loveStoryWrapper .slide .text5 { color:#a91f23; font-size:35px;font-family:"微软雅黑"}
.loveStoryWrapper .slide .text6 { color:#af0000; font-size:60px;}
.loveStoryWrapper .slide .text6.type1 { color:#fff; font-size:35px;font-family:"微软雅黑"}
.loveStoryWrapper .slide .text7 { color:#363636; font-size:40px;}
.loveStoryWrapper .slide .text8 { color:#af0000; font-size:45px;}
.loveStoryWrapper .slide .text9 { color:#888887; font-size:20px;font-family:"微软雅黑"}

.loveStoryWrapper .slide.sect1 .textWrap { top:130px; left:0; right:0; text-align:center;}
.loveStoryWrapper .slide.sect1 .textWrap .tit { width:510px; margin:0 auto; border-bottom:2px solid #a4a4a4; line-height:1;}
.loveStoryWrapper .slide.sect1 .textWrap .text1 { padding:30px 0 0;}

.loveStoryWrapper .slide.sect2 .textWrap { top:355px; right:150px;}
.loveStoryWrapper .slide.sect3 .textWrap { top:340px; right:130px;}
.loveStoryWrapper .slide.sect4 .textWrap { top:130px; right:120px; text-align:right;}
.loveStoryWrapper .slide.sect5 .textWrap { top:150px; right: 100px;}
.loveStoryWrapper .slide.sect5 .textWrap p { padding-left:10px;}
.loveStoryWrapper .slide.sect5 .textWrap .text5 { padding-top:10px;}
.loveStoryWrapper .slide.sect5 .textWrap .text4 { padding-top:10px;}
.loveStoryWrapper .slide.sect6 .textWrap { top:225px; left:100px;}
.loveStoryWrapper .slide.sect6 .textWrap .text5 { padding-top:10px;}
.loveStoryWrapper .slide.sect6 .textWrap .text4 { padding-top:25px;}
.loveStoryWrapper .slide.sect7 .textWrap { top:480px; left: 20px; text-align:center;}
.loveStoryWrapper .slide.sect7 .textWrap .tit3 { line-height:1.3;}
.loveStoryWrapper .slide.sect7 .textWrap .text5 { padding-top:35px;}
.loveStoryWrapper .slide.sect8 .textWrap { top:85px; left:100px;}
.loveStoryWrapper .slide.sect8 .textWrap .text4 { padding-top:25px;}
.loveStoryWrapper .slide.sect9 .textWrap { top:325px; left:100px; text-align:center;}
.loveStoryWrapper .slide.sect9 .textWrap .text6.type1 { padding-top:15px;}
.loveStoryWrapper .slide.sect10 .textWrap { top:305px; right:185px;}
.loveStoryWrapper .slide.sect10 .textWrap .text8 { padding-top:35px;}
.loveStoryWrapper .slide.sect10 .textWrap .tit5 { padding-top:15px;}
.loveStoryWrapper .slide.sect10 .textWrap .text9 { padding-top:60px;}

/* gateWrapper */
/* .gateWrapper { padding:111px 0 0; overflow:hidden; transition:padding 0.4s;} */
.gateWrapper { padding:93px 0 0; overflow:hidden; transition:padding 0.4s;}
.gateWrapper > .btn { display:none;}
.gateWrapper .slide { float:left; position:relative; width:33.33333333%; height:900px;}
.gateWrapper .slide .bg { position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background-position:50% 0; background-repeat:no-repeat;}
.gateWrapper .slide .bg .dimm { position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.4); transition:all 0.25s ease-out;}
.gateWrapper .slide.slide1 .bg { background-image:url("../images/bg1.jpg");}
.gateWrapper .slide.slide2 .bg { background-image:url("../images/bg2.jpg");}
.gateWrapper .slide.slide3 .bg { background-image:url("../images/bg3.jpg");}
.gateWrapper .slide .textWrap { position:relative; z-index:2; text-align:center;}
.gateWrapper .slide .textWrap .topIco { padding:98px 0 0;}
.gateWrapper .slide .textWrap .tit { padding:27px 0 0; font-size:24px; font-weight:700; color:#fff;}
.gateWrapper .slide.slide2 .textWrap .tit { color:#1f1f1f;}
.gateWrapper .slide.slide1 .textWrap .tit span { color:#00a004;}
.gateWrapper .slide.slide2 .textWrap .tit span { color:#b9253f;}
.gateWrapper .slide .textWrap .liner { position:relative; width:51px; height:2px; margin:27px auto 0; background:#d3d3d3; transition:all 0.25s ease-out;}
.gateWrapper .slide .textWrap .liner span { display:block; opacity:0; background:rgba(255,255,255,0.38); transition:all 0.5s ease-out; }
.gateWrapper .slide .textWrap .liner .mid { width:5px; height:5px; margin:0 auto; border-radius:50%;}
.gateWrapper .slide .textWrap .liner .line { position:absolute; top:2px; width:49%; height:2px;}
.gateWrapper .slide .textWrap .liner .line.left { left:0;}
.gateWrapper .slide .textWrap .liner .line.right { right:0;}
.gateWrapper .slide .textWrap .desc { opacity:0; padding:25px 0 0; color:#fefefe; font-size:15px; line-height:20px; transition:all 0.25s ease-out;letter-spacing: -1px;}
.gateWrapper .slide.slide2 .textWrap .desc { color:#fefefe;}
.gateWrapper .slide .textWrap .goBtn { opacity:0; padding:25px 0 30px; transition:all 0.25s ease-out;}
.gateWrapper .slide .textWrap .goBtn a { display:inline-block; width:150px; height:40px; line-height:40px; border:2px solid #fff; color:#fff; font-size:18px; text-align:left; padding-left:30px; font-weight:700; background:url("../images/ico_arrow.png") no-repeat 110px 50%;}
.gateWrapper .slide.slide2 .textWrap .goBtn a { color:#fefefe; border-color:#fefefe; background-image:url("../images/ico_arrow.png");}
.gateWrapper .slide .textWrap .goBtn a img { margin-left:6px;}

.gateWrapper .slide.hover .bg .dimm { opacity:0; transition:all 0.5s;}
.gateWrapper .slide.hover.slide2 .textWrap .liner span { background:rgba(0,0,0,0.38);}
.gateWrapper .slide.hover .textWrap .liner { width:auto; margin:27px 125px 0; transition:all 0.5s ease-out; background:transparent;}
.gateWrapper .slide.hover .textWrap .liner span,
.gateWrapper .slide.hover .textWrap .desc,
.gateWrapper .slide.hover .textWrap .goBtn { opacity:1; transition:all 0.5s ease-out;}
.objects {position: absolute}

/* indexList2 */
#partners .indexList2 { overflow:hidden; margin:30px 20px;padding:0 70px;}
#partners .indexList2 .item-group > .item { float:left; width:23%; height:235px; position:relative; margin:0 0 15px;}
#partners .indexList2 .item-group > .item2,
#partners .indexList2 .item-group > .item3,
#partners .indexList2 .item-group > .item4 { width:18%; padding:0 5px;}
#partners .indexList2 .item-group > .item1 { padding-right:5px;}
#partners .indexList2 .item-group > .item5 { padding-left:5px;}
#partners .indexList2 .item-group > .item .tit { padding:0 0 15px; color:#202020; font-size:18px; border-bottom:1px solid #cececf; font-weight:bold;}
#partners .indexList2 .item-group > .item .cArea { padding:20px 0 0; overflow:hidden;}
#partners .indexList2 .item-group > .item .seeMore { position:absolute; right:10px; top:0; color:#992236; font-size:28px; font-weight:bold;}
#partners .indexList2 .item-group > .item .inList2 { padding:10px 0 0; }
#partners .indexList2 .item-group > .item .inList2 li { overflow:hidden; padding:17px 10px 13px 0; color:#202020; font-size:13px; border-top:1px solid #eaeaeb;}
#partners .indexList2 .item-group > .item .inList2 li:first-child { border-top:0;}
#partners .indexList2 .item-group > .item .inList2 li a { display:block; position:relative; padding-left:15px; background:url("../images/ico_dot1_2.png") no-repeat 0 50%;}
#partners .indexList2 .item-group > .item .inList2 li a .text { display:block; margin-right:70px; padding:1px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
#partners .indexList2 .item-group > .item .inList2 li a .date { position:absolute; right:0; top:0; width:62px; padding:1px 0;}
#partners .indexList2 .item-group > .item .boxLink { display:block; height:235px; padding:20px; font-size:18px; font-weight:bold; background-color:#b00c28; color:#fff;}
#partners .indexList2 .item-group > .item .boxLink.link1 { background:#b00c28 url("../images/ico1.png") no-repeat 85% 85%; }
#partners .indexList2 .item-group > .item .boxLink.link2 { background:#b00c28 url("../images/ico2.png") no-repeat 85% 85%; }
#partners .indexList2 .item-group > .item .boxLink.link3 { background:#b00c28 url("../images/ico3.png") no-repeat 85% 85%; }
#partners .indexList2 .item-group > .item.item5 .cArea { padding-top:30px;}
#partners .indexList2 .item-group > .item .boxLink2 { float:left; width:50%; text-align:center; padding: 0 10px 10px;}
#partners .indexList2 .item-group > .item .boxLink2.right { padding:0 10px 10px; padding-left:0;}
#partners .indexList2 .item-group > .item .boxLink2 a { display:block; line-height:80px; background:#e9e9e9;}
#partners .indexList2 .item-group > .item .boxLink2 img{
	padding: 10px;
}

/* partners page */

.bgText { overflow:hidden; text-indent:-1000px;}

.headerWrap{ position:fixed; left:0; right:0; top:0; height:93px; z-index:5;
}
.partner-tbl th{
	width: 30%;
}









#partners .subContext-f {  background:#fff; margin:-60px auto 0; padding:0 20px 50px; overflow:hidden;}
#partners .subContext { background:#fff; margin:0px auto 0; padding:0 20px 50px; overflow:hidden;}
#partners .subContext-f .tit,
#partners .subContext .tit {  margin:68px 50px 0 87px; width:230px; font-size:40px; font-weight:bold; color:#202020;}
#partners .subContext-f .tit:after,
#partners .subContext .tit:after { content:""; display:block; width:62px; height:1px; margin:15px 0 20px; background:#d7d7d7;}
.three-wrap,
.bio-wrap{max-width: 1317px;margin: 0 auto;}

.three-wrap .titl,
.three-wrap .exp{float: left;}
.three-wrap .titl{
	font-size: 20px;
	color: #fff;
	background-color:#c6323e;
	padding: 20px 30px;
	width: 20%;
	margin-right: 60px;
}

.prod-intro-box{
	border-bottom: 1px solid #eaeaea;
	margin: 0 50px 0 87px;
}
.prod-intro-subbox{
	clear: both;
}
.prod-titl01{
	background: #ad2733;
	color: #fff;
	padding: 8px 10px;
	text-align: center;
	float: left;
}
.prod-titl02{
	float: left;
	color: #fff;
	background: #6e6e6e;
	padding: 8px 10px;
	display: inline-block;
	text-align: center;
}

.prod-link{
	float: right;
	color: #ad2733;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	display: block;
	padding-right: 30px;
}
.prod-link:after{
	content: url("../images/ico/icon_prod_more.png");
	position: absolute;
	right:0px;
	top: -1px;
}
.prod-intro-box p{

	margin-top: 60px;
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 1.4em;
}
.prod-intro-box p.prod-p2{
	margin: 20px 0;
	color:#9e9e9e;
	
}
.prod-exp{
	clear:both;
	float: left;
	display: inline-block;
	width: 100%;
}

.prod-img{
	float: left;
	margin: 0 50px 0px 0;
}
.prod-img-thum{
	float: right;
	margin: 0 0 0 50px;
}
.prod-tabl{
	float: left;
	margin-top: 30px;
	line-height: 24px;
}
.prod-tabl td ul li{
	color: #9e9e9e;
}
.prod-tabl td:first-child ul li{
	list-style: disc;
	list-style-position: outside;
	margin-left: 1em;
	color: #5a5a5a;
	margin-right: 30px;
}





.bio-wrap{
	float: left;
	margin: 0 80px;
}
.bio-wrap h2{
	font-size: 24px;
	margin-top: 30px;
}
.bio-wrap p{
	margin-top: 15px;
	line-height: 25px;
}
.bio-prod-img-r{
	float: right;
	margin: 0 0 50px 50px;
	max-width: 100%;
}

.three-wrap .exp{
	width: 70%;
	color: #5a5a5a;
	font-size: 18px;
	line-height: 24px;
}
.three-wrap .exp li{
	list-style: disc;
	list-style-position: outside;
	margin-left: 1em;
	font-size: 18px;
}
.partner-line-box{
	border: 3px solid #eaeaea;
	margin: 0px auto;
	padding: 40px 160px;
	max-width: 1275px;
}
.partner-line-box p{font-size: 18px;color:#5a5a5a;line-height: 1.4em;}
.wrap-btn-box{text-align: center;}
.btn-three {
	background: #b00c28;
	color: #fff;
	padding: 20px 50px;
	font-size: 18px;
	line-height: 1.4em;
	width: 350px;
	margin: 30px auto;
	text-align: center;
}


/* 1700px 이하 */
@media all and (max-width:1700px) {
	.header .subGnbContainer .banner { width:200px;}
}

/* 1600px 이하 */
@media all and (max-width:1600px) {

	.header .gnbContainer .logo { margin-left:40px;}

	.header .utilContainer { padding-right:55px;}

	.header .gnbContainer .gnb .list > li { width:107px;}
	.header .gnbContainer .gnb .list > li.last { width:158px;}

	.header .gnbContainer .gnb .list > li a { padding:0 10px;}

	.header .subGnbContainer .colWrap .col { width:107px;}
	.header .subGnbContainer .colWrap .col.last { width:158px;}

	.header .subGnbContainer .banner { margin-left:40px;}

	.header .subGnbContainer .colWrap .col .list > li > ul { padding-left:20px;}

	.indexKeyVisual .contWrap { left:40px;}


	.indexList .inWrap,
	.indexList2 .inWrap { margin:0 40px;}

	.indexList2 .inWrap .item { width:50%; height:250px;}
	.indexList2 .inWrap .item.type1 { padding-right:0; margin-bottom:50px;}
	.indexList2 .inWrap .item1 { padding-right:10px !important;}
	.indexList2 .inWrap .item2 { padding-left:10px !important;}
	.indexList2 .inWrap .item3 { padding-right:10px !important;}
	.indexList2 .inWrap .item4 { padding-left:10px !important;}

	.footer .innerContainer { margin:0 40px;}
	.footer .relationCompany { right:0;}

/* DesktopWide */
	#partners .headerWrap .allMenu .banner { display:block; position:absolute; left:80px; top:32px;}
}



@media all and (max-width:1280px) {
	.loveStoryWrapper .slide .bg11,
	.loveStoryWrapper .slide .bg21,
	.loveStoryWrapper .slide .bg31,
	.loveStoryWrapper .slide .bg41,
	.loveStoryWrapper .slide .bg51,
	.loveStoryWrapper .slide .bg61,
	.loveStoryWrapper .slide .bg71,
	.loveStoryWrapper .slide .bg81,
	.loveStoryWrapper .slide .bg91,
	.loveStoryWrapper .slide .bg101{display: none;}
	.loveStoryWrapper .slide .bg13,
	.loveStoryWrapper .slide .bg23,
	.loveStoryWrapper .slide .bg33,
	.loveStoryWrapper .slide .bg43,
	.loveStoryWrapper .slide .bg53,
	.loveStoryWrapper .slide .bg63,
	.loveStoryWrapper .slide .bg73,
	.loveStoryWrapper .slide .bg83,
	.loveStoryWrapper .slide .bg93,
	.loveStoryWrapper .slide .bg103{display: block;position:relative; left:50%; margin-left:-640px;}
	
	.loveStoryWrapper { padding:60px 0 0; transition:padding 0.4s;}
	.loveStoryWrapper .flexSlider {}
	.loveStoryWrapper .slide .tit { font-size:74px}
	.loveStoryWrapper .slide.sect1 .textWrap .tit { width:410px;}
	.loveStoryWrapper .slide .tit1 { font-size:112px;}
	.loveStoryWrapper .slide .tit2 { font-size:53px;}
	.loveStoryWrapper .slide .tit3 { font-size:30px;}
	.loveStoryWrapper .slide .tit4 { font-size:32px;}
	.loveStoryWrapper .slide .tit5 { font-size:42px;}

	.loveStoryWrapper .slide .text1 { font-size:34px;}
	.loveStoryWrapper .slide .text2 { font-size:18px;}
	.loveStoryWrapper .slide .text3 { font-size:30px;}
	.loveStoryWrapper .slide .text4 { font-size:21px;}
	.loveStoryWrapper .slide .text5 { font-size:21px;}
	.loveStoryWrapper .slide .text6.type1 { font-size:30px;}
	.loveStoryWrapper .slide .text7 { font-size:21px;}
	.loveStoryWrapper .slide .text8 { font-size:36px;}
	.loveStoryWrapper .slide .text9 { font-size:13px;}


	.loveStoryWrapper .slide.sect2 .textWrap { right:40px;}
	.loveStoryWrapper .slide.sect3 .textWrap { top:250px; right:70px;}
	.loveStoryWrapper .slide.sect4 .textWrap { top:130px; right:120px;}
	.loveStoryWrapper .slide.sect5 .textWrap { top:110px; right: 100px;}
	.loveStoryWrapper .slide.sect6 .textWrap { top:150px; left:40px;}
	.loveStoryWrapper .slide.sect6 .textWrap span { display:block;}
	.loveStoryWrapper .slide.sect7 .textWrap { top:250px; left:20px;}
	.loveStoryWrapper .slide.sect8 .textWrap { top:100px; left:40px;}
	.loveStoryWrapper .slide.sect9 .textWrap { top: 300px;left:100px;}
	.loveStoryWrapper .slide.sect10 .textWrap { top: 180px;right:95px;}
	.loveStoryWrapper .slide.sect10 .textWrap .text8 { padding-top:0px;}
	.loveStoryWrapper .slide.sect10 .textWrap .text9 { padding-top:20px;}
	.loveStoryWrapper .slide.sect10 .textWrap .tit5 { padding-top:0px;}
}
/* 1279px 이하 */
@media all and (max-width:1279px) {

	.header .subGnbContainer .banner { display:none;}

	.dimmGnb { display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:11; background:rgba(0,0,0,0.8);}

	.bodyContainer { position:relative; left:0;}
	.bodyContainer.open .header { position:absolute;}

	/* .header { position:fixed; left:0; right:0; top:0; z-index:10; height:81px;} */
	.header { position:fixed; left:0; right:0; top:0; z-index:10; height:60px;}
	.header .utilContainer,
	.header .gnbContainer .gnb  { display:none;}
	/* .header .gnbContainer .callMenu { display:block; position:absolute; top:20px; right:40px; width:40px; height:40px; background:url("../images/ico_menu.png") no-repeat 50% 50%; text-indent:-1000px; overflow:hidden;} */
	.header .gnbContainer .callMenu { display:block; position:absolute; top:10px; right:40px; width:40px; height:40px; background:url("../images/ico_menu.png") no-repeat 50% 50%; text-indent:-1000px; overflow:hidden;}

	.header.loveStory .gnbContainer .callMenu { background-image:url("../images/ico_menu2.png");}

	/* .indexContainer { padding-top:81px;} */
	.indexContainer { padding-top:60px;}

	.header .subGnbContainer { position:fixed; left:auto; right:0; top:0; bottom:0; z-index:15; width:360px; height:100%; background:#fff; overflow-y:scroll; }
	.header .subGnbContainer .innerContainer { background:#fff; height:auto; border:0 none;}
	.header .subGnbContainer .util { display:block; overflow:hidden;height: 60px;}
	.header .subGnbContainer .util li { float:left; width:25%;height: 60px; border-left:1px solid #ddd;}
	.header .subGnbContainer .util li:first-child { border-left-width:0;}
	.header .subGnbContainer .util li a { display:table-cell; text-align:center; line-height:15px; color:#5a5a5a; font-size:12px; text-align:center;height: 60px;width:25%;}
	.header .subGnbContainer .util2 { display:block; overflow:hidden;}
	.header .subGnbContainer .util2 li { float:left; width:33.33333333%; border-left:1px solid #ddd;}
	.header .subGnbContainer .util2 li:first-child { border-left-width:0;}
	.header .subGnbContainer .util2 li a { display:block; text-align:center; line-height:41px; color:#5a5a5a; font-size:15px; text-align:center;}

	.header .subGnbContainer .colWrap { /* position:absolute; left:0; right:0; top:41px; bottom:0; */ overflow:hidden; float:none; padding:0; border-top:2px solid #ddd;}
	.header .subGnbContainer .colWrap .mCSB_container { margin-right:0;}
	.header .subGnbContainer .colWrap .mCSB_scrollTools_vertical { width:4px;}
	.header .subGnbContainer .colWrap .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#b00c28;}
	.header .subGnbContainer .colWrap .col,
	.header .subGnbContainer .colWrap .col.last { float:none; width:auto; height:auto; padding:0; border:0 none;}
	.header .subGnbContainer .colWrap .col.menu0 { display:block;}
	.header .subGnbContainer .colWrap .col .tit,
	.header .subGnbContainer .colWrap .col .tit2 { display:block;}	
	.header .subGnbContainer .colWrap .col .tit a { display:block; line-height:1.3; padding:8px 0 8px 32px; background:url("../images/ico_menu_close.png") no-repeat 90% 50%; border-bottom:1px solid #ddd; color:#5a5a5a; font-size:17px; font-weight:700;}
	.header .subGnbContainer .colWrap .col .tit2 a { display:block; line-height:1.3; padding:8px 0 8px 32px; border-bottom:1px solid #ddd; color:#5a5a5a; font-size:17px; font-weight:700;}
	.header .subGnbContainer .colWrap .col .tit a.active { background-image:url("../images/ico_menu_open.png"); color:#b00c28;}
	.header .subGnbContainer .colWrap .col.menu0 a { background:none;}
	.header .subGnbContainer .colWrap .col .list { display:none;}
	.header .subGnbContainer .colWrap .col .list > li { overflow:hidden; background:#f1f1f1; border-top:1px solid #fff;}
	.header .subGnbContainer .colWrap .col .list > li > a { float:left; padding:11px 0 11px 32px; font-size:14px; color:#a2a2a2; font-weight:700; border-top:1px solid #fff; background:#f1f1f1;}
	.header .subGnbContainer .colWrap .col .list br { display:none;}
	.header .subGnbContainer .colWrap .col .list > li:hover > a { background:#f1f1f1;}
	.header .subGnbContainer .colWrap .col .list > li:first-child > a { border-top-width:0;}
	.header .subGnbContainer .colWrap .col .list > li > ul { overflow:hidden; text-align:left; padding-top:7px;}
	.header .subGnbContainer .colWrap .col .list > li > ul > li { float:left; padding:7px 14px 0 0; margin-right:12px; color:#a2a2a2; background:url("../images/ico_line1.png") no-repeat 100% 50%;}
	.header .subGnbContainer .colWrap .col .list > li > ul > li:first-child { padding-left:0;}
	.header .subGnbContainer .colWrap .col .list > li > ul > li:last-child { background:none; padding-right:0;}

	.moveSecting { display:none;}

	/* loveStory */


	/* .loveStoryWrapper .slide.sect2 .textWrap { top:280px; right:110px;}
	.loveStoryWrapper .slide.sect3 .textWrap { top:340px; right:80px;}
	
	.loveStoryWrapper .slide .tit { font-size:74px;}
	.loveStoryWrapper .slide .text1 { font-size:34px;}
	.loveStoryWrapper .slide .text2 {font-size:18px;}
	.loveStoryWrapper .slide .text3 { font-size:30px;}
	.loveStoryWrapper .slide .text4 { font-size:21px;}
	.loveStoryWrapper .slide .tit2 { font-size:53px;}
	 */

	

	
	/* .gateWrapper { padding:81px 0 0; transition:padding 0.4s;} */
	.gateWrapper { padding:60px 0 0; transition:padding 0.4s;}	
}

/* 1023px 이하 */
@media all and (max-width:1023px) {

	.gateWrapper { }
	.gateWrapper .btn { position:absolute; width:52px; height:38px; margin-left:-30px; background-repeat:no-repeat; background-position:50% 50%; overflow:hidden; text-indent:-1000px; z-index:3;}
	.gateWrapper .btn.prev { top: 120px;position: fixed; right: 20px; background-image:url("../images/ico_up.png"); display: block;}
	.gateWrapper .btn.next { bottom:40px; position: fixed; right: 20px; background-image:url("../images/ico_down.png"); display: block;}
	.gateWrapper .slide { float:none; width:auto;}
	.gateWrapper .slide.slide1 { height:1014px;}
	.gateWrapper .slide.slide2,
	.gateWrapper .slide.slide3 { height:1095px;}
	.gateWrapper .slide .bg .dimm { display:none;}
	.gateWrapper .slide.slide1 .bg { background-image:url("../images/bg_p1.jpg");}
	.gateWrapper .slide.slide2 .bg { background-image:url("../images/bg_p2.jpg");}
	.gateWrapper .slide.slide3 .bg { background-image:url("../images/bg_p3.jpg");}
	.gateWrapper .slide.slide2 .textWrap .tit,
	.gateWrapper .slide.slide2 .textWrap .desc { color:#fff;}
	.gateWrapper .slide.slide2 .textWrap .goBtn a { color:#fff; border-color:#fff;  background-image:url("../images/ico_arrow.png");}
	.gateWrapper .slide.slide2 .textWrap .liner span { background:rgba(255,255,255,0.38);}
	.gateWrapper .slide .textWrap .liner { width:auto; margin:27px 125px 0; transition:all 0.5s ease-out; background:transparent;}
	.gateWrapper .slide .textWrap .liner span,
	.gateWrapper .slide .textWrap .desc,
	.gateWrapper .slide .textWrap .goBtn { opacity:1; transition:all 0.5s ease-out;}

	.loveStoryWrapper .slide .bg13,
	.loveStoryWrapper .slide .bg23,
	.loveStoryWrapper .slide .bg33,
	.loveStoryWrapper .slide .bg43,
	.loveStoryWrapper .slide .bg53,
	.loveStoryWrapper .slide .bg63,
	.loveStoryWrapper .slide .bg73,
	.loveStoryWrapper .slide .bg83,
	.loveStoryWrapper .slide .bg93,
	.loveStoryWrapper .slide .bg103{display: none;}
	.loveStoryWrapper .slide .bg12,
	.loveStoryWrapper .slide .bg22,
	.loveStoryWrapper .slide .bg32,
	.loveStoryWrapper .slide .bg42,
	.loveStoryWrapper .slide .bg52,
	.loveStoryWrapper .slide .bg62,
	.loveStoryWrapper .slide .bg72,
	.loveStoryWrapper .slide .bg82,
	.loveStoryWrapper .slide .bg92,
	.loveStoryWrapper .slide .bg102{display: block;margin-left:-512px;}

	.loveStoryWrapper .slide .textWrap h2,
	.loveStoryWrapper .slide .textWrap p { line-height:1.5;}

	.loveStoryWrapper .slide .tit { font-size:79px}
	.loveStoryWrapper .slide.sect1 .textWrap .tit { width:410px;}
	.loveStoryWrapper .slide .tit1 { font-size:112px;}
	.loveStoryWrapper .slide .tit2 { font-size:57px;padding:15px 0 0}
	.loveStoryWrapper .slide .tit3 { font-size:45px; line-height: 45px;}
	.loveStoryWrapper .slide .tit4 { font-size:32px;}
	.loveStoryWrapper .slide .tit5 { font-size:45px;}
	
	.loveStoryWrapper .slide .text1 { font-size:36px;}
	.loveStoryWrapper .slide .text2 { font-size:20px;}
	.loveStoryWrapper .slide .text3 { font-size:31px;}
	.loveStoryWrapper .slide .text4 { font-size:23px;}
	.loveStoryWrapper .slide .text5 { font-size:25px; font-weight: bold;}
	.loveStoryWrapper .slide .text6.type1 { font-size:30px;}
	.loveStoryWrapper .slide .text7 { font-size:23px;}
	.loveStoryWrapper .slide .text8 { font-size:25px;}
	.loveStoryWrapper .slide .text9 { font-size:14px;}


	.loveStoryWrapper .slide.sect2 .textWrap { right:40px;}
	.loveStoryWrapper .slide.sect3 .textWrap { top:250px; right:70px;}
	.loveStoryWrapper .slide.sect4 .textWrap { top:130px; right:120px;}
	.loveStoryWrapper .slide.sect5 .textWrap { top:110px; right: 100px;}
	.loveStoryWrapper .slide.sect6 .textWrap { top:150px; left:40px;}
	.loveStoryWrapper .slide.sect6 .textWrap span { display:block;}
	.loveStoryWrapper .slide.sect7 .textWrap { top:80px; left:240px;}
	.loveStoryWrapper .slide.sect8 .textWrap { top:100px; left:40px;}
	.loveStoryWrapper .slide.sect9 .textWrap { top: 300px;left:50px;}
	.loveStoryWrapper .slide.sect10 .textWrap { top: 320px;right:95px;}
	.loveStoryWrapper .slide.sect10 .textWrap .text8 { padding-top:0px;}
	.loveStoryWrapper .slide.sect10 .textWrap .text9 { padding-top:20px;}
	.loveStoryWrapper .slide.sect10 .textWrap .tit5 { padding-top:0px;}


}

/* 980px 이하 */
@media all and (max-width:980px) {
	.gateWrapper .slide .textWrap .topIco {
		padding : 30px 0 0;
	}

	.indexList2 .inWrap .item { float:none; width:auto; height:250px; padding-right:0 !important; padding-left:0 !important; margin-bottom:50px !important;}
	.indexList2 .inWrap .item4 { margin-bottom:0 !important;}

	.indexList .inWrap .item { float:none; width:auto; margin-top:30px;}
	.indexList .inWrap .item:first-child { margin-top:0;}

	.header .gnbContainer .logo { margin-left:20px;}

	.header .gnbContainer .callMenu { right:20px;}

	.indexKeyVisual { height:auto;}
	.indexKeyVisual > .bg { height:550px; margin-left:-533.5px;}
	.indexKeyVisual > .bg img { max-height:550px; width:100%;}	
	.indexKeyVisual .contWrap { position:relative; left:auto; top:auto; text-align:center;}
	.indexKeyVisual .titWrap { height:275px; padding:120px 0 0;}
	.indexKeyVisual .titDesc { width:500px; height:275px; margin:0 auto; padding-top:50px;}
	.indexKeyVisual .titDesc span { display:inline;}
	.indexKeyVisual .newsBox { width:auto; text-align:left;}

	.indexSubVisual { height:450px; margin-top:30px;}
	.indexSubVisual > .bg { height:450px;}
	.indexSubVisual > .bg img { height:450px;}
	.indexSubVisual .contWrap { position:relative; top:auto; left:auto; right:auto; padding-top:70px;}
	.indexSubVisual .tit { font-size:22px; padding:0 20px 40px;}
	.indexSubVisual .flexSlider { width:100%;}
	.indexSubVisual .flexSlider .slider .slide { width:100%;}
	.indexSubVisual .flexSlider .slider .slide .slideTit { font-size:40px;}
	.indexSubVisual .flexSlider .slider .slide .slideDesc { margin:0 30px;}
	.indexSubVisual .sliderWrap { margin:0 20px; width:auto;}
	.indexSubVisual .sliderWrap .btn.prev { left:25px;}
	.indexSubVisual .sliderWrap .btn.next { right:25px;}

	.indexList2,
	.indexList { margin-top:30px;}
	.indexList .inWrap,
	.indexList2 .inWrap { margin:0 20px;}

	.indexContainer { padding-bottom:40px;}

	.footer .innerContainer { padding-top:35px; padding-bottom:35px;}
	.footer .logo { float:none;}
	.footer .textWrap { float:none; margin-left:0; margin-top:20px;}
	.footer .textWrap .list li { margin-bottom:10px;}
	.footer .relationCompany { display:none;}

	
	.loveStoryWrapper .slide .tit1 { font-size:112px;}
	.loveStoryWrapper .slide .tit2 { font-size:70px;}
	.loveStoryWrapper .slide .tit3 { font-size:58px;}
	.loveStoryWrapper .slide .tit4 { font-size:48px;}
	.loveStoryWrapper .slide .tit5 { font-size:64px;}
	
	.loveStoryWrapper .slide .text1 { font-size:38px;}
	.loveStoryWrapper .slide .text2 { font-size:28px;}
	.loveStoryWrapper .slide .text3 { font-size:38px;}
	.loveStoryWrapper .slide .text4 { font-size:28px;}
	.loveStoryWrapper .slide .text5 { font-size:36px;}
	.loveStoryWrapper .slide .text6.type1 { font-size:32px;}
	.loveStoryWrapper .slide .text7 { font-size:32px;}
	.loveStoryWrapper .slide .text8 { font-size:36px;}
	.loveStoryWrapper .slide .text9 { font-size:20px;}
	
	.loveStoryWrapper .slide.sect2 .textWrap { right:20px;}
	.loveStoryWrapper .slide.sect3 .textWrap { right:20px;}
	.loveStoryWrapper .slide.sect4 .textWrap { right:20px;}
	.loveStoryWrapper .slide.sect5 .textWrap { left:auto; right:20px; margin-left:0;}
	.loveStoryWrapper .slide.sect6 .textWrap { left:20px;}
	.loveStoryWrapper .slide.sect7 .textWrap { right:20px;}
	.loveStoryWrapper .slide.sect8 .textWrap { left:20px;}
	.loveStoryWrapper .slide.sect9 .textWrap { left:20px;}
	.loveStoryWrapper .slide.sect10 .textWrap { right:20px;}
	.gateWrapper .slide .textWrap .liner { margin-left:40px; margin-right:40px; transition:all 0.4s;}

	#partners .subContext-f .tit,
	#partners .subContext .tit {  margin:30px 10px 0; width:230px; font-size:18px; font-weight:bold; color:#202020;}
	.bio-wrap{
		margin: 0 10px;
	}
	.bio-wrap h2{
		font-size: 16px;
		margin-top: 20px;
	}
	.bio-wrap p{
		font-size: 13px;
		line-height: 25px;
	}
	.bio-prod-img-r{
		float: right;
		margin: 10px 0;
	}
	#partners .subContext-f,
	#partners .subContext {padding:0 0px 10px; max-width: 100%;}

	.prod-intro-box{
		margin: 0;
	}
	.prod-link{
		font-size: 18px;
		margin: 10px 0;
	}
	.prod-intro-box p{

		margin-top: 70px;
		margin-bottom: 30px;
		font-size: 13px;
	}
		#partners .subVisual.bio-production { height:250px; background:url("../images/vis_bio_product.jpg") no-repeat 50% 0; text-align:center;}
		#partners .subVisual.bio-caunsel { height:250px; background:url("../images/vis_bio-caunsel.jpg") no-repeat 50% 0; text-align:center;}
		.btn-three {
			padding: 10px;
			width: 100%;
		}
		.prod-img-thum{
			/* float: right; */
			float: none;
			margin: 0 auto;
			width: 100%;
			max-width: 300px;
		}
}

/* 640px 이하 */
@media all and (max-width:640px) {
	.footer .logo img { width: 110px;}
	.footer .innerContainer { margin:0 15px; padding:10px 0;}
	.footer .textWrap .address { padding-top:5px;}
	.footer .textWrap .list li { display:inline-block; padding:0 0 0 4px; font-size:10px;}
	.footer .textWrap .list li:first-child { padding-left:0; background:none;}

	.header .gnbContainer .logo a img { width:120px;}

	.header .subGnbContainer { width:240px;}

	.header .subGnbContainer .colWrap .col .list > li > a,
	.header .subGnbContainer .colWrap .col .list > li > ul,
	.header .subGnbContainer .colWrap .col .list > li > ul > li { float:none;}
	.header .subGnbContainer .colWrap .col .list > li > ul { padding-left:45px; padding-top:0;}
	.header .subGnbContainer .colWrap .col .list > li > ul > li { padding:10px 0; background:none;}

	.indexKeyVisual > .bg { height:350px; margin-left:-339.5px;}
	.indexKeyVisual > .bg img { height:100%; width: 100%; }
	.indexKeyVisual .titWrap { height:175px; padding-top:60px;}
	.indexKeyVisual .titWrap .slogan { font-size:35px;}
	.indexKeyVisual .titWrap .tit { font-size:50px;}
	.indexKeyVisual .titDesc { width:auto; height:175px; margin-left:20px; margin-right:20px; padding-top:20px;}
	.indexKeyVisual .newsBox .more { position:relative; display:inline-block; right:auto; top:auto; margin-top:20px; padding:10px; border:2px solid #b00c28;}

	.indexSubVisual .tit span { display:inline;}

	.indexList2 .inWrap .item.type2 .info .total { font-size:24px; padding-top:10px;}

	.indexList2 .inWrap .item { margin-bottom:20px !important;}
	#partners .indexList2 .item-group > .item .boxLink { height:70px;font-size: 11px;padding:10px 8px;}
	#partners .indexList2 .item-group > .item .boxLink.link1 { background:#b00c28 url("../images/ico1.png") no-repeat 95% 85%; background-size: 20px; }
	#partners .indexList2 .item-group > .item .boxLink.link2 { background:#b00c28 url("../images/ico2.png") no-repeat 95% 85%; background-size: 20px; }
	#partners .indexList2 .item-group > .item .boxLink.link3 { background:#b00c28 url("../images/ico3.png") no-repeat 95% 85%; background-size: 20px; }

	.loveStoryWrapper { position:relative;}
	.loveStoryWrapper .flexSlider { position:relative; margin:0 auto; width:100%;}
	.loveStoryWrapper .flexSlider .slider { width:100%; height:2500px;}
	.loveStoryWrapper .flexSlider .slider .slide { float: left; width:100%; text-align:center; color:#fff; position:relative;}
	.loveStoryWrapper .flexSlider .slider .slide .m { display:block; width:100%;}
	.loveStoryWrapper .flexSlider .slider .slide .bg { display:none;}
	.loveStoryWrapper .flexSlider .slider .slide .textWrap { display:none;}
	.loveStoryWrapper > .btn { display:block; position:absolute; left:50%; margin-left:-37px; z-index:3; width:77px; height:76px; overflow:hidden; text-indent:-1000px; background-position:0 0; background-repeat:no-repeat; background-size:100%; opacity:0.4;}
	.loveStoryWrapper > .btn.prev { top:81px; background-image:url("../images/btn_up.png");}
	.loveStoryWrapper > .btn.next { bottom:0; background-image:url("../images/btn_down.png");}

	
	.loveStoryWrapper .slide .bg12,
	.loveStoryWrapper .slide .bg22,
	.loveStoryWrapper .slide .bg32,
	.loveStoryWrapper .slide .bg42,
	.loveStoryWrapper .slide .bg52,
	.loveStoryWrapper .slide .bg62,
	.loveStoryWrapper .slide .bg72,
	.loveStoryWrapper .slide .bg82,
	.loveStoryWrapper .slide .bg92,
	.loveStoryWrapper .slide .bg102{display: none;}


	/* .gateWrapper .slide { height:963px !important; transition:all 0.4s;} */
	.gateWrapper .slide { height:100% !important; transition:all 0.4s;}
	.gateWrapper .slide.slide1 .bg { background-image:url("../images/bg_m1.jpg");background-size: 100%}
	.gateWrapper .slide.slide2 .bg { background-image:url("../images/bg_m2.jpg");background-size: 100%}
	.gateWrapper .slide.slide3 .bg { background-image:url("../images/bg_m3.jpg");background-size: 100%}
	.gateWrapper .slide .textWrap .liner { margin-left:40px; margin-right:40px; transition:all 0.4s;}
	.gateWrapper .slide .textWrap .desc { padding-left:40px; padding-right:40px; transition:all 0.4s;}
	.gateWrapper .slide .textWrap .desc br { display:none;}

	/* partners page */
	#partners .indexList2 > .item-group {width: 100%;clear: both;}
	#partners .indexList2 .item-group > .item { float:left; width:100%; height:100px; position:relative; margin:0 0 15px;}
	
	#partners .indexList2 .item-group > .item2,
	#partners .indexList2 .item-group > .item3,
	#partners .indexList2 .item-group > .item4{width: 33.3%;margin-top: 120px;}
	#partners .indexList2 .item-group > .item5{height:100%;}
	#partners .indexList2 { padding:0 10px;}
	#partners .indexList2 .item-group > .item .boxLink2{width: 100%;}
	#partners .indexList2 .item-group > .item .boxLink2.right { padding:0 10px 10px;}

}

/* 480px 이하 */
@media all and (max-width:480px) {
	.indexSubVisual .flexSlider .slider .slide .slideTit { font-size:24px;}
	.indexSubVisual .flexSlider .slider .slide .slideDesc { margin:0 35px; line-height:1.4;}
	.indexSubVisual .flexSlider .slider .slide .readMore { margin-top:10px;}

	.indexList2 .inWrap .item.type2 .info { height:auto; padding-top:10px; padding-bottom:15px;}
	.indexList2 .inWrap .item.type2 .info .total,
	.indexList2 .inWrap .item.type2 .info .summary { float:none; text-align:center; margin:0 auto;}
	.indexList2 .inWrap .item.type2 .info .summary { padding-top:10px;}

}



/* DesktopWide */
@media all and (min-width:1440px) {

	#partners .indexSubKeyvisual .innerContextWrap,
	#partners .indexSubKeyvisual.type2 .innerContextWrap { width:700px;}
}

/* DesktopWide */
@media all and (min-width:1280px) {

	#partners .headerWrap .header-partners .logo { padding-left:80px;}

	#partners .headerWrap .gnb-partners .list { right:65px;}
	#partners .headerWrap .gnb-partners .list > li > a { width:128px;}
	#partners .headerWrap .gnb-partners .language { right:78px;}
	#partners .headerWrap .allMenu .innerContainer { padding-right:65px;}
	#partners .headerWrap .allMenu .list { width:128px;}
	#partners .indexKeyVisual .slider .slide .textSect .keyText br:first-child { display:none;}
	#partners .indexSubKeyvisual .innerContextWrap { width:730px;}
	#partners .indexKeyVisual .slider .slide .textSect { left:80px;}
	#partners .indexKeyVisual .btn.prev { left:80px;}
	#partners .indexKeyVisual .btn.next { left:116px;}
	#partners .indexKeyVisual .slider .slide .textSect .btns { right:80px;}
	#partners .indexArticleList1 { left:80px; right:80px;}
	#partners .indexNoticeWrap { padding-left:80px; padding-right:80px;}
	#partners .indexSubKeyvisual > .tit,
	#partners .indexSubKeyvisual > .titDesc { left:80px;}
	#partners .indexList1 { padding:20px 80px; margin-left:0; margin-right:0;}
	#partners .indexSubKeyvisual.type2 > .tit,
	#partners .indexSubKeyvisual.type2 > .titDesc { right:80px;}
	#partners .indexSubKeyvisual.type2 .innerContextWrap { left:80px; width:600px;}
	#partners .indexList2 { margin-left:80px; margin-right:80px;}
	#partners .indexSubKeyvisual .innerContextWrap { right:80px; width:600px;}	
	#partners .subContext1 .list { margin-left:450px;}

}


/* Partners */
@media all and (min-width:980px) {

	#partners .wideHidden { display:none !important;}

	

	/* headerWrap */
	#partners .headerWrap { padding:30px 0 0;background-color: #efefef}
	#partners .headerWrap .header-partners { height:83px; background:#fff;}
	#partners .headerWrap .header-partners .logo { padding:30px 0 0 55px;}
	#partners .headerWrap .header-partners .logo.three a { display:block; width:281px; height:27px; background:url("../images/logo_three_p.png") no-repeat 0 0;}
	#partners .headerWrap .header-partners .logo.bio a { display:block; width:201px; height:27px; background:url("../images/logo_bio_p.png") no-repeat 0 0;}
	#partners .headerWrap .header-partners .gnbTrigger { display:none;}
	#partners .headerWrap .gnb-partners .language { position:absolute; right:55px; top:0; line-height:26px;}
	#partners .headerWrap .gnb-partners .language a { margin-left:25px; color:#898989; font-size:11px;}
	#partners .headerWrap .gnb-partners .list { position:absolute; right:15px; top:30px;}
	#partners .headerWrap .gnb-partners .list > li { float:left; height:82px; overflow:hidden;}
	#partners .headerWrap .gnb-partners .list > li > a { display:block; position:relative; width:120px; height:82px; text-indent:20px; line-height:81px; color:#000; font-size:16px; text-align:left;}
	#partners .headerWrap .gnb-partners .list > li > a:hover:after { content:""; display:block; position:absolute; left:0; right:0; top:0; height:4px; background-color:#b00c28;}
	#partners .headerWrap .gnb-partners .list > li > ul { display:none;}

	/* allMenu */
	#partners .headerWrap .allMenu { display:none; position:absolute; left:0; right:0; top:112px; z-index:8; border-bottom:3px solid #b00c28;}
	#partners .headerWrap .allMenu .outerContainer { position:relative; overflow:hidden; padding:0 0 30px; background:#282324;}
	#partners .headerWrap .allMenu .innerContainer { float:right; padding:25px 15px 0 0;}
	#partners .headerWrap .allMenu .list { float:left; width:120px; border-left:1px solid #302b2c; color:#a2a2a2; font-size:13px; line-height:1.3;}
	#partners .headerWrap .allMenu .list > li > a { display:block; padding:5px 5px 5px 20px; background:url("../images/ico_gnb_dot1.png") no-repeat 12px 50%; letter-spacing:-1px;}
	#partners .headerWrap .allMenu .list > li > a.active,
	#partners .headerWrap .allMenu .list > li > a:hover { background:#201c1d url("../images/ico_gnb_dot2.png") no-repeat 10px 50%; color:#b00c28;}
	#partners .headerWrap .allMenu .list > li > ul { padding:5px 5px 5px 25px;}
	#partners .headerWrap .allMenu .list > li > ul > li { padding:2px 0; color:#6d6d6d; letter-spacing:-1px;}
	#partners .headerWrap .allMenu .banner { display:none;}

	
	/* keyVisual */
	#partners .indexKeyVisual { position:relative; overflow:hidden; width:100%; height:865px;}
	#partners .indexKeyVisual .slider { width:100%; height:100%;}
	#partners .indexKeyVisual .slider .slide { float: left; position:relative; width:100%; height:865px; overflow:hidden;}
	#partners .indexKeyVisual .slider .slide .image { position:relative; height:865px;}
	#partners .indexKeyVisual .slider .slide .image.bio.image1 { background:url("../images/keyvis_1.jpg") no-repeat 50% 0;}
	#partners .indexKeyVisual .slider .slide .image.bio.image2 { background:url("../images/keyvis_2.jpg") no-repeat 50% 0;}
	#partners .indexKeyVisual .slider .slide .image.bio.image3 { background:url("../images/keyvis_3.jpg") no-repeat 50% 0;}
	#partners .indexKeyVisual .slider .slide .image.threeAC.image1 { background:url("../images/keyvis2_1.jpg") no-repeat 50% 0;}
	#partners .indexKeyVisual .slider .slide .image.threeAC.image2 { background:url("../images/keyvis2_2.jpg") no-repeat 50% 0;}
	#partners .indexKeyVisual .slider .slide .image.threeAC.image3 { background:url("../images/keyvis2_3.jpg") no-repeat 50% 0;}
	#partners .indexKeyVisual .slider .slide .image img { display:none;}
	#partners .indexKeyVisual .slider .slide .textSect { position:absolute; top:132px; left:15px; right:0; padding: 0 30px;}
	#partners .indexKeyVisual .slider .slide .textSect .keyText { padding:0 0 33px; font-size:83px; color:#b00c28; font-weight:bold;}
	#partners .indexKeyVisual .slider .slide .textSect .keyDesc { padding-left:5px; font-size:21.5px; color:#b00c28; line-height:30px;}
	#partners .indexKeyVisual .slider .slide .textSect .btns { padding:85px 0 0;}
	#partners .indexKeyVisual .slider .slide .textSect .btns a { display:inline-block; padding:6px 0 6px 42px; color:#b00c28; font-size:22px; background:url("../images/ico_arrow3.png") no-repeat 0 50%; font-weight:bold;}
	#partners .indexKeyVisual .btn { position:absolute; top:465px; z-index:3; width:33px; height:33px; background-repeat:no-repeat; background-position:50% 50%;}
	#partners .indexKeyVisual .btn.prev { left:15px; background-image:url("../images/ico_roll_prev.png");}
	#partners .indexKeyVisual .btn.next { left:53px; background-image:url("../images/ico_roll_next.png");}

	/* indexSubKeyvisual */
	#partners .indexSubKeyvisual { position:relative; height:865px;}
	#partners .indexSubKeyvisual.type1-1 { background:url("../images/sub_keyvis_1-1.jpg") no-repeat 50% 50%;}
	#partners .indexSubKeyvisual.type1-2 { background:url("../images/sub_keyvis_1-2.jpg") no-repeat 50% 50%;}
	#partners .indexSubKeyvisual.type2-1 { background:url("../images/sub_keyvis_2-1.jpg") no-repeat 50% 50%;}
	#partners .indexSubKeyvisual.type2-2 { background:url("../images/sub_keyvis_2-2.jpg") no-repeat 50% 50%;}
	#partners .indexSubKeyvisual .innerContextWrap { position:absolute; overflow:hidden; left:50px; top:255px; width:700px; height:355px;}
	#partners .indexSubKeyvisual .innerContext { width:100%; height:550px;}
	#partners .indexSubKeyvisual .innerContext .slider { width:100%; height:100%;}
	#partners .indexSubKeyvisual .innerContext .slider .slide { float: left; position:relative; width:100%; height:355px; overflow:hidden; text-align:left; background:rgba(255, 255, 255, 0.8);}
	#partners .indexSubKeyvisual .innerContext .slider .slide .itemTit { padding:54px 15px 0 48px; color:#5a5a5a; font-size:28px;}
	#partners .indexSubKeyvisual .innerContext .slider .slide .text { padding:30px 15px 0 48px; font-size:16px; overflow:hidden; line-height:1.4;}
	#partners .indexSubKeyvisual .innerContext .slider .slide .more { position:absolute; left:48px; bottom:50px; padding-left:20px; border-left:1px solid #d7d7d7;}
	#partners .indexSubKeyvisual .innerContext .slider .slide .more a { display:block; line-height:26px; color:#b00c28; font-size:16px;}
	#partners .indexSubKeyvisual .innerContext .btn { position:absolute; bottom:0; z-index:3; width:41px; height:50px; background-color:#b00c28; background-repeat:no-repeat; background-position:50% 50%;}
	#partners .indexSubKeyvisual .innerContext .btn.prev { right:35px; background-image:url("../images/ico_prev1.png");}
	#partners .indexSubKeyvisual .innerContext .btn.next { right:0; background-image:url("../images/ico_next1.png");}

	

	/* subVisual */
	#partners .subVisual.three { height:535px; background:url("../images/vis_three.jpg") no-repeat 50% 0; text-align:center;}
	#partners .subVisual.three-caunsel { height:535px; background:url("../images/vis_three-caunsel.jpg") no-repeat 50% 0; text-align:center;}
	#partners .subVisual.three-location { height:535px; background:url("../images/vis_three-location.jpg") no-repeat 50% 0; text-align:center;}
	#partners .subVisual.three-production { height:535px; background:url("../images/vis_three_product.jpg") no-repeat 50% 0; text-align:center;}
	#partners .subVisual.bio { height:535px; background:url("../images/vis_bio.jpg") no-repeat 50% 0; text-align:center;}
	#partners .subVisual.bio-caunsel { height:535px; background:url("../images/vis_bio-caunsel.jpg") no-repeat 50% 0; text-align:center;}
	#partners .subVisual.bio-location { height:535px; background:url("../images/vis_bio-location.jpg") no-repeat 50% 0; text-align:center;}
	#partners .subVisual.bio-production { height:535px; background:url("../images/vis_bio_product.jpg") no-repeat 50% 0; text-align:center;}
	#partners .subVisual .subTit { display:inline-block; padding:30px 0 7px; font-size:34px; color:#fff; text-align:center; font-weight:bold; border-bottom:3px solid #fff;}
	#partners .subVisual .subTitDesc { margin:0 30px; padding:10px 0 0; text-align:center; color:#fff; font-size:16px; line-height:1.4;}

	#partners .subContent { padding:0 0 50px; background:#fff;}

	/* subContext1 */
	#partners .subContext1 { max-width:1317px; height:325px; background:#fff; margin:-60px auto 0; padding:0 20px; overflow:hidden;}
	#partners .subContext1 .tit { float:left; margin:68px 0 0 87px; width:230px; font-size:40px; font-weight:bold; color:#202020;}
	#partners .subContext1 .tit:after { content:""; display:block; width:62px; height:1px; margin:15px 0 20px; background:#d7d7d7;}
	#partners .subContext1 .list { float:left; margin:68px 0 0 250px; width:455px;}
	#partners .subContext1 .list li { padding:5px 0 5px 10px; background:url("../images/ico_dot1_2.png") no-repeat 0 13px; line-height:1.4; font-size:14px;}

	#partners .subContext1-1 { max-width:1317px; height:180px; background:#fff; margin:-60px auto 0; padding:0 20px; overflow:hidden;}
	#partners .subContext1-1 .tit { float:left; margin:68px 0 0 87px; width:230px; font-size:40px; font-weight:bold; color:#202020;}
	#partners .subContext1-1 .tit:after { content:""; display:block; width:62px; height:1px; margin:15px 0 20px; background:#d7d7d7;}	
	

	/* subContext2 */
	#partners .subContext2.three {  margin:0 auto; padding:154px 20px; background:#f2f2f2 url("../images/bg1.png") no-repeat 50% 127px;}
	#partners .subContext2.bio {  margin:0 auto; padding:154px 20px; background:#f2f2f2 url("../images/bg2.png") no-repeat 50% 127px;}
	#partners .subContext2 .tit { font-size:30px; font-weight:bold; color:#202020; text-align:center; line-height:1.4em;}
	#partners .subContext2 .tit:after { content:""; display:block; width:60px; height:1px; margin:20px auto 20px; background:#d7d7d7;}
	#partners .subContext2 .text { text-align:center; color:#202020; font-size:25px; line-height:1.4;}
	#partners .subContext2 .text span{color: #b42935;}
	#partners .subContext2 .text2 { text-align:center; color:#202020; font-size:18px; line-height:1.4;}
	#partners .subContext2 .image { padding:95px 0 0; text-align:center;}
	#partners .subContext2 .image img { max-width:100%;}
	#partners .subContext2-1 { max-width:1317px; height:180px; background:#fff; margin:0 auto; padding:0 20px; overflow:hidden;}
	#partners .subContext2-1 .tit { float:left; margin:68px 0 0 87px; width:230px; font-size:40px; font-weight:bold; color:#202020;}
	#partners .subContext2-1 .tit:after { content:""; display:block; width:62px; height:1px; margin:15px 0 20px; background:#d7d7d7;}	
	/* imageContext */
	#partners .imageContext img { width:100%;}

	/* subContext3 */
	#partners .subContext3 { max-width:1317px; margin:0 auto; padding:80px 20px; background:#fff;}
	#partners .subContext3 .tit { font-size:40px; font-weight:bold; color:#202020; text-align:center;}
	#partners .subContext3 .tit:after { content:""; display:block; width:60px; height:1px; margin:20px auto 70px; background:#d7d7d7;}
	#partners .subContext3 .textWrap { overflow:hidden;}
	/* #partners .subContext3 .text { float:left; width:45%; line-height:32px; font-size:18px; color:#202020; text-align:left;}
	#partners .subContext3 .text.right { float:right;}
	#partners .subContext3 .text strong { font-size:24px; display:block; padding:0 0 10px; font-weight:bold;} */
	#partners .subContext3 .text { text-align:center; color:#202020; font-size:25px; line-height:1.4; width: 1010px;margin:0 auto;}
	#partners .subContext3 .text span{color: #b42935;}
	#partners .subContext3 .text2 { text-align:center; color:#202020; font-size:18px; line-height:1.4;}

	/* subContext4 */
	#partners .subContext4 {  padding:80px 0; background:#f2f2f2;}
	#partners .subContext4 .tit { font-size:40px; font-weight:bold; color:#202020; text-align:center;}
	#partners .subContext4 .tit:after { content:""; display:block; width:60px; height:1px; margin:20px auto 20px; background:#d7d7d7;}
	#partners .subContext4 .image { text-align:center;}
	#partners .subContext4 .image img { }
	#partners .subContext4 .text { max-width:1317px; position:relative; margin:25px auto 0; padding:0 20px; line-height:142px; border:1px solid #c9c9c9; font-size:30px; color:#5a5a5a; text-align:center;}
	#partners .subContext4 .text .arrow { position:absolute; left:80px; top:-13px; width:24px; height:13px; background:url("../images/ico_arrow4.png") no-repeat 0 0;}

	/* subContext5 */
	#partners .subContext5 { max-width:1317px; margin:0 auto; padding:80px 0;  }
	#partners .subContext5 .tit { font-size:40px; font-weight:bold; color:#202020; text-align:center;}
	#partners .subContext5 .tit:after { content:""; display:block; width:60px; height:1px; margin:20px auto 70px; background:#d7d7d7;}
	#partners .subContext5 .image { text-align:center;width: 100%;}
	#partners .subContext5 .image img { max-width:100%;}


}


/* Mobile */
@media all and (max-width:979px) {

	#partners .narrowHidden { display:none !important;}

	/* header */
	#partners .header-partners { height:60px; background:#fff; overflow:hidden; padding:0 15px; }
	#partners .header-partners .logo { float:left; }
	#partners .header-partners .logo.three a { display:block; line-height:60px; width:224px; background:url("../images/logo_three_m.png") no-repeat 0 50%; background-size:224px;}
	#partners .header-partners .logo.bio a { display:block; line-height:60px; width:150px; background:url("../images/logo_bio_m.png") no-repeat 0 50%; background-size:150px;}
	#partners .header-partners .gnbTrigger { float:right; width:50px; height:60px; background:url("../images/btn_menu.png") no-repeat 50% 50%; background-size:25px;}

	/* gnb */
	#partners .gnb-partners { position:fixed; right:0; top:0; z-index:10; width:250px; bottom:0; background:#282324; overflow-y:scroll; transform:translateX(250px); -webkit-transform:translateX(250px);}
	#partners .gnb-partners .language { line-height:60px; overflow:hidden;}
	#partners .gnb-partners .language > a { float:left; position:relative; width:50%; line-height:60px; background:#3b3738; color:#fff; font-size:14px; text-align:center; border-bottom:1px solid #534f50;}
	#partners .gnb-partners .language > .first:after { content:""; position:absolute; right:0; top:15px; height:30px; width:1px; background:#534f50;}
	#partners .gnb-partners .list { text-align:center; color:#fff; padding-bottom:50px;}
	#partners .gnb-partners .list > li > a { display:block; position:relative; line-height:90px; font-size:18px; font-weight:bold;}
	#partners .gnb-partners .list > li > a:after { content:""; position:absolute; left:50%; bottom:5px; width:16px; margin-left:-8px; height:2px; background:#a9a7a7;}
	#partners .gnb-partners .list > li > a.active { background:#b4b2b3; color:#1d191a;}
	#partners .gnb-partners .list > li > a.active:after { background:#1d191a;}
	#partners .gnb-partners .list > li > ul { display:none;}
	#partners .gnb-partners .list > li > ul > li > a { display:block; line-height:40px; border-bottom:1px solid #363233; background:#1d191a;}
	#partners .gnb-partners .list > li > ul > li > a.active { background:#b00d29;}

	#partners .gnbDimm { display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:4; background:rgba(0,0,0,0.6);}

	/*
	 * Partners Style
	 *
	 */

	/* keyVisual */
	#partners .indexKeyVisual { position:relative; overflow:hidden; width:100%; height:450px; background:#f8fbfc;}
	#partners .indexKeyVisual .slider { width:100%; height:100%;}
	#partners .indexKeyVisual .slider .slide { float: left; position:relative; width:100%; height:450px; overflow:hidden;}
	#partners .indexKeyVisual .slider .slide .image { position:relative; height:450px;}
	#partners .indexKeyVisual .slider .slide .image img { position:absolute; height:570px; left:50%; top:-119px; margin-left:-700px;}
	#partners .indexKeyVisual .slider .slide .textSect { position:absolute; top:100px; left:0; right:0; text-align:center;}
	#partners .indexKeyVisual .slider .slide .textSect .keyText { padding:0 0 30px; font-size:44px; color:#b00c28;}
	#partners .indexKeyVisual .slider .slide .textSect .keyDesc { padding:0 20px; font-size:13px; color:#b00c28; line-height:1.5;}
	#partners .indexKeyVisual .slider .slide .textSect .keyDesc br { display:none;}
	#partners .indexKeyVisual .slider .slide .textSect .btns { padding:15px 0;}
	#partners .indexKeyVisual .slider .slide .textSect .btns a { display:inline-block; padding:3px 0 3px 20px; color:#b00c28; font-size:14px; background:url("../images/ico_arrow3.png") no-repeat 0 50%; background-size:15px;}
	#partners .indexKeyVisual .btn { position:absolute; bottom:0; z-index:3; width:35px; height:50px; background-color:#b00c28; background-repeat:no-repeat; background-position:50% 50%;}

/* indexSubKeyvisual */
#partners .indexSubKeyvisual { height:600px; padding:50px 15px;}
#partners .indexSubKeyvisual.type1-1 { background:url("../images/sub_keyvis_1-1.jpg") no-repeat 35% 50%; background-size: cover;}
#partners .indexSubKeyvisual.type1-2 { background:url("../images/sub_keyvis_1-2.jpg") no-repeat 35% 50%; background-size: cover;}
#partners .indexSubKeyvisual .innerContext { position:relative; overflow:hidden;height:150px; margin:0 0 5px; top:390px; background: rgba(255, 255, 255, 0.8);}
#partners .indexSubKeyvisual .innerContext .slider .slide { float: left; position:relative; width:100%; height:150px; overflow:hidden; padding:15px 10px; text-align:left;}
#partners .indexSubKeyvisual .innerContext .slider .slide .itemTit { color:#5a5a5a; font-size:16px;}
#partners .indexSubKeyvisual .innerContext .slider .slide .text { padding:10px 0 0; height:58px; overflow:hidden; line-height:1.4;}
#partners .indexSubKeyvisual .innerContext .slider .slide .more { margin:10px 0 0; padding-left:15px; border-left:1px solid #d7d7d7;}
#partners .indexSubKeyvisual .innerContext .slider .slide .more a { display:block; line-height:20px; color:#b00c28; font-size:14px;}
#partners .indexSubKeyvisual .innerContext .btn { display: none;}
	/* #partners .indexSubKeyvisual .innerContext .btn { position:absolute; bottom:0; z-index:3; width:35px; height:50px; background-color:#b00c28; background-repeat:no-repeat; background-position:50% 50%;} */
	
	

	#partners .subContext3 .text2{line-height: 18px;}

/* 	indexList2
#partners .indexList2 { margin:30px 0 0; border-top:1px solid #e2e2e2;}
#partners .indexList2 .item {}
#partners .indexList2 .item h1 a { display:block; padding-left:20px; line-height:55px; border-bottom:1px solid #e2e2e2; color:#202020; font-size:16px; background:url("../images/ico_arrow1_2.png") no-repeat 100% 50%; background-size:40px;}
#partners .indexList2 .item h1 a:active { background:#b00c28 url("../images/ico_arrow2.png") no-repeat 100% 50%; background-size:40px; color:#fff;}
 */

	/* subVisual */
	#partners .subVisual.three { height:160px; background:url("../images/vis_three.jpg") no-repeat 50% 30%;}
	#partners .subVisual.three-production { height:160px; background:url("../images/vis_three_product.jpg") no-repeat 50% 30%;}
	#partners .subVisual.three-caunsel { height:160px; background:url("../images/vis_three-caunsel.jpg") no-repeat 50% 30%;}
	#partners .subVisual.three-location { height:160px; background:url("../images/vis_three-location.jpg") no-repeat 50% 30%;}
	#partners .subVisual.bio { height:160px; background:url("../images/vis_bio.jpg") no-repeat 50% 30%;}
	#partners .subVisual.bio-location { height:160px; background:url("../images/vis_bio-location.jpg") no-repeat 50% 30%;}
	#partners .subVisual .subTit { display:inline-block; padding:30px 0 7px; font-size:34px; color:#fff; text-align:center; font-weight:bold; border-bottom:3px solid #fff;}
	#partners .subVisual .subTitDesc { margin:0 30px; padding:10px 0 0; text-align:center; color:#fff; font-size:16px; line-height:1.4;}

	#partners .subContent { padding:0 0 50px; background:#fff; overflow:hidden;}

	/* subContext1 */
	#partners .subContext1 { padding:30px 20px;}
	#partners .subContext1 .tit { font-size:18px; font-weight:bold; color:#202020;}
	#partners .subContext1 .tit:after { content:""; display:block; width:25px; height:1px; margin:15px 0 20px; background:#d7d7d7;}
	#partners .subContext1 .list li { padding:5px 0 5px 10px; background:url("../images/ico_dot1_2.png") no-repeat 0 13px; line-height:1.4; font-size:14px;}

	/* subContext2 */
	#partners .subContext2 { padding:30px 20px; background:#f2f2f2;}
	#partners .subContext2 .tit { font-size:18px; font-weight:bold; color:#202020; text-align:center;}
	#partners .subContext2 .tit:after { content:""; display:block; width:25px; height:1px; margin:15px auto 20px; background:#d7d7d7;}
	#partners .subContext2 .text { text-align:center; color:#202020; font-size:16px; line-height:1.4;}
	#partners .subContext2 .text2 { text-align:center; color:#202020; font-size:13px; line-height:1.4;}
	#partners .subContext2 .image { padding:20px 0 0; text-align:center;}
	

	/* imageContext */
	#partners .imageContext img { width:100%;}

	/* subContext3 */
	#partners .subContext3 { padding:30px 20px; background:#fff;}
	#partners .subContext3 .tit { font-size:18px; font-weight:bold; color:#202020; text-align:center;}
	#partners .subContext3 .tit:after { content:""; display:block; width:25px; height:1px; margin:15px auto 20px; background:#d7d7d7;}
	#partners .subContext3 .textWrap { text-align:center;}
	#partners .subContext3 .text { display:inline; line-height:1.4; font-size:14px; color:#202020;}
	#partners .subContext3 .text strong { font-size:16px; display:block; padding:0 0 10px; font-weight:bold;}

	/* subContext4 */
	#partners .subContext4 { padding:30px 20px; background:#f2f2f2;}
	#partners .subContext4 .tit { font-size:18px; font-weight:bold; color:#202020; text-align:center;}
	#partners .subContext4 .image img { margin-left:-30px;}
	#partners .subContext4 .text { position:relative; margin:25px 0 0; padding:20px 20px 20px; border:1px solid #c9c9c9; border-width:1px 0; font-size:18px; color:#5a5a5a; line-height:1.4;}
	#partners .subContext4 .text .arrow { position:absolute; left:50px; top:-13px; width:24px; height:13px; background:url("../images/ico_arrow4.png") no-repeat 0 0;}

	/* subContext5 */
	/* #partners .subContext5 { }
	#partners .subContext5 .btn a { display:block; width:250px; height:60px; margin:0 auto; line-height:60px; color:#fff; font-size:24px; font-weight:bold; background:#868686; text-align:center;}
	#partners .subContext5 .btn a img { width:21px; margin-left:5px;} */
	#partners .subContext5 { max-width:1317px; margin:0 auto; padding:80px 0;  }
	#partners .subContext5 .tit { font-size:20px; font-weight:bold; color:#202020; text-align:center;}
	#partners .subContext5 .tit:after { content:""; display:block; width:60px; height:1px; margin:20px auto 70px; background:#d7d7d7;}
	#partners .subContext5 .image { text-align:center;width: 100%;}
	#partners .subContext5 .image img { max-width:100%;}

	#partners .subContext1-1 { max-width:600px; height:60px; margin:0px 10px; padding:0;}
	#partners .subContext1-1 .tit {margin:0;}
	.timeline{ margin: 0 10px;}

	

}

@media all and (max-width:980px) {
	.three-wrap .titl,
	.three-wrap .exp{clear: both;}
	.three-wrap .titl{
		font-size: 18px;		
		padding: 20px 30px;
		width: 200px;
		margin: 20px 0;
	}
	.three-wrap .exp{
		width: 100%;
		color: #5a5a5a;
		font-size: 15px;
		line-height: 24px;
	}
	.three-wrap .exp li{	
	font-size: 15px;
	}
	.partner-line-box{	
		padding: 40px 30px;		
	}
	.partner-line-box p{
		font-size: 13px;
		line-height: 1.4em;
	}
}
.partner-box{

}
#part1,
#part2,
#part3,
#part4{padding-top: 50px;}
@media all and (max-width:600px) {
	.page-control{
		/* display: none; */
	}
}