@charset "utf-8";

@font-face { font-family: 's-core-dream'; font-weight: 200; src: url('/css/font/scdream2.woff');  src: local(※), url('/css/font/scdream2.woff2') format('woff'); }
@font-face { font-family: 's-core-dream'; font-weight: 400; src: url('/css/font/scdream4.woff');  src: local(※), url('/css/font/scdream4.woff2') format('woff'); }
@font-face { font-family: 's-core-dream'; font-weight: 500; src: url('/css/font/scdream5.woff');  src: local(※), url('/css/font/scdream5.woff2') format('woff'); }
@font-face { font-family: 's-core-dream'; font-weight: 600; src: url('/css/font/scdream7.woff');  src: local(※), url('/css/font/scdream7.woff2') format('woff'); }
@font-face { font-family: 's-core-dream'; font-weight: 700; src: url('/css/font/scdream9.woff');  src: local(※), url('/css/font/scdream9.woff2') format('woff'); }

@font-face {
    font-family: 'NanumBarunGothic';
    font-weight: 200;
    src: url(/css/font/NanumBarunGothicUltraLightSubset.eot);
    src: url(/css/font/NanumBarunGothicUltraLightSubset.eot?#iefix) format('embedded-opentype'),
    url(/css/font/NanumBarunGothicUltraLightSubset.woff2) format('woff2'),
    url(/css/font/NanumBarunGothicUltraLightSubset.woff) format('woff'),
    url(/css/font/NanumBarunGothicUltraLightSubset.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumBarunGothic';
    font-weight: 300;
    src: url(/css/font/NanumBarunGothicLightSubset.eot);
    src: url(/css/font/NanumBarunGothicLightSubset.eot?#iefix) format('embedded-opentype'),
    url(/css/font/NanumBarunGothicLightSubset.woff2) format('woff2'),
    url(/css/font/NanumBarunGothicLightSubset.woff) format('woff'),
    url(/css/font/NanumBarunGothicLightSubset.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumBarunGothic';
    font-weight: 400;
    src: url(/css/font/NanumBarunGothicSubset.eot);
    src: url(/css/font/NanumBarunGothicSubset.eot?#iefix) format('embedded-opentype'),
    url(/css/font/NanumBarunGothicSubset.woff2) format('woff2'),
    url(/css/font/NanumBarunGothicSubset.woff) format('woff'),
    url(/css/font/NanumBarunGothicSubset.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumBarunGothic';
    font-weight: 700;
    src: url(/css/font/NanumBarunGothicBoldSubset.eot);
    src: url(/css/font/NanumBarunGothicBoldSubset.eot?#iefix) format('embedded-opentype'),
    url(/css/font/NanumBarunGothicBoldSubset.woff2) format('woff2'),
    url(/css/font/NanumBarunGothicBoldSubset.woff) format('woff'),
    url(/css/font/NanumBarunGothicBoldSubset.ttf) format('truetype');
}

/*** common ***/
.fl    { float:left !important; }
.fr    { float:right !important; }
.fn    { float:none !important; }
.cb    { clear:both !important; }
.pr    { position:relative !important}
.ac    { text-align:center !important; }
.al    { text-align:left !important; }
.ar    { text-align:right !important; }
.vt    { vertical-align:top !important; }
.vm    { vertical-align:middle !important; }
.vb    { vertical-align:bottom !important; }
.jf    { text-align:justify !important; }
.oh    { overflow:hidden !important; }
.oh_y  { overflow-y:hidden !important;}
.cp    { cursor:pointer !important; }
.di    { display:inline !important; }
.dib   { display:inline-block !important; }
.dn    { display:none !important; }
.db    { display:block !important; }
.vv    { visibility:visible !important; }
.vh    { visibility:hidden !important; }
.bn    { border:none !important; }
.bbn   { border-bottom:none !important; }
.brn   { border-right:none !important; }
.bgn   { background:none !important; }
.fb    { font-weight:bold !important; }
.BDB   { border-bottom:2px solid #d1d1d1 !important}
.zoom1 { *zoom:1 }

/* Margin */
.MN0 { margin:0 !important; }
.ML2 { margin-left:2px !important; }
.ML4 { margin-left:4px !important; }
.ML5 { margin-left:5px !important; }
.ML8 { margin-left:8px !important; }
.ML10 { margin-left:10px !important; }
.ML15 { margin-left:15px !important; }
.ML20 { margin-left:20px !important; }
.ML24 {margin-left:24px}
.ML30 { margin-left:30px; }
.ML50 { margin-left:50px !important; }
.ML57 { margin-left:57px; }
.ML80 { margin-left:80px; }
.ML120 { margin-left:120px; }
.ML200 { margin-left:200px; }
.ML213 { margin-left:213px; }
.ML293 { margin-left:293px; }
.MR5 {margin-right:5px}
.MR10 { margin-right:10px; }
.MR15 { margin-right:15px; }
.MR16 { margin-right:16px; }
.MR20 { margin-right:20px; }
.MR30 { margin-right:30px; }
.MR37 { margin-right:37px; }
.MR40 { margin-right:40px; }
.MR60 { margin-right:60px; }
.MR72 { margin-right:72px; }
.MT2 { margin-top:2px !important; }
.MT4 { margin-top:4px !important; }
.MT5 { margin-top:5px !important; }
.MT7 { margin-top:7px !important; }
.MT10 { margin-top:10px !important; }
.MT15 { margin-top:15px; }
.MT20 { margin-top:20px !important; }
.MT22 { margin-top:22px; }
.MT25 { margin-top:25px; }
.MT28 { margin-top:28px; }
.MT30 { margin-top:30px !important; }
.MT35 { margin-top:35px !important; }
.MT40 { margin-top:40px !important; }
.MT45 {margin-top:45px !important}
.MT50 { margin-top:50px; }
.MT55 { margin-top:55px; }
.MT60 { margin-top:60px !important; }
.MT65 { margin-top:65px !important; }
.MT70 { margin-top:70px; }
.MT80 { margin-top:80px !important; }
.MT120 { margin-top:120px; }
.MT267 {margin-top:267px !important}
.MB0 { margin-bottom:0 !important}
.MB5 { margin-bottom:5px; }
.MB10 { margin-bottom:10px !important; }
.MB12 {margin-bottom:12px !important}
.MB15 { margin-bottom:15px; }
.MB20 { margin-bottom:20px !important; ; }
.MB26 { margin-bottom:26px !important; ; }
.MB30 { margin-bottom:30px !important; }
.MB40 { margin-bottom:40px !important; }
.MB50 {margin-bottom:50px}
.MB55 { margin-bottom:55px; }
.MB60 { margin-bottom:60px; }
.MB70 {margin-bottom:70px !important}
.MB180 {margin-bottom:180px !important}
.MT10MB100 {margin:10px 0 100px 0;}
.minusT40 {margin-top:-40px}

/* padding_top */
.PN0 {padding:0 !important}
.PT0 {padding-top:0 !important}
.PT5 { padding-top:5px !important;}
.PT7 { padding-top:7px;}
.PT10 { padding-top:10px;}
.PT12 { padding-top:12px;}
.PT15 { padding-top:15px;}
.PT20 { padding-top:20px !important;}
.PT25 { padding-top:25px;}
.PT27 { padding-top:27px;}
.PT30 { padding-top:30px;}
.PT37 { padding-top:37px;}
.PT38 { padding-top:38px;}
.PT43 { padding-top:43px;}
.PT40 { padding-top:40px !important;}
.PT50 { padding-top:50px !important;}
.PT65 { padding-top:65px !important;}
.PT75 { padding-top:75px;}

/* padding_left */
.PL0 { padding-left:0px !important;}
.PL3 { padding-left:3px;}
.PL5 { padding-left:5px;}
.PL8 { padding-left:8px;}
.PL10 { padding-left:10px;}
.PL20 { padding-left:20px !important;}
.PL23 { padding-left:23px;}
.PL25 { padding-left:25px;}
.PL30 { padding-left:30px;}
.PL40{ padding-left:40px;}
.PL45{ padding-left:45px;}
.PL50{ padding-left:50px;}
.PL55{ padding-left:55px;}
.PL60 { padding-left:60px;}
.PL65 { padding-left:6px;}
.PL100 { padding-left:100px;}

/* padding_right */
.PR6 { padding-right:6px;}
.PR10 { padding-right:10px;}
.PR20 { padding-right:20px;}
.PR35 { padding-right:35px;}
.PR40 { padding-right:40px;}
.PR60 { padding-right:60px;}
.PR72 { padding-right:72px;}

/* padding_bottom */
.PB0 {padding-bottom:0 !important}
.PB10 { padding-bottom:10px;}
.PB13 { padding-bottom:13px;}
.PB15 { padding-bottom:15px !important}
.PB20 { padding-bottom:20px !important;}
.PB23 { padding-bottom:23px !important;}
.PB30 { padding-bottom:30px !important;}
.PB40 { padding-bottom:40px;}
.PB50 {padding-bottom:50px }
.PB65 { padding-bottom:65px;}
.PB70 { padding-bottom:70px;}
.PB110 { padding-bottom:110px;}

/* padding_all */
.PT10L5 { padding:10px 0 0 5px !important;}
.PTB10 {padding:10px 0 !important;}
.PTBL {padding:20px 0 20px 20px !important;}



::-webkit-scrollbar {width: 0px; height: 12px;  }
::-webkit-scrollbarno-button:start:decrement{display: block; width: 20px;height: 12px;
    background: rgba(46,136,204,0.3); border-radius: 5px;}
::-webkit-scrollbar-track {  background: rgba(46,136,204,0.3); border-radius: 3px;}
::-webkit-scrollbar-thumb {  background: rgb(108,173,222); border-radius:5px;}



/* Reset */
* {outline:0 !important;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0; font-family: 'NanumBarunGothic','s-core-dream', 'Malgun Gothic', '맑은 고딕','arial','sans-serif';}
html, body{width:2160px;}
body{width:2160px; background:#fff;}
body,input,select,textarea,button {border:none;font-size:12px; font-family:'s-core-dream', sans-serif;color:#000;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle; margin: 0;
    padding: 0; -webkit-text-size-adjust: none;}
.hide,caption,legend{line-height:0;font-size:0px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;}

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}

/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */

#Wrap{width: 2160px; height: 3840px; position: relative; margin:0; padding:0; overflow:hidden;}
.main{background: url(/images/main/bg_main.png) no-repeat; width: 2160px; height: 3440px; position: relative; margin-top: 0;}
.sub{background: url(/images/common/bg_sub.png) no-repeat; width: 2160px; height: 3440px; position: relative; margin-top: 0;}

.today_area{padding-top: 150px; margin-left: 95px; width: 554px; height: 210px;}
.today_area .today_date {color: #000; font-size: 72px; font-weight:500;font-family: 's-core-dream';}
.today_area .time {font-size: 147px; color: #000; letter-spacing: 2px; font-weight:600;font-family: 's-core-dream'; margin-top: -30px;}
.today_area .time span {font-size: 72px; margin-right: 10px; font-weight:500; margin-left: 12px;}
.main .main_txt{margin-top: 330px; text-align: center;}

.main .main_gnb{width: 1860px; margin: 140px auto 0;}
.main_gnb ul{text-align: center;}
.main_gnb ul li {width: 560px; height: 1038px; border: 12px solid #048fac;
    border-radius: 50px; background: #fff; box-shadow: 20px 20px 30px 10px rgb(57 68 129 / 30%); display: inline-block; margin-right: 42px; text-align: center;}
.main_gnb ul li:last-child{margin-right: 0;}
.main_gnb ul li a{display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 70px 0;}
.main_gnb ul li a .main_gnb_tit{display: table; height: 230px; margin: 80px auto; width: 100%;}
.main_gnb ul li a .main_gnb_tit strong{color: #000; font-weight: 600; font-size: 90px; font-family: 's-core-dream'; display: table-cell; vertical-align: middle; text-align: center;}
.main_gnb ul li .main_icon{display: block; width: 284px; height: 284px;
    margin: 70px auto 0;}
.main_gnb ul li .main_icon1{background: url(../images/main/btn_main01.png) no-repeat;}
.main_gnb ul li .main_icon2{background: url(../images/main/btn_main02.png) no-repeat;}
.main_gnb ul li .main_icon3{background: url(../images/main/btn_main03.png) no-repeat;}

.btn_go_link{display: block; width: 225px; height: 83px; border-radius: 40px; background: #000; margin: auto; color: #fff; text-align: center; line-height: 83px; font-size: 45px; font-weight: 600;}

.main .main_visual{position: absolute; bottom: 0; right: 130px;}

.footer{width: 2160px; height: 400px; position: relative; background: #f8f8f8;/*#fafbfc*/}
.footer span{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}

.contents_area{width: 2160px; height: 2400px; position: relative; padding: 0 120px; box-sizing: border-box;}

.gnb_area{width: 2080px; height: 450px; margin: 150px auto 0; background: #0d3343; border-radius: 150px}
.gnb_area .gnb_box{width: 1720px; height: 450px; float: left;}
.gnb_area .gnb_box ul{position: relative; width: 1680px; margin-left: 150px; float: left;}
.gnb_area .gnb_box ul li{width: 500px; height: 450px; position: relative;
    text-align: center; float: left;}
.gnb_area .gnb_box ul li.current{background: #048fac; position: relative; color: #fff;}
.gnb_area .gnb_box ul li.current:before{width: 500px; height: 40px; background: #048fac; content: ''; position: absolute; top:-20px; border-radius: 40px 40px 0 0; left: 0;}
.gnb_area .gnb_box ul li.current:after{width: 500px; height: 40px; background: #048fac; content: ''; position: absolute; bottom:-20px; border-radius: 0px 0px 40px 40px; left: 0;}

.gnb_area .gnb_box ul li .gnb_icon {width: 163px; height: 163px; display: block; margin: 70px auto 50px; position: relative;}
.gnb_area .gnb_box ul li .gnb_icon:after{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.gnb_area .gnb_box ul li .ico_case1:after{width:163px; height:163px; background:url(../images/common/ico_case1.png) no-repeat;}
.gnb_area .gnb_box ul li .ico_case2:after{width:163px; height:163px; background:url(../images/common/ico_case2.png) no-repeat;}
.gnb_area .gnb_box ul li .ico_case3:after{width:163px; height:163px;
    background:url(../images/common/ico_case3.png) no-repeat;}

.gnb_area .gnb_box ul li.current .ico_case1:after{width:163px; height:163px; background:url(../images/common/ico_case1_on.png) no-repeat;}
.gnb_area .gnb_box ul li.current .ico_case2:after{width:163px; height:163px; background:url(../images/common/ico_case2_on.png) no-repeat;}
.gnb_area .gnb_box ul li.current .ico_case3:after{width:163px; height:163px; background:url(../images/common/ico_case3_on.png) no-repeat;}


.gnb_area .gnb_box ul li .gnb_tit {color: #617a85; font-size: 60px; font-weight: 500; font-family: 's-core-dream'; line-height: 1.2;}
.gnb_area .gnb_box ul li.current .gnb_tit{color: #fff;}

.homeback{float: left; width:320px; text-align: center; position: relative;}
.homeback:before{width: 4px; height: 380px; background: #41566b; content: ''; position: absolute; top:35px; left: 0;}
.homeback ul{margin: 37px auto 0; width: 164px;}
.homeback ul li a{width: 164px; height: 164px; border-radius: 50%; background: #1a485c; display: block; margin-bottom: 50px; position: relative;}
.homeback ul li a span{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.cont_tit{font-size: 120px; font-weight: 600; color: #000; text-align: center; margin-bottom: 95px; position: relative; padding-top: 200px;}
.cont_tit span{position: relative; display: inline-block; z-index: 1;}
.cont_tit span:before{width: 100%; height: 60px; background: #fff1be;
    content: ''; position: absolute; bottom: 0; z-index: -1; padding: 0 20px;
    text-align: center; left: -20px; border-radius: 30px;}

.cont_tit_v2{font-size: 90px; font-weight: 600; color: #000; text-align: center; margin-bottom: 95px; position: relative; padding-top: 100px;}
.cont_tit_v2 span{position: relative; display: inline-block; z-index: 1;}
.cont_tit_v2 span:before{width: 100%; height: 60px; background: #fff1be;
    content: ''; position: absolute; bottom: 0; z-index: -1; padding: 0 20px;
    text-align: center; left: -20px; border-radius: 30px}


.media_area{width: 1920px; height: 2200px; text-align: center; position: relative;}
.media_area .media_box{position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); overflow-y: auto;}
.media_area .media_box .video_box{ width: 1344px; height: 755px;
    /* overflow: hidden;*/ margin: 0 auto 70px;}
.media_area .media_box .img_box{width: 1920px; height: 1360px;
    /* overflow: hidden;*/ margin: 0 auto;}
.img_box_none_video{width: 1920px; height: 2000px;}

.tab_area {margin: 100px auto 100px; width: 1970px; }
.tab_list {display: table; width: 100%; table-layout: fixed;}
.tab_list li {display: table-cell; position: relative; padding-bottom: 30px;
    font-size: 50px; font-weight: 500; border-bottom: 8px solid #b7b7b7; text-align: center;}
.tab_list li a{color: #888888;}
.tab_list li.on a{color: #812b29; font-weight: 700;}
.tab_list li.on::after {content: ''; position: absolute;
    left: 0; bottom: -8px; width: 100%; border-bottom: 10px solid #812b29;}

.sub2_btn_area {width: 100%; text-align: center;}
.sub2_btn_area li{margin-bottom: 33px;}
.sub2_btn_area li:last-child{margin-bottom: 0}

.sub_cont_area{width: 1920px; height: 2200px; text-align: center; position: relative; overflow-y: scroll;}

.company_list_area{width: 1920px; height: 2000px; position: relative; text-align: center;}
.company_list_area .company_tit{font-size: 100px; color: #037a4e;
    font-weight: 600; text-align: center; line-height: 1.3;
    position: relative; display: inline-block; margin: 10px 0;}
.company_list_area .company_tit::before, .company_list_area .company_tit::after{font-size: 120px;
    color: #666; font-weight: 700; line-height: 1; position: absolute; top: -10px;   opacity: .4;font-family: 's-core-dream';}
.company_list_area .company_tit::before {content: "“"; left: -80px;}
.company_list_area .company_tit::after {content: "”"; right: -80px;}

.company_list_area .com_box{width: 100%; height: 1950px; margin-top: 100px; overflow-y: scroll; padding-right: 320px;}
.com_list {display: flex; flex-wrap: wrap;}
.com_list dl {position:relative; border-radius:60px; overflow:hidden; margin-right:60px; float:left; width:calc((100% - 150px) / 3); margin-bottom: 50px; border: 5px solid #dddfe3; height: 520px; background: #fff;}
.com_list dl:nth-child(3n) {margin-right:0;}
.com_list dl dt{width: 100%;  height: 226px; position: relative; overflow: hidden;}
.com_list dl dt span{position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); display: block;}
.com_list dl dd{background: #f4f4f4; height: 230px; padding: 40px;}
.com_list dl dd .com_name{
    font-size: 50px; color: #222; font-weight: 600;
    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; overflow: hidden;
    height: 130px; position: relative; width: 100%;}
.com_list dl dd .com_name span{position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 100%;}
.com_list dl dd p{text-align: center; font-size: 50px; color: #777777; font-weight: 500; margin-top: 30px;}

.com_view{width: 1920px; height: 2000px; position: relative; text-align: center; overflow-y: auto;}


.btn-list-wrap {/*display: flex; flex-wrap: nowrap; justify-content: center; margin-top: 45px;*/ position: absolute; top:120px; right: 90px; }

.vis-btn-radius {width: 360px; padding: 20px 0; font-size: 40px;
    text-align: center; display: block; transition: 0.3s;
    position: relative; z-index: 1; border-radius: 50px;}
.vis-btn-radius::before {content: ""; width: 100%;
    height: 100%; border-radius: 50px;
    background: linear-gradient( -45deg,#00a0af,#00c0ca, #008b9c, #28708b,#285f74, #22404d,#285f74,#28708b, #008b9c,#00c0ca,#00a0af) !important;
    background-size: 1000%; position: absolute;
    top: 0; left: 0; opacity: 0; z-index: -1; transition: 0.3s;}
.vis-btn-radius::after {content: ""; width: 100%; height: 100%;
    border: 3px solid #04083f; border-radius: 50px; position: absolute;
    left: 0; bottom: 0;}


.campus_btn {position: absolute; top: 440px; right: 90px;}


.slideBoxWrap {width:1920px; height: 2150px; display:block; overflow:hidden; }
.sliderBoxDesc {position:relative; width:1920px; height: 2130px;}
#carouselWrapper {width:1920px; height: 2070px; margin:0; padding:0; overflow:hidden; }
.scrollerBox {position:relative; top:0; left:0; width:2100px; height: 100%; float:left; }
.scrollerBox ul{list-style:none; position:relative; display:block; margin:0; padding:0; top:0; left:0; width:100%; height:100%;}
.scrollerBox li{display:block; float:left; padding:0px; text-align: center;}
.scrollerBox li img{max-width:1920px; height: 2070px; border:0px;}
.sliderNav {position:absolute; bottom:0px; width:100%; z-index:100; text-align:center; font-size:18px; color: #0a0d42;}
.sliderNav a{margin:0px 7px; color:#B4B4B4; text-decoration:none;}