/*header 영역*/

/* gnb */
.header {position: absolute; top: 0; left: 0; right: 0; z-index: 99; height: 170px; 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: 52px; left: 100px; width: 274px; height: 52px; background-image: url(/images/logo_2.png); background-repeat:no-repeat; background-size:100% 100%; background-position: center center; text-indent: -9999px; transition: background-image .3s ease-in-out;}
.header .visitor {position: absolute; top:125px; left: 100px; font-size:18px; color:#767676;font-weight:600;}
.header .visitor span {color:#202020;font-weight:400;}
.openFull .visitor {color:#fff;}
.openFull .visitor span {color:#fff;}
.header .util_box {position: absolute; top: 63px; right: 70px; font-size: 0;}
.header .link_lang {display: inline-block; font-weight: 700; font-family: 'Lato', sans-serif; font-size: 35px; color: #112f85; vertical-align: middle; box-sizing:border-box; transition: color .3s ease-in-out; cursor:pointer; text-shadow:-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}
.header .btn_full_menu {position: relative; width: 36px; height: 36px; margin-left: 30px; 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: 3px; background-color: #202020; transform-origin: top right; transition: all .3s ease-in-out;}
.header .btn_full_menu .bar_top {top: 4px; width:40px;}
.header .btn_full_menu .bar_mid {top: 50%; width:40px; transform: translate(0, -50%);}
.header .btn_full_menu .bar_bot {bottom: 4px; width:40px;}
.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: #fff; content: ""; transform: translateX(-50%); transition: width .2s ease-in-out;}
.header.over .gnb .dep1_li:hover .dep1_link {color: #fff;}
.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: #fff;}

.full_menu {position: absolute; top:48%; 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:1600px; margin: 0 auto; }
.full_menu .dep1_li{display: inline-block; width: 14.666%; margin: 0 1%; vertical-align: top; text-align: left;}
.full_menu .dep1_link{display: block; padding: 14px 20px; font-weight: 700; font-size: 50px; color: #fff; outline: none; text-align:center;}
.full_menu .dep2{margin-top: 50px;}
.full_menu .dep2_li{margin-top: 24px; text-align:center; line-height:24px;}
.full_menu .dep2_li:first-child{margin-top: 0;}
.full_menu .dep2_li a:hover {color:#202020; font-weight:500; border-bottom:2px solid #898989;}
.full_menu .dep2_link{font-size: 25px; color: #898989; padding-bottom:5px;}
.full_menu .dep3{margin-top: 10px;padding-left:28px;}
.full_menu .dep3_li{position: relative; margin-top: 6px; text-align:left;}
.full_menu .dep3_link{font-size: 21px; color: #020202;}

/*검색바*/
.searchbox{width:200px; position:absolute; top:-3px; right:210px;}
#search {width:245px; height:45px; padding:10px; box-sizing:border-box; border-radius:18px; border:none; background-color:#767676; outline:none; color:#fff; font-size:20px;}
.submit{display:block; position:absolute; top:8px; right:-30px;}
.openFull #search {background-color:#fff; color:#767676;}


.header.fixed,
.header.over,
.header.openFull {height:100vh; background-color: #63a4ff;}
.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_c01.png');}

.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:#fff;}
.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: #fff; font-weight:600;}
.header.over .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:auto; background: none;}
.full_menu_a{	background:linear-gradient(to bottom, #63a4ff 115px, #fbfbfb 115px) !important;}
.openFull_a{
	background:linear-gradient(to bottom, #63a4ff 20%, #fbfbfb 20%) !important;
	/*background:#ffffff !important;*/
}
.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 { z-index: 1; width:100%; height: 260px; border-top:1px solid #eaeaea; box-sizing:border-box; }
.footer .info_box {padding:75px 0;text-align:center; color:#969696;}
.footer .info_box .info { font-size:25px;}
.footer .info_box .info .m_show{display:none;}
.footer .info_box .info02 { margin-top:10px;}
.footer .info .strong {color:#767676; font-weight:500;}
.footer .info .copy {margin-top: 40px; color:#767676; font-weight:500; text-align:center;}
/*footer 영역*/


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


@media (max-width: 768px){
	.footer .info_box {padding-top:30px; line-height:1.5}
	.footer .info_box .info {font-size:16px;}
	.footer .info_box .info .m_show{display:block;}
}