@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      :web_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
 :root {
	--font-size:18px;
	--sub-font-size: 16px;
	--h3-font-size: 32px;
}
body.fixe {overflow:hidden;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.search_btn {display:none; position:absolute; right:65px; top:26px;}
.mont {font-family:'Montserrat', sans-serif; }



img {max-width:100%}
.pc_view {display:block}
.mb_view {display:none}

.prd{font-family: Pretendard;}

/* @import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);

.nanumbrushscript * {
 font-family:'Nanum Brush Script', cursive;
} */

/*
#header.down, .sub_wrap #header.down  {background:#fff; box-shadow:0px 0px 13px rgba(0, 0, 0, 20%);}
.sub_wrap #header.down {box-shadow:none;}
#header.down h1 img, .sub_wrap #header h1 img  {-webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}
.down .w_gnb .gnb > ul > li > a, .sub_wrap .w_gnb .gnb > ul > li > a {color:#000;}
.down .top_search > button, .sub_wrap .top_search > button {color:#000;}
.down .top_search > button img, .sub_wrap .top_search > button img {-webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}
.down .top_search:before, .sub_wrap .top_search:before {background:#000;}
.down .menu_btn a img, .sub_wrap .menu_btn a img {-webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}
*/
.down .header_bar {box-shadow:0px 6px 5px rgba(0, 0, 0, 10%);}

/* header */
#header {width:100%; position: relative; left:0px; top:0px; z-index:9999; box-sizing:border-box; transition:all 0.3s 0s ease-in-out;}
#header h1 {position:absolute; left:0px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%); z-index:10; line-height:0px}
.header_top {max-width:1720px; margin:0 auto; display: flex; height:50px; justify-content: space-between; position: relative; font-family: 'Pretendard';}
.header_top::before {content:""; width:100vw; height:100%; background: #eff1f6; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index:-1;}
.header_top .link {display: flex; align-self: center;}
.header_top .link > li {padding:0px 10px; position: relative;}
.header_top .link > li:not(:first-child):before {content:""; width:1px; height:10px; background: #000; position:absolute; left:0px; top:50%; transform: translateY(-50%);}
.header_top .link > li a {color:#000; font-size:var(--sub-font-size); line-height:1.3em; font-weight:600;}
.header_bar {padding:0px 10px; background: #fff; font-family:'Pretendard';}
.header_bar.fix {width:100%; position: fixed; left: 0px; top:0px;}
.in_header {max-width:1720px; width: 100%; height:100px; margin: 0 auto; position: relative; z-index: 9;}


.top_search {position:absolute; right:38px; top:50%; transform:translateY(-50%);}
.top_search > button {width: 40px; height:40px; padding:7px;}
.top_search > button img {width:100%;}

.top_menu {display:flex; gap:20px; align-items:center; height:40px; padding:0px 1.5em; border:1px solid #000; border-radius:60px; position:absolute; right:87px; top:50%; transform:translateY(-50%);}
.top_menu > li a {font-size:15px; color:#000; font-weight:600; line-height:1.3em; position:relative; font-family:Pretendard;}
.top_menu > li:not(:first-child) a:before {content:"·"; position: absolute; left:-10px; }

.top_lang {position:absolute; right:0px; top:50%; transform:translateY(-50%); display:flex; align-items:center;}
.top_lang > a {display:flex; position:relative; height:26px; align-items:center; color:#77777a; font-weight:600; font-size:18px;}
.top_lang > a.on {color:#fff; text-decoration:underline}
.top_lang > a:not(:first-child) {margin-left:20px;}
.top_lang > a:not(:first-child):before {display:block; content:""; width:4px; height:4px; border-radius:100%; position:absolute; left:-10px; top:50%; margin-top:-2px; background:#fff;}
.top_lang > a img {margin-right:5px;}


.searchPop {width:100%; position:absolute; left:0px; top:100%; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; box-shadow:0px 3px 5px rgba(0, 0, 0, 10%); padding:0px 10px; font-size:var(--font-size);}
.searchPop .inner {width:100%; max-width:1720px; position:relative; height:200px; display:flex; justify-content:center; align-items:center;}
.searchPop .search_area .input {background:none} 
.searchPop .close {position:absolute; right:0px; top:50%; transform: translateY(-50%);} 
.searchPop .close a {color:#fff; font-weight:400; line-height:1.4em; font-size:1px; text-indent:-99999em; display: block; width:30px; height:30px;} 
.searchPop .x_btn {padding-left:0px;}
.searchPop .x_btn:after {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:55%; left:10px}
.searchPop .x_btn:before {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:55%; left:10px;}
.search_area_wrap {margin:20px auto 0px auto; max-width:570px; border-bottom:9px solid #000; border-width:min(9px, 2vw); width:80%; position:relative;}
.search_area {display:flex; overflow:hidden; height:75px; align-items:center; position:relative; z-index:1; font-weight:500;}
.search_area:before {content:""; width:calc(100% - 105px); background:#fff; position:absolute; left:0px; top:0px; bottom:0px; z-index:-1; }
.search_area .input {border:none; outline:none; flex:1; width:100%;}
.search_area .check {min-width:160px; color:#999999;}
.search_area .btn {min-width:50px; height:100%; display:flex; justify-content:center ;align-items:center; text-indent:-999999em; font-size:1px; color:#fff; background: url(../img/common/search.svg) no-repeat center center ;}

/* wrap */
#wrap {width:100%; overflow:hidden; margin:0 auto;  transition:all 0.3s 0s ease-in-out; font-family: 'GmarketSans';}
#inner_wrap {max-width:100%; margin:0 auto; position:relative; padding-left:50px; padding-right:50px; padding-bottom:100px;}
#inner_wrap:after {clear:both; content:""; display:block;}
#inner_wrap.no_visual {padding-top:70px;}

.inner {max-width:1720px; margin:0 auto;}
.bg_wrap {background:#f2f2f2}

.m_gnb_on {display:none;  position:absolute; right:10px; top:50%; box-sizing:border-box; transform:translateY(-50%);}
.m_gnb_on .menu_btn {margin:0 auto;}
.menu_btn {position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); box-sizing:border-box;}




/* GNB */
.w_gnb {padding:0px 300px;}
.w_gnb .gnb {max-width:870px; margin:0 auto; box-sizing:border-box;}
.w_gnb .gnb > ul {display:flex; flex-wrap:wrap; justify-content:space-around}
.w_gnb .gnb > ul > li {text-align:center; position:relative; flex:auto; padding:0px 5px; vertical-align:top; }
.w_gnb .gnb > ul > li > a {display:block; color:#000;}
.w_gnb .gnb > ul > li > a > span {display:flex; justify-content:center; align-items:center; box-sizing:border-box; font-size:20px; font-weight:800; height:100px; transition:all 0.2s 0s ease-in-out; position:relative;}

.w_gnb .gnb > ul > li:hover > a > span {opacity:1;}
/*.w_gnb .gnb > ul > li:hover > a:after {display:block; content:""; width:8px; height:8px; border-left:1px solid #333; border-top:1px solid #333; position:absolute; left:50%; top:100%; margin:-4px 0px 0px -4px; background:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); z-index:99}*/

.w_gnb .sub_menu  {position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:190px; box-sizing:border-box; overflow:hidden; top:calc(100% - 25px); display:none; background:#000; padding:20px 0px;}
.w_gnb .sub_menu > li {padding:6px 0px; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:block; font-size:var(--sub-font-size); text-align:center; font-weight:400; color:#fff;}
.w_gnb .sub_menu > li > a:hover {text-decoration: underline; font-weight:600;}



.gnb08 {display:none !important;}
.gnb09 {display:none !important;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background:#2d3749}
#gnb_bar {z-index:8; position:absolute; display:none; left:0%; top:100%; width:100%; background:#fff; border-top:1px solid #000; border-bottom:1px solid #000; }
.gnb_bar_in {max-width:1720px; margin:0 auto; height:100%; background:url(../img/common/gnb_img.jpg) no-repeat right 40px;}
.w_gnb .three_depth {display:none !important}


.slide_menu_wrap {width:100vw; height:100%;  z-index:998; position:fixed; top:-100%; left:0px; overflow: hidden;}
.slide_menu_inner {height:100%; background:#fff; overflow-x:inherit; -webkit-overflow-scrolling:touch; z-index:2; position:relative;}
.slide_menu_inner .header {height:100px; max-width: 1720px; margin:0 auto; position:relative; background: url(../img/common/logo.png) no-repeat 10px center;}
.slide_menu_inner .header::after {content:""; width:100vw; height:1px; background:#000; position:absolute; left:50%; top:100%; transform: translateX(-50%)}
.slide_menu_inner .menu_btn {right:10px}
.slide_menu_wrap .m_gnb_on {display:none !important}
.slide_menu_wrap .in_header {background:url(../img/common/logo.png) no-repeat 40% center; height:95px; padding:0px; background-size:50% auto;}
.slide_menu_inner .gnb {max-width:1720px; margin:0 auto; position:relative; border-left:1px solid #000; border-right:1px solid #000; font-size:var(--sub-font-size); overflow-y: auto; height:calc(100% - 100px); overflow-x: hidden;}
.slide_menu_inner .gnb::-webkit-scrollbar { width: 6px; }
.slide_menu_inner .gnb::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px; }
.slide_menu_inner .gnb::-webkit-scrollbar-track { background-color: transparent;  }

.slide_menu_inner .gnb > ul > li:not(:first-child) {border-top:1px solid #000;}
.slide_menu_inner .gnb > ul > li {display:flex;}
.slide_menu_inner .gnb > ul > li > a {font-size:2em; color:#000; font-weight:800 ; line-height:1.4em; padding:min(50px, 6vw) min(44px, 5vw); min-width:8em;}
.slide_menu_inner .gnb a {color:#000;}
.slide_menu_inner .gnb .sub_menu {display: flex !important; gap:40px; flex:1; padding:min(50px, 6vw) min(44px, 5vw); border-left:1px solid #000 ;}
.slide_menu_inner .gnb .sub_menu > li > a {font-size:1.5em; line-height:1.4em;}
.slide_menu_inner .gnb .sub_menu > li > a:hover {color:#e5005a;}
.slide_menu_inner .gnb .sub_menu .three_depth > li {padding-top:0.8em;}
.slide_menu_inner .gnb .sub_menu .three_depth > li > a:hover {font-weight:700; text-decoration: underline;}


/* visual */
#section1 {padding:0px; margin:0px;}
#section1 .slide_control {display: flex; justify-content: flex-end; align-items: center; padding:10px 10px 0px 10px; max-width:1720px; margin:0 auto;}
#section1 .slide_control .swiper-pagination {display: flex; margin-right:10px; align-items: center; gap:5px; font-size:11px; color:#fff; font-weight:300;}
#section1 .slide_control .swiper-pagination > span {font-size:14px; font-weight:600}
#section1 .slide_control .play_stop {font-size:0px; display: flex; width:14px; height:20px; justify-content: center; align-items: center; color:#000;}
#section1 .slide_control .play_stop:focus {outline:1px solid #000}
#section1 .slide_control .play:before {display: block; content: "▶"; font-size:11px;}
#section1 .slide_control .stop:before {display: block; content: ""; width: 2px; height:10px; border-left:3px solid #000; border-right:3px solid #000;}
#section1 .slide_control .slick-dots {padding:0px 8px 0px 0px}
#section1 .slide_control .arrow {z-index:9; text-indent:-999999em; cursor: pointer; display:flex; height:20px; margin:0px 5px; display:flex; justify-content:center; align-items:center; margin-top:4px;}
#section1 .slide_control .arrow:after {content:'→'; color: #000; font-size:24px; font-weight:800;text-indent: 0px;}
#section1 .slide_control .prevArrow:after {content: '←'}



.main_visual {width:100%;position:relative;}
.main_visual {max-width: 100%;}
.main_visual .box img {width:100%; height:min(759px, 43vw); object-fit: cover;}
.main_visual .box .mobile_img {display:none;}

/* section */
.section {padding:80px 10px; font-size:var(--font-size) ; font-weight:400; line-height:140%; word-break:keep-all}
.section .go_btn > a {display: flex; align-items: center; font-size:14px; height:26px; line-height: 1.3em; font-weight:300; color: #000;}
.section .go_btn > a img {margin-right: 10px;}



.more {position:absolute; right:0px; top:0px;}
.more > a {display:flex; color:#000; font-weight:600; font-size:15px; align-items:center;}
.more > a > span {display:flex; width:32px; height:32px; justify-content:center; align-items:center; margin-left:10px; background:#363636; border-radius:10px; color:#fff; position:relative}
.more > a > span:after {display:block; content:""; width:12px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-6px; margin-top:-1px; transition:all 0.5s;}
.more > a > span:before {display:block; content:""; width:2px; height:12px; background:#fff; position:absolute; left:50%; top:50%; margin-top:-6px; margin-left:-1px; transition:all 0.5s;}
.more > a > span:hover:after {transform:rotate(90deg);}
.more > a > span:hover:before {transform:rotate(90deg);}


.over_view {width:134px; height:134px; background:url(../img/main/view.png) no-repeat center top/cover;  position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:9; opacity:0; transition:all 0.3s 0s ease-in-out;}
.over_view:after {display:block; content:""; width:100%; height:100%; background:url(../img/main/ring.png) no-repeat center top/cover;  position:absolute; left:0%; top:0%;}

.over_view:after {animation:rotate_image 10s linear infinite; transform-origin:50% 50%;}
@keyframes rotate_image{
    100% {
        transform:rotate(360deg);
    }
}


.m_tit {font-weight:100; font-size:2.3em; line-height:1.3em; margin-bottom:0.5em}
.m_tit_eng > span {padding-top:1em; color:#fff; font-weight:600; background: #007e33; min-width: 5em; display: inline-block; line-height:1em;}

.program_slide_wrap {display:flex;}
.program_slide_wrap .box {width:33.3333%; padding:0px min(30px, 3vw); border-right:1px solid #000;}
.program_slide_wrap .box:first-child {border-left:1px solid #000;}
.program_slide_wrap .program_slide {border-top:1px solid #000; border-bottom:1px solid #000; height: 100%; padding:20px 0px; position: relative}
.program_slide_wrap .program_slide::before {content:""; width:100%; height:55%; background: #eff1f6; position: absolute; left: 0px; bottom:20px; z-index:-1 ;}
.program_slide .head {border:1px solid #000; display: flex; align-items:center; justify-content: space-between; padding:1em;}
.program_slide .head > h4 {font-size: 1.444em; line-height: 1.3em;}
.program_slide .slide {max-width:360px; width:80%; margin:0 auto; margin-top:25px; position:relative;}
.program_slide .board {display: block; color:#000}
.program_slide .photo {padding-bottom: calc(460 / 360 * 100%); overflow: hidden; position: relative}
.program_slide .photo:after {display:block; content:""; width:100%; height:100%; background:#000; opacity:0; position:absolute; left:0px; top:0px; transition:all 0.3s 0s ease-in-out; z-index:2}
.program_slide .photo > img {width:100%; height:100%; position: absolute; left: 0px; top:0px; object-fit: cover;}
.program_slide .info {height:125px; margin-top:55px}
.program_slide .txt_a {font-size:1.333em; line-height:1.4em; max-height:2.8em; font-weight:700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.program_slide .txt_b {font-size:var(--sub-font-size); font-weight:100;}
.program_slide .slick-dots {position: absolute; left:50%; bottom:150px; padding:0px; transform: translateX(-50%); width:100%; max-width:360px; justify-content: flex-end;}
.program_slide .board:hover .photo:after {opacity:0.8;}
.program_slide .board:hover .photo .over_view {opacity:1;}



#section3 {padding-top:0px; padding-bottom:0px;}
.main_banner {display: flex;}
.main_banner > li {flex:1;}
.main_banner .box {display:block; position:relative; overflow: hidden;}
.main_banner .box .bg_img {width:100%; transition:all 0.3s 0s ease-in-out;}
.main_banner .box > dl {color:#fff; position: absolute; left: 0px; bottom: 1em; width:100%; padding:2.5em;}
.main_banner .box > dl dt {font-size:1.33em; line-height: 1.5em;}
.main_banner .box > dl dd {font-size:var(--sub-font-size); margin-top:1em; padding-right:20%; font-family: Pretendard; position: relative}
.main_banner .box > dl dd:After {content:""; width:27px; height:29px; background: url(../img/main/arrow2.png) no-repeat left top/cover; position:absolute; right:0px; top: 0px;}
.main_banner .box:hover .bg_img {transform: scale(1.1);}
.main_banner .box:hover > dl dd:After {transform: rotate(45deg);}

.main_quick {padding:min(50px, 5vw) 0px; border-bottom: 1px solid #000;}
.main_quick > ul {display: flex; justify-content: space-between; gap:10px; margin:0 auto; max-width:1020px ;}
.main_quick > ul > li {flex:1}
.main_quick > ul > li > a {display:flex; gap:0.8em; height:100%; justify-content: flex-end; flex-direction: column; font-size:0.95em; text-align: center; color:#000;}

.main_quick > ul > li > a:hover .ico {animation:moveOnce 0.5s ease-in-out 1 forwards;}
@keyframes moveOnce {
	0% {
	  transform: translateY(0); /* 시작 위치 */
	}
	50% {
	  transform: translateY(-30%); /* 위로 10px 이동 */
	}
	100% {
	  transform: translateY(0); /* 원래 위치로 돌아옴 */
	}
}

.news_archiving {display: flex; align-items: flex-end;}
.news_archiving .news {flex:1; overflow: hidden;}
.news_archiving .archiving {min-width:575px; width: 575px;}
.news_archiving .box_wrap {border:1px solid #000; padding:min(40px, 4vw) min(50px, 5vw)}
.m_board_cell .tab {display: flex; max-width:300px;}
.m_board_cell .tab > li {width:50%;}
.m_board_cell .tab > li > a {display:flex; justify-content: center; padding-top:0.2em; align-items: center; font-weight:500; border:1px solid #ccc; color:#999999; font-size: var(--sub-font-size); height:3.125em;}
.m_board_cell .tab > li > a.on {border-color:#000; color:#000; }
.m_board {position:relative}
.m_board .go_btn {position: absolute; right:0px; top:-59px}
.news_list {margin-top:20px; min-height: 390px;}
.news_list > li:not(:first-child) {border-top:1px solid #ccc;}
.news_list > li {display: flex; height:130px; align-items: center; font-size: var(--sub-font-size);}
.news_list > li > a {display: flex; align-items: center; overflow: hidden;}
.news_list > li > a .num {min-width:6.25em; text-align:center; color: #000;}
.news_list > li > a .notice {color:#fff; display: inline-flex; border-radius:100%; padding-top:0.2em; justify-content: center; align-items: center; background: #000; width:3.56em; height:3.56em;}
.news_list > li > a .subject {flex:1; width:100%; padding-left:1em; overflow: hidden;}
.news_list > li > a .txt_a {font-weight:600; font-size:1.25em; line-height:1.4em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.news_list > li > a .date {margin-top:0.2em; font-weight:100; color:#666666}
.news_list > li > a:hover .txt_a {color:#007e33;}

.archiving_slide {display: flex; flex-direction: column; border-left:none !important; min-height:542px;}
.archiving_slide .slide {order: 2; margin-top:20px;}
.archiving_slide .control {display: flex; align-items: center; justify-content: space-between; font-size: var(--sub-font-size); height:3.125em;}
.archiving_slide .control .dots {padding:0px;}
.archiving_slide .box {display:block}
.archiving_slide .box .photo {position: relative; padding-bottom: calc(270 / 465 * 100%); overflow: hidden;}
.archiving_slide .box .photo > img {position:absolute; left: 0px; top: 0px; object-fit: cover; width:100%; height:100%}
.archiving_slide .box .photo:after {display:block; content:""; width:100%; height:100%; background:#000; opacity:0; position:absolute; left:0px; top:0px; transition:all 0.3s 0s ease-in-out; z-index:2}
.archiving_slide .box .txt_a {font-size: 1.11em; line-height:1.4em; height: 2.8em; font-weight: 700; overflow: hidden;	text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2;	-webkit-box-orient: vertical; margin-top:2em}
.archiving_slide .box:hover .photo:after {opacity:0.8;}
.archiving_slide .box:hover .photo .over_view {opacity:1;}
.archiving_slide .box:hover .txt_a {color:#007e33;}

#section5 {padding-top:0px;} 
.partner_wrap {position:relative; padding:0px 40px;}
.partner_wrap .slick-arrow {z-index:9; text-indent:-999999em; display:flex; width:40px; height:40px; display:flex; justify-content:center; align-items:center; border-radius:100%; background:#fff; position:absolute; top:50%; transform:translateY(-50%); border:none; }
.partner_wrap .slick-arrow:after {content:''; width:6px; height:6px; border-top:3px solid #333; border-right:3px solid #333; border-radius:3px; display:block; transform:rotate(45deg);}
.partner_wrap .slick-prev:after {transform:rotate(-134deg);}
.partner_wrap .slick-prev {left:-55px;}
.partner_wrap .slick-next {right:-55px;}

.partner_wrap > ul {display:flex;}
.partner_wrap li {padding:0px 5px;}
.partner_wrap .br {display:flex; height:min(99px, 13vw); border:1px solid #eee; justify-content:center; align-items:center;}
.partner_wrap .br img {max-height:90%; max-width:98%}





/* footer */
#footerW {clear:both; background:#fff; box-sizing:border-box; margin:0 auto; position:relative; font-family:Pretendard; font-size: var(--sub-font-size);}
#footerW.z_over {z-index:101; position:relative;}
#footer_navi {border-top:1px solid #000; border-bottom:1px solid #000; padding:1em 0px;}
#footer_navi > ul {display:flex; align-items:center; max-width: 1720px; margin:0 auto; padding:1em 0px;}
#footer_navi .navi > li {padding:2px 12px; position:relative;}
#footer_navi .navi > li:not(:first-child):before {display:block; content:""; width:4px; height:4px; background:#333333; border-radius:100%; position:absolute; left:0px; top:50%; transform:translateY(-50%)}
#footer_navi .navi > li a {display:block; color:#333333; font-weight:600; line-height:1.3em; }
#footer {position:relative; max-width:1720px; margin:0 auto; background:url(../img/common/f_logo.png) no-repeat 10px 30px; padding:50px 0px 50px 260px;}
#footer .go_top {position:absolute; right:0px; top:30px; z-index:99}
#footer .go_top > a {display:flex; width:67px; height:67px; background:#000; justify-content:center; text-align: center; align-items:center; flex-direction:column; color:#fff; font-size:9px; font-weight:600; border-radius:100%;}
#footer .addressW { padding:0px 0px 0px 0px; box-sizing:border-box; position:relative; color:#333333; font-weight:500; line-height:1.4em;  }
#footer .addressW .txt_t {font-size:1.25em; line-height:1.3em; font-weight:600; padding-bottom:10px;}
#footer .addressW a {color:#333333}
#footer .addressW address {margin:0px -5px;}
#footer .addressW address span {display:inline-block; padding:0px 5px;}
#footer .addressW address .flex {flex-direction:column; align-items:flex-start}
#footer .addressW address .flex > li {margin-bottom:5px; display:flex; flex-wrap:wrap; align-items:center; }
#footer .addressW address .flex strong {min-width:123px;}
#footerW .copy {padding-top:10px; font-weight:200; z-index:1;}

.side_quick {z-index: 5; position:fixed; right:10px; top:50%; transform: translateY(-50%); transition:all 0.2s 0s ease-in-out;}
.side_quick > ul {display: flex; flex-direction: column; gap:5px}
.side_quick > ul a {display: flex; width: 70px; height: 70px; color:#fff; border-radius:24px; justify-content: center; align-items: center; text-align: center; font-size: 13px; flex-direction: column; background:#000000;  font-family:Pretendard; gap:5px}


#content {width:100%; max-width:1440px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}

.sub_visual {width:100%; max-width:1720px; padding:15px 0px; margin:0px auto; border-bottom:9px solid #000; border-width:min(9px, 1.5vw); overflow:hidden;}
.sub_visual .sub_txt {height:150px; margin:0 auto; display:flex; align-items: center; line-height:1.4em; position:relative; z-index:2; background:url(../img/common/sub_visual.jpg) no-repeat right center;} 
.sub_visual .sub_txt > div {display: flex; align-items: flex-start; gap:10px} 
.sub_visual .sub_txt .txt {font-size:15px; line-height:1.3em; font-weight:100; padding-top:0.2em;} 

#sub_tit {font-size:56px; font-weight:700; line-height:1.2em; color:#111;}
#sub_tit .txt_s {font-size:36px; display:inline-block;}

.lnb_position {position:relative;}
#m_lnb {display:none;}
#lnb_wrap {z-index:99; word-break:keep-all; box-shadow:none; box-sizing:border-box; width:100%; max-width:1720px; margin:0 auto; font-family: Pretendard; }

#lnb_wrap .lnbs1 {}

#lnb_wrap .lnb {display:flex; border:1px solid #000; position:relative; z-index:9; left:50%; transform:translateX(-50%); transition:all 0.3s; background:#fff; /*box-shadow:0 6px 10px rgb(0 0 0 / 9%);*/}
/*#lnb_wrap .lnb:before {display:block; content:""; width:300%; height:100%; border:1px solid #005e9c; box-sizing:border-box; border-left:none; border-right:none; left:50%; transform:translateX(-50%); position:absolute; background:#005e9c; z-index:-1;}*/
#lnb_wrap .lnb .lnbs { width:50%; max-width:260px; box-sizing:border-box; position:relative; border-right:1px solid #000}

#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:0px; top:calc(100% + 0px); top:-webkit-calc(100% + 0px); width:100%; display:none; background:#fff;}
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

#lnb_wrap .ico_home {border-right:1px solid #000}
#lnb_wrap .ico_home a {display:block; width:min(100px, 10vw); height:100%; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.svg) no-repeat center center #fff ;}

.lnb .three_depth {padding:10px;}
.lnb ul li a {color:#000000; font-size:var(--sub-font-size); display:flex; line-height:130%; height:70px; align-items:center; padding:5px 2em; border:1px solid #000; font-weight:400; position:relative;}
.lnb ul li a:after {display:none; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%) rotate(0deg); width:0; height:0; border-left:6px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
.lnb ul li:not(:first-child) a {border-top:1px solid transparent;}
.lnb ul li a:hover {color:#fff; font-weight:600; background:#000;}
.lnb ul li a:hover:after {display:block;}

.lnb ul li.on a {color:#fff; font-weight:600; background:#000;}
.lnb ul li.on a:after {display:block;}

.lnb .three_depth {border:none;}
.lnb ul li .three_depth a {padding:6px 15px; border:none; font-size:13px;}

.lnbs2 ul li.on a {border-radius:0px; }

#lnb_wrap .lnb .lnbs2 {}
#lnb_wrap .lnbs3 {width:100%; margin:0 auto; display:none;}
#lnb_wrap .lnbs3 > ul {display:flex; flex-wrap:wrap; justify-content:center; }
#lnb_wrap .lnbs3 > ul > li {position:relative; height:85px; padding:0px 0px; display:flex; justify-content:center; align-items:center;}
#lnb_wrap .lnbs3 > ul > li > a {display:flex; justify-content:center; align-items:center; text-align:center; height:40px; box-sizing:border-box; color:#999999; font-weight:600; padding:0px 30px; width:100%; font-size:17px; border:none; position:relative; background:#fff;}
#lnb_wrap .lnbs3 > ul > li.on > a {font-weight:600; background:#30cda7; border-radius:60px; color:#fff;}


#lnb_wrap.fixed {transform:none;}
/*#lnb_wrap.fixed .lnb {position:fixed; top:0px; width:100%; max-width:1820px; left:50%; transform:translateX(-50%); background:#fff;}*/


.up #lnb_wrap.fixed .lnb {top:100px;}

.drop.on .four_depth {display:block;}
.four_depth {background:#ececec; border-bottom:1px solid #e2e2e2 ; display:none;}
.lnb .four_depth li a {color:#333 !important; font-size:12px; line-height:18px; min-height:18px; height:auto; padding:10px 0px 10px 30px; background:#f4f4f4 !important; border:none !important; position:relative;}
.lnb .four_depth li a:before {display:block; content:""; width:5px; height:1px; background:#333; position:absolute; left:20px; top:50%;}
.lnb .four_depth li.on a {color:#55b664  !important;}
.lnb .four_depth li.on a:before {background:#55b664;}
.lnbs3 ul li.drop > a {position:relative;}
.drop > a:before {display:block; content:""; width:11px; height:1px; background:#999; position:absolute; right:0%; top:50%; margin:0px 10px 0px 0px;}
.drop > a:after {display:block; content:""; width:1px; height:11px; background:#999; position:absolute; right:0%; top:50%; margin:-5px 15px 0px 0px;}
.drop.on > a:before {background:#fff;}
.drop.on > a:after {background:#fff;}

.drop > a.on:after {display:none;}



.lnb_tit, a.lnb_tit {font-size:var(--sub-font-size); display:flex; align-items:center; padding:0px 2em; color:#000000; line-height:1.4em; height:70px; cursor:pointer; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.lnb_tit:after {display:block; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:6px solid #333; border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
.lnb_tit.on:after {transform:rotate(-180deg); margin-top:-5px}


#lnb_menu .three_depth {display:none;}


.lnbs3 {max-width:1720px; margin:0 auto; padding-top:2em}
.lnbs3 > ul {display:flex; gap:1.6em; overflow-x:auto;}
.lnbs3 > ul::-webkit-scrollbar {width:3px; height:6px; background-color:#ddd;}
.lnbs3 > ul::-webkit-scrollbar-thumb {background:#000;}
.lnbs3 > ul > li {position:relative}
.lnbs3 > ul > li:not(:first-child):before {display:block; content:""; background: #333; width:4px; height:4px; border-radius:100%; position:absolute; left:-0.8em; top:50%; margin-top:-2px; z-index:-1}
.lnbs3 > ul > li > a {color:#999999; padding-top:0.2em; font-weight:400; line-height:1.3em; font-size:20px; transition:all 0.2s 0s ease-in-out; display:block; }
.lnbs3 > ul > li.on > a, .lnbs3 > ul > li > a:hover {color:#000000; text-decoration: underline; text-underline-offset:0.3em;}
.lnbs3 > ul > li.on > a:before, .lnbs3 > ul > li > a:hover:before {background:#69b3e4;}
.lnbs3 .three_depth {display:none;}
.lnbs3 .three_depth > li > a {display:block; height:auto; min-width:inherit; font-size:18px; color:#000; background:none; border-radius:0px; padding:0px 5px;}
.lnbs3 .three_depth > li.on > a {color:#437fc1; font-weight:800}

.title_bar {padding-top:min(70px, 7vw); padding-bottom:min(50px, 5vw); text-align:center; position:relative;}
.title_bar h2 {font-size:min(46px, 7vw); font-weight:800; line-height:1.3em; transition:all 0.2s 0s ease-in-out; }
.title_bar .s_txt {font-size:20px; text-align:center; color:#333333; padding-top:10px; line-height:140%; font-weight:300; word-break:keep-all}
.big_tit {font-size:46px; color:#000000; line-height:100%; transition:all 0.2s 0s ease-in-out; font-weight:700; padding:40px 0px 30px 0px;}

.sub_con { max-width:1720px; margin:0 auto; font-size:var(--font-size); font-weight:400; line-height:160%; word-break:keep-all;}
.sub_con > .s_tit:first-child {margin-top:0px;}
.sub_con img {max-width:100%;}

.s_tit {font-size:36px; color:#231f20; line-height:110%; padding:0px 0px 30px 0px;  position:relative; margin-top:90px; font-weight:700; display:flex; align-items:center;}
.s_tit.white {color:#fff;}
.s_tit.line {border-bottom:1px solid #000; margin-bottom:30px;}
.s_tit > span {display:inline-block; position:relative; z-index:1}
.s_tit img {vertical-align:middle;}
.s_tit + .s_tit_txt {padding-bottom:30px; margin-top:-25px;}
.s_tit_s {font-size:1.77em; color:#000000; line-height:110%; padding:0px 0px 10px 0px;  position:relative; margin-top:90px; font-weight:800; display:flex; align-items:center;}
/*
.s_tit:before {display:block; content:""; z-index:0; width:26px; height:26px; border-radius:100%; background:linear-gradient( 120deg, #437fc1, #005e9c ); align-self:flex-start; margin-right:10px;}
.s_tit:after {display:block; content:""; position:absolute; left:9px; top:10px; width:4px; height:4px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg);}
*/
.txt_in {padding-left:36px}
.b_txt {font-size:1.29em; font-weight:600; margin-top:30px; margin-bottom:10px; line-height:1.3em;}
.b_txt + p {margin-top:-5px;}

.s_tit.tc {text-align:center; justify-content:center; background:none !important; padding-left:0px;}
.s_tit.tc:after {display:none;}
.s_tit.tc:before {display:none;}
.ss_tit {font-size:32px; position:relative; color:#000; line-height:150%; padding:0px 0px 0px 0px; margin-bottom:15px; margin-top:45px; font-weight:600;}
.ss_tit.line {border-bottom:2px solid #000; padding-bottom:0.8em}

.ss_tit+.fs-16 {word-wrap:normal; word-break:normal; word-break:break-word;}
.s_titW {max-width:1720px; margin:0 auto; padding:50px 0px 5px 0px;}

.sss_tit {font-size:18px; color:#000; padding:0px 0px 0px 0px; margin:40px 0px 10px 0px; line-height:150%; position:relative;}
.sss_tit:before {display:none; content:""; width:4px; height:4px; background:#f04553 ; border-radius:100%; position:absolute; left:0px; top:0.5em;}


.s_txt_r {text-align:right; margin-top:-35px; height:20px; padding-bottom:15px;}
.s_txt_r2 {height:40px; margin-top:-55px;}
.imgW img {max-width:100%;}

.box_txt {border:1px solid #d0d0d0; text-align:center; background:#f4f6f7; font-size:22px; line-height:140%; color:#004497; padding:30px 0px;}
.first_txt {font-size:2em !important; line-height:140%; color:#000;}

.down_btn {text-align:center; padding:30px 0px 20px 0px;}
.down_btn > a {display:inline-flex; flex-wrap:wrap; height:68px; padding:0px 30px; justify-content:center; align-items:center; border:3px solid #000; border-radius:6px; background:#fdd000}
.down_btn > a > span {display:inline-block; color:#000; font-size:22px; padding-right:30px; background:url(../img/common/ico_down4.png) no-repeat right center; font-weight:600;}

.video_wrap {padding-bottom:calc(315 / 560 * 100%); position:relative;}
.video_wrap iframe {position:absolute; left:0px; top:0px; width:100% !important; height:100% !important;}

.youtube_wrap_max {max-width:1200px; margin:0 auto;}
.youtube_wrap {padding-bottom:56%; position:relative;}
.youtube_wrap iframe {position:absolute; left:0px; top:0px; width:100% !important; height:100% !important;}


.arrow_wrap {display:inline-block; padding-left:50px; background:url(../img/guide/arrow2.png) no-repeat left 6px; margin-left:10px;}

.point_box {padding:20px; background:#f3f4f8}
.check_txt {font-size:18px; color:#494949}



#add_date {position:relative; padding-right:115px;}
#add_date .bt {position:absolute; right:0px; top:0px;}

.tooltip {color:#ff751a; border:1px solid #ff751a; border-radius:6px; text-align:center; line-height:38px; width:38px; height:40px; box-sizing:border-box; font-size:1.5em; vertical-align:middle;}
.br_box {border:1px solid #dce1eb; padding:20px 20px 20px 20px;}
.t_box {background:#757a85; color:#fff; padding:5px 5%; display:inline-block;}
td .br_box {padding:5px;}
td .gray_box {padding:5px;}

.radio_group_row > li {padding-top:8px;}
.radio_group_row > li:first-child {padding-top:0px;}
.radio_group_row > li.disabled {opacity:0.4;}
.radio_group {display:flex; flex-wrap:wrap; align-items:center; gap:20px 30px;}
.radio_group > li.etc_li {width:100%; max-width:560px;}
.radio_group > li.etc_li .input {width:calc(100% - 70px) !important; width:-webkit-calc(100% - 70px) !important;}
.radio_group .input {width:auto !important;}
.input_group {padding:5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.input_group > li {display:inline-block; padding:5px 0px 0px 15px;}
.input_group .input {width:auto !important;}

.btn-tc {text-align:center; padding:30px 0px; border-top:0.5em solid #000; margin-top:30px;}
.btn-tc > a {margin:0px 10px;}
.btn-tl {text-align:left; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}
.btn-tr {text-align:right; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}

.bt_close {width:18px; height:18px; display:inline-block; vertical-align:middle; background:url(../img/common/close_bt.gif) no-repeat center center; background-size:cover; text-indent:-9999px; background-size:10px auto;}

/*atab*/
.atab_wrap {overflow-x:auto}
.atab {display:flex; margin:0 auto; margin-bottom:min(70px, 11vw); position:relative;}
.atab:before {content:""; width:100vw; height:1px; background:#ccc; opacity: 0.5; position:absolute; left: 50%; top:50%; transform: translateX(-50%); z-index:-1 ;}
.atab li {flex:1;}
.atab li:not(:first-child) a {border-left:none}
.atab li a {display:flex; height:min(70px, 12vw); justify-content:center; align-items:center; background:#fff; text-align:center; font-size:var(--sub-font-size); line-height:1.2em; color:#666666; padding:0.2em 5px 0px 5px; border:1px solid #000; }
.atab li.on {position:relative; z-index:2;}
.atab li.on a {background: #000; color:#fff;}




.btab {display:flex; flex-wrap:wrap; margin:0px -10px; margin-bottom:40px;}
.btab li {padding:0px 5px;}
.btab li a {display:flex; min-width:139px; height:43px; border:1px solid #fff; justify-content:center; align-items:center; color:#fff; font-size:16px; font-weight:700; text-align:center; border-radius:60px; padding:0px 10px; opacity:0.5}
.btab li.on a {opacity:1}

.ctab {display:flex; margin:0px -10px; margin-bottom:40px; overflow-x:auto;}
.ctab::-webkit-scrollbar {width:3px; height:6px; background-color:#ddd;}
.ctab::-webkit-scrollbar-thumb {background:#000;}
.ctab > li {padding:0px 5px; flex:1; min-width:fit-content;}
.ctab > li > a {display:flex; height:43px; border:1px solid #ccc; padding:0px 10px; justify-content:center; align-items:center; color:#999999; font-weight:700; font-size:16px; background:#fff; border-radius:30px; }
.ctab > li.on > a {color:#fff; background:#000; border-color:#000;}

.img_ctab {display:flex; flex-wrap:wrap; margin:-10px -5px; margin-bottom:40px; overflow-x:auto;}

.img_ctab > li {padding:10px 5px; width:25%;}
.img_ctab > li > a {display:block;}
.img_ctab > li > a .img {display:block; overflow:hidden; border-radius:4px; padding-bottom:calc(175 / 301 * 100%); position:relative;}
.img_ctab > li > a .img img {position:absolute; left:0px; top:0px; width:100%; height:100%;}
.img_ctab > li > a .txt {display:block; padding-top:1em; color:#999999; font-size:16px; line-height:1.4em; text-align:center;}
.img_ctab > li > a .txt_t {display:block; font-size:1.125em; font-weight:700; line-height:1.4em; }
.img_ctab > li.on > a .txt {color:#000;}

.img_ctab  a .no-img {display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; left:0px; top:0px; width:100%; height:100%; border:1px solid #cfcfcf; border-radius:4px; background:#edf0f8}
.img_ctab  a .no-img .plus {display:flex; justify-content:center; align-items:center; width:60px; height:60px; border:2px dashed #cfcfcf; background:#fff; border-radius:100%; font-size:1.3em; font-weight:700;}
.img_ctab  a .no-img .txt {font-weight:500;}



.of_hi .fl50 {float:left; width:49%;}
.of_hi .fr50 {float:right; width:49%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display:none;}

/* 레이어팝 */
#black {display:none; background-color:#000; display:none; height:100%; left:0; opacity:0.6; filter:alpha(opacity=60); position:fixed; top:0; width:100%; z-index:9999;}
.layerPop {-webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999; /*background:#d7d7d7;*/ background:rgba(0, 0, 0, 40%);  zoom:1;}

.layerPop_inner {width:100%; height:100%; padding:15px; display:table; table-layout:fixed; position:relative; margin:0 auto; box-sizing:border-box;}
.pop_wrap {display:table-cell; vertical-align:middle; position:relative;}
.pop_wrap .pop_body {position:relative; padding:15px 20px; font-size:17px; line-height:1.5em; background:#fff; word-break:keep-all;}
.pop_wrap .pop_body .btns {padding-top:20px;}
.pop_wrap .pop_body .x_btn {top:10px; right:10px; transform:none;}
.pop_wrap .pop_body .x_btn:after {background:#000}
.pop_wrap .pop_body .x_btn:before {background:#000}
.pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {width:100%; margin:0 auto; border:5px solid #000; overflow:hidden; box-shadow:6px 5px 5px rgba(0, 0, 0, 10%) }
.pop_wrap .pop_wrap_in.round{border-radius: min(16px, 5vw); border:none;}
.pop_wrap .x_btn {position:absolute; right:0px; top:50%; transform:translateY(-50%); display:block; cursor:pointer; background:none; width:40px; height:40px; font-size:0px;}
.pop_wrap .x_btn:after {display:block; content:""; width:20px; height:4px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.pop_wrap .x_btn:before {display:block; content:""; width:20px; height:4px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.pop_wrap .pop_head.bg_no {background:#fff; min-height:40px; border-bottom:2px solid #000}
.pop_wrap .pop_head.bg_no .title {color:#000}
/*.pop_wrap .pop_head.bg_no .x_btn {right:0px; top:0px; transform:none;}*/
.pop_wrap .pop_head.bg_no .x_btn:after {background:#000}
.pop_wrap .pop_head.bg_no .x_btn:before {background:#000}
.pop_wrap .pop_head {background:linear-gradient(-120deg, rgba(33,73,166,1) 0%, rgba(69,113,233,1) 100%);; position:relative;}
.pop_wrap .pop_head .title {font-size:26px; line-height:140%; color:#fff; padding:20px 50px 15px 25px; text-align:left; font-weight:800;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position:absolute; right:0px; bottom:0px;}
.pop_wrap .x_btn3 {position:absolute; right:0px; bottom:-42px;}
.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin:0px 10px;}
.pol_sc {width:100%; height:310px; overflow-x:hidden; overflow-y:auto;}

.pop_wrap.round {
    border-radius: min(16px, 5vw);
}
.pop_wrap .pop_body.pop_body_pd02{padding-top:50px;}
.pop_wrap .pop_body .pop_cont .ap_tit{font-size:1.53em; line-height:150%;}
.pop_wrap .pop_body .pop_cont .ap_date{font-size:1.06em; padding:30px 0px; color:#666;}

.pop_date_wrap{display:flex; flex-wrap: wrap; gap: 20px 0px; position:relative; overflow:hidden; border-top:1px solid #000; border-bottom:1px solid #000; padding:30px 0px;}

.pop_date_wrap > li{width:50%; box-sizing:border-box; position:relative;}
.pop_date_wrap > li:before{display: block; content: ""; width: 1px; height:24px; background-color:#000; position:absolute; left:-35px; top:0px}

.pop_date_wrap > li .pop_date_date_dv {display:flex;  flex-wrap: wrap; align-items: center; gap:0px 10px; font-weight: 600; color: #000; }
.pop_date_wrap > li .pop_date_date_dv .ico{width:26px; }
.pop_date_wrap > li .pop_date_date_dv .txt_c{font-weight:300;}

.pop_wrap .pop_body .pop_cont .pop_date_pic{padding:30px 0px;}
.pop_wrap .pop_body .pop_cont .pop_date_txtW .pop_date_tit{display:block; border-bottom:1px solid #000; line-height:110%; padding-bottom:20px; margin-bottom:30px; font-size:1.08em;}
.pop_wrap .pop_body .pop_cont .pop_date_txtW .pop_date_txt{font-family: Pretendard; line-height:150%; color:#666;}



/* 팝업 */

.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:9999}
.main_pop_bottom {background:#fff; font-weight:300; color:#000; padding:10px; position:relative; font-size:14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position:absolute; right:10px; top:10px; padding-right:30px; background:url(../img/common/close.png) no-repeat right center; background-size:20px auto;}
.main_layer_pop_inner {width:100%; height:100%; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {display:table-cell; vertical-align:middle; position:relative; padding:0px 10px;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top:-22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background:url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background:url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}


.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Pretendard; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Pretendard; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Pretendard; color:#444444; font-size:22px; line-height:38px;}


.print_wrap #header {display:none !important}
.print_wrap .sub_visual {display:none !important}
.print_wrap #lnb_wrap {display:none !important}
.print_wrap .title_bar {display:none !important}
.print_wrap .page_tab {display:none !important}
.print_wrap #footerW {display:none !important}
.print_wrap .print_bt {display:none !important}
.print_wrap .p_none {display:none !important}
#wrap.print_wrap {padding:0px !important}

.note_box {background:#eceff7; padding:30px;}
.ico_notice {display:inline-block; vertical-align:middle; padding:4px 10px; background:#ed2129; line-height:20px; color:#fff;}

/*
.ico_note {position:relative; display:flex; align-items:center; }
.ico_note:before {display:block; content:""; width:25px; height:20px; box-sizing:border-box; border-bottom:20px solid #333333; border-left:11px solid transparent; border-right:11px solid transparent; border-radius:4px; margin-right:10px; margin-top:4px; align-self:flex-start}
.ico_note:after {display:block; content:"!"; width:25px; height:20px; color:#fff; font-size:14px; font-weight:600; text-align:center; line-height:1.8em; position:absolute; left:0px; top:3px;}
*/
.ico_note {line-height:1.3em; font-size:15px; display:flex; align-items:center; color:#000;}
.ico_note:before {
    content: "";
    align-self: flex-start;
    width: 20px;
    height: 17px;
    margin-right: 0.5em;
    background: url(../img/event/ico_08.png) no-repeat center / cover;
}

.ico_note.yellow:before {background:#fdd000}
.ico_note.yellow:after {color:#000}
.ico_note.yellow {color:#fff;}

.date_picker_two {overflow:hidden; position:relative}
.date_picker_two .date_picker {float:left; width:47%;}
.date_picker {display:flex; align-items:center;}
.date_picker .input {width:100%; flex:1;}
.date_picker img {min-width:fit-content; margin:0px 10px;}
.date_picker.two_col .input {width:100%;}
.date_picker_two .col-sm-2  {float:left; width:47%;}
.date_picker_two .pa {left:50%; top:0%; line-height:30px; text-align:center; width:10px; margin:0px 0px 0px -5px;}


.board-write .btnNormalB.gray {background:#5fc3d0;}
.board-write .btnNormalB.gray:after {display:block; content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; border:1px solid #2b6b73; box-sizing:border-box;}

.down_file {display:inline-block; vertical-align:middle; color:#0c91dd; margin-left:10px;}
.down_file > span {display:block; padding-left:23px; color:#000; background:url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}


.click_count {text-align:right; padding:10px 0px;  color:#666666}
.view_photo {padding:20px 0px 0px 0px; text-align:center;}
.scrollbox1 {background:#f1f1f1; height:100px; overflow-x:hidden; overflow-y:auto; padding:12px;}
.ico_notice {display:inline-block; vertical-align:middle; padding:4px 10px; background:#ed2129; line-height:20px; color:#fff;}
.leave {padding:170px 0px 0px 0px; margin-top:40px; background:url(../img/mypage/ico_leave.gif) no-repeat center top;} 
.gray_box {border:1px solid #e9e9e9; padding:28px 20px; background:#fafafa}
.gray_box02 {border:1px solid #eff1f6; padding:20px 30px; background:#eff1f6}

.big_txt {font-size:min(2.8em, 6vw); line-height:1.4em; font-weight:700;}
.introduce {display: flex; max-width:1424px; justify-content: space-between; gap:20px; padding-top:min(70px, 9vw);}
.introduce > div {width:55%;}
.introduce .txt {max-width: 564px; font-family:'Pretendard';}
.introduce .txt .txt_a {font-size:1.44em; line-height: 1.5em;}

.main_business_wrap {margin:0px -12px; position:relative;}

.main_business .box {padding:0px 12px;} 
.main_business .box a {display:block;}

.main_business .box .img {position:relative; padding-bottom:calc(320 / 320 * 100%); overflow:hidden;}
.main_business .box .img:after {display:block; content:""; width:100%; height:100%; background:#000; opacity:0; position:absolute; left:0px; top:0px; transition:all 0.3s 0s ease-in-out; z-index:2}
.main_business .box .img > img {position:absolute; left:50%; top:50%; width:100%; /**height:100%; */transform:translate(-50%, -50%);}
.main_business .box .img .status {display: flex; min-width: 5em; height: 2.2em; justify-content: center; align-items: center; padding: 0px 1em; color: #fff; font-size:14px; font-weight: 500; position: absolute; left: 0px; top: 0px; z-index: 3}
.main_business .box .img .status.type1 {background: #e5005a}
.main_business .box .img .status.type2 {background: #f59d00}
.main_business .box .img .status.type3 {background: #13a729;}

.main_business .box .img .status2 {display: flex; width: 5em; height: 5em; justify-content: center; align-items: center; padding: 1em; border-radius: 50%; color: #fff; font-size:14px; font-weight: 500; position: absolute; left: auto; right:10px; top: auto; bottom:10px; z-index: 2; text-align: center; line-height:130%;}
.main_business .box .img .status2.type1 {background: #e5005a}
.main_business .box .img .status2.type2 {background: #13a729}
.main_business .box .img .status2.type3 {background: #111;}

.main_business .box a:hover .img:after {opacity:0.8;}
.main_business .box a:hover .img .over_view {opacity:1;}
.main_business .box .txt {font-size: 1em; margin-top:1em; color:#000000; font-weight:600; text-align:center; line-height:1.4em; height:2.8em; margin-bottom: 1em;}
.main_business .box .txt > strong{font-size:1.34em;}
.main_business .box a:hover .txt{color:#ed4e94;}

.main_business.exhi_list_ul{display:flex; margin:0px;}
.main_business.exhi_list_ul > li:first-child {border-left: 1px solid #000;}
.main_business.exhi_list_ul > li {padding: 0px min(30px, 3vw); border-right: 1px solid #000;}
.main_business.exhi_list_ul > li .box{border-top: 1px solid #000; border-bottom: 1px solid #000; height: 100%; padding: 20px 0px; position: relative;}
.main_business.exhi_list_ul > li .box:before {content: ""; width: 100%; height: 55%; background: #eff1f6; position: absolute; left: 0px;  bottom: 20px; z-index: -1;}
.main_business.exhi_list_ul .box > a{max-width: 360px; width: 80%; margin: 0 auto; margin-top: 25px; position: relative;}

.main_business.exhi_list_ul .box .img{position:relative; padding-bottom:calc(460 / 360 * 100%); overflow:hidden;}
.main_business.exhi_list_ul .box .info {margin: 35px 0px 50px 0px;}
.main_business.exhi_list_ul .box .info .txt_a {font-size: 1.333em; line-height: 1.4em; max-height: 2.8em; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-align:left;}
.main_business.exhi_list_ul .box .info .txt_b {font-size: var(--sub-font-size); font-weight: 100;}
.main_business.exhi_list_ul .box > a:hover .info{color:#ed4e94;}

.main_business.exhi_list_ul .box .info .txt_c_ul{display:flex; flex-wrap:wrap; margin-top:10px; font-size: var(--sub-font-size); overflow: hidden;}
.main_business.exhi_list_ul .box .info .txt_c_ul > li{width:50%; position:relative; font-weight: 100;}
.main_business.exhi_list_ul .box .info .txt_c_ul > li:before {
    display: block;
    content: "";
    width: 1px;
    height: 16px;
    background-color: #000;
    position: absolute;
    left: -20%;
    top: 50%;
	transform: translateY(-50%);
}

.main_business.archiving_ul .box .img{position:relative; padding-bottom:calc(220 / 380 * 100%); overflow:hidden;}
.main_business.archiving_ul .box .info {margin: 35px 0px 50px 0px;}
.main_business.archiving_ul .box .info .txt_a {font-size: 1.15em; line-height: 1.4em; max-height: 2.8em; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-align:left;}
.main_business.archiving_ul .box .info .txt_b {font-size: var(--sub-font-size); font-weight: 100;}
.main_business.archiving_ul .box > a:hover .info{color:#ed4e94;}

.board_wrap{display:flex;}
.board_wrap .board_left_dv{display:flex; width:640px; box-sizing:border-box;}
.board_wrap .board_left_dv .creative_tab_one_depth{width:60%; box-sizing:border-box;}
.board_wrap .board_left_dv .creative_tab_one_depth > ul > li{ margin-bottom:2px;}
.board_wrap .board_left_dv .creative_tab_one_depth > ul > li > a {display:flex; align-items: center; height:70px;  background-color:#fff; border:1px solid #000; color:#000; padding:0px 25px;}
.board_wrap .board_left_dv .creative_tab_one_depth > ul > li.on > a{background:url(../img/common/creative_arr.png) no-repeat 30px center #000; color:#fff; padding-left:75px;}

.board_wrap .board_left_dv .creative_tab_two_depth{width:40%; box-sizing:border-box; padding-left:30px;}
.board_wrap .board_left_dv .creative_tab_two_depth > ul > li{margin-bottom:2px;}
.board_wrap .board_left_dv .creative_tab_two_depth > ul > li > a {display:flex; align-items: center; justify-content: center; height:70px; background-color:#fff; border:1px solid #000; color:#000;}
.board_wrap .board_left_dv .creative_tab_two_depth > ul > li.on > a{background-color:#000; color:#fff}

.board_wrap .creative_list{width:1080px; box-sizing:border-box; padding-left:65px;}
.board_big_tit{font-size:2.3em; line-height:150%; margin-bottom:40px;}

.board_wrap .board_left_dv.left_flex_dv{display:block;}
.board_wrap .board_left_dv.w50{width:50%; padding-right:190px;}
.board_wrap .creative_list.w50{width:50%; padding-left:0px;}

/**입주작가 탭 셀렉트 시작*/

.creative_select {display:none; width:100%; margin-bottom:30px;}

.creative_search_in {position:relative;margin: 0 auto;}
.creative_search_in {display:flex;}
.creative_search_in .select {margin-right:5px;}
.creative_search_in #searchstr {width:100% !important;}

.creative_select .select {width:50%; border:1px solid #000; vertical-align:middle;  background-color:#000; height:70px;  border-radius:0px; color:#fff;}

/**입주작가 탭 셀렉트 끝*/

.writer_info_wrap.event_reg{flex-direction: row;}
.writer_info_wrap .writer_pic_dv .writer_info_txt{max-width: 623px; width: 100%; padding: 0px 50px; margin-top:40px;}
.writer_info_wrap .writer_pic_dv .writer_info_txt .author_name {display: block; font-size: 1.4em; line-height: 150%; font-weight: 400;}
.writer_info_wrap .writer_pic_dv .writer_info_txt .author_name .art_date {display: block; margin: 40px 0px; font-weight: 100; line-height: 140%; font-size: 0.8em;}

.writer_info_wrap .writer_pic_dv .writer_info_txt .writer_date > li .writer_date_dv {display:flex;  flex-wrap: wrap; align-items: center; gap:0px 10px; font-weight: 600; color: #000; }
.writer_info_wrap .writer_pic_dv .writer_info_txt .writer_date > li .writer_date_dv .ico{width:26px;}
.writer_info_wrap .writer_pic_dv .writer_info_txt .writer_date > li .writer_date_dv .txt_c{font-family: Pretendard; font-weight:300; margin-top:-3px;}

.writer_info_wrap{display:flex; flex-direction: row-reverse; justify-content: space-between; margin-bottom:100px;}
.writer_info_wrap .writer_picW{max-width:623px; width:100%; box-sizing:border-box; padding:0px 50px; border-left:1px solid #000; border-right:1px solid #000; text-align:center;}
.writer_info_wrap .writer_picW .writer_pic{ position: relative; padding-bottom: calc(666 / 520 * 100%); overflow: hidden; }
.writer_info_wrap .writer_picW .writer_pic > img{position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%);}

.writer_info_wrap .writer_picW .writer_pic .status{
	display: flex;
    width: 5em;
    height: 5em;
    justify-content: center;
    align-items: center;
    padding: 1em;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 2;
    text-align: center;
    line-height: 130%;
}
.writer_info_wrap .writer_picW .writer_pic .status.type1 {background: #e5005a}
.writer_info_wrap .writer_picW .writer_pic .status.type2 {background: #13a729}
.writer_info_wrap .writer_picW .writer_pic .status.type3 {background: #111;}

.writer_info_wrap .writer_txt.row_reg{padding-right:0px; padding-left:170px;}

.writer_info_wrap .writer_txt{display:flex; flex-wrap: wrap; flex-direction: column; gap: 40px 0px; width:60%; box-sizing:border-box; padding-right:170px;}
.writer_info_wrap .writer_txt .author_name{display:block; font-size: 2.3em; line-height: 150%; font-weight:bold; }
.writer_info_wrap .writer_txt .author_name.art_name{font-weight:400; }
.writer_info_wrap .writer_txt .author_name.art_name .art_date{display:block; margin-top:40px; font-weight:200; line-height:140%; font-size:0.75em;}

.writer_date{display:flex; flex-wrap: wrap; gap: 10px 70px; position:relative; overflow:hidden; padding-bottom:40px;}
.writer_date:after{display: block; content: ""; width: 160px; height:1px; background-color:#000; position:absolute; left:0px; top:auto; bottom:0px;}

.writer_date.writer_ul{padding-bottom:30px;}
.writer_date.writer_ul:after{display:none;}

.writer_date.write_date2{flex-direction: column;}
.writer_date.write_date2:after{display:none;}

.writer_date > li{position:relative;}
.writer_date > li:before{display: block; content: ""; width: 1px; height:24px; background-color:#000; position:absolute; left:-35px; top:0px}

.writer_date > li .writer_date_dv {display:flex;  flex-wrap: wrap; align-items: center; gap:0px 10px; font-weight: 600; color: #000; }
.writer_date > li .writer_date_dv .ico{width:26px; filter: invert(20%) sepia(2%) saturate(1959%) hue-rotate(191deg) brightness(91%) contrast(81%);}
.writer_date > li .writer_date_dv .txt_c{font-family: Pretendard; font-weight:300; margin-top:-3px;}

.writer_date.art_time{padding-top:40px; padding-bottom:0px;}
.writer_date.art_time:before{display: block; content: ""; width: 160px; height:1px; background-color:#000; position:absolute; left:0px; top:0px;}
.writer_date.art_time:after{display:none;}

.writer_info_wrap .writer_txt .writer_info{font-family: Pretendard; line-height:160%; font-weight:300; }

.writer_info_wrap .writer_txt .writer_btn_dv{width:100%; margin-top: auto;}
.writer_info_wrap .writer_txt .writer_btn_dv .btnGeneral{border:1px solid #000; background-color:#fff; }
.writer_info_wrap .writer_txt .writer_btn_dv .btnGeneral > span{color:#000; font-size:16px;}
.writer_info_wrap .writer_txt .writer_btn_dv .btnGeneral > span.link {background:url(../img/common/ico_link2.png) no-repeat right 44%;}
.writer_info_wrap .writer_txt .writer_btn_dv .btnGeneral > span.list {background:url(../img/common/ico_list.jpg) no-repeat left 44%;}

.writer_info_wrap .writer_txt .writer_btn_dv .btnGeneral.enter{border:1px solid #000; background-color:#000; }
.writer_info_wrap .writer_txt .writer_btn_dv .btnGeneral.enter > span{color:#fff; font-size:16px;}


.profile_wrap_dv{display:flex; justify-content: space-between;}
.profile_wrap_dv .profileW .profile_tit{width:100%; display:block; font-size:1.7em; padding-bottom:30px; margin-bottom:60px; border-bottom:1px solid #ccc; font-weight:bold; position:relative;}
.profile_wrap_dv .profileW .profile_stit{display:block; margin-bottom:30px;}
.profile_wrap_dv .profileW .profile_listW{font-family: Pretendard; line-height:150%; color:#666; margin:50px 0px}

.profile_wrap_dv .profileW.left{width:60%; box-sizing:border-box; padding-right: 240px;}
.profile_wrap_dv .profileW.left .profile_stit:first-child{margin-top:0px;}
.profile_wrap_dv .profileW.right{max-width:623px; width:100%; box-sizing:border-box; padding: 0px 50px;}

.profile_wrap_dv .profileW.right .slide .board .photo{position: relative; padding-bottom: calc(520 / 520 * 100%); overflow: hidden; margin-bottom:30px;}
.profile_wrap_dv .profileW.right .slide .board .photo > img{position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%);}

.profile_wrap_dv .profileW.right .slide .board .info .txt_a{font-family: Pretendard; line-height:150%; font-weight:300;}


.profile_wrap_dv .profileW.right .slide_control {display: flex; justify-content: flex-end; align-items: center; padding:10px 10px 0px 10px; max-width:1720px; margin:0 auto;}
.profile_wrap_dv .profileW.right .slide_control .swiper-pagination {display: flex; margin-right:10px; align-items: center; gap:5px; font-size:11px; color:#fff; font-weight:300;}
.profile_wrap_dv .profileW.right .slide_control .swiper-pagination > span {font-size:14px; font-weight:600}
.profile_wrap_dv .profileW.right .slide_control .play_stop {font-size:0px; display: flex; width:14px; height:20px; justify-content: center; align-items: center; color:#000;}
.profile_wrap_dv .profileW.right .slide_control .play_stop:focus {outline:1px solid #000}
.profile_wrap_dv .profileW.right .slide_control .play:before {display: block; content: "▶"; font-size:11px;}
.profile_wrap_dv .profileW.right .slide_control .stop:before {display: block; content: ""; width: 2px; height:10px; border-left:3px solid #000; border-right:3px solid #000;}
.profile_wrap_dv .profileW.right .slide_control .slick-dots {padding:0px 8px 0px 0px}
.profile_wrap_dv .profileW.right .slide_control .arrow {z-index:9; text-indent:-999999em; cursor: pointer; display:flex; height:20px; margin:0px 5px; display:flex; justify-content:center; align-items:center; margin-top:4px;}
.profile_wrap_dv .profileW.right .slide_control .arrow:after {content:'→'; color: #000; font-size:24px; font-weight:800;text-indent: 0px;}
.profile_wrap_dv .profileW.right .slide_control .prevArrow:after {content: '←'}

.profile_wrap_dv.exhi_info{flex-wrap: wrap; flex-direction: column;}
.profile_wrap_dv.exhi_info .profileW .profile_tit{text-align:center;}

/**강좌신청*/
.data-form {display: flex; flex-wrap: wrap; justify-content: flex-start; gap:0px 50px;}

.data-form .inp-item > label {
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1em;
    margin: 20px 0px;
    display: inline-block;
    color: var(--color-gray1);
}

.data-form .inp-item.inp_file{display:flex; flex-wrap: wrap; align-items: baseline; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:40px; padding:25px 0px;}
.data-form .inp-item.col2 {width: calc(50% - 25px);}
.data-form .inp-item { width: 100%; padding-top:20px;}
.data-form .inp-item.int_txt{display:flex; align-items: center; gap:0px 50px; line-height:100%;}
.user_box_dv{display:flex; align-items: center; gap:0px 15px;}
.user_box_dv > input{flex:1;}
.user_box_dv > span{color:#666;}
.user_box_dv .u_price{font-size:1.5em;}


.write_form_dv .write_form_tit{display:block; font-size:1.8em; font-weight:bold; line-height:110%; margin:30px 0px;}
.write_form_dv .notice_list .data_form_dv{display:flex; flex-wrap: wrap;  gap:20px 120px; overflow:hidden; position: relative; font-size:1.25em; padding:40px 0px; border-bottom:1px solid #ccc;}
.write_form_dv .notice_list .data_form_dv > div{display:flex; width: calc(50% - 60px); position:relative;}
.write_form_dv .notice_list .data_form_dv > div:before{display: block; content: ""; width: 1px; height:20px; background-color:#000; position:absolute; left:-60px; top:50%; transform: translateY(-50%);}
.write_form_dv .notice_list .data_form_dv > div > label{width:4.2em; font-weight:bold;}
.write_form_dv .notice_list .data_form_dv > div > span{display:block; font-family: Pretendard; font-weight:300; margin-top:-3px;}

.write_form_dv .notice_list .data_form_dv02{padding-top:40px;}
.write_form_dv .notice_list .data_form_dv02 > h4{font-size:1.1em; font-weight:300; margin:40px 0px 20px 0px;}
.write_form_dv .notice_list .data_form_dv02 .radio_group{ font-family: Pretendard;}

.write_form_dv .notice_list .data_form_dv03{display: flex; flex-wrap: wrap; align-items: center;}
.write_form_dv .notice_list .data_form_dv03 > h4{width: 100px; font-size:1.1em; font-weight:300; margin: 40px 0px;}

.write_form_dv .notice_list .data_form_dv04{display: flex; flex-wrap: wrap; align-items: center; border-bottom:1px solid #000; color:#666666}
.write_form_dv .notice_list .data_form_dv04 > h4{width: 6em; font-size:1.1em; font-weight:300; margin:30px 0px; color:#000000}



.al_txt{display: block; font-weight: 300; font-size: 1.1em; line-height: 150%; margin-bottom:20px;}

.qna_btn{margin-top: 20px; text-align:right;}
.qna_btn a.btnGeneral{height:70px; background-color:#000; font-size:16px;}

.required-mark {
    display: inline-block;
    width: 7px;
    height: 7px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    box-sizing: border-box;
    background-color: #e93674;
    border-radius: 50%;
    vertical-align: top;
    margin-top: 1px;
}

.alert_wrap{background-color:#eff1f6; padding:0px 30px; margin-bottom:90px;}
.alert_wrap .alert_box{ padding:30px 0px;}
.alert_wrap .alert_box:first-child{border-bottom:1px solid #000;}
.alert_tit{display:flex; line-height:100%; gap:0px 12px; margin-bottom:20px;}
.alert_tit img { height:fit-content; }
.alert_txt{font-weight:300;}

.rental_ul{display:flex; flex-wrap: wrap; margin:-35px;}
.rental_ul > li{width:25%; box-sizing:border-box; padding:35px;}
.rental_ul > li .box{display:flex; flex-direction: column; gap:20px 0px; margin-top:30px;}
.rental_ul > li .box .tit > strong{display:block; font-size:1.1em; line-height:110%; margin-bottom:10px; font-weight:bold;}
.rental_ul > li .box .tit > span{display:block; font-size:0.9em; line-height:150%;}
.rental_ul > li .box .tit .prd {line-height: 1.4em; height: 4.2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}

.rental_ul > li .box .info_ul > li{display:flex; gap:0px 12px; font-weight: 300;;}
.rental_ul > li .box .info_ul > li .info_tit{width:70px; font-weight: 300;}

.rental_ul > li .box .ap_btn{width: 100%; margin-top: auto;}
.rental_ul > li .box .ap_btn a.btnGeneral.enter{height:60px; background-color: #fff; border:1px solid #000; font-size:0.9em; color:#000;}
.rental_ul > li .box .ap_btn a:hover.btnGeneral.enter{background-color: #000; border:1px solid #000; color:#fff;}

.period_wrap{display:flex; flex-wrap: wrap; justify-content: center; align-items: center;  gap:8px 5px; border-top:9px solid #000; border-bottom:9px solid #000; padding:20px 0px;}
.period_wrap > strong{display:block; font-size:1.2em; line-height:110%;}
.period_input{display:flex; flex-wrap:wrap; align-items: center; gap:0px 10px; padding:0px 5px 0px 20px; }
.period_input > input {background: url(../img/rental/ic_cal.png) no-repeat 90% center; padding-right: 50px;}

.rent_wrap{margin:0 auto; }
.rent_tbW_x{overflow-x: auto;}
.rent_tbW{min-width: 768px;}

.exempt_box > span{display:inline-block; height:30px; line-height: 30px;; color:#fe6277; padding:0px 20px; margin:40px 0px 20px 0px;  border:1px solid #fe6277; background-color:#fff;}
.exempt_ul{display:flex; flex-wrap: wrap; gap:5px 0px;}

.space_wrap{display:flex; flex-wrap: wrap; gap:6.66em 0em;}
.space_box{width: 100%; display:flex; justify-content: space-between; gap:30px;}
.space_left{display:flex; flex-wrap:wrap; flex-direction: column; gap:6.66em 0em; padding-right: 30px;}
.space_left .space_floor{display:block; font-size:5.55em; line-height:110%;}
.space_left .space_floor.type1{color:#fe6277;}
.space_left .space_floor.type2{color:#48a056;}
.space_left .space_floor.type3{ font-size:3.6em; color:#364981; font-weight:300;}
.space_left .space_floor_ul > li{font-size: 1.78em; line-height: 160%; color:#666; font-weight: 500;}
.space_left .space_floor_ul > li > span{display: inline-block;}
.space_left .space_floor_ul > li > span.rent_on{position:relative; padding-right:30px;}
.space_left .space_floor_ul > li > span.rent_on:after { display:block; content:"*"; width:30px; height:28px; font-size:2.3em; font-weight: 900; color:#000; position:absolute;  left:auto; right:0px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%);}
.space_left .space_floor_ul > li > span.rent_on.type1:after{color:#fe6277;}
.space_left .space_floor_ul > li > span.rent_on.type2:after{color:#48a056;}
.space_left .space_floor_ul > li > span.rent_on.type3:after{color:#364981;}

.space_right{display:flex; flex-wrap: wrap; gap:2.77em 0em; flex:1; max-width:1048px; width:100%; box-sizing:border-box;}
.space_right .space_img_ul{display:flex; gap:0.55em 1.22em;}
.space_img .img{position: relative;}
.space_img .space_txt{display:block; text-align:center; background-color:#f1f1f1; line-height:150%; padding:20px 10px; color:#333; font-size:1.12em;}

.space_img .img .status {display: flex; min-width: 5.6em; height: 2em; justify-content: center; align-items: center; padding: 0px 1em; color: #fff; font-size:1.55em; font-weight: 500; position: absolute; left: 0px; top: auto; bottom:0px; z-index: 3}
.space_img .img .status.type1 {background: #fe6277}
.space_img .img .status.type2 {background: #48a056}
.space_img .img .status.type3 {background: #364981;}

.space_img .space_txt.bg02{background-color: #fffaec;}
.space_img .space_txt.bg03{background-color: #eef5fd;}

.history_wrap{display: flex; flex-wrap: wrap; gap: 100px 0px;}
.history_wrap .history_box {width: 100%; display:flex; flex-wrap: wrap;}
.history_wrap .history_box:nth-child(even) {flex-direction: row-reverse; position:relative;}
.history_wrap .history_box .history_pic { width:50%; display:flex; flex-wrap:wrap; gap:10em 0em;}
.history_wrap .history_box .history_pic .pic_txt{color:#333; line-height: 150%; margin-top:20px;}
.history_wrap .history_box .history_txt_box{width:50%; padding-left:70px;}
.history_wrap .history_box:nth-child(even) .history_txt_box{display: flex; flex-direction: column; flex-wrap: wrap; align-content: center;padding-left:0px; }
.history_wrap .history_box .history_txt_box .history{position:relative;}
.history_wrap .history_box .history_txt_box .history:before { display:block; content:""; width:1px; height:calc(100% - 10px); background:#000; opacity:0.7; position:absolute; left:13px; top:10px; }
.history_wrap .history_box .history_txt_box .history > li:not(:first-child) { margin-top:45px; }
.history_wrap .history_box .history_txt_box .history > li:last-child:after { display:block; content:""; width:50px; height:calc(100% - 10px); background:#fff; position:absolute; left:0px; bottom:0px; z-index:1; }
.history_wrap .history_box .history_txt_box .history > li { padding-left:60px; position:relative; }
.history_wrap .history_box .history_txt_box .history > li:before { display:block; content:""; width:13px; height:13px; background:#000; position:absolute;  left:7px; top:0.3em; z-index:2; }
.history_wrap .history_box .history_txt_box .history > li > h4 { font-size:1.3em; font-weight:600; line-height:1.2em; padding-bottom:10px; position:relative; color:#000; font-weight:300;}
.history_wrap .history_box .history_txt_box .history > li > h4 > strong{font-size:1.4em;}
.history_wrap .history_box .history_txt_box .history > li .con > ul > li{color:#333}


/* 비전과 목표 */
.vision_wrap .vision_logo { text-align: center; }
.vision_wrap .vision_hero { position: relative; display: grid; align-items: center; justify-content: center; gap:100px; }
.vision_wrap .vision_hero_content { width: 100%; display: flex; justify-content: space-between; max-width: 1200px; margin:0 auto; }
.vision_wrap .vision_hero_content > * { width: 50%; }
.vision_wrap .vision_hero_content h3 { font-size: 64px; line-height: 1.3; }
.vision_wrap .vision_hero_content h3 b { display: block; }
.vision_wrap .vision_hero_content p { font-size: 36px; line-height: 1.6; font-weight: 300; font-family: 'pretendard'; }

.vision_wrap .vision_content { max-width: 1200px; margin: 100px auto; }
.vision_wrap .vision_content p { margin-bottom: 68px; text-align: center; font-size: 36px; line-height: 1.6; font-weight: 300; font-family: 'pretendard'; }
.vision_wrap .vision_section { margin-bottom: 160px; }
.vision_wrap .vision_section h4 { font-size: 42px; line-height: 1.3; margin-bottom: 20px; font-weight: 500; }
.vision_wrap .vision_section h4 span { display: inline-block; margin-right:8px; color: #fe6277; font-weight: bold; }
.vision_wrap .vision_section > div { text-align: center; }
.vision_wrap .h5_wrap { position: relative; margin-bottom: 30px; text-align: center; font-weight: 800; }
.vision_wrap .h5_wrap h5 { font-size: 32px; color:#3e3e3e; }
.vision_wrap .h5_wrap span { display: block; margin-top: 10px; margin-bottom: 8px; font-size: 15px; color:#25ac38; }


/* 오시는 길 */
.ico_map { width:19px; margin: -4px 2px 0; aspect-ratio: 19/26; background: url('../img/introduce/04_ico_1.png') no-repeat center/contain; }
.ico_tel { width:23px; margin-top: -4px; aspect-ratio: 23/21; background: url('../img/introduce/04_ico_2.png') no-repeat center/contain; }
.ico_car { width:22px; margin-top: -4px; aspect-ratio: 1/1; background: url('../img/introduce/04_ico_3.png') no-repeat center/contain; }
.ico_bus { width:19px; margin-top: -4px; aspect-ratio: 19/24; background: url('../img/introduce/04_ico_4.png') no-repeat center/contain; }
.location_wrap .location_info_bar { display: flex; flex-wrap: wrap; align-items: center; gap:24px 240px; margin-bottom: 24px; }
.location_wrap .location_info_bar .info_item { position: relative; display: flex; align-items: center; gap: 10px; font-size: 20px; }
.location_wrap .location_info_bar .info_item:not(:last-child)::after { position: absolute; right:-120px; top:40%; transform: translateY(-50%); content: ''; display: block; width: 1px; height:18px; background: #000; }
.location_map { height:650px; margin-bottom: 50px; border: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.location_map .root_daum_roughmap,
.location_map .root_daum_roughmap .wrap_map { width: 100% !important; height: 100% !important; }
.location_map .wrap_controllers { display: none; }
.location_map .root_daum_roughmap .cont { display: none; }
.location_map .root_daum_roughmap_landing .border1,
.location_map .root_daum_roughmap_landing .border2,
.location_map .root_daum_roughmap_landing .border3,
.location_map .root_daum_roughmap_landing .border4 { display: none; }

.location_wrap .transport_section { display: grid; grid-template-columns: 734px 1fr; justify-content: space-between; }
.transport_h3 { font-size: 42px; line-height: 1.5 }
.transport_box { display: flex; flex-direction: column; gap: 50px; }
.transport_item { display: flex; align-items: flex-start; gap: 22px; }
.transport_item .icon_box { display: flex; justify-content: center; align-items: center; width: 60px; aspect-ratio: 1/1; flex-shrink: 0; border-radius: 50%; border:1px solid #cccccc; }
.transport_item .details { flex-grow: 1; }
.transport_item .details h4 { font-size: var(--font-size); font-weight: bold; line-height: 1.6; }
.transport_item .details b { display: block; margin-top: 20px; margin-bottom: 8px; font-size: 20px; }
.location_wrap .drive_routes li { list-style: disc; margin-left: 20px; margin-bottom: 4px; line-height: 1.6; font-size: var(--font-size); font-family: 'Pretendard'; }
.bus_routes .bus_stop { margin-top: 12px; font-family: 'Pretendard'; }
.bus_routes .bus_list { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.bus_routes .bus_list .label { font-size: 14px; font-weight: bold; padding: 2px 14px 0px; color: white; border-radius: 3px; background: #00afbd; }


/* 시설소개 */
.facility_wrap { display: flex; flex-direction: column; gap:100px; }
.facility_wrap .intro_grid { display: grid; grid-template-columns: repeat(3, 480px); justify-content: space-between; }
.facility_wrap .intro_card .img_box img { width: 100%; height: 100%; object-fit: cover; }
.facility_wrap .intro_card h4 { margin-top: 26px; font-size: var(--h3-font-size); font-weight: bold; line-height: 1; }
.facility_wrap .intro_card p { margin-top: 12px; font-size: var(--font-size); line-height: 1.6; color: #555; font-family: 'Pretendard'; }

.table_wrap { border-top: 4px solid #000; text-align: center; font-size: var(--font-size); }
.table_wrap table { width: 100%; border-collapse: collapse; }
.table_wrap th,
.table_wrap td { border: 1px solid #000; padding: 24px 10px 20px; }
.table_wrap th { font-weight: bold; font-size: 24px; }


/* 레지던시 프로그램 */
.program_wrap .program_header p { font-size:24px; line-height:1.6; text-align:center; }
.program_wrap .program_content { padding:64px 0 80px; }
.program_wrap .program_content > ul { display:grid; grid-template-columns: repeat(4, 1fr); gap:1px; padding:1px; background: #000; }
.program_wrap .program_content > ul > li { position: relative; padding:50px 28px 60px; background: white; }
.program_wrap .program_content > ul > li::before { position: absolute; content: ''; display: block; width:28px; height:calc(100% + 4px); left:0; top:50%; transform: translateY(-50%); background: white; }
.program_wrap .program_content > ul > li::after { position: absolute; content: ''; display: block; width:28px; height:calc(100% + 4px); right:0; top:50%; transform: translateY(-50%); background: white; }
.program_wrap .program_content .icon { display: flex; align-items: center; justify-content: center; width: 64px; aspect-ratio: 1/1; margin-bottom:60px; }
.program_wrap .program_content strong { display:block; font-size:24px; font-weight:bold; margin-bottom:14px; line-height: 1.3; }
.program_wrap .program_content > ul ul li { position:relative; padding-left:15px; line-height: 1.6; font-size:var(--font-size); color:#666; }
.program_wrap .program_content > ul ul li:before { content:""; position:absolute; left:0; top:10px; width:4px; height:4px; background:#333; border-radius: 5px;}


/* 교육신청안내 */
.step { flex:1; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; border-radius: 50%; border: 1px solid #12a629; aspect-ratio: 1/1; }
.step:last-child { background: #12a629; color:white !important; }
.step:last-child span { color:white !important; }
.step .step_num { font-size: var(--font-size); }
.step .step_icon { display: flex; align-items: center; justify-content: center; width:50px; aspect-ratio: 50/44; margin:24px 0 42px; }
.step .step_name { min-height: 68px; font-size: 24px; color: #12a629; line-height: 1.3; }
.proc_wrap { display: flex; flex-direction: column; gap:80px; }
.proc_wrap .proc_h3 { font-size: var(--h3-font-size); font-weight: bold; margin-bottom: 32px; }
.proc_wrap .edu_proc_flow { display: flex; justify-content: space-between; align-items: center; text-align: center; gap:30px; }
.proc_wrap .edu_proc_flow .arrow { line-height: 1; }
.proc_wrap .edu_proc_flow .arrow img { width:11px; }
.proc_wrap .edu_proc_flow .big_arrow { position: relative; flex:1; margin:0 20px; height:1px; background: #000; }
.proc_wrap .edu_proc_flow .big_arrow::before { content: ''; display: block; position: absolute; width:30px; height:1px; background: #000; right:0; top:0; transform-origin: right center; transform: rotate(45deg); }

.proc_wrap .signup_proc_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; padding:80px 66px; background: #f0f1f6; }
.proc_wrap .signup_proc_grid > div { position: relative; }
.proc_wrap .signup_proc_grid > div::after { content: ''; position: absolute; right:-20px; top:60%; transform: translate(50%,-50%); width:11px; aspect-ratio: 8/12; background: url('../img/common/ico_arr.svg') no-repeat center/contain; }
.proc_wrap .signup_proc_grid > div:nth-child(4)::after { display: none; }
.proc_wrap .signup_proc_grid > div:last-child::after { display: none; }
.proc_wrap .signup_step_title { display: flex; align-items: center; gap: 17px; margin-bottom: 17px; font-size: var(--font-size); }
.proc_wrap .signup_step_title span { display: flex; align-items: center; justify-content: center; width: 40px; padding-top:4px; aspect-ratio: 1/1; border-radius: 50%; background: #000; color: #fff; flex-shrink: 0; }
.proc_wrap .signup_step_title h4 { padding-top:4px; font-weight: 600; line-height: 1.6; }
.proc_wrap .signup_step_img { border: 1px solid #000; border-radius: 4px; overflow: hidden; }
.proc_wrap .signup_step_img img { height: 100%; object-fit: cover; }


/* 결제/취소 안내 */
.guide_wrap { display: flex; flex-direction: column; gap:70px; } 
.guide_wrap .guide_title { font-size: var(--h3-font-size); font-weight: bold; line-height: 1.3; margin-bottom: 12px; } 
.guide_wrap .guide_list li { padding-left: 15px; position: relative; margin-bottom: 2px; font-size:var(--font-size); line-height:1.6; font-family: 'Pretendard'; color:#333; }
.guide_wrap .guide_list li:before { content: "•"; position: absolute; left: 0; top: 0; } 
.guide_wrap .payment_guide_wrap { display:grid; grid-template-columns: repeat(2, 1fr); gap:1px; margin-top: 20px; padding:1px; background: #000; }
.guide_wrap .payment_guide_wrap > div { position: relative; padding:30px 50px 40px; background: white; }
.guide_wrap .payment_guide_wrap > div::before { position: absolute; content: ''; display: block; width:30px; height:calc(100% + 4px); left:0; top:50%; transform: translateY(-50%); background: white; }
.guide_wrap .payment_guide_wrap > div::after { position: absolute; content: ''; display: block; width:30px; height:calc(100% + 4px); right:0; top:50%; transform: translateY(-50%); background: white; }
.guide_wrap .payment_guide_icon { margin-bottom: 24px; } 
.guide_wrap .payment_guide_wrap h4 { font-size: 24px; line-height: 1.6; margin-bottom: 10px; font-weight: 500; } 


/* CI소개 */
.ci_wrap { display: flex; flex-direction: column; gap:100px; }
.ci_section { display: grid; grid-template-columns: 1fr 1017px; }
.ci_section p { font-size: var(--font-size); font-weight: 500; line-height: 1.6; }
.ci_section .ci_h3 { font-size: 42px; font-weight: 500; line-height: 1.5; }
.ci_section_1 .ci_flex_box .ci_img_part { margin-bottom: 30px; }
.ci_download_btns { max-width: 490px; margin-top: 48px; display: flex; gap: 8px; }
.ci_download_btns .btn { flex:1; display: flex; align-items: center; justify-content: center; gap:15px; height:70px; padding-top: 4px; border: 1px solid #000; font-size: 16px; }
.ci_download_btns .btn::after { content: ''; display: block; width: 20px; aspect-ratio: 20/16; transform: translateY(-2px); background: url('../img/common/ico_down5.png') no-repeat center/contain; }

.ci_section_2 .ci_flex_box { display: flex; flex-direction: column; gap:50px; }
.ci_section_2 .ci_flex_box .img_box { display: flex; gap:42px; margin-bottom: 20px; }
.ci_section_3 .color_swatch { display: grid; grid-template-columns: repeat(5, 1fr); gap:28px; }
.ci_section_3 .color_swatch .color_box { aspect-ratio: 1/1; display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; text-align: center; padding: 10px; }
.ci_section_3 .color_swatch .color_box span { font-size: 12px; line-height: 1.5; }
.ci_section_3 .color_swatch .color_box span:last-child { margin-top: 10px; }
.ci_section_3 .color_swatch .color_info { margin-top: 16px; }
.ci_section_3 .color_palette { display: flex; flex-direction: column; gap: 10px; margin-top: 60px; }
.ci_section_3 .color_palette > div { display: flex; align-items: center; justify-content: center; height: 150px; padding:30px; }
.ci_section_3 .color_palette > div img { height: 100%; max-height: fit-content; }


/* 대관안내 */
.align_left { text-align: left; } 
.rental_wrap { display: flex; flex-direction: column; gap: 70px; }
.rental_wrap .sub_title { font-size: var(--h3-font-size); font-weight: bold; margin-bottom: 20px; }
.rental_wrap .procedure_list { display: flex; gap: 60px; }
.rental_wrap .procedure_list .step { position: relative; flex:1; text-align: center; border-color: #fe6277; } 
.rental_wrap .procedure_list .step:not(:last-child)::after { content: ""; position: absolute; right: -30px; top: 50%; transform: translate(50%, -50%); width:11px; aspect-ratio: 8/12; background: url('../img/common/ico_arr.svg') no-repeat center/contain; }
.rental_wrap .procedure_list .step:last-child { background-color: #fe6277; } 
.rental_wrap .step .step_name { color:#fe6277; }
.rental_wrap .list > li { padding-left: 10px; margin-bottom: 4px; position: relative; color:#333333; font-family: 'Pretendard'; font-size: var(--font-size); }
.rental_wrap .list > li::before { content: "·"; position: absolute; left: 0; top: 0; } 
.rental_wrap .charge_list { padding:0 62px; }
.rental_wrap .charge_list li { padding-left: 24px; position: relative; } 
.rental_wrap .charge_list li::before { content: "※"; position: absolute; left: 0; top: 0; } 
.rental_wrap .list .label { display: inline-block; padding:8px 17px 4px; margin-top: 16px; margin-bottom: 10px; border:1px solid #fe6277; color:#fe6277; font-size: 16px; line-height: 1; font-family: 'GmarketSans'; }
.rental_wrap .list ol { padding-left:20px; }
.rental_wrap .list ol li { list-style: decimal; }
.rental_wrap .precautions { background-color: #eff1f6; padding: 34px; }
.rental_wrap .precautions h4 { display: grid; gap:10px; grid-template-columns: 24px 1fr; margin-bottom: 12px; font-size: 18px; font-weight: 500; line-height: 1.3; }
.rental_wrap .contact_info { display: grid; grid-template-columns: 32px 1fr; align-items: center; gap:10px; font-size: 24px; font-weight: bold; margin: 30px 0 0; }
.rental_wrap .contact_info .ico_tel { width:100%; background: url('../img/rental/ico_tel.png') no-repeat center/contain; }
.rental_wrap .btn_wrap { padding-top: 50px; border-top:4px solid #000; text-align: center; }
.rental_wrap .btn_wrap a { display: inline-flex; align-items: center; justify-content: center; width: 210px; height:70px; background-color: #000; color: #fff; font-size: 16px; } 


/* ------------------------------------------------------------
 * Name      :mobile_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:81px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position:relative;}

.down_file {display:inline-block; vertical-align:middle; color:#0c91dd; margin-left:10px;}
.down_file > span {display:block; padding-left:23px; background:url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}


/* 1280px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
}


/* 1700px 이하 */
@media screen and (max-width:1699px) {
	.ci_section .ci_h3 { grid-template-columns: 1fr 2.5fr; gap:50px; font-size: 38px; }
	.ci_download_btns { max-width: 400px; }

	.vision_wrap .vision_logo img { width: 380px; }
	.vision_wrap .vision_hero { gap:80px; }
	.vision_wrap .vision_hero_content h3 { font-size: 54px; }
	.vision_wrap .vision_hero_content p { font-size: 32px; }
	.vision_wrap .vision_content p { margin-bottom: 38px; font-size: 32px; }
	.vision_wrap .vision_section h4 { font-size: 36px; }

	.location_wrap .location_info_bar { gap:14px 120px }
	.location_wrap .location_info_bar .info_item:not(:last-child)::after { right:-60px; }
	.location_wrap .transport_section { grid-template-columns: 604px 1fr; }
	.location_map { height:500px; }

	.facility_wrap .intro_grid { grid-template-columns: repeat(3, 1fr); gap:40px; }

	.proc_wrap .edu_proc_flow { gap:20px; }
	.step .step_icon { width:46px; margin:10px 0 22px; }
	.step .step_name { min-height: 58px; font-size: 20px; }
}

/* 1440px 이하 */
@media screen and (max-width:1399px) {
	:root {
		--h3-font-size: 30px;
	}
	.section {padding:50px 10px;}
	#footerW {padding-left:10px; padding-right:10px;}
	#inner_wrap {padding-left:10px; padding-right:10px;}
	
	.ci_section { grid-template-columns: 1fr; gap:30px; }
	.ci_section .ci_h3 br { display: none; }
	.ci_section_2 .ci_flex_box { gap:30px; }
	.ci_section_2 .ci_flex_box .img_box { margin-bottom: 12px; }
	.ci_download_btns { margin-top: 24px; }
	.ci_download_btns .btn { height: 56px; font-size: 15px; }
	
	.vision_wrap .vision_logo img { width: 340px; }
	.vision_wrap .vision_hero { gap:70px; }
	.vision_wrap .vision_hero_content h3 { font-size: 48px; }
	.vision_wrap .vision_hero_content p { font-size: 28px; }
	.vision_wrap .vision_content p { margin-bottom: 30px; font-size: 28px; }
	.vision_wrap .vision_section h4 { font-size: 30px; }

	.transport_box { gap:40px; }

	.location_wrap .location_info_bar .info_item { width: 100%; font-size: 18px; }
	.location_wrap .location_info_bar .info_item:not(:last-child)::after { display: none; }
	.location_wrap .transport_section { grid-template-columns: 354px 1fr; }

	.table_wrap th { font-size: 20px; }

	.program_wrap .program_content > ul > li { padding: 40px 20px 50px; }
	.program_wrap .program_content > ul > li::before,
	.program_wrap .program_content > ul > li::after { width:20px; }
	.program_wrap .program_content .icon { width:48px; margin-bottom: 34px; }
	.program_wrap .program_content strong { font-size: 22px; }
	.program_wrap .program_header p { font-size: 22px; }

	.guide_wrap .payment_guide_icon { width:38px; margin-bottom: 20px; }
	.guide_wrap .payment_guide_wrap h4 { font-size: 20px; margin-bottom: 4px; }
	.guide_wrap .payment_guide_wrap > div { padding: 30px 32px 40px; }
	.guide_wrap .guide_list li { margin-bottom: 1px; }

	.proc_wrap .edu_proc_flow { gap:10px; }
	.proc_wrap .edu_proc_flow .arrow img { width:8px; }
	.proc_wrap .edu_proc_flow .big_arrow { flex:.5; margin: 0 10px; }
	.step .step_icon { width:38px; margin:10px 0 22px; }

	.rental_ul { margin:0; margin-top:-35px; }
	.rental_ul > li { width: 33%; padding:26px; }
}

/* 1280px 이하 */
@media screen and (max-width:1279px) {
	:root {
		--font-size:17px;
		--sub-font-size: 16px;
	}
	
    .menu_btn {display:block; margin:0px;}
    .w_gnb {display:none;}

	.news_archiving {flex-wrap: wrap;}
	.news_archiving .news {flex: inherit; width:100%}
	.news_archiving .archiving {min-width:inherit; width: 100%; padding-top:min(50px, 5vw)} 
	.news_archiving .archiving_slide {border-left:1px solid #000 !important; min-height: auto;}
	.news_list {min-height: auto;}
	.side_quick {transform: translate(120%, -50%);}
	

	.board_wrap .board_left_dv.left_flex_dv{width:100%; text-align:center;}
	.board_wrap .board_left_dv.w50{padding:0px;}
	.board_wrap .board_left_dv.left_flex_dv .list_count_wrap form{justify-content: center;}

	.creative_select{display:block;}
	.board_wrap{flex-wrap: wrap;}
	.board_wrap .board_left_dv{display:none;}

	.board_wrap .creative_list{width:100%; padding-left: 0px; margin-top:30px;}
	.board_wrap .creative_list.w50{width:100%;}

	.writer_info_wrap{flex-direction: column; justify-content: inherit; align-items: center; margin-bottom:40px;}
	.writer_info_wrap .writer_picW{margin-bottom: 40px;}
	.writer_info_wrap .writer_txt{width:100%; padding-right:0px; align-content: inherit; flex-direction: column;}
	
	.writer_date{margin-bottom:40px;}
	.writer_info_wrap .writer_txt .writer_info{margin:40px 0px;}

	.profile_wrap_dv .profileW.left{width:50%; padding-right:0px;}
	.profile_wrap_dv .profileW.right{max-width: inherit; width: 50%; padding:0px 0px 0px 30px;}

	.main_business.exhi_list_ul .box .info .txt_c_ul > li{width:100%;}
	.main_business.exhi_list_ul .box .info{ margin-bottom:30px;}

	.writer_info_wrap.event_reg{flex-direction: column;}
	.writer_info_wrap.event_reg .writer_pic_dv{margin-bottom:40px;}
	.writer_info_wrap .writer_txt.row_reg{padding-left:0px;}

	.qna_btn{ height:60px; text-align:center;}

	.proc_wrap .signup_step_title span { width:34px; }
	.proc_wrap .signup_proc_grid { grid-template-columns: repeat(3, 1fr); padding:50px 48px; }
	.proc_wrap .signup_proc_grid > div:nth-child(3)::after { display: none; }
	.proc_wrap .signup_proc_grid > div:nth-child(4)::after { display: block; }
	.proc_wrap .signup_step_title { gap:12px; margin-bottom: 12px; }

	.rental_wrap .procedure_list { gap:30px; }
	.rental_wrap .procedure_list .step:not(:last-child)::after { right:-17px; width:8px; }
	.rental_wrap .charge_list { padding: 0 20px; }
	.rental_wrap .contact_info { grid-template-columns:27px 1fr; font-size: 20px; }
	.rental_wrap .precautions { padding:30px; }
}

/* 980px 이하 */
@media screen and (max-width:979px) {
	:root {
		--h3-font-size: 28px;
	}

	#header h1 img {height:40px;}

	.up #lnb_wrap.fixed .lnb {top:80px;}
    .in_header {height:80px;}
	.slide_menu_inner .header {height:80px; background-size: auto 40px;}
	.slide_menu_inner .gnb {height: calc(100% - 80px);	}

	.main_banner {flex-direction: column;}
	.program_slide_wrap {flex-direction: column; gap:10px}
	.program_slide_wrap .box {width:100%; border-left:1px solid #000}

	.lnb_position {display:block}

	.space_left .space_floor_ul > li{font-size: 1.3em;}
	.space_left .space_floor_ul > li > span.rent_on:after{height:23px;}
	.space_img .space_txt{font-size: 1em;}

	.ci_section .ci_h3 { font-size: 32px; }
	.ci_section .ci_txt_part br { display: none; }
	.ci_section_2 .ci_flex_box .img_box { gap:24px; }

	.vision_wrap .vision_hero_content { flex-wrap:wrap; }
	.vision_wrap .vision_hero_content > * { width: 100%; }
	.vision_wrap .vision_hero_content h3 { margin-bottom: 24px; font-size: 38px; }
	.vision_wrap .vision_hero_content h3 b { display: inline; }
	.vision_wrap .vision_hero_content p { font-size: 20px; }
	.vision_wrap .vision_content { margin-top: 60px; }
	.vision_wrap .vision_content p { margin-bottom: 16px; }

	.vision_wrap .vision_logo img { width: 300px; }
	.vision_wrap .vision_hero { gap:60px; }
	.vision_wrap .vision_content p { margin-bottom: 30px; font-size: 20px; }
	.vision_wrap .vision_section { margin-bottom: 120px; }
	.vision_wrap .vision_section h4 { font-size: 28px; }
	.vision_wrap .h5_wrap span { font-size: 12px; margin-top: 4px; margin-bottom: 0; }
	.vision_wrap .h5_wrap h5 { font-size: 24px; } 

	.transport_h3 { font-size: 34px; }
	.location_wrap .transport_section { grid-template-columns: 1fr; gap:20px; }
	.transport_box { gap:24px; }
	.transport_item { gap:10px; }
	.transport_item .icon_box { width:50px; }
	.transport_item .details b { margin-top: 14px; font-size: 18px; }
	.location_wrap .location_info_bar .info_item { font-size: 17px; }
	.location_map { height:420px; }

	.facility_wrap .intro_grid { grid-template-columns: repeat(2, 1fr); }
	.facility_wrap .intro_card .img_box { height:180px; }
	.facility_wrap .intro_card:last-child { grid-column: 1/3; }
	.facility_wrap .intro_card:last-child .img_box { height:240px; }

	.program_wrap .program_content > ul { grid-template-columns: repeat(2, 1fr); }
	.program_wrap .program_header p { font-size: 20px; }
	.program_wrap .program_content strong { font-size: 20px; }

	.step .step_icon { width:28px; margin:6px 0 12px; }
	.step .step_name { min-height: 48px; font-size: 18px; }
	.proc_wrap .signup_proc_grid { padding:30px 28px; gap:30px; }
	.proc_wrap .signup_step_title { gap:10px; margin-bottom: 10px; font-size: 16px; }
	.proc_wrap .signup_proc_grid > div::after { width: 8px; right:-15px; } 

	.rental_wrap .procedure_list { gap:14px; }
	.rental_wrap .procedure_list .step:not(:last-child)::after { right:-8px; width: 6px; }

	.rental_ul > li { width: 50%; padding: 20px; }
}

/* 768 이하 */
@media screen and (max-width:767px) {
	:root {
		--font-size:16px;
		--sub-font-size:15px;
		--h3-font-size: 25px;
	}

	.slide_menu_inner .gnb > ul > li {flex-direction: column; padding:6vw}
	.slide_menu_inner .gnb > ul > li > a {min-width: auto; padding:0px;}
	.slide_menu_inner .gnb .sub_menu {border:none; padding:0px; gap:4vw}
	.slide_menu_inner .gnb .sub_menu > li > a {font-size:1.4em;}
	.slide_menu_inner .top_menu {right:50px}
	.main_visual .box .web_img {display:none;}
	.main_visual .box .mobile_img {display: block; height: auto;}

	.in_header .top_menu {display:none;}


	.up #lnb_wrap.fixed .lnb {top:70px;}
	.in_header {height:70px;}

	.top_search > button .txt {display:none;}
	.pc_view {display:none}
	.mb_view {display:block}
	.main_layer_pop {-webkit-overflow-scrolling:touch; position:fixed; overflow-y:auto; width:100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left:0 !important; right:0 !important; top:0 !important; bottom:0; z-index:99999; background:url(../img/common/png_70.png) repeat left top; zoom:1; margin:0px !important}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}
	.pop_wrap .pop_body {font-size:13px;}

	.over_view {width:120px; height:120px;}
	
	.m_tit {font-size:28px;}
	
	#footer {padding:30px 0px; background:none;}
	#footer_navi {height:auto; justify-content:center}
	#footer_navi > ul {padding:0px; display:flex; flex-wrap:wrap; justify-content:center;}
	#footer_navi .navi > li {padding:0px 7px;}
	
	#footer > div {width:100%;}

    #footer .addressW {padding:0px 0px 0px 0px; min-height:inherit; background-position:center 20px; text-align:center;}
	#footerW .copy > p {text-align:center;}
	#footerW .copy {text-align:center; font-size:15px;}
	#footer .addressW .f_link {display:none;}
	#footer .addressW address .flex {align-items:center}
	#footerW .familySite {position:relative; max-width:250px; margin:0 auto; margin-top:20px; right:auto ;top:auto} 
	#footer .addressW address .flex strong {min-width:inherit}
	#footer_navi .navi > li a {font-size:14px;}

	#footer .go_top {top:-18px;}
	#footer .addressW {background-position:center 20px; font-size:13px; background-size:auto 40px;}


	#footer .go_top img {width:30px;}
	#footerW .copy {font-size:13px; padding:10px 0px;}
	#lnb_wrap {padding:0px; margin:0px; height:auto; }

	#lnb_wrap .lnb .lnbs {max-width:none;}
	#lnb_wrap .lnb .lnbs2 {border-right:none}
	
	#sub_tit {font-size:7.3vw ;}
	.sub_visual .sub_txt {height:19.5vw; background-size:auto 19.5vw ;}
	.sub_visual .sub_txt .txt {display:none;}
	.sub_visual {padding:10px;}
	
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}

	
	.s_tit {font-size:26px; padding-bottom:20px; margin-top:50px;}
	.s_tit.line {margin-bottom:20px;}
	.ss_tit {font-size:22px;}
	.s_tit + .s_tit_txt {padding-bottom:20px; margin-top:-15px;}

	.over_layerW {position:relative;}
    .over_layer {overflow:auto;}
	.over_layer::-webkit-scrollbar {width:5px; height:8px; background-color:#aaa;}
	.over_layer::-webkit-scrollbar-thumb {background:#000;}
	
    .over_layerW:after {display:block; content:""; width:10px; height:100%; position:absolute; right:0px; top:0px; background:url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > table, .over_layer > div {min-width:max-content;}
    .over_layer > table, .over_layer > div table {table-layout: inherit}

	
    /*atab*/
	
    .btn-tc > a {margin:0px;}
    .btab li a {padding:5px 0px; font-size:15px;}

	.m_th_b {width:135px !important;}
	.m_th {width:115px !important;}
    .m_th_s {width:95px !important;}
    .m_th_ss {width:75px !important;}
	
	.txt_ico img {height:34px;}
	.s_tit > img {max-height:32px;}
	.lnbs3 {display:none;}

	.arrow_group .slick-arrow {width:75px; height:75px; font-size:15px;}
	.arrow_group > .nextArrow:after {width:20px; height:20px;}
	.arrow_group > .prevArrow:before {width:20px; height:20px;}
	
	.ico_note {font-size:14px; }
	
	.introduce {flex-direction:column;}
	.introduce > div {width:100%}
	.introduce .txt {max-width:100%;}
	

	.creative_search_in{flex-wrap: wrap;}
	.creative_search_in .select{width:100%; margin-right:0px; margin-bottom:5px;}

	.board_wrap .creative_list .creative_tit{font-size:21px; margin-bottom:30px;}

	.writer_info_wrap .writer_txt .author_name{font-size:1.6em;}


	.profile_wrap_dv{flex-wrap: wrap;}
	.profile_wrap_dv .profileW.left{width:100%;}
	.profile_wrap_dv .profileW.right{width: 100%; padding:0px;}

	.board_big_tit{font-size:1.8em; margin-bottom: 20px;}

	.writer_date > li .writer_date_dv .ico{width:20px;}

	.writer_info_wrap .writer_pic_dv .writer_info_txt{padding:0px;}

	.write_form_dv .notice_list .data_form_dv > div{width:100%;}

	.data-form .inp-item.col2{width:100%;}

	.data-form .inp-item.int_txt{gap:0px 20px;}

	.space_box {flex-wrap: wrap;}
	.space_left{padding-right:0px; gap:3.2em; flex-direction: inherit;}
	.space_left .space_floor{font-size: 60px;}
	.space_left .space_floor.type3{font-size: 60px;}
	.space_right{flex: inherit;}

	.history_wrap{gap:60px 0px;}
	.history_wrap .history_box{flex-direction: column; gap: 30px 0px;}
	.history_wrap .history_box .history_pic{width:100%;}
	.history_wrap .history_box .history_txt_box{width:100%; padding-left:0px;}

	.history_wrap .history_box:nth-child(even){flex-direction: column-reverse;}
	.history_wrap .history_box:nth-child(even) .history_txt_box{align-content: flex-start;}
	.history_wrap .history_box .history_pic{gap: 5em 0em;}

	.ci_section .ci_h3 { font-size: 26px; }
	.ci_section_2 .ci_flex_box .img_box { gap:12px; }
	.ci_section_3 .color_swatch { grid-template-columns: repeat(3, 1fr); gap:12px; }
	.ci_section_3 .color_swatch .color_info { margin-top: 12px; }
	.ci_section_3 .color_swatch .color_info p { font-size: 14px; }
	.ci_section_3 .color_palette { margin-top: 40px; }
	.ci_section_3 .color_palette > div { height: 110px; }

	.vision_wrap .vision_logo img { width: 240px; }
	.vision_wrap .vision_hero_content h3 { margin-bottom: 12px; font-size: 32px; }
	.vision_wrap .vision_section { margin-bottom: 100px; }
	.vision_wrap .vision_content { margin-top: 40px; }
	.vision_wrap .vision_hero { gap:50px; }
	.vision_wrap .vision_section h4 { font-size: 22px; }
	.vision_wrap .h5_wrap span { font-size: 10px; }
	.vision_wrap .h5_wrap h5 { font-size: 20px; } 

	.location_wrap .location_info_bar { gap:10px; }
	.location_wrap .location_info_bar .info_item { font-size: 16px; }
	.location_map { height:360px; }
	.location_wrap .transport_section { gap:10px; }
	.transport_h3 { font-size: 28px; }

	.facility_wrap .intro_grid { grid-template-columns: repeat(1, 1fr); }
	.facility_wrap .intro_card .img_box { height:auto; }
	.facility_wrap .intro_card:last-child { grid-column: auto; }
	.facility_wrap .intro_card:last-child .img_box { height:auto; }

	.facility_wrap .intro_card h4 { margin-top: 20px; }
	.facility_wrap .intro_card p { margin-top: 8px; }
	.facility_wrap { gap:80px; }

	.program_wrap .program_content .icon { width: 40px; margin-bottom: 24px; }
	.program_wrap .program_content strong { margin-bottom: 10px; }
	.program_wrap .program_content > ul ul li { padding-left: 10px; }
	.program_wrap .program_header p { font-size: 18px; }
	.program_wrap .program_content { padding: 48px 0 60px; }

	.guide_wrap .payment_guide_wrap { grid-template-columns: repeat(1, 1fr); }
	.guide_wrap .payment_guide_wrap > div::before,
	.guide_wrap .payment_guide_wrap > div::after { width:22px; }
	.guide_wrap .payment_guide_wrap > div { padding:30px 26px 40px; }

	.proc_wrap .edu_proc_flow { display: grid; grid-template-columns: 1fr 8px 1fr 8px 1fr; max-width: 500px; margin:0 auto; }
	.proc_wrap .edu_proc_flow .arrow img { width:6px; }
	.proc_wrap .edu_proc_flow .big_arrow { grid-column: 1/4; }
	.proc_wrap .edu_proc_flow .step:last-child { grid-column: 5/6; }
	.proc_wrap .signup_proc_grid { grid-template-columns: repeat(2, 1fr); padding:20px 18px; }
	.proc_wrap .signup_proc_grid > div:nth-child(3)::after { display: block; }
	.proc_wrap .signup_proc_grid > div:nth-child(2n)::after { display: none; }
	.proc_wrap .signup_step_title { font-size: 14px; }
	.proc_wrap .signup_step_title span { width: 30px; }

	.rental_wrap .charge_list { padding: 0 5px; }
	.rental_wrap .charge_list li { padding-left: 18px; }

	.rental_wrap .procedure_list { flex-wrap:wrap; justify-content: center; }
	.rental_wrap .procedure_list .step { width:30%; flex:none; }
	.rental_wrap .btn_wrap a { width:180px; height:56px; font-size: 15px; }
}





/* 480px 이하 */
@media screen and (max-width:479px) {
	:root {
		--font-size:14px;
		--sub-font-size:13px;
	}

	#header h1 img {height:30px;}
	.header_top .link > li a {font-size:11px;}
	.slide_menu_inner .header {background-size: auto 30px;}
	.slide_menu_inner .gnb > ul > li > a {font-size:1.4em; margin-bottom:0.5em}
	.slide_menu_inner .gnb .sub_menu > li > a {font-size:1.15em;}
	.slide_menu_inner .gnb .sub_menu .three_depth > li {font-size:12px;}
	
	.menu_btn a:before {display:none;}
	.up #lnb_wrap.fixed .lnb {top:60px;}
    #wrap {transition:all 0.3s 0s ease-in-out;}
	.top_dday {font-size:20px; right:50px; padding-top:3px;}
    .in_header {height:60px;}

	.top_menu {right:65px; gap: 16px; line-height:1.2em; height: 34px; padding:0px 0.5em}
	.top_menu > li a {font-size:12px;}
	.header_top {height: 40px;}

    .menu_btn .line-middle {top:8px;}
	.top_search > button {width:34px; height:34px;}
	.top_search > button img {width:20px;}
	.menu_btn a img {width:20px;}

	.more > a > span {width:20px; height:20px;}
	.more > a > span:after {width:10px; margin-left:-5px;}
	.more > a > span:before {height:10px; margin-top:-5px;}
	.more > a {font-size:13px;}
	.section .go_btn > a {font-size:0px;}
	.section .go_btn > a img {margin:0px;}

	
    .m_tit {font-size:22px;}
    .m_tit img {height:20px;}
    .m_tit_txt {font-size:15px;}
	.m_tit .mont {font-size:13px;}
	
	
	.ico_note {font-size:12px;}
	.section {padding:40px 10px;}

	.program_slide .info {height:95px;}
	.program_slide .slick-dots {bottom:120px}

	.m_board_cell .tab {max-width: calc(100% - 60px);}
	.news_list > li {height:90px;}
	.news_list > li > a .num {min-width: 4em;}
	.news_list > li > a .notice {width: 3em; height: 3em;}

	.main_quick > ul {flex-wrap:wrap ;}
	.main_quick > ul > li {width: calc(33.333% - 10px); flex: none;}
	.main_quick > ul > li .ico img {max-width:7vw}
	.main_banner .box > dl dd:After {width: 17px; height: 19px;	}
	
	#footer .addressW {font-size:12px; background-size:auto 34px;}
	#footer_navi .sns > a img {height:34px;}
	#footer_navi .navi > li {padding:5px 8px;}
	#footer_navi .navi > li:not(:first-child):after {height:10px; margin-top:-5px;}

    #footer .addressW address {margin:0px;}
    #footer .addressW address strong {display:block;}
    #footer .addressW address span {padding:2px 5px;}
	
	#footerW .copy {font-size:12px;} 
	#footer_navi .navi > li a {font-size:12px;}
	#footer .addressW address .flex strong {min-width:100%;}
	#footer .addressW address .flex > li {justify-content:center;}
	#footer .go_top > a {width: 55px; height: 55px;}

	
    .pop_wrap .pop_head .title {text-align:left !important; font-size:20px; padding-left:15px !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display:none;}
    .pop_wrap .x_btn {right:5px;}
	.pop_wrap .pop_body {font-size:13px;}
    
    .web_dis {display:none;}
	.mb_dis {display:block;}
    #add_date .bt .tooltip {height:36px; line-height:34px;}
	

	.lnb_tit, a.lnb_tit {height:50px;}
	.lnb ul li a {height:50px}
	.lnb ul li a:after {right:10px}
	.lnb_tit:after {right:10px;}
	.lnbs3 > ul#three_menu {padding-top:0px;}
	.lnbs3 > ul#three_menu > li > a {font-size:14px;}

	#lnb_wrap .lnb .lnbs .copy_menu .on .three_depth {padding:5px; }
	#lnb_wrap .lnb .lnbs .copy_menu .on .three_depth a {font-size:12px; height:35px;}

    #sub_tit {font-size:30px;}
	.sub_visual .sub_txt {height:80px;}
	.sub_visual .sub_txt .txt_a {font-size:14px; line-height:1.3em;}
	.sub_visual .sub_txt > h2 {padding-top:30px;}
	
	.location {display:none;}

    
	.btn-tc > a {margin:5px 0px;}
	.subject {padding-left:10px;}
	
	.ico_note_box {background-size:18px auto; background-position:0px 0.3em; padding-left:2em}

    .s_tit {padding:0px 0px 10px 0px; font-size:19px; background-position:left 5px; background-size:20px auto; margin-top:35px;}
	.s_tit img {height:20px; }
	
    .s_tit:before {width:20px; height:20px; margin-right:5px;}
	.s_tit:after {left:6px; top:7px;}
	.s_tit.line {margin-bottom:10px;}
	.s_tit + .s_tit_txt  {margin-top:-5px; padding-bottom:10px;}
	
    .sub_con > .s_tit:first-child {margin-top:0px}
	.ss_tit {font-size:18px; margin-top:25px; margin-bottom:10px;}
    .ss_tit:before {width:6px; height:19px; top:4px;}
	.sss_tit {font-size:17px; margin-top:25px;}
    .sss_tit:before {width:4px; height:4px;}
    .s_txt_r {margin-top:-25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top:-45px;}
    .b_txt {font-size:17px;}
    .txt_in {padding-left:25px;}
	#inner_wrap {padding-bottom:50px;}
    #inner_wrap.no_visual {padding-top:30px;}

	#lnb_wrap .lnbs3 > ul > li > a {font-size:14px; height:55px;}
	
    .layerPop {font-size:0.95em;}
	
    .view_tit {padding:10px;}
    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:52px !important;}
    
    
	
    .w_name {width:70px;}
    .w_date {width:80px;}
    .m_block {display:block !important; margin-bottom:3px !important; float:none !important;}
    .scrollbox {height:120px;}
	
	.btab li a {min-width:110px; height:36px; font-size:14px;}
    .b_table > dl {font-size:16px; padding-left:0px;}
    .ul_table > ul > li {font-size:16px;}
    .check_txt {font-size:16px;}
    .radio_group > li {font-size:13px;}
    .b_table {padding-top:10px;}
    .b_table > dl > dt {font-size:16px; padding-top:13px;}
    .b_table > dl > dd {min-height:20px; font-size:13px;}
    .b_table > dl > dt {position:relative; padding-bottom:0px;}
    .input_etc .pa {font-size:13px; line-height:36px;}

    .textarea {padding:5px 5px; font-size:13px;}
    .b_table .btnNormalB span {padding:0px 18px; height:36px; line-height:34px; font-size:13px;}
    .security_code .code .num {height:34px; line-height:32px; font-size:14px;}
    .file_input label {height:36px;  line-height:34px; font-size:13px;}
    
	
    .br_box {padding:10px;}
    .btn-tc {padding:20px 0px; margin-top:20px;}
    #inner_wrap .b_check_box .board-write th {font-size:1.05em !important;}
	

    .list_more > a > span {font-size:16px; padding:15px 20px 15px 0px;}
   
	.lnbs3 {padding-bottom:30px;}
	.lnbs3 > ul {margin:0px -10px;}
	.lnbs3 > ul > li {padding:5px;}
	.lnbs3 > ul > li > a {font-size:14px; line-height:18px;}
	.lnbs3 > ul > li.on > a {border-width:4px; }
	.lnbs3 > ul > li > a .all {padding-left:24px; background-size:18px auto !important}
	
	.search_area_wrap {margin-top:0px; border-width:4px}
	.search_area .btn {background-size:20px auto ;}
	.searchPop .inner {height:130px;}
	.search_area {height: 55px;}

    .map_wrap {height:250px;}
	

	.arrow_group .slick-arrow {width:40px; height:40px; font-size:0px;}
	.arrow_group > .nextArrow:after {width:12px; height:12px;}
	.arrow_group > .prevArrow:before {width:12px; height:12px;}

	.pop_date_wrap > li{width:100%;}

	.space_left .space_floor{font-size:50px;}
	.space_left .space_floor.type3{font-size: 50px;}
	.space_left .space_floor_ul > li > span.rent_on:after{height:15px;}
	.space_right{gap:1.1em;}
	.space_right .space_img_ul{gap:1.1em;}
	.space_img .img .status{font-size:1em;}

	.history_wrap .history_box .history_txt_box .history > li{padding-left:35px;}
	.history_wrap .history_box .history_txt_box .history > li > h4{padding-bottom:0px;}
	.history_wrap .history_box .history_txt_box .history > li > h4 > strong{font-size:19px;}
	.history_wrap .history_box .history_txt_box .history > li:last-child:after{width:33px;}
	.history_wrap .history_box .history_txt_box .history > li:not(:first-child){margin-top: 30px;}
	
	.ci_section { gap:20px; }
	.ci_section_3 .color_swatch { grid-template-columns: repeat(2, 1fr); }
	.ci_section_3 .color_palette > div { height: 100px; }
	.vision_wrap .vision_hero_content h3 { font-size: 28px; }
	.vision_wrap .vision_hero_content p { font-size: 18px; }
	.vision_wrap .vision_content p { font-size: 18px; }

	.location_wrap .location_info_bar .info_item { flex-wrap:wrap; gap:4px 10px; }
	.location_wrap .location_info_bar .info_item span:last-child { width: 100%; }

	.program_wrap .program_content > ul { grid-template-columns: repeat(1, 1fr); }

	.proc_wrap .edu_proc_flow { gap:4px; }
	.step .step_icon { width: 24px; margin: 4px 0 10px; }
	.step .step_name { min-height: 42px; font-size: 16px; }
	.proc_wrap .signup_proc_grid { grid-template-columns: repeat(1, 1fr); gap:40px; }
	.proc_wrap .signup_proc_grid > div:not(:last-child)::after { display: block !important; right:auto; left:50%; top:auto; bottom:-20px; transform: translate(-50%, 50%) rotate(90deg); }
	.proc_wrap .signup_step_img { width: fit-content; }

	.rental_ul > li { width: 100%; }
	.rental_ul > li .box { height:245px; gap:15px 0; }
}