@charset "utf-8";
/* 모바일 영역 */
.m_box {display:none; position:fixed; top:0; right:-310px; width:310px; height:100%; background-color:#fff; /*overflow-y: scroll;*/ overflow-y:auto; z-index:999; transition:all .5s;z-index: 999999;}
.m_box.on {right:0;}
.m_box > div.m_top {display:flex; justify-content: space-between; align-items:center; padding:10px 20px; border-bottom:1px solid #ccc; background-color:#054f51;}
/* .m_box > div.m_top:after {content:""; display:block; clear:both;} */
.m_box > div.m_top > a.home_btn {display:inline-block; color:#fff; font-size:18px;}
.m_box > div.m_top > a.home_btn > i {margin-right:5px;}
/* .m_box > div.m_top > a.m_close_r {float:right;} */
.m_box > div.m_top > a.m_close_r > i {font-size:25px; color:#fff;}
.m_box > ul.m_list > li {text-indent:20px; line-height:50px; border-bottom:1px solid #ccc;}
.m_box > ul.m_list > li > a {position:relative; display:block; font-weight:500; font-size:17px;}
.m_box > ul.m_list > li > a:after {content:"\f078"; font-size: 13px; color: silver; font-family: FontAwesome; position: absolute; z-index: 99999; top:0px; right:15px;}
.m_box > ul.m_list > li > a.fontbg:after {content:"\f077"; font-size: 13px; color: silver; font-family: FontAwesome; position: absolute; z-index: 99999; top:0px; right:15px;}
.m_box > ul.m_list > li > ul.m_sub {background-color:#efefef; display:none;}
.m_box > ul.m_list > li > ul.m_sub > li {border-bottom:1px solid #e5e5e5;}
.m_box > ul.m_list > li > ul.m_sub > li:last-child {border-bottom:none;}
.m_box > ul.m_list > li > ul.m_sub > li > a {display:block; color:#666; font-size:16px; font-weight:500;}

.m_box > .m_link {margin-top:30px; padding:0px 10px;}
.m_box > .m_link > li {margin-bottom:5px; border:1px solid #d6d6d6; background:#f7f7f7 url("/nationalmschool/images/h_t_icon01.png") no-repeat left 20px center;}
.m_box > .m_link > li:nth-child(2) {background-image:url("/nationalmschool/images/h_t_icon02.png");}
.m_box > .m_link > li:nth-child(3) {background-image:url("/nationalmschool/images/h_t_icon03.png");}
.m_box > .m_link > li > a {display:block; padding:10px 0px 10px 50px; background:url("/nationalmschool/images/m_site_arrow1.png") no-repeat right 15px center;}


@media screen and (max-width:1200px){
    .m_box {display:block;}
}


/* 퀵 영역 */
#main_wrap {position:relative;}
#quick {position:absolute; top:170px; right:18px; z-index:99;}
#quick .quick_list {}
#quick .quick_list > li { width:100px; height:100px; margin-bottom:10px; border-radius:50%; background:#fff; -webkit-box-shadow: 2px 0px 17px -5px rgba(145, 145, 145, 1); -moz-box-shadow: 2px 0px 17px -5px rgba(145, 145, 145, 1); box-shadow: 2px 0px 17px -5px rgba(145, 145, 145, 1);}
#quick .quick_list > li:nth-child(2) {background:#fbffd2;}
#quick .quick_list > li:last-child {margin-bottom:0px;}

#quick .quick_list > li > a {display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%;}
#quick .quick_list > li > a > span {display:inline-block; margin-top:10px; color:#333; font-size:0.8125rem; font-family:"SBAggroM";}


@media screen and (max-width:1700px){
	#quick {display:none;}
}


/* 해더 영역 */ 
#header {}
#header .h_top {}
#header .h_top .h_t_center {display:flex; justify-content:space-between; align-items:center; width:1500px; height:95px; margin:0px auto;}
#header .h_top .h_t_gnb {}
#header .h_top .h_t_gnb:after {content:""; display:block; clear:both;}
#header .h_top .h_t_gnb > li {float:left; margin-left:30px;}
#header .h_top .h_t_gnb > li:nth-child(1) {background:url("/san/images/main/h_t_icon01.png") no-repeat left center;}
#header .h_top .h_t_gnb > li:nth-child(2) {background:url("/san/images/main/h_t_icon02.png") no-repeat left center;}
#header .h_top .h_t_gnb > li:nth-child(3) {background:url("/san/images/main/h_t_icon03.png") no-repeat left center;}
#header .h_top .h_t_gnb > li:nth-child(4) {margin-left:35px; background:url("/san/images/main/h_sns.png") no-repeat left center;}
#header .h_top .h_t_gnb > li.sns {position:relative;}
#header .h_top .m_btn_r {display:none;}
#header .h_top .m_btn_r > i {font-size:1.875rem; color: #054f51; font-weight:600;}


#header .h_top .h_t_gnb > li > a {display:inline-block; padding-left:23px; font-size:1.0625rem; font-weight:550; font-family:"pretendard";}
#header .h_top .h_t_gnb > li.sns > a {color:#646464;}

#header .h_top .h_t_gnb .h_t_sns_sub {display:none; position:absolute; left:50%; transform:translateX(-50%); width:100px; border-top:2px solid #054f51; background-color:#fff; z-index:88; }
#header .h_top .h_t_gnb .h_t_sns_sub > li {transition:all .5s;}
#header .h_top .h_t_gnb .h_t_sns_sub > li > a {display:block; padding:5px 0px 5px 5px; font-size:15px; } 
#header .h_top .h_t_gnb .h_t_sns_sub > li:hover {background-color:#054f51;}
#header .h_top .h_t_gnb .h_t_sns_sub > li:hover > a {color:#fff;}
#header .h_top .h_t_gnb .h_t_sns_sub > li > a > i {margin-right:5px;}
#header .h_top .h_t_gnb .h_t_sns_sub > li:nth-child(1) > a > i {color:#0dbc54;}
#header .h_top .h_t_gnb .h_t_sns_sub > li:nth-child(2) > a > i {color:#4b6cb6;}
#header .h_top .h_t_gnb .h_t_sns_sub > li:nth-child(3) > a > i {color:#dc5b8d;}
#header .h_top .h_t_gnb .h_t_sns_sub > li:nth-child(4) > a > i {color:#f2410f;}

#header .h_top .h_t_gnb .h_t_sns_sub > li > a > img {position:relative; top:4px; margin-right:5px; border-radius:3px;}




#header .h_bot {position:relative; background-color:#054f51;}
#header .h_bot .h_b_center {width:1500px; margin:0px auto;}
#header .h_bot .h_b_gnb {}
#header .h_bot .h_b_gnb:after {content:""; display:block; clear:both;}
#header .h_bot .h_b_gnb > li {float:left; width:16.666666%; height:55px;}

#header .h_bot .h_b_gnb > li > a {position:relative; display:block; height:100%; color:#fff; font-size:1.3125rem; line-height:55px; font-weight:500; text-align:center; font-family:"pretendard";}

#header .h_bot .h_b_gnb > li:last-child > a:before {display:none;}
#header .h_bot .h_b_gnb > li > a:before {content:""; display:block; width:1px; height:20px; background-color:#377274; position:absolute; top:50%; transform:translateY(-50%); right:0px;}


#header .h_bot .h_b_gnb .h_bg_r {display:none; position:absolute; width:100%; height:220px; left:0px; background-color:#fff; z-index:77; border-bottom:1px solid #ccc;}
#header .h_bot .h_b_gnb .h_line {height:200px; border-bottom:1px solid #ccc; }
#header .h_bot .h_b_gnb .h_bg_r:after {content:""; display:block; clear:both;}
#header .h_bot .h_b_gnb .h_bg_r .left_img {position:relative; float:left; width:16.5%; height:100%; background-color:#fff;}
#header .h_bot .h_b_gnb .h_bg_r .h_font_box {width: 121.23%;; height:100%; position:absolute; right:0; top:0px;}

#header .h_bot .h_b_gnb > li:nth-child(1) .h_bg_r .left_img .h_font_box {background:#f3f3f3 url("/renewal/images/h_icon01.png") no-repeat bottom 5px center/200px;}
#header .h_bot .h_b_gnb > li:nth-child(2) .h_bg_r .left_img .h_font_box {background:#f3f3f3 url("/renewal/images/h_icon02.png") no-repeat bottom 5px center/150px;}
#header .h_bot .h_b_gnb > li:nth-child(3) .h_bg_r .left_img .h_font_box {background:#f3f3f3 url("/renewal/images/h_icon03.png") no-repeat bottom 5px center/170px;}
#header .h_bot .h_b_gnb > li:nth-child(4) .h_bg_r .left_img .h_font_box {background:#f3f3f3 url("/renewal/images/h_icon04.png") no-repeat bottom 10px center/160px;}
#header .h_bot .h_b_gnb > li:nth-child(5) .h_bg_r .left_img .h_font_box {background:#f3f3f3 url("/renewal/images/h_icon05.png") no-repeat bottom center/180px;}
#header .h_bot .h_b_gnb > li:nth-child(6) .h_bg_r .left_img .h_font_box {background:#f3f3f3 url("/renewal/images/h_icon06.png") no-repeat bottom center/120px;}
#header .h_bot .h_b_gnb .h_bg_r_center {width:1500px; height:100%; margin:0px auto;}
#header .h_bot .h_b_gnb .h_bg_r_center:after {content:""; display:block; clear:both;}

#header .h_bot .h_b_gnb .h_bg_r .left_img .h_font_box {padding-top:40px; box-sizing:border-box;}
#header .h_bot .h_b_gnb .h_bg_r .left_img .h_font_box > b {display:block;  margin-bottom:10px; font-size:1.5625rem; text-align:center; font-weight:550;}
#header .h_bot .h_b_gnb .h_bg_r .left_img .h_font_box > p { font-weight:450;}

#header .h_bot .h_b_gnb .h_bg_r .right_menu {float:left; width:83.5%; height:100%; box-sizing:border-box; padding-top:40px;}

#header .h_bot .h_b_gnb .h_bg_r .h_sub_menu:after {content:""; display:block; clear:both;}
#header .h_bot .h_b_gnb .h_bg_r .h_sub_menu > li {float:left; width:21%; height:55px; margin-left:3.8%; border:1px solid #d0d4d8; border-radius:5px; box-sizing:border-box; transition:all .5s;}
#header .h_bot .h_b_gnb .h_bg_r .h_sub_menu > li:hover {background-color:#054f51;}
#header .h_bot .h_b_gnb .h_bg_r .h_sub_menu > li:hover > a {color:#fff;}
#header .h_bot .h_b_gnb .h_bg_r .h_sub_menu > li:nth-child(4n) {margin-right:0px;}
#header .h_bot .h_b_gnb .h_bg_r .h_sub_menu > li:nth-child(n+5) {margin-top:20px;}
#header .h_bot .h_b_gnb .h_bg_r .h_sub_menu > li > a {display:block; height:100%; font-size:15px; text-align:left; text-indent:16px; line-height:55px; font-weight:500;}


@media screen and (max-width:1700px) {

}

@media screen and (max-width:1600px){
	#header .h_top .h_t_center {width:95%;}
	#header .h_bot .h_b_center {width:95%;}

    #header .h_bot .h_b_gnb .h_bg_r .h_font_box {width:115%;}


}

@media screen and (max-width:1560px){

    #header .h_bot .h_b_gnb .h_bg_r .left_img {width:17.5%;}
    #header .h_bot .h_b_gnb .h_bg_r .right_menu {width:82.5%;}
}

@media screen and (max-width:1530px){
    #header .h_bot .h_b_gnb .h_bg_r_center {width:100%;}
    #header .h_bot .h_b_gnb .h_bg_r .left_img {width:18.5%;}
    #header .h_bot .h_b_gnb .h_bg_r .right_menu {width:81.5%;}

    #header .h_bot .h_b_gnb .h_bg_r .h_font_box {width:100%; position:static;}
}

@media screen and (max-width:1500px){
	/* #header .h_top .h_t_center .h_t_logo {width:250px;} */
	#header .h_top .h_t_center .h_t_logo > a {display:block;}
	#header .h_top .h_t_center .h_t_logo > a > img {width:100%;}




}

@media screen and (max-width:1400px){
	#header .h_top {border-bottom: 1px solid #c8c9ca;}
	#header .h_bot .h_b_gnb .h_bg_r .h_sub_menu > li {margin-left:3%;}
	#header .h_bot .h_b_gnb > li > a {font-size:1.25rem;}
	/* #header .h_bot {display:none;} */
	/* #header .h_top .m_btn_r {display:block;} */
	/* #header .h_top .h_t_gnb {display:none;} */
	
 
}

@media screen and (max-width:1200px){
	#header .h_top .h_t_center {width:96%;}

	#header .h_top .h_t_center {height:80px;}
	#header .h_top .h_t_center .h_t_logo {width:200px;}
    
    #header .h_top .m_btn_r > i {font-size:1.75rem;}
	#header .h_top .m_btn_r {display:block;}
	#header .h_top .h_t_gnb {display:none;}


	#header .h_bot {display:none;}


}
@media screen and (max-width:1024px){
	#header .h_top .h_t_center {height:70px;}
	#header .h_top .h_t_center .h_t_logo {width:180px;}

    #header .h_top .m_btn_r > i {font-size:1.5625rem;}

}
@media screen and (max-width:768px){
	#header .h_top .h_t_center {width:100%; height:65px; padding:0px 10px;}
	#header .h_top .h_t_center .h_t_logo {width:160px;}


}
@media screen and (max-width:600px){
	#header .h_top .h_t_center {height:60px;}



}
@media screen and (max-width:500px){

	#header .h_top .h_t_center .h_t_logo {width:150px;}


}
@media screen and (max-width:500px){

	#header .h_top .h_t_center .h_t_logo {width:140px;}


}

/* 비주얼 영역 */
#visual {position:relative;}
#visual .v_slider li a {position:relative;}
#visual .v_text {position:absolute; top:70px; left:11%; color:#fff; text-shadow:1px 1px 2px #919191; font-family:"SBAggroB"; }
#visual .v_text > span {display:block; font-size:2.1875rem; line-height:1.3;}
#visual .v_text > strong {display:block; font-size:3.75rem;}


@media screen and (max-width:1500px){
	#visual .v_text > span {font-size:1.875rem;}
	#visual .v_text > strong {font-size:3.125rem;}
	#visual .v_text {left:7%;}
}
@media screen and (max-width:1400px){
	#visual .v_text > strong {font-size:3.125rem;}
}
@media screen and (max-width:1200px){
	#visual .v_slider li a {display:block; padding-bottom:50%;}
	#visual .v_slider li a > img {position:absolute; top:0px; left:0px; width:100%;  min-height:100%;}

	#visual .v_text {top:60px;}
	#visual .v_text > span {font-size:1.5625rem;}
	#visual .v_text > strong {font-size:2.5rem;}
	
}
@media screen and (max-width:1024px){

	#visual .v_slider li a {padding-bottom:55%;}

	#visual .v_text > span {font-size:1.375rem;}
	#visual .v_text > strong {font-size:2.1875rem;}


	
}

@media screen and (max-width:768px){
	#visual .v_text > span {font-size:1.25rem;}
	#visual .v_text > strong {font-size:1.875rem;}


}
@media screen and (max-width:600px){
	#visual .v_text {top:50px;}
	#visual .v_text > span {font-size:1.125rem;}
	#visual .v_text > strong {font-size:1.5625rem;}

}
@media screen and (max-width:500px){
	#visual .v_slider li a {padding-bottom:60%;}

	#visual .v_text {top:40px;}
	#visual .v_text > span {font-size:1rem;}
	#visual .v_text > strong {font-size:1.25rem;}
}
@media screen and (max-width:400px){
	#visual .v_slider li a {padding-bottom:70%;}

	#visual .v_text > span {font-size:0.9375rem;}
	#visual .v_text > strong {font-size:1.125rem;}
	


}




/* 공통 영역 */
#container .c_tit {margin-bottom:30px; font-size:1.875rem; color:#333; line-height:1; font-family:"SBAggroB";}
#container .c_s_tit {color:#fff; font-size:1.4375rem; font-family:"SBAggroB"; line-height:1;}

/* 컨테이너 영역 */
#container {}
/* 콘트 1영역 */
#container .cont1 {padding:60px 0px;}
#container .cont1 .cont1_center {display:flex; justify-content:space-between; width:1500px; margin:0px auto;}
#container .cont1 .notice_left {width:65%;}
#container .cont1 .notice_top {display:flex; justify-content:space-between; margin-bottom:73px;}
#container .cont1 .notice_gray_box {position:relative; width:47%; padding:35px 30px 0px; background:#f5f5f5; border-radius:5px; box-sizing:border-box; font-family:"pretendard";}

#container .cont1 .notice_gray_box .n_icon {position:absolute; top:-23px; right:0px;}
#container .cont1 .notice_gray_box .n_title {display:-webkit-box; margin-bottom:20px; font-size:1.375rem; font-weight:550; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; transition:all .5s;}
#container .cont1 .notice_gray_box .n_title:hover {text-decoration:underline;}
/* #container .cont1 .notice_gray_box .n_title > a {display:-webkit-box; font-size:1.375rem; font-weight:550; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; transition:all .5s;}
#container .cont1 .notice_gray_box .n_title > a:hover {text-decoration:underline;} */
#container .cont1 .notice_gray_box .n_text {display:-webkit-box; margin-bottom:50px; color:#595959; font-size:1.125rem; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; transition:all .5s;} 
#container .cont1 .notice_gray_box .n_text:hover {text-decoration:underline;}
/* #container .cont1 .notice_gray_box .n_text > a {}
#container .cont1 .notice_gray_box .n_text > a:hover {text-decoration:underline;} */
#container .cont1 .notice_gray_box .n_data {color:#333; font-size:1.0625rem;}

#container .cont1 .notice_list {width:49%;}
#container .cont1 .notice_list:after {content:""; display:block; clear:both;}
#container .cont1 .notice_list > li {float:left; width:46%; margin-right:8%; border-top:2px solid #ddd; transition:all .5s;}
#container .cont1 .notice_list > li:hover {border-color:#054f51;}
#container .cont1 .notice_list > li:nth-child(2n) {margin-right:0px;}
#container .cont1 .notice_list > li:nth-child(n+3) {margin-top:10px;}
#container .cont1 .notice_list > li > a {display:block; padding-top:10px;}
#container .cont1 .notice_list > li > a > p {display:-webkit-box; height:4.6875rem; margin-bottom:25px; -webkit-line-clamp:3; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; font-size:1.0625rem; font-weight:500;}
#container .cont1 .notice_list > li .data_box {display:flex; justify-content:space-between; align-items:center;}
#container .cont1 .notice_list > li .data_box .data {color:#999;}

#container .cont1 .notice_bot {}
#container .cont1 .preview_wrap {position:relative; display:flex; justify-content:flex-end; height:90px; padding-right:25px; border:1px dashed #c8c8c8; border-radius:5px; box-sizing:border-box;}
#container .cont1 .preview_img {position:absolute; bottom:-13px; left:0px;}
#container .cont1 .preview_box_wrap {display:flex; align-items:center;}
#container .cont1 .preview_box_wrap > li {position:relative; padding-left:40px; margin-right:30px; font-size:1.25rem; line-height:1.1; font-family:"SBAggroL"; box-sizing:border-box;}
#container .cont1 .preview_box_wrap > li::before {content:""; display:block; width:25px; height:25px; position:absolute; top:0px; left:0px;}
#container .cont1 .preview_box_wrap > li:nth-child(1):before {background:url("/san/images/main/c_cont1_icon01.png") no-repeat center;}
#container .cont1 .preview_box_wrap > li:nth-child(2):before {background:url("/san/images/main/c_cont1_icon02.png") no-repeat center;}
#container .cont1 .preview_box_wrap > li:nth-child(3):before {background:url("/san/images/main/c_cont1_icon03.png") no-repeat center;}
#container .cont1 .preview_box_wrap > li:last-child {margin-right:0px;}
#container .cont1 .preview_box_wrap > li.preview_inquiry {display:flex;}
#container .cont1 .preview_box_wrap > li > strong {display:inline-block; margin-right:10px; font-family:"SBAggroB";}
#container .cont1 .preview_box_wrap > li > span {font-size:0.9375rem; font-family:"SBAggroM";}
#container .cont1 .preview_box_wrap > li > .font_pink {color:#ff5240;}
#container .cont1 .preview_box_wrap > li > .font_gray {color:#a3a3a3;}
#container .cont1 .preview_box_wrap > li > .number {}
#container .cont1 .preview_box_wrap > li > .number > li {float:left;}
#container .cont1 .preview_box_wrap > li > .number > li:after {content:""; display:inline-block; width:7px; height:8px; background:#999; border-radius:50%; margin:0px 5px;}
#container .cont1 .preview_box_wrap > li > .number > li:last-child:after {display:none;}


#container .cont1 .popzone_right {width:31%;} 
#container .cont1 .pop_box {position:relative; border-radius:5px; overflow:hidden;}
#container .cont1 .pop_slider {position:relative;}
#container .cont1 .pop_slider li a img {width:100%;}
#container .cont1 .pop_slick-slider-nav {position:absolute; bottom:0px; right:0px; display:flex;}
#container .cont1 .pop_slick-slider-nav button.slick-arrow {width:40px; height:40px; font-size:0px; border:1px solid #d7d7d7; box-sizing:border-box;}
#container .cont1 .pop_slick-slider-nav button.slick-prev {background:#fff url("/san/images/main/c_cont1_pop_arrow_left.png") no-repeat center;}
#container .cont1 .pop_slick-slider-nav button.slick-next {background:#fff url("/san/images/main/c_cont1_pop_arrow_right.png") no-repeat center;}
#container .cont1 .pop_slick-slider-nav button.pop_stop {display:inline-block; width:40px; height:40px; background:#fff url("/san/images/main/c_cont1_pop_arrow_stop.png") no-repeat center; border:1px solid #d7d7d7; box-sizing:border-box;}


/* 콘트 2 영역 */
#container .cont2 {padding:60px 0px; background:#f3f3f3;}
#container .cont2 .cont2_center {width:1500px; margin:0px auto;}
#container .cont2 .cont2_box_wrap:after {content:""; display:block; clear:both;}
#container .cont2 .cont2_box_wrap > li {float:left; width:30.666666%; margin-right:4%;}
#container .cont2 .cont2_box_wrap > li:last-child {margin-right:0px;}

#container .cont2 .cont2_box_wrap > li .calendar {background-color:#fff; border-radius:15px;}


/* 더보기 공통 영역 */
#container .cont2 .more_btn { color:#999; font-size:0.9375rem; font-family:"SBAggroM";}


/* 전시·교육 */
#container .c_tit4 {margin-bottom:0px;}
#container .cont2 .tab_wrap {display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:30px;}
#container .cont2 .tab_wrap .tab_left {display:flex; align-items:center;}
#container .cont2 .tab_wrap .edu_tab {width:160px; margin-left:20px;}
#container .cont2 .tab_wrap .edu_tab:after {content:""; display:block; clear:both;}
#container .cont2 .tab_wrap .edu_tab > li {float:left; width:49%; height:28px; margin-right:2%; background:#cacaca; border-radius:5px; transition:all .3s;}
#container .cont2 .tab_wrap .edu_tab > li.color {background-color:#009591;}
#container .cont2 .tab_wrap .edu_tab > li:last-child {margin-right:0px; }
#container .cont2 .tab_wrap .edu_tab > li > a {display:block; width:100%; height:100%; color:#fff; text-align:center; line-height:29px; font-family:"SBAggroM";}
#container .cont2 .tab_wrap .edu_tab > li:hover {background:#009591;}
#container .cont2 .tab_wrap .edu_tab > li:hover > a {color:#fff;}

#container .cont2 .edu_list {}
#container .cont2 .edu_list > li {height:120px; margin-bottom:30px; background:#fff; border-radius:3px 10px 10px 10px; overflow:hidden;}
#container .cont2 .edu_list > li > a {display:flex; align-items:center;}
#container .cont2 .edu_list > li:last-child {margin-bottom:0px;}
#container .cont2 .edu_list > li .edu_img {position:relative; width:35%; height:120px; /*min-width:160px; min-height:120px;*/ border-radius:3px 10px 10px 10px; overflow:hidden;}
#container .cont2 .edu_list > li .edu_img > img {width:100%; height:100%; transition:all .5s; object-fit:cover;}
#container .cont2 .edu_list > li .edu_img:hover img {transform:scale(1.1);}
#container .cont2 .edu_list > li .edu_img > span {display:inline-block; padding:5px 15px; position:absolute; top:0px; left:0px; border-radius:5px; color:#fff; font-size:1.125rem; line-height:1; font-family:"pretendard";}
#container .cont2 .edu_list > li .edu_img > span.progress {background:#ff8539;}
#container .cont2 .edu_list > li .edu_img > span.end {background:#777;}
#container .cont2 .edu_list > li .edu_text {/*padding:10px 15px 10px 20px;*/ padding:0px 15px 0px 20px; width:65%; box-sizing:border-box;}
#container .cont2 .edu_list > li .edu_text .text {display:-webkit-box; margin-bottom:10px; font-size:1.1875rem; font-weight:500; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}
#container .cont2 .edu_list > li .edu_text .data {display:inline-block; position:relative; padding-left:22px; color:#aaa;}
#container .cont2 .edu_list > li .edu_text .data:after {content:""; display:block; width:18px; height:18px; background:url("/san/images/main/c_cont2_exhibition_data_icon.png") no-repeat center; position:absolute; top:3px; left:0px;}


/* 보도자료 */
#container .c_tit5 {margin-bottom:0px;}
#container .cont2 .press_top {display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:30px;}
#container .cont2 .press_list > li { margin-bottom:30px;/* padding:15px 30px;*/ background:#fff; border-radius:10px; box-sizing:border-box;}
#container .cont2 .press_list > li:last-child {margin-bottom:0px;}
#container .cont2 .press_list > li > a {display:flex; flex-direction:column; justify-content:center; height:120px; padding:0px 30px;}
#container .cont2 .press_list > li .data {display:block; margin-bottom:13px; color:#aaa; font-weight:550; text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:2px;}
#container .cont2 .press_list > li .text {display:-webkit-box; font-size:1.1875rem; font-weight:500; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; line-height:1.4;/* height:3.3125rem;*/ overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}




/* 콘트3 영역 */
/* 영상자료실 */
#container .cont3 {padding:60px 0px; background: linear-gradient(135deg, #3c2432, #28a3b6, #4db678);}
#container .cont3 .cont3_center {display:flex; width:1500px; margin:0px auto;}
#container .cont3 .cont3_top {display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
#container .cont3 .more_btn > img {transition:all .3s;}
#container .cont3 .more_btn > img:hover {transform:rotate(360deg);}
#container .cont3 .video_left {width:73%; margin-right:4%;}
#container .cont3 .video_list {display:flex; flex-wrap:wrap;}
#container .cont3 .video_list li {display:flex; flex-direction:column; flex:none; flex-basis:31.333333%; margin-right:3%; padding-bottom:10px; border-radius:5px; background:#fff; overflow:hidden;}
#container .cont3 .video_list li:last-child {margin-right:0px;}
#container .cont3 .video_list li > a {}
#container .cont3 .video_list li .img_top {position:relative; padding-bottom:55.38%; overflow:hidden; border-radius:0px 0px 5px 5px;}
#container .cont3 .video_list li .img_top .v_img {position:absolute; top:0px; left:0px; width:100%; height:100%; object-fit:cover; transition:all .5s;}
#container .cont3 .video_list li .img_top .v_img:hover {transform:scale(1.1);}
#container .cont3 .video_list li .img_top .youtube_play_icon {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#container .cont3 .video_list li .text_bot {display:-webkit-box; padding:10px 20px 0px;font-weight:500; box-sizing:border-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}


#container .cont3 .vr_right {width:23%;}
#container .cont3 .vr_box {border-radius:5px; overflow:hidden;}
#container .cont3 .vr_box > a {}
#container .cont3 .vr_box > a > img {width:100%;}



@media screen and (max-width:1600px){
	#container .cont1 .cont1_center {width:95%;}
	
	#container .cont1 .preview_wrap {}
	#container .cont1 .preview_box_wrap > li.preview_inquiry {display:block;}

	#container .cont2 .cont2_center {width:95%;}

	#container .cont3 .cont3_center {width:95%;}






}
@media screen and (max-width:1500px){
	#container .cont1 .notice_top {margin-bottom:45px;}

	#container .cont1 .preview_img {width:110px;}

}
@media screen and (max-width:1400px){
	#container .cont1 .popzone_right {width:32%;}

	#container .cont1 .preview_wrap {padding-right:20px;}
	#container .cont1 .preview_img {width:100px;}
	#container .cont1 .preview_box_wrap > li {margin-right:20px; padding-left:35px;}

	#container .cont2 .cont2_box_wrap > li {width:31.333333%; margin-right:3%;}





}
@media screen and (max-width:1320px){
	
#container .cont3 .video_left {margin-right:3%;}
#container .cont3 .vr_right {width:24%;}
}


@media screen and (max-width:1300px){

	#container .cont1 .notice_top {margin-bottom:30px;}
	
	#container .cont1 .preview_wrap {justify-content:space-between; align-items:center; height:auto; padding:0px 10px;}
	#container .cont1 .preview_img {position:static; width:95px;}
	#container .cont1 .preview_box_wrap {flex-wrap:wrap; width:80%;}
	#container .cont1 .preview_box_wrap > li {}
	#container .cont1 .preview_box_wrap > li.preview_inquiry {display:flex; margin-top:15px;}


	
}

@media screen and (max-width:1214px){
	#container .cont2 .tab_wrap .edu_tab {margin-left:10px;}
	#container .cont2 .edu_list > li .edu_text {padding:0px 15px;}

	
	
}




@media screen and (max-width:1200px){
	#container .c_tit {margin-bottom:20px; font-size:1.5625rem;}

	#container .cont1 {padding:50px 0px;}
	#container .cont1 .cont1_center {width:96%;}
	#container .cont1 .preview_box_wrap > li {font-size:1.125rem;}
	#container .cont1 .notice_gray_box {padding:30px 20px 0px;}
	/* #container .cont1 .notice_gray_box .n_title > a {font-size:1.25rem;}
	#container .cont1 .notice_gray_box .n_text > a {font-size:1.0625rem;} */
	#container .cont1 .notice_gray_box .n_title {font-size:1.25rem;}
	#container .cont1 .notice_gray_box .n_text {font-size:1.0625rem;}
	#container .cont1 .notice_list > li {width:47%; margin-right:6%;}

	#container .cont1 .popzone_right {width:32%;}


	#container .cont2 {padding:50px 0px;}
	#container .cont2 .tab_wrap {display:block; position:relative; margin-bottom:10px;}
	#container .cont2 .tab_wrap .tab_left {display:block;}
	#container .cont2 .tab_wrap .edu_tab {width:100%; margin-left:0px;}
	#container .cont2 .tab_wrap .edu_tab > li {height:35px;}
	#container .cont2 .tab_wrap .edu_tab > li > a {line-height:35px;}

	#container .cont2 .more_btn {position:absolute; top:0px; right:0px;}

	#container .cont2 .edu_list > li {margin-bottom:25px;}
	#container .cont2 .edu_list > li .edu_img > span {font-size:1rem;}
	#container .cont2 .edu_list > li .edu_text .text {font-size:1.125rem;}
	#container .cont2 .edu_list > li .edu_text .data {font-size:0.9375rem;}
	#container .cont2 .edu_list > li .edu_text .data:after {background-size:15px !important;} 
	#container .cont2 .press_top {position:relative; margin-bottom:0px;}
	
	#container .cont2 .press_list > li {margin-bottom:25px;}
	#container .cont2 .press_list > li > a {height:130px;}
	#container .cont2 .press_list > li .text {font-size:1.125rem;}
	#container .cont2 .press_list > li .data {font-size:0.9375rem;}


	#container .cont3 {padding:50px 0px;}
	#container .c_s_tit {font-size:1.3125rem;}



}


@media screen and (max-width:1130px){
	#container .cont2 .edu_list > li {height:auto; border-radius:10px;}
	#container .cont2 .edu_list > li > a {padding:15px 10px;}
	#container .cont2 .edu_list > li .edu_text {padding:0px 10px 0px 15px;}
	#container .cont2 .edu_list > li .edu_img {height:auto;}
	#container .cont2 .edu_list > li .edu_text .data {font-size:0.875rem;}

	#container .cont2 .press_list > li > a {height:auto; padding:22px 30px;}
}

@media screen and (max-width:1114px){
	#container .cont2 .edu_list > li .edu_text .data {word-break:break-word;}
	#container .cont2 .press_list > li > a {padding:30px 20px;}
}


@media screen and (max-width:1024px){


	#container .cont1 .cont1_center {display:block;}
	#container .cont1 .notice_left {width:100%; padding-bottom:50px;}
	#container .cont1 .notice_gray_box {width:48.5%;}
	#container .cont1 .notice_list {width:48.5%;}
	#container .cont1 .notice_list > li {width:47.5%; margin-right:5%;}



	#container .cont1 .preview_wrap {height:80px; padding-left:120px;}
	#container .cont1 .preview_img {position:absolute;}
	#container .cont1 .preview_box_wrap {width:auto;}
	#container .cont1 .preview_box_wrap > li {float:none; margin-right:30px;}
	#container .cont1 .preview_box_wrap > li.preview_inquiry {display:block; margin-top:0px;}


	#container .cont1 .popzone_right {width:100%;}



	#container .cont2 .cont2_box_wrap > li {width:48.5%;}
	#container .cont2 .cont2_box_wrap > li:nth-child(1) {width:100%; margin-right:0px; margin-bottom:50px;}
	#container .cont2 .edu_list > li > a {padding:0px;}
	#container .cont2 .edu_list > li .edu_text .text {font-size:1.0625rem;}
	#container .cont2 .edu_list > li .edu_text .data {font-size:0.9375rem;}
	#container .cont2 .press_list > li > a {padding:28px 20px;}
	#container .cont2 .press_list > li .text {font-size:1.0625rem; line-height:1.5;}
	

/* 
	#container .cont3 .cont3_center {display:block;}
	#container .cont3 .video_left {width:100%; margin-right:0px;}
	#container .cont3 .video_list > li .img_top .youtube_play_icon {width:40px;}
	#container .cont3 .vr_right {width:100%;} */
	#container .cont3 .video_left {width:65%;}
	#container .cont3 .video_list li {flex-basis:48.5%; }
	#container .cont3 .video_list li:nth-child(2) {margin-right:0px;}
	#container .cont3 .video_list li:last-child {display:none;}
	#container .cont3 .vr_right {width:32%;}
	
}

@media screen and (max-width:1000px){
	#container .cont2 .press_list > li > a { padding:0px 20px; height:135px;}
	#container .cont2 .edu_list > li > a {height:123px; padding:0px;}
	
}

@media screen and (max-width:840px){
	#container .cont1 .preview_wrap {height:auto; padding:0px 10px;}
	#container .cont1 .preview_img {position:static; width:85px;}
	#container .cont1 .preview_box_wrap > li.preview_inquiry {display:block; margin-top:0px;}

}

@media screen and (max-width:836px){
	#container .cont1 .preview_img {margin-right:5%;}
	
	#container .cont1 .preview_wrap {height:auto; padding:5px 15px;}
	#container .cont1 .preview_box_wrap > li {margin-right:5%;}
	#container .cont1 .preview_box_wrap > li.preview_inquiry {display:flex; margin-top:15px;}
	

}



@media screen and (max-width:768px){
	#container .c_tit {margin-bottom:15px; font-size:1.375rem;}

	#container .c_s_tit {font-size:1.375rem;}

	#container .cont1 {padding:40px 0px;}
	#container .cont1 .cont1_center {width:100%; padding:0px 10px;}

	#container .cont1 .notice_left {padding-bottom:40px;}
	#container .cont1 .notice_top {display:block;}
	
	#container .cont1 .notice_gray_box {width:100%; padding:25px 20px; margin-bottom:25px;}
	#container .cont1 .notice_gray_box .n_title {margin-bottom:15px; font-size:1.125rem;}
	/* #container .cont1 .notice_gray_box .n_title > a {font-size:1.125rem;} */
	#container .cont1 .notice_gray_box .n_text {margin-bottom:25px; font-size:1rem;}
	/* #container .cont1 .notice_gray_box .n_text > a {font-size:1rem;} */
	#container .cont1 .notice_gray_box .n_data {display:block; text-align:right; font-size:0.9375rem;}

	#container .cont1 .notice_list {width:100%;}
	#container .cont1 .notice_list > li {width:48.5%; margin-right:3%;}
	#container .cont1 .notice_list > li > a > p {-webkit-line-clamp:2; height:auto;}
	#container .cont1 .notice_list > li .data_box .data {font-size:0.9375rem;}

	#container .cont1 .preview_box_wrap > li {font-size:1.0625rem;}
	#container .cont1 .preview_box_wrap > li > span {font-size:0.875rem;}
	
	#container .cont2 {padding:40px 0px;}
	#container .cont2 .cont2_box_wrap > li {width:100%; margin-right:0px;}
	#container .cont2 .cont2_box_wrap > li:nth-child(1) {margin-bottom:40px;}
	#container .cont2 .cont2_box_wrap > li:nth-child(2) {margin-bottom:40px;}
	
	#container .cont2 .edu_list > li {margin-bottom:20px;}
	#container .cont2 .edu_list > li > a {height:auto;}
	#container .cont2 .edu_list > li .edu_img {width:150px; min-width:150px;}
	#container .cont2 .edu_list > li .edu_img > img {}
	#container .cont2 .edu_list > li .edu_img > span {font-size:0.9375rem;}
	#container .cont2 .edu_list > li .edu_text .text {font-size:1rem;}


	#container .cont2 .press_list > li {margin-bottom:20px;}
	#container .cont2 .press_list > li > a {height:auto; padding:20px;}
	#container .cont2 .press_list > li .text {font-size:1rem;}	




	#container .cont3 {padding:40px 0px;}
	#container .cont3 .cont3_center {display:block;}
	#container .cont3 .cont3_top {margin-bottom:15px;}
	#container .cont3 .video_left {width:100%; margin-right:0px; margin-bottom:40px;}
	#container .cont3 .vr_right {width:100%;}


	#container .cont3 .video_list li {flex-basis:48.5%;}
	#container .cont3 .video_list li:nth-child(2) {margin-right:0px;}
	#container .cont3 .video_list li:last-child {display:none;}


}

@media screen and (max-width:612px){
	#container .cont1 .preview_box_wrap > li:nth-child(1) {margin-bottom:10px;}
	#container .cont1 .preview_box_wrap > li.preview_inquiry {display:block; margin-top:0px;}
}

@media screen and (max-width:600px){
	#container .c_tit {font-size:1.125rem;}
	#container .c_s_tit {font-size:1.125rem;}

	#container .cont1 {padding:35px 0px;}
	#container .cont1 .notice_left {padding-bottom:35px;}
	#container .cont1 .notice_top {margin-bottom:25px;}
	#container .cont1 .notice_gray_box {margin-bottom:20px; padding:20px 15px;}
	#container .cont1 .notice_gray_box .n_title {margin-bottom:10px; font-size:1.0625rem;}
	/* #container .cont1 .notice_gray_box .n_title > a {font-size:1.0625rem;} */
	#container .cont1 .notice_gray_box .n_text {margin-bottom:20px; font-size:0.9375rem;}
	/* #container .cont1 .notice_gray_box .n_text > a {font-size:0.9375rem;} */

	#container .cont1 .notice_list {border-bottom:2px solid #ddd;}
	#container .cont1 .notice_list > li {width:100%; margin-right:0px;}
	#container .cont1 .notice_list > li:nth-child(n+3) {display:none;}
	#container .cont1 .notice_list > li > a {padding:10px 0px;}
	#container .cont1 .notice_list > li > a > p {margin-bottom:15px; font-size:1rem;}
	
	
	#container .cont1 .preview_img {width:15%;}
	#container .cont1 .preview_box_wrap > li {font-size:1rem;}


	#container .cont1 .pop_slick-slider-nav button.slick-arrow {width:35px; height:35px; background-size:8px !important;}
	#container .cont1 .pop_slick-slider-nav button.pop_stop {width:35px; height:35px;  background-size:8px !important;}
	

	#container .cont2 {padding:35px 0px;}
	#container .cont2 .more_btn {font-size:0.9375rem;}
	
	#container .cont2 .tab_wrap .edu_tab > li > a {font-size:0.9375rem;}

	#container .cont2 .edu_list > li .edu_img {width:140px; min-width:140px;}
	#container .cont2 .edu_list > li .edu_text .text {margin-bottom:5px;}

	#container .cont2 .press_list > li > a {padding:15px 15px;}


	#container .cont3 {padding:35px 0px;}






}

@media screen and (max-width:580px){

	
	#container .cont1 .preview_wrap {padding:10px 10px;}
	#container .cont1 .preview_img {margin-right:4%;}
	#container .cont1 .preview_box_wrap > li {margin-right:4%;}
}
@media screen and (max-width:500px){
	#container .cont1 .preview_box_wrap > li {padding-left:30px;}
	#container .cont1 .preview_box_wrap > li:before {background-size:20px !important;}
	#container .cont1 .preview_wrap {padding:15px 10px;}

	#container .cont2 .edu_list > li {margin-bottom:15px;}
	#container .cont2 .edu_list > li .edu_img {width:110px; min-width:110px;}
	#container .cont2 .edu_list > li:nth-child(2) {margin-bottom:0px;}
	#container .cont2 .edu_list > li:nth-child(n+3) {display:none;}
	#container .cont2 .edu_list > li > a {padding:15px 10px;}
	#container .cont2 .press_list > li {margin-bottom:15px;}
	#container .cont2 .press_list > li:nth-child(2) {margin-bottom:0px;}
	#container .cont2 .press_list > li:nth-child(n+3) {display:none;}


	#container .cont3 .video_list {margin:0px -5px;}
	#container .cont3 .video_list li {flex-basis:49%; margin:0px 10px;}
	#container .cont3 .video_list li:nth-child(2) {margin-right:10px;}
	#container .cont3 .video_list li:last-child {display:block;}

	#container .cont3 .video_list li .img_top {padding-bottom:70%;}

}

@media screen and (max-width:480px){

}

@media screen and (max-width:446px){
	#container .cont1 .preview_wrap {justify-content:flex-start;}
	#container .cont1 .preview_box_wrap {display:block;}
	#container .cont1 .preview_img {width:18%; margin-right:6%;}
	#container .cont1 .preview_box_wrap > li {margin-right:0; margin-bottom:15px;}
}

@media screen and (max-width:400px){

}
@media screen and (max-width:370px){
	#container .cont2 .edu_list > li .edu_text .data {letter-spacing:-0.5px;}
}



/* 풋터 영역 */
#footer {padding-bottom:90px; background:#333;}
#footer .f_center {display:flex; justify-content:space-between; width:1500px; margin:0px auto;}
#footer .f_c_left {margin-top:30px;}
#footer .f_menu {margin-bottom:20px;}
#footer .f_menu:after {content:""; display:block; clear:both;}
#footer .f_menu > li {float:left;}
#footer .f_menu > li:nth-child(2) > a {color:#fbffbf;}
#footer .f_menu > li > a {color:#fff; font-weight:500; font-size:0.875rem; transition:all .5s;}
#footer .f_menu > li:hover > a {text-decoration:underline;}

#footer .f_menu > li:after {content:""; display:inline-block; width:1px; height:12px; background:#555; margin:0px 10px;}
#footer .f_menu > li:last-child:after {display:none;}
#footer .address {color:#787878; font-size:0.875rem; line-height:1.8;}
#footer .mobile_address {display:none;}




#footer .f_c_right {display:flex; flex-direction:column; align-items:flex-end; margin-top:25px;}
#footer .f_c_r_top {display:flex; margin-bottom:10px;}
#footer .f_sns {margin-right:20px;}
#footer .f_sns:after {content:""; display:block; clear:both;}
#footer .f_sns > li {float:left; margin-right:10px;}
#footer .f_sns > li:last-child {margin-right:0px;}
#footer .f_sns > li > a {}
#footer .link_box:after {content:""; display:block; clear:both;}
#footer .link_box {width:430px;}
#footer .link_box > li {float:left; width:49%; margin-right:2%;}
#footer .link_box > li:last-child {margin-right:0px;}

#footer .mz_link {position:relative; width:100%; height:35px; background:#ebebeb; box-sizing:border-box; }
#footer .mz_link h4 a {position:relative; display:block; line-height:32px; padding:0px 0px 0px 15px; font-size:0.875rem; font-weight:500; color:#535353; z-index:1001;}
#footer .mz_link h4 a:before {position: absolute; right:15px; top:0; height:100%; font-size:0.6875rem; content: '▼'; transform: rotate(0deg); transition: all .2s ease; color:#333; }
#footer .mz_link.active h4 a:before {top: 2px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);  transform: rotate(180deg); }
#footer .mz_link ul {display:none; position:absolute; left:0; bottom:34px; width:100%; padding:0px 0; background-color: #4D525A; height:180px; overflow-y:auto; box-sizing: border-box; z-index:1000; }
#footer .mz_link li { border-bottom: 1px dotted #D2D2D2;  transition:all .3s;}
#footer .mz_link li:last-child { border-bottom: none;}
#footer .mz_link li a {display:block; line-height:35px;  font-size:14px; color:#fff; padding-left:15px; }
#footer .mz_link li:hover a{background-color: #373C44;}



#footer .f_c_r_bot {}
#footer .f_logo_wrap {display:flex; align-items:center;}
#footer .f_logo_wrap > li {margin-right:10px;}
#footer .f_logo_wrap > li:last-child {margin-right:0px;}

@media screen and (max-width:1600px){
	#footer .f_center {width:95%;}
}
@media screen and (max-width:1330px){
	#footer .f_c_r_top {flex-direction:column-reverse; align-items:flex-end;}
	#footer .f_sns {margin-top:15px;}
}


@media screen and (max-width:1200px){
	#footer {padding-bottom:30px;}
}

@media screen and (max-width:1150px){
	#footer .link_box {width:380px;}
}

@media screen and (max-width:1050px){
	#footer .link_box {width:350px;}

}


@media screen and (max-width:1024px){
	#footer {padding-top:30px;}
	#footer .f_center {flex-direction:column; align-items:center;}
	#footer .f_c_left {margin-top:0px;}
	#footer .f_c_right {margin-top:0px; align-items:center;}
	#footer .f_c_r_top {align-items:center;}
	#footer .f_sns {margin-right:0px;}
	#footer .link_box {width:480px;}
 
	#footer .pc_address {display:none;}
	#footer .mobile_address {display:block; margin-top:15px; text-align:center; line-height:1.5;}

}

@media screen and (max-width:768px){
	#footer {padding:20px 0px;}
}

@media screen and (max-width:650px){

	#footer .f_menu {text-align:center;}
	#footer .f_menu > li {float:none; display:inline-block;}
	#footer .link_box {width:380px;}
	
}

@media screen and (max-width:600px){
	#footer .mobile_address {font-size:0.8125rem;}
}

@media screen and (max-width:524px){
	#footer .mobile_address {font-size:0.8125rem;}
	#footer .mz_link h4 a {padding:0px 0px 0px 10px;}
	#footer .f_sns > li > a > img {width:30px;}
	#footer .f_logo_wrap > li:nth-child(1) > a > img {width:90px;}
	#footer .f_logo_wrap > li:nth-child(2) > a > img {width:50px;}
}

@media screen and (max-width:500px){

}

@media screen and (max-width:400px){
	#footer .link_box {width:330px;}
}