@charset "utf-8";
/* body { background:#fff; } */

/* layout */
.main_wrap { position:relative; overflow:hidden; }
.contents_wrap {}







/*------------------------- main -------------------------*/
.mw { padding:3.5rem 0; }
.main_title {font-size:2rem; font-weight:700; text-align:center; line-height:2.4rem; color:#fe8800; }
.main_title span { font-size:1.3rem; line-height:1.5rem; color:#111; font-weight:500; display:block; margin-bottom:0.8rem; }

/* main visual */
.main_visual_wrap {z-index:6; position:relative; overflow:hidden;}
.main_visual_wrap .main_notice_area {font-size:1.3rem; position:relative; top:0; width:100%; height:4.5rem; padding:1.1rem 4% 0.7rem 4%; z-index:20; background:rgba(255, 255, 255, 0.6); text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}
.main_visual_wrap .main_notice_area span {position:relative; top:-0.2rem; margin-right:1rem; line-height:2;}
.main_visual_wrap .main_notice_area span img {width:2.25rem; height:2.25rem;}
.main_visual_wrap .main_visual_area {}
.main_visual_area {height:auto;}
.main_visual_area .main_visual { height:100%; }
.main_visual_area li { overflow:hidden; position:absolute; text-align:center; z-index:2000; width:100%; }
.main_visual_area li img {position:relative; width:100%; transition:transform 20s ease-out;}
.main_visual_area li.on img {transform:scale(1.5, 1.5);}
.main_visual_area .txt_wrap { position:absolute; top:0; left:0; right:0; text-align:center; color:#fff; display:block; width:100%; height:100%; }
.main_visual_area .txt_wrap .txt_table { display:table; width:100%; height:100%; }
.main_visual_area .txt_wrap .txt_tableCell { display:table-cell; vertical-align:middle; text-align:center; width:100%; height:100%; }
/* .main_visual_area .txt_wrap { position:absolute; top:15rem; left:0; right:0; text-align:center; color:#fff; } */
.main_visual_area .txt_wrap p {color:#fff;}
.main_visual_area .txt_wrap .visual_sub { font-size:1.7rem; font-weight:500; line-height:2rem; }
.main_visual_area .txt_wrap .visual_sub + .visual_title { margin-top:1rem; }
/* .main_visual_area .txt_wrap .visual_title { font-size:1.7rem; font-weight:400; line-height:2.8rem; } */
.main_visual_area .txt_wrap .visual_title { display:block; font-size:2.7rem; font-weight:700; line-height:3.3rem; }
.main_visual_area .txt_wrap .visual_desc { margin-top:1.3rem; font-weight:400; font-size:1.6rem; }
.main_visual_area .btn_wrap {position:absolute; bottom:1.5rem; width:100%; text-align:center;}
.main_visual_area .btn_wrap a {display:inline-block; box-sizing:border-box; width:160px; height:38px; padding:0.4rem 0 9px 0; border:2px solid #13426b; margin-left:2px; color:#13426b; text-align:center;}
.main_visual_area .btn_wrap a:first-child {margin-left:0px;}
.main_visual_area .btn_wrap a:hover {background:#13426b; color:#fff;}
.main_visual_area .bx-wrapper { margin-bottom:0 !important; height:auto; }
.main_visual_area .bx-wrapper .bx-controls { width:100%; position:absolute; bottom:3.5rem; text-align:center; } 
.main_visual_area .bx-wrapper .bx-pager {position:absolute; padding-top:0; z-index:60;}
.main_visual_area .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { width:auto; position:static; display:inline-block; } 
.main_visual_area .bx-wrapper .bx-pager .bx-pager-item,.main_visual_area .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:block; float:left; margin-left:0; }
.main_visual_area .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:first-child a { margin-left:0; }
.main_visual_area .bx-wrapper .bx-pager.bx-default-pager a { width:1rem; height:1rem; border:2px solid #fff; background-color:transparent; margin:0; margin-left:0.8rem; box-sizing:border-box;}
.main_visual_area .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_visual_area .bx-wrapper .bx-pager.bx-default-pager a.active {background:#ff8a00; border:2px solid #ff8a00; }
.main_visual_area .bx-wrapper .bx-viewport {height:100%; background:#ebbcbb;border:none; box-shadow:none; -webkit-box-shaodw:none; position:static !important;}
.main_visual_area .bx-wrapper img {max-width:none;}
.main_visual_area .bx-controls.bx-has-pager { }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { margin-left:0.8rem; position:static; display:inline-block; width:auto; height:1rem; }
.bx-wrapper .bx-controls-auto .bx-stop {width:0.8rem; height:1rem; margin:0; background:url("../img/ico_slid_play_off.png") no-repeat center center; background-size:100%;}
.bx-wrapper .bx-controls-auto .bx-start {width:0.8rem; height:1rem; margin:0; background:url("../img/ico_slid_play_on.png") no-repeat center center; background-size:100%;}
.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-start.active {display:none; background-position:center;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-start:hover {background-position:center;}
.main_visual_area li .bg_vid { width:100%; height:100%; }
.main_visual_area li video { width:100%; height:100%; display:block; position:absolute; z-index:20; top:0; left:0; }
.main_visual_area li.on img.vid_img { transform:none; width:100%; height:100%; }

/* s2 */
.s2_wrap { background:#f1f1f1; background:url("../img/s2_bg.jpg"); }
.s2_wrap .s2_area { padding:0 4%; margin:3rem 0 0 0; }
.s2_wrap .s2_area .s2_list {overflow:hidden; margin:0; padding-bottom:3.2rem; }
.s2_wrap .s2_area .s2_list .swiper-slide { float:left;  width:16.5rem; /* width:calc(50% - 0.4rem);padding:0 4%; */ box-sizing:border-box; /* margin-right:15px; */ }
.s2_wrap .s2_area .swiper-slide a { display:block; width:100%; height:19.6rem; float:left; background:#fff; margin-top:1rem; box-shadow:5px 5px 5px rgba(0,0,0,0.1); -webkit-box-shadow:rgba(0,0,0,0.1) 5px 5px 5px; -moz-box-shadow:rgba(0,0,0,0.1) 5px 5px 5px; position:relative; padding:1.5rem; }
.s2_wrap .s2_area .swiper-slide a:first-child { margin-top:0; }
.s2_wrap .s2_area .swiper-slide a:nth-child(2n) { float:right; }
.s2_wrap .s2_area .swiper-slide .num { font-size:1.6rem; color:#fe8800; font-weight:700; padding-bottom:2px; border-bottom:1px solid #fe8800; display:table; margin-bottom:1rem; }
.s2_wrap .s2_area .swiper-slide .txt  { display:block; font-size:1.4rem; line-height:1.9rem; color:#666; font-weight:400; }
.s2_wrap .s2_area .swiper-slide .s2_btm { position:absolute; padding:0 1.5rem 1.5rem; box-sizing:border-box; left:0; bottom:0; display:block; width:100%; text-align:center; }
.s2_wrap .s2_area .swiper-slide .s2_btm .detail  { display:block; font-size:1.3rem; font-weight:500; color:#fe8800; position:absolute; float:left; bottom:1.5rem; }
.s2_wrap .s2_area .swiper-slide .s2_btm img { width:6.2rem; height:6.2rem; float:right; vertical-align:bottom; }
.s2_wrap .s2_area .s2_sc { width:96%; left:2%; border-radius:2px; height:0.2rem; bottom:0; box-sizing:border-box; }
.s2_wrap .s2_area .s2_sc .swiper-scrollbar-drag { background:#fe8800; border-radius:2px; height:0.2rem; }


/* s3 */
.s3_wrap { background:#f1f1f1; }
.s3_wrap .s3_area { padding:0 4%; margin:3rem 0 0 0; }
.s3_wrap .s3_area .s3_list { height:22rem; overflow:visible; padding-bottom:0; }
.s3_wrap .s3_area .s3_list .swiper-slide { float:left; width:100%; box-sizing:border-box; position:relative; }
.s3_wrap .s3_area .s3_list .swiper-slide .s3_box { position:absolute; left:1rem; bottom:0.5rem; background:#fff; padding:1.25rem 1.5rem; box-sizing:border-box; width:17.6rem; box-shadow:0.5rem 0.5rem 0 rgba(239,128,9,0.2); -webkit-box-shadow:rgba(239,128,9,0.2) 0.5rem 0.5rem 0; -moz-box-shadow:rgba(239,128,9,0.2) 0.5rem 0.5rem 0; }
.s3_wrap .s3_area .s3_list .swiper-slide .s3_box .s3_tit { color:#333; font-size:1.4rem; font-weight:500; line-height:1.7rem; }
.s3_wrap .s3_area .s3_list .swiper-slide .s3_box .s3_link { margin-top:1rem; display:block; color:#ff8a00; font-size:1.3rem; font-weight:500; border:1px solid #ff8a00; width:100%; height:3.5rem; line-height:3.3rem; text-align:center;}
.s3_wrap .s3_area .s3_pg { text-align:right; padding:0 4%; box-sizing:border-box; }
.s3_wrap .s3_area .swiper-pagination-bullets { bottom:0.5rem; }
.s3_wrap .s3_area .s3_pg .swiper-pagination-bullet { width:1rem; height:1rem; background:#ccc; opacity:1; margin:0 0 0 0.8rem; }
.s3_wrap .s3_area .s3_pg .swiper-pagination-bullet:first-child { margin-left:0; }
.s3_wrap .s3_area .s3_pg .swiper-pagination-bullet-active { background:#ff8a00; }


/* s4 */
.s4_wrap { background:#fff; padding-bottom:0; }
/* notice_wrap */
.notice_wrap { width:100%; padding:0 4%; box-sizing:border-box; margin-top:2.8rem; }
.notice_wrap p { border-top:1px solid #ccc; }
.notice_wrap p a { display:table; width:100%; border-bottom:1px solid #ccc; }
.notice_wrap p a > span { display:table-cell; width:100%; font-size:1.4rem; box-sizing:border-box; padding:1rem 0; }
.notice_wrap p a .txt { width:27.8rem; padding-left:1rem; padding-right:0.5rem; }
.notice_wrap p a .txt span {  color:#333; line-height:1.9rem; font-weight:700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;word-break:break-all; }
.notice_wrap p a .date { color:#666; font-weight:400; width:8.2rem; text-align:center; }
.s4_wrap .s4_area {overflow:auto; margin-top:3.5rem; }
.s4_wrap .s4_area .s4_list { height:auto; overflow:visible; padding-bottom:0; }
.s4_wrap .s4_area .s4_list li { float:left; width:100%; box-sizing:border-box; position:relative; }
.s4_wrap .s4_area .s4_pg { text-align:left; padding:0 4%; box-sizing:border-box; }
.s4_wrap .s4_area .swiper-pagination-bullets { left:1.5rem; bottom:1.5rem; }
.s4_wrap .s4_area .s4_pg .swiper-pagination-bullet { width:1rem; height:1rem; background:#4c6871; opacity:1; margin:0 0 0 0.8rem; }
.s4_wrap .s4_area .s4_pg .swiper-pagination-bullet:first-child { margin-left:0; }
.s4_wrap .s4_area .s4_pg .swiper-pagination-bullet-active { background:#fff; }

/* sns_wrap */
.sns_wrap { padding:0 4%; box-sizing:border-box; width:100%; margin-top:3.5rem; }
.sns_wrap:after { clear:both; content:''; display:block; }
.sns_wrap .sns_list {width:calc(50% - 0.35rem); height:auto; float:left; margin:0 0 0 0.7rem; border:0.1rem solid #ccc;}
.sns_wrap .sns_list:first-child { margin-left:0; }
.sns_wrap .sns_list .title { font-size:1.4rem; font-weight:700; line-height:1.7rem; padding:2.9rem 1rem 1.5rem 1rem; }
.sns_wrap .sns_list .title a { display:block; height:3.6rem; word-break:break-all; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height:1.7rem; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.sns_wrap .sns_list .title.blog {background:url("../img/icon_social_blog.png") no-repeat 1rem 1rem; background-size:4.5rem; }
.sns_wrap .sns_list .title.naverTv {background:url("../img/icon_social_naverTv.png") no-repeat 1rem 1rem; background-size:5.5rem; }
.sns_wrap .sns_list .title.post {background:url("../img/icon_social_post.png") no-repeat 1rem 1rem; background-size:4.5rem; }
.sns_wrap .sns_list .title.youtube {background:url("../img/icon_social_youtube.png") no-repeat 1rem 1rem; background-size:4.5rem; }
.sns_wrap .sns_list img { width:100%; }


/*------------------------- contents box -------------------------*/
.contents_area {background:#fff; padding:1.5rem 4%; margin-top:1rem; font-size:1.4rem; line-height:2rem;}






/*------------------------- layer popup -------------------------*/
.popup_wrap { position:fixed; top:0; left:0; height:100%; width:100%; background-color:rgba(0, 0, 0, 0.6); z-index:200; align-items: center; display:none; }
.popup_wrap.active{ display:flex; }
.popup_wrap .popup_area{ padding-right:5%; padding-left:5%; box-sizing: border-box; position: relative; z-index:9; padding-top:5rem; padding-bottom:5rem; max-height:100%; overflow-y:auto; overflow-x:hidden; }
.popup_wrap .popup_contents_area{overflow: hidden;}
.popup_wrap .popup_contents_area a{display:block;}
.popup_wrap .day_btn_area{border-top:1px solid #e0e0e0; overflow: hidden;}
.popup_wrap .day_btn_area a{ font-size:13px; font-size:1.3rem; line-height:16px; line-height:1.6rem; color:#666; font-weight:400; width:50%; border-right:1px solid #e0e0e0; box-sizing: border-box; text-align: center; background-color:#fff; padding-top:0.8rem; padding-bottom:0.9rem; display:block; float:left;}
.popup_wrap .day_btn_area a:last-child{border-right:none;}






/*------------------------- layer popup -------------------------*/
/* .popup_wrap {z-index:2000; display:none; opacity:0; width:100%; height:100%; position:fixed; left:0px; top:0px; right:0px; bottom:0px; background:rgba(61, 61, 61, 0.6);}
.popup_wrap .popup_area {background:#fff; position:absolute; left:4%; right:4%; top:50%;}
.popup_wrap .popup_area .popup_header {border-top:0.5rem solid #f75381; padding:2rem 0 1.5rem 0;}
.popup_wrap .popup_area .popup_header .popup_title {font-size:1.7rem; color:#f75381; font-weight:700;}

.popup_wrap .popup_area .popup_contents_area {font-size:1.4rem; color:#666; line-height:1.5;}

.popup_wrap .popup_area .btn_area {margin:1rem 4% 0 4%; text-align:center; padding:1.5rem 0 2rem 0; border-top:0.1rem solid #f75381;}

.popup_wrap .popup_area .day_btn_area {overflow:hidden; border-top:0.1rem solid #e0e0e0;}
.popup_wrap .popup_area .day_btn_area a {height:3.3rem; line-height:3.3rem; font-size:1.3rem; text-align:center; display:block; float:left; width:50%; border-left:0.1rem solid #e0e0e0;}
 */