@charset "utf-8";

/******************** main_visual ********************/
/* main_visual */
#main_visual {position:relative;}
.main_visual {position:relative; overflow:hidden; width:100%; min-width:1280px; height:900px}
.main_picture {position:absolute; top:0; left:0; z-index:10; width:100%; min-width:1000px; vertical-align:top;}
.picture2 {display:none;}
.current {position:absolute; top:0; left:0; width:100%; height:auto; min-height:900px;}
/* main_text */
.main_text {position:relative; top:385px; left:0; z-index:100; width: 1280px; margin:0 auto;}
.main_text p {color:#fff; font-size:20px; text-align: center; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
.main_text p:first-child {font-size: 70px; font-weight: bold; letter-spacing: -5px;}
.main_text p:nth-child(2) {font-size: 40px; font-weight: bold; letter-spacing: -3px;}
/* main_dot */
.main_dot {position:absolute; bottom:70px; left:50%; z-index:200; overflow:hidden; width:1280px; text-align:center; transform: translate(-50%, 0);}
.main_dot a {overflow:hidden; display:inline-block; margin:0 2px 0 0; width:10px; height:10px; border-radius:10px; background:#fff; text-align: left; text-indent:-999999px; line-height:1;}
.main_dot a.dot_first {margin-left:29px;}
.main_dot a.dot.dot_on {width:44px !important; height:10px !important; background:#3b6cc1;}







/******************** main_contents ********************/
/***** main_layout *****/
#main_contents {position:relative; z-index:200; width:100%; min-width:1280px;}

/* quick_service */
.quick_service_wrap {background: url("../image/main/quick_service_bg.png") 0 100% no-repeat;}
.quick_service {position:relative; width:1280px; margin:0 auto; padding:80px 0 70px; }
.quick_service .tit {position:absolute; left:0; top:80px; width:400px;}
.quick_service .tit p {letter-spacing: -1px;}
.quick_service .tit h2 {font-size:34px; color: #000; font-family: Arial, Helvetica, sans-serif;}
.quick_service .tit h2 span {display: inline-block; width:8px; height:8px; margin-left: 2px; border-radius: 10px; background:#3b6cc1;}
.quick_service ul {width:880px; height:200px; margin-left:400px;}
.quick_service li {float:left; width:280px; margin:0 20px 20px 0; font-size:18px; font-weight:bold; letter-spacing: -0.75px; line-height:1;}
.quick_service li span {display:block; margin-top:15px; font-size:14px; font-weight:normal; letter-spacing: 0; opacity: 0.8;}
.quick_service li:nth-child(3n+3) {margin-right:0;}
.quick_service li a:hover, .quick_service li a:active, .quick_service li a:focus {background-color: #3b6cc1; border-color: #2e579d; color:#fff; box-shadow: 5px 5px 10px rgba(0,0,0,0.2); transition: 0.3s;}
.quick_service li a {display:block; padding:30px; border:1px solid #eeeff2; border-radius: 10px; color:#111; transition: 0.3s;}
.quick_service li.ic01 a {background:#f4f5f7 url("../image/main/quick_service01.png") 90% 50% no-repeat;}
.quick_service li.ic02 a {background:#f4f5f7 url("../image/main/quick_service02.png") 90% 50% no-repeat;}
.quick_service li.ic03 a {background:#f4f5f7 url("../image/main/quick_service03.png") 90% 50% no-repeat;}
.quick_service li.ic04 a {background:#f4f5f7 url("../image/main/quick_service04.png") 90% 50% no-repeat;}
.quick_service li.ic05 a {background:#f4f5f7 url("../image/main/quick_service05.png") 90% 50% no-repeat;}
.quick_service li.ic01 a:hover, .quick_service li.ic01 a:focus {background:#3b6cc1 url("../image/main/quick_service01_on.png") 90% 50% no-repeat;}
.quick_service li.ic02 a:hover, .quick_service li.ic02 a:focus {background:#3b6cc1 url("../image/main/quick_service02_on.png") 90% 50% no-repeat;}
.quick_service li.ic03 a:hover, .quick_service li.ic03 a:focus {background:#3b6cc1 url("../image/main/quick_service03_on.png") 90% 50% no-repeat;}
.quick_service li.ic04 a:hover, .quick_service li.ic04 a:focus {background:#3b6cc1 url("../image/main/quick_service04_on.png") 90% 50% no-repeat;}
.quick_service li.ic05 a:hover, .quick_service li.ic05 a:focus {background:#3b6cc1 url("../image/main/quick_service05_on.png") 90% 50% no-repeat;}



/* 게시판영역 */
.main_board_wrap {position:relative; padding:90px 0 120px; background:url("../image/main/notice_bg.jpg") 50% 0 no-repeat; background-size: cover; box-sizing: border-box;}
.main_board {overflow:hidden; width:1280px; margin:0 auto;}
.main_board .tit {margin-bottom:30px;}
.main_board .tit p {letter-spacing: -1px;}
.main_board .tit h2 {font-size:30px; color: #000; font-family: Arial, Helvetica, sans-serif; line-height: 1.3;}
.main_board .tit h2 span {display: inline-block; width:8px; height:8px; margin-left: 2px; border-radius: 10px; background:#3b6cc1;}
.main_board .more {position:absolute; top:0; right:-9px; display:block; overflow:hidden; width:39px; height:39px; text-indent:-99999px; background:url("../image/main/more02.png") 50% 50% no-repeat;}
/* 논문자료실 */
.main_thesis {position:relative; float:left; width:660px;}
.main_thesis > ul {position:relative; border-top:3px solid #111;}
.main_thesis > ul >li {color:#555;}
.main_thesis ul li h2 {cursor: pointer; margin-top:6px; font-size:18px; font-weight: normal; letter-spacing: -1px; padding-right:20px; margin-right:20px; background:url("../image/main/notice_line.gif") 100% 50% no-repeat; line-height:1;}
.main_thesis ul li:last-child h2 {padding-right:0; margin-right:0; background: none;}
.main_thesis ul li h2 span {display:none;}
.main_thesis ul li.on h2 {margin-top:0; font-size:28px; font-weight: bold; letter-spacing:-2px; color:#222;}
.main_thesis ul li.on h2 span {display:block; width:100%; height:10px; margin-top:-5px; background:#d9e3f3;}
.main_thesis .board_list {width:100%; color:#000;}
.main_thesis .board_list li {margin:0;border-bottom:1px solid #ddd; color:#000; box-sizing: border-box;}
.main_thesis .board_list li a:hover {background-color: #edeef0;}
.main_thesis .board_list li a:hover .subject {color:#3b6cc1;}
.main_thesis .board_list li a:hover .date, .main_notice .board_list li a:hover .name {color:#000;}
/* 공지사항 */
.main_notice {float:left; width:660px; height:285px; margin-top:70px;}
.main_notice ul li .more {position:absolute; top:0; right:0; display:block; overflow:hidden; width:39px; height:39px; text-indent:-99999px; background:url("../image/main/more02.png") 50% 50% no-repeat;}
.main_notice > ul {position:relative;}
.main_notice > ul >li {float:left; color:#555;}
.main_notice ul li h2 {cursor: pointer; margin-top:6px; font-size:18px; font-weight: normal; letter-spacing: -1px; padding-right:20px; margin-right:20px; background:url("../image/main/notice_line.gif") 100% 50% no-repeat; line-height:1;}
.main_notice ul li:last-child h2 {padding-right:0; margin-right:0; background: none;}
.main_notice ul li h2 span {display:none;}
.main_notice ul li.on h2 {margin-top:0; font-size:28px; font-weight: bold; letter-spacing:-2px; color:#222;}
.main_notice ul li.on h2 span {display:block; width:100%; height:10px; margin-top:-5px; background:#d9e3f3;}
.main_notice ul li.on .board_list, .main_notice ul li.on .more {display:block}
.main_notice ul li .board_list, .main_notice ul li .more {display:none}
.main_notice .board_list {position:absolute; left:0; top:70px; width:100%; color:#000; border-top:3px solid #111;}
.main_notice .board_list li {margin:0;border-bottom:1px solid #ddd; color:#000; box-sizing: border-box;}
.main_notice .board_list li a:hover {background-color: #edeef0;}
.main_notice .board_list li a:hover .subject {color:#3b6cc1;}
.main_notice .board_list li a:hover .date, .main_notice .board_list li a:hover .name {color:#000;}
/* 보도자료 */
.main_board .board_list.news .name {left:7px;}
.main_board .board_list.news .subject {margin-left:130px;}
/* 추출게시판공통 */
.main_board .board_list li a {display:block; position:relative; padding:18px 15px; background:#f4f6f7;}
.main_board .board_list .subject {display:block; color:#000; font-size:17px; letter-spacing:-.5px; line-height: 1.7; overflow: hidden; width:80%; white-space: nowrap; text-overflow : ellipsis;}
.main_board .board_list .comment {display: none;}
.main_board .board_list .date, .main_board .board_list .name {position:absolute; right:15px; top:28px; display:block; font-size:15px; color:#777; line-height: 1;}
/* 지능정보융합과 미래교육, 행사포토 */
.main_future, .main_photo {float:left; position:relative; width:530px; margin-left:90px;}
.main_future li , .main_photo li {float:left;}
.main_future li:last-child, .main_photo li:last-child {margin-right:0;}
.main_future li div img, .main_photo li div img {height:100%; position:relative; left:50%; transform: translate(-50%, 0);}
.main_future li span, .main_photo li span {display:block; margin-top:18px; text-align: justify; letter-spacing: -0.5px; line-height: 1.3; overflow: hidden; width:100%; white-space: nowrap; text-overflow : ellipsis;}

.main_future li {width:160px; margin-right:25px;}
.main_future li div {overflow:hidden; height:228px; border-radius: 10px;}
.main_future li span {text-align: center;}

.main_photo {margin-top:70px;}
.main_photo li {width:250px; margin-right:30px;}
.main_photo li div {overflow:hidden; height:166px; border-radius: 10px;}
.main_photo li div img {min-width:100%;}


/* main_program */
.main_program_wrap {overflow:auto; position:relative; padding:85px 0 90px; background:url("../image/main/program_bg.png") 100% 0 no-repeat; border-bottom:1px solid #d7dde2;}
.main_program {z-index:10; position:relative; width:1280px; margin:0 auto;}
.main_program .tit {margin-bottom:40px;}
.main_program .tit p {letter-spacing: -1px;}
.main_program .tit h2 {font-size:36px; color: #000; font-family: Arial, Helvetica, sans-serif;}
.main_program .tit h2 span {display: inline-block; width:8px; height:8px; margin-left: 2px; border-radius: 10px; background:#3b6cc1;}
.main_program .more {position:absolute; top:0; right:0; display:block; overflow:hidden; text-indent:-99999px; background:url("../image/main/more02.png") 50% 50% no-repeat;}
.main_program .more a {display: block; width:48px; height:48px;}
.main_program_tit {display:none;}
.main_program_list {}
.main_program_list li {position:relative; float:left; width:30.6%; min-height:614px; margin-right:4%;}
.main_program_list li:last-child {margin-right:0;}
.main_program_list li a {display:block; min-height:614px;border:1px solid #ddd; border-radius: 30px; box-sizing: border-box;}
.main_program_list li .pic {overflow:hidden; height:387px; background:#ddd url("../image/content/program_logo.png") 50% 50% no-repeat; border-radius: 30px 30px 0 0;}
.main_program_list li .pic img {width:100%; height:100%;}
.main_program_list li .txt {padding:35px; border-top:1px solid #ddd;}
.main_program_list li .list_more {position:absolute; top:365px; right:-10px; width:132px; height:44px; line-height:44px; padding:0 20px; background:#3b6cc1 url("../image/main/pop_next.png") 83% 50% no-repeat; background-size:6.5% auto; border-radius: 10px; font-size:13px; color:#fff; box-sizing: border-box ;}
/* line */
.main_program_list li .line_box {position:absolute; z-index:95; display:block; top:0; left:0; right:0; bottom:0; height:614px; border-radius: 30px; opacity: 0; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); box-sizing: border-box; transition: 0.3s;}
.main_program_list li:hover .line_box {display:block; border:2px solid #3b6cc1; opacity:1; transition: 0.3s;}
/* apply_btn */
.main_program_list .applybtn {display:inline-block; margin-right:5px; border-radius: 3px; font-weight:bold; font-size:17px; /*color:#fff;*/ text-align:center; line-height: 1;}
.main_program_list .color2 {color:#3b6cc1;} /*접수중*/
.main_program_list .color3 {color:#00a896;} /*예정*/
.main_program_list .color4 {color:#aeaeae;} /*마감*/
.main_program_list .color5 {color:#f58a00;} /*대기접수중*/
/* apply_con */
.main_program_list .apply_name {height:55px; margin:0 0 15px; padding:0; font-size:18px; font-weight:normal; color:#111; letter-spacing:-.5px;}
.main_program_list .apply_apply {color:#3b6cc1 !important;}
.main_program_list .apply_waiting {color:#f58a00 !important;}
.main_program_list .apply_info {overflow:hidden; margin:0; text-align:left; font-size:14px;}
.main_program_list .apply_info dt {clear:both; float:left; margin-right:10px; padding-right:10px; background:url("../image/main/program_line.gif") 100% 50% no-repeat; color:#222; font-weight:bold; letter-spacing: -1px;}
.main_program_list .apply_info dd {float:left; width:73%; color:#777; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}



/* main_banner */
.main_banner {overflow:hidden; position:relative; width:1280px; min-width:1280px; margin:0 auto;}
.main_banner ul {overflow:hidden;}
.main_banner li {float:left; padding:0 30px; height:90px; box-sizing: border-box;}
.main_banner li:first-child {padding-left:0;}
.main_banner li img {width: 100%; padding:22.5px 0;}
.main_banner li a {display:block; text-align:center; color:#222; line-height: 0;}
.main_banner .more {position:absolute; top:0; right:0; display:block; overflow:hidden; border-left:1px solid #d7dde2; border-right:1px solid #d7dde2; text-indent:-99999px; background:url("../image/main/more02.png") 50% 50% no-repeat;}
.main_banner .more a {display: block; width:90px; height:90px;}