@charset "utf-8";
/* CSS Document */

#con .main_visual {position:relative;width:100%;}
#con .main_visual .slogan {z-index:1000;position:absolute;top:50%;left:0;margin-top:-112px;width:100%;text-align:center;overflow:hidden;}
#con .main_visual .slogan p {width:1080px;height:215px;background-color:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.35);color:#fcce16;font-size:60px;margin:0 auto;line-height:80px;padding-top:20px;font-weight: bold;font-family:'Nanum Gothic', sans-serif;}
#con .main_visual .slogan p span {color:#fff;font-size:70px;}
#con .main_visual .slogan p:after,
#con .main_visual .slogan p:before {content:"";position:absolute;display:inline-block;width:100%;height:3px;background-color:#ffba01;}
#con .main_visual .slogan p:after {right:50%;margin-right:440px;top:58px;}
#con .main_visual .slogan p:before {left:50%;margin-left:480px;bottom:58px;}

#con .main_visual .sld_v {position:relative;}
#con .main_visual .sld_v .slides > li {width:100%;height:100%;position:relative;}
#con .main_visual .sld_v .flex-control-nav {z-index:100;position:absolute;bottom:245px;right:50%;margin-right:-520px;}
#con .main_visual .sld_v .flex-control-nav > li {float:left;margin-left:6px;}
#con .main_visual .sld_v .flex-control-nav > li a {display:inline-block;width:12px;height:12px;background-color:#dadbdd;text-indent:-9999px;border-radius:50%;}
#con .main_visual .sld_v .flex-control-nav > li a.flex-active {background-color:#43b6e7;}
#con .main_visual .sld_v .flex-pauseplay {z-index:200;position:absolute;bottom:245px;right:50%;margin-right:-540px;}
#con .main_visual .sld_v .flex-pauseplay a {display:inline-block;width:12px;height:12px;background-color:#dadbdd;text-indent:-9999px;}
#con .main_visual .sld_v .flex-pauseplay a.flex-pause {background:url("/files/web23/images/main/sld_stop.png") center no-repeat;}
#con .main_visual .sld_v .flex-pauseplay a.flex-play {background:url("/files/web23/images/main/sld_play.png") center no-repeat;}
.sld_v .txt {z-index:200;position:absolute;bottom:252px;right:50%;margin-right:-445px;color:#ddd;font-size:15px;}

#con .main_visual .m_board {position:absolute;bottom:0;left:0;width:100%;border-top:1px solid rgba(255,255,255,0.3);}
#con .main_visual .m_board .container {padding-right:404px;}
#con .main_visual .m_board .news {position:relative;width:100%;height:215px;border-right:1px solid rgba(255,255,255,0.3);padding-top:40px;color:#fff;padding-right:70px;}
#con .main_visual .m_board .news h3 {font-size:20px;text-transform:uppercase;font-weight:bold;margin-bottom:20px;}
#con .main_visual .m_board .news li {position:relative;height:30px;line-height:30px;padding-right:130px;}
#con .main_visual .m_board .news li a {color:#fff;display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#con .main_visual .m_board .news .date {display:inline-block;height:30px;line-height:30px;position:absolute;top:0;right:0;width:130px;text-align:right;}
#con .main_visual .m_board .news .more {display:inline-block;position:absolute;top:40px;right:70px;width:22px;height:22px;border:2px solid #fff;text-indent:-9999px;}
#con .main_visual .m_board .news .more:after,
#con .main_visual .m_board .news .more:before {content:"";position:absolute;background-color:#fff;}
#con .main_visual .m_board .news .more:after {width:2px;height:12px;top:3px;left:8px;}
#con .main_visual .m_board .news .more:before {width:12px;height:2px;top:8px;left:3px;}
#con .main_visual .m_board .m_newsletter {position:absolute;top:80px;right:0;width:333px;height:53px;border:2px solid #fff;text-align:center;background-color:rgba(0,0,0,0.2);color:#fff;font-size:18px;font-weight:bold;line-height:49px;text-transform:uppercase;}

.main_whatson {padding:70px 0;}
.main_whatson .mwh_tit {display:inline-block;background:url("/files/web23/images/main/m_calendar.png") left 5px no-repeat;padding-left:115px;margin-bottom:50px;}
.main_whatson h2 {font-size:52px;line-height:52px;margin-bottom:5px;}
.main_whatson .sub_tit {text-align:left;}
.main_whatson .slides {overflow:hidden;}
.main_whatson .slides > li {position:relative;float:left;width:31%;margin-right:3.5%;}
.main_whatson .slides > li:nth-of-type(3n) {margin-right:0;}
.main_whatson .slides > li > div {background-size:100% !important;transition:.2s ease-out;}
.main_whatson .slides .img {width:100%;padding-top:90%;display:block;overflow:hidden;}
.main_whatson .slides .img img {position:absolute;top:-9999px;left:-9999px;}
.main_whatson .slides .txt {width:86.5%;background-color:#fff;padding:25px 0 0;color:#797979;border:1px solid #fff;transition:.2s ease-out;}
.main_whatson .slides .txt .txt_wrap {padding:0 10px 30px 30px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
.main_whatson .slides .txt .tit {display:block;overflow:hidden;font-size:31px;line-height:43px;height:178px;margin-bottom:15px;word-break:keep-all;color:#16202f;letter-spacing:-0.5px;}
.main_whatson .slides .txt .date {display:none;}
.main_whatson .slides .txt .term {width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;padding-left:25px;background:url("/files/web23/images/sub/calendar_list.gif") left 2px no-repeat;margin-bottom:10px;}
.main_whatson .slides .txt .location {width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;padding-left:25px;background:url("/files/web23/images/sub/location_list.gif") 3px center no-repeat;margin-bottom:10px;}
.main_whatson .slides .txt .more {display:inline-block;padding-right:15px;font-size:12px;background:url("/files/web23/images/sub/arr_right.gif") right 4px no-repeat;color:#797979;}
.main_whatson .slides > li:hover .txt .txt_wrap {border-left:1px solid #000;border-bottom:1px solid #000;}
.main_whatson .slides > li:hover .txt .more {color:#000;font-weight:bold;background:url("/files/web23/images/sub/arr_right_bold.gif") right 4px no-repeat;}
.main_whatson .mwh_more {position:absolute;display:inline-block;top:20px;right:0;width:50px;height:50px;border:1px solid #ddd;border-radius:50%;background:#fff url("/files/web23/images/main/sld_more.gif") center no-repeat;text-indent:-9999px;overflow:hidden;}
.main_whatson .flex-direction-nav {position:absolute;top:20px;right:55px;}
.main_whatson .flex-direction-nav > li {float:left;margin-left:5px;}
.main_whatson .flex-direction-nav > li a {display:inline-block;width:50px;height:50px;border:1px solid #ddd;border-radius:50%;text-indent:-9999px;overflow:hidden;}
.main_whatson .flex-direction-nav > li .flex-prev {background:#fff url("/files/web23/images/main/sld2_left.gif") center no-repeat;}
.main_whatson .flex-direction-nav > li .flex-next {background:#fff url("/files/web23/images/main/sld2_right.gif") center no-repeat;}

.main_sns {padding:70px 0;background:#e1e1e1 url("/files/web23/images/main/bg_sns.gif") center top no-repeat;}
.main_sns .msns_tit {display:inline-block;background:url("/files/web23/images/main/m_calendar.png") left 5px no-repeat;padding-left:115px;margin-bottom:50px;}
.main_sns h2 {font-size:52px;line-height:52px;margin-bottom:5px;}
.main_sns .sub_tit {text-align:left;}
.main_sns .slides > li {position:relative;width:23.5%;margin-right:2%;overflow:hidden;background-size:100% !important;}
.main_sns .slides > li:nth-of-type(4n) {margin-right:0;}
.main_sns .slides > li > div {position:relative;padding-top:225px;}
.main_sns .slides > li > div:before {content:"";z-index:20;position:absolute;top:0;left:0;width:100%;height:225px;background:url("/files/web23/images/sub/bg_sns_w.png") left bottom no-repeat;}
.main_sns .slides .fb {z-index:25;position:absolute;top:20px;right:20px;width:40px;height:40px;display:inline-block;text-indent:-9999px;background:#4267b2 url("/files/web23/images/sub/fb_w.png") center no-repeat;border-radius:50%;}
.main_sns .slides .img {z-index:10;position:absolute;top:0;left:0;width:100%;height:225px;overflow:hidden;}
.main_sns .slides .img img {position:absolute;top:0;left:0;}
.main_sns .slides .txt {background-color:#fff;padding:25px 28px;}
.main_sns .slides .txt .tit {font-size:18px;line-height:26px;height:104px;margin-bottom:10px;overflow:hidden;}
.main_sns .slides .txt .date {background:url("/files/web23/images/sub/calendar_list.gif") left 2px no-repeat;padding-left:25px;}
.main_sns .slides .more {z-index:30;position:absolute;left:0;right:0;bottom:-100px;text-indent:-9999px;background:url("/files/web23/images/sub/magnifier.png") center no-repeat;transition:.3s ease-out;}
.main_sns .slides > li:hover .fb {background:#fff url("/files/web23/images/sub/fb_b.png") center no-repeat;}
.main_sns .slides > li:hover .txt {background-color:#4991c9;color:#fff;text-decoration:underline;}
.main_sns .slides > li:hover .date {background:url("/files/web23/images/sub/calendar_w.gif") left 2px no-repeat;}
.main_sns .slides > li:hover > div:before {background:rgba(31,105,165,0.8) url("/files/web23/images/sub/bg_sns_b.png") left bottom no-repeat;}
.main_sns .slides > li:hover .more,
.main_sns .slides > li .more:focus {top:0;bottom:0;}
.main_sns .sns_more {position:absolute;display:inline-block;top:20px;right:0;width:50px;height:50px;border:1px solid #ddd;border-radius:50%;background:#fff url("/files/web23/images/main/sld_more.gif") center no-repeat;text-indent:-9999px;overflow:hidden;}
.main_sns .flex-direction-nav {position:absolute;top:20px;right:55px;}
.main_sns .flex-direction-nav > li {float:left;margin-left:5px;}
.main_sns .flex-direction-nav > li a {display:inline-block;width:50px;height:50px;border:1px solid #ddd;border-radius:50%;text-indent:-9999px;overflow:hidden;}
.main_sns .flex-direction-nav > li .flex-prev {background:#fff url("/files/web23/images/main/sld2_left.gif") center no-repeat;}
.main_sns .flex-direction-nav > li .flex-next {background:#fff url("/files/web23/images/main/sld2_right.gif") center no-repeat;}


/* main_institute */
.main_institute{margin:25px 0;}
.logo_list{margin:0 -9px;}
.logo_list li{float:left;margin:0 9px;border:1px solid #d7d7d7;width:156px;height:60px;box-sizing:border-box;}
.logo_list li a{display:block;text-align:center;}
.logo_list li a img{vertical-align:top;}
.logo_list:after{content:'';overflow:hidden;display:block;clear:both;}