@charset "utf-8";



#cont_wrap {width:100%; margin:0 auto; font-family:'Noto Sans KR', MalgunGothic, '맑은 고딕', '돋움', Dotum, AppleGothic, Sans-serif, Arial;}
#cont_wrap button{outline:none;}

/* ------header------ */
#header .head_box .topLink ul .homeGo_sh a{background:#0381ed; display: block; font-size: 16px; line-height:16px; color: #ffffff; padding: 15px 50px 15px 35px; border-radius:100px;}
#header .head_box .topLink ul .homeGo_sh a::after{background:url('../img/pc/icon_external.png') left center no-repeat; position:absolute; top:50%; right:0; width:35px; height:20px;content:''; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
/* ------contents------ */
/*메인 비주얼*/
#cont_wrap .contents{width:100%; padding-top:100px;}
#cont_wrap .contents .cont_vis{width:100%; /*height:660px;*/height:495px; position:relative; overflow:hidden;}
#cont_wrap .contents .cont_vis .img-box{z-index:1; position:absolute; top:0; height:100%; left:calc(50% + -8px); width:calc(50% + 10px); overflow:hidden;}
#cont_wrap .contents .cont_vis .img-box img{height:auto; width:100%;}
#cont_wrap .contents .cont_vis .center_box{z-index:2; position:absolute; top:0; height:100%; right:calc(50% - 85px); width:calc(50% + 85px); background:#0058a3; border-top-right-radius:100px;}
#cont_wrap .contents .cont_vis .bg_box{position:relative; height:100%;}
#cont_wrap .contents .cont_vis .bg_box span{position:absolute; bottom:0; left:0; width:100%; height:200px; background:#0961ab;}
#cont_wrap .contents .cont_vis .emb_box{position:absolute; left:-47px; top:120px; z-index:3; opacity:0.04;}
#cont_wrap .contents .cont_vis .vis_textbox{max-width:1420px; margin:0 auto; /*padding:120px 30px 0 30px;*/padding:60px 30px 0 30px; position:relative; z-index:5;}
#cont_wrap .contents .cont_vis .vis_textbox .slogan span{font-family: 'DWImpactamin'; font-size:26px; color:#83d6ac;word-break:keep-all;}
/*#cont_wrap .contents .cont_vis .vis_textbox .slogan h1{margin-top:35px; font-family: 'DWImpactamin'; font-size:65px; line-height:80px; color:#ffffff;}*/
#cont_wrap .contents .cont_vis .vis_textbox .slogan h1{margin-top:43px; font-family: 'DWImpactamin',san-serif; font-size:45px; line-height:1.4; color:#ffffff;word-break:keep-all;}
#cont_wrap .contents .cont_vis .vis_textbox .icon_list{font-size:0; text-align:left; /*padding-top:130px;*/padding-top:110px; margin-left:-30px;}
#cont_wrap .contents .cont_vis .vis_textbox .icon_list ul{width:55%;display:flex;flex-wrap:wrap;}
#cont_wrap .contents .cont_vis .vis_textbox .icon_list li{display:inline-block; vertical-align:top; text-align:center; /*width:180px;*/ width:calc(100% / 5); text-align:center;}
#cont_wrap .contents .cont_vis .vis_textbox .icon_list li:hover{background:url('/_res/deu/pluscenter/img/pc/img_liOn.png') 30% 0 no-repeat;}
#cont_wrap .contents .cont_vis .vis_textbox .icon_list li img{margin:0 auto; display:block; height:70px;}
#cont_wrap .contents .cont_vis .vis_textbox .icon_list li span{display:block; font-size:16px; font-weight:400; color:#ffffff; padding-top:23px;}

/*공지사항, 프로그램 신청*/

