/*header 영역*/

/* gnb */
.header {position: absolute; overflow:hidden; top: 0; left: 0; right: 0; border-bottom: 1px solid rgba(255,255,255,0.2); z-index: 99; height: 90px; padding: 0 70px; transition: height .3s ease-in-out, background-color .3s ease-in-out, margin .3s ease-in-out; font-weight:300;}

.header_inner {position: relative; min-width: 1200px; max-width: 1920px; height: 100%; margin: 0 auto;}
.header .logo {display: block; position: absolute; top: 22px; left: 70px; width: 205px; height: 46px; background-image: url(/images/logo.png); background-repeat:no-repeat; background-size:100% 100%; background-position: center center; text-indent: -9999px; transition: background-image .3s ease-in-out;}
.header .util_box {position: absolute; top: 33px; right: 70px; font-size: 0;}
.header .link_lang {display: inline-block; font-weight: 700; font-family: 'Lato', sans-serif; font-size: 14px; color: #fff; vertical-align: middle; box-sizing:border-box; padding: 7px 15px;  border:1px solid #fff; transition: color .3s ease-in-out;}
.header .btn_full_menu {position: relative; width: 36px; height: 36px; margin-left: 40px; background-color:transparent; border: none; font-size: 0; vertical-align: middle; text-indent: -9999px; cursor:pointer;}
.header .btn_full_menu .bar_top,
.header .btn_full_menu .bar_mid,
.header .btn_full_menu .bar_bot {display: block; position: absolute; right: 2px; width: 32px; height: 2px; background-color: #fff; transform-origin: top right; transition: all .3s ease-in-out;}
.header .btn_full_menu .bar_top {top: 4px; width:30px;}
.header .btn_full_menu .bar_mid {top: 50%; width:40px; transform: translate(0, -50%);}
.header .btn_full_menu .bar_bot {bottom: 4px; width:34px;}
.header.openFull .btn_full_menu .bar_bot {opacity:0;}
.header.openFull .btn_full_menu .bar_top {top: 4px; left: -6px; width: 37px; transform: rotate(-45deg);}
.header.openFull .btn_full_menu .bar_mid {top:30px; left: -5px; width: 37px; transform: rotate(45deg);}

.gnb_wrap {padding: 0 103px 0 170px; text-align: center;}
.gnb {display: inline-block;}
.gnb .dep1_li {display: inline-block; position: relative; height: 54px; padding: 36px 32px 0; font-weight:500;}
.gnb .dep1_li:first-child {margin-left: 0;}
.gnb .dep1_link {display: inline-block; width:100%; height:100%; font-size: 22px; color: #fff; transition: color .2s linear; font-weight:500;}
.gnb .dep1_link:before {display: block; position: absolute; top: 99px; left: 50%; width: 0; height: 2px; background-color: #183728; content: ""; transform: translateX(-50%); transition: width .2s ease-in-out;}
.header.over .gnb .dep1_li:hover .dep1_link {color: #183728;}
.header.over .gnb .dep1_li:hover .dep1_link:before {width: 100%;}
.gnb .dep2 {width: 100%; position: absolute; top: 100px; left: 0; height: 400px; padding-top: 27px; opacity: 1; transition: opacity 1ms 300ms;}
.gnb .dep2_li {margin-top: 24px;}
.gnb .dep2_li:first-child {margin-top: 0;}
.gnb .dep2_link {display: inline-block; font-weight:400; color: #1c1c1c; transition: color .2s linear;}
.gnb .dep2_link:hover {color: #183728;}

.full_menu {position: absolute; top:90px; left: 0; width: 100%; height:0; overflow:hidden; font-size: 0; background-color:#fff; z-index:999; transition:all 0.2s ease-in;}
.full_menu .dep1 {width:1280px; margin: 0 auto; }
.full_menu .dep1_li{display: inline-block; width: 12.285714%; margin: 0 1%; vertical-align: top; text-align: left;}
.full_menu .dep1_link{display: block; padding-bottom: 14px; font-weight: 700; font-size: 20px; color: #183728; border-bottom: 2px solid #eee; outline: none; text-align:center;}
.full_menu .dep2{margin-top: 36px;}
.full_menu .dep2_li{margin-top: 26px; text-align:center;}
.full_menu .dep2_li:first-child{margin-top: 0;}
.full_menu .dep2_link{font-size: 15px; color: #1c1c1c; transition:all 0.3s;}
.full_menu .dep2_li:hover a {color:#183728;}
.full_menu .dep3{margin-top: 10px; padding-bottom: 10px;}
.full_menu .dep3_li{position: relative; margin-top: 6px; padding-left: 8px;}
.full_menu .dep3_li::before{display: block; position: absolute; top: 11px; left: 0; width: 3px; height: 3px; background-color: #f60; content: "";}
.full_menu .dep3_link{font-size: 15px; color: #999;}

.header.fixed,
.header.over,
.header.openFull {background-color: #fff;}
.header.fixed {position: fixed; border-bottom: 1px solid #ddd;}
.header.over:before {opacity: 1;}
.header.fixed .logo,
.header.over .logo,
.header.openFull .logo {background-image: url('/images/logo_c.png');}
.header.openFull::before {content:""; display: block; position: absolute; top: 90px; left:0; width: 100%; height:1px; background-color:#ddd;}
.header.over {height: 500px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);}
.scrDown .header.fixed {margin-top: -100px;}
.header.openFull .btn_full_menu .bar_top,
.header.openFull .btn_full_menu .bar_mid,
.header.openFull .btn_full_menu .bar_bot  {background-color:#000;}
.header.over .btn_full_menu .bar_top,
.header.over .btn_full_menu .bar_mid,
.header.over .btn_full_menu .bar_bot  {background-color:#000;}

.header.openFull .gnb .dep1_link::after {content:""; display:block; position:absolute; bottom:0; left: 50%; transform:translateX(-50%); width: 0%; height: 2px; background-color:#0a8001; transition:all 0.4s;}
.header.openFull .gnb .dep1_link:hover::after  {width:100%;}
.gnb .masterpiece .dep2_link {color: #f60;}
.header.fixed .gnb .dep1_link,
.header.over .gnb .dep1_link,
.header.openFull .gnb .dep1_link,
.header.fixed .link_lang,
.header.over .link_lang,
.header.openFull .link_lang {color: #1c1c1c; font-weight:500;}
.header.over .link_lang {border:1px solid #1c1c1c;}
.header.openFull .link_lang {border:1px solid #1c1c1c;}
.header.over .gnb .dep2 {display: block;}
.header.openFull {overflow:visible;}
.header.openFull .gnb {display:none;}
.header.openFull .full_menu {height:500px; padding-top: 80px;}

.m-btn {display:none;}
.m-navWrap {display:none;}

/*header 영역*/



/*visual 영역*/
.visual {position:relative;  width:100vw; height:940px; background-image:url(/images/slide01.jpg); background-position: center center; background-size:cover; background-repeat:no-repeat;}
.visual .textbox {position:absolute; width:100%; top: 35%; left: 50%; transform: translateX(-50%); text-align:center;}
.visual .textbox h2 {margin-bottom:70px; font-size:52px; color:#174332; font-weight:900;  font-family:'Lato', sans-serif;  letter-spacing:3px;}
.visual .textbox p {color:#fff; font-size:36px; line-height:48px;/* text-shadow: 2px 2px 2px rgba(0,0,0,0.3);*/}
/*visual 영역*/



/*container 영역*/
.s-center {width: 1280px; margin:0 auto;}
section h3 {/* font-family:'Pretendard';*/ font-weight:700; font-size: 42px;  text-align:center;}
.sec01 h3 {font-family: 'Lato', sans-serif; font-weight:900;}
section h3:before {content:''; position:absolute;top:0; left:50%; width:1px; height:100px; background:#000;}
section {padding-top:150px;}

.section .h3-detail {margin-top:30px; /*font-family:'Pretendard';*/ font-weight:300; font-size: 1.25rem; color:#878787; text-align: center;}


.sec01::before {content:""; display:block; position:absolute; left: 240px; top:0; width:1px; height: 100%; background-color:#ddd;}
.sec01::after {content:""; display:block; position: absolute; right: 240px; top:0; width:1px; height: 100%; background-color:#ddd;}

.sec01 .linkBox {width:1080px; margin:100px auto 0;}
.sec01 .linkBox ul {overflow:hidden; height:602px; list-style:none;}
.sec01 .linkBox ul li {position:relative; float:left; width:360px;height:480px;transition:all .4s; background-repeat: no-repeat; background-position:center center; background-size: 100% auto;}
.sec01 .linkBox ul li.ba1 {margin-top:70px; background-image:url(/images/bus_b01_bg.jpg); }
.sec01 .linkBox ul li.ba1:hover {margin-top:30px;}
.sec01 .linkBox ul li.ba2 {background-image:url(/images/bus_b02_bg2.jpg);}
.sec01 .linkBox ul li.ba2:hover {margin-top:10px; }
.sec01 .linkBox ul li.ba3 {margin-top:70px;background-image:url(/images/bus_b03_bg3.jpg);}
.sec01 .linkBox ul li.ba3:hover {margin-top:30px;}
.sec01 .linkBox ul li a {display:block; padding:216px 28px 57px;color:#fff; transition:all .3s; box-sizing:border-box;}
.sec01 .linkBox ul li:last-child a {padding: 238px 28px 57px;}
.sec01 .linkBox ul li:hover a {background-color:rgba(0,0,0,0.5);} 

.sec01 .linkBox ul li p {font-family: 'Lato', sans-serif; font-size:16px;}
.sec01 .linkBox ul li h4 {margin:30px 0 62px 0; font-weight:700; font-size:2rem; letter-spacing:-0.05em; line-height:1.3;}
.sec01 .linkBox ul li.ba3 h4 {margin:30px 0 17px 0;}
.sec01 .linkBox ul li span {display:inline-block; font-size: 1rem; font-weight:300;  line-height:24px; letter-spacing:-0.05em;}
.sec01 .linkBox ul li strong {display:block;margin-top:10px;font-size:30px;font-weight:900;letter-spacing:-0.05em;line-height:1.2}
.sec01 .linkBox ul .link {position:absolute; right:28px; bottom: 20px;}

.sec02 {background-color:#ededed; padding-bottom:80px;}

.sec02 .sec02Cont { max-width:1280px; margin: 80px auto 0; line-height:1.4;  padding-top:20px; }
.sec02 .sec02_list {margin-left:-20px;}
.sec02 .sec02_list ul li {width:49%; margin-right:1%; float:left; box-sizing: border-box; padding-left:20px;}
.sec02 .sec02_list ul li:nth-child(2) {width:49%; margin-left:1%; margin-right:0;}
.sec02 .sec02_list ul li > a {display:block; position:relative;}
.sec02 .sec02_list ul li > a .img {display:block; overflow:hidden; }
.sec02 .sec02_list ul li > a .img img {transition:all 2s ease;}
.sec02 .sec02_list ul li > a:hover .img img {transform:scale(1.05);}

.sec02 .sec02_list ul li > a .txWrap {display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); text-align: center; width:100%;}
.sec02 .sec02_list ul li > a .txWrap strong{margin-top:20px; display:block; font-size:2.125rem; color:#fff;}
.sec02 .sec02_list ul li > a .txWrap span.tx{ font-family: 'Lato', sans-serif; font-size:1.5rem; color:#fff; display:block;}
.sec02 .sec02_list ul li > a .txWrap span.arr{display: inline-block; width:73px; height:73px; background-image:url('/images/arrow02.png'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center center; vertical-align:top; margin-top:30px;}
.sec02 .sec02_list ul li > .tx{display:block; text-align: center; font-size:1.125rem; color:#676767; margin-top:25px;}
.sec02 .sec02_list ul li > .sec_button {width:111px; height:30px; margin:45px auto 0; background-image:url('/images/arrow03.png'); background-size: 100% auto; background-position:center bottom; background-repeat: no-repeat; transition:all 0.3s;}
.sec02 .sec02_list ul li > .sec_button span {display:block; text-indent:5px; font-family: 'Lato', sans-serif; font-size:16px;}
.sec02 .sec02_list ul li > .sec_button:hover { background-image:url('/images/arrow03_hover.png'); }
.sec02 .sec02_list ul li > .sec_button:hover span {color:#0a8001;}
.sec03{padding-bottom:100px; }
.sec03::before {content:""; display:block; position:absolute; left: 240px; top:0; width:1px; height: 100%; background-color:#ddd;}
.sec03::after {content:""; display:block; position: absolute; right: 240px; top:0; width:1px; height: 100%; background-color:#ddd;}

.slickslider {width:1280px; height: 440px; margin: 80px auto 0; }
.slickslider li img {margin:10px auto; height:397px; display:block; box-shadow: rgba(0, 0, 0, 0.1) 4px 7px 12px;}
.slick-list {height:100%;}
.slick-track {height:100%;}

.sec04 {padding-top: 0; overflow:hidden;width:100%;height:473px;}
.sec04 > div {position:relative;overflow:hidden;float:left;width:33.333333%;height:100%;}

.sec04 > div .imgbg {width:101%; height: 100%;   background-position: top right, 0px 0px; background-origin: content-box, padding-box; background-repeat: no-repeat; background-size:cover; transition:all .6s;}
.sec04 > div.lft .imgbg {background-image: url(/images/partners_bg.jpg);}
.sec04 > div.mid .imgbg {background-image: url(/images/recruit_bg.jpg);}
.sec04 > div.rgt .imgbg {background-image: url(/images/notice_bg.jpg);}

.sec04 > div:hover .imgbg {transform:scale(1.1);}


.sec04 .category{position:absolute; top:60px; left:70px; margin:0; font-size:15px; font-weight:300; color:#fff; letter-spacing:-0.025em;}
.sec04 .wrap{position:absolute; top:150px; left:70px; color:#fff; letter-spacing:-0.025em;}
.sec04 .wrap h4 {font-size:2.375rem; font-weight:600;}
.sec04 .wrap .desc {width:480px; margin:60px 0 0; color:#fff; line-height:1.6; font-size:1.125rem;}
.sec04 .wrap .more{display:inline-block; width:110px; height:30px; margin-top:50px;  background-image:url('/images/arrow04.png'); background-repeat: no-repeat; background-repeat:no-repeat; background-size: 100% auto; background-position:center bottom; font-size:16px; font-family: 'Lato', sans-serif;  color:#fff;}

/*container 영역*/



/*footer 영역*/
.footer {position: relative; z-index: 1; height: 260px; padding: 0 70px; background-color: #202020;}
.footer_inner {position: relative; max-width:1760px; height: 100%; margin: 0 auto; padding-left: 290px;}
.footer .logo {position: absolute; top: 37px; left: 0;}
.footer .link_box {padding:50px 0 35px 0; letter-spacing: -0.03em;}
.footer .link_list >li {float: left; margin-left: 36px;}
.footer .link_list >li:first-child {margin-left: 0;}
.footer .link_list .link {font-size: 1rem; color: #ddd;}
.footer .link_list .privacy .link {color: #fff;}
.family_site {position: absolute; top: 32px; right: 0; width: 440px;}
.family_site .btn_family_site {display: block; position: relative; width: 100%; height: 52px; padding: 0 25px; line-height: 50px; border: 1px solid #2d2d2d; font-size: 16px; color: #fff; transition: background-color .2s ease-in-out, color .2s ease-in-out; background-color:transparent; cursor:pointer;}
.family_site .btn_family_site::before {display: block; position: absolute; right: 23px; top: 50%; width: 8px; height: 8px; margin-top: -6px; border-width: 2px 2px 0 0; border-style: solid; border-color: #fff; content: ""; transform: rotate(45deg);  transition: border-color .2s ease-in-out;}

.family_site .btn_family_site .engFont {display:block; width: 100%; font-weight:500; text-align: left; font-size:1.125rem;}

.footer .info_box {border-top: 1px solid #2d2d2d;}
.footer .info {margin-top: 20px; font-size:0.875rem; line-height:22px; color: #aaa;}
.footer .info>p {margin-top: 2px;}
.footer .info>p:first-child {margin-top: 0;}
.footer .info .copy {margin-top: 22px;}
.footer .contact {position: absolute; right: 0; top: 126px; font-size: 0;}
.footer .contact dt,
.footer .contact dd {display: inline; font-size:1.125rem;}
.footer .contact dt {margin-left: 42px; color: #aaa;}
.footer .contact dt:first-child {margin-left: 0;}
.footer .contact dd {margin-left: 10px; color: #fff;}

/*footer 영역*/


/*subpage는 sub.css에 넣어놓겠습니다*/