@charset "utf-8";
#body_layout .body_wrap {width:100%;}
#body_layout #mcont1 .body_wrap {width:1200px;}
.clearfix {width:100%;}
.clearfix:after {content:"";display:block;visibility:hidden;clear:both;}
a:hover {text-decoration: none;}

#mcont {height: 890px;padding-bottom:66px;}
.m_ir {background:url(/template/template_g1/images/main/m_ir.png)no-repeat;}

/* TouchSlider 기본 시작 */
.sliderBox,
.sliderBox ul,
.sliderBox ul li{ width:100%; height:100%; padding:0; margin:0; display:inline-block;}
.sliderBox{ overflow:hidden;}
.sliderBox ul{ position:relative;}
.sliderBox ul li{ position:absolute; top:0; left:0;}
/* TouchSlider 기본 끝 */

#mcont1 .title{display: block;margin: 45px 0 15px;font-size: 28px;color: #fff;text-shadow: 0 0 5px black;}
#mcont1 .gallery_wrap {position: relative;}
#mcont1 .gallery_wrap .grap {width:100%; height:299px;}
#mcont1 .gallery_wrap .grap .obj {overflow:hidden; width:100%;height:100%;}
#mcont1 .gallery_wrap .grap .obj .item {float: left;position:relative;width:23.5%;height:100%;margin-right: 2%}
#mcont1 .gallery_wrap .grap .obj .item:nth-child(4n){margin-right: 0}
#mcont1 .gallery_wrap .grap .obj .item a {display:block;width:100%;height:100%;padding-bottom: 87px;border: 1px solid #d7d7d7; background-color: rgb(255 255 255 / 60%);}
#mcont1 .gallery_wrap .grap .obj .item a .thumbResize_A {display: inline-block; overflow: hidden; position: relative;  width: 100%;height: 212px;}
#mcont1 .gallery_wrap .grap .obj .item a .thumbResize_A img {position: absolute; top: 50%; left: 50%; width: 100%; max-width: 1000%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
#mcont1 .gallery_wrap .grap .obj .item a strong {display:block;overflow:hidden;position:absolute;left: 0;bottom: 16px;width:100%;height: 55px;padding: 0 40px;border-top: 0;text-align:center;font-size:17px;font-weight:300;text-overflow: ellipsis;}
#mcont1 .gallery_wrap .control{position: absolute;top: 130px;width: 100%}
#mcont1 .gallery_wrap .control button{position: absolute;width: 41px;height: 41px;font-size: 0;text-indent: -9999px;}
#mcont1 .gallery_wrap .control .btn_prev{left: -69px;background:url(/template/template_h1/images/main/main_ir.png)no-repeat;background-position: -101px -65px;}
#mcont1 .gallery_wrap .control .btn_prev:hover,
#mcont1 .gallery_wrap .control .btn_prev:focus{background:url(/template/template_h1/images/main/main_ir.png)no-repeat;background-position: -101px -109px;}
#mcont1 .gallery_wrap .control .btn_next{right: -69px;background:url(/template/template_h1/images/main/main_ir.png)no-repeat;background-position: -145px -65px;}
#mcont1 .gallery_wrap .control .btn_next:hover,
#mcont1 .gallery_wrap .control .btn_next:focus{background:url(/template/template_h1/images/main/main_ir.png)no-repeat;background-position: -145px -109px;}
#mcont1 .gallery_wrap .control .indicator{display: none;}
#mcont1 .gallery_wrap .gall_more{position: absolute;right: 0;top: -40px}
#mcont1 .gallery_wrap .gall_more a{display:block;width:18px;height: 18px;background:url(/template/template_h1/images/main/main_ir.png)no-repeat;background-position: -164px -1px;font-size:0;}