#cont_wrap .contents .cont_notice{width:100%; background:#ecf0f6;}
#cont_wrap .contents .cont_notice .nt_wrap{max-width:1420px; margin:0 auto; font-size:0; text-align:left; /*padding:70px 30px;*/padding:50px 30px;position: relative;overflow:hidden;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox{width:360px; display:inline-block; vertical-align:top;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_title{font-size:40px; line-height:1;/*font-size:55px;*/ display:block; font-weight:500;}
/*#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_text{font-size:20px; line-height:1.4; display:block; margin-top:45px;}*/
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_text{font-size:18px; line-height:1.4; display:block; margin-top:50px;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button{font-size:0; text-align:left; margin-top:45px;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button button{display:inline-block; vertical-align:top; border:1px solid #cccccc; cursor:pointer; margin-right:5px;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button button:last-child{ margin-right:0;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn{width:50px; height:50px; background:#ffffff url('../img/pc/main/img_btn_prev.png') center center no-repeat; text-indent:-9999px;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn:hover{background:#049b64 url('../img/pc/main/img_btn_prevOn.png') center center no-repeat; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn{width:50px; height:50px; background:#ffffff url('../img/pc/main/img_btn_next.png') center center no-repeat; text-indent:-9999px;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn:hover{background:#049b64 url('../img/pc/main/img_btn_nextOn.png') center center no-repeat; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn{display:inline-block; vertical-align:top; border:1px solid #cccccc; cursor:pointer; box-sizing:border-box;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn:hover{}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a{display: block; font-size:0; padding:14px 20px 14px 20px; background:#fff; color:#333;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a:hover{background:#0058a3; color:#fff; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a em{font-size:20px; line-height:20px; display:inline-block; vertical-align:top;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a span{margin-left:12px; width:19px; height:20px; background:url(../img/pc/main/img_btn_more.png) 50% 50% no-repeat; display:inline-block; vertical-align:top;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a:hover span{background:url('../img/pc/main/img_btn_moreOn.png') 50% 50% no-repeat; display:inline-block; vertical-align:top; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}

#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox{width:calc(100% - 360px); display:inline-block; vertical-align:top; line-height:1.4;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul{font-size:0; text-align:left;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list{background:#ffffff; display:inline-block; vertical-align:top; width:395px; margin-right:50px; border-radius:10px;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list:last-child{margin-right:0;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list:hover{box-shadow: 2px 2px 30px rgba(9,97,171,0.2); -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
#cont_wrap .contents .cont_program .pr_wrap .pr_textbox ul .pr_list:hover{background:#049b64}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list:hover a span{text-decoration : underline;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a{display:block; padding:35px 30px;/*padding:50px 40px;*/}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a span{display:block;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_title{/*font-size:24px; height:66px;*/font-size:20px; font-weight:bold; word-break:keep-all; width:100%; height:55px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_contents{/*font-size:20px; */font-size:16px; width:100%; height:42px; margin:20px 0;/*margin:25px 0;*/ overflow:hidden; text-overflow:ellipsis; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_date{/*font-size:18px; */font-size:16px; color:#888888;}

#cont_wrap .contents .cont_notice{background:#ecf0f6;}
#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a span{background:url('../img/pc/main/img_btn_more.png') 50% 50% no-repeat;}

.mConBox2{background-color:#fff;background:url('/_res/deu/_share/img/m_con2_bg1.png') no-repeat 20px 10px, url('/_res/deu/_share/img/m_con2_bg2.png') no-repeat right 20px bottom 40px;}

.mCon2{max-width:1420px;padding:130px 30px 40px 30px;}
.mCon2 > .tit{top:60px;left:30px;width:100%;}
.mCon2 .mConSlide2 ul li .photo{border-radius:10px;box-shadow:5px 5px 10px rgba(0,0,0,0.1); aspect-ratio: 3 / 4; height:420px;}
.mCon2 .mConSlide2 ul li .photo img{ aspect-ratio: 3 / 4;}



/*25.01.21 추가 */
.mConBox2.flex{display:flex; gap:2%}
.mConBox2.flex .mCon2{max-width:49%; width:49%; margin:0;}
.mConBox2.flex  .mCon2 .mConSlide2 ul li .photo{border-radius:10px;box-shadow:5px 5px 10px rgba(0,0,0,0.1); aspect-ratio: 3 / 4; height:auto;}
.mCon3{position:relative;margin:0 auto;padding:90px 0 40px;max-width:1300px}
.mCon2 > .tit{position:static;  margin-bottom:30px;}
.mCon2 > .tit h2{display:inline-block;margin-right:20px;font-size:35px;font-weight:300;line-height:1}
.mCon2 > .tit h2 span{font-weight:800}
.mCon2 > .tit .control{display:inline-block;vertical-align:top}
.mCon2 > .tit .control button{position:relative;width:25px;height:25px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center}
.mCon2 > .tit .control .prevSlide3{background-image:url('/_res/deu/_share/img/ic_prev2.png')}
.mCon2 > .tit .control .nextSlide3{background-image:url('/_res/deu/_share/img/ic_next2.png')}
.mCon2 > .tit .control .stopSlide3{background-image:url('/_res/deu/_share/img/ic_stop2.png')}
.mCon2 > .tit .control .startSlide3{background-image:url('/_res/deu/_share/img/ic_play2.png')}


/* 25.01.21 시설물 예약신청 */

.facility-wrap li.facility-box{border:1px solid #0058a3; padding:10px 10px 30px 10px; transition:0.2s all; cursor:pointer; border-radius: 10px; background:#fff;}
.facility-wrap li.facility-box a{display:block; width:100%: height:100%;}
.facility-wrap li.facility-box .img-wrap{border:1px solid #ebebeb; overflow:hidden; height:auto; background-color:#ebebeb;}
.facility-wrap li.facility-box .img-wrap img{width:100%; height:100%;transition:0.2s all; }
.facility-wrap li.facility-box .img-wrap:hover img{ transform:scale(1.03) }
.facility-wrap li.facility-box .title{font-size:1.3rem; font-weight:700;  margin:20px auto 30px; padding:0 10px;}
.facility-wrap li.facility-box .info{padding:0 10px;}
.facility-wrap li.facility-box .info p{font-size:1rem; color:#333; line-height:1.6; }
.facility-wrap li.facility-box .info p strong{width:30%; display:inline-block; margin-right:20px;}
.facility-wrap li.facility-box .info p span{}
.facility-wrap li.facility-box:hover{background-color:#f8fcff;}




#cont_wrap .contents .cont_program .more_btn{position:absolute;right:30px;display:inline-block; vertical-align:top; border:1px solid #cccccc; cursor:pointer; box-sizing:border-box;}
#cont_wrap .contents .cont_program .more_btn:hover{}
#cont_wrap .contents .cont_program .more_btn a{display: block; font-size:0; padding:14px 20px 14px 20px; background:#fff; color:#333;}
#cont_wrap .contents .cont_program .more_btn a:hover{background:#0058a3; color:#fff; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
#cont_wrap .contents .cont_program .more_btn a em{font-size:16px; line-height:20px; display:inline-block; vertical-align:top;}
#cont_wrap .contents .cont_program .more_btn a span{margin-left:12px; width:19px; height:20px; background:url('../img/pc/main/img_btn_more.png') 50% 50% no-repeat; display:inline-block; vertical-align:top;}
#cont_wrap .contents .cont_program .more_btn a:hover span{background:url('../img/pc/main/img_btn_moreOn.png') 50% 50% no-repeat; display:inline-block; vertical-align:top; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}

/*게시판*/
.board-wrap{width:100%;background:#f8f8f8}
#cont_wrap .contents .cont_board{max-width:1420px; margin:0 auto; padding:70px 30px; line-height:1.4; font-size:0; text-align:left;}
#cont_wrap .contents .cont_board .board_box{width:48.5%; min-height:320px; display:inline-block; vertical-align:top; border:1px solid #cccccc; box-sizing:border-box; background:#ffffff; padding:30px; *zoom:1; }
#cont_wrap .contents .cont_board .rnd_box{margin-right:3%;}
#cont_wrap .contents .cont_board .board_box:after { content:""; clear:both; display:block; }
#cont_wrap .contents .cont_board .board_box .board_box_top{*zoom:1;}
#cont_wrap .contents .cont_board .board_box .board_box_top:after { content:""; clear:both; display:block; }
#cont_wrap .contents .cont_board .board_box .board_title{font-weight:600; font-size:25px; line-height:50px;}
#cont_wrap .contents .cont_board .board_box .more_btn{float:right; border: 1px solid #cccccc; box-sizing: border-box;}
#cont_wrap .contents .cont_board .board_box .more_btn a{display: block; font-size:0; padding:15px 20px; background:#ffffff; color:#333333;}
#cont_wrap .contents .cont_board .board_box .more_btn a:hover{background:#0058a3; color:#ffffff; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
#cont_wrap .contents .cont_board .board_box .more_btn a em{font-size:20px; line-height:20px; display:inline-block; vertical-align:top;}
#cont_wrap .contents .cont_board .board_box .more_btn a span{margin-left:12px; width: 19px; height: 20px; background: url('../img/pc/main/img_btn_more.png') 50% 50% no-repeat; display: inline-block; vertical-align: top;}
#cont_wrap .contents .cont_board .board_box .more_btn a:hover span{background: url('../img/pc/main/img_btn_moreOn.png') 50% 50% no-repeat;}
#cont_wrap .contents .cont_board .board_box .board_list{margin-top:20px;}
#cont_wrap .contents .cont_board .board_box .board_list .li_textbox{font-size:22px;}
#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li{position:relative; line-height:30px; margin-bottom:15px; width:100%;}
#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li:nth-child(n+4){margin-bottom:0}
#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li:nth-child(n+5){display:none}
#cont_wrap .contents .cont_board .board_box .board_list .li_textbox .li_new .ban_new{display:inline-block; vertical-align:top; background:#f63c8b; font-size:16px; line-height:40px; color:#ffffff; width:66px; text-align:center; margin-right:20px;}
#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li a{font-size:20px; color:#333; display:inline-block; vertical-align:top; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; max-width:calc(100% - 137px);}
#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li.li_new a{max-width:calc(100% - 223px);}
#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li .ban_date{font-size:18px; color:#818181; position:absolute; top:0; right:0; text-align:right; letter-spacing:0; width:137px; padding-right:10px;}

.cont_logoslide{padding:40px 30px; line-height:1.4; font-size:0; text-align:left; background:#f4f4f4;}
.cont_logoslide_inner{position:relative; max-width:1600px; padding-left:155px; margin:0 auto;}
.cont_logoslide .slide_button{position:absolute; top:50%; margin-top:-25px; left:0; font-size:0; text-align:left;}
.cont_logoslide .slide_button button{width:50px; height:50px; border:none; display:inline-block; vertical-align:top; cursor:pointer; text-indent:-9999px;}
.cont_logoslide .slide_button button.prev_btn{margin-right:4px; background:#fff url('../img/pc/main/img_btn_prev.png') 17px 50% no-repeat;}
.cont_logoslide .slide_button button.prev_btn:hover{background:#0058a3 url('../img/pc/main/img_btn_prevOn.png') 17px 50% no-repeat; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
.cont_logoslide .slide_button button.next_btn{background:#fff url('../img/pc/main/img_btn_next.png') 21px 50% no-repeat;}
.cont_logoslide .slide_button button.next_btn:hover{background:#0058a3 url('../img/pc/main/img_btn_nextOn.png') 21px 50% no-repeat; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
.cont_logoslide .logoslide_box{}


/* 학사일정 */
.mCon4 ul li .con{min-height:105px;line-height:1.4;word-break:keep-all}
.mConBox4{margin-top:60px;}
.mCon4 .lt .detail a{background:#049b64;}
.mCon4 ul li .con .date{color:#049b64;}


/*미디어*/



/*FOOTER*/
#footer{background:#0c1823 !important;}
#footer .footTop .footWrap_sh{padding:0 30px; /*max-width:1650px !important;*/max-width:1420px !important;}
#footer .footTop .footWrap .sh_ft_menu{padding:40px 0 !important;}
#footer .footTop .footWrap .sh_ft_menu li a{ display: block;font-size: 20px; color: #ffffff; line-height: 20px !important;}
#footer .footTop .footWrap .sh_ft_menu li {padding:0 25px 0 0 !important; margin-right:25px; border-right:1px solid #555e65; }
#footer .footTop .footWrap .sh_ft_menu li:last-child{margin-right:0 !important; padding-right:0 !important; border-right:0;}
#footer .footTop .footWrap .link_sh{margin:23px 0 !important;}
#footer .footTop .footWrap .link_sh .fFamily:first-child{margin-right:10px;}
#footer .footTop .footWrap .link_sh .fFamily button.open{width:220px; height:55px; font-size:18px; line-height:18px; color:#6a737b; border:1px solid #6a737b; text-align:left;}
#footer .footTop .footWrap .link_sh .fFamily button.open::after{border:0; background: url('../img/pc/main/icon_open.png') 17px 50% no-repeat; display:block; width:50px; height:50px; -webkit-transform: rotate(0deg); top: 6px; right: 0;}
#footer .footBottom_sh{position:relative; padding:60px 30px  /*!important; max-width: 1650px !important;*/max-width:1420px !important;}
#footer .footBottom address.addr{font-size:18px  !important; color:#555e65 !important; word-break:keep-all;}
#footer .footBottom .copy{font-size:18px; color:#555e65;}
#footer .footBottom_sh .ft_logo{position:absolute; top:50px; right:30px;}
#footer .botBtTop {z-index: 999 !important;}
/*
=========================================================================
반응형 레이아웃 css
=========================================================================
*/

@media all and (max-width:1920px){
	#cont_wrap .contents .cont_vis .img-box{width:100%;}
	#cont_wrap .contents .cont_vis .img-box img{height:auto; width:auto;}
	#footer .footTop .footWrap .link_sh .fFamily button.open::after{background: url('../img/pc/main/icon_open.png') 17px 50% no-repeat; top: 6px; right: -5px;}

}

@media all and (max-width:1600px){
	#footer .footTop_sh{padding:0 30px !important;}
	#footer .footTop .footWrap .link_sh .fFamily button.open{width:155px;}
	#footer .footTop .footWrap_sh{padding:0;}
}

@media all and (max-width:1460px){
	.mConBox2{padding:0 30px; margin-top:50px;}
	.mCon2{padding:0px 0px 40px 0; }
	.mCon2 > .tit{left:0;}
	#cont_wrap .contents .cont_program .more_btn{right:0px;}
}

@media all and (max-width:1200px){

	#cont_wrap .contents .cont_vis{height:auto;}
	#cont_wrap .contents .cont_vis .img-box{position:relative; left:0; /*height:40vh;*/}
	#cont_wrap .contents .cont_vis .img-box img{height:auto; width:100%;}
	#cont_wrap .contents .cont_vis .center_box{display:none;}
	#cont_wrap .contents .cont_vis .emb_box{position:absolute; left:auto; top:auto; z-index:7; opacity:0.04; right:-47px; bottom:15%; height:40%;}
	#cont_wrap .contents .cont_vis .emb_box img{width:auto; height:100%;}
	#cont_wrap .contents .cont_vis .vis_textbox{padding:0; background:#0058a3; border-top-right-radius:80px; margin-top:-80px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan{padding:80px 50px 60px 50px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan img{width:60%;}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list{margin-left:0; padding:5% 0; background:#0961ab;}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list ul{width:100%;}
	/*#cont_wrap .contents .cont_vis .vis_textbox .icon_list li{width: calc(100% / 6);}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list li img{width:30%;}*/

	#cont_wrap .contents .cont_board .board_box{width:100%;}
	#cont_wrap .contents .cont_board .rnd_box{margin-right:0; margin-bottom:30px;}

	#footer .footTop_sh{border-bottom:1px solid rgba(255,255,255,0.2) !important;}
	#footer .footTop .footWrap .link_sh{margin: 0px 0 35px !important;}
	#footer .footTop .footWrap .link_sh .fFamily button.open{width:220px;}
}

@media all and (max-width:1024px){
	#cont_wrap .contents .cont_vis .vis_textbox .slogan img{width:80%;}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list li img {height:50%;  width:auto;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox{width:100%; position:relative; margin-bottom:30px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_title{font-size:30px; line-height:30px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_text{font-size:18px; margin-top:10px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_text br{display:none;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button{position:absolute; top:0; right:0; margin-top:0;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox{width:100%;}
	#footer .footBottom_sh .ft_logo{position:relative; top:0; left:0; margin:30px 0; }
	/*25.01.21 추가 */
	.mConBox2.flex {flex-direction:column;}
	.mConBox2.flex .mCon2{width:100%; max-width:100%;}
}


@media all and (max-width:885px){
	#cont_wrap .contents .cont_vis .vis_textbox .slogan span{font-size: 22px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan h1{margin-top: 25px; font-size: 50px; line-height: 65px;}
	#footer .footTop .footWrap .footMenu li{margin-bottom:10px;}
}

@media all and (max-width:640px){
	#cont_wrap .contents{ padding-top:60px;}
	#header .head_box .btntop{top:0px !important;}
	#cont_wrap .contents .cont_vis .img-box{/*height:45vh;*/}
	
	#cont_wrap .contents .cont_vis .vis_textbox .slogan{padding:40px 20px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan span{font-size: 18px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan h1{margin-top: 20px; font-size: 40px; line-height:1.2;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan h1 br{display:none;}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list li{width: calc(100% / 4);margin-bottom:20px;}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list li img {height:50px;  width:auto;}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list{padding:5%;}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list li:hover{background:url('../img/mobile/main/img_liOn.png') 20% 0 no-repeat;}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list li span{font-size:14px; padding-top:10px; word-break:keep-all;}
	#cont_wrap .contents .cont_notice .nt_wrap{padding:60px 20px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_title{font-size:30px; line-height:30px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_text{font-size:16px; margin-top:15px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button{top:-6px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn{width:40px; height:40px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn{width:40px; height:40px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a{padding:10px 20px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a em{font-size:15px; line-height:20px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a{padding:30px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_title{font-size:18px; height:50px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_contents{font-size: 16px; height: 45px; margin: 20px 0;}
	.mCon2 > .tit .control{position:realative;right:auto;top:auto;}
	#cont_wrap .contents .cont_program .more_btn{top:0px;}
	#cont_wrap .contents .cont_program .more_btn a{padding:10px 20px;}
	#cont_wrap .contents .cont_program .more_btn a em{font-size:15px;line-height:20px;}
	#cont_wrap .contents .cont_board{padding:60px 20px;}
	#cont_wrap .contents .cont_board .board_box{padding:30px;}
	#cont_wrap .contents .cont_board .board_box .board_title{line-height:40px;}
	#cont_wrap .contents .cont_board .board_box .more_btn a{padding:10px 20px;}
	#cont_wrap .contents .cont_board .board_box .more_btn a em{font-size:15px; line-height:20px;}
	#cont_wrap .contents .cont_board .board_box .board_list{margin-top:20px;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li{line-height:30px; margin-bottom:8px;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li a{font-size:16px; max-width: calc(100% - 109px);  line-height: 30px;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li .ban_date{font-size:15px; line-height: 30px;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox .li_new .ban_new{font-size:14px; margin-right:10px; line-height: 30px; width: 60px;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li.li_new a{max-width: calc(100% - 200px);  line-height: 30px;}
	#cont_wrap .contents .cont_logoslide{padding:20px 30px;}
	#cont_wrap .contents .cont_logoslide_inner{padding-left:130px;}
	
	
	

	#footer .footTop .footWrap .link_sh{width:100% !important; margin: 0px 0 30px !important;}
	#footer .footTop .footWrap .sh_ft_menu{text-align:left !important; padding: 40px 0 0 0 !important;}
	#footer .footTop .footWrap .sh_ft_menu li{padding-right:10px !important; margin-right:10px;}
	#footer .footTop .footWrap .link_sh .fFamily{width:47%;}
	#footer .footTop .footWrap .link_sh .fFamily:first-child{margin-right:3%;}
	#footer .footTop .footWrap .link_sh .fFamily button.open{width:100%;}
	#footer .footBottom_sh{padding:30px !important;}
	#footer .footBottom address.addr{font-size: 12px !important; margin-bottom:0 !important;}
	#footer .footBottom .copy{font-size:12px;}
	
	/*25.01.21추가*/
	.mCon2 > .tit h2 {margin-right:10px;}
	.mCon2 > .tit h2 span{font-size:20px !important; }
	.mCon2 > .tit .control button{width:15px; height:15px;}
}

@media all and (max-width:460px){
	
	#cont_wrap .contents .cont_vis .emb_box{right:0;height:30%;bottom:30%}
	
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list li{width: calc(100% / 3);margin-bottom:20px;}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list li:nth-child(n+7){margin-bottom:0;}
	
	
	#cont_wrap .contents .cont_vis .vis_textbox .slogan span{font-size: 15px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan h1{margin-top: 15px; font-size: 35px; line-height: 45px;}
	
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_title{font-size:24px; line-height:24px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button{top:-6px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn{width:30px; height:30px; background: #ffffff url('../img/mobile/main/img_btn_prev.png') center center no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn:hover{background: #0058a3 url('../img/mobile/main/img_btn_prevOn.png') center center no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn{width:30px; height:30px; background: #ffffff url('../img/mobile/main/img_btn_next.png') center center no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn:hover{background: #0058a3 url('../img/mobile/main/img_btn_nextOn.png') center center no-repeat;}
	#cont_wrap .contents .cont_program .more_btn{top:0;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a, #cont_wrap .contents .cont_program .more_btn a{padding:5px 10px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a em, #cont_wrap .contents .cont_program .more_btn a em{font-size:10px; line-height:20px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a span, #cont_wrap .contents .cont_program .more_btn a span{margin-left:5px; background: url('../img/mobile/main/img_btn_more.png') 50% 50% no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a:hover span, #cont_wrap .contents .cont_program .more_btn a:hover span{background: url('../img/mobile/main/img_btn_moreOn.png') 50% 50% no-repeat;}

	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li{margin-bottom:10px;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li .ban_date{display:none;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li.li_new a{max-width: calc(100% - 76px);}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li a{max-width:100%;}
	#cont_wrap .contents .cont_board .board_box .board_title{font-size:20px; line-height: 30px;}
	#cont_wrap .contents .cont_board .board_box .more_btn a{padding:5px 10px;}
	#cont_wrap .contents .cont_board .board_box .more_btn a em{font-size: 10px;  line-height: 20px;}
	#cont_wrap .contents .cont_board .board_box .more_btn a img{width:24px;  padding-top:3px;}
	#footer .footTop .footWrap .link_sh .fFamily button.open{font-size:15px !important; line-height:15px !important;}
	
	
	/*25.01.21추가*/
	.mCon2 > .tit h2 span{font-size:18px !important; }
}

@media all and (max-width:360px){
	#cont_wrap .contents .cont_vis .img-box{/*height:35vh;*/}
	#cont_wrap .contents .cont_vis .img-box img{margin-top:-30px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan span{font-size: 13px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan h1{font-size: 32px; line-height: 42px;}
	#cont_wrap .contents .cont_vis .vis_textbox .icon_list li img{height:40px;}
}

@media all and (max-width:320px){
	#cont_wrap .contents .cont_vis .vis_textbox .slogan span{font-size: 12px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan h1{font-size: 30px; line-height: 40px;}
	#cont_wrap .contents .cont_notice .nt_wrap {padding: 40px 20px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_text{font-size:13px; margin-top:10px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button{top:-6px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn{width:30px; height:30px; background: #ffffff url('../img/mobile/main/img_btn_prev.png') center center no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .prev_btn:hover{background: #0058a3 url('../img/mobile/main/img_btn_prevOn.png') center center no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn{width:30px; height:30px; background: #ffffff url('../img/mobile/main/img_btn_next.png') center center no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .next_btn:hover{background: #0058a3 url('../img/mobile/main/img_btn_nextOn.png') center center no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a{padding:5px 10px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a em{font-size:10px; line-height:20px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a span{margin-left:5px; background: url('../img/mobile/main/img_btn_more.png') 50% 50% no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_titlebox .nt_button .more_btn a:hover span{background: url('../img/mobile/main/img_btn_moreOn.png') 50% 50% no-repeat;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a{padding:25px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_title{font-size:20px; height:52px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_contents{font-size:16px; height:42px;}
	#cont_wrap .contents .cont_notice .nt_wrap .nt_textbox ul .nt_list a .list_date{font-size:16px; }
	#cont_wrap .contents .cont_board{padding:40px 20px;}
	#cont_wrap .contents .cont_board .board_box{padding:25px;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li{line-height:30px; margin-bottom:5px;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox .li_new .ban_new{font-size:13px; width:50px; line-height:30px;}
	#cont_wrap .contents .cont_board .board_box .board_list .li_textbox li a{font-size:14px;  line-height:30px;}
	#footer .footTop .footWrap .link_sh .fFamily{width:100%;}
	#footer .footTop .footWrap .link_sh .fFamily:first-child{margin-right:0; margin-bottom:10px;}
}

@media all and (max-width:280px){
	#cont_wrap .contents .cont_vis .img-box{height:25vh;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan{padding:30px 20px;}
	#cont_wrap .contents .cont_vis .vis_textbox .slogan h1{font-size:26px; line-height:36px;}
}