@charset "UTF-8";

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

	.sen5 .contain_cont .container .fl_l .sitemap > li > a {padding: 20px 0;}
	.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb > li {margin: 25px 0 0;}
	.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb > li > a {font-size: 22px; line-height: 33px;}
	.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb > li .sitemap_sub2_gnb > li > a {font-size: 18px; line-height: 27px;}
	.sen5 .footer footer p {font-size: 12px; line-height: 18px;}

	.sen5 .fl_r .book_slide_box #book_slide .slick-list .slick-track li a .img_box {max-width: 414px;}
	.sen5 .fl_r .book_slide_box #book_slide .slick-list .slick-track li a .img_box .img_inner {max-width: 414px; height: 573px;}

	#fp-nav.fp-left {left: 20px;}
	.sen5 .footer {left: 20px;}
	/*.section .notice_area {bottom: 120px;}*/
}

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

@media screen and (max-width:1280px){ 
	.sen5 .footer {display:block;background:#07535e;;}
	.sen5 .footer a {display:inline-block;margin-left:0px;}
	/* 공통 패딩 */
	.container {padding: 0 5px;}
	/* 공통 패딩 */

	/* 공통 fullpage */
	.section {display: table !important; width: 100%; height: auto !important;}
	.section.sen2,
	.section.sen3,
	.section.sen4,
	.section.sen5,
	.section.sen6,
	.section.sen7,
	.section.sen8,
	.section.sen1 {display: block !important;}
	.section.sen7,
	.section.sen8 {padding:30vw 0;}
	.section.sen1 .fp-tableCell,
	.section.sen2 .fp-tableCell,
	.section.sen3 .fp-tableCell,
	.section.sen4 .fp-tableCell,
	.section.sen5 .fp-tableCell,
	.section.sen7 .fp-tableCell,
	.section.sen8 .fp-tableCell {width: 100%; height: 100% !important; padding: 50px 0;}
	.section .slide {display: table !important; width: 100%; height: 707px !important;}
	.section .slide .fp-tableCell {display: table-cell !important; height: 707px !important; padding: 0;}
	.slide_area.slick-slider .slick-list .slick-slide {display:flex !important;height:auto;min-height:400px;}
	.slide_area .contain_cont {transform:none;}
	/* none */
	.mouse_box {display: none;}
	#fp-nav.fp-left {display: none !important;}
	.hot_key {display: none;}

	/* section1 */
	.section .cont01 .contain_cont .container .box, .section .cont02 .contain_cont .container .box {padding: 0;}
	.section .cont01 .contain_cont .container > .box > .title {font-size: 35px; line-height: 52px;}
	.section .cont01 .contain_cont .container .box .txt_list .list li {font-size: 20px; line-height: 30px;}
	.section .notice_area .box .title {padding: 0 15px; font-size: 18px; line-height: 38px;}
	.section .notice_area .box .notice_list {margin: 10px 0 0 10px;}
	.section .notice_area .box .notice_list .list li a .text {height: 21px; font-size: 14px; line-height: 21px;}
	.section .cont02 .contain_cont .container .box .title_area .sub_title {font-size: 20px; line-height: 20px;}
	.section .cont02 .contain_cont .container .box .title_area .title {margin: 5px 0 0; font-size: 60px; line-height: 60px;}
	.section .cont02 .contain_cont .container .box .title_area .link_view {margin: 15px 0 0; padding: 0 30px; font-size: 18px; line-height: 38px;}
	.section .cont03 .contain_cont .container .box .title_area .sub_title {font-size: 20px; line-height: 30px;}
	.section .cont03 .contain_cont .container .box .title_area .imgs {margin: 15px 0 0;}
	.section .cont03 .contain_cont .container .box .title_area .imgs img {width: 476px;}
	.section .cont03 .contain_cont .container .box .title_area .link_view {margin: 15px 0 0; padding: 0 30px; font-size: 18px; line-height: 38px;}
	/* section1 */

	/* section4 */
	.sen4 .contain_cont .container .link_view_list .list {text-align: center;}
	.sen4 .contain_cont .container .link_view_list .list li {width: calc(25% - 15px); margin: 0 20px 20px 0;}
	.sen4 .contain_cont .container .link_view_list .list li:nth-child(4n) {margin: 0 0 20px;}
	.sen4 .contain_cont .container .link_view_list .list li:nth-last-child(-n+4) {margin: 0 20px 0 0;}
	.sen4 .contain_cont .container .link_view_list .list li:nth-child(8) {margin: 0;}
	.sen4 .contain_cont .container .link_view_list .list li a {max-width: 240px;}
	.sen4 .contain_cont .container .link_view_list .list li a .box .text {padding: 70px 0 0; font-size: 18px; line-height: 27px;}
	.sen4 .contain_cont .container .link_view_list .list li a .box .text:before {width: 43px; height: 43px; background-size: contain;}
	/* section4 */

	/* section5 */
	.section.sen5 .fp-tableCell {padding: 0;}
	.section.sen5 {background-image: inherit;}
	.sen5 .contain_cont .container {padding: 0; text-align: center;}
	.sen5 .contain_cont .container .com_cont {position: inherit; top: inherit; right: inherit; max-width: 340px; margin: 0 auto;}
	.sen5 .contain_cont .container .fl_l {max-width: 100%; padding: 50px 5px 25px; background-color: #07535e;}
	.sen5 .contain_cont .container .fl_r {background-color: #33ccc7;}
	.sen5 .contain_cont .container .fl_l .sitemap > li > a {font-size: 22px; line-height: 33px;}
	.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb {max-width: 100px; margin: 0 auto; text-align: left;}
	.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb > li {margin: 20px 0 0;}
	.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb > li > a {font-size: 18px; line-height: 27px;}
	.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb > li .m_sub2_gnb > li > a {font-size: 13px; line-height: 21px;}
	.sen5 .fl_r {padding: 25px 0 0;}
	.sen5 .fl_r .book_slide_box {padding: 0 0 50px;}
	.sen5 .contain_cont .container .com_cont {max-width: 100%;}
	.sen5 .fl_r .book_slide_box #book_slide .slick-list .slick-track li {margin: 0 100px 0 0; box-shadow: 25px 25px 26px rgb(0 0 0 / 15%);}
	.sen5 .fl_r .book_slide_box #book_slide li a .img_box .img_inner {height: 473px;}
	.sen5 .footer {position: inherit; bottom: inherit; left: inherit; margin: 0; padding: 15px 5px 50px; background-color: #07535e; text-align: center;}
	.sen5 .footer footer p {color: #ffffff;}
	.sen5 .footer a {margin-top:10px;}
	/* section5 */

	/* section6 */
	.section.sen6 {display: table !important;}
	.section.sen6 .fp-tableCell {padding: 0;}
	.sen6 .contain_cont .container {padding: 0;}
	.sen6 .contain_cont .container .box {padding: 50px 5px;}
	.sen6 .contain_cont .container .box .info_list {width: 100%;}
	.sen6 .contain_cont .container .box .info_list .title {padding: 0 15px; font-size: 18px; line-height: 38px;}
	.sen6 .contain_cont .container .box .info_list .list {margin: 15px 0 0;}
	.sen6 .contain_cont .container .box .info_list .list li {margin: 10px 0 0; padding: 0;}
	.sen6 .contain_cont .container .box .info_list .list li a .text {height: 21px; font-size: 14px; line-height: 21px;}
	/* section6 */

	/* section7 */
	.sen7 .contain_cont .container .box .title_area .sub_title {font-size: 20px; line-height: 20px;}
	.sen7 .contain_cont .container .box .title_area .title {margin: 15px 0 0; font-size: 60px; line-height: 60px;}
	.sen7 .contain_cont .container .box .title_area .link_view {margin: 15px 0 0; padding: 0 30px; font-size: 20px; line-height: 38px;}
	/* section7 */

	/* section8 */
	.sen8 .contain_cont .container .box .title_area .sub_title {font-size: 20px; line-height: 20px;}
	.sen8 .contain_cont .container .box .title_area .imgs {margin: 15px 0 0;}
	.sen8 .contain_cont .container .box .title_area .imgs img {width: 20%;}
	.sen8 .contain_cont .container .box .title_area .btn_box {margin: 15px 0 0;}
	.sen8 .contain_cont .container .box .title_area .btn_box .link_view {margin: 0 10px 0 0; padding: 0 30px; font-size: 20px; line-height: 38px;}
	/* section8 */

	/* section6 */
	/* 2021-09-14추가 */
	.sen6 .contain_cont .container .box_cont {padding: 0 0 0 40px;}
	/* section6 */

	#cloud span {padding: 20px;}
	#cloud span a:before, #cloud span a:before {height: 8px;}
	#cloud span.w10 {font-size: 50px; line-height: 75px;}
	#cloud span.w10 a {padding: 0 40px;}
	#cloud span.w8 {font-size: 50px; line-height: 75px;}
	#cloud span.w8 a:hover:before, #cloud span.w8 a:focus:before {height: 12px;}
	#cloud span.w6 {font-size: 33px; line-height: 50px;}
	#cloud span.w6 a:hover:before, #cloud span.w6 a:focus:before {height: 12px;}
	#cloud span.w3 {font-size: 20px; line-height: 30px;}
	#cloud span.w1 {font-size: 18px; line-height: 27px;}
}

@media screen and (max-width: 1520px) {
	.container { width: 90%; }
}


@media screen and (max-width:1080px){
	.section .slide {height: 357px !important;}
	.section .slide .fp-tableCell {height: 357px !important;}
	.section .fp-slidesNav {left: 5px !important;}

	.section.sen1 {background-color: #000000; display: block !important; padding-bottom: 100px !important;}
	.section.sen6 {display: block !important; height: auto !important;}
	.section.sen6 .fp-tableCell {display: block; height: auto !important;}
	.section.sen6 .contain_cont .container {display: block;}
	.section.sen6 .contain_cont .container .box {display: block; width: 100%; background-image: url('/Spri/images/main/cont_bg_06_1.jpg'); background-position: center;}
	.section.sen6 .contain_cont .container .inner_box {display: none;}

	.slider_control { display: none; }
	/* section1 */
	.section .notice_area {position: relative; bottom: 0; left: 0; right: 0; max-width: 100%; padding: 30px 0; background-color: #000000; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}
	.section .slide:after {display: block; content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; max-height: 150px; background-image: url("/Spri/images/main/main_bg0.png"); background-position: bottom center; background-size: 100% 150px; background-repeat: no-repeat;}
	/* section1 */

	.books .items { width: 48.5%; }
	.books .items .img_box { height: 250px; }
	.books .items .img_inner { height: 250px; }
	.books .items .title { font-size: 16px; }

	.notice_area2 .left, .notice_area2 .right { width: 100%; }
	.notice_area2 .left { margin-bottom: 30px; }

	.sen4 .contain_cont .container .link_view_list .list {text-align: center;}
	.sen4 .contain_cont .container .link_view_list .list li {width: 200px;}
	.sen4 .contain_cont .container .link_view_list .list li a .box {height: 200px;}

	.sen5 .fl_r .book_slide_box #book_slide .slick-list .slick-track li a .img_box {max-width: 204px;}
	.sen5 .fl_r .book_slide_box #book_slide .slick-list .slick-track li a .img_box .img_inner {max-width: 204px; height: 283px;}

	#cloud {height: 540px;}
	#cloud span {padding: 15px;}
	#cloud span.w10 {font-size: 30px; line-height: 45px;}
	#cloud span.w10 a {padding: 0 30px;}
	#cloud span.w8 {font-size: 30px; line-height: 45px;}
	#cloud span.w6 {font-size: 22px; line-height: 33px;}
	#cloud span.w3 {font-size: 18px; line-height: 27px;}
	#cloud span.w1 {font-size: 16px; line-height: 24px;}

	.main_popup_cont {position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: 100%; margin: 0; background-color: rgba(0, 0, 0, 0.6);}
	.main_popup_cont .cont {position: fixed; top: 50%; left: 50%; width: 100%; max-width: 390px; padding: 0 5px; transform: translate(-50%,-50%);}
	.main_popup_cont.bg6 .cont .chk_box .box .close_box .close_btn {background-color: rgba(255, 255, 255, 0.1);}
	.main_popup_cont.bg6 .cont .chk_box .box .chk_area input {border: 1px solid #ffffff;}
	.main_popup_cont.bg6 .cont .chk_box .box .chk_area label .text {font-weight: 400; color: #ffffff;}

	.section .cont02 .contain_cont .container .box .title_area .title { font-size: 40px; }
 /*
	.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
	*/
}

@media screen and (max-width:870px){ 
	.section .cont02 .contain_cont .container .box .title_area {padding:0 70px;}
	.sen4 .contain_cont .container .link_view_list .list li {width: 170px;}
	.sen4 .contain_cont .container .link_view_list .list li a .box {height: 170px;}
	.slide_area .slick-next {right:10px;width: 60px;height: 60px;}
	.slide_area .slick-prev {left:10px;width: 60px;height: 60px;}
	.slide_area .slick-next:before {width:30px;height:30px;}
	.slide_area .slick-prev:before {width:30px;height:30px;}

	.notice_area .box { width: 100%; margin-top: 50px; }
}

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

	.section .slide {height: 257px !important;}
	.section .slide .fp-tableCell {height: 257px !important;}
	.section .fp-tableCell {padding: 70px 0;}

	/* section1 */
	/* .section .slide.cont01:before {background-image: url('/Spri/images/main/cont_bg_01_m.jpg');}
	.section .slide.cont02:before {background-image: url('/Spri/images/main/cont_bg_02_m.jpg');}
	.section .slide.cont03:before {background-image: url('/Spri/images/main/cont_bg_03_m.jpg');} */
	.section .slide:after {display: block; content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; max-height: 50px; background-image: url("/Spri/images/main//main_bg0.png"); background-position: bottom center; background-size: 100% 50px; background-repeat: no-repeat;}
	.section.sen1 .cont01 .contain_cont .container > .box > .title {font-size: 18px; line-height: 27px;}
	.section.sen1 .cont01 .contain_cont .container .box .txt_list {margin: 5px 0 0;}
	.section.sen1 .cont01 .contain_cont .container .box .txt_list .list li {font-size: 12px; line-height: 18px;}
	.section.sen1 .notice_area {padding: 15px 0;}
	.section.sen1 .notice_area .box .title {padding: 0 7px; font-size: 22px; line-height: 24px;}
	.section.sen1 .notice_area .box .notice_list {margin: 5px 0 0 5px;}
	.section.sen1 .notice_area .box .notice_list .list li a .text {height: 18px; font-size: 12px; line-height: 18px;}
	.section.sen1 .cont02 .contain_cont .container .box .title_area .sub_title {font-size: 14px; line-height: 14px;}
	.section.sen1 .cont02 .contain_cont .container .box .title_area .title {font-size: 24px; line-height: 24px;}
	.section.sen1 .cont02 .contain_cont .container .box .title_area .link_view {margin: 10px 0 0; padding: 0 7px; font-size: 12px; line-height: 24px;}
	.section.sen1 .cont03 .contain_cont .container .box .title_area .sub_title {font-size: 14px; line-height: 14px;}
	.section.sen1 .cont03 .contain_cont .container .box .title_area .imgs img {width: 227px;}
	.section.sen1 .cont03 .contain_cont .container .box .title_area .link_view {margin: 10px; padding: 0 7px; font-size: 12px; line-height: 24px;}
	/* section1 */

	.sen4 .contain_cont .container .link_view_list .list li {width: 140px;}
	.sen4 .contain_cont .container .link_view_list .list li a .box {height: 140px;}
	.sen4 .contain_cont .container .link_view_list .list li a .box .text {padding: 40px 0 0; font-size: 16px; line-height: 24px;}
	.sen4 .contain_cont .container .link_view_list .list li a .box .text:before {width: 33px; height: 33px;}

	.sen5 .contain_cont .container .fl_l {padding: 30px 5px;}
	.sen5 .contain_cont .container .fl_l .sitemap > li {width: calc(33.3333% - 6.6666px);margin: 0 10px 0 0;}
	.sen5 .contain_cont .container .fl_l .sitemap > li > a {padding: 5px 0; font-size: 16px; line-height: 24px;}
	.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb > li {margin: 10px 0 0;}
	.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb > li > a {font-size: 14px; line-height: 21px;}
	.sen5 .contain_cont .container .fl_l .sitemap > li .sitemap_sub_gnb > li .sitemap_sub2_gnb > li > a {font-size: 12px; line-height: 18px;}
	.sen5 .fl_r {padding: 30px 0 0;}
	.sen5 .fl_r .book_slide_box #book_slide .slick-list .slick-track li {margin: 0 50px 0 0;}
	.sen5 .footer {padding: 15px 5px 30px;}

	/* .section.sen6 {background-image: url("/Spri/images/main//cont_bg_06_1.jpg");} */
	.sen6 .contain_cont .container .box .info_list {margin: 35px 0 0;}
	.sen6 .contain_cont .container .box .info_list .title {padding: 0 15px; font-size: 14px; line-height: 24px;}
	/* 2021-09-14 추가 */
	.sen6 .contain_cont .container .box_cont {width: inherit; padding: 0;}


	.sen7 .contain_cont .container .box .title_area .sub_title {font-size: 14px; line-height: 14px;}
	.sen7 .contain_cont .container .box .title_area .title {font-size: 24px; line-height: 24px;}
	.sen7 .contain_cont .container .box .title_area .link_view {margin: 7px 0 0; padding: 0 15px; font-size: 14px; line-height: 24px;}

	.sen8 .contain_cont .container .box .title_area .sub_title {font-size: 14px; line-height: 14px;}
	.sen8 .contain_cont .container .box .title_area .btn_box .link_view {margin: 0 5px 0 0; padding: 0 15px; font-size: 14px; line-height: 24px;}
	
	#cloud {height: 340px;}
	#cloud span {padding: 8px;}
	#cloud span.w10 {font-size: 20px; line-height: 30px;}
	#cloud span.w10 a {padding: 0 15px;}
	#cloud span.w8 {font-size: 20px; line-height: 30px;}
	#cloud span.w6 {font-size: 18px; line-height: 27px;}
	#cloud span.w3 {font-size: 16px; line-height: 24px;}
	#cloud span.w1 {font-size: 14px; line-height: 21px;}
}

@media screen and (max-width:640px){ 
	.sen4 .contain_cont .container .link_view_list .list {width: 440px; margin: 0 auto; text-align: left;}
	.sen4 .contain_cont .container .link_view_list .list li {margin: 0 10px 10px 0;}
	.sen4 .contain_cont .container .link_view_list .list li:nth-child(4n) {margin: 0 10px 10px 0;}
	.sen4 .contain_cont .container .link_view_list .list li:nth-last-child(-n+4) {margin: 0 10px 10px 0;}
	.sen4 .contain_cont .container .link_view_list .list li:nth-last-child(-n+3) {margin: 0 10px 0 0;}
	.sen4 .contain_cont .container .link_view_list .list li:nth-child(3n) {margin: 0 0 10px 0;}
	.sen4 .contain_cont .container .link_view_list .list li:nth-child(8) {margin: 0;}

	.notice_area2 .left { height: auto; }
	.notice_area2 .left li { width: 100%; }
	.notice_area2 .left li .text { font-size: 14px; }

}


@media screen and (max-width:480px){
	.sen4 .contain_cont .container .link_view_list .list {width: 290px;}
	.sen4 .contain_cont .container .link_view_list .list li {margin: 0 10px 10px 0;}
	.sen4 .contain_cont .container .link_view_list .list li:nth-last-child(-n+4) {margin: 0 10px 10px 0;}
	.sen4 .contain_cont .container .link_view_list .list li:nth-last-child(-n+3) {margin: 0 10px 10px 0;}
	.sen4 .contain_cont .container .link_view_list .list li:nth-last-child(-n+2) {margin: 0 10px 0 0;}
	.sen4 .contain_cont .container .link_view_list .list li:nth-child(3n) {margin: 0 10px 10px 0;}
	.sen4 .contain_cont .container .link_view_list .list li:nth-child(4n) {margin: 0 0 10px 0;}
	.sen4 .contain_cont .container .link_view_list .list li:nth-child(2n) {margin: 0 0 10px 0;}
	.sen4 .contain_cont .container .link_view_list .list li:nth-child(8) {margin: 0;}

	.sen8 .contain_cont .container .box .title_area .imgs img {width: 30%;}

	#cloud {height: 260px;}
	#cloud span {padding: 5px;}
	#cloud span.w10 {font-size: 18px; line-height: 27px;}
	#cloud span.w10 a {padding: 0 7px;}
	#cloud span.w8 {font-size: 18px; line-height: 27px;}
	#cloud span.w6 {font-size: 16px; line-height: 24px;}
	#cloud span.w3 {font-size: 14px; line-height: 21px;}
	#cloud span.w1 {font-size: 12px; line-height: 18px;}

	.section .notice_area .box {width: 100%;}
	.section .notice_area .box:last-child {margin: 10px 0 0;}

	.main_popup_cont .cont {max-width: 100%;}
	.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li .box {padding: 15px 15px 30px;}
	.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li .box .title {height: 24px; margin: 15px 0 0; font-size: 16px; line-height: 24px;}
	.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li .box .text_box {height: 48px; margin: 10px 0 0;}
	.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li .box .text_box .text {font-size: 14px; line-height: 24px;}
	.main_popup_cont .cont .main_slide_box #main_popup .slick-list .slick-track li .box .link_box {margin: 10px 0 0; padding: 0 11px; font-size: 14px; line-height: 24px;}
	.main_popup_cont .cont .main_slide_box .control_box {max-width: 99px;}
	.main_popup_cont .cont .main_slide_box .control_box .btn_arr_area {max-width: 66px;}
	.main_popup_cont .cont .main_slide_box .control_box .btn_arr_area .btn_arr {width: 33px; height: 33px; background-size: 6px 11px;}
	.main_popup_cont .cont .main_slide_box .control_box .play_area .btn_arr2 {width: 33px; height: 33px; background-size: 7px 11px;}
	.main_popup_cont .cont .chk_box {margin: 10px 0 0;}
	.main_popup_cont .cont .chk_box .box .chk_area label .text {font-size: 14px; line-height: 21px;}
	.main_popup_cont .cont .chk_box .box .close_box .close_btn {width: 33px; height: 33px; background-size: 10px;}


}