@media(max-width:1389px){

    #mcont1 .gallery_wrap .control .btn_prev{left: -21px;}
    #mcont1 .gallery_wrap .control .btn_next{right: -21px;}
}
@media(max-width:1336px){

    #body_layout #mcont1 .body_wrap {width:90%;}
    #body_layout #mcont1 .body_wrap,
    #mcont1 .title{margin:10px 0 10px;font-size: 20px;}
    #mcont1 .gallery_wrap .grap{height: 323px;}
    #mcont1 .gallery_wrap .grap .obj .item{width: 49%}
    #mcont1 .gallery_wrap .grap .obj .item:nth-child(4n){margin-right: 2%}
    #mcont1 .gallery_wrap .grap .obj .item:nth-child(2n){margin-right: 0%}
    #mcont1 .gallery_wrap .grap .obj .item a strong{bottom: 11px;font-size: 16px}
    #mcont1 .gallery_wrap .grap .obj .item a .thumbResize_A{height: 244px;}
}
@media(max-width:1023px){
}
@media(max-width:767px){
    #body_layout #mcont1 .body_wrap,
    #mcont1 .gallery_wrap .grap {height: 280px;}
    #mcont1 .gallery_wrap .grap .obj .item{width: 100%;margin: 0}
    #mcont1 .gallery_wrap .grap .obj .item a strong {font-size: 14px;height: 80px;padding: 40px 15px 0;}
    #mcont1 .gallery_wrap .grap .obj .item a .thumbResize_A{height: 208px;}
    #mcont1 .gallery_wrap .control button{display: none;}
    #mcont1 .gallery_wrap .control .indicator{display: block;position: relative;top: 30px; text-align: center;}
    #mcont1 .gallery_wrap .control .indicator a{display: inline-block;width: 10px;height: 10px;background: #fff;border-radius: 50%;font-size: 0;text-indent: -9999px;}
    #mcont1 .gallery_wrap .control .indicator a.on{background: #034f9d;}
    #mcont1 .gallery_wrap .control .indicator a + a{margin-left: 12px;}
}


