.img_box img {max-width:100%;}

.pc_only {display: block;}

.m_only {display: none;}

.fc_red {color: #df2808;}



.main #container {padding-bottom: 102px;}

#header {position: fixed;left: 0;width: 100%;top: -100px;z-index: 999999;height: 100px;transition:background-color .6s ease-in-out, top .6s ease-in-out, height .6s ease-in-out ;-webkit-transition:background-color .6s ease-in-out, top .6s ease-in-out, height .6s ease-in-out;}

#header.load {top: 0;}



.header_inner {width: 1536px;margin: 0 auto;position: relative;height: 100%;}

/* #header h1 {position: absolute;left: 0;top: 50%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} */

#header h1 a{display: block;height: 100%;}

#header h1 a img {transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out; 

position: absolute;left: 0;top: 50%;transform:translateY(-50%);z-index:999;}

#header h1 a img.logo_white {opacity: 0;/* z-index: -999; */}

/*

#header.active h1 a img.logo_color {opacity:0;}



#header.active h1 a img.logo_white {opacity:1;}

*/

#header .btn_contact {position: absolute;top: 50%;right: 200px;width: 120px;height: 44px;border-radius: 22px;text-align: center;box-sizing:border-box;font-size: 16px;line-height: 44px;text-align: center;background-color: #669c15;color: #fff; transform: translateY(-50%);-webkit-transform: translateY(-50%); z-index:1;}



#header.active .btn_contact {border-color: #fff;}

#header.active .btn_contact span {color: #fff;}



#header  .btn_all_menu {z-index:9999999;position: absolute;right: 0;top: 50%;width: 33px;height: 23px;margin-top: -11.5px;}

#header  .btn_all_menu span{position: absolute;right: 0;width: 100%;height: 3px;background-color: #fff;

transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}

#header  .btn_all_menu .btn_all_menu_inner {}

#header  .btn_all_menu span.barTop{top: 0px;}

#header  .btn_all_menu span.barMid{top: 10px; }

#header  .btn_all_menu span.barBot{top: 20px; }





#header  .btn_all_menu.active span {background-color: #333;width: 100%;}



#header  .btn_all_menu.active span.barTop{transform:rotate(45deg);-webkit-transform:rotate(45deg);top: 10px;}

#header  .btn_all_menu.active span.barMid{width: 0;}

#header  .btn_all_menu.active span.barBot{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top: 10px;}



#header .langBox {position: absolute;right: 78px;top: 0;z-index: 1;}

#header .langBox.on p:after {transform:rotate(180deg)}

#header .langBox p {cursor:pointer;padding-right: 18px;font-size: 16px;line-height: 100px;color: #fff;position: relative;background-repeat: no-repeat;background-position: 0 center;

-moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

    user-select: none;

transition: color .2s ease-in-out, line-height .6s ease-in-out;

    -webkit-transition: color .2s ease-in-out, line-height .6s ease-in-out;

}

#header .langBox p:after {content:'';position: absolute;width: 7px;height: 6px;-webkit-background-size: cover;

background-size: cover;background-repeat: no-repeat;background-image: url(../../images/main/arrow_lang.png);right: 0;top: 50%;margin-top: -3px;transition: all .2s ease-in-out}

#header .langBox ul {display: none;position: absolute;left: 50%;transform:translateX(-50%);background-color: #fff;padding: 8px 18px;} 

#header .langBox ul a {display: block;font-size: 15px;line-height: 30px;}





#gnb {box-sizing:border-box;text-align: right;padding-right: 200px;}

#gnb .gnbWrap {display: inline-block;text-align: center;font-size:0;vertical-align: top;}

#gnb .gnbWrap > li {position: relative;display: inline-block;vertical-align: middle;box-sizing:border-box;}

#gnb .gnbWrap > li > a {position: relative;display: block;padding: 0 25px;line-height:100px;font-size:16px;color: #fff;box-sizing:border-box; transition:color .2s ease-in-out, line-height .6s ease-in-out;-webkit-transition:color .2s ease-in-out, line-height .6s ease-in-out;}

#gnb .gnbWrap > li > a span {display: inline-block;vertical-align: top;position: relative;}

#gnb .gnbWrap > li > a span:after {content:'';position: absolute;bottom: 22px;left: 50%;right: 50%;transition:all .2s ease-in-out;height: 2px;background-color: #669c15;}

#gnb .gnbWrap > li:hover > a {} 

#gnb .gnbWrap > li:hover > a span:after {left: 0;right: 0;} 





#header .gnbWrap ul.dep2 {text-align: left;white-space:nowrap;background-color: #fff;border: 1px solid #22b14c;display: none;min-width: 150px;position: absolute;left: 50%;padding: 12px 18px;z-index:-1;transform: translateX(-50%);-webkit-transform: translateX(-50%);box-sizing:border-box;}

#header .gnbWrap ul.dep2:before {content:'';position: absolute;-webkit-background-size: cover;background-repeat: no-repeat;

background-size: cover;width: 13px;height: 10px;background-image: url(../images/menu_icon.png);left: 4px;top: 4px;}

#header .gnbWrap li:hover ul.dep2 {display: block;}

#header .gnbWrap .dep2 > li > a {display: block;font-size: 15px;line-height: 32px;color: #000;}

#header .gnbWrap .dep2 > li:hover > a {color: #22b14c;}

#header .gnbWrap .dep3 > li > a {display: block;position: relative;font-size: 13px;line-height: 32px;padding-left: 10px;color: #a4a4a4;}

#header .gnbWrap .dep3 > li:hover > a {color: #000;}

#header .gnbWrap .dep3 > li > a:before {content:'-';display: inline-block;position: absolute;left: 0;top: 0;}





.dim {display: none;position: fixed;right: 0;top: 0;width: 100%;height: 100%;z-index:9999;/* -webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px); */

background-color: rgba(0,0,0,0.7);

}

#header.active .dim {}



/* #header .allMenuWrap.show  {display: block;} */

#header .allMenuWrap  {position: fixed;right: -80%;top: 0;width: 80%;height: 100%;background-color: #fff;bottom: 0;padding: 80px 0;z-index: 99999;box-sizing:border-box;background-repeat: no-repeat;transition: right .6s cubic-bezier(.78,.24,.3,.89);}

#header.active .allMenuWrap {right: 0;}

#header .allMenuWrap .allMenuWrap_inner {height: 100%;overflow-y:auto;}

#header .allMenuWrap .allMenuWrap_inner  .allMenu_inner {display: table;padding-left: 160px;padding-right: 30px;width: 100%;height: 100%;box-sizing:border-box;

