@charset "utf-8";

@import url(skin.css);
@import url(font_s.css);

/* sub01_04 오시는길 시작 */
.map_wrap {width:100%; height:345px; }
.map_txt {position:relative; background:#3d4151; }
.map_txt:after{content:"";display:block;clear:both;visibility:hidden;}
.map_txt .txt {float:left;width:50%; padding:30px 10px 40px 40px;}
.map_txt .txt p {font-size:15px;color:#fff;}
.map_txt .txt p span {display:inline-block; width:30px; height:30px; margin-right:5px; background:url(/images/kor/sub09/sub091003_img01.png)no-repeat; vertical-align:middle;}
.map_txt .txt.txt1 p span {background-position: 0 0;}
.map_txt .txt.txt2 p span {background-position: -30px 0;}
.map_txt .txt .tit {font-size:19px; font-weight:bold;font-family:nsr;}
.map_txt .a_btn {position:absolute; top:50%; right:40px; margin-top:-20px;}
.map_txt a {display:block; width:120px; height:40px; border:2px solid rgba(255,255,255,0.5); line-height:36px; color:#fff; text-align:center; font-size:15px;}
.map_txt a span {display:inline-block; width:16px; height:18px;margin-right:5px; background:url(/images/kor/sub09/sub091003_img01.png)no-repeat -70px 0; vertical-align:middle;}

@media(max-width:850px){
	.map_txt .txt {float:none; width:100%; }
	.map_txt .txt.txt1 { padding:20px 25px 0;}
	.map_txt .txt.txt2 { padding:10px 25px 20px;}
	.map_txt .a_btn {top:auto; right:25px; bottom:25px; margin-top:0;}
}


@media(max-width:580px){
	.map_txt .txt.txt2 { padding:10px 25px 70px;}
	.map_txt .a_btn {bottom:20px;}	
}


/* 공통 */

.top_img{width:100%;text-align: center;}
.img_list{margin-top: 30px;margin-left:-1%}
.img_list:after{content:''; display:block; clear:both;}
.img_list li{float:left;width:49%;margin:0 0 1% 1%;position:relative;overflow:hidden;text-align: center;}
.img_list li p.caption{display:inline-block;position:absolute;left:0;bottom:1px;padding: 12px 10px;width:100%;color:#fff;font-size:20px;font-weight:600;text-align:center;}

@media only screen and (max-width: 530px){
    .img_list li{float:none;width:100%;margin:1% 0 0 0;}
    .img_list li p.caption{font-size:15px;}
}

.mid_box{padding: 30px 50px; border: 1px solid #ddd;background: #f2f2f2;}

/* sub08_02_01 생활관 준칙 */
.s080201_sub{text-align:center;margin-top: 30px;}
.s080201_sub h4{display:inline-block;}
.s080201_list{margin: 7px 0 0;line-height: 21px;padding-left: 7px;}
/* sub08_02_01 생활관 준칙 End */


/* sub08_02_01 일정 */
.carte_top{position:relative;padding:5px}
.carte_top:before{content: "";display:block;position:absolute;top:0;left:0;width:100%;height:20%}
.carte_top .inner{display:block;position:relative;padding:0;background:#fff;z-index:3}
.carte_top:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/kor/sub04/uit_bg2.png) repeat;z-index: 1}

.carte_top .inner h2{margin:0;padding:25px 0;background:none;font-size:30px;text-align: center}
.schedule .carte_top .inner h2 em{display:block;color:#002f66;font-weight:bold}
.carte_top .sel_day{position:absolute;top:0;left:0;width:100%}
.schedule .carte_top .sel_day a{position:absolute;top:30px;line-height:19px;font-size:0;vertical-align:middle}
.carte_top .sel_day a.prev{left:5%;padding-left:28px;background:url(/images/kor/sub04/carte_dayarr1.png) no-repeat left 0}
.carte_top .sel_day a.next{right:5%;padding-right:28px;background:url(/images/kor/sub04/carte_dayarr2.png) no-repeat right 0}
.schedule .sel_month{padding:20px 0;text-align:center;border-top:1px solid #ddd}
.schedule .sel_month:after{content:"";display:block;clear:both}
.schedule .sel_month li{display:inline-block;margin-bottom:15px;width:14.28%}
.schedule .sel_month li a{display:inline-block;position:relative;width:37px}
.schedule .sel_month li a.ov:before, 
.schedule .sel_month li a:hover:before, 
.schedule .sel_month li a:focus:before{content:"";display:block;position:absolute;bottom:-6px;left:0;width:100%;height:4px;background:#ee402e}

.schlst{position:relative;margin-top:50px}
.schlst .lcon{position:relative;padding:30px 20px 20px;margin-bottom:30px;width:100%;border:1px solid #ddd}
.schlst .lcon:before{content:"";display:block;position:absolute;top:85px;left:0;width:100%;height:32px;background:#002f66}
.schlst .lcon p{margin-bottom:15px;line-height:21px}
.schlst .lcon p strong{display:block;color:#002f66;font-size: 30px;font-weight:bold;text-align:center}
.schlst .lcon p span{display:block;margin-top:5px;color:#ccc;font-size:10px;text-align:center}
.schcal_tbl{position:relative;table-layout:fixed;width:100%}
.schcal_tbl tbody td{padding:6px 0;text-align:center}
.schcal_tbl tbody td .cat{display:inline-block;position:relative}
.schcal_tbl tbody td .cat:before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#ee402e}
.schcal_tbl thead th{padding-bottom:10px;color:#fff;text-align:center;}

.schlst .rcon{}
.schlst .rcon .schtxt{}
.schlst .rcon .schtxt h3{margin-top:0;padding:0;width:81px;background:url(/images/onestop/sub08/sch_tit.png) no-repeat;font-size:13px;line-height:29px;text-align:center;color:#ee402e;}
.schlst .rcon .schtxt ul{display:block;margin-top:20px;border-bottom:1px dashed #ddd}
.schlst .rcon .schtxt ul li{display:block;padding:10px 0;border-top:1px dashed #ddd}
.schlst .rcon .schtxt ul li b, 
.schlst .rcon .schtxt ul li span{display:block;margin:5px 0;padding:0;border:0;width:100%}
.schlst .rcon .schtxt ul li span{vertical-align:top}

@media only screen and (min-width: 767px){
	.schedule .carte_top .inner h2 em{display:inline-block}

	.schedule .carte_top .sel_day a{font-size:16px}
	.schedule .sel_month li{width:7.69%}
	.schlst .rcon .schtxt ul{display:table;width:100%}
	.schlst .rcon .schtxt ul li{display:table-row}
	.schlst .rcon .schtxt ul li b{display:table-cell;padding:15px 0;width:30%;border-top:1px dashed #ddd}
	.schlst .rcon .schtxt ul li span{display:table-cell;padding:15px; width:70%;border-top:1px dashed #ddd}

	.schlst{margin-top:50px;overflow:hidden}
	.schlst:after{content:"";display:block;clear:both}
	.schlst .lcon{float:left;width:35%}
	.schlst .rcon{float:right;width:60%}
}

/* sub08_02_01 일정 End */

/* sub08_02_05 상/벌점 */
.s080205.badge{width: 26px;height: 26px;}
/* sub08_02_05 상/벌점 End */


/* sub11_01 상담안내 */
.top_img.s11_01{margin: 20px 0 30px;}

.s1101imgbox_col2{text-align: center;margin-top: 10px;}
.s1101imgbox_col2:after{content: "";clear: both;overflow: hidden;}
.s1101imgbox_col2 .img{float: left;width: 49.5%;}
.s1101imgbox_col2 .img + .img{margin-left: 1%;}
@media only screen and (max-width: 767px){
    .s1101imgbox_col2 .img{float: none;width: 100%;}
    .s1101imgbox_col2 .img + .img{margin-left: 0;margin-top: 3%;}
}
/* sub11_01 상담안내 End */

/* sub12_02_01 s-money */
.top_box{position: relative; padding: 50px 70px; border: 1px solid #ddd;background: #f2f2f2;z-index: 2;}
.top_box .box_bg{content:"";display:block;position:absolute;width:151px;height:120px;bottom:10px;right:10px;background:url(/images/onestop/sub12/s_money.gif) no-repeat center center;z-index: -1;}

@media only screen and (max-width: 767px){
	.top_box{padding: 30px 50px;}
	.top_box .box_bg{bottom:5px;right:5px;background-size:50%;}
}
/* sub12_02_01 s-money End */

/* 새창 바로가기 메뉴 */

.new_link{position:relative;border:1px solid #ccc;padding:80px 0 80px 50%;background:#f4f5f7;}
.new_link:after{content:"";display:block;position:absolute;left:0;top:0;width:42%;height:100%;background:#fff;z-index:0;}
.new_link .ico{position:absolute;left:65px;top:50%;margin-top:-123px;z-index:1;width:252px;height:255px;background:url(/images/onestop/new_link_ico.png) no-repeat;}
.new_link strong{display:block;font-size:30px;font-weight:700;}
.new_link p{margin-bottom:30px;}
.new_link .btn{font-size:15px;border:1px solid #ddd;background:#fff;}
.new_link .btn .new_link_ico{display:inline-block;width:33px;height:33px;background:url(/images/onestop/new_link_ico2.png) no-repeat;vertical-align:middle;margin-left:20px;}


@media only screen and (max-width: 920px){
	.new_link{padding:350px 0 30px;text-align: center;}
	.new_link:after{width:100%;height:320px;}
	.new_link .ico{top:40px;left:50%;margin-left:-125px;margin-top:0;}
}


@media only screen and (max-width:640px){
	.new_link{padding-top:270px;}
	.new_link:after{height:230px;}
	.new_link p{padding:0 20px;}
	.new_link .ico{top:40px;margin-left:-80px;margin-top:0;width:161px;height:165px;background:url(/images/onestop/new_link_ico_s.png) no-repeat;}
}


#introduce .intro_top{background-image:url(/images/mooncon/introduce_top_img1.jpg);}
#goal .goal_top{background-image:url(/images/mooncon/goal_top_img1.jpg);background-position: 50% 50%;}

.depart_cnt_table .table.table-bordered td{text-align: left;}

.org{margin-bottom: 50px;}
.org .lv2 .group > li{width:23%;}
.org .lv2:before{left: 11.7%;width: 76.6%;}
.org .lv2 .group > li > ul > .lv3 ul > .lv4 > p .t1{color:#333;}

/* 동아리 소개 */
.depart_cnt.full .item .depart_cnt_content .depart_cnt_tile li{float: none;width:100%;}
.depart_cnt.full .item .depart_cnt_content .depart_cnt_tile li span.tile_text{max-height: none;}

#introduce.s0104 .intro_top{display:block;}
#introduce.s0104 .intro_top .intro_top_wrap{padding-left:0;padding-right:0;}

/* sub0702 */
.s0702 .depart_cnt .item .depart_cnt_title,
.s0702 .depart_cnt .item .depart_cnt_content{float:none;width:100%;padding:0;}
.s0702 .depart_cnt .item:before{background:none}

/* sub0703 */
.depart_cnt .depart_cnt_content img.sub0703_br{border: 1px solid #dddddd;margin: 29px 0;}

/* 입학안내 동영상 */
.depart_cnt {}
    .depart_cnt .vod_box {width:100%;padding: 22px 22px;background:#d5d5d5;text-align: center;background: url(../../images/kor/sub10/vod_bg.png)no-repeat;background-size: cover;}
    /*/.vod_wrap .vod_box .vod_view{position:relative; width:610px;height:470px;background:#333;display: inline-block;}*/
    .depart_cnt .vod_box .vod_view{position:relative; width:840px;height:472px;background:#333;display: inline-block;}
    .depart_cnt .vod_box .vod_view:after{background: url(../../images/kor/sub10/vod_icon.png);}
    .depart_cnt .vod_box .vod_view iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border:0;}

    .depart_cnt .subtit {padding: 35px 65px; border: 1px solid #273d8b; }
    .depart_cnt .subtit span{float: left;margin-top: 10px;width: 15%;background: url(../../images/kor/sub10/vod_icon1.png)no-repeat left top;height: 57px;}
    .depart_cnt .subtit .subtit_txt{  float: right;  padding: 10px;  width: 83%; }
    .depart_cnt .subtit .subtit_txt strong {margin: 10px 0;font-size: 15px; font-weight:300; color: #052e7b;}
    .depart_cnt .subtit .subtit_txt .txtwrap { width: 100%;  height: 150px;  overflow-y: scroll; }
    .depart_cnt .subtit .subtit_txt pre {  width: 100%;  white-space: pre-line; word-wrap: break-word;  word-break: keep-all; font-family:'nsk','sans-serif'; }
    .depart_cnt .subtit:after { content: "";  display: block; clear: both;  visibility: hidden; }
    .depart_cnt .subbanner {padding: 0 0 0 0; border: 1px solid #273d8b; }

    @media only screen and (max-width: 925px){
        .depart_cnt .vod_box .vod_view{width:100%;height:auto;padding-bottom:57.44%;}
    }
    @media only screen and (max-width: 767px){
        .depart_cnt .vod_box{ padding:20px;}

        .depart_cnt .subtit span{float: none;display: none;}
        .depart_cnt .subtit .subtit_txt{float: none; width: 100%;}
        .depart_cnt .subtit strong{ padding-bottom:0; background-image:none;}
        .depart_cnt .subtit{ padding:20px;}
        .depart_cnt .subtit .subtit_txt {  padding: 0; }
	}

.snslink{width:100%;}
.snslink:after{content:"";display:block;visibility:hidden;clear:both;}
.snslink a {position:relative;overflow: hidden;margin: 0 0.5%; width:32%;float:left;z-index:0;}
.snslink a .ico{position:absolute;left:20px;top:20px;width:47px;height:47px;border-radius:50%;background:url(/images/kor/sub08/ir_sns.png);z-index:10}
.snslink a span b{display:block;font-weight:bold;}
.snslink a .bn{position:absolute;left:50%;bottom:15%;display:inline-block;width:100px;margin-left:-50px;padding:10px 0;text-align:center;border:1px solid #ccc;z-index:10}
.snslink a.video .ico{background-position:0 0;}
.snslink a.instagram .ico{background-position:-50px 0;}
.snslink a.facebook .ico{background-position:-100px 0;}
.snslink a.blog .ico{background-position:-150px 0;}
.snslink a.video span.ov{background:#ad0012;border-color:#ad0012 }
.snslink a.instagram span.ov{background:#95217c;border-color:#95217c; }
.snslink a.facebook span.ov{background:#00244c;border-color:#00244c }
.snslink a.blog span.ov{background:#196000;border-color:#196000; }
.snslink a span {display: block; padding:110px 0 180px;background: #fff;border:1px solid #ccc;text-align:center;font-size:20px;line-height:1.2;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
.snslink a .ov {position: absolute;top: 0;left: 0; z-index: -1;padding: 100px 20px 100px;width: 100%;height: 100%;background: #0f7c67;color:#fff;text-align:center;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;-webkit-transform: translateX(-25%);}
.snslink a:hover .ov,
.snslink a:focus .ov{ color:#fff;-webkit-transform: translateX(0%);-moz-transform: translateX(0%);transform: translateX(0%);}
.snslink a:hover .bn,
.snslink a:focus .bn {color:#fff;border-color:#fff;-webkit-transform: translateX(0%);-moz-transform: translateX(0%);transform: translateX(0%);}
.snslink a:hover span,
.snslink a:focus span {-webkit-transform: translateX(100%);-moz-transform: translateX(100%);transform: translateX(100%);}

@media only screen and (max-width:700px){
	.snslink a {margin:0 0.5% 1%; width:49%;}
	.snslink a span{padding: 100px 0 130px;}
}

@media only screen and (max-width:480px){
	.snslink a span,
	.snslink a .ov {padding: 90px 0 90px;font-size: 16px;}
	.snslink a .bn{padding:3px 0;}
}