@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;}

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 {top:-100%;} 

.top_notice_area {height:0; background-color:#f4f4f4; overflow:hidden; transition:height 0.6s;}
.top_notice_area.active {height:130px; transition:height 0.6s;}
.top_notice_area .top_notice_inner {padding:20px 20px 15px 20px; overflow:hidden;}
.top_notice_area .top_notice_inner .notice_list {height:65px; position:relative; overflow:hidden;}
.top_notice_area .top_notice_inner .notice_list .items {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;}  
.top_notice_area .top_notice_inner .notice_list .items .link {min-width:110px; height:32px; margin-top:10px; padding:0 15px; display:inline-flex; justify-content:space-between; align-items:center; position:relative; text-align:center; font-weight:300; font-size:13px; border:1px solid #666; border-radius:50px;}
.top_notice_area .top_notice_inner .notice_list .items .link:after {content:''; width:6px; height:11px; display:block; background:url(../img/ico_top_more_arrow.png) 0 0 no-repeat; background-size:100%;}
.top_notice_area .top_notice_inner .notice_list .slick-arrow {width:23px; height:25px; position:absolute; top:0; right:0; z-index:1; border:0; background-position:0 0; background-repeat:no-repeat; background-size:100%;}
.top_notice_area .top_notice_inner .notice_list .slick-arrow.slick-prev {background-image:url(../img/ico_notice_arrow_prev.png)}
.top_notice_area .top_notice_inner .notice_list .slick-arrow.slick-next {top:23px; 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 {margin-left:3px; position:relative; font-size:13px; color:#666; font-weight:300;}
.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; border-bottom:1px solid #eaeaea;}
#header.fixed {width:100%; position:fixed;left:0; top:0; background-color:#fff;}

#header .header_inner {position:relative;}
#header .header_inner .logo {height:80px; display:flex; align-items:center; justify-content:center;}
#header .header_inner .logo a,
#header .header_inner .logo a span {font-weight:700; font-size:15px; letter-spacing:-1px;}
#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:5px; top:78px; 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.png)}
.util_menu_area a .icon-login {background-image:url(../img/ico_login.png)}
.util_menu_area a .icon-logout {background-image:url(../img/ico_logout.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_outer {background:url(../img/bg_section_image.jpg) center top no-repeat; background-size:cover; background-color:#f8f8f8;}
#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;}
#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)}

#container .container_inner .sub_contbox.is-slideToggle .sub_content .total_search_area {display:none;}

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

.top_banner_area {position:relative; white-space:nowrap; overflow:hidden;}
.top_banner_area .slick-track {display:flex; overflow:hidden;}
.top_banner_area .slider_items {width:100%; display:inline-block; text-align:center;}
.top_banner_area .slider_items a {display:block; background-size:cover; background-position:center top; background-repeat:repeat-x;}

.slick-dots {width:100%; display:flex; justify-content:center; align-items:center; position:absolute; left:0; bottom:0;}
.slick-dots li {margin:0 7px;}
.slick-dots li.slick-active {}
.slick-dots li button {width:15px; height:15px; border-radius:50%; background-color:#000; text-indent:-9999px; opacity:0.15; transition:opacity 0.5s;}
.slick-dots li.slick-active button {opacity:1; transition:opacity 0.5s;}

.top_banner_area .slick-dots {bottom:25px;}
.top_banner_area .slick-dots li button {background-color:transparent; border:1px solid #666; opacity:1;}
.top_banner_area .slick-dots li.slick-active button {background-color:#666;}

.main_search_area {padding-top:70px;}
.main_search_area .section_title_area .title {text-align:center;}
.main_search_area .search_tabs {padding:0 25px; white-space:nowrap; overflow-x:auto; overflow-y:hidden;}
.main_search_area .search_tabs button {min-width:90px; padding:9px 20px; margin:0 5px; display:inline-block; border:1px solid #fff; font-size:16px; color:#fff; border-radius:50px; font-weight:300;}
.main_search_area .search_tabs button.active {background-color:#fff; border-color:#fff; color:#333; font-weight:700;}

.main_search_area .search_box {margin-top:25px; padding:0 20px; position:relative;}
.main_search_area .search_box fieldset {}
.main_search_area .search_box fieldset legend {}
.main_search_area .search_box fieldset .input_search {width:100%; padding:16px 20px; font-size:18px; color:#fff; font-weight:300; border:0; border-bottom:2px solid #fff; background-color:transparent;}
.main_search_area .search_box fieldset .input_search::placeholder {color:rgba(255,255,255,0.5)}
.main_search_area .search_box fieldset .input_search:focus,
.main_search_area .search_box fieldset .input_search:active {background-color:rgba(255,255,255,0.15);}

.main_search_area .search_box fieldset .btn_search {width:60px; height:60px; position:absolute; right:20px; top:0;}
.main_search_area .search_box fieldset .btn_search:before {content:''; width:30px; height:30px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:url(../img/ico_search.png) center center no-repeat; background-size:100%;}

/*
.section_title_area {position:relative;}
.section_title_area .title {font-size:27px; font-weight:700; letter-spacing:-1px;}
.section_title_area .title span {font-size:15px; }
.section_title_area .title.is-center {text-align:center;}
.link_more {width:60px; height:60px; display:block; position:absolute; right:20px; top:25px; text-indent:-9999px;}
.link_more:before {content:''; width:58px; height:15px; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:url(../img/ico_doc_more.png) 0 0 no-repeat; background-size:100%;}
*/

.section_contents.is-gallery {}

.section_outer {margin-top:60px;}
.section_wrapper {padding:0 20px;}
.section_wrapper .section_item {min-height:320px; margin-top:20px; padding:30px; position:relative; background-color:#fff; box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.2);}
.section_wrapper .section_item .inner_title {margin-bottom:5px;}
.section_wrapper .section_item .inner_title .title {font-size:24px; font-weight:700;}
.section_wrapper .section_item .inner_title .title .hashtag_txt {margin-left:5px; font-size:13px; font-weight:300; color:#3a72b1;}

.section_wrapper .section_item .slick-dots {bottom:10px;}
.section_wrapper .section_item .slick-dots li {margin:0 3px;}
.section_wrapper .section_item .slick-dots li button {width:10px; height:10px; border:1px solid #666; border-radius:50%; background-color:transparent; opacity:1;}
.section_wrapper .section_item .slick-dots li.slick-active button {background-color:#666;}
.section_wrapper .section_item .btn_more {position:absolute; right:30px; top:43px; font-size:13px; color:#666; font-weight:300; text-decoration:underline;}

.section_item .inner_item_slider {width: 100%; padding-top:3px; white-space: nowrap; overflow: hidden;}
.section_item .inner_item_slider .items {width:100%; display:inline-block; position:relative; vertical-align:top;}
.section_item .inner_item_slider .items .image {height:150px; display:block; position:relative; border:1px solid #d9d9d9;}
.section_item .inner_item_slider .items .image img {width:100%; height:150px; object-fit: contain;}
.section_item .inner_item_slider .items .image .no_image {width:100%; height:100%; position:absolute; left:0; top:0; background:url(../img/img_noImg03.png) center center #f0f0f0 no-repeat; background-size:66px 90px}

.section_item .inner_item_slider .items .desc {margin-top:10px; padding:0 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  text-align:center; font-size:15px; color:#666; font-weight:300; white-space:initial;}
.section_item .inner_item_slider .items .ribbon_area {display:flex; position:absolute; left:10px; top:-3px;}
.section_item .inner_item_slider .items .ribbon_area span {width:42px; height:32px; display:block; background-repeat:no-repeat; background-position:0 0; background-size:100%; text-indent:-9999px; }
.section_item .inner_item_slider .items .ribbon_area span + span {margin-left:5px;}
.section_item .inner_item_slider .items .ribbon_area .ico_new {background-image:url(../img/ico_doc_new.png)}
.section_item .inner_item_slider .items .ribbon_area .ico_best {background-image:url(../img/ico_doc_best.png)}


.section_item .item_slider {padding:15px 40px 30px; position:relative; border:1px solid #e8e8e8;}
.section_item .item_slider .inner_item_slider .items .image_wrap {min-height:165px; display:block; position:relative;}
.section_item .item_slider .inner_item_slider .items .image_wrap img {width:100%; height:165px; object-fit: cover;}
.section_item .item_slider .inner_item_slider .items .image_wrap .no_image {width:100%; height:100%; display:flex; justify-content:center; align-items:center; position:absolute; left:0; top:0; background-color:#f0f0f0;}
.section_item .item_slider .inner_item_slider .items .image_wrap .no_image span {padding-top:45px; display:block; position:relative; font-size:13px; color:#ccc; font-weight:700; }
.section_item .item_slider .inner_item_slider .items .image_wrap .no_image span:before {content:''; width:48px; height:35px; margin-left:-24px; display:block; position:absolute; left:50%; top:0; background:url(../img/ico_no_image.png) 0 0 no-repeat; background-size:100%;}

.section_item .item_slider .inner_item_slider .items .desc_wrap {}
.section_item .item_slider .inner_item_slider .items .desc_wrap .date {margin-top:10px; font-size:15px;}
.section_item .item_slider .inner_item_slider .items .desc_wrap .writer {margin-top:5px; font-size:13px; color:#999; font-weight:300;}
.section_item .item_slider .inner_item_slider .items .desc_wrap .ico_new {margin-top:15px; padding:3px 9px; display:inline-block; background-color:#2c6ccc; color:#fff; font-size:11px; border-radius:50px; font-style:normal;}
.section_item .item_slider .inner_item_slider .items .desc_wrap .ico_no_new {margin-top:15px; padding:3px 9px; display:inline-block; font-size:11px; border-radius:50px; font-style:normal;}
.section_item .item_slider .inner_item_slider .items .desc_wrap .txt_desc {margin-top:5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space:initial;}
.section_item .item_slider .inner_item_slider .slick-arrow {width:37px; height:37px; position:absolute; right:0; top:-20px; background-repeat:no-repeat; background-position:0 0; background-size:100%;}
.section_item .item_slider .inner_item_slider .slick-arrow.btn-prev {right:34px; background-image:url(../img/ico_slider_prev.png)}
.section_item .item_slider .inner_item_slider .slick-arrow.btn-next {right:-1px; background-image:url(../img/ico_slider_next.png)}


.quick_menu_wrapper {padding-top:70px; margin-top:70px; background-color:#f8f8f8;}
.quick_menu_wrapper .items {margin-top:10px;}
.quick_menu_wrapper .items:first-child {margin-top:0;}
.quick_menu_wrapper .items:nth-child(1) a {background-color:#f8c835;}
.quick_menu_wrapper .items:nth-child(2) a {background-color:#ff8a44;}
.quick_menu_wrapper .items:nth-child(3) a {background-color:#17aa51;}
.quick_menu_wrapper .items:nth-child(4) a {background-color:#3372d9;}
.quick_menu_wrapper .items:nth-child(5) a {background-color:#ff8a44;}
.quick_menu_wrapper .items:nth-child(6) a {background-color:#17aa51;}
.quick_menu_wrapper .items:nth-child(7) a {background-color:#3372d9;}
.quick_menu_wrapper .items:nth-child(8) a {background-color:#f8c835;}
.quick_menu_wrapper .items:nth-child(9) a {background-color:#17aa51;}
.quick_menu_wrapper .items:nth-child(10) a {background-color:#3372d9;}
.quick_menu_wrapper .items:nth-child(11) a {background-color:#f8c835;}
.quick_menu_wrapper .items:nth-child(12) a {background-color:#ff8a44;}


.quick_menu_wrapper .items a {height:80px; position:relative; display:flex; justify-content:center; align-items:center; text-decoration:none; border:1px solid #e7e7e7;}
.quick_menu_wrapper .items a .title {font-size:24px; color:#ffffff; font-weight:700; letter-spacing:-2px;}
.quick_menu_wrapper .items a .desc {display:none;}
.quick_menu_wrapper .items a:hover,
.quick_menu_wrapper .items a:focus,
.quick_menu_wrapper .items a:active {background-color:#fff;}
.quick_menu_wrapper .items a:hover .title,
.quick_menu_wrapper .items a:focus .title,
.quick_menu_wrapper .items a:active .title {color:#333;}
.quick_menu_wrapper .items a:hover .desc,
.quick_menu_wrapper .items a:focus .desc,
.quick_menu_wrapper .items a:active .desc {color:#333;}
.quick_menu_wrapper .items a .ico_character {width:66px; height:87px; display:block; position:absolute; left:10px; bottom:0; background-repeat:no-repeat; background-position:0 0; background-size:100%;}
.quick_menu_wrapper .items a .ico_character.character01 {background-image:url(../img/ico_main_character01.png)}
.quick_menu_wrapper .items a .ico_character.character02 {background-image:url(../img/ico_main_character02.png)}
.quick_menu_wrapper .items a .ico_character.character03 {background-image:url(../img/ico_main_character03.png)}
.quick_menu_wrapper .items a .ico_character.character04 {background-image:url(../img/ico_main_character04.png)}
.quick_menu_wrapper .items a:before {content:''; width:54px; height:54px; margin-top:-27px; position:absolute; right:20px; top:50%; background:url(../img/ico_main_more.png) 0 0 no-repeat; background-size:100%;}

.top_section_wrap {padding:50px 20px 0; background-color:#f8f8f8;}
.top_section_wrap .items {position:relative;}
.top_section_wrap .items:first-child {min-height:240px;}
.top_section_wrap .items .title {margin-bottom:20px; padding-bottom:10px; font-size:24px; font-weight:700; color:#333; border-bottom:2px solid #000}
.top_section_wrap .items .time_info_wrap {}
.top_section_wrap .items .time_info_wrap .time_info {margin-top:5px; display: flex; justify-content:space-between; align-items:center;}
.top_section_wrap .items .time_info_wrap .time_info:first-child {margin-top:0;}
.top_section_wrap .items .time_info_wrap .time_info .item {display: flex; align-items: center; font-size:18px; color:#333;} 
.top_section_wrap .items .time_info_wrap .time_info .item.first {}
.top_section_wrap .items .time_info_wrap .time_info .item .txt {font-size:15px; color:#999999; font-weight:300;}
.top_section_wrap .items .time_info_wrap .time_info .item .time {margin-left:15px; font-size:16px;}
.top_section_wrap .items .time_info_wrap .time_info .item .ico_clock {width: 18px; height: 18px; margin-right: 5px; display: block; background: url(../img/ico_clock.png) 0 0 no-repeat; background-size: 100%;}
.top_section_wrap .items .btn_more {position:absolute; right:0; top:7px; }
.top_section_wrap .items .btn_more span {font-size:13px; color:#666; font-weight:300; text-decoration:underline;}
.top_section_wrap .items + .items {margin:0 -20px; padding:0 20px; background-color:#eaeaea;}
.top_section_wrap .items + .items .title {margin-bottom:0; padding:20px 0; border-bottom:0;}
.top_section_wrap .items + .items .btn_more {width:100%; height:100%; position:absolute; left:0; top:0;}
.top_section_wrap .items + .items .btn_more span {position:absolute; right:20px; top:27px;}
.top_section_wrap .items .item_lists {display:none;}

.section_wrap {margin-top:70px;}
.section_wrap .section_item {padding:0 20px; margin-top:40px; position:relative;}
.section_wrap .section_item:first-child {margin-top:0;}
.section_wrap .section_item:nth-child(2) .item_wrap {margin-top:0;}
.section_wrap .section_item .section_title_area {}
.section_wrap .section_item .section_title_area .title {font-size:24px; font-weight:700; color:#333;}
.section_contents {}
.section_contents .section_tab {}
.section_contents .section_tab ul {overflow-x:auto; overflow-y:hidden; white-space:nowrap; border-bottom:2px solid #333;}
.section_contents .section_tab ul li {margin-right:15px; display:inline-block;}
.section_contents .section_tab ul li button {padding:12px 0; color:#999; font-size:15px; font-weight:300;}
.section_contents .section_tab ul li.active button {color:#333; font-weight:500;}
.section_contents .item_wrap {margin-top:35px;}
.section_contents .item_wrap .item {}
.section_contents .item_wrap .item .board_list {}
.section_contents .item_wrap .item .board_list li {display:none; padding:25px 30px; border:1px solid #e8e8e8;}
.section_contents .item_wrap .item .board_list li:first-child {display:block;}
.section_contents .item_wrap .item .board_list li .date {font-size:15px;}
.section_contents .item_wrap .item .board_list li .writer {margin-top:5px; font-size:13px; color:#999; font-weight:300;}
.section_contents .item_wrap .item .board_list li .doc_wrap {margin-top:35px;}
.section_contents .item_wrap .item .board_list li .doc_wrap .ico_new {padding:2px 9px; border-radius:50px; color:#fff; font-size:11px; background-color:#2c6ccc; font-style:normal;}
.section_contents .item_wrap .item .board_list li .doc_wrap .ico_no_new {padding:2px 9px; border-radius:50px; font-size:11px; font-style:normal;}
.section_contents .item_wrap .item .board_list li .doc_wrap a {margin-top:8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size:15px; color:#666; font-weight:300;}
.section_contents .item_wrap .item .link_more {width:24px; height:24px; display:block; position:absolute; right:20px; top:0; background:url(../img/btn_doc_more.gif) 0 0 no-repeat; background-size:100%; text-indent:-9999px;}

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

.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; position:relative; bottom:5px;}
.item_info_area .txt_year_area .year_inner button {width:34px; height:34px; background-repeat:no-repeat; background-position:0 0; background-size:100%;}
.item_info_area .txt_year_area .year_inner button:disabled {opacity:0.3}
.item_info_area .txt_year_area .year_inner button.btn_cal_prev {margin-right:-1px; 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:24px; font-weight:700; color:#333;}
.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; right:0; bottom:-25px;}
.item_info_area .txt_year_area .date_info li {margin-left: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 #b24d80; }
.item_info_area .txt_year_area .date_info li .ico_color2 {background-color:#d187ac;}
.item_info_area .txt_year_area .date_info li .ico_color3 {background-color:#333333;}
.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-weight:700; color:#000;}
.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-weight:700; color:#000; opacity:0.6;}
.item_info_area .time_info_wrap .time_info .item .time {display:flex; align-items:center; font-size:18px; font-weight:700; color:#000;}

.calendar_wrap {}
.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:8px 0; font-size:14px; border-bottom:2px solid #333;}
.calendar_wrap table td {padding:10px 0; font-size:12px; border:1px solid #eaeaea; color:#666;}
.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:#333333; color:#fff;}
.calendar_wrap table td .table-day.lecture {background-color:#0b0cec; color:#fff;}
.calendar_wrap table td .table-day.event {background-color:#d187ac; color:#fff;}
.calendar_wrap table td .table-day.today {border-color:#b24d80}

.section_contents .item_wrap .item .inner_wrap {padding:20px 20px 30px; border:1px solid #eaeaea;}
.section_contents .item_wrap .item .inner_wrap:not(:first-child) {display:none}
.section_contents .item_wrap .item .inner_wrap .txt1 {padding-left:30px; margin-bottom:15px; position:relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size:15px; font-weight:300;}
.section_contents .item_wrap .item .inner_wrap .txt1 i {width:25px; height:25px; display:block; position:absolute; left:0; top:0; background:url(../img/ico_question.png) 0 0 no-repeat; background-size:100%;}
.section_contents .item_wrap .item .inner_wrap .txt2 {margin-top:15px; padding-top:15px; position:relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size:15px; color:#666; font-weight:300;}
.section_contents .item_wrap .item .inner_wrap .txt2 i {margin-top:15px; padding:3px 9px; display:inline-block; background-color:#2c6ccc; color:#fff; font-size:11px; border-radius:50px; font-style:normal;}
.section_contents .item_wrap .item .inner_wrap .txt2:before {content:''; width:100%; height:2px; display:block; position:absolute; left:0; top:0;; background-color:#333;}

.btm_banner_list {margin-top:20px; padding-bottom:40px;}
.btm_banner_list li {max-width:320px; margin:0 auto; display:none; background-color:#fff;}
.btm_banner_list li a {display:block;}
.btm_banner_list li a img {width:100%; padding:20px; border:1px solid #ccc;}
.btm_banner_list li:first-child {display:block;}

.quick_area {margin-top:60px; position:relative; background-color:#f5f5f5;}
.quick_area .section_title_area {position:absolute; left:20px; top:-20px;}
.quick_area .section_title_area .title {font-size:27px;}
.quick_area .quick_list {padding:30px 20px;}
.quick_area .quick_list:after {content:''; clear:both; display:block;}
.quick_area .quick_list li {width:calc(100% / 3); margin-top:10px; float:left;}
.quick_area .quick_list li:nth-child(1),
.quick_area .quick_list li:nth-child(2),
.quick_area .quick_list li:nth-child(3) {margin-top:0px;}
.quick_area .quick_list li a {display:block; text-align:center; font-size:15px; color:#333333; font-weight:300;}
.quick_area .quick_list li a:hover,
.quick_area .quick_list li a:focus,
.quick_area .quick_list li a:active {text-decoration:underline;}

.btm_doc_list_area {margin-top:60px; overflow:hidden;}
.btm_doc_list_area .btm_doc_list {padding-bottom:40px; position:relative;}
.btm_doc_list_area .btm_doc_list .slick-dots {}
.btm_doc_list_area .btm_doc_list:after {content:''; clear:both; display:block;}
.btm_doc_list_area .btm_doc_list .items {width:calc(100% / 3 - 60px); margin:0 30px; float:left;}
.btm_doc_list_area .btm_doc_list .items a {display:block; position:relative; text-decoration:none;}
.btm_doc_list_area .btm_doc_list .items a:hover:before,
.btm_doc_list_area .btm_doc_list .items a:focus:before,
.btm_doc_list_area .btm_doc_list .items a:active:before {content:''; width:100%; height:100%; display:block; position:absolute; left:0; top:0; border:2px solid #4bb8b3;}
.btm_doc_list_area .btm_doc_list .items a .doc_header {height:124px; padding:44px 20px 0; background-position:0 0; background-repeat:no-repeat; background-size:cover;}
.btm_doc_list_area .btm_doc_list .items a .doc_header p {width:100%; text-overflow: ellipsis; overflow: hidden; white-space:nowrap;}
.btm_doc_list_area .btm_doc_list .items a .doc_header .txt1 {font-size:15px; color:#fff; font-weight:300;}
.btm_doc_list_area .btm_doc_list .items a .doc_header .txt2 {font-size:28px; color:#fff; font-weight:700;}
.btm_doc_list_area .btm_doc_list .items a .doc_body {padding:30px 20px; border:1px solid #eeeeee; border-top:0; }
.btm_doc_list_area .btm_doc_list .items a .doc_body .txt1 {font-size:18px; color:#333; font-weight:700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.btm_doc_list_area .btm_doc_list .items a .doc_body .txt2 {margin-top:14px; font-size:15px; color:#666; font-weight:300; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.map_area {margin-top:40px;}
.map_area .section_title_area {padding:0 20px;}
.map_area .map_detail {height:150px; margin-top:20px; border:1px solid #ccc;}
.map_area .section_title_area .title {font-size:24px; font-weight:700; color:#333;}

.btm_slider_area {margin-top:30px; overflow:hidden;}
.btm_slider_area .btm_slider_list {height:30px; position:relative; 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:30px; height:30px; margin-top:-15px; position:absolute; top:50%; background-position:0 0; background-repeat:no-repeat; background-size:100%; text-indent:-9999px; z-index:1;}
.btm_slider_area .btm_slider_list .slick-arrow.slick-prev {left:20px; background-image:url(../img/ico_btm_slider_prev.png)}
.btm_slider_area .btm_slider_list .slick-arrow.slick-next {right:20px; background-image:url(../img/ico_btm_slider_next.png)}
.btm_slider_area .btm_slider_list .slick-arrow.slick-disabled {opacity:0.3}

#footer {margin-top:30px; border-top:1px solid #e5e5e5 !important;}
body:not(.main) #footer {margin-top:0;}
#footer .footer_inner {padding:40px 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:20px; 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:25px; 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;}

.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; position:fixed; top:0; background-color:#fff;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:#333333;}
.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-weight:700; font-size:15px;}
	#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;}
}

@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; padding:0 20px; display:flex; align-items:center; justify-content: space-between;}
    .top_notice_area .top_notice_inner .notice_list {width:calc(100% - 210px); height:34px; padding-left:40px; overflow:visible;}
    .top_notice_area .top_notice_inner .notice_list .slick-list.draggable {height:34px !important; overflow:hidden;}
    .top_notice_area .top_notice_inner .notice_list .items {height:35px; 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:-8px;}
	.top_notice_area .top_notice_inner .notice_list .slick-arrow.slick-next {top:15px;}
    .top_notice_area .top_notice_inner .btm_ctl_box {margin-top:0;}
    
    #nav {width:320px; left:-320px;}
    
    #container .container_outer {overflow:hidden; background-size:auto;}
    #container .container_inner {}
    
    .section_outer {padding: 0 60px 50px 60px; overflow-x: auto; overflow-y: hidden;}
    .section_wrapper {width: calc(100% + 290px); display:flex; padding:0; margin:0 -15px;}
    .section_wrapper .section_item {width:320px; min-height:330px; margin:0 15px;}
    
    .quick_menu_wrapper {padding:0 20px 0 20px; margin:0 -10px; display:flex; flex-wrap:wrap; background-color:transparent;}
    .quick_menu_wrapper .items {width:calc(50% - 20px); margin:10px; display:block;}
    .quick_menu_wrapper .items:first-child {margin-top:10px; }
    .quick_menu_wrapper .items a {height:220px; display:block; justify-content: initial; align-items: initial; border-radius:10px;} 
    .quick_menu_wrapper .items a .title {padding:100px 0 10px 130px}
    .quick_menu_wrapper .items a .desc {padding:0 50px 0 130px; display:block; font-size:15px; color:#fff; font-weight:300; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .quick_menu_wrapper .items a .ico_character {width:76px; height:115px; left:30px; bottom:auto; top:82px;}
    .quick_menu_wrapper .items a:before {margin-top:initial; right:30px; top:30px;}
	
	.top_section_wrap {display:flex; margin:0 -10px;}
	.top_section_wrap .items {width:calc(50% - 10px); min-height:240px; margin:0 10px;}
	.top_section_wrap .items + .items {margin:0 10px; padding:0; background-color:transparent;}
	.top_section_wrap .items + .items .title {margin-bottom: 20px; padding:0 0 10px 0; border-bottom: 2px solid #000;}
	.top_section_wrap .items + .items .btn_more {width: auto; height: auto; position: absolute; right: 0; top: 7px; left: auto;}
	.top_section_wrap .items + .items .btn_more span {position:static;}
	.top_section_wrap .items .time_info_wrap {padding:0 20px;}
	.top_section_wrap .items .item_lists {display:block;}
	.top_section_wrap .items .item_lists ul {display:flex;}
	.top_section_wrap .items .item_lists ul li {padding:0 20px;}
	.top_section_wrap .items .item_lists ul li a {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; font-size:15px; color:#666; font-weight:300;}
	.top_section_wrap .items .item_lists ul li a:hover,
	.top_section_wrap .items .item_lists ul li a:focus,
	.top_section_wrap .items .item_lists ul li a:active {text-decoration:underline;} 
	.top_section_wrap .items .item_lists ul li + li {display:none;}
	.top_section_wrap .items .item_lists ul li .item_btn {margin-top:20px;}
	.top_section_wrap .items .item_lists ul li .item_btn button {padding: 6px 38px 6px 11px; position:relative; border:1px solid #666666; font-size:14px; color:#666; font-weight:300;}
	.top_section_wrap .items .item_lists ul li .item_btn button:hover,
	.top_section_wrap .items .item_lists ul li .item_btn button:focus,
	.top_section_wrap .items .item_lists ul li .item_btn button:active {background-color:#666; color:#fff;}
	.top_section_wrap .items .item_lists ul li .item_btn button:before {content:''; width:5px; height:9px; display:block; position:absolute; right:10px; top:50%; transform:translateY(-50%); background:url(../img/ico_apply_arrow.png) 0 0 no-repeat;}
	.top_section_wrap .items .item_lists ul li .item_btn button:hover:before,
	.top_section_wrap .items .item_lists ul li .item_btn button:active:before,
	.top_section_wrap .items .item_lists ul li .item_btn button:focus:before {background-image:url(../img/ico_apply_arrow_on.png);}
	
	.item_info_area .txt_year_area {margin-bottom:0;}
	.item_info_area .txt_year_area .date_info {bottom:10px; ; right: 40px;}
	
	.section_wrap {margin:0 -10px; padding:0 20px; display:flex; flex-wrap:wrap;}
	.section_wrap .section_item {width:50%; margin-top:70px; padding:0 10px;}
	.section_wrap .section_item:first-child {margin-top:70px;}

	.section_contents .item_wrap {}
	.section_item .item_slider .inner_item_slider .items {}
	.section_item .item_slider .inner_item_slider .items .image_wrap {width:240px; min-height:160px;}
	.section_item .item_slider .inner_item_slider .items .image_wrap img {width:240px; height:160px;}	.section_item .item_slider .inner_item_slider .items .desc_wrap {max-width:110px; margin-left:30px; position: absolute; left: 240px; top: 0;}
	.section_item .item_slider .inner_item_slider .items .desc_wrap .ico_new {margin-top:35px;}
	
	.section_contents .item_wrap .item .inner_wrap {padding:35px 20px 38px;}
	
	.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 {}
	
	#footer .footer_inner .family_site_area {max-width:295px;}
	#footer .footer_inner .footer_addr {font-size:15px;}
	#footer .footer_inner .copyright {font-size:12px;}
}

/* PC 시작 */
@media (min-width:960px) {
	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;}    	
     
    #header .header_inner {max-width:1240px; padding:20px 0; margin:0 auto; display:block; position:relative;}
    #header .header_inner .logo {height:60px;}
    #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;}
    #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:36px;}
    #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;}
    #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 .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 .header_inner .info_list_box .info_list li.is-login a {background-image:url(../img/ico_login.png)}
    #header .header_inner .info_list_box .info_list li.is-logout a {background-image:url(../img/ico_logout.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;}
    
    #nav {width:100%; left:initial;}
    #nav .nav-menu {display:flex; justify-content: center; list-style:none;}
	#nav .nav-menu > .menu-item {text-align:center;}
	#nav .nav-menu > .menu-item > .menu-link {padding:10px; margin:0 15px; display:block; position:relative; font-size:18px; font-weight:500; color:#000; text-decoration:none;}
	#nav .nav-menu > .menu-item > .menu-link:after {content:''; width:calc(100% - 20px); height:2px; display:block; position:absolute; left:50%; bottom:10px; transform:translateX(-50%) scaleX(0); background-color:#000; 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:120px; 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 {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:60px; display:flex; flex-wrap:wrap; position:relative; z-index:1; background-color:#fff;}
    #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 {}
    #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 {}
 	
 	#container .inner_wrapper {padding:0;}
 	
 	#container .container_inner {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:0px 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;}	
		
 	.main_search_area {} 	
 	.main_search_area .search_tabs {padding:0; white-space: initial; overflow-x: hidden; text-align:center;}
	.main_search_area .search_tabs button {min-width:90px; font-size:15px;}
	.main_search_area .search_box {max-width:620px; margin:25px auto 0;}
	
	.quick_menu_wrapper {padding:0;}	
	.quick_menu_wrapper .items {width:calc(25% - 20px);}
	.quick_menu_wrapper .items a {height:320px;}
	.quick_menu_wrapper .items a .title {padding:200px 0 15px 30px}
	.quick_menu_wrapper .items a .desc {padding:0 30px 0 30px;}
	.quick_menu_wrapper .items a .ico_character {right:auto; left:30px; top:70px;}
	
	.top_section_wrap {padding:50px 20px 0; margin:0 -20px;}
	.top_section_wrap .items {width: calc(50% - 20px); margin:0 20px;}
	.top_section_wrap .items + .items {margin:0 20px;} 
	.top_section_wrap .items .item_lists ul li + li {display:block;}

	.section_outer {padding:0 0 50px 0; overflow:visible;}
	.section_wrapper {width:auto; justify-content:center;}
	.section_wrapper .section_item {}
	
	.section_item .item_slider .inner_item_slider .items .desc_wrap {max-width:235px;}
	
	.section_contents.type01 .item_wrap .item .board_list {}
	.section_contents.type01 .item_wrap .item .board_list:after {content:''; display:block; clear:both;}
	.section_contents.type01 .item_wrap .item .board_list li {width:50%; float:left; display:block;}
	.section_contents.type01 .item_wrap .item .board_list li + li {margin-left:-1px;}
	
	.section_item.type01 .section_contents .item_wrap .item {}
	.section_item.type01 .section_contents .item_wrap .item:after {content:''; display:block; clear:both;}
	.section_item.type01 .section_contents .item_wrap .item .inner_wrap {width:50%; float:left;}
	.section_item.type01 .section_contents .item_wrap .item .inner_wrap + .inner_wrap {margin-left:-1px;}
	.section_item.type01 .section_contents .item_wrap .item .inner_wrap:not(:first-child) {display:block;}
	
	.board_list li {display:block;}
	
	.btm_banner_list {padding-bottom:0; display:block;}
	.btm_banner_list:after {content:''; clear:both; display:block;}
	.btm_banner_list li {width:calc(100% / 3); display:block; margin:-1px -1px 0 0; float:left;}
	
	.quick_area .quick_list {padding:45px 30px;}
	.quick_area .quick_list li {width:auto; margin-top:0px; margin-right:70px; line-height:30px;}
	
	.btm_doc_list_area .btm_doc_list {margin:0 -30px;}
	.btm_doc_list_area .btm_doc_list .items {width:calc(100% / 3 - 60px); margin:0 30px;}
	.btm_doc_list_area .btm_doc_list .items a .doc_body .txt2 {min-height:63px;}
	
	.btm_slider_area {max-width:1240px; margin:30px auto 0;}
	
	#footer .footer_inner {max-width:1240px; margin:0 auto;}	
	#footer .footer_inner .family_site_area {width:295px; position:absolute; right:0; 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; }
}