@charset "utf-8";
* { padding: 0; margin: 0; box-sizing: border-box;}
ol,ul { list-style: none; }
a { text-decoration: none; }
fieldset { border:0; }
img {vertical-align: middle;}
body { position: relative;  font-family:'NanumSquare', sans-serif; overflow-x: hidden;}
.cb::after {content: ""; display: block; clear: both;}
@font-face { font-family: 'Baskvill'; src: url(baskvill.ttf) format('truetype'); }

header { position: absolute; left: 0; top: 0; z-index: 9999;}
header.mainHeader { position: fixed; left: 0; top: 0; z-index: 9999; }
header .logo { float: right; }
header .logo img { transition: all .5s; }
header .menuBtn { background-color: #bfad95; width: 70px; height: 70px; float: left; cursor: pointer; padding:20px;}
header .menuBtn div.menu_icon { width:30px; height:21px; transition:all 0.3s ease-in-out; }
header .menuBtn div.menu_icon div { width:100%; height:4px; margin-bottom:7px; background:#fff; transition:all 0.3s ease-in-out;}
header .menuBtn.active div.menu_icon div:nth-child(1) {
-webkit-transform: translate3d(0,12px,0) rotate3d(0,0,1,-45deg);
-moz-transform: translate3d(0,12px,0) rotate3d(0,0,1,-45deg);
-ms-transform: translate3d(0,12px,0) rotate3d(0,0,1,-45deg);
-o-transform: translate3d(0,12px,0) rotate3d(0,0,1,-45deg);}
header .menuBtn.active div.menu_icon div:nth-child(2) { opacity:0;}
header .menuBtn.active div.menu_icon div:nth-child(3) {
-webkit-transform: translate3d(0,-10px,0) rotate3d(0,0,1,45deg);
-moz-transform: translate3d(0,-10px,0) rotate3d(0,0,1,45deg);
-ms-transform: translate3d(0,-10px,0) rotate3d(0,0,1,45deg);
-o-transform: translate3d(0,-10px,0) rotate3d(0,0,1,45deg);
transform: translate3d(0,-10px,0) rotate3d(0,0,1,45deg);}
nav { position: fixed; left:0; top: 0;  height: 100%; ; transition: all .5s;  opacity: 0; width: 440px; height: 100%; background-color: #fff; z-index: 999; padding-top: 100px; padding-left: 60px; transform: translateX(-440px);}
nav.active { left:0; opacity: 1; transform: translateX(0);}
nav .navWrap { }
nav > ul > li {  font-size: 22px; margin-bottom: 35px; font-weight: bold;}
nav > ul > li > ul { padding-top: 15px; }
nav > ul > li > ul > li { padding-left: 15px; line-height: 35px; font-size: 14px;}
nav > ul > li > ul > li a { color: #222; display: block; transition: all .5s;}
nav > ul > li > ul > li a:hover { color: #ab9a86; }
nav .navFooter { position: absolute; bottom: 0; left: 0; width: 100%; padding-left: 60px; padding-bottom: 50px;}
nav .navFooter .nfTitle { font-size: 14px;  color: #000; padding-bottom: 5px;}
nav .navFooter p { font-size: 12px; color: #333; line-height: 18px; }
nav .navFooter .snsList { padding-top: 15px; }
nav .navFooter .snsList li { float: left; width: 20px; height: 20px; margin-right: 4px; }
nav .navFooter .snsList li img { width: 100%;}

.bgCover { width: 100%; height: 100%; position: fixed; z-index: 99; top: 0; left: 0; bottom: 0; right: 0; transition: all .5s; opacity: 0; display: none;}
.bgCover.block { display: block; }
.bgCover.active { background: rgba(0,0,0,.6); opacity: 1;}

#fullpage { transition: all .5s; }
#fullpage.active { transform: translateX(440px); }
#fullpage .fullPager { position: fixed; left: 0; top: 200px; }
#fullpage .fullPager ul li { line-height: 80px; margin-bottom: 40px; }
#fullpage .fullPager ul li .stick { float: left; border-bottom: 1px dotted #fff; width: 50px; height: 1px; position: relative; top: 43px; margin-right: 50px; opacity: .5;}
#fullpage .fullPager ul li .stick::after { content: ""; display: block; position: absolute; right: -12px; width: 10px; height: 10px; border-radius: 50%; border: 1px dotted #fff; background-color: transparent; transition: all .5s;  top: -6px;} 
#fullpage .fullPager ul li .pagerTitle { float: left;   transition: all .8s;  font-family: 'Baskvill';}
#fullpage .fullPager ul li .pagerTitle > a { font-size: 50px; color: #fff; transition: all .8s; }
#fullpage .fullPager ul li .ptDesc {display: block;   opacity: 0; transition: all .5s; height: 1px;overflow: hidden; line-height: 20px;}
#fullpage .fullPager ul li .ptDesc a { font-size:17px ; color: #fff; }

#fullpage .fullPager ul li.active .stick { opacity: .9; }
#fullpage .fullPager ul li.active .stick::after {background: #fff; border:1px solid #fff;} 
#fullpage .fullPager ul li.active .pagerTitle {  }
#fullpage .fullPager ul li.active .pagerTitle > a { font-size: 78px;  }
#fullpage .fullPager ul li.active .ptDesc { opacity: 1; height: auto; }
#fullpage .fullPager ul li.active .ptDesc > a { }
#fullpage .fullPager ul li.active .ptDesc img { display: inline-block; padding-left: 5px;}
#section0 .sectionBg { background: url(../img/mainSlide1.png) no-repeat center 0; background-size: cover;  width: 100%;}
#section1 .sectionBg { background: url(../img/mainSlide2.png) no-repeat center 0; background-size: cover;  width: 100%;}
#section2 .sectionBg { background: url(../img/mainSlide3.png) no-repeat center 0; background-size: cover;  width: 100%;}
#section3 .sectionBg { background: url(../img/mainSlide4.png) no-repeat center 0; background-size: cover;  width: 100%;}

/* ---------- 181107 서브페이지 배다빈 추가 ---------- */
.subContent { width: 100%; height: 100%; position: relative; transition: all .5s;}
.subContent.active { transform: translateX(440px);   }
.subContent .subContentTitle { position: fixed; left: 0; bottom: 0; height:100vh; width: 480px; transition: all .5s;}
.subContent .subContentTitle h2 { font-family: 'Baskvill'; color: #eee; font-size: 90px; transform: rotate(90deg);position: absolute; bottom: 200px; left: 100px; min-width: 340px;     transform-origin: left top 0; line-height: 80px; font-weight: 400; } 
.subContent .subContentInfo {  position: fixed; left: 0; bottom: 0; height:100vh; width: 480px; transition: all .5s; }
.subContent .subContentInfo .scInfoBox {  position: absolute; bottom:0; left: 100px; padding-left: 20px;}
.subContent .subContentInfo .scInfoBox .scInfoTitle { color: #bfb28f; font-weight: bold; font-size: 18px; padding-bottom: 50px; letter-spacing: -1px}
.subContent .subContentInfo .scInfoBox .scInfoTitle .i_title { position: relative; top: -2px; margin-right: 10px;}
.subContent .subContentInfo .scInfoBox .row { overflow: hidden; line-height: 20px; margin-bottom: 10px;}
.subContent .subContentInfo .scInfoBox .row .question{ float: left; color: #888; font-size: 14px; font-weight: bold;}
.subContent .subContentInfo .scInfoBox .row .answer{ float: right; color: #888; font-size: 14px;  max-width: 80%;}
.subContent .subContentInfo .scInfoBox p { font-size: 13px; color: #888; padding-right: 20px;}
.subContent .subContentInfo .scInfoBox p strong { display: block; font-size: 17px; margin-bottom: 10px;}
.subContent .subContentDesc { float: left; margin-left: 480px; width: calc( 100% - 480px ); min-height: 100vh; transition: all .5s;}
.subContent .subContentDesc .contentWrap { background: #eee; padding:50px; }

.subContent .subFooter { border-top: 1px solid #666; margin-top: 30px; padding-top: 5px; padding-bottom: 8px; }
.subContent .subFooter p { font-family: 'Baskvill'; color: #666; font-size: 13px;}

.about_1 {  }
.about_1 img { width: 100%; }
.about_2 { padding-top: 30px;  }
.about_2 .about_2_l { float: left; width: 50%; padding-right: 20px;}
.about_2 .about_2_l h4 { font-size: 50px; font-family: 'Baskvill'; color: #666; padding-bottom: 30px; font-weight: 400; padding-top: 20px;}
.about_2 .about_2_l p { color: #666; font-size: 13px; line-height: 30px; padding-bottom: 40px;}
.about_2 .about_2_l .imgBox img { width: 100%; }
.about_2 .about_2_r { float: right; width: 50%; padding-left: 20px; background: url(../img/about_2.png) no-repeat 0 0; background-size: cover; min-height: 500px;}

.contact_1 {  }
.contact_1 .contact_1_l { float: left; width: 40%; }
.contact_1 .contact_1_r { float: right; width: 60%; }
.contact_1 .contact_1_r img { width: 100%; }
.contact_1 .contact_1_r iframe { width: 100%;}
.contact_1 dl dt { color: #333; line-height: 35px; font-size: 18px; font-weight: bold;}
.contact_1 dl dt b { display: inline-block; margin-right: 5px; }
.contact_1 dl dd { padding: 5px 0 15px 40px; color: #666; font-size: 16px; font-family: 'Baskvill';}
.contact_1 dl dd a {color: #bfad95;text-decoration: underline; font-size: 17px; }
.contact_2 { width: 70%; }
.contact_2 dl dt { color: #333; line-height: 35px; font-size: 18px; font-weight: bold; padding-bottom: 10px;}
.contact_2 dl dt b { display: inline-block; margin-right: 5px; }
.contact_2 dl dd { padding: 5px 0 15px 40px; color: #666; font-size: 16px; font-family: 'Baskvill';}
.contact_2 dl dd label { padding-bottom: 5px;display: block; }
.contact_2 dl dd input { display: block; width: 100%; border:1px solid #ddd; height: 40px; line-height: 38px; padding: 0 10px;}
.contact_2 dl dd input#wr_name { width: 50%; }
.contact_2 dl dd textarea {display: block; width: 100%; resize:none; border:1px solid #ddd;}
.contact_2 dl dd button { width: 150px; height: 45px; background-color: #333; color: #fff; text-align: center; font-size: 18px; line-height: 43px; border:0;}

.scListBox { background: #eee; padding: 20px 10px; }
.scListBox ul li { float: left; width: 50%; padding: 0 10px; margin-bottom: 20px; }
.scListBox ul li .scContent { width: 100%; position: relative;  overflow: hidden; cursor: pointer; }
.scListBox ul li .scContent a { display: block;}
.scListBox ul li .scContent .imgArea::before { content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); z-index: 2; transition: all .5s;}
.scListBox ul li .scContent .imgArea { width: 100%;  position: relative;}
.scListBox ul li .scContent .imgArea img { width: 100%;height: 10%; transition: all .5s; transform: scale(1.12); }
.scListBox ul li .scContent .imgArea .textArea { position: absolute; width: 100%; left: 0; top: 50%; margin-top: -15px;    text-shadow: 0 0 18px rgba(0,0,0,.5); z-index: 4; text-align: center;}
.scListBox ul li .scContent .imgArea .textArea > span { display: inline-block;}
.scListBox ul li .scContent .imgArea .textArea .scTitle { text-align: center; color: #fff;  text-transform: uppercase; font-weight: bold; font-size: 34px;     text-shadow: 0 0 18px rgba(0,0,0,.9);}
.scListBox ul li .scContent .imgArea .textArea .scDesc { text-shadow: 0 0 10px #000; color: #fff; font-size: 17px; text-align: center; padding:5px 20px 0; font-weight: bold; position: relative; }
.scListBox ul li .scContent .imgArea .textArea .scDesc .i_right {display: block; position: absolute; right: -60px; top: -40px;}

.scListBox ul li .scContent .imgArea .textArea .scDesc .i_right img { width:50px; opacity: 0; transform: scale(2); transition: all .3s;}
.scListBox ul li .scContent:hover {  }
.scListBox ul li .scContent:hover .imgArea::before { background-color: rgba(0,0,0,.5); }
.scListBox ul li .scContent:hover .imgArea img { transform: scale(1);  }
.scListBox ul li .scContent:hover .imgArea .textArea .scDesc .i_right img { opacity: 1; transform: scale(1); }

.subContent .subContentDesc .subContentView { background: #eee; padding:20px 20px 100px; position: relative;}
.subContent .subContentDesc .subContentView .scv_1 { margin-bottom: 20px; overflow: hidden;}
.subContent .subContentDesc .subContentView .scv_1 img { width: 100%; }
.subContent .subContentDesc .subContentView .scv_2 { padding-bottom: 20px;  margin-left: -10px; margin-right: -10px;}
.subContent .subContentDesc .subContentView .scv_2 img { width: 100%; }
.subContent .subContentDesc .subContentView .scv_2 .scv_2_r { float: right; width: 30%; overflow: hidden; padding: 0 10px;}
.subContent .subContentDesc .subContentView .scv_2 .scv_2_r .innerImg { background-size: cover;
    background-repeat: no-repeat;background-position: 50%;  }
.subContent .subContentDesc .subContentView .scv_2 .scv_2_l { float: left; width: 70%; overflow: hidden;  padding: 0 10px;}
.subContent .subContentDesc .subContentView .scv_2 .scv_2_l .innerImg { background-size: cover;
    background-repeat: no-repeat;  background-position: 50%; }
.subContent .subContentDesc .subContentView .innerImg { height: 660px;   }

.subContent .subContentDesc .scv_3 {  position: relative;}
.subContent .subContentDesc .scv_3 .scv_3_l { float: left; width: 50%; padding: 0 10px; margin-left: -10px; margin-right: -10px;}
.subContent .subContentDesc .scv_3 .scv_3_l img { width: 100%;	 }
.subContent .subContentDesc .scv_3 .scv_3_r { float: right; width: 50%; padding-left: 40px; padding-top: 100px;}
.subContent .subContentDesc .scv_3 .scv_3_r .scvTitle { color: #666; font-weight: bold; font-size: 17px; padding-bottom: 15px;}
.subContent .subContentDesc .scv_3 .scv_3_r p { font-size: 14px; color: #666; line-height: 25px; }
.subContent .subContentDesc .scv_4 { padding-bottom: 20px;  margin-left: -10px; margin-right: -10px; padding-top: 20px;}
.subContent .subContentDesc .scv_4 img { width: 100%; }
.subContent .subContentDesc .scv_4 .scv_4_r { float: right; width: 70%; overflow: hidden; padding: 0 10px;}
.subContent .subContentDesc .scv_4 .scv_4_r .innerImg { background-size: cover;    background-repeat: no-repeat;background-position: 50%;  }
.subContent .subContentDesc .scv_4 .scv_4_l { float: left; width: 30%; overflow: hidden;  padding: 0 10px;}
.subContent .subContentDesc .scv_4 .scv_4_l .innerImg { background-size: cover;    background-repeat: no-repeat;  background-position: 50%; }
.subContent .subContentDesc .scv_5 { padding-bottom: 20px;  margin-left: -10px; margin-right: -10px; padding-top: 20px;}
.subContent .subContentDesc .scv_5 img { width: 100%; }
.subContent .subContentDesc .scv_5 .scv_5_r { float: right; width: 50%; overflow: hidden; padding: 0 10px; position: relative; z-index: 9;}
.subContent .subContentDesc .scv_5 .scv_5_r .innerImg { background-size: cover;    background-repeat: no-repeat;  background-position: 50%; }
.subContent .subContentDesc .scv_5 .scv_5_l { float: left; width: 50%; overflow: hidden;  padding: 0 10px; height: 20px;}
.subContent .subContentDesc .scv_5 .scv_5_l .innerImg {  }
.subContent .subContentDesc .scv_5 .block { clear: both; height: 400px; background: #fff;  position: relative; width: calc( 100% + 30px ); float: left; margin-top: -500px;margin-left: -10px; margin-right: -70px;  /* clear: both; */ height: 620px;  background: #fff;  margin-bottom: -120px; z-index: 7;}

.subContent .subContentDesc .careersBox { padding-bottom: 50px;  }
.subContent .subContentDesc .careersBox .careersImg { padding-bottom: 20px;}
.subContent .subContentDesc .careersBox .careersImg img { width: 100%;  }
.subContent .subContentDesc .careersBox h3 {  font-family: 'Baskvill'; color: #666; font-weight: 400; font-size: 46px; padding-bottom: 50px; padding-left: 50px; padding-top: 50px;}
.subContent .subContentDesc .careersBox .row {  }
.subContent .subContentDesc .careersBox .row::after {content: ""; display: block; clear: both;}
.subContent .subContentDesc .careersBox .row .question { float: left; width: 20%; }
.subContent .subContentDesc .careersBox .row .question b { color: #333;line-height: 35px;
    font-size: 18px; font-weight: bold;}
.subContent .subContentDesc .careersBox .row .answer { float:left; width: 80%; }
.subContent .subContentDesc .careersBox .row .answer p { color: #666;font-size: 16px;
    font-family: 'Baskvill'; padding-top: 5px;}
.subContent .subContentDesc .careersBox .row .answer p b { padding-top: 4px; display: inline-block;}
.subContent .subContentDesc .careersBox .careersText { padding-left: 55px; }

.bo_fx .btn_bo_user { padding-right: 100px;}

.subContent .subContentDesc .pg_wrap { position: inherit; opacity: 1; padding: 0; width:auto; transform: translateX(0); background: transparent; text-align: right;}
.subContent .subContentDesc .pg_wrap a { text-align: center;}
.subContent .subContentDesc .pg_wrap strong { text-align: center;}

@media ( max-width:1500px) and (min-width:1200px) {
    .subContent .subContentDesc .careersBox .row .question { float: none; width: 100%; }
    .subContent .subContentDesc .careersBox .row .answer { float:none; width: 100%; }
    .subContent .subContentDesc .careersBox h3 span {display: block;    padding-left: 0px;}
}

@media (min-width: 960px) and (max-width: 1199px) {
	#fullpage .fullPager ul li { line-height: 70px; }
    #fullpage .fullPager ul li .pagerTitle {  }
    #fullpage .fullPager ul li .pagerTitle > a { font-size: 38px; }
    #fullpage .fullPager ul li.active .pagerTitle { }
    #fullpage .fullPager ul li.active .pagerTitle > a {  font-size: 58px; }
	#fullpage .fullPager ul li .stick { top:35px; margin-right: 40px;}
	
	/* ---------- 181108 서브페이지 배다빈 추가 ---------- */
    .subContent .subContentTitle { position: fixed; left: 0; bottom: 0; height:100vh; width: 320px;}
    .subContent .subContentInfo { width: 320px;}
	.subContent .subContentDesc { float: left; margin-left: 320px; width: calc( 100% - 320px ); min-height: 100vh; }

	.contact_1 .contact_1_r { float:none;  width:100%; padding-bottom: 20px;}
	.contact_1 .contact_1_l { float:none; width:100%; }

	.subContent .subContentInfo .scInfoBox { padding-left: 0; }
	.subContent .subContentInfo .scInfoBox .scInfoTitle { padding-bottom: 50px; font-size: 17px;}
    .subContent .subContentInfo .scInfoBox p { width: 50%;}
    
    .subContent .subContentDesc .careersBox .row .question { float: none; width: 100%; }
    .subContent .subContentDesc .careersBox .row .answer { float:none; width: 100%; }
    .subContent .subContentDesc .careersBox h3 { padding:10px 0 0;}
    .subContent .subContentDesc .careersBox .careersText { padding-left: 0; padding-top: 40px;}

    .subContent .subContentDesc .scv_3 .scv_3_r { padding-top: 20px; }
	.subContent .subContentDesc .scv_5 .block { height: 420px; margin-top: -300px; }


}

@media (min-width: 768px) and (max-width: 959px) {
	#fullpage .fullPager ul li { line-height: 50px; }
    #fullpage .fullPager ul li .pagerTitle {  }
    #fullpage .fullPager ul li .pagerTitle > a { font-size: 30px; }
    #fullpage .fullPager ul li.active .pagerTitle { }
    #fullpage .fullPager ul li.active .pagerTitle > a {font-size: 50px;  }
	#fullpage .fullPager ul li .stick { top:25px; margin-right: 30px; }

	/* ---------- 181108 서브페이지 배다빈 추가 ---------- */
	.subContent .subContentTitle { position: initial; height:200px; width: 100%; padding-top: 100px;}
	.subContent .subContentDesc { float: none; margin-left: 0px; width: 100%; min-height: 100vh; }
	.subContent .subContentTitle h2 { font-family: 'Baskvill'; color: #eee; font-size: 42px; transform: rotate(0deg);position: initial;     line-height: 80px; padding:0 20px;} 
	.subContent .subContentInfo { position: initial; height:auto; width: 100%;  padding-bottom: 20px; }
	.subContent .subContentInfo .scInfoBox { position: inherit; }
	.subContent .subContentInfo .scInfoBox .scInfoTitle { padding-bottom: 30px; }
	.subContent .subContentDesc .contentWrap { padding:20px; }
	.subContent .subFooter { padding-left: 10px; padding-right: 10px; }

	.contact_1 .contact_1_r { float:none;  width:100%; padding-bottom: 20px;}
	.contact_1 .contact_1_l { float:none; width:100%; }

	.subContent .subContentDesc .subContentView { padding:20px; }
	.subContent .subContentDesc .scv_3 { }
	.subContent .subContentDesc .scv_3 .scv_3_r { padding-left: 20px; padding-top: 20px;}

	.subContent .subContentInfo .scInfoBox .row { overflow: hidden; line-height: 20px; margin-bottom: 5px;}
	.subContent .subContentInfo .scInfoBox .row .question{ width: 100px;}
    .subContent .subContentInfo .scInfoBox .row .answer{ float: left; }
    
    
    .subContent .subContentDesc .careersBox h3 { padding: 20px 50px 20px; font-size: 55px;}
    
    .subContent .subContentDesc .careersBox .careersText { padding-left: 50px; padding-top: 40px;}
    .subContent .subContentDesc .careersBox .row .question { float: none; width: 100%; }
    .subContent .subContentDesc .careersBox .row .answer { float:none; width: 100%; }


}

@media ( max-width: 767px) {
	header { position: absolute; }
	header.on { position: fixed; }
	nav { width: 100%; padding-top: 80px; padding-left: 50px;}
	nav > ul > li { margin-bottom: 25px; font-size: 14px;}
	nav > ul > li > ul { padding-top: 10px; }
	nav > ul > li > ul > li { line-height: 25px; }
	nav .navFooter {padding-bottom: 10px;}
	nav .navFooter p { font-size: 11px; }
	nav .navFooter .snsList { padding-top: 10px; }

	#fullpage .fullPager { top: 30%; }
	#fullpage .fullPager ul li { line-height: 40px; }
    /* #fullpage .fullPager ul li a {display: block; float: left; width:calc( 100% - 70px );} */
    #fullpage .fullPager ul li { }
    #fullpage .fullPager ul li .pagerTitle { display: block; float: left; width:calc( 100% - 70px ); }
    #fullpage .fullPager ul li .pagerTitle > a { font-size: 28px; }
    #fullpage .fullPager ul li.active .pagerTitle { }
    #fullpage .fullPager ul li.active .pagerTitle > a { font-size: 45px; word-break: break-word;}
	#fullpage .fullPager ul li .stick { top:20px; margin-right: 20px;}
    #fullpage .fullPager ul li .ptDesc {  }
    #fullpage .fullPager ul li .ptDesc > a { font-size: 14px; }

	/* ---------- 181108 서브페이지 배다빈 추가 ---------- */
	.subContent .subContentTitle { position: initial; height:auto; width: 100%; padding-top: 100px;}
	.subContent .subContentDesc { float: none; margin-left: 0px; width: 100%; min-height: 100vh; }
	.subContent .subContentTitle h2 { font-family: 'Baskvill'; color: #eee; font-size: 42px; transform: rotate(0deg);position: initial;     line-height: 80px; padding:0 20px;min-width: 320px;}  
	.subContent .subContentInfo { position: initial; height:auto; width: 100%;  }
	.subContent .subContentInfo .scInfoBox { position: inherit; }
	.subContent .subContentInfo .scInfoBox .scInfoTitle { padding-bottom: 30px; }
	.subContent .subContentDesc .contentWrap { padding:20px; }
	.subContent .subFooter { padding-left: 10px; padding-right: 10px; }
	
	.about_2 { padding-top: 20px; }
	.about_2 .about_2_r { float: none; width: 100%; }
	.about_2 .about_2_l { float: none; width: 100%; padding-right: 0;}
	.about_2 .about_2_l h4 { font-size: 40px; }

	.contact_1 .contact_1_r { float:none;  width:100%; padding-bottom: 20px;}
	.contact_1 .contact_1_l { float:none; width:100%; }
	.contact_1 dl dd { padding-left: 10px;font-size: 14px; }
	.contact_2 { width: 100%; }
	.contact_2 dl dd { padding-left: 10px; }

    .scListBox ul li { float: none; width: 100%; padding: 0 10px; margin-bottom: 20px; }
    .scListBox ul li .scContent .imgArea .textArea .scTitle { font-size: 18px;}
    .scListBox ul li .scContent .imgArea .textArea .scDesc {  font-size: 12px;padding:5px 20px 0;}

	.subContent .subContentDesc .subContentView { padding:20px; }
	.subContent .subContentDesc .scv_3 {}
	.subContent .subContentDesc .scv_3 .scv_3_r { padding-left: 20px; }

	.subContent .subContentDesc .subContentView .scv_1 { margin-bottom: 20px; overflow: hidden; margin-left: -10px; margin-right: -10px;}
	.subContent .subContentDesc .subContentView .scv_1 img { width: 100%; }
	.subContent .subContentDesc .subContentView .scv_2 { padding-bottom: 0; }
	.subContent .subContentDesc .subContentView .scv_2 img { width: 100%; }
	.subContent .subContentDesc .subContentView .scv_2 .scv_2_r { float: none; width: 100%;  padding:0; margin-bottom: 20px;}
	.subContent .subContentDesc .subContentView .scv_2 .scv_2_l { float: none; width: 100%; max-height: inherit; padding:0;}
	.subContent .subContentDesc .scv_3 { position: relative; margin-left: -10px; margin-right: -10px;}
	.subContent .subContentDesc .scv_3 .scv_3_l { float: none; width: 100%; padding: 20px 0 0; margin: 0;}
	.subContent .subContentDesc .scv_3 .scv_3_l img { width: 100%;	 }
	.subContent .subContentDesc .scv_3 .scv_3_r { float: none; width: 100%; padding: 20px 0 0; }
	.subContent .subContentDesc .scv_3 .scv_3_r .scvTitle { color: #666; font-weight: bold; font-size: 17px; padding-bottom: 15px;}
	.subContent .subContentDesc .scv_3 .scv_3_r p { font-size: 14px; color: #666; line-height: 25px; }

	.subContent .subContentInfo .scInfoBox .row { overflow: hidden; line-height: 20px; margin-bottom: 5px;}
	.subContent .subContentInfo .scInfoBox .row .question{ width: 70px;}
    .subContent .subContentInfo .scInfoBox .row .answer{ float: left; }
    
    .subContent .subContentDesc .careersBox h3 { padding: 0; font-size: 37px;}
    .subContent .subContentDesc .careersBox .careersText { padding-left:0px; padding-top: 30px;}
    .subContent .subContentDesc .careersBox .row .question { float: none; width: 100%; }
    .subContent .subContentDesc .careersBox .row .answer { float:none; width: 100%; }
    .subContent .subContentDesc .careersBox .row .answer p { line-height: 25px; font-size: 14px;}

    .subContent .subContentDesc .subContentView .scv_4 .scv_4_r { float: none; width: 100%;  padding-left: 0;  padding: 0;}
    .subContent .subContentDesc .subContentView .scv_4 .scv_4_l { float: none; width: 100%; max-height: inherit;  margin-bottom: 20px; padding: 0;}
    

}

@media (max-width: 1680px){
	.subContent .subContentDesc .subContentView .innerImg {height: 480px;}
	.subContent .subContentDesc .scv_5 .block { height: 420px; margin-top: -300px; }
}
@media (max-width: 1400px){ 
	.subContent .subContentDesc .subContentView .innerImg { height: 400px;}
}
@media (max-width: 1200px) {
	.subContent .subContentDesc .subContentView .innerImg { height: 330px; }
}
@media (max-width: 960px) {
	.subContent .subContentDesc .scv_5 .block { height: 340px; margin-bottom: -120px; }
}
@media (max-width: 767px) {
	.subContent .subContentDesc .subContentView .innerImg { height: 420px; }
	.subContent .subContentDesc .scv_5 .scv_5_l { display: none; }
	.subContent .subContentDesc .scv_5 .scv_5_r { display: block; float: none; width: 100%;  padding: 0;}
    .subContent .subContentDesc .scv_5 .block { display: none; }
    
    .subContent .subContentDesc .subContentView .scv_2 .scv_2_l .innerImg { height: 277px;}
    .subContent .subContentDesc .subContentView .scv_2 .scv_2_r .innerImg { height: 660px;}
    .subContent .subContentDesc .scv_4 .scv_4_l .innerImg { height: 660px;}
    .subContent .subContentDesc .scv_4 .scv_4_r .innerImg { height: 277px;}
    .subContent .subContentDesc .scv_5 .scv_5_r .innerImg { height: 396px;}
}