@charset "UTF-8";


.main_tit {margin-bottom: 15px; font-size: 2em; font-weight: 700;}
.main_tit .small_txt {color: #7b7b7b; padding-left: 20px; font-family: 'Noto Sans KR'; font-size: 0.471em; font-weight: 400;}


/*layout*/
.main_cont2,.main_cont3 {padding:  90px 0;}
.main_tit_wrap {position: relative; margin: 0 0 55px;	text-align: center; font-family: 's-core-dream';}
.main_tit_wrap .tit {position: relative; padding: 40px 0; font-size: 2.667em; font-weight: 700; line-height: 1; z-index: 1;}
.main_tit_wrap .tit .bg_txt {position: absolute; top: -10px; left: 50%; color: rgba(0,169,255,0.1); font-size: 128px; line-height: 1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: -1;}

.main_tit_wrap .sub_tit {color: #636363;}

.main_cont3 .main_tit_wrap .tit .bg_txt {color: #fff;}



/*main_cont1*/
.main_cont1 .main_visu_cont {position: relative; width: 100%; }
.main_cont1 .main_visu_slide_wrap {position: relative; width: 100%; height: 750px; overflow: hidden;}
.main_cont1 .main_visu_slide_wrap .layout {position: absolute; left: 50%; width: 1920px;  -webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}

#main_visu_slide .item .img_wrap {position: relative; width: 1920px; height: 750px; margin: 0 auto; text-align: center; overflow: hidden;}
#main_visu_slide .item .img_wrap .inner {position: absolute; left: 0; top: 0; width: 100%; height: 100%;  font-size: 0;}

.main_visu_box_wrap {position: absolute; left: 50%; bottom: 0; width: 360px; height: 500px; margin-bottom: -60px; margin-left: -640px;}
.main_visu_box_wrap .main_visu_box {position: relative; width: 360px; height: 500px; padding: 50px 40px 40px; background-color: #303192; box-shadow: 6px 9px 16px 0px rgba(0, 0, 0, 0.19);}

.main_visu_box_wrap #main_txt_slide {width: 100%; height: 100%; padding-top: 45px; font-family: 's-core-dream';}

.main_visu_box_wrap #main_txt_slide .slick-list {display: block; height: 100%;}
.main_visu_box_wrap #main_txt_slide .slick-list .slick-track {height: 100%;}

.main_visu_box_wrap #main_txt_slide .slick-dots {bottom: auto; top: 0; height: 4px;}
.main_visu_box_wrap #main_txt_slide .slick-dots li {display: block; float: left; width: 35px; height: 4px;}
.main_visu_box_wrap #main_txt_slide .slick-dots li button {width: 100%; height: 100%; padding: 0; background-color: rgba(255,255,255,0.2);}
.main_visu_box_wrap #main_txt_slide .slick-dots li button:before {display: none;	}
.main_visu_box_wrap #main_txt_slide .slick-dots li.slick-active button {background-color: #fff;}

.main_visu_box_wrap #main_txt_slide .slick-prev,.main_visu_box_wrap #main_txt_slide .slick-next { width: 25px; height: 40px; background-repeat: no-repeat;}
.main_visu_box_wrap #main_txt_slide .slick-prev:before ,.main_visu_box_wrap #main_txt_slide .slick-next:before {display: none;}
.main_visu_box_wrap #main_txt_slide .slick-prev {left: -115px; background-image: url('/images/main/slide_left_icon.png'); }
.main_visu_box_wrap #main_txt_slide .slick-next {right: -115px; background-image: url('/images/main/slide_right_icon.png'); }

.main_visu_box_wrap #main_txt_slide .item a {display: block; width: 100%; height: 100%; padding-bottom: 30px;}
.main_visu_box_wrap #main_txt_slide .item .small_tit {  margin-bottom: 20px; font-size: 1.111em; color: rgba(255,255,255,0.4); display: -webkit-box; overflow: hidden; height: 3.2em; line-height: 1.6em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}

.main_visu_box_wrap #main_txt_slide .item .tit {font-size: 2.333em; line-height: 1.3em; color: #fff; font-weight: 500; display: -webkit-box; overflow: hidden; height: 5.2em;  -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word;}

.main_visu_box_wrap #main_txt_slide .item .tit em {color: #33a7ff;}
.main_visu_box_wrap #main_txt_slide .item .link_txt {position: absolute; bottom: 0; font-size: 0.944em; color: #fff;}






/*main_cont2*/
.main_cont2 {width: 100%;  background-color: #f6f6f6;background-image: url('/images/main/notice_bg_img.png'); background-repeat: no-repeat; background-position: right bottom; overflow: hidden;}
.main_cont2 .tec_slide_wrap {position: relative; }
.main_cont2 .tec_txt_slide_wrap {position: absolute; right: 0; top: 50%; width: 570px; height: 345px; margin-right: -130px; background-color: #f6f6f6; -webkit-box-shadow: 6px 9px 16px 0px rgba(0, 0, 0, 0.19); -moz-box-shadow: 6px 9px 16px 0px rgba(0, 0, 0, 0.19); box-shadow: 6px 9px 16px 0px rgba(0, 0, 0, 0.19); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}


#tec_txt_slide {width: 100%; height: 100%;}
#tec_txt_slide .slick-list {display: block; height: 100%;}
#tec_txt_slide .slick-list .slick-track {height: 100%;}
#tec_txt_slide .slick-list .item {padding: 35px 50px;}
#tec_txt_slide .slick-list .item a {position: relative; display: block; width: 100%; height: 100%;}
#tec_txt_slide .slick-list .item a .tit {margin-bottom: 15px; color: #0089ce; font-size: 2em; line-height: 1.2; font-weight: 700; font-family: 's-core-dream';     letter-spacing: -1px;}
#tec_txt_slide .slick-list .item a .small_txt {display: -webkit-box; width: 100%; font-size: 1em; word-break:keep-all;  height: 4.8em;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;  overflow: hidden;}
#tec_txt_slide .slick-list .item a .link_txt {position: absolute; bottom: 0; color: #909090;}
#tec_txt_slide .slick-list .item a:hover .link_txt {color: #0089ce; text-decoration:none;}

.tec_txt_slide_wrap .slide_ctrl_wrap {position: absolute; right: 63px; bottom: -30px; -webkit-box-shadow: 6px 9px 16px 0px rgba(0, 0, 0, 0.19); -moz-box-shadow: 6px 9px 16px 0px rgba(0, 0, 0, 0.19); box-shadow: 6px 9px 16px 0px rgba(0, 0, 0, 0.19);}
.tec_txt_slide_wrap .slide_ctrl_wrap .slide_ctrl {position: relative; float: left; display: block; width: 65px; height: 65px; line-height: 65px; background-color: #fff; color: #000; text-align: center; font-size: 20px;}
.tec_txt_slide_wrap .slide_ctrl_wrap .slide_ctrl.prev:after {content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 25px; margin-top: -13px; background-color: #dadada; }

.tec_txt_slide_wrap .slide_ctrl_wrap .slide_ctrl:hover {background-color: #303192; color: #fff;}
.tec_txt_slide_wrap .slide_ctrl_wrap .slide_ctrl.prev:hover:after  {display: none;	}



/*main_cont3*/
#main_cont3 {background-color: #f6f6f6; background-image: url('/images/main/notice_bg_img.png'); background-repeat: no-repeat; background-position: right bottom;} 

.notice_tab_wrap {position: relative; margin-bottom: 35px; overflow: hidden;}
.notice_tab_wrap .notice_tab {float: left;}
.notice_tab_wrap .notice_tab button {margin: 0 10px 0 0; padding: 10px 20px; border-radius:4em; background-color: #fff; color: #000;}
.notice_tab_wrap .notice_tab button.on,.notice_tab_wrap .notice_tab button:hover,.notice_tab_wrap .notice_tab button:focus {background-color: #303192; color: #fff;}

.notice_tab_wrap .more_btn {float: right; padding-top: 10px;}
.notice_tab_wrap .more_btn a {font-size: 0.944em;}
.notice_tab_wrap .more_btn a:hover {color: #0089ce;}

.notice_slide_wrap {position: relative; margin-bottom: 55px;}

#notice_slide {position: relative; left: -12px; width: calc(100% + 24px);}
#notice_slide .slick-list {display: block; height: 100%;}
#notice_slide .slick-list .slick-track {height: 100%;}

#notice_slide .slick-dots li button {width: 100%; height: 100%; padding: 0; background-color: rgba(255,255,255,0.2);}
#notice_slide .slick-dots li button:before {display: none;	}

#notice_slide .slick-prev,#notice_slide .slick-next { width: 25px; height: 40px; opacity: 1; background-repeat: no-repeat;}
#notice_slide .slick-prev:before , #notice_slide .slick-next:before {display: none;}
#notice_slide .slick-prev:after , #notice_slide .slick-next:after {content: '';}
#notice_slide .slick-prev {left: -115px; background-image: url('/images/main/notice_slide_left.jpg'); }
#notice_slide .slick-next {right: -115px; background-image: url('/images/main/notice_slide_right.jpg'); }


#notice_slide .item {margin: 0 12px;}
#notice_slide .item .img_wrap {position: relative; margin-bottom: 25px; padding-bottom: 59%; overflow: hidden; font-size: 0;}
#notice_slide .item .img_wrap .inner {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ebebeb; text-align: center;}
#notice_slide .item .img_wrap .inner img {display: inline-block; vertical-align: middle; }

#notice_slide .item .txt_wrap {}
#notice_slide .item .txt_wrap .category {margin-bottom: 11px; font-family: 's-core-dream'; font-weight: 500; color: #0089ce;}
#notice_slide .item .txt_wrap .tit {width: 100%; margin-bottom: 21px; padding: 2px 0; border-bottom: 2px solid #f6f6f6; font-family: 's-core-dream'; font-size: 1.333em; line-height: 1.2; font-weight: 500; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#notice_slide .item .txt_wrap .txt {color: #808080;	display: -webkit-box; height: 4.8em;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;  overflow: hidden;}


#notice_slide .item a:hover .img_wrap .inner:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,137,206,0.6);}
#notice_slide .item a:hover .tit {border-bottom: 2px solid #000;}


.quick_btn_wrap {padding: 90px 0 0;}
.quick_btn_wrap .layout {position: relative; width: 100%; padding: 0 35px; background-image: url('/images/main/quick_btn_wrap_bg.png'); background-repeat: no-repeat; overflow: hidden;}
.quick_btn_wrap .quick_btn {float: left; width: 16.66%; padding: 25px 0 30px; text-align: center;}
.quick_btn_wrap .quick_btn .img_wrap {width: 53px; height: 56px; margin: 0 auto 10px; background-repeat: no-repeat; background-position: center center; -webkit-transform:rotateY(180deg); 	-ms-transform:rotateY(180deg); 	-moz-transform:rotateY(180deg); 	-o-transform:rotateY(180deg);	transform:rotateY(180deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
}

.quick_btn_wrap .quick_btn .txt_wrap {color: #fff; font-family: 's-core-dream'; font-size: 0.944em; text-align: center;}

.quick_btn_wrap .quick_btn1 {width: 22%;}
.quick_btn_wrap .quick_btn1 .img_wrap {background-image: url('/images/main/quick_btn1_off.png');}
.quick_btn_wrap .quick_btn1:hover .img_wrap {background-image: url('/images/main/quick_btn1_on.png');}

.quick_btn_wrap .quick_btn2 {width: 17%;}
.quick_btn_wrap .quick_btn2 .img_wrap {background-image: url('/images/main/quick_btn2_off.png');}
.quick_btn_wrap .quick_btn2:hover .img_wrap {background-image: url('/images/main/quick_btn2_on.png');}

.quick_btn_wrap .quick_btn3 {width: 16%;}
.quick_btn_wrap .quick_btn3 .img_wrap {background-image: url('/images/main/quick_btn3_off.png');}
.quick_btn_wrap .quick_btn3:hover .img_wrap {background-image: url('/images/main/quick_btn3_on.png');}

.quick_btn_wrap .quick_btn4 {width: 15%;}
.quick_btn_wrap .quick_btn4 .img_wrap {background-image: url('/images/main/quick_btn4_off.png');}
.quick_btn_wrap .quick_btn4:hover .img_wrap {background-image: url('/images/main/quick_btn4_on.png');}
.quick_btn_wrap .quick_btn4 .txt_wrap {font-size: 0.8em;}

.quick_btn_wrap .quick_btn5 {width: 15%;}
.quick_btn_wrap .quick_btn5 .img_wrap {background-image: url('/images/main/quick_btn5_off.png');}
.quick_btn_wrap .quick_btn5:hover .img_wrap {background-image: url('/images/main/quick_btn5_on.png');}

.quick_btn_wrap .quick_btn6 {width: 14%;}
.quick_btn_wrap .quick_btn6 .img_wrap {background-image: url('/images/main/quick_btn6_off.png');}
.quick_btn_wrap .quick_btn6:hover .img_wrap {background-image: url('/images/main/quick_btn6_on.png');}

.quick_btn_wrap .quick_btn:hover .img_wrap {-webkit-transform:rotateY(0deg); 	-ms-transform:rotateY(0deg); 	-moz-transform:rotateY(0deg); -o-transform:rotateY(0deg); transform:rotateY(0deg);}

.quick_btn_wrap .quick_btn:hover .txt_wrap {color: #28c6ff;}