@charset "utf-8";
#top_layout{position:absolute;background:transparent;}
.top_util{border-bottom:1px solid rgba(221,221,221,0.23);}
.top_util li span {background:url(/images/ctl/main/common_ir.png) 0 -55px;}
.top_util li .icon1 {background-position: -57px -71px;}
.top_util li .icon2 {background-position: -72px -71px;}
.top_util li .icon3 {background-position: -86px -71px;}
.top_util li .icon4 {background-position: -102px -71px;}
.top_util li .icon5 {background-position: -117px -71px;}
.top_util li a {color:#fff;}
#top_layout .top_wrap .utile_wrap li.box.pc a {background:url(/images/ctl/main/common_ir.png) -133px -54px;}
#top_layout .top_wrap #logo a span {color:#fff;}
#top_layout.on .top_wrap #logo a span {color: #242424;}
#gnb_layout .depth1_ul>li>a span {color:#fff;font-size:19px;}
#top_layout.on #gnb_layout .depth1_ul>li>a span {color:#333;}
#top_layout.on #gnb_layout > ul > li > a:hover span,
#top_layout.on #gnb_layout > ul > li > a:focus span,
#top_layout.on #gnb_layout .depth1_ul>li>a.current span {color:#e83421;}
#top_layout.on .top_util {background:#fff;}
#top_layout.on .top_util li a {color:#333;}
#top_layout.on .top_util li .icon1 {background-position: -57px -54px;}
#top_layout.on .top_util li .icon2 {background-position: -72px -54px;}
#top_layout.on .top_util li .icon3 {background-position: -86px -54px;}
#top_layout.on .top_util li .icon4 {background-position: -102px -54px;}
#top_layout.on .top_util li .icon5 {background-position: -117px -54px;}
#top_layout.on .top_wrap .utile_wrap li.box.pc a {background-position: -30px -54px;}
.mcont1 {position:relative;width:100%;}
.mcont1 #mvisual_slider {position:relative;height:845px;top:0;}
.mcont1 #mvisual_slider, .photo_list--wrap {position:relative;width:100%;height:845px;}
.mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider,
.mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider > div {width:100%;height:100%;}
.mcont1 .photo_list--wrap .photo_list--item {position:relative;width:100%;height:845px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title {float:left;position:absolute;width:1300px;left:50%;top:50%;transform:translate(-50%, -50%);justify-content:space-between;}
.mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title .title_text {position:absolute;max-width:935px;color:#fff;margin-left:25px;line-height:1;}
.mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title .title_text span {font-size:14px;letter-spacing:-0.5px;}
.mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title .title_text strong {display:block;font-size:42px;font-weight:bold;margin-top:20px;margin-bottom:30px;letter-spacing:-1.6px;line-height:1.2;}
.mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title .title_text p {width:60%;font-size:15px;line-height:1.8;}
.mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title .title_logo {float:right;position:relative;top:-30px;width:365px;height:177px;background:url(/images/ctl/main/mainvisual_logo.png) no-repeat center right / contain;font-size:0px;text-indent:-9999px;}
.mcont1 #mvisual_slider .slick-dots {position:absolute;left:50%;bottom:203px;transform:translateX(-50%);margin-left:-10px;z-index:9997;}
.mcont1 #mvisual_slider .slick-dots li {display:inline-block;width:8px;height:8px;margin-right:8px;background:#fff;border-radius:50%;cursor:pointer;}
.mcont1 #mvisual_slider .slick-dots li.slick-active {width:40px;background:#ee3735;border-radius:10px;}
.mcont1 #mvisual_slider .slick-dots li button {display:block;font-size:0;}
.mcont1 #mvisual_slider .slider-control {position:absolute;left:50%;bottom:202px;transform:translateX(-50%);margin-left:48px;z-index:9998;}
.mcont1 #mvisual_slider .slider-control button.next,
.mcont1 #mvisual_slider .slider-control button.prev,
.mcont1 #mvisual_slider .slider-control button.pause,
.mcont1 #mvisual_slider .slider-control button.play {overflow: visible;float: left;position:relative;width:7px;height: 10px;font-size:0;}
.mcont1 #mvisual_slider .slider-control button.next:before,
.mcont1 #mvisual_slider .slider-control button.prev:before {content:'';position:absolute;top: 6px;left: 7px;right:15px;display:block;width: 4px;height: 4px;border: 1px solid #838383;border-width:2px 2px 0 0;}
.mcont1 #mvisual_slider .slider-control button.next:before {left: 5px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.mcont1 #mvisual_slider .slider-control button.prev:before {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.mcont1 #mvisual_slider .slider-control button.pause:before {content:'';position:absolute;top:0;left:2px;right:0;display:block;width:50%;height:100%;box-shadow:-2px 0 #fff, 2px 0 #fff;}
.mcont1 #mvisual_slider .slider-control button.play:before {content:'';position:absolute;top:0;left:0;right:20px;display:block;width:0;height:0;border-width:5px 0 5px 7px;border-style:solid;border-color:transparent transparent transparent #fff;}
.mcont1 #mvisual_slider .slider-control button.slick-arrow {display:none !important;}
.mcont1 #mvisual_slider .slider_arrow button.prev, .mcont1 #mvisual_slider .slider_arrow button.next {position:absolute;top:50%;width:67px;height:67px;border:1px solid #fff;box-sizing:border-box;z-index:9999;}
.mcont1 #mvisual_slider .slider_arrow button.prev {left:120px;transform:translateY(-50%);}
.mcont1 #mvisual_slider .slider_arrow button.next {right:120px;transform:translateY(-50%);}
.mcont1 #mvisual_slider .slider_arrow button{display:block;width:67px;height:67px;background:rgba(0,0,0,.1);transition:.3s;cursor:pointer;}
.mcont1 #mvisual_slider .slider_arrow button:hover,.mcont1 #mvisual_slider .slider_arrow button:focus {background:#ec2620;}
.mcont1 #mvisual_slider .slider_arrow button span {display:block;width:100%;height:100%;}
.mcont1 #mvisual_slider .slider_arrow button.prev span {background:url(/images/ctl/main/arrow_prev.png) no-repeat center;}
.mcont1 #mvisual_slider .slider_arrow button.next span {background:url(/images/ctl/main/arrow_next.png) no-repeat center;}
.mcont1 .layout {position:relative;top:-154px;}
.mcont1 .layout #board {display:flex;-webkit-box-shadow:10px 10px 10px rgba(33,33,35,.15);box-shadow:10px 10px 10px rgba(33,33,35,.15);}
.mcont1 .layout #board .grap {width:50%;padding:38px 50px;box-sizing:border-box;}
.mcont1 .layout #board .grap.pr, .mcont1 .layout #board .grap.pr a {color:#fff;background:#ca3230;}
.mcont1 .layout #board .grap.edu {color:#242424;background:#fff;}
.mcont1 .layout #board .title h2 {display:inline-block;font-size:15px;font-weight:bold;line-height:2.5;}
.mcont1 .layout #board .pr .title h2{color:#fff;}
.mcont1 .layout #board .edu .title h2{color:#e43e38;}
.mcont1 .layout #board .title a {display:block;float:right;position:relative;width:15px;height:15px;margin-top:10px;font-size:0px;text-indent:-9999px;}
.mcont1 .layout #board .title a .board__more {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:15px;height:1px;transition:.4s;}
.mcont1 .layout #board .pr .title a .board__more {background:#fff;}
.mcont1 .layout #board .edu .title a .board__more {background:#b3b3b3;}
.mcont1 .layout #board .title a:hover .board__more, .mcont1 .layout #board .title a:focus .board__more {transform:translate(-50%, -50%) rotate(180deg);}
.mcont1 .layout #board .title a .board__more:after {content:"";position:absolute;height:15px;width:1px;top:50%;left:50%;transform:translate(-50%, -50%);transition:.6s;}
.mcont1 .layout #board .pr .title a .board__more:after {background:#fff;}
.mcont1 .layout #board .edu .title a .board__more:after {background:#b3b3b3;}

.mcont1 .layout #board .grap.edu a {color:#222;}
.mcont1 .layout #board .grap ul {margin-top:20px;}
.mcont1 .layout #board .grap ul li {position:relative;height:62px;line-height:62px;}
.mcont1 .layout #board .grap ul li:first-child {height:auto;}
.mcont1 .layout #board .grap ul li a {display:block;}
.mcont1 .layout #board .grap ul li ~ li a > p {display:block;overflow:hidden;width:80%;white-space:nowrap;text-overflow:ellipsis;font-size:17px;letter-spacing:-1.8px;}
.mcont1 .layout #board .grap ul li ~ li a > span {position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:15px;font-weight:lighter;letter-spacing:0;}
.mcont1 .layout #board .grap ul li:first-child a p {display:-webkit-box;overflow:hidden;height:60px;margin-top:10px;font-size:22px;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:bold;line-height:1.4;letter-spacing:-1.8px;text-overflow:ellipsis;white-space:normal;}
.mcont1 .layout #board .grap ul li:first-child a span {display:block;font-weight:lighter;font-size:15px;}
.mcont1 .layout #board .grap.pr ul li:first-child a span {border-bottom:1px solid rgba(255,255,255,.2);}
.mcont1 .layout #board .grap.edu ul li:first-child a span {border-bottom:1px solid rgba(0,0,0,.1);}
.mcont2 {padding-bottom:136px;margin-top:-115px;background:url(/images/ctl/main/bg_img.png) no-repeat left 85%;}
.mcont2 .layout .link_wrap {display:flex;width:100%;justify-content:space-between;}
.mcont2 .layout .box {height:383px;width:412px;padding:40px 50px;box-sizing:border-box;-webkit-box-shadow:10px 10px 10px rgba(33,33,35,.15);box-shadow:10px 10px 10px rgba(33,33,35,.15);letter-spacing:-1.8px;}
.mcont2 .layout .box a {letter-spacing:-1.8px;}
.mcont2 .layout .box01 {background:url(/images/ctl/main/board_bg01.jpg) no-repeat center / cover ;}
.mcont2 .layout .box02 {background:url(/images/ctl/main/board_bg02.jpg) no-repeat center / cover ;}
.mcont2 .layout .box03 {background:url(/images/ctl/main/board_bg03.jpg) no-repeat center / cover ;}
.mcont2 .layout .link_wrap .title {height:50px;}
.mcont2 .layout .link_wrap .title h2{display:inline-block;color:#fff;font-weight:bold;font-size:24px;line-height:50px;}
.mcont2 .layout .link_wrap .title h2 span {margin-left:12px;font-weight:normal;font-size:14px;}
.mcont2 .layout .link_wrap .title .board_icon {display:block;float:right;width:50px;height:50px;}
.mcont2 .layout .box01 .title .board_icon {background:url(/images/ctl/main/board_icon01.png) no-repeat center / cover;}
.mcont2 .layout .box02 .title .board_icon {background:url(/images/ctl/main/board_icon02.png) no-repeat center / cover;}
.mcont2 .layout .box03 .title .board_icon {background:url(/images/ctl/main/board_icon03.png) no-repeat center / cover;}
.mcont2 .layout .link_wrap ul {margin-top:20px;}
.mcont2 .layout .link_wrap ul li {position:relative;height:58px;border-bottom:1px solid rgba(255,255,255,.2);line-height:58px;}
.mcont2 .layout .link_wrap ul li a {display:block;color:#fff;font-size:16px;}
.mcont2 .layout .link_wrap ul li a:before {content:"";position:absolute;width:10px;height:10px;border-top:1px solid #fff;border-right:1px solid #fff;top:50%;right:0;transform:translate(-50%, -50%) rotate(45deg);cursor:pointer;}
.mcont2 .layout .link_wrap ul li a:hover:before, .mcont2 .layout .link_wrap ul li a:focus:before {animation-duration:.6s;animation-name:boardhover;animation-direction:alternate;}
@keyframes boardhover {0%{right:0;}50%{right:10px;}100%{right:0;}}

@media screen and (max-width:1750px){
    .mcont1 #mvisual_slider .slider_arrow button.prev, 
    .mcont1 #mvisual_slider .slider_arrow button.next {display:none;}
    .mcont1 #mvisual_slider .slider_arrow {display:none;}
}
@media screen and (max-width:1379px){
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title .title_text {max-width:80%; margin:0 auto;}
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title .title_logo {max-width:20%;}
    .mcont2 .layout .link_wrap .box {margin-left:25px; flex:1}
    .mcont2 .layout .link_wrap .box:nth-child(1) {margin-left:0;}
    .mcont2 .layout .link_wrap .title h2 span {display:none;}
}

@media screen and (max-width:1023px){
    #top_layout .top_wrap .utile_wrap li.box.mo {position:relative;top:-14px;}
    #top_layout .top_wrap .utile_wrap li.box.mo button {background:url(/images/ctl/main/common_ir.png) -133px -54px;}
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider, 
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider > div, 
    .mcont1 #mvisual_slider, 
    .photo_list--wrap,
    .mcont1 .photo_list--wrap .photo_list--item {height:845px;}
    .mcont1 .photo_list--wrap .photo_list--item.slider01 {background:url(/images/ctl/main/1024mainvisual_img01.jpg) no-repeat center / cover;}
    .mcont1 #mvisual_slider .slick-dots {bottom:auto;top:582px;}
    .mcont1 #mvisual_slider .slider-control {bottom:auto;top:599px;}
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title {top:294px; transform:translateX(-50%);}
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title .title_logo {width:316px;height:179px;max-width:initial;background:url(/images/ctl/main/1024mainvisual_logo.png) no-repeat center right / cover;}
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title .title_text {max-width:70%; margin:0 auto;} 
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title .title_text p {width:100%; font-size:14px;}
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item.slider01 .title .title_text span{color:rgba(255,255,255,.35);}
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title .title_text strong {font-size:38px;}
    .mcont1 .layout #board .grap {padding:25px 30px;}
    .mcont1 .layout #board .grap ul li {height:55px; line-height:55px;}
    .mcont1 .layout #board .grap ul li ~ li a > p {width:70%;}
    .mcont1 .layout #board .grap ul li:first-child a p {font-size:20px;}
    .mcont1 .layout #board .grap ul li a li:first-child a span {height:40px;line-height:25px;padding-bottom:15px;}
    .mcont1 .layout #board .grap ul li ~ li a > p {font-size:14px;}
    .mcont2 .layout .link_wrap .title h2{font-size:20px;}
    .mcont2 .layout .link_wrap .title h2 span {display:none;}
    .mcont2 .layout .link_wrap .title .board_icon {width:30px;height:30px;}
    .mcont2 .layout .link_wrap ul li a {font-size:15px;}
    .mcont2 .layout .box {padding:25px 30px;}
}
@media screen and (max-width:767px){
    #top_layout .top_wrap {height:80px;}
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title.layout{padding:0 25px;}
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider, 
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider > div, 
    .mcont1 #mvisual_slider, 
    .photo_list--wrap, 
    .mcont1 .photo_list--wrap .photo_list--item{height:550px;}
    .mcont1 #mvisual_slider .slick-dots {top:430px;}
    .mcont1 #mvisual_slider .slider-control {top:447px;}
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title {top:210px;transform:translate(-50%, 0);}
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title .title_text {position:static;width:100%;max-width:100%;margin:0;text-align:center;}
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title .title_text p {font-size:14px;}
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title .title_logo {display:none;}
    .mcont1 .layout {top:-65px;}
    .mcont1 .layout #board {display:block;}
    .mcont1 .layout #board .grap {width:100%;padding:20px 35px;}
    .mcont1 .layout #board .grap .grap_top a h3 {display:-webkit-box;overflow:hidden;padding:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;line-height:30px;}
    .mcont1 .layout #board .grap ul li ~ li a > p {font-size:14px;}
    .mcont2 {margin-top:-25px;padding-bottom:46px;}
    .mcont2 .layout .link_wrap .box {height:auto;padding:35px 25px 45px;}
    .mcont2 .layout .link_wrap > div ~ div{margin-top:0;}
    .mcont2 .layout .link_wrap ul {display:block;margin-top:0;}
    .mcont2 .layout .link_wrap ul li {width:100%;height:42px;line-height:42px;}
    .mcont2 .layout .link_wrap ul li a{display:block;line-height:42px;font-size:15px;text-align:start;}
    .mcont2 .layout .link_wrap ul li a:before{display:block;width:8px;height:8px;}
    @keyframes boardhover {0%{right:0;}50%{right:-10px;}100%{right:0;}}
    .mcont2 .layout .link_wrap {display:block;}
    .mcont2 .layout .link_wrap > div ~ div {margin-top:20px;}
    .mcont2 .layout .link_wrap .box {width:100%;height:165px;padding:25px 35px;margin-left:0;}
    .mcont2 .layout .link_wrap ul {display:flex;justify-content:space-between;}
    .mcont2 .layout .link_wrap ul li {width:170px;margin-top:10px;}
    .mcont2 .layout .box02 ul li {width:130px;}

}
@media screen and (max-width:700px) {
    .mcont2 .layout .box ul {flex-wrap:wrap;}
    .mcont2 .layout .box ul li {width:40%;}
    .mcont2 .layout .link_wrap .box {height:224px;}
    .mcont2 .layout .link_wrap ul li a {font-size:14px;}
}
@media screen and (max-width:480px){
    .mcont .layout{padding:0;}
    .mcont1 .layout{top:0;}
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title .title_text p {line-height:1.4;}
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title .title_text strong{margin-bottom:20px;font-size:20px;letter-spacing:-1.8px;}
    .mcont1 #mvisual_slider .slick-dots,
    .mcont1 #mvisual_slider .slider-control{display:none !important;}
    @keyframes boardhover {0%{right:0;}50%{right:0px;}100%{right:0;}}
    .mcont1 #mvisual_slider .photo_list--wrap .photo_list--slider .photo_list--item .title {top:150px;}
    .mcont2 .layout .link_wrap {display:block;}
    .mcont2 .layout .link_wrap > div ~ div{margin:0;}
    .mcont2 .layout .link_wrap ul {display:block;}
    .mcont2 .layout .link_wrap ul li {width:100%;margin-top:10px;}
    .mcont2 .layout .link_wrap .box {height:auto;}
    .mcont2 .layout .box01 {background:#2c324c;}
    .mcont2 .layout .box02 {background:#414141;}
    .mcont2 .layout .box03 {background:#8c7756;}
}

/*12.20 홈페이지명 관련*/
#top_layout .top_wrap #logo a:nth-child(1) {width: 86px;}
#top_layout .top_wrap #logo a:nth-child(2) {padding-left:10px;padding-right:80px;}