position: relative;

}

#header .allMenuWrap .allMenuWrap_inner  .allMenu_inner:before {content:'';position: absolute;width: 80px;height: 62px;left: 100px;top: 0;background-repeat: no-repeat;-webkit-background-size: cover;

background-size: cover;background-image: url(../images/menu_icon.png);}



#header .allMenuWrap .allMenu_box {display: table-cell;vertical-align: middle;}  

#header .allMenuWrap .allMenu {vertical-align: top;font-size: 0;}

#header .allMenuWrap .allMenu > li {display: inline-block;margin-right: 100px;vertical-align: top;text-align: left;}

#header .allMenuWrap .allMenu > li:last-child {margin-right: 0;}

#header .allMenuWrap .allMenu > li > a, #header .allMenuWrap .allMenu > li > span {display: block;font-weight: bold;font-size: 28px;line-height: 41px;color: #000;}

#header .allMenuWrap .allMenu > li > span {display: none;}

#header .allMenuWrap .allMenu > li > em {display: block;margin-bottom: 15px;}



#header .allMenuWrap .allMenu > li > ul {margin-top: 46px;}

#header .allMenuWrap .allMenu > li > ul > li {vertical-align: top;margin-bottom: 0;}

#header .allMenuWrap .allMenu > li > ul > li:last-child {margin-bottom: 0;}

#header .allMenuWrap .allMenu > li > ul > li > a {position: relative;display: inline-block;font-size: 20px;font-weight: 500;line-height: 43px;color: #000;transition:color .14s ease-in-out}

#header .allMenuWrap .allMenu .depth3 li a {display: block;font-size: 17px;line-height: 40px;position: relative;padding-left: 10px;font-weight: 500;}

#header .allMenuWrap .allMenu .depth3 li a:before {content:'-';position: absolute;left: 0;top: 0;}



#header.bgbg {background-color: #fff;border-bottom: 1px solid #dcdcdc;height: 74px;}

#header.bgbg h1 a img.logo_color {opacity: 0;z-index: 1;}

#header.bgbg h1 a img.logo_white {opacity: 1;z-index: 999;} 

#header.bgbg #gnb .gnbWrap > li > a {color: #333;line-height: 74px;}

#header.bgbg #gnb .gnbWrap .btn_gnbBroom a {color: #fff;}

#header.bgbg .btn_all_menu span {background-color: #000;}

#header.bgbg .langBox p {line-height: 74px;color: #000;}

#header.bgbg .langBox p:after {background-image: url(../../images/main/arrow_lang_on.png);}





.sub #footer {border-top: 1px solid #dcdcdc;}

#footer {padding: 43px 24px 55px;border-top: 1px solid #dcdcdc;}

#footer .footer_inner {position: relative;text-align: center;}

#footer .footer_inner .footer_cont {}

#footer .footer_inner .footer_cont p {font-size: 13px;line-height: 22px;margin-bottom: 8px;}

#footer .footer_inner .footer_cont p span {display: inline-block;vertical-align: top;position: relative;}

#footer .footer_inner .footer_cont p span:after {content:"|";display: inline-block;vertical-align: top;margin: 0 4px;}

#footer .footer_inner .footer_cont p span:last-child:after {display: none;}

#footer .footer_inner #scrTop {position: absolute;right: 0;top: 50%;}

#footer .footer_sns {margin-top: 47px;}

#footer .footer_sns a {display: inline-block;vertical-align: top;margin: 0 9px;}

#footer .footer_sns {font-size: 0;}





.mainWrap .inner {max-width:none;width: 1536px;margin: 0 auto;box-sizing:border-box}

.inner2 {width: 1080px;margin: 0 auto;box-sizing:border-box}





.mvArea {position: relative;}

.mvWrap .mv_item {position: relative;height: 100vh;overflow: hidden;}

.mvWrap .mv_item .mv_bg {position: absolute;width: 100%;height: 100%;left: 0;top: 0;content:'';background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;

background-size: cover;z-index: 99;transform:scale(1.1);transition: all .8s ease-in-out}

.mvWrap .mv_item1 .mv_bg {background-image: url(../../images/main/mv0.jpg);}

.mvWrap .mv_item2 .mv_bg {background-image: url(../../images/main/mv1.jpg);}

.mvWrap .mv_item3 .mv_bg {background-image: url(../../images/main/mv2.jpg);}

.mvWrap .mv_item4 .mv_bg {background-image: url(../../images/main/mv3.jpg);}

.mvWrap .mv_item5 .mv_bg {background-image: url(../../images/main/mv4.jpg);}

.mvWrap .mv_item6 .mv_bg {background-image: url(../../images/main/mv5.jpg);}

.mvWrap .mv_item.on .mv_bg {transform:scale(1) rotate(.001deg);transition: all 0s ease-in-out}



.mvControlWrap {width: 1536px;bottom: 100px;left: 50%;margin-left: -768px;position: absolute;z-index: 99;}



.mvControl {display: inline-block;vertical-align: top;background-image: url(../images/icon_pause.png);-webkit-background-size: 40px;

background-size: 40px;background-repeat: no-repeat;background-position: center center;cursor:pointer;

position: relative;bottom: -100px;opacity: 0;

}



.mvArea.gogo .mvControl {bottom: 0;opacity: 1;transition: bottom 1s ease-in-out, opacity 1s ease-in-out}

.mvControl.paused {background-image: url(../images/icon_play.png);} 

.progress {width: 118px;height: 118px;display: block;transform:rotate(-90deg)}

.progress circle.prog_c {

  fill: transparent;

  stroke: #fff;

  stroke-width: 3;

  

}    

.progress circle.prog_b {

  fill: transparent;

  stroke: #fff;

  stroke-width: 1;

}    



.progress circle.prog_c_m {

  fill: transparent;

  stroke: #fff;

  stroke-width: 3;



  display: none;

  

}    

.progress circle.prog_b_m {

  fill: transparent;

  stroke: #fff;

  stroke-width: 1;

  display: none;

}    



