@charset "UTF-8";

/*Font*/
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanumbarungothic.css');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');

/* 센터정렬시 페이지 이동 제한을 하기위해 강제스크롤 생성 */
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; height: 100%; } 

/*요소(element)여백 초기화 */
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,p,address,pre,cite,form,fieldset,input,textarea,select,table,th,td { margin:0; padding:0; }
body {font-family:"Nanum Gothic",'NanumGothicWeb','맑은 고딕', 'Malgun Gothic',"돋움", dotum, arial, sans-serif; color:#777777; font-size:0.75em; letter-spacing:-0.04em; margin:0; padding:0; line-height:1; }
select, input, textarea { font-family:"Nanum Gothic","돋움", dotum, arial, sans-serif; }


/*테두리 없애기 */
fieldset,img,abbr,acronym { border:0 none; }

/*목록*/
ol,ul { list-style:none; }

body, div,ul,li {font-family:"Nanum Gothic","맑은고딕","Malgun Gothic","돋움","Dotum", "굴림","Gulim",'Titillium Web',sans-serif; } /*서버에서 폰트를 불러올 때까지 문자열이 깨지는 것을 방지*/
a { color:#666; text-decoration:none; }
a:hover, a:focus { color:#000; text-decoration:none; }


/*수평선*/
hr { display:none; }
  
/*수직정렬*/
/*label,input,select,textarea,img { vertical-align:middle; }*/

/* 기본링크값 */
a { text-decoration:none; outline:none; select-dummy: expression(this.hideFocus=true); background-color:transparent; }
a:link, a:visited, a:active, a:hover, a:focus { text-decoration:none; }


/*****/
legend,caption {position:absolute; left: 0; top:-5000px; font-size:0; line-height:0; display:none;}

/*테이블 기본속성*/
table{border-collapse:collapse;border-spacing:0;}
table th,table td{vertical-align:middle}

dl,ul,ol,li {list-style:none;}


/* for IE haslayout */
* html div,* html h1,* html h2,* html h3,* html h4,* html h5,* html h6,* html ul,* html ol,* html dl,* html dt,* html dd,* html table,* html th,* html td,* html form,* html fieldset,* html legend { zoom:1; }

/* For modern browsers */
.clear:after { content:""; display:table; clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.clear { zoom:1; }


/*박스모델*/
* { -moz-box-sizing:border-box; box-sizing:border-box; }



/**************************
Page Layout
**************************/
/*
.wrap { position:absolute; width:100%; background:#fff; }
*/

#header { position:absolute; width:100%; min-width:1140px; z-index:9990; }
.top_area { position:relative; width:1140px; min-width:1140px; margin:0 auto; }
.login_name { position:absolute; right:12px; top:20px; font-family:'Noto Sans KR'; font-size:14px; font-weight:400; color:#969599; }
.gnb_area { position:relative; height:30px; top:40px; overflow:hidden; }
.gnb_rgt { position:absolute; right:0px; top:0px; z-index:5000; }
.gnb1 { display:inline-block; height:15px; line-height:15px; margin-right:12px; padding-left:16px; font-family:'Noto Sans KR'; font-size:14px; font-weight:400; color:#969599; }
.gnb2 { display:inline-block; height:15px; line-height:15px; margin-right:12px; padding-left:16px; font-family:'Noto Sans KR'; font-size:14px; font-weight:400; color:#969599; }
.gnb3 { display:inline-block; height:15px; line-height:15px; margin-right:12px; padding-left:16px; font-family:'Noto Sans KR'; font-size:14px; font-weight:400; color:#969599; }
.gnb4 { display:inline-block; height:15px; line-height:15px; margin-right:12px; padding-left:16px; font-family:'Noto Sans KR'; font-size:14px; font-weight:400; color:#969599; }
.gnb_rgt a:last-child span { border-left:#969599 1px solid; }

.myclass { margin:0;}
.myclass-2 {position:absolute; right:0; width:180px; height:39px; padding:7px 0; text-align:center; background:url(/image/common/myclass.png) no-repeat;}
.myclass-2 .classroom {font-size:19px; color:#FFFF00; font-weight:700;}
.lnb_area { position:relative; width:1140px; min-width:1140px; height:50px; top:-10px; }
.logo { position:absolute; left:0; top:0; z-index:999; }




/* all 메뉴*/
.all { position:absolute; top:0px; right:0; width:48px; height:49px; line-height:49px; padding:0; text-align:center; border-left:1px solid #D0D0D0; border-top:1px solid #D0D0D0; border-right:1px solid #D0D0D0; background:#F3F3F3; }


/* 서브메뉴(넓게 우측으로 멀티플한 리스팅 가능)*/
.lnb_area .cen {float:right; left:48px; width: 834px; margin-right:48px;}
.lnb_area ul {width: 834px; margin: 0; padding:0; z-index:999;}
/* 1차메뉴 사이즈 139px통합조절  */
.lnb_area .main > li {float:left; width:140px; height:50px; line-height:50px; text-align:center; position:relative; font-family:'Noto Sans KR'; font-size:18px; font-weight:400;}


/* 1차메뉴 각각사이즈 조절  */
/*.
lnb_area .main > li:nth-child(1) {width:154px;}
.lnb_area .main > li:nth-child(2) {width:200px;}
.lnb_area .main > li:nth-child(3) {width:200px;}
.lnb_area .main > li:nth-child(4) {width:154px;}
.lnb_area .main > li:nth-child(5) {width:120px;}
.lnb_area .main > li:nth-child(6) {width:120px;}
.lnb_area .main > li:hover .sub{display: block;}
*/


.lnb_area .main > li > a{display: block; color:#fff;}
.lnb_area .main > li a:hover{ color:#fff;}
.lnb_area .main > li:hover .menu2{display: block;}
.lnb_area .main > .on {}
.lnb_area .main > .on a {}
.lnb_area .menu2{position:absolute; left:0; display:none; z-index:999; background:#fff; border:#1f1e24 1px solid; padding-top:5px; }
.lnb_area .sub1{top:0; left: 0; float: left; width:140px; border:#fff 1px solid; }
.lnb_area .sub2{top:0; left: 0; float: left; width:140px; border:#fff 1px solid; }
.lnb_area .sub3{top:0; left: 0; float: left; width:140px; border:#fff 1px solid; }
.lnb_area .sub4{top:0; left: 0; float: left; width:140px; border:#fff 1px solid; }
.lnb_area .sub5{top:0; left: 0; float: left; width:140px; border:#fff 1px solid; }
.lnb_area .sub li:hover .sub-01{ display:block;}
.lnb_area .main .sub li a{color:#000;} 
.lnb_area .main .sub li a:hover span {border-bottom:#333 1px solid; padding-bottom:1px;}
.lnb_area .main .sub li a:hover{background-color: #fff;} 
.lnb_area .main .menu2 .sub-01 li { position:relative; text-align:left; line-height:21px; }
.lnb_area .main .sub li {padding:0 10px 5px 10px; background-color: #fff; font-size:14px; font-weight:normal; line-height:23px; text-align:left; overflow:hidden;}

.lnb_area .main > li:hover .menu2list{display: block;}
.lnb_area .menu2list{position:absolute; right:0; display: none;z-index:999; background-color:#fff;}
.lnb_area .main .menu2list .sub-01 li { position:relative; text-align:left; line-height:21px; }

.submenubg { position:relative; width:100%; min-width:1140px; height:120px; background:url(/image/lnb_bg.jpg) top center repeat; z-index:5; }

/* 서브메뉴(일반)*/

/*

#header .top_area {position:relative; width:100%; background-color:#5484d9;}
#header .top_area .menu1 {position:relative; width:1140px; height:50px; margin:0 auto; background-color:#5484d9; font:16px 'Nanum Gothic', sans-serif;}
#header .top_area .menu1 ul {width:1140px; font-size:17px; z-index:999;}
#header .top_area .menu1 .main > li {position:relative; float:left; width:155px; height:50px; line-height:50px; text-align:center; background-color:#5484d9; border-left:1px #7da2e3 solid;}

#header .top_area .menu1 .main > li:nth-child(1) {width:190px;}
#header .top_area .menu1 .main > li:nth-child(7) {width:175px; border-left:0; border:1px #e3e3e3 solid; background-color:#fff; color:#cc3467; font-weight:700;}
#header .top_area .menu1 .main > li:nth-child(7) a {padding-right:50px; color:#cc3467; background:url(/image/main/ico-arr.png) 120px  no-repeat;} 
#header .top_area .menu1 .main > li:nth-child(7) a:hover {background-color:#fff; color:#cc3467;} 

#header .top_area .menu1 .main > li:hover .sub {display:block;}
#header .top_area .menu1 .main > li a {display:block; color:#fff; padding:0 10px;}
#header .top_area .menu1 .main > li a:hover {color:#fff; background-color:#1c2856;}	
#header .top_area .menu1 .main .sub {position:absolute; top:50px; left:0; width:100%; font-size:14px; display:none;}
#header .top_area .menu1 .main .sub li {background-color:#5484d9; width:350px; height:35px; line-height:35px; text-align:left;}
#header .top_area .menu1 .main .sub li a:hover {background-color:#1c2856;}

#header .top_area .menu1 .main .sub .subbox2 {background-color:#5484d9; width:350px; text-align:left;}
#header .top_area .menu1 .main .sub .subbox6 {background-color:#5484d9; width:155px; text-align:left;}


*/





/* 서브메뉴(전체_스크립트메뉴_추후개발)*/







/* 메뉴하단 각 서브 탑 */
/*
.sub_area { position:relative; width:100%; height:175px; background:#9CDFFA; }
.sub_img { position:relative; width:1140px; margin:0 auto; }
*/
.sub_area { position:relative; width:100%; height:2px; border-top:1px solid #3E62A0; margin-bottom:40px;}







/* Contents */
#container {width:100%; min-width:1140px; margin:0 auto; padding:0; /*text-align:center;*/}
#container .page {margin: 0 auto; width:1140px;text-align:right; margin-top:20px; margin-bottom:20px;}
#container .page .page_on { color:#222; }
#container .cont{width:1140px; margin:0 auto; padding:40px 0; min-height:600px; padding:40px 0; font-size:1.167em; line-height:155%; color:#555; text-align:left;}
/*
.article { position:relative; width:100%; min-height:600px; margin:0 auto; text-align:center; }
.page_title { position:relative; margin-bottom:10px; font-size:3.000em; font-weight:400; color:#000; text-align:left;}
.page_title_smt { margin-bottom:40px; font-size:11px; font-weight:400; color:#999; text-align:center; }
.content { display:block; width:100%; min-height:600px; padding:40px 0; font-size:1.167em; line-height:155%; color:#555; margin:0 auto; text-align:center; }
*/







/* Footer */ 
#footer { position:relative; width:100%; min-width:1140px; background:#222732; }
#footer .inner {position:relative; width:1140px; margin:0 auto; overflow:hidden; }
#footer .inner .footer_address { position:relative; margin:35px 0 35px 110px; font-size:13px; color:#767980; line-height:22px; }
#footer .inner .footer_address span { margin-right:30px; }
.footer_mn { position:relative; width:100%; height:50px; background:#1b1f28;}
.footer_mn_box {position:relative; width:1140px; height:50px; line-height:50px; margin:0 auto; text-align:center;}
.footer_mn1 { height:13px; padding:0 35px; font-size:13px; font-weight:600; color:#767980; border-left:#3f3f3f 1px solid; }
.footer_mn1 a { color:#767980; }
.footer_mn1 a:hover { color:#ff6f30; }
.footer_mn1:first-child { border:0; }
.footer_logo { position:absolute; left:0; top:40px; }


/*스크롤 top*/
.scroll-top {display:none; position:fixed; bottom:30px; left:50%; margin-left:580px; z-index:100;}





/* Quick */
<!--.quick_area { position:fixed; top:0; right:0; width:80px; height:100%; z-index:999; }-->
.quick_mn1 {position: fixed; display:none; margin-top: 110px; text-align: center; font-size: 13px; line-height: 15px; top: 0; right: 0; z-index: 999;}
.quick_mn1 a { color:#fff; padding-top:50px; font-weight:600; }
.quick_mn1 a:hover { color:#ffff00; font-weight:600; padding-top:50px; }
.quick_mn1 .q1 { position:relative; display:block; width:80px; height:95px; background:url(/image/common/q1.jpg) no-repeat; }
.quick_mn1 .q2 { position:relative; display:block; width:80px; height:80px; background:url(/image/common/q2.jpg) no-repeat; }
.quick_mn1 .q3 { position:relative; display:block; width:80px; height:80px; background:url(/image/common/q3.jpg) no-repeat; }
.quick_mn1 .q4 { position:relative; display:block; width:80px; height:80px; background:url(/image/common/q4.jpg) no-repeat; }
.quick_mn1 .q5 { position:relative; display:block; width:80px; height:80px; background:url(/image/common/q5.jpg) no-repeat; }



/*visual rolling*/
.main_visual_area { position:relative; width:100%; background:#9CDFFA; z-index:50; }
.ui-carousel { position:relative; width:1140px; height:500px; margin:0; padding:0; overflow:auto; /*for ie7 to work e.g in html carousels*/ }
.ui-carousel .wrapper { width:9999px; margin:0; padding:0; }
.ui-carousel .wrapper * { float:left; display:block; width:1140px; height:500px; overflow:hidden; }
#main_visual { position:relative; display:block; width:1140px; height:500px; margin:0 auto; }
#carousel { display:block; width:1140px; height:500px; margin:0 auto; }
#ui-carousel-next, #ui-carousel-prev { position: absolute; width:52px; height:500px; background:url(/image/main/arrow_lft.png) center center no-repeat; display:block; top:0; z-index:999; }
#ui-carousel-next { right:0; background-image:url(/image/main/arrow_rgt.png); }
#ui-carousel-prev { left: 0; }
#ui-carousel-next span, #ui-carousel-prev span { display:none; }
.slide { margin:0; position:relative; }
#slide01 img { position: absolute; }
#slide02 img { position: absolute; }
#slide03 img { position: absolute; }
#slide04 img { position: absolute; }
#slide05 img { position: absolute; }
#pages { position:absolute;	width:150px; left:544px; top:460px; margin:0 auto; z-index:999; }
.bullet { float:left; display:block; width:13px; height:13px; margin:0; margin-right:5px; background:url(/image/main/page_off.png) center center no-repeat; }




.main_tit { width:100%; font-family:'Noto Sans KR'; font-size:58px; color:#333; font-weight:300; text-align:center; letter-spacing:-2px; margin:60px 0; }
.main_tit span { font-weight:600; }
.main_tit img {}


/*section1*/
.main_section1 { position:relative; width:100%; background:#f5f6fb; }
.main_section1 .inner { position:relative; width:1000px; top:-185px; margin:0 auto; font-size:0; }
.main_section1 .inner dd { position:relative; width:250px; height:225px; display:inline-block; font-family:'Noto Sans KR'; font-size:18px; color:#fff; font-weight:200; line-height:28px; padding:40px; cursor:pointer; }
.main_section1 .inner dd span { font-size:22px; color:#fff; font-weight:600; }
.main_section1 .inner dd .icon0 { position:absolute; top:38px; left:25px; }
.main_section1 .inner dd .icon1 { position:absolute; right:40px; bottom:40px; }
.main_section1 .inner dd:nth-child(1) { top:0px; background:#2d2a32; }
.main_section1 .inner dd:nth-child(2) { top:110px; background:#3c302d; }
.main_section1 .inner dd:nth-child(3) { top:40px; background:#444; }
.main_section1 .inner dd:nth-child(4) { top:110px; background:#ff6f30; }

/*section2*/
.main_section2 { position:relative; width:100%; background:#f5f6fb; padding-bottom:90px; }
.main_section2 .inner { position:relative; width:1140px; margin:0 auto; }
.main_section2 .inner .main_tit { margin-top:0px; }


.main_section2 .inner .box_wrap { position:relative; display:table-cell; vertical-align:middle; }
.main_section2 .inner .box { position:relative; width:310px; height:290px; margin:0 auto; }
.main_section2 .inner .box .tit { position:relative; width:100%; height:55px; font-family:'Noto Sans KR'; font-size:24px; color:#333; margin-bottom:25px; }
.main_section2 .inner .box .text { position:relative; width:100%; height:165px; border-bottom:#333 1px solid; font-family:'Noto Sans KR'; font-size:18px; color:#666; font-weight:200; line-height:27px; margin-bottom:20px; }
.main_section2 .inner .box .text a { position:absolute; right:0; bottom:15px; text-align:right; font-size:14px; color:#888; }
.main_section2 .inner .box .namedate { position:relative; width:100%; height:15px; font-family:'Noto Sans KR'; font-size:13px; color:#616161; letter-spacing:-1px; }
.main_section2 .inner .box .namedate .name { position:relative; display:inline-block; padding-right:10px; border-right:#d4d4d4 1px solid; }
.main_section2 .inner .box .namedate .date { position:relative; display:inline-block; padding-left:10px; }

.carousel-container {
  position:relative;
  width:1140px;
}
#carousel {
  height:430px;
  width:1140px;
  position:relative;
}
.carousel-feature {  display:table;
  position:absolute;
  top:-1000px;
  left:-1000px;
  border:2px solid #ff6f30;
  background:#fff;
  cursor:pointer;
}
.carousel-image { display:none; }
.tracker-summation-container { display:none;
  position:absolute;
  color:white;
  right:0px;
  top:230px;
  padding:0px;
  margin:0px;
}
.tracker-individual-container { display:none;
  position:absolute;
  color:white;
  right:0px;
  top:210px;
  padding:0;
  margin:0;
}
.tracker-individual-container li {display:none;
  list-style:none;
}
.tracker-individual-container .tracker-individual-blip {display:none;
  margin:0;
  padding:0;
  color:white;
  text-align:center;
}
.tracker-individual-container .tracker-individual-blip-selected {display:none;
  color:white;
  font-weight:bold;
}
#carousel-left {
  position:absolute;
  bottom:0px;
  right:50px;
  cursor:pointer;
}
#carousel-right {
  position:absolute;
  bottom:0px;
  right:10px;
  cursor:pointer;
}


/*section3*/
.main_section3 { position:relative; width:100%; padding:20px 0 80px 0; }
.main_section3 .inner { position:relative; width:1140px; height:520px; margin:0 auto; overflow:hidden; }
.main_section3 .inner .slider .item { position:relative; width:360px; height:280px; float:left; cursor:pointer; margin:0 10px; }
.main_section3 .inner .slider .item .bor { position:absolute; display:block; width:360px; height:280px; border:#888 1px solid; z-index:20; }
.main_section3 .inner .slider .item .bor .icon { display:none; }
.main_section3 .inner .slider .item:hover .bor { position:absolute; display:block; width:360px; height:280px; border:#ff6f30 2px solid; z-index:20; }
.main_section3 .inner .slider .item:hover .bor .icon { display:block; width:30px; height:30px; background:#ff6f30; text-align:center; }
.main_section3 .inner .slider .item:hover .bor .icon img { margin-top:7px; }
.main_section3 .inner .slider .item .text { position:absolute; z-index:40; top:45px; left:20px; }
.main_section3 .inner .slider .item .text .text1 { font-size:16px; color:#fff; width:350px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.main_section3 .inner .slider .item .text .text2 { font-size:18px; color:#fff; font-weight:600; margin:10px 0 5px 0; width:350px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.main_section3 .inner .slider .item .text .text3 { font-size:12px; color:#fff; line-height:14px; width:350px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.main_section3 .inner .slider .item .img { position:relative; width:360px; height:205px; background:#000; z-index:10; }
.main_section3 .inner .slider .item .img img { opacity: 0.5; }
.main_section3 .inner .slider .item .play { position:absolute; width:100%; height:100%; text-align:center; z-index:30; }
.main_section3 .inner .slider .item .play img { opacity:1; margin-top:85px; }
.main_section3 .inner .slider .item .title { position:relative; width:calc(100% - 160px); height:75px; line-height:75px; font-family:'Noto Sans KR'; font-size:24px; color:#333; text-align:left; margin:0 140px 0 20px; }
.main_section3 .inner .slider .item .title span { position:absolute; font-family:'Noto Sans KR'; font-size:14px; color:#888; right:-100px; text-align:right; }
    
.slick-slider {    
	position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list .dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-initialized .slick-slide { display: block; }
.slick-slide { transition: all ease-in-out .3s; }



/*section4*/
.main_section4 { position:relative; width:100%; background:url(/image/main_section4_bg.jpg) no-repeat; background-size:cover; }
.main_section4 .inner { position:relative; width:1140px; height:430px; margin:0 auto; text-align:center; overflow:hidden; }
.main_section4 .inner .text1 { position:relative; font-family:'Noto Sans KR'; font-size:40px; color:#fff; font-weight:200; letter-spacing:-1px; line-height:50px; margin:70px 0 40px 0; z-index:20; }
.main_section4 .inner .text1 span {  font-weight:400; }
.main_section4 .inner .bar { position:absolute; width:460px; height:10px; background:#c45e32; border-radius:5px; left:400px; top:160px; z-index:10; }
.main_section4 .inner .text2 { position:relative; font-family:'Noto Sans KR'; font-size:20px; color:#aaa; font-weight:200; line-height:30px; margin-bottom:45px; }
.main_section4 .inner a { position:relative; display:block; margin:0 auto; width:250px; height:56px; font-family:'Noto Sans KR'; font-size:18px; font-weight:400; color:#fff; text-align:center; line-height:54px; background:#ff6f30; border:#ff6f30 1px solid; }
.main_section4 .inner a:hover { color:#ff6f30; background:#fff; border:#ff6f30 1px solid; }


/*section5*/
.main_section5 { position:relative; width:100%; }
.main_section5 .inner { position:relative; width:1140px; height:680px; margin:0 auto; overflow:hidden; }

.main_section5 .inner .box1 { position:absolute; left:0; top:190px; width:592px; height:130px; background:url(/image/main_section5_box1_bg.jpg) top center no-repeat; }
.main_section5 .inner .box1:hover { background:url(/image/main_section5_box1_bg_ov.jpg) top center no-repeat; }
.main_section5 .inner .box1 dl { width:420px; height:100px; margin:15px 15px 15px 60px; direction:rtl; overflow-y:scroll; }
.main_section5 .inner .box1 dl dt { width:140px; height:32px; line-height:32px; float:left; text-align:left; margin-left:50px; font-size:18px; font-family:'Noto Sans KR'; color:#939393; }
.main_section5 .inner .box1 dl dd { width:190px; height:32px; line-height:32px; float:left; text-align:left; font-family:'Noto Sans KR'; font-size:18px; color:#939393; }
.main_section5 .inner .box1:hover dl dt,.main_section5 .inner .box1:hover dl dd { color:#333; }
.main_section5 .inner .box1 dl::-webkit-scrollbar { width:5px; }
.main_section5 .inner .box1 dl::-webkit-scrollbar-thumb { background-color:#c3c3c3; border-radius:5px;  background-clip:padding-box; border-radius:3px; }
.main_section5 .inner .box1 dl::-webkit-scrollbar-track { }

.main_section5 .inner .box2 { position:absolute; right:-15px; top:320px; width:592px; height:130px; background:url(/image/main_section5_box2_bg.jpg) top center no-repeat; }
.main_section5 .inner .box2:hover { background:url(/image/main_section5_box2_bg_ov.jpg) top center no-repeat; }
.main_section5 .inner .box2 dl { width:440px; height:100px; margin:15px 15px 15px 90px; overflow-y:scroll; }
.main_section5 .inner .box2 dl dt { width:140px; height:32px; line-height:32px; float:left; text-align:left; margin-left:60px; font-size:18px; font-family:'Noto Sans KR'; color:#939393; }
.main_section5 .inner .box2 dl dd { width:190px; height:32px; line-height:32px; float:left; text-align:left; font-family:'Noto Sans KR'; font-size:18px; color:#939393; }
.main_section5 .inner .box2:hover dl dt,.main_section5 .inner .box2:hover dl dd { color:#333; }
.main_section5 .inner .box2 dl::-webkit-scrollbar { width:5px; }
.main_section5 .inner .box2 dl::-webkit-scrollbar-thumb { background-color:#c3c3c3; border-radius:5px;  background-clip:padding-box; border-radius:3px; }
.main_section5 .inner .box2 dl::-webkit-scrollbar-track { }

.main_section5 .inner .box3 { position:absolute; left:0; top:450px; width:592px; height:130px; background:url(/image/main_section5_box3_bg.jpg) top center no-repeat; }
.main_section5 .inner .box3:hover { background:url(/image/main_section5_box3_bg_ov.jpg) top center no-repeat; }
.main_section5 .inner .box3 dl { width:420px; height:100px; margin:15px 15px 15px 60px; direction:rtl; overflow-y:scroll; }
.main_section5 .inner .box3 dl dt { width:140px; height:32px; line-height:32px; float:left; text-align:left; margin-left:50px; font-size:18px; font-family:'Noto Sans KR'; color:#939393; }
.main_section5 .inner .box3 dl dd { width:190px; height:32px; line-height:32px; float:left; text-align:left; font-family:'Noto Sans KR'; font-size:18px; color:#939393; }
.main_section5 .inner .box3:hover dl dt,.main_section5 .inner .box3:hover dl dd { color:#333; }
.main_section5 .inner .box3 dl::-webkit-scrollbar { width:5px; }
.main_section5 .inner .box3 dl::-webkit-scrollbar-thumb { background-color:#c3c3c3; border-radius:5px;  background-clip:padding-box; border-radius:3px; }
.main_section5 .inner .box3 dl::-webkit-scrollbar-track { }

/*section6*/
.main_section6 { position:relative; width:100%; background:#f5f6fb; padding:60px 0; }
.main_section6 .inner { position:relative; width:1140px; margin:0 auto; overflow:hidden; }
.main_section6 .inner .notice { position:relative; width:500px; height:210px; padding:30px; display:inline-block; background:#fff; float:left; margin:0 35px; }
.main_section6 .inner .notice dt { position:relative; width:100%; height:30px; font-family:'Noto Sans KR'; font-size:24px; color:#333; line-height:30px; letter-spacing:-1px; margin-bottom:20px; }
.main_section6 .inner .notice dt a { position:absolute; top:0; right:0; }
.main_section6 .inner .notice dd { width:100%; height:55px; font-size:16px; color:#616161; line-height:55px; border-bottom:#d3d3d3 1px solid; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.main_section6 .inner .notice dd:last-child { border:0; }
.main_section6 .inner .notice dd a { font-size:16px; color:#616161; }
.main_section6 .inner .notice dd a:hover { color:#000; }
.main_section6 .inner .notice dd span { position:relative; display:inline-block; height:30px; line-height:26px; border:#ff6f30 2px solid; padding:0 15px; border-radius:15px;  font-family:'Noto Sans KR'; font-size:16px; color:#333; margin-right:10px; }
.main_section6 .inner .customer { position:relative; width:500px; height:210px; padding:30px; display:inline-block; background:#fff; float:left; margin:0 35px; }
.main_section6 .inner .customer dt { position:relative; width:100%; height:30px; font-family:'Noto Sans KR'; font-size:24px; color:#333; letter-spacing:-1px; line-height:30px; }
.main_section6 .inner .customer dd { position:relative; width:100%; font-family:'Noto Sans KR'; font-size:16px; color:#616161; font-weight:200; margin:25px 0 20px 0; }
.main_section6 .inner .customer div { position:relative; width:100%; height:40px; font-family:'Noto Sans KR'; font-size:40px; color:#ff8e33; font-weight:600; line-height:40px; }
.main_section6 .inner .customer div img { margin:-5px 15px 0 0; vertical-align:middle; }

@media all and (max-width:1315px) {
.quick_area{ display:none;}

}