@charset "utf-8";

.clearfix::before, .clearfix::after, .cfx_list ul li::before, .cfx_list ul li::after {display: table;content: "";clear: both;}


/*상단*/
#hd {width:100%;min-width:1200px;}
#hd .inner {position:relative;min-width:1200px;}
#hd h1 {text-algin:left;height:80px;;line-height: 80px;}
#hd .list {position:absolute;right:-8px;top:25px;}
#hd .list a {font-size:14px;font-weight: 300;display:inline-block;margin:0 8px;}
#hd .list a.type1 {color:#f7a31d;font-weight: 400;}


/*상단메뉴*/
#gnb {position:relative;min-width:1200px;}
.gnb_area {background:#0063a4;position: relative;min-width:1200px;}
.gnb ul li {float:left;width:198.8333px;border-right:1px solid #1f567b;} 
.gnb ul li:nth-child(1){border-left:1px solid #1f567b;}
.gnb ul li a {display:block;height:55px;line-height:55px;text-align:center;color:#fff;font-size:18px;}
.gnb ul li a:hover {background:#363989;}

.snb  {background: #fff;position: absolute;top: 55px;left: 0;right: 0;    z-index: 999;
    height: 300px;box-shadow: 0px 10px 10px 0 rgba(0,0,0,0.1);}
.snb ul {float:left;width:198.8333px;padding:5px 0;height:300px;border-left:1px solid #ededed;}
.snb ul:last-child {border-right:1px solid #ededed;}
.snb ul li a {display:block;padding:8px 0;text-align:center;color:#000;font-size:16px;font-weight: 300;}
.snb ul li a:hover {font-weight:600;color:#ff8400;}

/*비주얼*/
#main_visual .slick-dots {bottom:20px;}
#main_visual .slick-dots li {margin:0 6px;}
#main_visual .slick-dots li button {background:rgba(0,0,0,0.6);border-radius: 50%;}
#main_visual .slick-dots li.slick-active button {background:#fff;}


/*국비지원교육과정*/
#main_1 {background:#eef5f8;padding:60px 0 40px; }
#main_1 .inner {position:relative;}
#main_1 .tit {position:relative;margin-bottom: 25px;}
#main_1 h2 {font-size:22px;font-weight:500;letter-spacing: -1.5px;}
#main_1 a.main_more {display:block;position:absolute;right:0;top:0;width:100px;background:#fff;border-radius: 17px;border:1px solid #c6c6c6;text-align:center;height:38px;line-height:37px;font-weight: 300;font-size:14px;color:#000;}
#main_1 .box {background:#fff;box-shadow:4px 6px 6px 0px #e2e2e2;width:275px;}
#main_1 .box .img {position: relative;}
#main_1 .box .img .lbl {width:88px;height:45px;line-height:45px;color:#fff;text-align:center;background:#30317e;font-weight: 300;fon-size:16px;position:absolute;top:0;left:0;} 
#main_1 .box .img .lb2 {width:88px;height:45px;line-height:45px;color:#fff;text-align:center;background:#cd1800;font-weight: 300;fon-size:16px;position:absolute;top:0;left:0;} 
#main_1 .box .img .lb3 {width:88px;height:45px;line-height:45px;color:#fff;text-align:center;background:#df6105;font-weight: 300;fon-size:16px;position:absolute;top:0;left:0;} 
#main_1 .box .img .lb4 {width:88px;height:45px;line-height:45px;color:#fff;text-align:center;background:#5e5d5e;font-weight: 300;fon-size:16px;position:absolute;top:0;left:0;} 
#main_1 .box .txt_area {padding:25px 23px 30px }
#main_1 .box .txt_area h3 {font-size: 20px; min-height:90px;
    font-weight: 500;
    color: #e66700;margin-bottom:18px;
    line-height: 1.4;
	
	word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
	
	}
#main_1 .box .txt_area dl {margin-bottom:4px}
#main_1 .box .txt_area dl dt {display:inline-block;width:65px;font-size:16px;font-weight: 500}
#main_1 .box .txt_area dl dd {display:inline-block;font-size:16px;font-weight: 300}
#main_1 .slick-list {margin-right:-25px;}

#main_1 .slick-arrow {background:none;font-size:0;border:none;position:absolute;top:40px;width:62px;height:62px;background-repeat: no-repeat;z-index: 9;top:42%;}

#main_1 .slick-next {background-image: url(../images/main/main1_ar2.png);right:-90px;}
#main_1 .slick-prev {background-image: url(../images/main/main1_ar1.png);left:-90px}


/*기업교육*/
#main_2 {padding:43px 0 65px;}
#main_2 h2 {font-size:22px;font-weight:500;letter-spacing: -1.5px;margin-bottom:20px} 
#main_2 .left {float:left;width:65%;}
#main_2 .left .box {width:170px;background-size:100%;background-repeat: no-repeat;float:left;margin-right:20px}
#main_2 .left .box.type4 {margin-right:0;}
#main_2 .left .box a {display:block;color:#fff;text-align:center;width:100%;height:260px;padding-top:40px;}
#main_2 .left .box.type1 {background-image:url(../images/main/main2_bg1.jpg);}
#main_2 .left .box.type2 {background-image:url(../images/main/main2_bg2.jpg);}
#main_2 .left .box.type3 {background-image:url(../images/main/main2_bg3.jpg);}
#main_2 .left .box.type4 {background-image:url(../images/main/main2_bg4.jpg);}
#main_2 .left .box a h3 {font-size:22px;line-height: 1.3;
    height: 56px; font-weight: 400;line-height: 1.3;margin-bottom:40px;} 
#main_2 .left .box.type1 a h3 {line-height:56px;}

#main_2 .right {float:right;width:400px;border-bottom:2px solid #b6b6b6;} 
#main_2 .right .img {background:url(../images/main/main2_map.jpg) no-repeat;background-size:100%;height:181px;position: relative;}
#main_2 .right .img h3 {color:#fff;padding:30px 0 0 30px;font-size:26px;font-weight:500;} 
#main_2 .right .img h3 img {margin-right:10px;}
#main_2 .right .img a {background:#000;color:#fff200;font-size:16px;font-weight:300;width:195px;height:40px;line-height: 40px;display:block;text-align:center;position: absolute;right:0;bottom:0;}
#main_2 .right .img a span {margin-left:10px;}
#main_2 .right .txt {padding:20px;}
#main_2 .right .txt dt {float:left;font-size:18px;font-weight: 500;line-height: 1;}
#main_2 .right .txt dt img {margin-right:15px;line-height: 1;}
#main_2 .right .txt dd {line-height: 1;font-size:26px;color:#ee8100;font-weight: 600;float:right;}

/*협약기관*/
#main_3 {padding:30px 0 20px;background:#f1f1f1;}
#main_3 h2 {font-size:22px;font-weight:500;letter-spacing: -1.5px;margin-bottom:20px} 
#main_3 .clearfix {margin:0 -6.5px;}
#main_3 .clearfix ul li {float:left;width:14.266%;padding:0 6.5px}


/*하단공통*/
#tail {padding:30px 0 40px;}
#tail .link {margin-bottom:23px}
#tail .link ul li {display:inline-block;}
#tail .link ul li:after {width: 1px;
    height: 12px;
    display: inline-block;
    margin: 0 11px 0 15px;
    background: #e8e7e7;
    content: "";}
#tail .link ul li.type1:after {display:none;}
#tail .link ul li a {font-size:16px;} 
#tail .link ul li.type1 a {color:#e66700;font-weight: 500;} 
#tail .copy {font-weight: 300;font-size:14px;line-height: 1.7;}
#tail .copy b {font-weight: 500;}
#tail .copy p {margin-top:15px}

/*퀵바*/
#q_bar {width:100px;background:#feb934;text-align:center;position:fixed;right:0;top:15%;z-index: 9999;border-radius:20px 0 0 20px;box-shadow:-1px 2px 7px 2px rgba(0,0,0,0.3);}
#q_bar .tit {letter-spacing: 0;font-weight:300; color:#fff;width:100%;background:#e67d00;font-size:14px;border-top-left-radius: 20px;height:40px;line-height: 40px;}
#q_bar ul li {border-bottom:1px solid #d99938;} 
#q_bar ul li.lst {border-bottom-left-radius: 20px;border-bottom:none;}
#q_bar ul li img {display:block;margin:0 auto 3px;}
#q_bar ul li a {font-weight: 300;font-size:14px;display:block;padding:15px 0;}


.inpst select {padding-left:10px;width:180px;height:40px;border:1px solid #ccc;background:#fff;vertical-align:top;}