/* con01 시작 */
.con01 {position:relative;}
.con01 .mvisual_wrap {display:inline-block;position:relative;width:100%;padding:0;margin:0;}
.con01 .mvisual_wrap .sliderBox{position: absolute;left:0;top:0;width:100%;z-index: -1;}
.con01 .mvisual_wrap .sliderBox ul li { height:848px;}
.con01 .mvisual_wrap .sliderBox ul li .thumbResize_A {position: relative; display: inline-block; width: 100%;height: 100%;overflow: hidden;}
.con01 .mvisual_wrap .sliderBox ul li .thumbResize_A img { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 1000%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.con01 .tit {padding:135px 0 0;text-align:center; }
.con01 .tit strong {display:block;font-size:68px;color:#fff;font-weight:700;font-family:"nsr_m";line-height: 1.3;word-break: keep-all;}
#irp .con01 .tit strong {display: block; font-size: 55px; color: #313131; font-weight: bold; font-family: "nsr_m"; line-height: 1.3; word-break: keep-all; text-shadow: 0px 0px 10px #c5c5c5;}
#broso .con01 .tit strong {display:block;font-size:68px;color:#fff;font-weight:700;font-family:"nsr_m";line-height: 1.3;word-break: keep-all; text-shadow: 0 0 10px #313131;}
#performance .con01 .tit strong {display:block;font-size:68px;color:#3b3b3b;font-weight:700;font-family:"nsr_m";line-height: 1.3;word-break: keep-all;}
#rotc .con01 .tit strong {display:block;font-size:68px;color:#fff;font-weight:700;font-family:"nsr_m";line-height: 1.3;word-break: keep-all;text-shadow: 2px 2px 5px black;}
#student .con01 .tit strong {display:block;font-size:68px;color:#fff;font-weight:700;font-family:"nsr_m";line-height: 1.3;word-break: keep-all;text-shadow: 2px 2px 5px black;}
.con01 .tit p {margin:15px 0 45px;padding: 0 10px;font-size:16px;color:#fff;font-family:"nsr_m";}
#irp .con01 .tit p {margin:15px 0 45px;padding: 0 10px;font-size: 30px;color: #272727;font-family:"nsr_m";font-weight: bolder;text-shadow: 0px 0px 10px #ffffff;}
#broso .con01 .tit p {margin:15px 0 45px;padding: 0 10px;font-size:25px;color:#fff;font-family:"nsr_m"; font-weight: 600; text-shadow: 0 0 5px #313131;}
#performance .con01 .tit p {margin:15px 0 45px;padding: 0 10px;font-size:16px;color:#000;font-family:"nsr_m";}
#student .con01 .tit p {margin:15px 0 45px;padding: 0 10px;font-size:20px;color:#f9ff00;font-family:"nsr_m";text-shadow: 0px 0px 10px black;font-weight: 600;}
.con01 .tit p span {display:block;line-height:1.5;word-break: keep-all;font-family:"nsr_m";}
.con01 .mvisual_wrap .controlBox .paging {display:inline-block;}
.con01 .mvisual_wrap .controlBox .paging .btn_page {width:4px; height:24px; margin:0 5px; background-position:-24px 0; }
.con01 .mvisual_wrap .controlBox .paging .btn_page.on {width:17px; height:24px; background-position:0 0;}
.con01 .mvisual_wrap .controlBox button {background:url(/template/template_g1/images/main/m_ir.png)no-repeat; font-size:0;}
.con01 .mvisual_wrap .controlBox button.btn_prev {width:24px; height:24px; background-position:-53px 0;}
.con01 .mvisual_wrap .controlBox button.btn_stop {width:24px; height:24px; background-position:-109px 0;}
.con01 .mvisual_wrap .controlBox button.btn_play {width:24px; height:24px; background-position:-137px 0;}
.con01 .mvisual_wrap .controlBox button.btn_next {width:24px; height:24px; background-position:-81px 0;}

/* con01 끝 */

/* con02 시작 */
.con02 {margin:50px 0 0;}
.con02 .inner {width:1240px; margin:0 auto;}
.con02 .inner:after{display:block;clear:both;visibility:hidden;content:"";}
.con02 .inner .con_l {float:left;width:49%;margin-right:2%;}
.con02 .inner .con_l .tab_w {position:relative; padding-left:120px;}
.con02 .inner .con_l .tab_w .tab_menu {position:absolute; top:0; left:0; }
.con02 .inner .con_l .tab_w .tab_menu li {}
.con02 .inner .con_l .tab_w .tab_menu li a {display:block; width:120px; height:55px; line-height:55px; background:rgba(0,100,101,0.8);text-align:center; font-size:18px; color:#fff; font-weight:700;}
.con02 .inner .con_l .tab_w .tab_menu li.active {}
.con02 .inner .con_l .tab_w .tab_menu li.active a {background:rgba(2,156,158,0.8);}
.con02 .inner .con_l .tab_w .tab_content {position:relative; height:110px; padding:15px 120px 15px 25px;background:rgba(2,156,158,0.8); text-align:left;}
.con02 .inner .con_l .tab_w .tab_content .con {display:none;}
.con02 .inner .con_l .tab_w .tab_content .con.active {display:block;}
.con02 .inner .con_l .tab_w .tab_content .con li {position:relative; padding:0 80px 0 10px;}
.con02 .inner .con_l .tab_w .tab_content .con li:before {display:inline-block;position:absolute;top:13px; left:0; width:4px; height:4px; margin-right:3px;background:rgba(255,255,255,0.5);vertical-align:middle; content:"";}
.con02 .inner .con_l .tab_w .tab_content .con li:after{display:block;clear:both;visibility:hidden;content:"";}
.con02 .inner .con_l .tab_w .tab_content .con li a {color:#fff; font-size:16px; font-weight:300;}
.con02 .inner .con_l .tab_w .tab_content .con li strong {display:inline-block; overflow:hidden; width:100%; font-weight:300;vertical-align:middle;text-overflow: ellipsis;vertical-align: middle;white-space: nowrap;}
.con02 .inner .con_l .tab_w .tab_content .con li strong b {display:none;}
.con02 .inner .con_l .tab_w .tab_content .con li p {display:none;}
.con02 .inner .con_l .tab_w .tab_content .con li .date {display:inline-block; position:absolute; right:0; top:0;float:right;vertical-align:middle;}
.con02 .inner .con_l .tab_w .tab_content .con li .date span {display:inline-block; vertical-align:middle;}
.con02 .inner .con_l .tab_w .tab_content .con li .date .month:before,
.con02 .inner .con_l .tab_w .tab_content .con li .date .day:before {display:inline-block; content:".";}
.con02 .inner .con_l .tab_w .tab_content .con .bbs_more {position:absolute;top:22.5px; right:25px;}
.con02 .inner .con_l .tab_w .tab_content .con .bbs_more a {display:block; width:65px; height:65px; border-radius:50%; background:rgba(0,0,0,0.2); color:#fff; text-align:center; line-height:65px; font-weight:bold; }
.con02 .inner .con_r {float:right;width:49%;}
.con02 .inner .con_r .infor_wrap {}
.con02 .inner .con_r .infor_wrap:after{display:block;clear:both;visibility:hidden;content:"";}
.con02 .inner .con_r .infor_wrap .info {position: relative;float:left;width:50%;height:110px;}
.con02 .inner .con_r .infor_wrap .info:after{display:block;clear:both;visibility:hidden;content:"";}
.con02 .inner .con_r .infor_wrap .info .tit {float:left;width:32%; height:100%;background:rgba(1,55,135,0.8); text-align:center;color:#fff;font-size:18px;font-weight:700; font-family:"nsr_m";}
.con02 .inner .con_r .infor_wrap .info .tit .ico {display:block;height:23px;margin:30px  auto 10px;}
.con02 .inner .con_r .infor_wrap .info .tit .ico.ico01 {width:25px; background-position:0 -27px;}
.con02 .inner .con_r .infor_wrap .info .tit .ico.ico02 {width:27px; background-position:-38px -27px;}
.con02 .inner .con_r .infor_wrap .info .con {float:left;width:68%;height:100%;background:rgba(19,77,163,0.8);text-align:center;color:#fff;font-size:18px;font-weight:700;line-height: 110px;}
.con02 .inner .con_r .infor_wrap .info .con a {color:#fff;}
.con02 .inner .con_r .infor_wrap .info.info02 .tit {background:rgba(43,99,16,0.8);}
.con02 .inner .con_r .infor_wrap .info.info02 .con {background:rgba(70,139,41,0.8);}
/* con02 끝 */

/* con03 시작 */
.con03 {margin:20px 0 0;}
.con03 .inner {width:1240px; margin:0 auto;}
.con03 .inner .icon_wrap {}
.con03 .inner .icon_wrap ul {}
.con03 .inner .icon_wrap ul:after{display:block;clear:both;visibility:hidden;content:"";}
.con03 .inner .icon_wrap ul li {float:left; position: relative; width:16.66%; height:200px;text-align:center; }
#student .con03 .inner .icon_wrap ul li {float:left; position: relative; width:20%; height:200px;text-align:center; }
.con03 .inner .icon_wrap ul li a {display: block; width:100%; height:100%; border-right:1px solid rgba(0,0,0,0.2); background:rgba(255,255,255,0.9); padding:40px 0 0;}
.con03 .inner .icon_wrap ul li a:before {display:block; position:absolute; top:0; left:0; width:100%; height:6px; content:"";}
.con03 .inner .icon_wrap ul li:nth-child(1) a:before {background:#468b29;}
.con03 .inner .icon_wrap ul li:nth-child(2) a:before {background:#2b6310;}
.con03 .inner .icon_wrap ul li:nth-child(3) a:before {background:#134da3;}
.con03 .inner .icon_wrap ul li:nth-child(4) a:before {background:#3977d4;}
.con03 .inner .icon_wrap ul li:nth-child(5) a:before {background:#029c9e;}
.con03 .inner .icon_wrap ul li:nth-child(6) a:before {background:#edb300;}
.con03 .inner .icon_wrap ul li a:hover,
.con03 .inner .icon_wrap ul li a:focus {padding:30px 0 0;}
.con03 .inner .icon_wrap ul li a:hover:before,
.con03 .inner .icon_wrap ul li a:focus:before {top:-10px; left:-10px; width:100%; height:100%; padding:10px; box-sizing:content-box; z-index:2;}
.con03 .inner .icon_wrap ul li a:hover:after,
.con03 .inner .icon_wrap ul li a:focus:after {display:block; position:absolute;left:50%; bottom:25px; width:39px; height:10px; margin-left:-20px; background:url(/template/template_g1/images/main/arr.png)no-repeat; content:""; z-index:3;}
.con03 .inner .icon_wrap ul li a strong {position:relative; font-size:18px; color:#333; z-index:3;}
.con03 .inner .icon_wrap ul li a:hover strong,
.con03 .inner .icon_wrap ul li a:focus strong {color:#fff;}
.con03 .inner .icon_wrap ul li a .ico {display:block; position:relative; height:80px; margin:15px auto 0; z-index:3;}
.con03 .inner .icon_wrap ul li a .ico.ico01 {width:55px; background-position:0 -63px;}
.con03 .inner .icon_wrap ul li a .ico.ico02 {width:59px; background-position:-67px -63px;}
.con03 .inner .icon_wrap ul li a .ico.ico03 {width:50px; background-position:-131px -63px;}
.con03 .inner .icon_wrap ul li a .ico.ico04 {width:67px; background-position:-184px -63px;}
.con03 .inner .icon_wrap ul li a .ico.ico05 {width:65px; background-position:-290px -63px;}
.con03 .inner .icon_wrap ul li a .ico.ico06 {width:95px; background-position:-377px -63px;}

/* con03 끝 */


@media(max-width:1280px){
    .con02 .inner {width:100%; padding:0 50px;}
    .con03 .inner {width:100%;margin: 0 auto 50px;padding:0 50px;}

}

@media(max-width:1200px){
    #mcont {height:100%;}

    .con01 .mvisual_wrap .sliderBox ul li { height:1342px;}

    .con02 .inner .con_l {float:none; width:100%; margin:0 0 20px;}
    .con02 .inner .con_r {float:none; width:100%;}

    .con03 .inner .icon_wrap ul {}
    .con03 .inner .icon_wrap ul li {width:33.33%;}
}


@media(max-width:767px){
    .con01 .tit {padding:85px 0 0;text-align:center; }
    .con01 .tit strong {font-size:45px;}
    .con01 .mvisual_wrap .sliderBox ul li { height:1600px;}

    .con02 .inner,
    .con03 .inner {padding:0 15px;}

    .con02 .inner .con_l .tab_w {padding-left:0;}
    .con02 .inner .con_l .tab_w .tab_menu {position:static;}
    .con02 .inner .con_l .tab_w .tab_menu {margin:0;}
    .con02 .inner .con_l .tab_w .tab_menu:after{display:block;clear:both;visibility:hidden;content:"";}
    .con02 .inner .con_l .tab_w .tab_menu li {float:left; width:50%;}
    .con02 .inner .con_l .tab_w .tab_menu li a {width:100%;}
    .con02 .inner .con_r .infor_wrap .info {float:none;width:100%;padding-left:100px;}
    .con02 .inner .con_r .infor_wrap .info .tit {position:absolute; top:0; left:0;width:100px;}
    .con02 .inner .con_r .infor_wrap .info .con {width:100%;}

    .con03 .inner .icon_wrap ul li {width:50%;height: 170px;}
    .con03 .inner .icon_wrap ul li a {padding:25px 0 0;}
    .con03 .inner .icon_wrap ul li a .ico {margin:10px auto 0}
    .con03 .inner .icon_wrap ul li a strong {font-size:16px;}
    .con03 .inner .icon_wrap ul li a:hover:after,
    .con03 .inner .icon_wrap ul li a:focus:after {display:none;}

}

@media(max-width:500px){
	#irp .con01 .tit strong {font-size: 35px;}
	#irp .con01 .tit p {font-size: 25px;}
    .con02 .inner .con_l .tab_w .tab_content { padding: 15px 75px 14px 15px;}
    .con02 .inner .con_l .tab_w .tab_content .con li {padding:0 0 0 10px;}
    .con02 .inner .con_l .tab_w .tab_content .con li .date {display:none;}
    .con02 .inner .con_l .tab_w .tab_content .con .bbs_more {top: 30px; right: 15px;}
    .con02 .inner .con_l .tab_w .tab_content .con .bbs_more a {width: 50px; height: 50px; line-height: 50px;}
}