@charset "utf-8";

html,body {background-color:#fff !important;}
html.mobile .is-mobile {display:block !important;}
html .is-pad, 
html .is-pc {display:none !important;}

html.overflow,
body.overflow {overflow:hidden;}

html.mobile body.main {padding-top:0; transition:padding-top 0.3s}
html.mobile body.main.has-notice {padding-top:120px; transition:padding-top 0.3s}

body.modal-open .modal-backdrop {z-index:1; display:none;}
body.modal-open #wrap #container {z-index:2;}
body.modal-open .modal.in {background-color:rgba(0,0,0,0.5);}
body.modal-open #header {z-index:-1;} 

#wrap {overflow:hidden;}

.top_notice_area {height:0; background-color:#635257; overflow:hidden; transition:height 0.6s;}
.top_notice_area.active {height:120px; transition:height 0.6s;}
.top_notice_area .top_notice_inner {padding:20px 20px 15px; overflow:hidden;}
.top_notice_area .top_notice_inner .notice_list {height:60px; position:relative; overflow:hidden;}
.top_notice_area .top_notice_inner .notice_list .items {height:60px; margin-top:10px; outline:0;}
.top_notice_area .top_notice_inner .notice_list .items:first-child {margin-top:0;}
.top_notice_area .top_notice_inner .notice_list .items .notice {width: calc(100% - 30px); white-space: nowrap; font-size: 15px; font-weight: 300; text-overflow: ellipsis; overflow: hidden; color:#fff;}  
.top_notice_area .top_notice_inner .notice_list .items .link {min-width:110px; padding:6px 0px; margin-top:5px; display:inline-block; position:relative; text-align:center; font-size:13px; font-weight:300; background-color:#d57373; color:#fff; border-radius:50px;}
.top_notice_area .top_notice_inner .notice_list .items .link .ico_arrow {width:6px; height:11px; margin-left:10px; display:inline-block; background:url(../img/ico_link_arrow.png) 0 0 no-repeat; background-size:100%;}
.top_notice_area .top_notice_inner .notice_list .slick-arrow {width:20px; height:20px; position:absolute; right:0px; z-index:1; border:0; background-color:transparent;}
.top_notice_area .top_notice_inner .notice_list .slick-arrow:before {content:''; width:14px; height:7px; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background-repeat:no-repeat; background-size:100%;}
.top_notice_area .top_notice_inner .notice_list .slick-arrow.slick-prev  {top:-2px;}
.top_notice_area .top_notice_inner .notice_list .slick-arrow.slick-prev:before {background-image:url(../img/ico_notice_arrow_prev.png)}
.top_notice_area .top_notice_inner .notice_list .slick-arrow.slick-next  {top:18px;}
.top_notice_area .top_notice_inner .notice_list .slick-arrow.slick-next:before {background-image:url(../img/ico_notice_arrow_next.png)}
.top_notice_area .top_notice_inner .btm_ctl_box {position:relative; display:flex; justify-content:flex-end; align-items:center;}
.top_notice_area .top_notice_inner .btm_ctl_box input[type="checkbox"] {}
.top_notice_area .top_notice_inner .btm_ctl_box input[type="checkbox"] + label {padding-left:5px; position:relative; font-size:13px; color:#fff; font-weight:300;}
.top_notice_area .top_notice_inner .btm_ctl_box input[type="checkbox"]:focus,
.top_notice_area .top_notice_inner .btm_ctl_box input[type="checkbox"]:focus + label {outline:1px dashed #000;}
.top_notice_area .top_notice_inner .btm_ctl_box .btn_notice_close {width:25px; height:25px; margin-left:15px; background:url(../img/btn_notice_close.png) center center no-repeat; background-size:100%;}

#header {position:relative; z-index:2;}
#header.active,
#header.is-footer {background-color:#fff;}
body.main #header {width:100%; position:fixed; left:0; top:0; z-index:2;}
#header.fixed {width:100%; position:fixed;left:0; top:0;}

#header .header_inner {position:relative;}
#header .header_inner .logo {height:60px; display:flex; align-items:center; justify-content:center; background-color:#fff;}
#header .header_inner .logo a,
#header .header_inner .logo a span {font-weight:700; font-size:15px; letter-spacing:-1px;}
#header .header_inner .logo.is-gothic a,
#header .header_inner .logo.is-gothic a span {font-family: inherit;}
#header .header_inner .logo a {display:block; text-decoration:none;}
#header .header_inner .logo span {margin-left:5px;}
#header .header_inner .logo a img {height:36px; text-indent:-9999px;}

#header .header_inner .info_list_box {display:none;}

#header .header_inner .btn_menu_open,
#header .header_inner .btn_all_open  {width:60px; height:60px; position:absolute; left:0; top:50%; margin-top:-30px;}
#header .header_inner .btn_all_open {left:auto; right:0; top:108px; margin-top:0; display:none;}
#header .header_inner .btn_menu_open:before,
#header .header_inner .btn_all_open:before {content:''; width:23px; height:19px; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:url(../img/ico_menu.png) center center no-repeat; background-size:100%;}

.util_menu_area {display:flex; margin-top:20px;}
.util_menu_area a,
.util_menu_area span {width:50%; height:60px; display:flex; position:relative; justify-content:center; align-items:center; font-size:17px; color:#000; font-weight:300;}
.util_menu_area a:hover,
.util_menu_area a:focus,
.util_menu_area a:active {text-decoration:underline;}
.util_menu_area a:first-child:before,
.util_menu_area span:first-child:before {content:''; width:1px; height:100%; display:block; position:absolute; right:0; top:0; background-color:#ccc;}

.util_menu_area a i[class^="icon-"] {width:33px; height:30px; margin-right:10px; display:block; background-position:0 0; background-repeat:no-repeat; background-size:100%; }
.util_menu_area a .icon-join {background-image:url(../img/ico_join_over.png)}
.util_menu_area a .icon-login {background-image:url(../img/ico_login_over.png)}
.util_menu_area a .icon-logout {background-image:url(../img/ico_logout_over.png)}

#header .header_inner .btn_menu_close {width:60px; height:60px; position:absolute; left:0; top:0; z-index:1900;}
#header .header_inner .btn_menu_close:before {content:''; width:19px; height:19px; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:url(../img/ico_menu_close.png) 0 0 no-repeat; background-size:100%;}

.all_navi_wrap {display:none;}

#container {width:100%; position:relative; z-index:1;}
#container .container_inner {}
#container .container_inner:after {content:''; clear:both; display:block;}
#container .container_inner .lnb_area {display:none;}
#container .container_inner .sub_contbox .sub_content {min-height:360px; padding:0 20px 100px; background-color:#fff;}
#container .container_inner .sub_contbox .sub_content:after {content:''; clear:both; display:block;}
#container .container_inner .sub_contbox .sub_headbox {height:60px; padding:0 20px; display:flex; align-items:center;}
#container .container_inner .sub_contbox .sub_headbox .cont_top_title {font-size:24px; color:#000; font-weight:300;}
#container .container_inner .sub_contbox .sub_headbox .history {display:none;}
#container .container_inner .sub_contbox .sub_headbox .btn_sch_result {display:none;}
#container .container_inner .sub_contbox.is-slideToggle .sub_headbox {height:auto; padding:0; position:relative;}
#container .container_inner .sub_contbox.is-slideToggle .sub_headbox .cont_top_title {position:absolute; left:-9999px}
#container .container_inner .sub_contbox.is-slideToggle .sub_headbox .btn_sch_result {width:100%; height: 60px; padding: 0 20px; display:block; text-align:left; font-size:24px; color:#000; font-weight:300;}
#container .container_inner .sub_contbox.is-slideToggle .sub_headbox .btn_sch_result:before {content:''; width:20px; height:11px; margin-top:-5.5px; display:block; position:absolute; right:20px; top:50%; background:url(../img/ico_totalsch_arrow.gif) 0 0 no-repeat; background-size:100%;}
#container .container_inner .sub_contbox.is-slideToggle .sub_headbox .btn_sch_result.active:before {transform:rotate(180deg)}

.top_sch_area {margin-top:15px; padding:45px 0px 0;}
.top_sch_area .search_tabs {padding:0 20px; overflow-x:auto; overflow-y:hidden; white-space: nowrap;}
.top_sch_area .search_tabs button {margin-left:5px; padding:8px 27px; color:#fff; font-size:16px; border:1px solid #fff; border-radius:50px;}
.top_sch_area .search_tabs button:first-child {margin-left:0;}
.top_sch_area .search_tabs button.active {background-color:#9267f5; border-color:#9267f5;}

.search_box {margin-top:15px; padding:0 20px; position:relative; }
.search_box fieldset {}
.search_box fieldset .input_search {width:100%; height:60px; padding-left:20px; font-size:18px; font-weight:300; color:#fff; border:3px solid #fff; border-radius:50px; background-color:transparent;}
.search_box fieldset .input_search::placeholder {color:#fff;}
.search_box fieldset .btn_search {width:60px; height:60px; position:absolute; right:20px; top:0;}
.search_box fieldset .btn_search:before {content:''; width:30px; height:30px; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:url(../img/ico_search.png) 0 0 no-repeat; background-size:100%;}

.section_indicator {display:none;}

#container .inner_wrapper {padding:0 20px;}

div[data-js="tab-desc"] > div {display:none; /*height:0; overflow:hidden;*/}
div[data-js="tab-desc"] > div.active {display:block; /*height:auto;*/}

#fullpage .vertical_section {overflow-x:hidden; background-position:center top; background-repeat:no-repeat; background-size:cover;}
#fullpage .vertical_section.fp-section.fp-table,
#fullpage .vertical_section.fp-slide.fp-table {display: table; table-layout:fixed; width: 100%;}
#fullpage .vertical_section .fp-tableCell {display: table-cell; vertical-align: middle; width: 100%; height: 100%;}

#fullpage .vertical_section.fp-auto-height.fp-section,
#fullpage .vertical_section.fp-auto-height .fp-slide,
#fullpage .vertical_section.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.vertical_section {}
.vertical_section:first-child .fp-tableCell {padding-top:110px;}
.vertical_section .section_title {padding:0 20px; text-align:center;}
.vertical_section .section_title .title {font-size:33px; color:#fff;}

.round-style {padding:25px 30px 30px; border-radius:20px; background-color:#fff; box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.2);}
.section_box_wrapper .round-style {border-radius:10px;}

.section_wrapper {padding:60px 20px 65px; margin:0 auto;}
.section_wrapper .section_item {min-height:330px; max-width:300px; margin:20px auto 0; position:relative; vertical-align:top;}
.section_wrapper .section_item.is-focus {border:5px solid #fff; transition:border 0.3s;}
.section_wrapper .section_item.is-focus:hover {border-color:#ffd753; transition:border 0.3s;}
.section_wrapper .section_item:first-child {margin-top:0;}
.section_wrapper .section_item .inner_item_slider {white-space:nowrap; overflow:hidden;}
.section_wrapper .section_item .inner_item_slider .items {display:inline-block; position:relative; vertical-align:top;}
.section_wrapper .section_item .inner_item_slider .items .image {height:125px; display:block; border:1px solid #d9d9d9; border-radius:10px; overflow:hidden;}
.section_wrapper .section_item .inner_item_slider .items .image img {width:100%; height:125px; object-fit: contain; }
.section_wrapper .section_item .inner_item_slider .items .desc {margin-top:10px; padding:0 20px; text-align:center; font-size:16px; color:#333; font-weight:300; white-space: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.section_wrapper .section_item .inner_item_slider .items .ribbon_area {display:flex; position:absolute; left:10px; top:10px;}
.section_wrapper .section_item .inner_item_slider .items .ribbon_area span {width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:50%; color:#fff; font-size:11px;}
.section_wrapper .section_item .inner_item_slider .items .ribbon_area span + span {margin-left:6px;}
.section_wrapper .section_item .inner_item_slider .items .ribbon_area .ico_new {background-color:#ff7b9e;}
.section_wrapper .section_item .inner_item_slider .items .ribbon_area .ico_best {background-color:#827fc0;}
.section_wrapper .section_item .inner_item_slider .slick-dots {width:100%; display:flex; justify-content: center; position:absolute; bottom:10px; left:0;}
.section_wrapper .section_item .inner_item_slider .slick-dots li {}
.section_wrapper .section_item .inner_item_slider .slick-dots li button {width:8px; height:8px; margin:0 3px; text-indent:-9999px; background-color:#635257; opacity:0.5; border-radius:50px; transition:all 0.3s;}
.section_wrapper .section_item .inner_item_slider .slick-dots li.slick-active button {width:24px; opacity:1; transition:all 0.3s;}

.vertical_section .inner_title {margin-bottom:15px;}
.vertical_section .inner_title .title {font-size:27px; font-weight:700; color:#635257;}
.vertical_section .inner_title .title .hashtag_txt {font-size:15px; color:#ff7b9e; font-weight:300;}

.vertical_section .btn_more {width:30px; height:30px; position:absolute; right:30px; top:29px;}
.vertical_section .btn_more:before {content:''; width:28px; height:28px; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:url(../img/ico_link.png) 0 0 no-repeat; background-size:100%;}
.vertical_section.section02 .section_box_wrapper .section_box:not(:nth-child(1)) .btn_more {width:100%; height:100%; left:0; top:0;}
.vertical_section.section02 .section_box_wrapper .section_box:not(:nth-child(1)) .btn_more:before {display:none}
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(2) .btn_more:before {width: 14px; height: 24px; margin-top: -12px; display: block; left: auto; right: 20px; top: 50%; transform: initial; background: url(../img/ico_link_arrow2.png) 0 0 no-repeat; background-size: 100%; }

.vertical_section.section02 {padding:70px 20px;}
.vertical_section.section02 .section_box_wrapper {margin-top:70px; position:relative;}
.vertical_section.section02 .section_box_wrapper .section_box {margin-top:15px; padding:19px 23px; position:relative;}
.vertical_section.section02 .section_box_wrapper .section_box:first-child {margin-top:0;}
.vertical_section.section02 .section_box_wrapper .section_box .inner_title {margin-bottom:0;}
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(1) .inner_title .title {font-size:24px;}
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(1) .btn_more {right:20px; top:22px;}
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(1) .btn_more:before {width:24px; height:24px;}
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(2) .inner_title .title,
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(3) .inner_title .title,
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(4) .inner_title .title,
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(5) .inner_title .title,
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(6) .inner_title .title {padding-right:50px; font-size:23px; font-weight:500;}
.vertical_section.section02 .section_box_wrapper .section_box .icon_bg {width:60px; height:60px; display:block; position:absolute; right:10px; top:50%; transform:translateY(-50%); background-repeat:no-repeat; background-position:0 0; background-size:cover;}

.vertical_section .btn_more_tab {width:30px; height:30px; position:absolute; right:30px; top:29px;}
.vertical_section .btn_more_tab:before {content:''; width:28px; height:28px; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:url(../img/ico_link.png) 0 0 no-repeat; background-size:100%;}




/*
.vertical_section.section02 .section_box_wrapper .section_box:not(:nth-child(1)):before {content:''; width:59px; height:70px; display:block; position:absolute; right:20px; bottom:0; background-repeat:no-repeat; background-position:0 0; background-size:100%;}
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(1){}
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(2){}
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(2):before {display:none;}
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(3) {background-color:#4bd4d5;}
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(3):before {background-image:url(../img/ico_main_pic01.png);}
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(4) {background-color:#ff7b9e;}
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(4):before {background-image:url(../img/ico_main_pic02.png);}
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(4) .inner_title .title {color:#fff;}
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(5) {background-color:#ffd753;}
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(5):before {background-image:url(../img/ico_main_pic03.png);}
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(6) {background-color:#539cff;}
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(6):before {background-image:url(../img/ico_main_pic04.png);}
.vertical_section.section02 .section_box_wrapper .section_box:nth-child(6) .inner_title .title {color:#fff;}
*/
.culture_event_area {display:none;}
.vertical_section .inner_box_desc {display:none;}

.vertical_section.section03 .fp-tableCell {padding-top:70px;}
.vertical_section.section03 .section_box_wrapper {padding:70px 20px;}
.vertical_section.section03 .section_box_wrapper .inner_box {margin-top:20px; padding: 19px 23px; position:relative;}
.vertical_section.section03 .section_box_wrapper .inner_box.is-btn {min-height:70px; display:flex; padding:0; background-color:#9267f5;}
.vertical_section.section03 .section_box_wrapper .inner_box.is-btn button {width:50%; position:relative; font-size:23px; color:#fff;}
.vertical_section.section03 .section_box_wrapper .inner_box.is-btn button + button:before {content:''; width:1px; height:30px; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background-color:rgba(255,255,255,0.3)}
.vertical_section.section03 .section_box_wrapper .inner_box:first-child {margin-top:0;}
.vertical_section.section03 .section_box_wrapper .inner_box .inner_title .title {font-size:24px;}
.vertical_section.section03 .section_box_wrapper .inner_box .inner_title .title span {position:relative;}
.vertical_section.section03 .section_box_wrapper .inner_box .inner_title .title span:before {content:''; width:100%; height:2px; display:block; position:absolute; left:0; bottom:-5px; background-color:#ff7b9e; border-radius:50px;}

.vertical_section.section03 .section_box_wrapper .inner_box .btn_more {right: 20px; top: 22px;}
.vertical_section.section03 .section_box_wrapper .inner_box .btn_more:before {width: 24px; height: 24px;}

.vertical_section.section03 .section_contents {padding-top:5px;}
.vertical_section.section03 .section_contents .section_tab {margin:0 -23px; overflow-x:auto; overflow-y:hidden;}
.vertical_section.section03 .section_contents .section_tab ul {padding:0 23px; display:flex; white-space:nowrap;}
.vertical_section.section03 .section_contents .section_tab ul li {}
.vertical_section.section03 .section_contents .section_tab ul li button {margin-right:20px; font-size:16px; color:#999; font-weight:300;}
.vertical_section.section03 .section_contents .section_tab ul li.active button {text-decoration:underline;}
.vertical_section.section03 .section_contents .item_wrap {margin-top:20px;}
.vertical_section.section03 .section_contents .item_wrap .item {}

.vertical_section.section03 .section_contents .document_list {margin-top:20px;}
.vertical_section.section03 .section_contents .document_list li {min-height:110px; margin-top:10px; padding:14px 20px; display:none; position:relative; border:1px solid #eaeaea; border-radius:10px; }
.vertical_section.section03 .section_contents .document_list li:nth-child(1),
.vertical_section.section03 .section_contents .document_list li:nth-child(2) {display:block;}
.vertical_section.section03 .section_contents .document_list li:first-child {margin-top:0;}
.vertical_section.section03 .section_contents .document_list li a {min-height:42px; display:block; font-size:15px; color:#333; font-weight:300; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.vertical_section.section03 .section_contents .document_list li .date {display:block; margin-bottom:20px; font-size:13px; color:#999; font-weight:300;}
.vertical_section.section03 .section_contents .document_list li .tag {padding:3px 9px; display:block; position:absolute; right:20px; top:13px; font-size:11px; color:#fff; background-color:#ff7b9e; border-radius:50px;}
.vertical_section.section03 .section_contents .no_data {display:flex !important; justify-content:center; align-items:center; color:#999; font-weight:15px; font-weight:300;}

.vertical_section.section03 .gallery_item_slider {min-height:230px; white-space:nowrap; overflow:hidden;}
.vertical_section.section03 .gallery_item_slider .items {margin:0 5px; display:inline-block; position:relative; vertical-align:top;}
.vertical_section.section03 .gallery_item_slider .items .image {height:125px; display:block; border:1px solid #d9d9d9; border-radius:10px; overflow:hidden;}
.vertical_section.section03 .gallery_item_slider .items .image img {width:100%; height:125px; object-fit: cover;}
.vertical_section.section03 .gallery_item_slider .items .desc {margin-top:20px; padding:0 20px; text-align:center; font-size:16px; color:#333; font-weight:300; white-space: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.vertical_section.section03 .gallery_item_slider .items .ribbon_area {}
.vertical_section.section03 .gallery_item_slider .items .ribbon_area .ico_new {padding:3px 9px; display:block; position:absolute; right:20px; top:13px; font-size:11px; color:#fff; background-color:#ff7b9e; border-radius:50px;}
.vertical_section.section03 .gallery_item_slider .slick-dots {width:100%; display:flex; justify-content: center; position:absolute; bottom:10px; left:0;}
.vertical_section.section03 .gallery_item_slider .slick-dots li {}
.vertical_section.section03 .gallery_item_slider .slick-dots li button {width:8px; height:8px; margin:0 3px; text-indent:-9999px; background-color:#635257; opacity:0.5; border-radius:50px; transition:all 0.3s;}
.vertical_section.section03 .gallery_item_slider .slick-dots li.slick-active button {width:24px; opacity:1; transition:all 0.3s;}

.vertical_section.section03 .section_box_wrapper .inner_title {display:flex;}
.section_box_wrapper .inner_title .title {}
.section_box_wrapper .inner_title button {width:34px; height:33px; background-position:0 0; background-repeat:no-repeat; background-size:100%;}
.section_box_wrapper .inner_title button:disabled {opacity:0.3}
.section_box_wrapper .inner_title .btn_cal_prev {margin-left:10px; margin-right:-1px; background-image:url(../img/ico_calendar_prev.gif)}
.section_box_wrapper .inner_title .btn_cal_next {background-image:url(../img/ico_calendar_next.gif)}

.section_box_wrapper .time_info_wrap {}
.section_box_wrapper .time_info_wrap .time_info {margin-top:14px; display: flex; align-content: space-between;}
.section_box_wrapper .time_info_wrap .time_info .item {font-size:16px; color:#333;}
.section_box_wrapper .time_info_wrap .time_info .item.first {flex:1;}
.section_box_wrapper .time_info_wrap .time_info .item .txt {font-size:15px; color:#999; font-weight:300;}
.section_box_wrapper .time_info_wrap .time_info .item .time {font-size:16px; color:#333;}

.item_info_area {}
.item_info_area .txt_year_area {margin-bottom:30px; display:flex; position:relative; align-items:center; justify-content: space-between;}
.item_info_area .txt_year_area .year_inner {display:flex; align-items: center;}
.item_info_area .txt_year_area .year_inner button {width:30px; height:30px; background-repeat:no-repeat; background-position:0 0; background-size:100%;}
.item_info_area .txt_year_area .year_inner button:disabled {opacity:0.5}
.item_info_area .txt_year_area .year_inner button.btn_cal_prev {background-image:url(../img/ico_date_prev.png)}
.item_info_area .txt_year_area .year_inner button.btn_cal_next {background-image:url(../img/ico_date_next.png)}
.item_info_area .txt_year_area .txt_year {margin:0 12px; font-size:36px; font-family:"Nanum Myeongjo"; font-weight:800; color:#000;}
.item_info_area .txt_year_area .txt_year.is-gothic {font-family: 'Noto Sans KR', 'dotum', 'Arial', sans-serif; font-weight:700;}
.item_info_area .txt_year_area .txt_year span {font-size:24px; font-family:inherit; font-weight:inherit;}
.item_info_area .txt_year_area .date_info {display:flex; position:absolute; left:0; bottom:-20px;}
.item_info_area .txt_year_area .date_info li {margin-right:15px; display:flex; align-items:center; color:#000; font-size:13px; font-weight:300;}
.item_info_area .txt_year_area .date_info li i[class^="ico_color"] {width:10px; height:10px; margin-right:5px; display:block; border-radius:50%;}
.item_info_area .txt_year_area .date_info li .ico_color1 {border:2px solid #ff7b9e; }
.item_info_area .txt_year_area .date_info li .ico_color2 {background-color:#539cff;}
.item_info_area .txt_year_area .date_info li .ico_color3 {background-color:#eeeeee;}
.item_info_area .txt_year_area .date_info li .ico_color3 {background-color:#eeeeee;}
.item_info_area .txt_year_area .date_info li .ico_color4 {background-color:#0b0cec;}

.item_info_area .time_info_wrap {margin-top:20px;}
.item_info_area .time_info_wrap .time_info {margin-top:10px; display:flex; justify-content: space-between; align-items: center;}
.item_info_area .time_info_wrap .time_info:first-child {margin-top:0;}
.item_info_area .time_info_wrap .time_info .item {display:flex; align-items:center;}
.item_info_area .time_info_wrap .time_info .item.first {font-size:18px; font-family:"Nanum Myeongjo"; font-weight:800; color:#000;}
.item_info_area .time_info_wrap .time_info .item.first.is-gothic {font-family: 'Noto Sans KR', 'dotum', 'Arial', sans-serif; font-weight:700;}
.item_info_area .time_info_wrap .time_info .item .ico_clock {width:28px; height:28px; margin-right:10px; display:block; background:url(../img/ico_clock.png) 0 0 no-repeat; background-size:100%;}
.item_info_area .time_info_wrap .time_info .item .txt {margin-right:10px; font-size:18px; font-family:"Nanum Myeongjo"; font-weight:800; color:#000; opacity:0.6;}
.item_info_area .time_info_wrap .time_info .item .time {display:flex; align-items:center; font-size:18px; font-family:"Nanum Myeongjo"; font-weight:800; color:#000;}
.item_info_area .time_info_wrap .time_info .item .time.is-gothic {font-family: 'Noto Sans KR', 'dotum', 'Arial', sans-serif; font-weight:700;}

.calendar_wrap {margin:0 -23px;}
.calendar_wrap table {width:100%; table-layout:fixed;}
.calendar_wrap table th,
.calendar_wrap table td {color:#000; font-weight:300; text-align:center; vertical-align:middle;}
.calendar_wrap table th {padding:10px 0; font-size:13px; border-top:2px solid #666; border-bottom:1px solid #eaeaea;}
.calendar_wrap table td {padding:4px 0; font-size:11px;}
.calendar_wrap table td .table-day {width:20px; height:20px; margin:0 auto; display:block; text-align:center; line-height:16px; border-radius:50%; border:2px solid transparent;}
.calendar_wrap table td .table-day.closed {background-color:#e3e3e3; color:#000;}
.calendar_wrap table td .table-day.event {background-color:#539cff; color:#fff;}
.calendar_wrap table td .table-day.today {border-color:#ff7b9e}
.calendar_wrap table td .table-day.lecture {background-color:#0b0cec; color:#fff;}

.calendar_wrap table tr:first-child td {padding:10px 0 4px}

.btm_slider_area {margin:0 40px; overflow:hidden;}
.btm_slider_area .btm_slider_list {margin-top:5px; white-space:nowrap;}
.btm_slider_area .btm_slider_list .slick-track {display:flex;}
.btm_slider_area .btm_slider_list .items {margin-left:20px; display:inline-block;}
.btm_slider_area .btm_slider_list .items:first-child {margin-left:0;}
.btm_slider_area .btm_slider_list .items a {display:block; text-align:center;}
.btm_slider_area .btm_slider_list .slick-arrow {width:43px; height:43px; display:block; position:absolute; top:50%; transform:translateY(-50%); text-indent:-9999px; background-repeat:no-repeat; background-position:0 0; background-size:100%;}
.btm_slider_area .btm_slider_list .slick-arrow.slick-disabled {opacity:0.3;}
.btm_slider_area .btm_slider_list .slick-prev {left:20px; background-image:url(../img/ico_slider_arrow_prev.png)}
.btm_slider_area .btm_slider_list .slick-next {right:20px; background-image:url(../img/ico_slider_arrow_next.png)}


.no_image {height:100%; display:flex; flex:1; background:url(../img/img_no_image.png) center center #f0f0f0 no-repeat; background-size:58px 82px;}
.no_image_toy {height:100%; display:flex; flex:1; background:url(../img/img_no_image_toy.png) center center #f0f0f0 no-repeat; background-size:58px 82px;}

#footer {border-top:1px solid #e5e5e5 !important; background-color:#fff;}
body:not(.main) #footer {}
#footer .footer_inner {padding:25px 20px; position:relative;}
#footer .footer_inner .footer_menu {overflow:hidden;}
#footer .footer_inner .footer_menu li {margin-right:20px; margin-bottom:10px; float:left;}
#footer .footer_inner .footer_menu li a {font-size:15px; color:#333; font-weight:300;}
#footer .footer_inner .footer_menu li.appDown a {display:flex; align-items:center;}
#footer .footer_inner .footer_menu li.appDown a .ico_appDown {width:14px; height:12px; display:block; margin-left:5px; background:url(/common/image/ico_appDown.png) 0 0 no-repeat; background-size:100%;}
#footer .footer_inner .family_site_area {padding-top:25px; display:flex; justify-content:space-between; align-items:center;}
#footer .footer_inner .family_site_area .family_site {height:38px; margin-right:20px; flex:1; border-width:0 0 2px; border-style:solid; border-color:#333333; appearance: none; -moz-appearance: none; -webkit-appearance: none; font-size:15px; font-weight:300; border-radius:0;}
#footer .footer_inner .family_site_area .btn_family_site {width:64px; height:38px; border:1px solid #999; font-size:15px; font-weight:300; border-radius:5px;}
#footer .footer_inner .footer_addr {padding-top:20px; font-size:13px; font-weight:300; line-height:24px;}
#footer .footer_inner .copyright {padding-top:20px; font-size:11px; font-weight:300;}

.ico_scrolltop {width:56px; height:56px; display:none; position:fixed; right:20px; bottom:40px; background:url(../img/ico_scrolltop.png) 0 0 no-repeat; background-size:100%; z-index:1;}

.info_scroll {width:80px; height:60px; display:none; align-items: flex-end; justify-content: center; position:fixed; right:30px; bottom:30px; background-image:url(../img/info_scroll_down.png); background-position:top center; background-repeat:no-repeat; font-size:11px; color:#fefefe; font-weight:300;}
.info_scroll.type01 {background-image:url(../img/info_scroll_move.png); text-indent:-9999px;}
.info_scroll.type02 {background-image:url(../img/info_scroll_up.png); background-position:bottom center; align-items:flex-start;}
.info_scroll.type03 {opacity:0;}
html.mobile .info_scroll {display:none !important;}

.layerPop {width:100%; height:100%; display:none; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.3); z-index:10000;}
.layerPop.active {display:block;}	
.layerPop .layerPop_inner {margin:20px; overflow:hidden; position:fixed; top:0; background-color:#fff; border-radius:10px;overflow:scroll; height:auto; max-height:500px;}}
.layerPop .layerPop_inner .layer_head {}
.layerPop .layerPop_inner .layer_head a {display:block;background-color:#999999;color:#333333;}
.layerPop .layerPop_inner .layer_head a img {width:100%; max-width:100%; }
.layerPop .layerPop_inner .layer_body {height:45px; display:flex; justify-content:flex-end; align-items:center; background-color:#fff;}
.layerPop .layerPop_inner .layer_body label {margin-left:5px; color:#999999; font-size:13px;}
.layerPop .layerPop_inner .btn_layer_close {width:45px; height:45px; position:relative;}
.layerPop .layerPop_inner .btn_layer_close:before {content:''; width:18px; height:18px; display:block; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); background:url(../img/ico_pop_close.png) 0 0 no-repeat; background-size:100%;}

/* 부트스트랩 모달 관련 */
.modal .modal-dialog .modal-content .modal-header {}
.modal .modal-dialog .modal-content .modal-header .modal-title {padding:12px 0 12px 0; font-size:18px; background-color:transparent; color:#000; border-bottom:2px solid #000; border-radius:0;}
.modal .modal-dialog .modal-content .modal-body.desearch_pop {}
.modal .modal-dialog .modal-content .modal-body.desearch_pop fieldset {display:flex;}
.modal .modal-dialog .modal-content .modal-body.desearch_pop .de_pop_check > li > span {background-color:#f4f4f4; color:#333333; border-radius:0; font-size:14px;}
.modal .modal-dialog .modal-content .modal-body.desearch_pop .de_pop_check > li ul {width:100%;}
.modal .modal-dialog .modal-content .modal-body.desearch_pop .de_pop_check > li ul li.checkbox {padding:0;}
.modal .modal-dialog .modal-content .modal-body.desearch_pop .de_pop_check > li ul li.checkbox input[type="checkbox"] {width:auto; margin:0; opacity:1; position:static;}
.modal .modal-dialog .modal-content .modal-body.desearch_pop .de_pop_check > li ul li label:before,
.modal .modal-dialog .modal-content .modal-body.desearch_pop .de_pop_check > li ul li label:after {display:none;}
.modal .modal-dialog .modal-content .modal-footer .btn.fl_left {float:left; background-color:#333333; color:#fff;}

#frmIntroduce h1 {font-size: 36px;}
#frmIntroduce h2 {font-size: 30px;}
#frmIntroduce h3 {font-size: 24px; color:initial; font-weight:initial; padding:0; background:none;}
#frmIntroduce h4 {font-size: 18px;}
#frmIntroduce h5 {font-size: 14px;}
#frmIntroduce h6 {font-size: 12px;}

.facility_wrap .faci_cont_list ul li.f_cont .table-bordered {border:0;}
.facility_wrap .faci_cont_list ul li.f_cont .table-bordered > tbody > tr > td {border-width: 1px 0 0 0; border-style: solid; border-color: #eaeaea;}
.facility_wrap .faci_cont_table #listUpContent th {border-right:0; border-bottom:1px solid #eaeaea !important;}

.sub_content .no_data_box {margin-top:20px; padding:20px 0 40px; font-size:15px; font-weight:300; color:#999; line-height:24px; background:none;}
.sub_content .no_data_box i {width:70px; height:70px; margin:0 auto; display:block; background:url(/common/image/search/ico_alert.png) 0 0 no-repeat; background-size:100%;}
.sub_content .no_data_box i:before {display:none;}

@media (min-width:500px) {
	.layerPop .layerPop_inner {}	
}


@media (max-width:959px) {
	#nav {width:100%; height:100vh; position:fixed; left:-100%; top:0; z-index:2000; background-color:#fff; transition: all 0.3s;}
	#nav.active {left:0; transition: all 0.3s;}
	#nav:before {content:''; width:100%; height:100%; display:block; position:fixed; left:0; top:0; visibility:hidden; background-color:#000; opacity:0; transition: all 0.3s; z-index:1800;}
	#nav.active:before {visibility:visible; opacity:0.6;}
	
	#nav .nav_top_area {position:relative; z-index:1900; background-color:#fff;}
	#nav .nav_top_area .logo_area {height: 60px; display: flex; justify-content: center; align-items: center;}
	#nav .nav_top_area .logo_area a,
	#nav .nav_top_area .logo_area a span {font-family:"Nanum Myeongjo"; font-weight:800; font-size:15px;}
	#nav .nav_top_area .logo_area.is-gothic a,
	#nav .nav_top_area .logo_area.is-gothic a span {font-family:inherit;}
	#nav .nav_top_area .logo_area a {display:flex; align-items:center; text-decoration:none;}
	#nav .nav_top_area .logo_area a span {margin-left:5px;}
	#nav .nav_top_area .logo_area a img {height:36px;}
	
	#nav .nav-menu {height:calc(100vh - 140px); padding-top:40px; position:relative; overflow-x:hidden; overflow-y:auto; z-index:1900; background-color:#fff;}
	#nav .nav-menu > .menu-item {border-bottom:1px solid #eeeeee;}
	#nav .nav-menu > .menu-item:first-child {border-top:1px solid #eee;}
	#nav .nav-menu > .menu-item > .menu-link {height:60px; padding:0 20px; display:flex; align-items:center; position:relative; color:#666; font-size:18px; font-weight:300;}
	#nav .nav-menu > .menu-item > .menu-link:focus,
	#nav .nav-menu > .menu-item > .menu-link:active {text-decoration:none;}
	#nav .nav-menu > .menu-item.has-menu > .menu-link:before {content:''; width:15px; height:8px; margin-top:-4px; display:block; position:absolute; right:20px; top:50%; background:url(../img/ico_nav_arrow.png) 0 0 no-repeat; background-size:100%; transform:rotate(0deg); transition:transform 0.3s;}
	#nav .nav-menu > .menu-item.active > .menu-link {font-weight:700;}
	#nav .nav-menu > .menu-item.active > .menu-link:before {transform:rotate(-180deg); transition:transform 0.3s; font-weight:300;}
	#nav .nav-menu > .menu-item .nav-dropdown {display:none;}
	#nav .nav-menu > .menu-item .nav-dropdown > ul {}
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item {}
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item > .menu-link {height:56px; padding-left:40px; display:block; line-height:56px; font-size:17px; font-weight:300; color:#000;}
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item ul {width: calc(100% - 80px); padding:20px; margin: 0 auto; background-color:#f5f5f5;}
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item ul .menu-item {margin-top:15px;}
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item ul .menu-item:first-child {margin-top:0;}
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item ul .menu-item .menu-link {display:block; font-size:15px; color:#666; font-weight:300;}
	
	.vertical_section.section02 .section_box_wrapper .section_box .icon_bg.icon_bg_tab {width:60px; height:60px; display:none; position:absolute; right:10px; top:50%; transform:translateY(-50%); background-repeat:no-repeat; background-position:0 0; background-size:cover;}
}

@media (min-width:640px) {

}

/* 타블렛 시작 */
@media (min-width:768px) {
	html .is-mobile,
	html .is-pc {display:none !important;}
	html.pad .is-pad {display:block !important;}
	
	.top_notice_area.active {height:80px;}
	.top_notice_area .top_notice_inner {height:80px; display:flex; align-items:center; justify-content: space-between;}
    .top_notice_area .top_notice_inner .notice_list {width:calc(100% - 210px); height:80px; padding-left:60px; overflow:visible;}
    .top_notice_area .top_notice_inner .notice_list:before {left:38px; top:2px;}
    .top_notice_area .top_notice_inner .notice_list .slick-list.draggable {height:80px !important; overflow:hidden;}
    .top_notice_area .top_notice_inner .notice_list .items {height:80px; display:flex; align-items: center;}    
    .top_notice_area .top_notice_inner .notice_list .items .notice {width:auto;}
	.top_notice_area .top_notice_inner .notice_list .items .link {margin-top:0; margin-left:10px;}
    
    .top_notice_area .top_notice_inner .notice_list .slick-arrow {right:auto; left:0;}
	.top_notice_area .top_notice_inner .notice_list .slick-arrow.slick-prev {top:20px;}
	.top_notice_area .top_notice_inner .notice_list .slick-arrow.slick-next {top:40px;}
    .top_notice_area .top_notice_inner .btm_ctl_box {margin-top:0;}
    
    #nav {width:320px; left:-320px; position:fixed;}
    
	.section_title_area .title {font-size:40px;}
	.section_wrap .section_item {padding:60px 40px 0}
	.section_wrap .section_item.is-btn {padding:60px 40px 0;}
	.section_wrap .section_item.is-btn .section_title_area .title {font-size:40px;}
	
	.item_slider.gallery {padding-bottom:50px;}
	.item_slider.gallery .items a img {width:340px; height:227px;}
	.item_slider.gallery .items a span {width:340px;}
	.item_slider .slider_arrow {top:80px;}
	
	.item_info_area .time_info .item.first {font-size:22px;}
	.item_info_area .time_info .item .time {font-size:22px;}
	
	.item_info_area .txt_year_area {margin-bottom:10px;}
	.item_info_area .txt_year_area .date_info {position:static;}
	.item_info_area .txt_year_area .date_info li {font-size:15px;}
	
	.calendar_wrap table th,
	.calendar_wrap table td {padding:5px 0; font-size:15px;}
	.calendar_wrap table th {}
	.calendar_wrap table td .table-day {width:28px; height:28px; line-height:24px;}
	.calendar_wrap table tr:first-child td {padding:10px 0 5px;}
	
	.board_list.type01 {display:block; margin-top:30px;}
	.board_list.type01 li {margin-top:50px;}
	.board_list.type01 li:first-child {margin-top:0;}
	.board_list.type01 li a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:24px; font-weight:300;}
	.board_list.type01 li button {width:92px; height:38px; margin-top:10px; line-height:38px; background-color:#333333; color:#fff; font-size:15px; border-radius:5px;}
	.board_list.type01 li button:hover,
	.board_list.type01 li button:focus,
	.board_list.type01 li button:active {color:#333333; background-color:#fff; border:1px solid #999999;}
	
	.btm_banner_list {display:flex; padding-bottom:75px;}
	.btm_banner_list li:nth-child(1),
	.btm_banner_list li:nth-child(2),
	.btm_banner_list li:nth-child(3) {display:block; flex:1; max-width:initial; margin:0 -1px 0 0;}
	.btm_banner_list li a img {padding:10px;}
	
	.quick_area .section_title_area .title {font-size:36px;}
	.quick_area .quick_list {padding:54px 30px;}
	.quick_area .quick_list li {width:20%; margin-top:20px;}
	.quick_area .quick_list li:nth-child(1),
	.quick_area .quick_list li:nth-child(2),
	.quick_area .quick_list li:nth-child(3),
	.quick_area .quick_list li:nth-child(4),
	.quick_area .quick_list li:nth-child(5) {margin-top:0;}
	.quick_area .quick_list li a {text-align:left;} 	
	
	.btm_doc_list_area .btm_doc_list .items {width:calc(100% / 3 - 40px); margin:0 20px;}
	
	.map_area .map_detail {height:320px;}
	
	#container .sub_contbox {}
	
	.top_sch_area {text-align:center;}
	.top_sch_area .search_tabs {overflow:visible}
	.top_sch_area .search_box {max-width:590px; margin:15px auto 0;}
	
	.section_wrapper {width: 100%; padding: 60px 80px 65px; overflow-x: auto; overflow-y: hidden; white-space: nowrap;}
	.section_wrapper .section_item {width:360px; max-width:initial; display:inline-block; margin:0 0 0 20px;}
	.section_wrapper .section_item:first-child {margin: 0 0 0 0;}
	.vertical_section:first-child .fp-tableCell {padding-top:150px;}
	.section_wrapper .section_item .inner_item_slider .items .image {height:145px;}
	.section_wrapper .section_item .inner_item_slider .items .image img {height:145px;}
	
	.vertical_section.section02 {padding:0;}
	.vertical_section.section02 .fp-tableCell {padding-top:70px; padding-bottom:70px;}
	.vertical_section.section02 .section_box_wrapper {padding:0 80px; display:flex; flex-wrap:wrap;}
	.vertical_section.section02 .section_box_wrapper .section_box {width:calc(50% - 20px); min-height:230px; margin:10px;}
	.vertical_section.section02 .section_box_wrapper .section_box:not(:nth-child(1)):before {width:90px; height:100px; right:25px; bottom:15px;}
	.vertical_section.section02 .section_box_wrapper .section_box:first-child {margin-top:10px;}
	.vertical_section.section02 .section_box_wrapper .section_box:nth-child(2) .inner_title .title,	
	.vertical_section.section02 .section_box_wrapper .section_box:nth-child(3) .inner_title .title,
	.vertical_section.section02 .section_box_wrapper .section_box:nth-child(4) .inner_title .title,
	.vertical_section.section02 .section_box_wrapper .section_box:nth-child(5) .inner_title .title,
	.vertical_section.section02 .section_box_wrapper .section_box:nth-child(6) .inner_title .title {padding-right:40px; font-size:24px; font-weight:700;}
	.vertical_section.section02 .section_box_wrapper .section_box .icon_bg {width:90px; height:90px; top:auto; right:20px; bottom:20px; transform:initial;}
	.vertical_section.section02 .section_box_wrapper .section_box:nth-child(2) .btn_more:before {width:28px; height:28px; margin-top:0; left:50%; right:auto; top:50%; transform:translate(-50%, -50%); background:url(../img/ico_link.png) 0 0 no-repeat; background-size:100%;}
	/*
	.vertical_section.section02 .section_box_wrapper .section_box:nth-child(4) .btn_more:before,
	.vertical_section.section02 .section_box_wrapper .section_box:nth-child(6) .btn_more:before {background-image:url(../img/ico_link_white.png)}
	*/
	.vertical_section.section02 .section_box_wrapper .section_box:not(:nth-child(1)) .btn_more {width:30px; height:30px; left:auto; top:22px;}
	.vertical_section.section02 .section_box_wrapper .section_box:not(:nth-child(1)) .btn_more:before {display:block;}	
	.vertical_section.section02 .section_box_wrapper .section_box .btn_more {right:20px; top:22px;}
	
	.vertical_section .culture_event_area {margin-top:10px; display:block;}
	.vertical_section .culture_event_area ul {}
	.vertical_section .culture_event_area ul li {padding:15px 80px 15px 0; position:relative; border-top:1px solid #eaeaea;}
	.vertical_section .culture_event_area ul li:first-child {border-top:0;}
	.vertical_section .culture_event_area ul li p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;font-size:15px; color:#666; font-weight:300;}
	.vertical_section .culture_event_area ul li button {width:46px; height:46px; margin-top:-23px; position:absolute; right:0; top:50%; border:2px solid #f57698; font-size:15px; color:#f57698; border-radius:50%;}
	
	.vertical_section .inner_box_desc {display:block; padding-right:120px; position:absolute; left:20px; bottom:20px; font-size:16px; color:#333;}
	.vertical_section.section02 .section_box_wrapper .section_box:nth-child(4) .inner_box_desc,
	.vertical_section.section02 .section_box_wrapper .section_box:nth-child(6) .inner_box_desc {color:#fff;}
	
	.vertical_section.section03 .section_box_wrapper {display:flex; flex-wrap:wrap; margin:0 -10px;}
	.vertical_section.section03 .section_box_wrapper .inner_box {width:calc(50% - 20px); margin:10px 10px 10px 10px;}
	.vertical_section.section03 .section_box_wrapper .inner_box.bannerfull {width:calc(100% - 20px)}
	.vertical_section.section03 .section_box_wrapper .inner_box:first-child {margin-top:10px;}
	.vertical_section.section03 .section_box_wrapper .inner_box.is-btn {min-height:100px;}
	.vertical_section.section03 .section_box_wrapper .inner_box.is-btn .btn_qna {display: flex; align-items: center; justify-content: center;}
	.vertical_section.section03 .section_box_wrapper .inner_box.is-btn .btn_qna:after {content:''; width:58px; height:54px; margin-left:30px; display:block; background:url(../img/ico_qna_illust.png) 0 0 no-repeat;}	
	.vertical_section.section03 #footer {max-height:140px;}
	
	#footer {}
	#footer .footer_inner .footer_menu li {margin-bottom:0;}
	#footer .footer_inner .family_site_area {max-width:295px;}
	#footer .footer_inner .footer_addr {font-size:15px;}
	#footer .footer_inner .copyright {font-size:12px; padding-top:10px;}
	
	.ico_scrolltop {display:none;}
	
	
}

/* PC 시작 */
@media (min-width:976px) {
	html .is-mobile,
	html .is-pad {display:none !important;}
	html.pc .is-pc {display:block !important;}
	
	#wrap {overflow:hidden;}
	
    .top_notice_area .top_notice_inner {max-width:1240px; margin:0 auto;}
        	
    body:not(.main) #header {background-color:#fff;}
    #header .header_inner {max-width:1240px; margin:0 auto; display:block; position:relative;}
    #header .header_inner .logo {height:80px; background-color:transparent;}
    #header .header_inner .logo.is-left {margin-left:20px; justify-content:flex-start;}
    #header .header_inner .logo a,
	#header .header_inner .logo a span {font-size:20px; color:#fff;}
	#header.active .header_inner .logo a span,
	#header.is-footer .header_inner .logo a span,
	body:not(.main) #header .header_inner .logo a span {color:#333;}
    #header .header_inner .logo a {}
    #header .header_inner .logo a img {height:60px;}    
    #header .header_inner .info_list_box {display:block; position:absolute; right:20px; top:25px;}
    #header .header_inner .info_list_box .info_list {display:flex; align-items:center;}
    #header .header_inner .info_list_box .info_list li {margin-left:20px; font-weight:300; font-size:15px;}
    #header .header_inner .info_list_box .info_list li:first-child {margin-left:0;}
    #header .header_inner .info_list_box .info_list li a {font-size:15px; font-weight:300; color:#fff;}
    #header .header_inner .info_list_box .info_list li a:hover,
    #header .header_inner .info_list_box .info_list li a:focus,
    #header .header_inner .info_list_box .info_list li a:active {text-decoration:underline;}
    #header.active .header_inner .info_list_box .info_list li a,
    #header.is-footer .header_inner .info_list_box .info_list li a,
    body:not(.main) #header .header_inner .info_list_box .info_list li a {color:#333;}
    #header .header_inner .info_list_box .info_list li[class^="is-"] a {width:33px; height:30px; display:block; text-indent:-9999px; background-position:0 0; background-repeat:no-repeat; background-size:100%;}
    #header .header_inner .info_list_box .info_list li.is-join a {background-image:url(../img/ico_join.png)}
    #header.active .header_inner .info_list_box .info_list li.is-join a,
    #header.is-footer .header_inner .info_list_box .info_list li.is-join a,
    body:not(.main) #header .header_inner .info_list_box .info_list li.is-join a {background-image:url(../img/ico_join_over.png)}
    #header .header_inner .info_list_box .info_list li.is-login a {background-image:url(../img/ico_login.png)}
    #header.active .header_inner .info_list_box .info_list li.is-login a,
    #header.is-footer .header_inner .info_list_box .info_list li.is-login a,
    body:not(.main) #header .header_inner .info_list_box .info_list li.is-login a {background-image:url(../img/ico_login_over.png)}
    #header .header_inner .info_list_box .info_list li.is-logout a {background-image:url(../img/ico_logout.png)}
    #header.active .header_inner .info_list_box .info_list li.is-logout a,
    #header.is-footer .header_inner .info_list_box .info_list li.is-logout a,
    body:not(.main) #header .header_inner .info_list_box .info_list li.is-logout a {background-image:url(../img/ico_logout_over.png)}
    #header .header_inner .info_list_box .info_list li.session_info {position:absolute; right:53px; top:30px; font-size:12px; color:#999;}
    
    #header .header_inner .btn_menu_open {display:none;}
    #header .header_inner .btn_all_open {display:block; top:80px;}
    #header .header_inner .btn_all_open:before {background-image:url(../img/ico_menu_off.png)}
    #header.active .header_inner .btn_all_open:before,
    body:not(.main) #header .header_inner .btn_all_open:before {background-image:url(../img/ico_menu_on.png)}
    
    #nav {width:100%; left:initial; position:relative;}
    #nav .nav-menu {display:flex; position:relative; justify-content: center; list-style:none;}
    #nav .nav-menu:before,
    #nav .nav-menu:after {content:''; width:300%; height:1px; display:block; position:absolute; left:-100%; background-color:rgba(255,255,255,0.3);}
    #header.active #nav .nav-menu:before,
    #header.active #nav .nav-menu:after,
    body:not(.main) #header #nav .nav-menu:after,
    body:not(.main) #header #nav .nav-menu:before {background-color:rgba(193,193,193,0.3);}
    #nav .nav-menu:before {top:0;}
    #nav .nav-menu:after {bottom:0;}
	#nav .nav-menu > .menu-item {text-align:center;}
	#nav .nav-menu > .menu-item > .menu-link {padding:18px 10px; margin:0 15px; display:block; position:relative; font-size:18px; font-weight:500; color:#fff; text-decoration:none;}
	#header.active #nav .nav-menu > .menu-item > .menu-link,
	#header.is-footer #nav .nav-menu > .menu-item > .menu-link,
	body:not(.main) #header #nav .nav-menu > .menu-item > .menu-link {color:#333;}
	#nav .nav-menu > .menu-item > .menu-link:after {content:''; width:calc(100% - 20px); height:2px; display:block; position:absolute; left:50%; bottom:1px; transform:translateX(-50%) scaleX(0); background-color:#ff7b9e; transition:transform 0.3s;}
	#nav .nav-menu > .menu-item > .menu-link:hover:after,
	#nav .nav-menu > .menu-item > .menu-link:active:after,
	#nav .nav-menu > .menu-item > .menu-link:focus:after,
	#nav .nav-menu > .menu-item.on > .menu-link:after {transform:translateX(-50%) scaleX(1); transition:transform 0.3s;}
	#nav .nav-menu > .menu-item .nav-dropdown {width:100%; padding:10px 0 40px; display:none; position:absolute; left:50%; top:61px; justify-content: center; transform:translateX(-50%); z-index:1; background-color:#fff;}
	#nav .nav-menu > .menu-item .nav-dropdown:before {content:''; width:10000%; height:100%; background-color:#fff; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:-1; border-bottom:1px solid #d6d6d6;}
	#nav .nav-menu > .menu-item .nav-dropdown > ul {display:flex;}
	#nav .nav-menu > .menu-item.on .nav-dropdown {display:flex;}
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item {}
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item > .menu-link {padding:10px; margin:0 20px; display:block; font-size:16px; color:#666; font-weight:300; text-decoration:none;}
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item > .menu-link:hover,
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item > .menu-link:focus,
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item > .menu-link:active {color:#ff7b9e; font-weight:700;}
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item ul {}
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item ul .menu-item {margin-top:10px;}
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item ul .menu-item:first-child {margin-top:0px;}
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item ul .menu-item .menu-link {padding-left:10px; position:relative; font-size:13px; color:#666; font-weight:300;}
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item ul .menu-item .menu-link:before {content:''; width:3px; height:3px; display:block; border-radius:50%; background-color:#666; position:absolute; left:0; top:50%; transform:translateY(-50%); }
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item ul .menu-item .menu-link:hover,
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item ul .menu-item .menu-link:focus,
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item ul .menu-item .menu-link:active {color:#000; text-decoration:underline;}
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item ul .menu-item .menu-link:hover:before,
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item ul .menu-item .menu-link:focus:before,
	#nav .nav-menu > .menu-item .nav-dropdown > ul > .menu-item ul .menu-item .menu-link:active:before {background-color:#000;}
	
    #nav .nav_top_area {display:none;}
    #nav .btn_menu_close {display:none}
    
    .all_navi_wrap {width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.65); z-index:2000;}
    .all_navi_wrap.active {display:block;}
    .all_navi_wrap .all_navi_box {display:block; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);}
    
    #mainFullMenuList {width:1140px; padding:55px; display:flex; flex-wrap:wrap; position:relative; z-index:1; background-color:#fff; border-radius:20px; border:5px solid #ff7b9e;}
    #mainFullMenuList > li {width:180px; margin-left:30px; margin-top:40px;}
    #mainFullMenuList > li:nth-child(1),
    #mainFullMenuList > li:nth-child(5n + 1) {margin-left:0;}
    #mainFullMenuList > li:nth-child(1),
    #mainFullMenuList > li:nth-child(2),
    #mainFullMenuList > li:nth-child(3),
    #mainFullMenuList > li:nth-child(4),
    #mainFullMenuList > li:nth-child(5) {margin-top:0;}
    #mainFullMenuList > li > a {padding-bottom:10px; display:block; font-size:18px; color:#000; border-bottom:2px solid #1a0000; text-decoration:none}
    #mainFullMenuList > li > ul {max-height:400px; padding-top:15px; overflow-x:hidden; overflow-y:auto;}
    #mainFullMenuList > li > ul > li {}
    #mainFullMenuList > li > ul > li > a {display:block; padding:8px 0; font-size:15px; color:#000; font-weight:300;}
    #mainFullMenuList > li > ul > li > a:hover,
    #mainFullMenuList > li > ul > li > a:focus,
    #mainFullMenuList > li > ul > li > a:active {color:#4bb8b3;}
    #mainFullMenuList > li > ul > li ul {padding:10px 15px; background-color:#fafafa;}
    #mainFullMenuList > li > ul > li ul li {margin-top:10px;}
    #mainFullMenuList > li > ul > li ul li:first-child {margin-top:0;}
    #mainFullMenuList > li > ul > li ul li a {padding-left:10px; display:block; position:relative; font-size:13px; color:#666; font-weight:300;}
    #mainFullMenuList > li > ul > li ul li a:before {content:''; width:3px; height:3px; display:block; position:absolute; left:0; top:50%; background-color:#666; border-radius:50%; transform:translateY(-50%); }
    #mainFullMenuList > li > ul > li ul li a:hover,
    #mainFullMenuList > li > ul > li ul li a:focus,
    #mainFullMenuList > li > ul > li ul li a:active {text-decoration:underline;}
    
    .btn_all_menu_close {width:40px; height:40px; position:absolute; right:-10px; top:-45px; background:url(../img/ico_all_menu_close.png) center center no-repeat;}
 	
 	#container {}
 	
 	.section_indicator {width:100%; display:flex; justify-content:center; position:fixed; left:0; bottom:40px; z-index:2; opacity:1; transition:opacity 0.3s;}
 	.section_indicator.has-footer {opacity:0; transition:opacity 0.3s;}
 	.section_indicator a {width:30px; padding:10px 0; margin:0 5px; display:flex; position:relative; justify-content:space-between; transition:all 0.3s; text-decoration:none; color:#fff;}
 	.section_indicator a:before {content:''; width:100%; height:3px; display:block; position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,0.3); transition:all 0.3s; border-radius:50px;}
 	.section_indicator a .section_num,
 	.section_indicator a .section_txt {opacity:0; transition:all 0.3s;}
 	.section_indicator a .section_num {font-size:16px; font-weight:700;}
 	.section_indicator a .section_txt {font-size:14px; font-weight:300;}
 	.section_indicator a.active {width:130px; transition:all 0.3s;}
 	.section_indicator a.active:before {background-color:rgba(255,255,255,1); transition:all 0.3s;}
 	.section_indicator a.active .section_num,
 	.section_indicator a.active .section_txt {opacity:1; transition:all 0.3s;}
 	#container .inner_wrapper {padding:0;}
 	
 	#container .container_inner {width:100%; max-width:1240px; margin:0 auto;}
 	body:not(.main) #container .container_inner {display:flex;}
 	#container .container_inner .lnb_area {width:260px; display:block; border-width:0 1px; border-style:solid; border-color:#eaeaea;}
 	#container .container_inner .lnb_area .sub_title {height:100px; padding-left:20px; display:flex; align-items:center; font-size:24px; font-weight:700; color:#000;}
 	#container .container_inner .lnb_area .left_menu {}
 	#container .container_inner .lnb_area .left_menu > li {}
 	#container .container_inner .lnb_area .left_menu > li > a {padding:15px 20px; display:block; position:relative; font-size:15px; color:#777; border-bottom:1px solid #eaeaea; text-decoration:none;}
 	#container .container_inner .lnb_area .left_menu > li.has-menu > a:before {content:''; width:20px; height:20px; margin-top:-10px; display:block; position:absolute; right:20px; top:50%; background:url(../img/ico_lnb_arrow.png) center center no-repeat; transform:rotate(0deg); transition:transform 0.3s;}
 	#container .container_inner .lnb_area .left_menu > li > a:hover {color:#000;}
 	#container .container_inner .lnb_area .left_menu > li > a:focus,
 	#container .container_inner .lnb_area .left_menu > li > a:active,
 	#container .container_inner .lnb_area .left_menu > li.active > a {color:#4bb8b3;}
 	#container .container_inner .lnb_area .left_menu > li.has-menu.active > a:before {transform:rotate(-180deg); transition:transform 0.3s;}
 	#container .container_inner .lnb_area .left_menu > li > ul {padding-left:20px; display:none; background-color:#f4f4f4;}
 	#container .container_inner .lnb_area .left_menu > li > ul > li {}
 	#container .container_inner .lnb_area .left_menu > li > ul > li > a {padding:10px; display:block; font-size:13px; color:#666666; font-weight:300;}
 	#container .container_inner .lnb_area .left_menu > li > ul > li > a:hover,
 	#container .container_inner .lnb_area .left_menu > li > ul > li > a:focus,
 	#container .container_inner .lnb_area .left_menu > li > ul > li > a:active,
 	#container .container_inner .lnb_area .left_menu > li > ul > li.active > a {text-decoration:underline;}
 	
 	#container .facet_area {margin-top:45px;}
 	#container .facet_area .facet_head .facet_title {padding:16px 20px; font-size:18px; color:#000; border-bottom:1px solid #000;}
 	#container .facet_area .facet_head + .facet_btns {padding:10px;}
 	#container .facet_area .facet_body .facet_btn {width:100%; padding:15px 20px; position:relative; text-align:left; font-size:15px; color:#000; }
 	#container .facet_area .facet_body .facet_btn:before {content:''; width:10px; height:5px; margin-top:-2.5px; display:block; position:absolute; right:20px; top:50%; background:url(../img/ico_facet_arrow.gif) 0 0 no-repeat;}
 	#container .facet_area .facet_body .facet_btn.active:before {transform:rotate(-180deg)}
 	#container .facet_area .facet_body .facet_btn strong {color:#ff0000;}
 	#container .facet_area .facet_body .facet_inner {padding:0 20px;}
 	#container .facet_area .facet_body .facet_inner .facet_btns {display:none;}
 	#container .facet_area .btns {margin-left:2px; padding:3px 10px; font-size:13px; color:#666; font-weight:300; border:1px solid #ccc; border-radius:3px;}
 	#container .facet_area .btns:first-child {margin-left:0;}
 	#container .facet_area .btns:hover,
 	#container .facet_area .btns:focus,
 	#container .facet_area .btns:active {border-color:#000;}
 	#container .facet_area .facet_body {border-top:1px solid #d7d7d7;}
 	#container .facet_area .facet_body .facet_inner .facet_list {max-height:70px; padding-bottom:15px; margin-top:15px; overflow:hidden; border-bottom:1px solid #d7d7d7; box-sizing: content-box;}
 	#container .facet_area .facet_body .facet_inner .facet_list.active {max-height:initial;}
 	#container .facet_area .facet_body .facet_inner .facet_list li {margin-top:10px; display:flex; align-items:center;}
 	#container .facet_area .facet_body .facet_inner .facet_list li:first-child {margin-top:0;}
 	#container .facet_area .facet_body .facet_inner .facet_list li input[type="checkbox"] {}
 	#container .facet_area .facet_body .facet_inner .facet_list li input[type="checkbox"] + label {margin:0 5px; font-size:13px; color:#666666; font-weight:300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	#container .facet_area .facet_body .facet_inner .facet_list li .number {font-size:13px; color:#666666; font-weight:300;}
 	#container .facet_area .facet_body .facet_inner .facet_list li .number span {font-size:inherit; color:#ff0000;}
 	#container .facet_area .facet_foot {padding-bottom:20px; margin-top:10px; text-align:right;}
 	#container .facet_area .facet_foot .btns {display:none;}
 	
	#container .container_inner .sub_contbox {width:100%; max-width:1240px; margin:20px auto 30px;}
	#container .container_inner .sub_contbox .sub_content {padding:0 0 100px 20px;}
	#container .container_inner .lnb_area + .sub_contbox {width:930px; max-width:930px; margin:0 20px 0 30px;}
	#container .container_inner .sub_contbox .sub_headbox {height:100px; padding:0 0 0 20px;}
	#container .container_inner .sub_contbox .sub_headbox .cont_top_title {font-size:26px;}
	#container .container_inner .sub_contbox .sub_headbox .btn_sch_result {display:none;}
	#container .container_inner .sub_contbox .sub_headbox .history {display:flex; flex:1; justify-content:flex-end;}
	#container .container_inner .sub_contbox .sub_headbox .history a,
	#container .container_inner .sub_contbox .sub_headbox .history span {margin:0 3px; font-size:15px; color:#666; font-weight:300;}
 	#container .container_inner .sub_contbox .sub_headbox .history .home a {padding-left:8px; position:relative;}
 	#container .container_inner .sub_contbox .sub_headbox .history .home a:before {content:''; width:4px; height:4px; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background-color:#666666; border-radius:50%;}
 	#container .container_inner .sub_contbox .sub_headbox .history span.end {color:#4bb8b3;} 	
	
	.section_wrapper .section_item {width:calc(100% / 3); margin:0 0 0 40px}	
	
 	.vertical_section .section_wrapper {max-width:1240px; display:flex; padding:30px 30px 0; justify-content:center; overflow:visible; white-space: initial; }
	.vertical_section:first-child .fp-tableCell {padding-top:150px;}
	.vertical_section.section02 .fp-tableCell {padding-top:150px; padding-bottom:0;}
	.vertical_section.section02 .section_box_wrapper {max-width:1240px; margin:25px auto 0; padding:0;}
	.vertical_section.section02 .section_box_wrapper .section_box {width:calc(100% / 3 - 20px)}
	
	.vertical_section.section03 .section_contents .document_list {display:flex; flex-wrap:wrap; margin:0 -5px;}
	.vertical_section.section03 .section_contents .document_list li {width:calc(100% / 3 - 10px); min-height:126px; display:block; margin:5px 5px 5px 5px;}
	.vertical_section.section03 .section_contents .section_tab ul {position:absolute; right:20px; top:24px;}
	
	.vertical_section.section03 .inner_top_section {height:calc(100vh - 140px); padding-top:180px;}
	.vertical_section.section03 .inner_top_section .section_title {padding-bottom:30px;}
	.vertical_section.section03 .fp-tableCell {padding-top:0;}
	
	.vertical_section.section03 .section_box_wrapper {max-width:1240px; margin:0 auto; padding:0;}
	.vertical_section.section03 .section_box_wrapper .inner_box:nth-child(1),
	.vertical_section.section03 .section_box_wrapper .inner_box:nth-child(3) {width:calc(65% - 20px)}
	.vertical_section.section03 .section_box_wrapper .inner_box:nth-child(2),
	.vertical_section.section03 .section_box_wrapper .inner_box:nth-child(4) {width:calc(35% - 20px)}
	.vertical_section.section03 .section_box_wrapper .inner_box.bannerfull {width:calc(100% - 20px)}
	
	.vertical_section.section03 .gallery_item_slider .items .image,
	.vertical_section.section03 .gallery_item_slider .items .image img {height:170px;}
	
	.vertical_section.section03 #footer {margin-top:0px;}
	.vertical_section.section03 #footer {overflow:hidden;}
	
	.top_sch_area {margin-top:0; padding:35px 0 0;}
	
	#footer .footer_inner {max-width:1240px; margin:0 auto;}	
	#footer .footer_inner .family_site_area {width:295px; position:absolute; right:20px; top:0;}	
	
	/* 부트스트랩 모달 관련 */
	.modal .modal-dialog .modal-content .modal-body.desearch_pop .de_pop_check > li {display:flex;} 
	.modal .modal-dialog .modal-content .modal-body.desearch_pop .de_pop_check > li > span {min-width: 70px; display: flex; align-items: center; justify-content: center; }
	
	.info_scroll {display:flex;}
}

@media (max-height:670px) {
	.vertical_section.section03 .inner_top_section {padding-top:0;}
}