@charset "utf-8";
/* CSS Document */

/************************* common *************************/
#wrapper {max-width: 1920px;min-width: 1200px;margin: -20px auto 0;padding: 0;overflow: hidden;}
.wrap {width: 100%;max-width: 1920px;min-width: 1200px;position: relative;margin: 0 auto;} /* 2019-05-21 수정 */
#skip_nav {position: absolute;margin: 0;padding: 0;font-size: 0;line-height: 0;text-indent: -9999em;overflow: hidden;}


/********** header **********/
header {max-width: 1920px;/*border-bottom:1px solid #bfc4cf;*/position: absolute;margin: 0 auto;z-index: 100;width: 100%;min-width: 1200px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
header.on {background: #fff;/*border-bottom: 1px solid transparent;*/}
header .mainMenu {max-width: 1600px;min-width: 1200px;position: relative;height: 110px;margin: 0 auto;}
header.on .mainMenu {max-width: 1600px;min-width: 1200px;position: relative;height: 110px;margin: 0 auto;}
header .mainMenu h2 a {position: absolute;top: 35px;left: 0;background: url('../img/header_logo.png') no-repeat center;width: 270px;height: 56px;background-size: 270px 56px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
header.on .mainMenu h2 a {background: url('../img/header_logo_on.png') no-repeat center;width: 270px;height: 56px;background-size: 270px 56px;}
header .mainMenu h2 a span {text-indent: -99999px;display: inline-block;}
header .mainMenu ul {position: absolute;width: 650px;left: 50%;margin-left: -325px;overflow: hidden;clear: both;padding-top: 44px;}
header .mainMenu ul li {position: relative;float: left;width: 130px;padding-bottom: 28px;text-align: center}
header.on.fixed .mainMenu ul li {padding-bottom: 32px;}
header .mainMenu ul li:hover:before {content: '';position: absolute;width: 100%;bottom: 0;left: 0;background: #ed1c24;height: 2px;}
header .mainMenu ul li a {font-size: 20px;line-height: 30px;color: #ffffff;text-align: center;}
header.on .mainMenu ul li a {color: #333;}
header.on .mainMenu ul li a:hover {color: #ed1c24;}
header .mainMenu ul li:hover a {color: #ed1c24;}

header .mainMenu .btnTop {position: absolute;top: 48px;right: 0;} 
header .mainMenu .btnTop a {color: #fff;}
header .mainMenu .btnTop a:hover {color: #ed1c24;}
header .mainMenu .btnTop span {padding: 0 10px;color: #fff;}
header.on .mainMenu .btnTop a {color: #333;}
header.on .mainMenu .btnTop a:hover {color: #ed1c24;}
header.on .mainMenu .btnTop span {color: #333;}
header.fixed .mainMenu .btnTop {top: 33px;}
/*
header .mainMenu .btnHistory {position:absolute;top:39px;right:0;width:127px;}
header .mainMenu .btnHistory a{font-size:18px;line-height:38px;color:#014099;font-weight:700;width:100%;text-align:center;background:#fff;border-radius:20px;border:1px solid #fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
header.on .mainMenu .btnHistory a{border:1px solid #000;}
header .mainMenu .btnHistory a:hover{color:#fff;background:#014099;border:1px solid #014099;}
*/
header.fixed{ position: fixed;
-webkit-box-shadow:  7px 18px 22px rgba(0,0,0,0.15);
-moz-box-shadow:  7px 18px 22px rgba(0,0,0,0.15);
box-shadow:  7px 18px 22px rgba(0,0,0,0.15);
}

header.fixed .mainMenu {height: 90px;}
header.fixed .mainMenu h2 a {top: 24px;}
header.fixed .mainMenu ul {padding-top: 28px;}
/*
header.fixed .mainMenu .btnHistory {top: 24px;}
*/
header .subMenu {display: none;background: #fff;width: 100%;position: absolute;top: 102px;}
header.on .subMenu {border-top: 1px solid #fafafa;}
/*
header .subMenu .subMenuList {padding: 20px 0 20px 635px;overflow: hidden;}
*/
header .subMenu .subMenuList {position: relative;width: 650px;left: 50%;margin-left: -325px;margin-top: 15px;margin-bottom: 30px;overflow: hidden;}
header .subMenu ul {float: left;}
header .subMenu ul li {width: 130px;text-align: center;}
header .subMenu ul li a {font-size: 15px;line-height: 36px;color: #4d4d4d;}
header .subMenu ul li a:hover {color: #ed1c24;}

/********** footer **********/
#footer {width: 100%;background: #343434;font-size: 14px;color: #fff;margin-top: -20px;}
ul.quick {position: relative;left: -50%;float:right;}
ul.quick li {position: relative;float: left;left: 50%;line-height: 60px;}
ul.quick li a {margin: 0 20px;color: #fff;}
ul.quick li a:hover {color: #c9222b;}
.line {width: 100%;border-top: 1px solid #4d4d4d;}
.copyright {position: relative;width: 1200px;height: 200px;margin: 0 auto;background: url(../img/footer_logo.png) left 33px no-repeat;}
.copyright .rt {position: absolute;right: 0;top: 31px;}


/********** main **********/
/*
#section1 {max-width: 1920px;min-width: 1200px;height: 1080px;background: url(../main/img/bg_section1.jpg) no-repeat;background-size: auto;}
.section {display: table;width: 1200px;height: 1080px;margin: 0 auto;} 
.section .center_box {display: table-cell;vertical-align: middle;}
#section1 h2 {background: url(../main/img/v_bar.gif) center no-repeat;font-size: 100px;color: #ffff;text-align: center;line-height: 90px;}
#section1 p {padding-top: 25px;font-size: 18px;font-weight: 500;color: #ffff;text-align: center;}
*/

.section {position: absolute;display: table;width: 1200px;height: 1080px;left: 50%;margin-left: -600px;z-index: 99} 
.section .center_box {display: table-cell;vertical-align: middle;}
.section h2 {background: url(../main/img/v_bar.gif) center no-repeat;font-size: 100px;color: #ffffff !important;text-align: center;line-height: 90px;}
.section  p {padding-top: 25px;font-size: 18px;font-weight: 500;color: #ffffff !important;text-align: center;}

#sliderbox {position: relative;max-width: 1920px;min-width: 1200px;height: 1080px;overflow: hidden;}
.imageDiv {z-index: 10;}
.sliderBtn {position: absolute;top: 50%;margin-top: -30px;width: 60px;height: 60px;z-index: 99;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
#prevBtn {left : 0;background: rgba(0,0,0,0.5) url(../main/img/btn_left.png) no-repeat;cursor: pointer;}
#prevBtn:hover {background: #ed1c24 url(../main/img/btn_left.png) no-repeat;}
#nextBtn {right : 0;background: rgba(0,0,0,0.5) url(../main/img/btn_right.png) no-repeat;cursor: pointer;}
#nextBtn:hover {background: #ed1c24 url(../main/img/btn_right.png) no-repeat;}

#section2 {max-width: 1920px;min-width: 1200px;height: 1080px;background: url(../main/img/bg_section2.jpg) no-repeat;} 
#section2 h2 {padding-top: 140px;font-size: 50px;color: #ffff;text-align: center;}
#section2 p {padding-top: 50px;font-size: 20px;color: #ffff;text-align: center;}
#section2 ul {position: relative;left: -50%;float: right;}
#section2 ul li {position: relative;left: 50%;float: left;margin: 70px 25px;}
.imgswap img:last-child {display: none;} 
.imgswap:hover img:first-child {display: none;} 
.imgswap:hover img:last-child {display: inline-block;}
#section2 a.request {display: block;width: 350px;height: 60px;margin: 0 auto;background: #c9222b;font-size: 30px;text-align: center;color: #fff;line-height: 60px;}
#section2 a.request:hover {background: #fff;font-size: 30px;text-align: center;color: #c9222b;}


/************************* sub /*************************/
/********** lnb **********/   
#lnb {max-width: 1920px;height: 60px;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;margin: 0 auto;}
#lnb .lnbDiv {position: relative;width: 1200px;height: 60px;margin: 0 auto;z-index: 10;}
#lnb .lnbDiv .home {float: left;width: 55px;height: 60px;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}
#lnb .lnbDiv .oneD {position: relative;display: inline-block;float: left;width: 250px;height: 60px;padding-left: 20px;line-height: 60px;font-size: 15px;border-right: 1px solid #dcdcdc;}
#lnb .lnbDiv a.oneD {color: #333;}
#lnb .lnbDiv .oneD.on {}
#lnb .lnbDiv .oneD img {position: absolute;top: 50%;right: 20px;margin-top: -3px;}
#lnb .lnbDiv .noneD {position: relative;display: inline-block;float: left;width: 250px;height: 60px;padding-left: 20px;line-height: 60px;font-size: 15px;border-right:1px solid #dcdcdc;}
#lnb .lnbDiv .noneD.on {color: #ed1c24;}
#lnb .lnbDiv .noneD img {position: absolute;top: 50%;right: 20px;margin-top: -3px;}
#lnb .lnbDiv .twoD {display: none;position: absolute;top: 60px;left: 0px;width: 254px;padding: 10px 0 10px 16px;background: #fff;border: 1px solid #dcdcdc;z-index: 80;}
#lnb .lnbDiv .twoD a {display: block;padding-left: 6px;font-size: 13px;line-height: 30px;color: #333;}
#lnb .lnbDiv .twoD a > span:hover, #lnb .lnbDiv .twoD a > span:focus, #lnb .lnbDiv .twoD a.on > span {/*font-weight: bold;*/color: #ed1c24;}
#lnb .lnbDiv .twoD.one {left: 56px;}
#lnb .lnbDiv .twoD.two {left: 327px;}


h3 p {font-size: 50px;font-weight: normal;line-height: 50px;}
h3 p.tpc  {font-size: 30px;font-weight: normal;line-height: 50px;}
h3 span {display: block;width: 50px;height: 1px;background: #333;margin: 40px 0;}
h3 span.var {display: block;width: 50px;height: 1px;background: #333;margin: 40px auto;}
h4 {background: url(../img/bullet_h4.gif) left no-repeat;padding-left: 15px;font-size: 22px;color: #ed1c24;}
h5 {margin-top: 30px;margin-bottom: 10px;font-size: 20px;color: #334f99;} 
h6 {margin-left: 15px;font-size: 18px;color: #334f99;}
.centerfix {text-align: center;}
.tpc {font-size: 20px;text-align: center;line-height: 30px;}
.gear {font-size: 40px;font-weight: 800;text-align: center;}
.engTitle {margin: 80px 0 40px;font-size: 40px;font-weight: 800;text-align: center;}
.subscript {font-size: 16px;line-height: 30px;}

#subImg {max-width: 1920px;min-width: 1200px;height: 425px;background: url(../img/sub_visual.jpg) no-repeat;background-size: auto;}
#subImg h2 {font-size: 60px;color: #fff;text-align: center;padding-top: 200px;}

#content {width: 1088px;margin: 100px auto 150px;}
.content {width: 1058px;margin: 0 auto;}
.box {border: 1px solid #dcdcdc;padding: 10px;}
p.greet {margin-top: 40px;}
p.greet span {display: block;font-size: 20px;line-height: 35px;text-align: center;}
ul.halfList {float: left;width: 500px;}
ul.halfList li {float: left;width: 485px;background: url(../img/bullet_list.gif) left 10px no-repeat;margin: 5px 0;padding-left: 15px;line-height: 22px;}
ul.halfRt {margin-left: 58px;}
ul.list li {display: block; background: url(../img/bullet_list.gif) left 10px no-repeat;margin: 5px 0;padding-left: 15px;line-height: 22px;}
ul.eng {font-size: 13px;}
ul li.pbbox {float: left;width: 266px;margin-right: 8px;}
ul li.pbbox:last-child {margin-right: 0;}
ul li.pbbox span {display: block;font-size: 16px;text-align: center;line-height: 22px;}
ul.tpc {width: 780px;margin: 50px auto 0;}
ul.tpc li {float: left;width: 240px;margin: 10px;}

ul.tabMenu4 li {float: left;width: 25%;height: 43px;background: url(../sub2/img/tabMenu_bg.gif) repeat-x;}
ul.tabMenu4 li a {display: block;text-align: center;line-height: 40px;color: #333;}
ul.tabMenu4 li a.on, ul.tabMenu4 li a:hover {border-bottom: 3px solid #334f99;color: #334f99;}

ul.tabMenu5 li {float: left;width: 20%;height: 43px;}
ul.tabMenu5 li a {display: block;border-bottom: 1px solid #dcdcdc;text-align: center;line-height: 40px;color: #333;}
ul.tabMenu5 li a.on, ul.tabMenu5 li a:hover {border-bottom: 3px solid #334f99;color: #334f99;}

ul.reducer li {float: left;width: 210px;margin-right: 9px;margin-bottom: 30px;}
ul.reducer li:nth-child(5n) {margin-right: 0;}
ul.reducer li p {margin-top: 5px;text-align: center;}

.movie {width: 100%;height: 405px;margin-top: 50px;background: #ededed;}
.movieLf {float: left;width: 50%;}
.movieLf .mov {margin: 22px 0 0 22px;}
.movieRt {float: left;width: 50%;}
.movieRt ul li {margin: 5px 0 5px 15px;font-size: 13px;line-height: 18px;}
.movieRt ul li:first-child {margin-top: 15px;}
.alert {color: #d01e25;}

.gearNo {margin-top: 20px;}
.gearNo .cell {width: 158px;margin-right: 16px;}
.gearNo .hyphen {float: left;width: 18px;margin-right: 10px;text-align: center;font-size: 20px;line-height: 48px;}
.gearNo .last {margin-right: 0;}
.gearNo p.number {width: 100%;height: 48px;border: 1px solid #dcdcdc;margin-right: 16px;font-size: 20px;font-weight: 800;text-align: center;line-height: 48px}
.gearNo p.bar {width: 100%;height: 30px;background: url(../sub2/img/v_bar.gif) center no-repeat;}

.gearNo2 {margin-top: 20px;}
.gearNo2 .cell {width: 137px;margin-right: 10px;}
.gearNo2 .hyphen {float: left;width: 27px;margin-right: 10px;text-align: center;font-size: 20px;line-height: 48px;}
.gearNo2 .last {margin-right: 0;}
.gearNo2 p.number {width: 100%;height: 48px;border: 1px solid #dcdcdc;margin-right: 10px;font-size: 20px;font-weight: 800;text-align: center;line-height: 48px}
.gearNo2 p.bar {width: 100%;height: 30px;background: url(../sub2/img/v_bar.gif) center no-repeat;}

.btn_pdf {display: block;width: 270px;height: 60px;margin-top: 30px;background: #334f99 url(../sub2/img/btn_pdf.png) no-repeat;}
.btn_pdf span {padding-left: 30px;font-size: 20px;color: #fff;line-height: 60px;}
.btn_pdf:hover {background: #ed1c24 url(../sub2/img/btn_pdf.png) no-repeat;color: #fff;}

.mshBox {border: 1px solid #dcdcdc;margin-top: 20px;padding: 50px;}
.mshBox .mshLf {float: left;width: 350px;border-right: 1px solid #dcdcdc;}
.mshBox .mshLf img {margin-left: 0px;}
.mshBox .mshRt {float: left;width: 550px;margin-left: 50px;}
.mshBox .mshRt h5.first {margin-top: 7px;} 
.mshBox .mshRt a {display: inline-block;width: 150px;height: 35px;background: #8d959d;margin-top: 30px;color: #fff;font-size: 13px;text-align: center;line-height: 35px;}
.mshBox .mshRt a:hover {background: #334677;}

.half {float: left;width: 50%;text-align: center;}

#btnTop {
  position: absolute;
  left: 50%;
  margin-left: 540px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  display: block;
  background: #494949;
  color: #fff;
  font-size: 13px;
  text-align: center;
  /*border-radius: 5px;*/
}