.mvArea .icon_scroll {font-weight: bold;font-family: 'Roboto';opacity: 0;position: absolute;z-index: 99;padding-left: 86px;right: -50px;bottom: -50px;transform: rotate(-90deg);text-align: center;font-size: 10px;line-height: 13px;color: #fff;}

.mvArea .icon_scroll p {}

.mvArea .icon_scroll em {overflow: hidden;position: absolute;left: 0;top: 50%;display: inline-block;vertical-align: top;width: 70px;height: 1px;}

.mvArea .icon_scroll em:after {content:'';position: absolute;top: 0;width: 100%;height: 1px;background-color: #fff;

animation: scroll 1s linear infinite ;-webkit-animation: scroll 1s linear infinite ;

}



.mvArea.gogo .icon_scroll {bottom: 45%; opacity: 1;transition: bottom 1s ease-in-out, opacity 1s ease-in-out}



/* Safari 4.0 - 8.0 */

@-webkit-keyframes scroll {

  0%   {left: 110%;}

  100% {left: -110%;}

}



/* Standard syntax */

@keyframes scroll {

	 0%   {left: 110%;}

  100% {left: -110%;}

}





.mvTxtWrap {position: absolute;left: 50%;bottom: 310px;width: 1000px;margin-left: -500px;text-align: right;}

.mvTxtWrap .mvTxt {display: inline-block;vertical-align: top;text-align: left;}

.mvTxtWrap .dotsBox {margin-bottom: 50px;}

.mvTxtWrap .dotsBox .slick-dots {font-size: 0;}

.mvTxtWrap .dotsBox .slick-dots li {display: inline-block;vertical-align: top;margin-right: 10px;}

.mvTxtWrap .dotsBox .slick-dots li button {outline: none;display: block;text-indent: -9999px;width: 10px;height: 10px;border: 1px solid #669c15;box-sizing:border-box; border-radius: 100%;}

.mvTxtWrap .dotsBox .slick-dots li.slick-active button {background-color: #669c15;}

.mvTxtWrap strong {display: block;font-size: 53px;line-height: 63px;color: #fff;font-weight: bold;font-family: 'Roboto';letter-spacing: 2.12px;}

.mvTxtWrap p {font-size: 20px;line-height: 30px;color: #fff;font-weight: 300;margin-top: 20px;font-family: 'Roboto';letter-spacing: 1.46px;}

.mvTxtWrap .btnBox {margin-top: 34px;font-size: 0;}

.mvTxtWrap a {display: inline-block;border: 2px solid #fff;color: #fff;width: 157px;height: 46px;line-height: 42px;box-sizing:border-box;font-size: 12px;font-family: 'Roboto';text-align: center;}

.mvTxtWrap a:first-child {margin-right: 6px;}







.mainSec1 {padding-top: 152px;}

.mb_news_inner {max-width:1084px;padding: 0 50px;margin: 0 auto;}

.mainBoardNew > div.mb_movie {position: relative;}

.mainBoardNew > div.mb_news:before {content:'';position: absolute;width: 2px;height: 122px;background-color: #fff;left: -1px;top: 0;}

.mainBoardNew > div.mb_movie .videoBox {position: relative;overflow: hidden;padding-top: 19.947916%; transition: all .8s ease-in-out}

.mainBoardNew > div.mb_movie .videoBox.on {padding-top: 56.25%;}

.mainBoardNew > div.mb_movie .videoBox iframe {opacity: 0;display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0; transition: opacity .8s ease-in-out}

.mainBoardNew > div.mb_movie .videoBox.on iframe {opacity: 1;transition-delay:.4s}

.mainBoardNew > div.mb_movie .videoBox video{ opacity: 0; display: block; max-width: 100%; max-height: 100%;position: absolute;left: 0;top: 0; right: 0; top: 0; margin: auto; transition: opacity .8s ease-in-out }
.mainBoardNew > div.mb_movie .videoBox video::-webkit-media-controls{ display: none !important; }

.mainBoardNew > div.mb_movie .videoBox.on video{ opacity: 1;transition-delay:.4s; }

.mainBoardNew > div.mb_movie .videoBox .cover {cursor:pointer;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-image: url(/images/main/vid_cv.jpg);background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;

background-size: cover;transition:opacity .8s ease-in-out, left 0s ease-in-out;display: flex;align-items:center;justify-content:center}

.mainBoardNew > div.mb_movie .videoBox .cover .btn_play {transition:all .8s ease-in-out;}

.mainBoardNew > div.mb_movie .videoBox .cover.on {left: -100%;opacity: 0;transition:opacity .8s ease-in-out, left .8s .8s ease-in-out}

.mainBoardNew > div.mb_movie .videoBox .cover.on .btn_play {transform:scale(10) }

.mbTit1 {position: relative;z-index: 99;margin-bottom: 28px;}

.mbTit1 h2 {position: relative;z-index: 99;font-size: 35px;font-weight: bold;line-height: 52px;padding-left: 56px;}

.mbTit1 h2:before {content:'';position: absolute;width: 36px;height: 5px;background-color: #22b14c;left: 0;top: 50%;margin-top: -2.5px;}

.mbTit1 strong {display: block;font-weight: 900;font-family: 'Roboto';color: #00529c;font-size: 140px;line-height: 168px;text-indent: -7px;}

.mbTit2 h2 {font-size: 16px;line-height: 24px;font-weight: bold;}

.mbTit2 {position: relative;z-index: 99;margin-bottom: 14px;}

.mbTit2 .dotsBox {position: absolute;right: 0;top: 50%;margin-top: -4px;}

.dotsBoxWrap .dotsBox .slick-dots {font-size: 0;}

.dotsBoxWrap .dotsBox .slick-dots li {display: inline-block;vertical-align: top;margin-right: 14px;}

.dotsBoxWrap .dotsBox .slick-dots li button {outline: none;text-indent: -9999px;display: block;width: 10px;height: 10px;border: 1px solid #000;border-radius: 5px;box-sizing:border-box}

.dotsBoxWrap .dotsBox .slick-dots li.slick-active button {border-color: #22b14c;background-color: #22b14c;}

.dotsBoxWrap {position: relative;}

.dotsBoxWrap .dotsBox {position: absolute;left: 50%;bottom: 40px;}

.mb_news {margin-top: 116px;}

.mb_news_list .slick-slide > div + div {margin-top: 50px;}

.mb_news_list .mb_news_item {outline: none;}

.mb_news_list .mb_news_item a {outline: none;display: flex;align-items:flex-start}



.mb_news_list .mb_news_item .txt_box {padding-bottom: 40px;border-bottom: 1px solid #000;}

.mb_news_list .mb_news_item .txt_box > * {display: block;}

.mb_news_list .mb_news_item .txt_box > h2 {font-size: 22px;line-height: 25px;padding-bottom: 22px;border-bottom: 2px solid #000;margin-bottom: 18px;}

.mb_news_list .mb_news_item .txt_box > .date {display: block;font-size: 16px;line-height: 19px;margin-bottom: 18px;font-weight: bold;}

.mb_news_list .mb_news_item .txt_box > p.subject {font-size: 20px;line-height: 30px;font-weight: 400;

	white-space: normal;

    overflow: hidden;

    text-overflow: ellipsis;

    max-height: 60px;

    word-wrap: break-word;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

	

}



.mb_news_list .mb_news_item .txt_box {flex:1;min-width:0;padding-top: 19px;}

.mb_news_list .mb_news_item .img_box {width: 50%;padding-right: 8%;position: relative;box-sizing:border-box}

.mb_news_list .mb_news_item .img_box .img_box_bg {height: 334px;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;

background-size: cover;}

.mb_news_list .mb_news_item .txt_box > p.writer {font-size: 15px;line-height: 18px;}





.mainSec2 {padding: 118px 0;}

.main_menu {font-size: 0;margin-left: -11px;margin-right: -11px;}

.main_menu > li {display: inline-block;vertical-align: top;width: 33.333333%;padding: 0 11px;box-sizing:border-box}

.main_menu > li > a {display: block;text-align: center;border: 1px solid #e6e6e6;font-size: 0;padding: 20px 0;}

.main_menu > li > a  > * {display: inline-block;vertical-align: middle;}

.main_menu > li > a .img_box img {width: 33px;}

.main_menu > li > a p {font-size: 18px;line-height: 33px;font-weight: bold;color: #000;margin-left: 6px;}







.mainSec3 {padding: 230px 0 300px;background-color: #004c9b;position: relative;margin-top: 4vw;}

.mainSec3 .ms3Tit {position: absolute;width: 100%;text-align: center;left: 0;top: -6vw;}

.mainSec3 .ms3Tit h2 {font-size: 6vw;line-height: 1.4;color: #03253f;}

.mainSec3 .ms3Tit h2:after {background-color: #004c9b;}

.mainBusiness_wrap {font-size: 0;margin-top: -56px;}

.mainBusiness_wrap > .mainBusiness_Item {width: 50%;box-sizing:border-box;display: inline-block;vertical-align: top;font-size: 16px;}

.mainBusiness_wrap > .mainBusiness_Item a {display: block;position: relative;}

.mainBusiness_wrap > .mainBusiness_Item1 {vertical-align: top;padding-left: 5%;padding-right: 3.8%;text-align: right;}

.mainBusiness_wrap > .mainBusiness_Item2 {margin-top: 18%;text-align: right;vertical-align: bottom;padding-left: 8.8%;}

.mainBusiness_wrap > .mainBusiness_Item3 {width: 100%;text-align: center;padding: 0 42% 0 16.8% ;margin-top: 10%;}

.mainBusiness_wrap > .mainBusiness_Item .txt_box {text-align: left;position: absolute;left: -80px;top: 100px;color: #fff;}

.mainBusiness_wrap > .mainBusiness_Item .txt_box strong {display: block;font-size: 24px;line-height: 36px;font-weight: 500;}

.mainBusiness_wrap > .mainBusiness_Item .txt_box p {font-family: 'Roboto';font-size: 16px;line-height: 19px;margin-top: 9px;}

.mainBusiness_wrap > .mainBusiness_Item .aniBox.type_cv:after {background-color: #004c9b;}



.mainBusiness_wrap > .mainBusiness_Item .img_box img {transition:all .6s .8s ease-in-out}

.mainBusiness_wrap > .mainBusiness_Item .img_box.gogo img {-webkit-box-shadow:0 0 14px  rgba(0,0,0,.2) ;

-moz-box-shadow: 0 0 14px  rgba(0,0,0,.2);

box-shadow: 0 0 14px  rgba(0,0,0,.2);}



.mainSec4 {position: relative;}

.mainSec4 .banner_box {}

.mainSec4 .banner_box img {position: relative;transform-origin:right top;}

.mainSec4 .banner_box .img_bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform-origin:right top;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;

background-size: cover;}

.mainSec4 .banner_box .banner_box_item .banner_box_item_inner {padding-top: 49.84375%;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;

background-size: cover;}



.mainSec4 .inner {position: relative;}

.mainSec4 .inner:after {display: none;content:'';position: absolute;top: 0;width: 50vw;height: 100%;right: 100%;background-color: #fff;}

.mainSec4  .img_cv {display: none;content:'';position: absolute;width: 100vw;right: -50%;top: 0;height: 100%;background-color: #fff;z-index: 99;}

.ms4Tit {position: absolute;z-index: 999;top: -6vw;width: 100%;text-align: center;}

.ms4Tit h2 {font-size: 6vw;line-height: 1.4;color: #03253f;}

.mainSec4 .txt_box {position: absolute;left: 92px;bottom: 97px;color: #fff;font-size: 20px;line-height: 28px;}

.mainSec4 .banner_box .slick-arrow {position: absolute;width: 64px;height: 69px;top: 50%;margin-top: -35px;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;

background-size: cover;text-indent: -9999px;z-index: 99;outline: none;}

.mainSec4 .banner_box .slick-prev {left: 60px;background-image: url(../images/subs_arr_prev.png);}

.mainSec4 .banner_box .slick-next {right: 60px;background-image: url(../images/subs_arr_next.png);}



.mainSec5 {padding-top: 130px;}

.mainSec5 .ms5Tit {font-size: 46px;line-height: 68px;}

.mainSec5 .ms5Tit+p {font-size: 26px;line-height: 36px;margin-top: 14px;}

.mainSec5 .ms5BtnWrap {padding-left: 226px;position: relative;margin-top: 63px;}

.mainSec5 .ms5BtnWrap span {position: absolute;left: 0;top: 0;line-height: 63px;font-size: 33px;padding-right: 80px;}

.mainSec5 .ms5BtnWrap span:after {content:'';position: absolute;width: 60px;height: 2px;background-color: #000;right: 0;top: 50%;margin-top: -1px;}

.mainSec5 .ms5BtnWrap ul li {display: inline-block;vertical-align: top;padding: 0 5px;}

.mainSec5 .ms5BtnWrap ul {font-size: 0;margin-left: -5px;margin-right: -5px;}

.mainSec5 .ms5BtnWrap ul li a {width: 207px;box-sizing:border-box;display: block;font-size: 16px;line-height: 59px;height: 63px;border: 2px solid #000;font-weight: 500;text-align: center;}





.mainSec6 {padding-top: 170px;}

.mainContact {border: 4px solid #000;padding: 95px 50px;}

.mainContact .mainContact_inner {width: 835px;margin: 0 auto;}

.mainContact .mcTit {text-align: center;margin-bottom: 30px;}

.mainContact .mcTit span {display: block;font-size: 18px;margin-bottom: 16px;line-height: 27px;font-weight: 900;}

.mainContact .mcTit h2 {font-size: 64px;line-height: 77px;font-family: 'Roboto';}

.mainContact .mcInputSec {font-size: 0;}

.mainContact .mcInputSec > div {padding-top: 12px;padding-bottom: 12px;box-sizing:border-box;position: relative;font-size: 16px;line-height: 30px;display: inline-block;vertical-align: top;}

.mainContact .mcInputSec1 {border-bottom: 4px solid #000;}

.mainContact .mcInputSec > div.mcInputSec_item1 {width: 25%;padding-left: 44px;padding-right: 20px;}

.mainContact .mcInputSec > div.mcInputSec_item2 {width: 35%;padding-left: 60px;padding-right: 20px;}

.mainContact .mcInputSec1 > div:after {content:'';position: absolute;width: 1px;height: 20px;background-color: #000;right: 10px;top: 50%;margin-top: -10px;}

.mainContact .mcInputSec > div:last-child:after {display: none;}

.mainContact .mcInputSec > div.mcInputSec_item3 {width: 40%;padding-left: 60px;}

.mainContact .mcInputSec > div.mcInputSec_item4 {padding-left: 74px;width: 100%;}

.mainContact .mcInputSec > div input {outline: none;display: block;width: 100%;height: 30px;box-sizing:border-box;border: none;padding: 0 10px;}

.mainContact .mcInputSec > div input:focus {outline: 1px solid #000;}

.mainContact .mcInputSec > div label {position: absolute;left: 0;top: 12px;font-weight: 500;}

.mainContact .mcInputSec > div textarea {outline: none;display: block;width: 100%;box-sizing:border-box;border: none;line-height: 26px;height: 100px;padding: 4px 10px;}

.mainContact .mcInputSec > div textarea:focus {outline: 1px solid #000;}

.mainContact .mcInputSec2 {border-bottom: 1px solid #000;}

.mainContact .mcBtn {margin-top: 40px;}
.mainContact .mcBtn.taC button{display: inline-block;vertical-align: top;color: #000;border: 4px solid #000;line-height: 50px;height: 58px;font-weight: 900;font-size: 17px;width: 157px;background-color: #fff;}

.mainContact .btn_submit {display: inline-block;vertical-align: top;color: #000;border: 4px solid #000;line-height: 50px;height: 58px;font-weight: 900;font-size: 17px;width: 157px;background-color: #fff;}
.mainContact .mcBtn.taC button {display: inline-block;vertical-align: top;color: #000;border: 4px solid #000;line-height: 50px;height: 58px;font-weight: 900;font-size: 17px;width: 157px;background-color: #fff;}


.mainContact  .input_custum.ty_check {font-weight: 500;margin-top: 17px;line-height: 24px;font-size: 14px;padding-right: 32px;padding-left: 0;}

.mainContact  .input_custum.ty_check .fake_input {left: auto;right: 0;border-radius: 0;border-color: #000;width: 20px;height: 20px;}

.mainContact  .input_custum.ty_check .fake_input:after {border-radius: 0;}



.mainBot_menu {margin-top: 23px;}

.mainBot_menu ul {font-size: 0;margin-left: -20px;margin-right: -20px;}

.mainBot_menu ul li {display: inline-block;vertical-align: top;padding: 10px 20px;}

.mainBot_menu ul li a {display: block;font-size: 15px;font-weight: bold;line-height: 22px;}







/* customer center ΌφΑ€ */

.msCsWrap .msCsTop {text-align: center;font-size:0;}

.msCsWrap .msCsTop select.select_ty1 {display: inline-block;margin: 0 8px;max-width:233px;width: 100%;vertical-align: top;font-size:16px;border-color: #e6e6e6;box-sizing:border-box;}

.msCsWrap .msCsBot {margin-top: 35px;border-top: 4px solid #000;border-bottom: 1px solid #000;padding: 25px 0 33px;box-sizing:border-box;}

.msCsWrap .msCsBot .cs_list {font-size:0;margin-left: -30px;}

.msCsWrap .msCsBot .cs_list + .cs_list {margin-top: 25px;}

.msCsWrap .msCsBot .cs_list > div {position: relative;display: inline-block;padding-left: 80px;margin-left: 30px;vertical-align: top;box-sizing:border-box;}

.msCsWrap .msCsBot .cs_list > div label {position: absolute;display: block;left: 0;top: 0;font-size: 16px;line-height: 44px;color: #000;font-weight:bold;}

.msCsWrap .msCsBot .cs_list.col1 > div {width: calc(100% - 30px);}

.msCsWrap .msCsBot .cs_list.col2 > div {width: calc(50% - 30px);}

.msCsWrap .msCsBot .cs_list.col3 > div {width: calc(33.333% - 30px);}

.msCsWrap .msCsBot .cs_list > div input,

.msCsWrap .msCsBot .cs_list > div textarea {border-color: #e6e6e6;width: 100%;}

/*.msCsWrap .msCsBot .cs_list.attachFile > div {padding-right: 115px;} */

.msCsWrap .msCsBot .cs_list.attachFile .uploadFile {position: static;}

.msCsWrap .msCsBot .cs_list .attachBox .input_ty1 {width: 100%;outline:none;}

.msCsWrap .msCsBot .cs_list .attachBox .selectFile {position: absolute;right: 0;top: 0;width: 107px;line-height:42px;border: 1px solid #000;text-align: center;font-size: 14px;font-weight: 500;background-color: transparent;}


.msCsWrap .msCsBot .cs_list.attachFile > div{ padding-right:0px; }
.msCsWrap .msCsBot .cs_list.attachFile .attachBox{ overflow:hidden; }
.msCsWrap .msCsBot .cs_list.attachFile .attachBox .files{ float:left; border:1px solid #e6e6e6; width:76%; padding: 5px 2%; min-height:34px; }
.msCsWrap .msCsBot .cs_list.attachFile .attachBox .files img{ width:50%; }
.msCsWrap .msCsBot .cs_list.attachFile .attachBox #fileupload_file{ float:right; width:15%; max-width: 107px;line-height:42px;border: 1px solid #000; text-align: center;font-size: 14px;font-weight: 500; }



@media screen and (max-width: 1920px){

	

}







@media screen and (max-width: 1656px){

	.mvControlWrap {width: 100%;left: 0;margin-left: 0;padding: 0 50px;box-sizing:border-box}

	.header_inner {width: 100%;padding: 0 50px;box-sizing:border-box}

	#header h1 a img {left: 50px;}

	#header .btn_all_menu {right: 50px;}

	#header .langBox {right: 130px;}



	.mainWrap .inner {width: 100%;padding: 0 50px;}

	.mainSec4  .img_cv {margin-right: -50px;}

	.mvArea .icon_scroll {right: 0;}

	

	.mainSec4 .inner:before {left: calc(-50vw + 50px);}

	.mainSec4 .txt_box {left: 110px;right: 110px;}

	.ms4Tit {}



	

}



@media screen and (max-width: 1500px){

	#header .allMenuWrap .allMenuWrap_inner .allMenu_inner {padding-left: 100px;padding-right: 30px;}

	#header .allMenuWrap .allMenu > li {margin-right: 8%;}



	#header .allMenuWrap .allMenu > li > a, #header .allMenuWrap .allMenu > li > span {font-size: 22px;line-height: 34px;}

	#header .allMenuWrap .allMenu > li > ul > li > a {font-size: 18px;}

	#header .allMenuWrap .allMenu .depth3 li a {font-size: 15px;}

	#header .allMenuWrap .allMenuWrap_inner  .allMenu_inner:before {left: 60px;}

}









@media screen and (max-width: 1410px){

	

}



@media screen and (max-width: 1280px){

	

	#gnb {padding-right: 160px;}

	

}



@media screen and (max-width: 1150px){

	

}



@media screen and (max-width: 1100px){

	.mainWrap .inner {padding: 0 30px;}

	#header h1 a img {left: 30px;}

	#header .langBox {right: 120px;}

	#header .btn_all_menu {right: 30px;}

	#header .allMenuWrap {padding-top: 140px;}

	#header .allMenuWrap:after {content: '';

    position: absolute;

    width: 80px;

    height: 62px;

    left: 40px;

    top: 30px;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    background-size: cover;

    background-image: url(../images/menu_icon.png);}

	#header .allMenuWrap .allMenu_box {vertical-align: top;}

	#header .allMenuWrap .allMenuWrap_inner .allMenu_inner:before {display: none;}

	#header .allMenuWrap .allMenu {display: inline-block;}

	#header .allMenuWrap .allMenu > li {margin-right: 0;margin-bottom: 30px;}



	#header .allMenuWrap .allMenu > li:last-child {margin-bottom: 0;}

	#header .allMenuWrap .allMenu li ul.depth2 {display: none;}

	#header .allMenuWrap .allMenu > li > a {display: none;}

	#header .allMenuWrap .allMenu > li > span {display: block;}

	#header .allMenuWrap .allMenu > li > em {position: absolute;top: 13px;left: 0;margin-bottom: 0;}

	#header .allMenuWrap .allMenu > li {display: block;position: relative;}

	#header .allMenuWrap .allMenu > li > a, #header .allMenuWrap .allMenu > li > span {font-size: 36px;line-height: 40px;}

	#header .allMenuWrap .allMenu li li a {font-size: 18px;line-height: 40px;}



	#gnb {display: none;}

	#header .allMenuWrap .allMenu li ul.depth2 {margin-top: 20px;}



	#header .allMenuWrap .allMenu li ul li {margin-bottom: 0;}

	#header .allMenuWrap .allMenu li li a {line-height: 50px;}



	#footer {padding: 40px 30px;}

	.mb_news_inner {padding: 0 30px;}

	.inner2 {width: 100%;padding: 0 30px;}



	#footer .footer_inner {padding-right: 0;text-align: center;}

	#footer .footer_btn {position: static;text-align: center;margin-top: 30px;}

	#footer .footer_inner p.copy {margin-top: 16px;}





	.mvTxtWrap {padding: 0 30px;box-sizing:border-box;width: 100%;left: 0;margin-left: 0;text-align: left;}

	.mvControlWrap {padding: 0 30px;bottom: 50px;}

	

	.mainBoard {display: block;}

	.mainBoard > div {display: block;}

	.mainBoard > div.mb_movie {padding-right: 0;}

	.mainBoard > div.mb_news {width: 100%;padding-left: 0;border-left: none;}



	.mainBoard > div.mb_movie .videoBox {padding-top: 56.25%;}

	.mainBoard > div.mb_movie .videoBox iframe {height: auto;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

	.mainBoard > div.mb_news .slick-slide {font-size: 0;}

	.mainBoard > div.mb_news .slick-slide > div {box-sizing:border-box;width: 50%;display: inline-block;vertical-align: top;}

	.mb_news_list .slick-slide > div + div {margin-top: 0;}

	.mb_news_list .slick-slide > div:first-child {padding-right: 20px;}

	.mb_news_list .slick-slide > div:last-child {padding-left: 20px;}

	.mainBoardNew > div.mb_movie .videoBox {padding-top: 35%}

	

	



	.mainBusiness_wrap > .mainBusiness_Item .txt_box {left: -40px;}



	.mainSec3 .ms3Tit {padding-left: 0;}

	.mainBusiness_wrap {margin-top: -40px;}

	

	.ms4Tit {padding-left: 0;opacity: 0;transform:translateX(-40px);transition:all 1s ease-in-out}

	.ms4Tit.gogo {opacity: 1;transform:translateX(0)}

	.mainSec4 .banner_box .banner_box_item .banner_box_item_inner {padding-top: 66%;}

	.mainSec4 .banner_box .slick-prev {left: 30px;}

	.mainSec4 .banner_box .slick-next {right: 30px;}

	

	.mainSec5 .ms5BtnWrap {padding-left: 0;}

	.mainSec5 .ms5BtnWrap span {display: inline-block;position: relative;}

	.mainSec5 .ms5BtnWrap ul {margin-top: 30px;}

	.mainSec5 .ms5BtnWrap ul li {vertical-align: top;width: 25%;box-sizing:border-box}

	.mainSec5 .ms5BtnWrap ul li a {width: 100%;}





	.mainContact .mainContact_inner {width: 100%;}

	.mainSec1 {padding-top: 120px;}

	.mainSec3 {padding: 150px 0 170px;}

	.mainSec5 {padding-top: 120px;}

	.mainSec6 {padding-top: 120px;}



	.msCsWrap .msCsBot .cs_list {margin-left: -10px;}

	.msCsWrap .msCsBot .cs_list > div {margin-left: 10px;padding-left: 70px;}

	.msCsWrap .msCsBot .cs_list.col3 > div {    width: calc(33.333% - 10px);}

	.msCsWrap .msCsBot .cs_list.col2 > div {    width: calc(50% - 10px);}

	.msCsWrap .msCsBot .cs_list.col1 > div {    width: calc(100% - 10px);}

}









@media screen and (max-width: 900px){

	.mainContact {padding: 70px 50px;}

	.mainContact .mcInputSec > div {display: block;}

	.mainContact .mcInputSec > div.mcInputSec_item1,

	.mainContact .mcInputSec > div.mcInputSec_item2,

	.mainContact .mcInputSec > div.mcInputSec_item3 {width: 100%;padding-right: 0;}

	.mainContact .mcInputSec1 > div:after,

	.mainContact .mcInputSec2 > div:after {display: none;}



	.msCsWrap .msCsBot .cs_list .attachBox .selectFile {margin-top: 0;}

}



@media screen and (max-width: 767px){

	.m_only {display: block;}

	.mainWrap .inner {padding: 0 15px;}

	.inner2 {padding: 0 20px;}

	#header {top: -50px;height: 50px;}

	#header.bgbg {height: 50px;}

	#header.load {top: 0;}

	#header .headerTop {padding: 0 15px;}

	#header h1 a img {left: 15px;height: 22px;}

	#header .btn_contact {display: none;}

	.header_inner, .main_inner {padding: 0 15px;}



	#header .allMenuWrap:after {width: 44px;height: 35px;top: 20px;left: 21px;}



	#header .btn_all_menu {width: 22px;height: 16px;right: 15px;margin-top: -8px;}

	#header .btn_all_menu .btn_all_menu_inner {}

	#header .btn_all_menu span {height: 2px;}

	#header .btn_all_menu span.barMid {top: 7px;}

	#header .btn_all_menu span.barBot {top: 14px;}



	#header .btn_all_menu.active span.barTop {top: 7px;}

	#header .btn_all_menu.active span.barBot {top: 7px;}

	#header .allMenuWrap .allMenuWrap_inner .allMenu_inner {padding-left: 44px;padding-right: 0;}

	#header .allMenuWrap {padding: 50px 0;padding-top: 100px;}

	#header .allMenuWrap .allMenu > li {margin-bottom: 20px;}

	#header .allMenuWrap .allMenu > li > a, #header .allMenuWrap .allMenu > li > span {font-size: 25px;line-height: 37px;}

	#header .allMenuWrap .allMenu > li > em {top: 7px;}

	#header .allMenuWrap .allMenu li li a {font-size: 16px;line-height: 40px;}

	#header .allMenuWrap .allMenu > li > ul > li > a {font-size: 17px;line-height: 37px;}

	#header .allMenuWrap .allMenu .depth3 li a {font-size: 14px;line-height: 37px;}

	#header .allMenuWrap .allMenu li ul {}

	#header .allMenuWrap .allMenu {display: block;}

	

	#header .langBox {right: 60px;}

	#header .langBox p {line-height: 50px;padding-right: 14px;font-size: 13px;}

	#header .langBox p:after {right: 0;}

	#header.bgbg .langBox p {line-height: 50px;}

	#header .langBox ul a {font-size: 13px;line-height: 30px;}

	



	#footer {padding: 40px 15px;}

	#footer .footer_inner #scrTop {top: -90px;}

	#footer .footer_sns {margin-top: 30px;}

	#footer .footer_inner .footer_cont p {font-size: 12px;letter-spacing: -0.16px;}



	.mvTxtWrap {padding: 0 15px;bottom: 220px;}

	.mvTxtWrap strong {font-size: 33px;line-height: 39px;}

	.mvTxtWrap p {font-size: 13px;line-height: 20px;margin-top: 15px;font-weight: 400;letter-spacing: 0.88px;}

	.mvTxtWrap a {width: 130px;height: 40px;line-height: 36px;}

	.mvTxtWrap .btnBox {margin-top: 26px;}



	.progress {width: 80px;height: 80px;}

	.progress circle.prog_c {

	  display: none;

	}    

	.progress circle.prog_b {

	  display: none;

	}    

	.progress circle.prog_c_m {

	  display: block;

	}    

	.progress circle.prog_b_m {

	  display: block;

	}    

	.mvControlWrap {padding: 0 15px;bottom: 30px;}

	.mvArea .icon_scroll {right: -20px;}

	.mvArea.gogo .icon_scroll {bottom: 69%;}



	.mb_news_inner {padding: 0 15px;} 



	.mainBoard > div.mb_news {padding-top: 42px;}

	.mainBoard > div.mb_news .slick-slide > div {display: block;width: 100%;}

	.mb_news_list .slick-slide > div:first-child {padding-right: 0;}

	.mb_news_list .slick-slide > div:last-child {padding-left: 0;}

	.mb_news_list .slick-slide > div + div {margin-top: 40px;}

	

	.mbTit1 strong {font-size: 70px;line-height: 72px;text-indent: -4px;}

	.mbTit1 h2:before {height: 4px;width: 50px;margin-top: -2px;}

	.mbTit1 h2 {font-size: 22px;line-height: 32px;padding-left: 70px;}

	.mbTit2 h2 {font-size: 18px;line-height: 27px}

	

	.mainBoard > div.mb_movie .videoBox {margin-top: -28px;}



	.mainBoardNew > div.mb_movie .videoBox .cover .btn_play {width: 60px;height: 60px;}

	.mb_news {margin-top: 50px;}

	.mb_news_list .mb_news_item .txt_box {padding-bottom: 18px;}

	.mb_news_list .mb_news_item .txt_box > h2 {display: none;font-size: 18px;padding-bottom: 18px;margin-bottom: 16px;}

	.mb_news_list .mb_news_item .txt_box > .date {font-size: 13px;line-height: 15px;margin-bottom: 10px;}

	.mb_news_list .mb_news_item .txt_box > p.subject {font-size: 16px;line-height: 25px;max-height:none;

	overflow: hidden; white-space: nowrap; text-overflow: ellipsis;display: block;

	}

	.mb_news_list .mb_news_item .txt_box {width: 100%;}

	.mb_news_list .mb_news_item .img_box {width: 100%;padding-right: 0;}

	.mb_news_list .mb_news_item .img_box .img_box_bg {height: 250px;}

	.mb_news_list .mb_news_item .writer {font-size: 11px;line-height: 13px;}

	.mb_news_list .mb_news_item a {display: block;}

	.dotsBoxWrap {margin-top: 20px;}

	.dotsBoxWrap .dotsBox {position: static;}





	.mainSec2 {padding: 70px 0 50px;}

	.main_menu {margin-top: -10px;margin-left: 0;margin-right: 0;}

	.main_menu > li {width: 100%;margin-top: 10px;box-sizing:border-box;padding: 0;}

	.main_menu .img_box img {width: 80px;}

	.main_menu > li > a p {font-size: 13px;line-height: 22px;}



	.mainBoard > div.mb_movie .videoBox .cover .btn_play {transform:scale(.6)}

	.mainBoard > div.mb_movie .videoBox .cover.on .btn_play {transform: scale(3);}



	.mainWrap .mainSec3 .inner {padding: 0 ;}

	.mainBusiness_wrap > .mainBusiness_Item img {width: 100%;}

	.mainBusiness_wrap > .mainBusiness_Item1 {width: 100%;padding-left: 5%;padding-right: 5%;}

	.mainBusiness_wrap > .mainBusiness_Item2 {width: 100%;padding-left: 10%;padding-right: 0;margin-top: 24%;}

	.mainBusiness_wrap > .mainBusiness_Item3 {padding: 0 10% 0 0;margin-top: 25%;}



	.mainBusiness_wrap > .mainBusiness_Item1 a {padding-left: 40px;}

	.mainBusiness_wrap > .mainBusiness_Item2 a {padding-left: 40px;}

	.mainBusiness_wrap > .mainBusiness_Item3 a {padding-right: 40px;}

	.mainBusiness_wrap > .mainBusiness_Item.mainBusiness_Item1 .txt_box {left: 0;}

	.mainBusiness_wrap > .mainBusiness_Item.mainBusiness_Item2 .txt_box {left: 0;}

	.mainBusiness_wrap > .mainBusiness_Item.mainBusiness_Item3 .txt_box {left: auto;right: 0;}

	.mainBusiness_wrap > .mainBusiness_Item .txt_box {left: -10%;top: 50%;margin-top: -25px;white-space:nowrap}

	.mainBusiness_wrap > .mainBusiness_Item .txt_box strong {font-size: 18px;line-height: 27px;}

	.mainBusiness_wrap > .mainBusiness_Item .txt_box p {font-size: 11px;line-height: 13px;}

	



	.mainSec3 {padding: 80px 0 100px;}

	.mainSec3 .ms3Tit {top: -6vw;}

	.mainBusiness_wrap {margin-top: -18px;}

	.mainSec3 .ms3Tit h2 {font-size: 6.5vw}





	.ms4Tit {padding-left: 0;top: -7vw;}

	.mainSec4 .txt_box {position: static;padding: 0 15px;margin-top: 20px;left: 60px;right: 60px;font-size: 12px;line-height: 20px;bottom: 30px;color: #333;}

	.mainSec4 .txt_box br {display: none;}

	.mainSec4 .banner_box .slick-arrow {width: 32px;height: 34.5px;margin-top: -17px;}

	.mainSec4 .banner_box .slick-next {right: 15px;}

	.mainSec4 .banner_box .slick-prev {left: 15px;}

	.mainSec4 .banner_box .banner_box_item .banner_box_item_inner {}

	.ms4Tit h2 {font-size: 8vw;}



	.mainSec5 .ms5Tit {font-size: 30px;line-height: 40px;}

	.mainSec5 .ms5Tit+p {font-size: 17px;line-height: 24px;font-weight: bold;}

	.mainSec5 .ms5BtnWrap span {font-size: 22px;line-height: 24px;padding-right: 58px;}

	.mainSec5 .ms5BtnWrap span:after {width: 40px;}

	.mainSec5 .ms5BtnWrap ul {margin-top: 20px;}

	.mainSec5 .ms5BtnWrap ul li {width: 50%;margin-top: 10px;}

	.mainSec5 .ms5BtnWrap ul li a {height: 50px;line-height: 46px;font-size: 13px;font-weight: 500;}

	.mainSec5 .ms5BtnWrap {margin-top: 40px;}



	



	.mainContact {padding: 40px 30px;}

	.mainContact .mcTit {margin-left: -10px;margin-right: -10px;}

	.mainContact .mcTit h2 {font-size: 30px;line-height: 40px;}

	.mainContact .mcTit span {font-size: 13px;line-height: 20px;margin-bottom: 10px;}



	.mainContact .mcInputSec > div {font-size: 14px;padding-top: 10px;padding-bottom: 10px;}

	.mainContact .mcInputSec > div label {top: 10px;}

	.mainContact .mcInputSec > div.mcInputSec_item1 {padding-left: 38px;}

	.mainContact .mcInputSec > div.mcInputSec_item2 {padding-left: 52px;}

	.mainContact .mcInputSec > div.mcInputSec_item3 {padding-left: 52px;}

	.mainContact .mcInputSec > div.mcInputSec_item4 {padding-left: 66px;}

	.mainContact .input_custum.ty_check {font-size: 12px;line-height: 20px;padding-right: 28px;}

	.mainContact .input_custum.ty_check .fake_input {width: 18px;height: 18px;}


  .mainContact .mcBtn.taC button{width: 125px;height: 44px;border-width: 3px;line-height: 38px;font-size: 13px;}
	.mainContact .btn_submit {width: 125px;height: 44px;border-width: 3px;line-height: 38px;font-size: 13px;}

	.mainContact .mcBtn {margin-top: 30px;}



	.mainBot_menu {display: none;}



	.mainSec1 {padding-top: 80px;}

	

	

	.mainSec5 {padding-top: 80px;}

	.mainSec6 {padding-top: 80px;}



	.msCsWrap .msCsTop {margin-left: -5px;}

	.msCsWrap .msCsTop select.select_ty1{width: calc(50% - 5px);margin: 0;margin-left: 5px;font-size:13px;}

	.msCsWrap .msCsBot {margin-top:20px;}

	.msCsWrap .msCsBot .cs_list.col3 > div {width: calc(100% - 10px);}

	.msCsWrap .msCsBot .cs_list.col2 > div {width: calc(100% - 10px);}

	.msCsWrap .msCsBot .cs_list.col1 > div {width: calc(100% - 10px);}

	.msCsWrap .msCsBot .cs_list + .cs_list {margin-top: 10px;}

	.msCsWrap .msCsBot .cs_list > div {padding-left: 63px;}

	.msCsWrap .msCsBot .cs_list > div + div {margin-top: 10px;}

	.msCsWrap .msCsBot .cs_list.attachFile > div {padding-right: 0;}

	.msCsWrap .msCsBot .cs_list .attachBox .selectFile {position: static;margin-top: 8px;width: 100%;}

	.msCsWrap .msCsBot .cs_list > div label {font-sizE:13px;line-height:40px;}

  .msCsWrap .msCsBot .cs_list.attachFile .attachBox .files{ width:95%; }

  .msCsWrap .msCsBot .cs_list.attachFile .attachBox #fileupload_file{ margin-top: 8px;width: 99%; max-width:100%; float:left; }



	

}



@media screen and (max-width: 400px){

	

}