@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      :web_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
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;}
img {max-width:100%}
.pc_view {display:block}
.mb_view {display:none}
.mont {font-family:'Montserrat', sans-serif; }

/*
#header.down {background:#fff; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); background:rgba(255, 255, 255, 10%); /*box-shadow:0px 0px 13px rgba(0, 0, 0, 20%);}

#header.down h1 img, #header.over h1 img, .sub_wrap #header h1 img  {-webkit-filter:none; filter:none;}
.down .top_sns > li img, .over .top_sns > li img, .sub_wrap .top_sns > li img {-webkit-filter:none; filter:none;}
.down .top_search img, .over .top_search img, .sub_wrap .top_search img {-webkit-filter:none; filter:none;}
.down .top_lang:after, .over .top_lang:after, .sub_wrap .top_lang:after {border-top-color:#000;}
.down .top_lang:before, .over .top_lang:before, .sub_wrap .top_lang:before {background:#000;}
.down .top_menu > li a, .over .top_menu > li a, .sub_wrap .top_menu > li a {color:#000;}
.down .top_menu > li:not(:first-child):before, .over .top_menu > li:not(:first-child):before, .sub_wrap .top_menu > li:not(:first-child):before {background:#000;}
.down .w_gnb .gnb > ul > li > a, .over .w_gnb .gnb > ul > li > a, .sub_wrap .w_gnb .gnb > ul > li > a {color:#000;}


.down .top_search:before, .over .top_search:before {background:#000;}
.down .top_lang > a, .over .top_lang > a  {color:#000;}
.down .top_lang > a img, .over .top_lang > a img  {webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}
.down .top_menu > li a.txt_bt, .over .top_menu > li a.txt_bt {border:1px solid #cccccc; color:#000;}



#header.over {background:#fff;}
*/

/* header */
#header {width:100%; position:fixed; padding:0px 10px; left:0px; top:0px; z-index:9999; box-sizing:border-box; transition:all 0.3s 0s ease-in-out; border-bottom:1px solid #000; padding-top:40px; background:#f5f5f5;  font-family:'Pretendard'}
#header:after {display:block; content:""; width:100%; height:1px; background:#000; position:absolute; left:0px; top:40px;}
.in_header {max-width:1720px; width:100%; height:76px; box-sizing:border-box; margin:0 auto; position:relative; z-index:9;}
#header h1 {position:absolute; left:0px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%); overflow:hidden; transition:all 0.3s 0s ease-in-out; z-index:10 }
#header h1 a {display:flex; color:#fff; font-size:18px; align-items:center; transition:all 0.3s 0s ease-in-out;}
#header h1 a .ico {width:68px}
#header h1 a > strong {padding-left:10px;}
#header h1 img {transition:all 0.2s 0s ease-in-out; }



.top_search {position:absolute; right:110px; top:50%; transform:translateY(-50%); line-height:0px;}
.top_search:before {display:block; content:""; width:1px; height:44px; background:#333; position:absolute; left:-40px; top:50%; transform:translateY(-50%)}
.top_search button {padding:10px;}
.top_search img {transition:all 0.2s 0s ease-in-out;}
.top_menu {display:flex; align-items:center; position:absolute; right:0px; top:-40px; height:40px;}
.top_menu > li:not(:first-child):before {display:block; content:""; width:1px; height:50%; background:#666666; position:absolute; left:0px; top:50%; transform:translateY(-50%);}
.top_menu > li:not(:first-child) {position:relative; padding-left:15px; margin-left:15px;}
.top_menu > li a {color:#666666; line-height:32px; font-weight:500; font-size:15px; display:flex; align-items:center}
.top_menu > li a img {margin-right:5px}




.searchPop {width:100%; position:absolute; left:0px; top:100%; background:#fff; border-top:1px solid #000; box-shadow:0px 3px 5px rgba(0, 0, 0, 10%); font-size:15px;}
.searchPop .inner {width:100%; max-width:1720px; position:relative; height:150px; display:flex; justify-content:center; align-items:center;}
.searchPop .search_area_wrap {width:100%; margin-top:0px;}
.searchPop .search_area:before {background:#eff1f6}
.searchPop .search_area .input {background:none} 
.searchPop .close {position:absolute; right:0px; top:20px;} 
.searchPop .close a {color:#181818; font-weight:400; line-height:1.4em;} 
.searchPop .x_btn {text-indent:-99999em; width:24px; height:24px; display:block;}
.searchPop .x_btn:after {display:block; content:""; width:20px; height:4px; background:#000; 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:#000; 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:640px; position:relative;}
.search_area {display:flex; overflow:hidden; height:60px; align-items:center; position:relative; z-index:1; padding:0px 0px 0px 20px; font-weight:500; border:1px solid #000;}

.search_area .input {border:none; outline:none; flex:1; width:100%; padding-top:0.2em;}
.search_area .check {min-width:100px; color:#999999;}
.search_area .btn {min-width:50px; height:100%; display:flex; text-indent:-99999em; background:url(../img/common/search.png) no-repeat center center;}




/* wrap */
#wrap {width:100%; overflow:hidden; margin:0 auto;  transition:all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:100%; margin:0 auto; position:relative; padding:0px 10px 100px 10px;}
#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 {display:flex; align-items:center; position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); box-sizing:border-box; cursor:pointer;}
.menu_btn:after {display:block; content:"메뉴"; font-size:16px; font-weight:500; margin-left:5px; color:#222222}
.menu_btn.active:after {display:none;}
.menu_btn a {width:36px; height:22px;}
.menu_btn a img { transition:all 0.3s 0s ease-in-out;}


/*.menu_btn a:before {display:block; content:"Menu"; position:absolute; right:100%; top:0px; line-height:20px; color:#fff; font-size:16px; padding-right:10px; font-weight:400;}*/


/* GNB */
.w_gnb {padding:0px 350px 0px 350px;}
.w_gnb .gnb {max-width:860px; margin:0 auto; box-sizing:border-box; padding:0px;}
.w_gnb .gnb > ul {display:flex; flex-wrap:wrap; justify-content:space-around}
.w_gnb .gnb > ul > li {text-align:center; flex:auto; padding:0px 20px; vertical-align:top; position:relative;}

.w_gnb .gnb > ul > li > a {display:block; color:#222222;}
.w_gnb .gnb > ul > li > a > span {display:flex; justify-content:center; align-items:center; box-sizing:border-box; font-size:19px; font-weight:600; height:74px; transition:all 0.2s 0s ease-in-out; position:relative;}

.w_gnb .gnb > ul > li:hover > a > span { color:#222222;}
/*.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:0px; width:100%; padding:20px 0px; padding-bottom:40px; box-sizing:border-box; overflow:hidden; top:100%; display:none}
.w_gnb .sub_menu > li {padding:3px 0px 3px 0; letter-spacing:-0.5px; text-align:left;}
.w_gnb .sub_menu > li > a {display:block; font-size:15px; color:#222222; font-weight:600; padding:3px 0px; text-align:center; line-height:1.3em;}
.w_gnb .sub_menu > li > a:hover {color:#cc6532; font-weight:600; text-decoration:underline}

/*
.w_gnb .sub_menu  {position:absolute; left:50%; width:140%; transform:translateX(-50%);padding-top:20px; box-sizing:border-box; overflow:hidden; top:100%; display:none; padding-bottom:20px;}
.w_gnb .sub_menu > li {padding:5px 0px 5px 0; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:block; font-size:15px; text-align:center; color:#cccccc; font-weight:400; padding:3px 0px;  line-height:18px;}
.w_gnb .sub_menu > li > a:hover {color:#fff; text-decoration:underline;}
*/


.gnb08 {display:none !important;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background:#2d3749}
#gnb_bar {border-top:1px solid #000;position:absolute; display:none; left:0%; top:100%; width:100%; background:#fff; box-shadow:0px 2px 5px rgba(0, 0, 0, 10%); z-index:3}

.gnb_bar_in {}




.slide_menu_wrap {width:80%; max-width:510px; box-sizing:border-box; height:100vh;  z-index:998; position:fixed; right:-90%; top:0px; bottom:0px; box-shadow:-1px 0px 5px rgb(0, 0, 0, 0.25); }


.slide_menu_wrap:after {display:block; content:""; width:0%; height:100%; background:#000; position:fixed; left:0%; top:0px; opacity:0.2;  transition:all 0.3s 0s ease-in-out;}
.slide_menu_wrap.on:after {width:100%}
.slide_menu_inner {height:100%; padding-top:70px; background:#fff; box-sizing:border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; z-index:2; position:relative;}

.slide_menu_wrap .m_gnb_on {display:none !important}
.slide_menu_wrap .top_menu_wrap {text-align:center; position:relative; right:auto; top:auto; display:block; transform:none;}
.slide_menu_wrap .top_menu_wrap > .top_menu > li svg .white {fill:#333}
.slide_menu_wrap .top_menu {padding:0px 10px;}
.slide_menu_wrap .top_menu > li a .lang {background:url(../img/common/ico_lang.png) no-repeat left center !important;  background-size:14px auto; color:#fff; font-weight:600;}
.slide_menu_wrap .top_menu > li:nth-child(2):before {display:block;}
.slide_menu_wrap .top_menu > li:before {background:#fff !important;}
.slide_menu_wrap .top_menu {transform:none; margin-bottom:5px; right:auto; top:auto; position:relative; display:flex;}
.slide_menu_wrap .top_menu > li {width:50%; box-sizing:border-box; float:none; padding:0px 2px; text-align:center; margin:0px;}
.slide_menu_wrap .top_menu > li > a {background:#333 !important; color:#fff; display:flex; height:40px;justify-content:center; align-items:center; font-size:15px; font-weight:600; padding:0px; border:1px solid #333;}
.slide_menu_wrap .top_menu > li > a img {opacity:1 !important}
.slide_menu_wrap .top_menu > li > a img.pa {display:none;}
.slide_menu_wrap .in_header {background:url(../img/common/logo2.png) no-repeat 40% center; height:95px; padding:0px; background-size:50% auto;}

.slide_menu_wrap .gnb > ul {overflow:hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom:1px solid #e2e2e2; transform:translateX(30%); -webkit-transform:translateX(30%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out;}
.slide_menu_wrap .gnb > ul > li > a {display:block; line-height:60px; font-size:18px; font-weight:600; color:#333; padding-left:50px; background:#fff;} 
.slide_menu_wrap .gnb > ul > li:hover > a {background:linear-gradient(-45deg, #231815, #cc6532); color:#fff;}
.slide_menu_wrap .gnb > ul > li > a.on {background:linear-gradient(-45deg, #231815, #cc6532); color:#fff; } 
.slide_menu_wrap .gnb .sub_menu {background:#fff; display:none; padding:10px 0px;}
.slide_menu_wrap .gnb .sub_menu > li {border-top:1px solid #eee;} 
.slide_menu_wrap .gnb .sub_menu > li:first-child {border-top:none;} 
.slide_menu_wrap .gnb .sub_menu > li > a {display:block; line-height:23px; padding:10px 0px 10px 50px; font-size:15px; color:#333; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out; font-weight:500;} 
.slide_menu_wrap .gnb .sub_menu > li > a:hover {padding-left:55px; } 

.slide_menu_wrap .gnb .three_depth > li {padding:0px 0px 0px 55px; } 
.slide_menu_wrap .gnb .three_depth > li > a {display:block; line-height:130%; padding:5px 0px 5px 10px; font-size:14px; color:#d62a6a; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out; position:relative;} 
.slide_menu_wrap .gnb .three_depth > li > a:before {display:block; content:""; width:5px; height:1px; background:#d62a6a; position:absolute; left:0px; top:50%;} 
.slide_menu_wrap .gnb .three_depth > li > a:hover {margin-left:5px;} 

.slide_menu_wrap.on .gnb > ul > li {transform:translateX(0%); -webkit-transform:translateX(0%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out;}

/* section */
.section {padding:50px 10px; font-size:18px; font-weight:400; line-height:140%; word-break:keep-all}



/* visual */

.main_visual {width:100%; overflow:hidden; position:relative; background:#f5f5f5; padding:115px 0px 0px 0px !important; min-height:1000px; }
.main_visual .scroll_down {max-width:1720px; padding:1% 10px 2% 10px; text-align:right; margin:0 auto;}
.main_visual .scroll_down a {display:inline-block}
.visual_txt {display:flex; justify-content:center; font-size:22px; line-height:1.4em; padding:2.5em 0px 0em 0px;}
.visual_txt > div {padding:0px 1em;}
.visual_txt .txt_a {font-size:2.2em; line-height:1.3em;}
.visual_txt .txt_b {padding-top:0.5em;}
.visual_txt .txt_b > span {font-style:italic; font-size:1.2em;}
.visual_frame {max-width:1920px; margin:0 auto; background:url(../img/main/visual_line.png) no-repeat center center; background-size: contain; min-height:503px; transform: scale(0.8) !important;}
.visual_frame img {max-width:inherit}
.visual_frame .v_box {position:relative; text-align:center}
.visual_frame .v_box .bg {text-align:center; background:#000}
.visual_frame .v_box .bg img { display:inline-block}
.visual_frame .v_box .slide {position:absolute; width:100%; height:100%; left:0px; top:0px;}
.visual_frame .v_box2 .bg {mask-image:url(../img/main/v_box02_mask.png); -webkit-mask-image:url(../img/main/v_box02_mask.png); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; background-size:cover;}
.visual_frame .v_box3 .bg {mask-image:url(../img/main/v_box03_mask.png); -webkit-mask-image:url(../img/main/v_box03_mask.png); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; background-size:cover;}
.visual_frame .v_box4 .bg {mask-image:url(../img/main/v_box04_mask.png); -webkit-mask-image:url(../img/main/v_box04_mask.png); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; background-size:cover;}

.visual_frame > ul {max-width:1880px; margin:0 auto; display:flex; align-items:flex-end; justify-content:center}
.visual_frame > ul > li:nth-child(1) {transform:translate(21%, -11%)}
.visual_frame > ul > li:nth-child(2) {transform:translate(10%, 8%)}
.visual_frame > ul > li:nth-child(3) {transform:translate(4%, -9%)}
.visual_frame > ul > li:nth-child(4) {transform:translate(-2%, -4%)}
.visual_frame > ul > li:nth-child(5) {transform:translate(-15%, -7%)}
.visual_frame > ul > li:nth-child(6) {transform:translate(-24%, -12%)}

.visual_img img {width:100%;}
.visual_img .mobile_view {display:none;}

.visual_frame > ul > li:nth-child(2)  .v_box .bg img {opacity:100}


@media (hover:none) {
    .hover:hover .ico_circle {background:#007dc6;}
}

.over_view {width:160px; height:160px; 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);
    }
}


.main_more  {text-align:center; padding-top:5em;}
a.main_bt {display:inline-block; width:100%; height:60px;position:relative; background:#000}
a.main_bt > span {display:inline-flex; width:100%; height:60px; background:#fff; padding:0px 10px; box-sizing:border-box; text-align:center; justify-content:center; align-items:center; font-size:14px; font-weight:500; color:#000000; position:relative; border:1px solid #000; transform:translate(10px, -10px); transition:all 0.1s 0s ease-in-out;}
a.main_bt > span.on {background:#cc6532;  color:#fff;}
a.main_bt50 {height:50px}
a.main_bt50 > span {height:50px}

a.main_bt img {margin-right:1em;}
a.main_bt:hover > span {transform:none;}
a.main_bt .txt {text-align:center; padding-top:0.2em; line-height: 1.3em; z-index:2; }


.tit_box  {display:inline-block; position:relative; background:#000} 
.tit_box .in_line {font-weight: 700; display:inline-flex; width:100%; height:2.15em; background:#fff; min-width:11em; padding:0px 1em; padding-top:0.2em; box-sizing:border-box; text-align:center; justify-content:center; align-items:center; position:relative; border:1px solid #000; transform:translate(10px, -10px); transition:all 0.1s 0s ease-in-out;}
.tit_box .in_line.small {font-weight:500; min-width:10em; transform:none;}



.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:33px; height:33px; justify-content:center; align-items:center; margin-left:10px; background:#fff; border:1px solid #efeeee;  color:#000; position:relative; border-radius:10px; }
.more > a > span:after {display:block; content:""; width:11px; height:3px; background:#000; position:absolute; left:50%; top:50%; margin-left:-5.5px; margin-top:-1.5px; transition:all 0.5s;}
.more > a > span:before {display:block; content:""; width:3px; height:11px; background:#000; position:absolute; left:50%; top:50%; margin-top:-5.5px; margin-left:-1.5px; transition:all 0.5s;}
.more > a > span:hover:after {transform:rotate(90deg);}
.more > a > span:hover:before {transform:rotate(90deg);}

.main_tit {padding:40px 0px; color:#181818; font-weight:500; display:flex; flex-wrap:wrap; align-items:flex-start}
.main_tit h3 {font-size:52px; font-weight:300; line-height:1.3em;}
.main_tit h3 > strong {font-weight:700;}
.main_tit .dec {border:2px solid #000; background:#fff; font-weight:600; font-size:15px; line-height:1.3em; height:2em; padding:0px 1em; border-radius:60px; display:flex; justify-content:center; align-items:center; margin-top:0.4em; padding-top:0.2em;}



.products_wrap {position:relative;}
.products_wrap .slick-slide > div {margin:0px 15px;}
.products_wrap .products {margin:0px -15px}
.products_wrap .products .box:hover .bg:after {background:#dc842c}
.products_wrap .products .box {font-size:15px; overflow:hidden}
.products_wrap .products .box .bg {padding:7.5%; position:relative; color:#fff; display:block; overflow:hidden}
.products_wrap .products .box .bg:after {display:block; content:""; width:calc(100% - 4px); height:100%; background:#000; position:absolute; left:2px; top:1px; z-index:-1; transition:all 0.3s 0s ease-in-out;}
.products_wrap .products .box .bg:before {display:block; content:""; width:140%; height:60%; background:#fff; position:absolute; left:-33%; top:-30%; transform:rotate(-27deg);}
.products_wrap .products .box .img {display:block; overflow:hidden; position:relative; padding-bottom:calc(473 / 335 * 100%);}
.products_wrap .products .box .img > img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); transition:all 0.3s 0s ease-in-out; width:100%}
.products_wrap .products .type {display:inline-flex; min-width:5em; padding:0px 0.5em; height:1.6em; border:1px solid #fff; font-weight:400; justify-content:center; align-items:center; padding-top:0.2em; margin:10% 0px 0px 0px; font-size:1.2em; }
.products_wrap .products .type.type1 {border-color:#000000; background:#cc6532; color:#fff;}
.products_wrap .products .type.type2 {border-color:#000000; background:#fff; color:#000;}
.products_wrap .products .type.type3 {border-color:#fff; color:#fff;}
.products_wrap .products .txt_a {font-size:1.7em; line-height:1.4em; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; padding-top:0.5em;}
.products_wrap .products .date {padding-top:0.4em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.products_wrap .slick-arrow {display:block; width:39px; height:30px; position:absolute; top:-110px; text-indent:-99999px; cursor:pointer; z-index:9}

.products_wrap .slick-arrow.slick-prev {right:60px; background:url(../img/main/arrow_l.png) no-repeat left center/cover}
.products_wrap .slick-arrow.slick-next {right:10px; background:url(../img/main/arrow_r.png) no-repeat left center/cover}
.products_wrap .tab {display:flex;}
.products_wrap .tab > li {padding:0px 10px; position:relative;}
.products_wrap .tab > li a {color:#000; line-height:1.6em; font-weight:100; text-underline-offset:0.3em}
.products_wrap .tab > li a.active {text-decoration:underline; font-weight:400;}


.main_board_wrap {display:flex; flex-wrap:wrap; border-bottom:1px solid #e5e5e5; border-top:6px solid #000;}
.main_board_wrap .box {width:50%; padding:3%}
.main_board_wrap .box:not(:first-child) {border-left:1px solid #e5e5e5}
.main_board_wrap .first_new > a {display:block;}
.main_board_wrap .first_new .day {font-weight:100; font-size:1.2em; line-height:1.4em; display:flex; align-items:center;}
.main_board_wrap .first_new .day .new {width:33px; height:33px; display:flex; justify-content:center; align-items:center; color:#fff; font-weight:500; font-size:12px; padding-top:0.2em; border-radius:100%; background:#d66730; margin-left:1em;}
.main_board_wrap .first_new .tit {color:#000; font-size:1.7em; font-weight:700; margin:1em 0px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4em; max-height:2.8em;transition:all 0.2s 0s ease-in-out;}
.main_board_wrap .first_new .arrow img {transform:rotate(-40deg); transition:all 0.2s 0s ease-in-out;}
.main_board_wrap .first_new > a:hover .tit {color:#dc842c}
.main_board_wrap .first_new > a:hover .arrow {color:#d6000f}
.main_board_wrap .first_new > a:hover .arrow img {transform:rotate(0deg);}


.news_list ul li {display:flex; align-items:center; justify-content:space-between; padding-left:1em; position:relative; margin-top:5px;}
.news_list ul li:not(:first-child) {margin-top:1em}
.news_list ul li:before {display:block; content:""; width:4px; height:4px; background:#333; position:absolute; left:0px; top:0.5em; border-radius:100% }
.news_list ul li:first-child {margin-top:0px;}
.news_list ul li a {flex:1; overflow:hidden; color:#333; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size:1.1em; line-height:1.4em; transition:all 0.2s 0s ease-in-out;}
.news_list ul li a:hover {color:#dc842c;}
.news_list ul li .date {font-weight:100;  min-width:7em; text-align:right;}

#section4 {padding-left:0px; padding-right:0px;}
.theater_slide_wrap {position:relative; max-width:1920px; margin:0 auto}
.theater_slide_wrap .arrow {cursor:pointer; display:flex; width:94px; height:94px; border-radius:100%; background:#fff; justify-content:center; align-items:center; position:absolute; top:50%; transform:translateY(-50%); text-indent:-99999em}
.theater_slide_wrap .prevArrow:after {display:block; content:""; width:39px; height:30px; background:url(../img/main/arrow_l.png) no-repeat center center/cover;}
.theater_slide_wrap .nextArrow:after {display:block; content:""; width:39px; height:30px; background:url(../img/main/arrow_r.png) no-repeat center center/cover;}
.theater_slide_wrap .prevArrow {left:1em}
.theater_slide_wrap .nextArrow {right:1em}


.theater_slide .box {padding:10px;}
.theater_slide .box_in {display:flex; min-height:1060px; justify-content:center; align-items:center; max-width:1400px; margin:0 auto; flex-direction:column; color:#fff;}
.theater_slide .main_tit {display:block; text-align:center}
.theater_slide .main_tit .dec {border-width:1px;  display:inline-flex; margin:0px 0px 1em 0px;}
.theater_slide .main_tit > h3 {color:#fff; font-weight:100;}
.theater_slide .main_tit .line {color:#fff; display:flex; align-items:center; padding:40px 0px; margin:0 auto; max-width:490px;}
.theater_slide .main_tit .line > span {flex:1; width:100%; height:12px; background:#fff}
.theater_slide .main_tit .line > strong {font-size:30px; font-weight:800; line-height:1.1em; min-width:2.5em}
.theater_slide .main_tit .line > strong.tr {opacity:60%}
.theater_slide .info {display:flex; flex-direction:column; justify-content:center; align-items:center; padding:10px; width:100%; max-width:475px; min-height:475px; border:1px solid rgba(255, 255, 255, 30%); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); background:rgba(0, 0, 0, 20%); box-shadow:1px 3px 3px rgba(0, 0, 0, 50%)}
.theater_slide .info dl {text-align:center; font-size:15px; line-height:1.4em; font-weight:300;}
.theater_slide .info dl dt {font-size:2.8em; line-height:1.3em; font-weight:800;}
.theater_slide .info .txt_a {font-size:1.6em; line-height:1.5em; font-weight:600; padding:1em 0px 0.5em 0px; }
.theater_slide .info .txt_b {font-weight:300; line-height:1.56em; }
.theater_slide .info .txt_c {padding-top:2em;}
.theater_slide .info .txt_c > ul > li {display:flex; align-items:center}
.theater_slide .info .txt_c > ul > li:not(:first-child) {margin-top:0.5em;}
.theater_slide .info .txt_c > ul > li .subj {min-width:7.5em;}
.theater_slide .info .txt_c > ul > li .subs {font-weight:100; flex:1; text-align:left;}
.theater_slide .info .main_more {padding-top:3em; width:100%;}
.theater_slide .info a.main_bt {height:50px;}
.theater_slide .info a.main_bt > span {height:50px; background:#cc6532; color:#fff;}









.section .slick-dots {display:flex; padding-top:40px; justify-content:center; align-items:center}
.section .slick-dots > li {padding:0px 3px; line-height:0px;}
.section .slick-dots > li button {width:10px; height:10px; border-radius:100%; background:#000; opacity:0.3; text-indent:-999999em;}
.section .slick-dots > li.slick-active button {opacity:1;}


/* footer */
#footerW {clear:both; background:#fff; border-top:1px solid #000; padding:45px 50px; box-sizing:border-box; margin:0 auto; margin-top:50px; position:relative;}

#footer { position:relative; max-width:1720px; margin:0 auto; display:flex; flex-wrap:wrap;}
#footer .f_logo {width:355px; }
#footer .go_top {position:absolute; right:0px; top:-45px; transform:translateY(-50%); z-index:99}
#footer .go_top > a {display:block; color:#333; text-align:center; background:#252b2b; padding:15px;}
#footer .addressW {flex:1;  padding:0px 280px 0px 0px; position:relative; font-size:14px; color:#060706; line-height:1.4em; font-weight:300; position:relative; }
#footer .addressW .support {display:flex; align-items:center; position:absolute; right:0px; top:0px;}
#footer .addressW .navi {display:flex; flex-wrap:wrap; margin:0px -1em; align-items:center;}
#footer .addressW .navi > li {padding:0px 1em;}
#footer .addressW .navi > li a {display:block; color:#060705; font-weight:300; line-height:1.3em; }


#footer .addressW a {color:#000}
#footer .addressW address {margin-left:-10px; padding-top:2em; line-height:150%;}
#footer .addressW address span {display:inline-block; vertical-align:middle; padding:2px 10px;}
#footer .addressW address span strong {padding-right:10px;}
#footer .addressW address .line {width:1px; width:1px; height:14px; background:#ccc; padding:0px;}
#footer .addressW .sns {display:flex; justify-content:flex-end; margin:0px -5px; height:30px; margin-top:-30px;}
#footer .addressW .sns > li {padding:0px 5px;}

#footerW .copy {font-size:12px; font-weight:100; margin-top:0.5em; position:relative;}


#footerW.z_over {z-index:101; position:relative;}
#footerW .familySite { z-index:109; position:relative;}
#footerW .familySite ul.show {display:block;}
#footerW .familySite ul {position:absolute; right:0px; bottom:100%; display:none; background:#363636; width:100%; border-top:1px solid #6c6f78;}
#footerW .familySite ul li {min-height:43px; border:1px solid #6c6f78; border-top:none; line-height:43px; font-size:13px; }
#footerW .familySite ul li:last-child {border-bottom:1px solid #6c6f78; }
#footerW .familySite ul li a {display:block; text-align:left; color:#fff; padding-left:17px; font-weight:300;}
#footerW .familySite ul li a:hover {color:#c0c2c5; background:#272727}
#footerW .familySite p.on {width:100%; text-align:left;  background:#fff; border:1px solid #cccccc; color:#666666; cursor:pointer; font-size:15px; display:flex; align-items:center; height:60px; padding:2px 32px 2px 17px; box-sizing:border-box; font-weight:400;}
#footerW .familySite p.on:after {display:block; content:""; border-bottom:6px solid #333; border-left:5px solid transparent; border-right:5px solid transparent; position:absolute; right:20px; top:50%; transform:translateY(-50%)}



#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:1400px; margin:0 auto; box-sizing:border-box; overflow:hidden; position:relative;  border-bottom:1px solid #000;}
.sub_visual .pa_img {position:absolute; right:0px; bottom:0px; max-width:50vw}
/*
.sub_visual:before {display:block; content:""; width:246px; height:296px; background:url(../img/common/sub_visual_bg01.png) no-repeat left top; position:absolute; left:50%; bottom:0px; margin-left:-960px;}
.sub_visual:after {display:block; content:""; width:432px; height:254px; background:url(../img/common/sub_visual_bg02.png) no-repeat left top; position:absolute; left:50%; bottom:0px; margin-left:460px;}
*/
.sub_visual .sub_txt {text-align:center; display:flex; flex-direction:column; justify-content:center; height:235px; position:relative; z-index:97;  padding:0px 0px; word-break:keep-all;}
.sub_visual .sub_txt h2 {padding-bottom:10px; font-size:52px; line-height:1.4em; font-weight:700; color:#000; text-align:left}



.sub_wrap_1 .sub_visual {background:url(../img/introduce/sub_visual.png) no-repeat right bottom;}
.sub_wrap_2 .sub_visual {background:url(../img/business/sub_visual.png) no-repeat right bottom;}
.sub_wrap_3 .sub_visual {background:url(../img/show/sub_visual.png) no-repeat right bottom;}
.sub_wrap_4 .sub_visual {background:url(../img/program/sub_visual.png) no-repeat right bottom;}
.sub_wrap_5 .sub_visual {background:url(../img/rent/sub_visual.png) no-repeat right bottom;}
.sub_wrap_6 .sub_visual {background:url(../img/archive/sub_visual.png) no-repeat right bottom;}
.sub_wrap_7 .sub_visual {background:url(../img/community/sub_visual.png) no-repeat right bottom;}




.sub_wrap {opacity:0; padding-top:120px}
.sub_wrap #header {background:#fff; }







#sub_tit {font-weight:700; line-height:1.2em;}
#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; max-width:1400px; padding:0px 0px; margin:0 auto; width:100%; transform:translateY(-100%); position:relative;}

#lnb_wrap .lnbs1 {display:none;}

#lnb_wrap .lnb {display:flex; margin:0 auto; box-sizing:border-box; position:relative; z-index:9; left:50%; transform:translateX(-50%); transition:all 0.3s;  /*box-shadow:0 6px 10px rgb(0 0 0 / 9%);*/}

#lnb_wrap .lnb .lnbs { width:50%; max-width:240px; box-sizing:border-box; position:relative;}
#lnb_wrap .lnb .lnbs:before {display:block; content:""; width:1px; height:90%; background:#000; position:absolute; right:0px; top:50%; transform:translateY(-50%) }
#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:0px; top:calc(100% + 0px); top:-webkit-calc(100% + 0px); width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2;  border-top:1px solid #e2e2e2; display:none; background:#fff;}
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

#lnb_wrap .ico_home {display:none;}
#lnb_wrap .ico_home a {display:block; width:60px; height:100%; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.png) no-repeat center center;}
.lnb ul li {color:#666666; display:block; padding:0px; margin-top:0px;}
.lnb .three_depth {padding:10px;}
.lnb ul li a {color:#666; font-size:15px; display:block; line-height:130%; min-height:30px; height:auto; padding:15px 0px 15px 20px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align:left; border-top:none; font-weight:500;}
.lnb ul li a:hover {color:#000;}
.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 {display:none;}
#lnb_wrap .lnbs3 {width:100%; margin:0 auto;}
#lnb_wrap .lnbs3 > ul {display:flex; flex-wrap:wrap;}
#lnb_wrap .lnbs3 > ul > li {position:relative; display:flex; justify-content:center; align-items:center;}
#lnb_wrap .lnbs3 > ul > li:not(:first-child) {padding-left:15px; margin-left:15px;}
#lnb_wrap .lnbs3 > ul > li:not(:first-child):before {display:block; content:""; width:1px; height:16px; background:#000; position:absolute; left:0px; top:0.2em; opacity:0.5;}
#lnb_wrap .lnbs3 > ul > li > a {display:flex; justify-content:center; height:50px; box-sizing:border-box; font-weight:100; width:100%; font-size:20px; border:none; position:relative; color:#000; padding:0px;}
#lnb_wrap .lnbs3 > ul > li.on > a {position:relative; font-weight:700;}
#lnb_wrap .lnbs3 > ul > li.on > a:after {display:block; content:""; width:100%; height:6px; background:#000; position:absolute; left:0px; bottom:0px;}


/*
#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:16px; display:block; box-sizing:border-box; padding-left:20px; color:#fff; line-height:60px; height:60px; cursor:pointer; padding-right:20px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#000}
.lnb_tit:after {display:block; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:7px solid #000; 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;}






.title_bar {max-width:1440px; margin:0px auto 70px auto; padding-top:70px; position:relative;}
/*.title_bar:after {display:block; content:""; width:331px; height:167px; background:url(../img/introduce/01_img01.jpg) no-repeat 50% top/cover; position:absolute; right:50%; top:30px; margin-right:370px;}*/
.title_bar h2 {font-size:50px; text-align:center; font-weight:800; color:#000; line-height:1.3em; transition:all 0.2s 0s ease-in-out;}
/*.title_bar h2:after {display:block; content:""; width:1px; height:33px; margin:0 auto; margin-top:20px; background:#333}*/

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


.location {position:relative; text-align:center; margin:0 auto; line-height:40px; height:40px; font-size:16px;}
.location span {display:inline-block; zoom:1; *display:inline; margin-left:14px; color:#fff; font-weight:400;}
.location > span:after {display:block; content:""; width:6px; height:6px; border-top:2px solid #fff; border-right:2px solid #fff; display:inline-block; transform:rotate(45deg); margin-left:14px; margin-top:-4px;}
.location > span:last-child:after {display:none;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 {font-weight:600; color:#fff}
.location #location_3 {font-weight:600;}
.location img {vertical-align:middle; margin-top:-4px;}
.sub_con { max-width:1400px; margin:0 auto; font-size:18px; 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:2.3em; color:#000000; line-height:110%; padding:0px 0px 20px 0px;  position:relative; margin-top:60px; font-weight:800; display:flex; align-items:center;}
.s_tit > span {display:inline-block; position:relative; z-index:1}
.s_tit img {vertical-align:middle;}
/*
.s_tit:before {display:block; content:""; z-index:0; width:26px; height:26px; border-radius:100%; background:linear-gradient( 120deg, #00aa53, #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:1.55em; position:relative; color:#000; line-height:140%; padding:0px 0px 0px 0px; margin-bottom:20px; margin-top:45px; font-weight:700; display:flex; align-items:center;}
/*.ss_tit:before {display:block; content:""; min-width:23px; width:23px; height:23px; background:url(../img/common/tit_bul.png) no-repeat left center/cover; align-self:flex-start; margin-top:0.2em; margin-right:10px;}*/
.ss_tit > span{font-weight:300;}
.s_titW {max-width:1440px; margin:0 auto; padding:50px 0px 5px 0px;}

.sss_tit {font-size:20px; color:#000; padding:0px 0px 0px 20px; margin:40px 0px 15px 0px; line-height:140%; position:relative;}
.sss_tit:before {display:block; content:""; width:10px; height:10px; background:#2b6b73 ; border-radius:100%; position:absolute; left:0px; top:8px;}
.sss_tit.tc:before {display:none;}
.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:56%; 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:calc(315 / 560 * 100%); 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; margin:-5px -10px;}
.radio_group > li {padding:5px 10px;}
.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;}


.input_etc {position:relative; padding-left:62px; box-sizing:border-box;}
.input_etc .pa {position:absolute; left:0px; top:0px; font-size:14px; line-height:40px;}

.btn-tc {text-align:center; padding:30px 0px; border-top:1px solid #333333; 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 {display:flex; flex-wrap:wrap; justify-content:center; margin:0 auto; margin-bottom:50px; padding-top:10px; position:relative;}
.atab:after {display:block; content:""; width:200%; height:1px; background:#0a79d5; position:absolute; left:50%; bottom:0px; transform:translateX(-50%)}
.atab li {flex:1;}
.atab li a {display:flex; height:80px; justify-content:center; align-items:center; background:#eff1f6; box-sizing:border-box; text-align:center; font-weight:700; font-size:18px; line-height:1.2em; box-sizing:border-box; color:#999999; padding:0px 10px; padding-top:3px; border-radius:10px 10px 0px 0px; border:1px solid #ccc; border-bottom-color:#0a79d5}
.atab li.on {position:relative; z-index:2;}
.atab li.on a {background:#fff; color:#0a79d5; border-color:#0a79d5; border-bottom-color:#fff}


.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%;}
.atab.two_row > li {margin:-1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height:50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}



.btab {display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:40px; }
.btab li {padding:2px 2px; }
.btab li a {font-size:15px; height:2.7em; display:flex; align-items:center; justify-content:center; min-width:115px; padding:0px 0.5em; padding-top:0.3em; text-align:center; color:#000000; box-sizing:border-box; border:1px solid #000;}
.btab li.on a {color:#fff; background:#cc6532; }

.btab.two li {width:50%;}
.btab.line li {padding:2px;}
.btab.line li a {border:1px solid #ccc; padding:0px 5px; font-size:15px;}
.btab.line li.on a {border:1px solid #ed2129;}

.ctab {display:flex; overflow-x:auto; margin-bottom:50px; padding-bottom:10px; position:relative; margin:0px -1px;}
.ctab::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
.ctab::-webkit-scrollbar-thumb {background:#666;}
.ctab li {flex:1; padding:0px 1px; min-width:fit-content;}
.ctab li a {display:flex; height:2.66em; justify-content:center; align-items:center; background:#fff; box-sizing:border-box; text-align:center; font-weight:300; font-size:15px; line-height:1.2em; box-sizing:border-box; color:#000; padding:0px 1em; padding-top:0.2em; border:1px solid #000; background:#fff}
.ctab li.on {position:relative; z-index:2;}
.ctab li.on a { color:#fff; font-weight:500; background:#cc6532}




.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, 0%);  zoom:1;}

.layerPop_inner {width:100%; height:100%; padding:15px; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.pop_wrap {display:table-cell; vertical-align:middle; position:relative;}
.pop_wrap .pop_body {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 .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {width:100%; margin:0 auto; border:1px solid #ddd; box-shadow:6px 5px 5px rgba(0, 0, 0, 10%); border-radius:14px; overflow:hidden}
.pop_wrap .x_btn {position:absolute; right:10px; 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;}
.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 {min-height:60px; 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%; }

.vPop .pop_wrap .pop_wrap_in {position:relative; border-radius:0px;}
.vPop .pop_wrap .pop_body {padding:0px; border:2px solid #000;}
.vPop .pop_wrap .x_btn {background:#000; right:0px; top:0px; transform:none;}

/* 팝업 */

.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: 50%; transform: translateY(-50%); 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%; min-width:max-content; 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}

.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; font-size:16px; color:#666666;}
.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; align-self:flex-start; color:#fff; font-size:12px; font-weight:300; line-height:2em;}

.ico_note_box {padding-left:40px; background:url(../img/common/notice.png) no-repeat left 5px;}
.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; font-size:1.05em; 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}




.introduce {position:relative; display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between;}
.introduce > div {width:50%; }
.introduce .img {}
.introduce .info {padding-left:20px; max-width:644px; font-size:1.2em;}
.introduce .info > p {margin:1em 0px; line-height:1.6em;}
.introduce .info .big {font-size:1.2em; line-height:1.4em; font-weight:100; }
.introduce .info .big > strong {font-weight:700;font-size:1.55em; line-height:1.3em;}
.introduce .info .big .eng {display:block; font-weight:700; line-height:1.4em;}

.introduce_video {position:relative; margin:7em 0px; padding:3em 0px;}
.introduce_video:before {display:block; content:""; width:100vw; height:100%; background:#f3f4f8; position:absolute; left:50%; top:0px; transform:translateX(-50%)}
.introduce_video .youtube_wrap_max {max-width:1120px; margin:0 auto; border-radius:10px; overflow:hidden;}

.bi_color {display:flex; flex-wrap:wrap; margin:-15px;}
.bi_color > li {width:50%; padding:15px}
.bi_color > li > h5 {display:flex; flex-direction: column; min-height:5.5em; padding:1em; color:#fff; font-size:1.44em; line-height:1.3em; font-weight:700;}
.bi_color > li > h5 .small {width:100%; display:block; font-size:14px; font-weight:400; line-height:.1.4em; margin-top:auto;}
.bi_color .info {font-size:0.94em; line-height:1.4em; padding:1.5em}
.bi_color .info > li {display:flex; flex-wrap:wrap; margin-top:0.2em;}
.bi_color .info .subj {min-width:9em;}
.bi_color .info .subs {flex:1; display:flex; flex-wrap:wrap; margin:0px -0.7em}
.bi_color .info .subs > span {padding:0px 0.7em;}

.bi_list {padding-top:1.5em;display:flex; gap:15px; justify-content: space-between;}
.bi_list > li {max-width:33.3333%}
.grid_list {padding-bottom:1.5em;display:flex; gap:15px; justify-content: space-between;}
.bi_list > li {max-width:50%}

.bi_color2 {display:flex; flex-wrap:wrap; margin:-15px; padding-top:1em;}
.bi_color2 > li {width:25%; padding:15px}
.bi_color2 .box {height:100%; padding:2em; font-size:13px; line-height:1.4em; color:#fff;}
.bi_color2 .box  h5 {font-size:1.5em; line-height:1.3em; font-weight:600;}
.bi_color2 .info {font-weight:300; padding-top:1em;}
.bi_color2 .info > li {display:flex; flex-wrap:wrap; margin-top:0.3em;}
.bi_color2 .info .subj {min-width:8em;}
.bi_color2 .info .subs {flex:1; display:flex; flex-wrap:wrap; margin:0px -0.7em}
.bi_color2 .info .subs > span {padding:0px 0.7em;}
.bi_color2 .black .box {color:#000}
.bi_color2 .box h5 .small {font-weight:400; font-size:0.8em;}



.map_wrap {border-bottom:1px solid #ccc; height:550px; overflow:hidden; box-sizing:border-box; margin-top:20px;}
.map_wrap > div {height:100% !important; width:100% !important;}
.map_wrap > div .wrap_map {height:100% !important; width:100% !important;}

.map_p_wrap {display:flex;flex-wrap:wrap; margin:-5px -10px;}
.map_p_wrap > p {min-width:50%; padding:5px 10px;}
.map_p {display:flex; align-items:center; font-size:1.111em; color:#999999}
.map_p > strong {align-self:flex-start; display:flex; align-items:center;  color:#000; font-weight:400; min-width:fit-content; margin-right:15px;}
.map_p > strong img {margin:-0.3em 0.5em 0px 0px;}

.map_info {display:flex; flex-wrap:wrap; margin:0px -30px;}
.map_info .info {width:50%; padding:30px; display:flex; align-items:flex-start; font-size:0.95em}
.map_info .info .map_p {min-width:fit-content;}
.map_info .info > div {flex:1; color:#666666}
.map_info .bus_line li {margin-top:0.2em; display:flex; align-items:center;}
.map_info .bus_line li > span {display:flex; margin-right:0.5em; min-width:3.9em; height:1.8em; color:#fff; border:1px solid #000; background:#4a972e; font-size:13px; line-height:1.3em; justify-content:center; align-items:center; padding-top:0.2em;}




.show_search {display:flex; border:1px solid #000;}
.show_search > div {width:50%; min-height:100px;}
.show_search .left {min-width:600px; background:#cc6532; display:flex; flex-wrap:wrap; align-items:center; padding:10px 2em; justify-content:space-between}
.show_search .left .year {padding-top:0.2em; display:flex; justify-content:space-between; color:#fff; font-size:1.77em; line-height:1.3em; font-weight:700;}
.show_search .left .year > strong { min-width:4em; text-align:center}
.show_search .left .year img {webkit-filter:brightness(1) invert(1); filter:brightness(1) invert(1);}
.show_search .left .bt {display:flex; align-items:center;}
.show_search .left .bt > li {flex:1; padding:0px 2px;}
.show_search .left .bt > li > a {display:flex; width:5.8em; height:2.35em; border:1px solid #fff; border-radius:60px; color:#fff; justify-content:center; align-items:center; font-size:0.95em; line-height:1.3em; font-weight:600; padding-top:0.1em; transition:all 0.2s 0s ease-in-out;}
.show_search .left .bt > li > a:hover {background:#fff; color:#000; border-color:#000; }
.show_search .left .bt > li > a.on {background:#fff; color:#000; border-color:#000}

.show_search .left .month > li > a {width:3.3em; height:3.3em; font-size:15px; border-radius:100%; }
.show_search .left .year_wrap {flex:1;  text-align:center}
.show_search .left .year_wrap .year {display:inline-flex;}

.show_search .right {display:flex; align-items:center; padding:10px 2em}
.show_search .right .input {height:60px; border:none; flex:1; outline:none;}
.show_search .right a {min-width:40px; text-align:center; height:100%; display:flex; justify-content:center; align-items:center;}

.sub_wrap .products_wrap .products {margin:2em 0px 0px 0px }

.calendar .show > li:not(:first-child){margin-top:1em}
.calendar .show .type {display:inline-flex; min-width:5em; height:1.6em; border:1px solid #000; background:#cc6532; color:#fff; font-weight:400; justify-content:center; align-items:center; padding:0px 0.5em; padding-top:0.2em; font-size:0.8em; margin-bottom:0.5em;}
.calendar .show .type2 {border-color:#000000; background:#fff; color:#000;}

.calendar .show_more {margin-top:1em; border-bottom:1px solid #999999}
.calendar .show_more > a {display:flex; justify-content:center; align-items:center; border:1px solid #000; color:#000; height:2em; padding-top:0.2em; border:1px solid #000;}


.products .list {display:flex; flex-wrap:wrap; margin:-2% -3%}
.products .list > li {width:33.3333%; padding:2% 3%; }

.show_tit {padding-bottom:2.5em}
.show_tit > h3 {font-size:2.8em; line-height:1.4em; font-weight:500; color:#000;}
.show_tit .type {display:inline-flex; min-width:6em; height:1.9em; border:1px solid #fff; font-weight:500; justify-content:center; align-items:center; padding:0px 0.5em; padding-top:0.2em; margin-bottom:0.7em; font-size:0.95em;}
.show_tit .type {display:inline-flex; min-width:6em; height:1.9em; border:1px solid #fff; font-weight:500; justify-content:center; align-items:center; padding-top:0.2em; margin-bottom:0.7em; font-size:0.95em; }
.show_tit .type.type1 {border-color:#cc6532; background:#cc6532; color:#fff; border:1px solid #000;}
.show_tit .type.type2 {border-color:#000000; background:#fff; color:#000;}
.show_tit .type.type3 {border-color:#cc6532; background:#000; color:#fff;}
.show_tit .type.type4 {border-color:#000; background:#000; color:#fff;}
.show_tit .state {display:inline-flex; border-radius:60px; border:1px solid #000; min-width:6em; height:1.9em; font-weight:600; justify-content:center; align-items:center; padding-top:0.2em; margin-bottom:0.7em; font-size:0.95em; color:#000;}
.show_tit .txt_b {margin:1em 0px 2em 0px; color:#666666;}
.show_tit .dates {margin:0px -1em;}
.show_tit .dates > span {padding:0px 1em; color:#000; position:relative;}
.show_tit .dates > span:not(:first-child):before {display:block; content:""; width:1px; height:1em; background:#000; position:absolute; left:0px; top:50%; transform:translateY(-55%)}



.show_info {display:flex; justify-content:space-between;; margin-bottom:4em;}
.show_info > div {width:50%;}
.show_info .left {max-width:470px; padding-right:20px;}
.show_info .left .bg {padding:7.5%; padding-top:0px; position:relative; overflow:hidden}
.show_info .left .bg:after {display:block; content:""; width:calc(100% - 4px); height:100%; background:#000; position:absolute; left:2px; top:1px; z-index:-1; transition:all 0.3s 0s ease-in-out;}
.show_info .left .bg:before {display:block; content:""; width:140%; height:60%; background:#fff; position:absolute; left:-33%; top:-20%; transform:rotate(-27deg);}
.show_info .left .bg .img {display:block; overflow:hidden; position:relative; padding-bottom:calc(473 / 335 * 100%);}
.show_info .left .bg .img > img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); transition:all 0.3s 0s ease-in-out;}
.show_info .right {border-top:1px solid #000; border-bottom:1px solid #000;}
.show_info .info {padding:2em 0px;}
.show_info .info > li {display:flex; align-items:center; font-size:1.16em; line-height:1.4em; padding:0.5em 0px;}
.show_info .info > li.one {display:block; padding-top:2em}
.show_info .info .subj {min-width:8em; font-weight:100; align-self:flex-start}
.show_info .info .subs {flex:1; font-weight:600;}
.show_info .info .btn {margin-top:1em}
.show_info .info .btn .subs {display:flex; justify-content:space-between;}
.show_info .info .bt {width:100%;}
.show_info .info .sharing {padding-left:20px; transform:translateY(-10px); display:inline-block;}
.show_info .info .sharing > a {display:flex; width:50px; height:50px; justify-content:center; align-items:center; border:1px solid #000; background:#fff;}
.show_info .info.two {display:flex; flex-wrap:wrap}
.show_info .info.two > li {width:50%;}



.show_info.reverse .right {order:1}
.show_info.reverse .left {order:2; padding-right:0px; padding-left:20px;}

.show_info .note_box:nth-child(1) {padding-right:20px;}
.show_info .note_box:nth-child(2) {padding-left:20px;}
.show_info .note_box {font-size:16px; line-height:1.5em;}
.show_info .note_box > h4 {font-size:1.25em; line-height:1.4em; margin-bottom:0.5em; font-weight:700; color:#000;}

.select_st1 {border:1px solid #000; position:relative; z-index:3; font-size:18px;}
.select_st1 .times {display:inline-flex; color:#fff; font-size:0.95em; font-weight:600; background:#cc6532; padding:0px 0.5em; height:1.8em; align-items:center; margin-right:1em; padding-top:0.2em;}
.select_st1 .selected {padding:1em; width:100%; display:flex; align-items:center; min-height:2em; line-height:1.4em; position:relative; font-family:'GmarketSans';}
.select_st1 .selected:after {content:''; width:6px; height:6px; border-bottom:2px solid #000; border-right:2px solid #000; display:inline-block; transform:rotate(45deg); position:absolute; right:0.5em; top:50%; margin-top:-6px;}
.select_st1 .option {display:none; position:absolute; left:0px; margin-top:1px; top:100%; width:100%; background:#fff; border:1px solid #ccc;}
.select_st1 .option > li:not(:first-child) {border-top:1px solid #ccc;}
.select_st1 .option > li > a {display:flex; align-items:center; min-height:2em; padding:1em; font-size:1em;}
.select_st1 .option > li > a:hover {background:#eee;}

.rent_img {display:flex; flex-wrap:wrap; margin:-19px;}
.rent_img .box {width:50%; padding:19px; position: relative;}
.rent_img .box .name {position: absolute; left:30px; bottom: 30px; width: 8.8em; height: 2.35em; border:1px solid #000; background: #fff; display: flex; justify-content: center; align-items: center; font-size: 0.95em; padding-top: 0.2em;}
.rent_img .txt_a {padding:20px; font-size:1.33333em; line-height:1.5em;}




.section_tit {padding:1em; color:#fff; background:#cc6532; text-align:center; font-size:1.333em; line-height:1.4em; border:2px solid #000;}

.program_list {margin-top:2em}
.program_list .list > li {padding:2em 0px; border-bottom:1px solid #ccc;}

.program_list .box {display:flex; flex-wrap:wrap; align-items:center;}
.program_list .box .photo {width:35%; max-width:250px; position:relative;}
.program_list .box .photo .state {position:absolute; left:0px; top:0px; display:inline-flex; min-width:5.1em; height:2.2em; border:1px solid #000; font-weight:400; justify-content:center; align-items:center; padding-top:0.2em; z-index:2; font-size:13px; }
.program_list .box .photo .state.state1 {background:#cc6532; color:#fff;}
.program_list .box .photo .state.state2 {background:#fff; color:#000;}
.program_list .box .photo .state.state3 {border-color:#fff; background:#231815; color:#fff;}

.program_list .box .img {overflow:hidden; display:block; position:relative; padding-bottom:calc(350 / 248 * 100%);}
.program_list .box .img img {position:absolute; left:0px; top:0px; width:100%; height:100%;}
.program_list .box .info {flex:1; padding-left:6%; font-size:0.95em;}
.program_list .box .info .cate {display:inline-flex; min-width:8em; height:1.9em; font-weight:400; justify-content:center; align-items:center; font-size:0.88em; color:#fff; background:#cc6532; padding:0px 0.8em; padding-top:0.2em;  line-height:1.4em; margin-bottom:1em; border:1px solid #000;}
.program_list .box .info .cate2 {background:#000}
.program_list .box .info .txt_a {color:#000; font-size:1.53em; font-weight:700; line-height:1.4em; margin-bottom:0.3em; }
.program_list .box .info .name {color:#000;}
.program_list .box .info .txt_b {margin:3em 0px 10px 0px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4em; height:2.8em; color:#666666;}
.program_list .box .info .dates {display:flex; margin:0px -1em;}
.program_list .box .info .dates > span {padding:0px 1em; color:#000; position:relative;}
.program_list .box .info .dates > span:not(:first-child):before {display:block; content:""; width:1px; height:1em; background:#000; position:absolute; left:0px; top:50%; transform:translateY(-55%)}
.program_list .box.off .img:before {display:block; content:""; width:100%; height:100%; background:#000; opacity:0.7; position:absolute; left:0px; top:0px; z-index:1}


.office_info {background:#f3f4f8; padding:3% 2%; border-radius:6px; }
.office_info > ul {display:flex; flex-wrap:wrap; margin:-10px;}
.office_info > ul > li {flex:1; padding:10px; position:relative;}
.office_info > ul > li:not(:first-child):before {display:block; content:""; width:1px; height:80%; background:#ccc; position:absolute; left:0px; top:50%; transform:translateY(-50%);}
.office_info dl {text-align:center;}
.office_info dl dt {font-size:1.16em; line-height:1.3em; color:#000;}
.office_info dl dt img {margin-bottom:0.5em;}
.office_info dl dd {font-size:0.95em; padding-top:0.5em;}


.space_intro > li {display:flex; align-items:center; justify-content:space-between;}
.space_intro > li:not(:first-child) {margin-top:5em}
.space_intro > li > div {width:50%;}
.space_intro > li:nth-child(even) .img {order:2}
.space_intro > li:nth-child(even) .info {order:1; padding-right:3em; padding-left:0px;}

.space_intro .img {max-width:681px; align-self: flex-start; position:relative;}
.space_intro .info {padding-left:3em;}
.space_intro .info > h3 {font-size:2em; line-height:1.3em; font-weight:700;}
.space_intro .info > h3 .small {font-size:0.7em;}
.space_intro .info > h3 .eng, .space_intro .info h4 .eng {font-size:0.6em; line-height:1.3em; display:block; font-weight:100;}
.space_intro .info h4 {font-size:1.11em; line-height:1.4em; font-weight:700;}

.space_intro .info .txt_a {font-size:1.1em; line-height:1.4em; font-weight:300; margin-top:1em}
.space_intro .info .txt_b {padding:1.3em 0px 0px 0px;; font-size:1.33em; line-height:1.4em; }
.space_intro .info .bul01 {padding-top:2em; font-size:0.95em}
.space_intro .info .bul01 > li {padding-left:1em; display:flex;}
.space_intro .info .bul01 > li:not(:first-child) {margin-top:0.5em}
.space_intro .info .bul01 > li .subj {min-width:5em; font-weight:600;}
.space_intro .info .bul01 > li .subs {flex:1}
.space_intro .info .bul01 > li:after {width:5px; height:5px; background:#333; top:0.4em;}
.space_intro .slick-arrow {z-index:9; position:absolute; left:0px; top:50%; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; width:68px; height:68px; background:rgba(0, 0, 0, 40%); text-indent:-999999em;}
.space_intro .slick-arrow:after {content:''; width:16px; height:16px; border-top:5px solid #fff; border-right:5px solid #fff; display:inline-block; transform:rotate(-135deg); }
.space_intro .slick-next {right:0px; left:auto;}
.space_intro .slick-next:after {transform:rotate(40deg); }


.space_intro .info .state01 {display:inline-flex; border-radius:60px; background:#cc6532; padding: 0px 1em; height:2em; font-weight:600; justify-content:center; align-items:center; font-size: 15px; padding-top: 0.2em; color:#fff; vertical-align: middle;}
.space_intro .info .state02 {background:#000; }
.space_intro .info .state03 {background:#005e85;}
.space_intro .info .state04 {background:#3a0092;}
.space_intro .info .state05 {background:#b6bc22;}



.theater_info {display:flex; justify-content:space-between;}
.theater_info + .theater_info {margin-top:40px; padding-top:50px; border-top:1px solid #000 }
.theater_info > div {width:50%;}
.theater_info .info {padding-right:3em; padding-left:0px;}
.theater_info .img {max-width:700px;}
.theater_info .info .bul01 > li:not(:first-child) {margin-top:0.5em;}
.theater_info .info .bul01 > li .subj {min-width:3em;}
.theater_info .info .room:not(:first-child) {margin-top:3.5em}
.theater_info .room .icons {display:flex; flex-wrap:wrap; margin:-4px;margin-top:1.3em;}
.theater_info .room .icons > li {width:20%; padding:4px;}
.theater_info .room .icons .box {height:120px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; border:1px solid #000;}
.theater_info .room .icons .box > p {line-height: 1.3em; font-size:0.95em; padding-top:0.7em;}
.theater_info .img .list > li:not(:first-child) {margin-top:20px;}
.theater_info .room_wrap {display: flex; width: 100%; margin: -30px -10px; flex-wrap: wrap;}
.theater_info .room_wrap > li {width: 50%; padding: 30px 10px;}

.main_more_group {display:flex; flex-wrap:wrap; gap:10px 30px; padding-top:60px; margin-top:50px; border-top:1px solid #000; }
.main_more_group > li {flex:1;}
.main_more_group a.main_bt > span {justify-content: space-between; padding:0px 1em}
.main_more_group a.main_bt img {margin-right: 0px; margin-left: 1em;}

.logos_table {margin-top: 3em; display:flex; flex-wrap:wrap;}
.logos_table > li {width:25%; border:1px solid #000; border-left:none; margin-top:-1px;}
.logos_table > li:nth-child(4n+1) {border-left:1px solid #000;}
.logos_table .box {display:flex; flex-direction: column; justify-content: center; align-items: center;padding:1em;}
.logos_table .box .txt {margin-top:1em;}


.outdoor_space_info {display: flex; gap:38px}
.outdoor_space_info > .box {flex: 1; border-bottom:1px solid #cccccc}
.outdoor_space_info .info {font-size: 0.95em; line-height: 1.4em; min-height:10em; padding:1em 0px; display: flex; align-items: center; justify-content: center;}
.outdoor_space_info .info .strong_bg {background: #000; color: #fff; display: inline-block; padding:0.2em 0.2em 0px 0.2em}
.outdoor_space_info .info .abc {padding-top: 0.5em}
.outdoor_space_info .info .abc > li {display: flex; align-items: center; margin-top: 5px;}
.outdoor_space_info .info .abc > li .subj {display: flex; min-width:2.1em; width: 2.1em; height: 2.1em; justify-content: center; align-items: center; font-weight: 700; color: #cc6532; border:1px solid #cc6532; border-radius:100%; margin-right:0.5em; align-self: flex-start; padding-top: 0.2em}


.rent_step {display: flex; gap:10px; margin:1.5em 0px 5px 0px;}
.rent_step > li {flex: 1; width: 33.333%; padding:1em; background: #f3f4f8; position: relative;}
.rent_step > li:first-child .arrow {display:none;}
.rent_step > li .arrow {display:flex; justify-content: center; align-items: center; width:36px; height: 36px; border:1px solid #cc6532; border-radius:100%; background: #fff; position: absolute; left:0%; top:55%; transform: translateX(-64%); box-sizing: border-box;}
.rent_step > li .arrow:after {content: ''; width: 6px; height: 6px; border-top: 3px solid #cc6532; border-right: 3px solid #cc6532; border-radius: 3px; display: inline-block;transform: rotate(45deg);}


.rent_step > li > dl {flex: 1; background: #f3f4f8; position: relative; text-align: center}
.rent_step > li > dl > dt {border:1px solid #000; background: #fff; display: flex; justify-content: center; align-items: center; font-size: 1.1666em; padding-top: 0.2em; min-height: 2.85em}
.rent_step > li > dl > dd {padding:1.5em 0px 1em 0px; font-size: 0.95em;}
.rent_step > li > dl > dd > p+p {padding-top: 0.5em}





/* ------------------------------------------------------------
 * 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;}


/* 1024 이상 */
@media screen and (min-width:1024px) {
    

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




/* 1440px 이하 */
@media screen and (max-width:1399px) {
	

    .w_gnb {display:none;}


	.top_search {right:140px;}

	
	#header {padding:0px 10px; padding-top:40px; }
	.section {padding:70px 10px; font-size:17px;}
	
	.visual_frame {background-size: auto; transform: scale(1) !important;}
	.visual_frame > ul {flex-wrap:wrap;}
	.visual_frame > ul > li:nth-child(1) {max-width:23vw}
	.visual_frame > ul > li:nth-child(2) {max-width:42vw}
	.visual_frame > ul > li:nth-child(3) {max-width:25vw}
	.visual_frame > ul > li:nth-child(4) {max-width:30vw}
	.visual_frame > ul > li:nth-child(5) {max-width:27vw}
	.visual_frame > ul > li:nth-child(6) {max-width:23vw}
	
	.visual_frame .v_box .bg {mask-size:cover !important; -webkit-mask-size:cover !important}

	.visual_frame img {max-width:100%}


	
	#footerW {padding-left:10px; padding-right:10px;}
	#inner_wrap {padding-left:10px; padding-right:10px;}
	#lnb_wrap .lnb {padding-left:10px; padding-right:10px;}
	.lnbs3 {padding-left:10px; padding-right:10px;}

	.bi_color2 > li {width:50%}

	
}
/* 980px 이하 */
@media screen and (max-width:979px) {
/*
	.sub_wrap #header.down {top:-80px}
	#wrap {padding-top:80px;}
	.sub_wrap {padding-top:80px;}
	
*/
	
	
	
    .in_header {height:60px;}
	.main_visual {padding-top:100px !important}
	.visual_txt {flex-wrap:wrap; justify-content:center; padding:10px;}
	.visual_txt > div {width:100%; padding:0px;}
	

	.products_wrap .slick-arrow {top:0px; transform:translateY(-100%)}
	.products_wrap .products .box {font-size:1.5vw}
	.main_board_wrap .first_new .day {font-size:1.1em;}
	
	.main_board_wrap .first_new .day .new {width:26px; height:26px;}
	
	.sub_wrap {padding-top:100px;}
    #sub_tit {font-size:58px;}
    .sub_visual .sub_txt > h2 {padding-bottom:0px}
    
	
    .title_bar:before {display:none;}
	

	

	#lnb_wrap {transform:none; border-bottom:1px solid #000; margin-bottom:30px;}
	
	#lnb_wrap .lnbs1 {display:block;}
	#lnb_wrap .lnb .lnbs2 {display:block;}
	#lnb_wrap .lnbs3 {display:none;}
	#lnb_wrap .ico_home {display:block;}
	#lnb_wrap .lnb:before {border-radius:0px;}
	#lnb_wrap .lnb {padding:0px;}

	.lnb_tit {font-size:15px; line-height:50px; height:50px;}

    .lnb ul li a {font-size:14px;}
	.lnb_tit, a.lnb_tit {font-size:16px; padding-left:20px; line-height:60px; height:60px;}
/*
	.lnb_tit:after {display:block; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:7px 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}
*/
	
	#footer {display:block;}
	#footer .f_logo {width:100%; text-align:center}
	#footer .f_logo img {max-width:47vw;}
	#footer .go_top {transform:translateY(-100%)}
	
	#footer .addressW .navi {justify-content:center}
	
	#footer_navi {flex-wrap:wrap; justify-content:center;}
	#footer_navi .btn {width:100%; max-width:600px; margin:0 auto; margin-top:20px;}
	#footer_navi .sel_box {justify-content:center; max-width:100%; width:100%; padding:20px 0px;}
    #footer_navi > ul {justify-content:center; text-align:center; width:100%;}
    #footer .addressW {padding:20px 0px 0px 0px; min-height:inherit; background-position:center 20px; font-size:15px; text-align:center;}
	#footer .addressW address {padding-top:20px;}
	#footerW .copy > p {text-align:center;}
	#footerW .copy {text-align:center;}
	#footer .addressW .f_link {display:none;}
	
	#footer .addressW .support {position:relative; right:auto; top:auto; justify-content:center; padding-bottom:10px;}
	
	.sub_con {font-size:16px;}
	
	.sub_section {padding-top:80px;} 
	
	.show_search {flex-wrap:wrap;}
	.show_search .left {min-width:inherit}
	.show_search > div {width:100% !important; min-height:80px;}
	
	.show_info {flex-wrap:wrap}
	.show_info > div {width:100%}
	.show_info .left {padding:0px 0px 2em 0px; order:1 !important; margin:0 auto;}
	.show_info .right {order:2 !important}
	
	.show_info .note_box:nth-child(1) {padding-right:0px;}
	.show_info .note_box:nth-child(2) {padding:2em 0px 0px 0px;}
	
	.show_search .left .year_wrap {flex:initial; width:100%}
	.show_search .left .month {width:100%; flex-wrap:wrap; padding-top:10px;}
	.show_search .left .month > li {flex:1}
	.show_search .left .month > li > a {width:100%; border-radius:30px; height:3EM;}
	
	.select_st1 {font-size:16px;}
	
	.introduce > div {width:100%}
	.introduce .img {text-align:center}
	.introduce .info {max-width:inherit; padding:1em 0px 0px 0px;}
	
	.bi_color > li {width:100%}
	
	
}

/* 768 이하 */
@media screen and (max-width:767px) {
/*
	.sub_wrap #header.down {top:-70px}
	#wrap {padding-top:70px}
	.sub_wrap {padding-top:70px}
*/
	
	#header h1 img {height:30px;}
	
	.search_area .check {min-width:130px;}
	.search_area {padding-left:30px;}
	.search_area {height:65px;}
	.search_area .btn {font-size:1.2em;}
	.searchPop {font-size:16px;}
	
	.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:rgba(0, 0, 0, 50%); zoom:1; margin:0px !important}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; }
	.main_layer_pop .pop_wrap_in {float:none !important;}
	.main_layer_pop_inner {min-width:auto;}
	
	
	.over_view {width:120px; height:120px;}

	
	.top_search {right:100px;}
	.top_search:before {left:-20px;}
	
	.m_tit {font-size:26px;}

	.visual_txt {font-size:2.5vw}
	.main_visual .scroll_down img {max-width:10vw}
	
	.products_wrap .slick-slide > div {margin:0px 10px;}
	.products_wrap .products .box {font-size:2vw}
	
	.main_board_wrap {flex-wrap:wrap}
	.main_board_wrap .box {width:100%;}
	.main_board_wrap .box:not(:first-child) {border-left:none; border-top:1px solid #e5e5e5}
	
	.section {font-size:16px}
	
	.main_tit h3 {font-size:40px;}
	.main_tit .dec {font-size:14px;}
	
	.theater_slide_wrap .arrow {width:60px; height:60px;}
	
	#footerW {padding:30px 10px;}
	#footer_navi .navi > li a {font-size:14px;}
	#footer_navi .sel_box > li select {height:40px; font-size:14px;}
  	#footer .addressW {background-position:center 20px; font-size:13px; background-size:auto 40px;}

	#footerW .copy {font-size:13px; padding:10px 0px;}

	#footer_navi .gnb {display:none;}
	
	
    .down .sub_visual .sub_txt > div {top:71px; height:170px;} 
	.sub_con {font-size:15px;}
	#sub_tit {font-size:48px;}
	.sub_visual {background-size:54% auto !important }
	.sub_visual .sub_txt {height:28vw; font-size:18px; word-break:keep-all}


    .title_bar {margin-bottom:35px; padding:55px 0px 20px 0px;}
	.title_bar h2 {font-size:36px;}

	.title_bar .s_txt {font-size:17px;}

	.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:2em; margin-top:50px;}


	.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 {min-width:900px;}

	
    /*atab*/
    .atab li a {height:55px; font-size:16px;}
    .atab li.on {margin-top:0px;}
    .atab li.on a {height:55px;}
    .atab li.on a:after {width:16px; height:16px; bottom:-18px;}

    .btn-tc > a {margin:0px;}
    .btab li a {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 > ul > li > a {font-size:16px;}

	.map_wrap {height:440px;}
	.map_info .info {width:100%}
	
	.products .list > li {width:50%}
	
	.show_search .left .month > li {flex:initial; width:16.66666%; padding-bottom:0.5em}
	
	.select_st1 {font-size:15px;}
	.show_info .note_box {font-size:15px;}
	
	.rent_img {margin:-10px;}
	.rent_img .box {padding:10px;}
	.rent_img .txt_a {padding:10px;}
	
	.show_info .info.two > li {width:100%}
	.show_info .info.two .subs {flex:1;}

	.space_intro > li {flex-wrap:wrap;}
	.space_intro .img {width:100%; max-width:100%; order:1 !important}
	.space_intro .img .slick-slide img {width:100%}
	.space_intro .info {width:100%; padding:1em 0px 0px 0px !important; order:2 !important}
	
	.theater_info {flex-wrap:wrap}
	
	.main_more_group {gap:0px; margin-left:-10px; margin-right: -10px;}
	.main_more_group > li {min-width: 50%; padding:10px;}
	
	.theater_info .room_wrap > li {width: 100%}
	.space_intro .info .state01 {font-size: 13px; }
	.bi_color2 > li {width:100%} 


	.logos_table > li {width:50%; }
	.logos_table > li:nth-child(2n+1) {border-left:1px solid #000;}
	
	.rent_img .box .name {left:15px; bottom:15px;}
	
	.outdoor_space_info {gap: 20px;}


}





/* 480px 이하 */
@media screen and (max-width:479px) {
	.searchPop {font-size:13px; padding:0px 10px;}
	.searchPop .inner {height:120px; padding-top:40px;}
	.search_area .btn {min-width:90px;}
	.search_area:before {width:calc(100% - 55px);}
	.search_area {height:48px;}
	.search_area .check {min-width:105px;}

/*
	.sub_wrap #header.down {top:-60px}
	#wrap {padding-top:60px;}
	.sub_wrap {padding-top:60px;}
*/
	#header {padding-top:30px;}
	#header h1 img {height:auto; max-width:55vw}
	#header:after {top:30px;}
	.top_search {right:40px;}
	.top_menu {height:30px; top:-30px;}
	.top_menu > li a {font-size:12px; line-height:1.4em;}
	.menu_btn:after {display:none;}
	.menu_btn a {width:46px;}
	
	.menu_btn a:before {display:none;}

	
    #wrap {transition:all 0.3s 0s ease-in-out;}
	.top_dday {font-size:20px; right:50px; padding-top:3px;}
    .in_header {height:60px;}
    .menu_btn {}

	
    .menu_btn .line-middle {top:8px;}
	.top_search {right:50px;}
	.top_search > button img {width:20px;}
	
	.searchPop .close {top:10px;}
	
	
	.menu_btn {right:-10px;}
	
	
	.menu_btn a img {width:20px;}
	.slide_menu_inner {padding-top:60px;}

	
    .slide_menu_wrap .gnb > ul > li > a {font-size:16px; padding-left:30px;}
	.slide_menu_wrap .gnb .sub_menu > li > a {padding-left:40px}
	
	.more > a > span {width:30px; height:30px;}
	.more > a > span:after {width:10px; margin-left:-5px;}
	.more > a > span:before {height:10px; margin-top:-5px;}
	.more > a {font-size:13px;}

	
    .m_tit {font-size:22px;}
    .m_tit img {height:20px;}
    .m_tit_txt {font-size:15px;}
	.main_tit  {padding-top:0px; padding-bottom:25px;}
	.main_tit h3 {font-size:28px;}
	a.main_bt {height:50px;}
	a.main_bt > span {height:50px;}
	a.main_bt {font-size:14px;}

	.main_visual {padding-top:90px !important}
	.main_visual {min-height:inherit}
	.visual_frame {min-height:inherit; background-size:cover}
	.visual_frame > ul {margin-left:-8%}
	
	
	.section .slick-dots {padding-top:20px;}
	.main_more {padding-top:30px;}
	
	
	.ico_note {font-size:12px;}
	.section {font-size:13px; padding:40px 10px;}

	.products_wrap .products .box {font-size:2.5vw}
	.products_wrap .slick-arrow.slick-prev {right:50px;}
	.products_wrap .slick-arrow {width:28px; height:19px;}
	.products_wrap .slick-slide > div {margin:0px 5px;}
	
	.theater_slide .box_in {min-height:720px;}
	.theater_slide .info dl {font-size:13px;}
	.theater_slide .info {min-height:400px;}
	.theater_slide_wrap .arrow {width:40px; height:40px;}
	.theater_slide_wrap .arrow:after {width:29px !important; height:19px !important;}
	.theater_slide .main_tit .line > span {height:8px;}
	.theater_slide .main_tit .line {padding:20px 0px; max-width:90%}
	.theater_slide .main_tit .line > strong {font-size:24px;}
	
	
	
	#footer .addressW {font-size:12px;}
	#footer_navi .sns > a img {height:34px;}
	#footer_navi .navi > li {padding:0px 8px;}
	#footer_navi .navi > li:not(:first-child):after {height:10px; margin-top:-5px;}
  
	#footer .go_top > a {width:50px; height:50px;}
    #footer .addressW address {margin:0px;}

    #footer .addressW address span {padding:2px 5px; display:block}

	#footer_navi .navi > li a {font-size:12px;}
	
	#footerW .familySite ul li a {padding-left:10px;}
	#footerW .familySite ul li {min-height:38px;}
	#footerW .familySite ul li a {line-height:38px;}
	#footer .addressW .navi > li a {font-size:13px;}
	#footer .addressW .navi > li:not(:first-child):after {height:12px;}
	#footer .addressW .navi > li {padding:5px;}
	
	#footer_navi .btn .down {height:50px;}
	#footerW .familySite p.on {height:50px;}
	#footerW .copy {font-size:11px;}
	#footer .go_top {transform:translateY(-60%);}

    .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:15px;}
    
    .web_dis {display:none;}
	.mb_dis {display:block;}
    #add_date .bt .tooltip {height:36px; line-height:34px;}
	#lnb_wrap {top:0px;}
	#lnb_wrap .lnb .lnbs {max-width:none;}
	#lnb_wrap .lnb {padding:0px;}
	#lnb_wrap .ico_home {display:none;}
	.lnb_tit, a.lnb_tit {height:50px; line-height:50px; font-size:14px;}
	.lnb ul li a {font-size:13px;}
	.lnb_tit:after {right:15px;}
   
    #sub_tit {font-size:30px;}

	.sub_visual .sub_txt h2 {font-size:7vw; padding-bottom:0px;}
	.sub_visual .sub_txt {padding:0px 10px;}
	.sub_visual .sub_txt .txt_a {font-size:14px; line-height:1.3em;}
	.sub_visual .sub_txt > div > p {display:none;}

	
	.down .sub_visual .sub_txt > div {display:none;}
	
	.location {display:none;}
	
    .ico_box > li {width:50%;}
    .ico_box > li .ico img {max-width:70px;}
	
 
	.down_btn > a > span {font-size:18px}
	.down_btn > a {height:54px;}


    
	.btn-tc > a {margin:5px 0px;}
	.subject {padding-left:10px;}


    .block_m {display:block;}
    .block_m.fl {float:none;}
    .list_btn .block_m {margin:2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display:block;}

    .s_tit {padding:0px 0px 10px 0px; font-size:24px; 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;}
	
    .sub_con > .s_tit:first-child {margin-top:0px}
	.ss_tit {font-size:18px; margin-top:25px; margin-bottom:10px;}
    .ss_tit:before {width:18px; height:18px; min-width:18px;}
	.sss_tit {font-size:17px; margin-top:25px; padding-left:16px;}
    .sss_tit:before {width:8px; height:8px; top:9px;}
    .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; padding-top:0px;}
    #inner_wrap.no_visual {padding-top:30px;}

  	#lnb_wrap .lnbs3 > ul > li > a {font-size:14px; height:55px;}
    
    .sub_visual .sub_txt .cell .sub_tit_s {font-size:20px; padding-bottom:20px;}
    .sub_con {font-size:13px;}
    .layerPop {font-size:0.95em;}
    .title_bar {padding:30px 0px 0px 0px; margin-bottom:20px; background-size:auto 60px;}
	.title_bar h2 {font-size:2em;}
	.title_bar h2:after {height:20px; margin-top:10px;}
    .title_bar .s_txt {font-size:14px;}
    .title_bar .s_txt br {display:none;}
    .title_bar .s_txt2 {font-size:1.25em; padding-top:0px; margin-bottom:15px;}
    .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:45px !important;}
    
    
	
    .w_name {width:70px;}
    .w_date {width:80px;}
    .m_block {display:block !important; margin-bottom:3px !important; float:none !important;}
    .scrollbox {height:120px;}
    .atab {margin-bottom:20px;}
 
    .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;}
    .radio_group {margin-top:-5px;}
    

    .find_box {padding:0px 0px 10px 0px;}
    .find_cell .bt {overflow:hidden;}
    .find_cell .bt > a {width:50%; float:left;}
    .find_cell .bt > a > span {display:block; padding:0px; margin:0px 2px;}  
    .print_bt {display:none !important}
    .gray_box {padding:5px;}
  
	.atab li a {font-size:13px; height:45px;}
	.atab li.on a {height:45px;}
   
    .br_box {padding:10px;}
    .guide_tab > li > a {font-size:12px;}
	
    
    .tit_ico {height:19px; line-height:18px;}

    .board_w > ul {padding:10px 15px;}
    .btn-tc {padding:20px 0px; margin-top:20px;}
    
    .btab li a {font-size:14px; min-width:90px;}
  
    .b_check_box {padding:10px;}
    #inner_wrap .b_check_box .board-write th {font-size:1.05em !important;}
	
    
	
	
    .gray_wrap {padding-top:30px; padding-bottom:30px;}
    .gray_wrap2 {padding-top:30px; padding-bottom:30px;}

	
    .list_more > a > span {font-size:16px; padding:15px 20px 15px 0px;}
    


	.map_tit .ico {width:35px;}
	.map_tit .ico img {width:80%;}
	.map_in {padding-left:35px;}
	

	.ico_note:before {transform:scale(0.7); margin-right:0px;}
	.ico_note:after {transform:scale(0.7) translateY(-60%);}
	
	.noteBox {padding:15px;}
	.noteBox:before {}
	
	
	.lnbs3 {padding-bottom:30px;}
	.lnbs3 > ul {margin:0px -10px;}
	.lnbs3 > ul > li {padding:5px 10px;}
	
	.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}
	

	
	
	.pop_wrap .pop_body {font-size:13px;}
	
	.map_bottom .info > ul > li {width:100%;}
	.map_wrap {height:250px;}

	.map_p > strong img {width:1.2em;}
	.map_info .info {padding:20px 30px;}
	.map_info .info > ul {padding-left:24px;}
	.map_info .info .map_p {font-size:16px;}
	.map_info .info > div > dl dt {min-height:30px; max-width:195px;}
	.map_bottom .logo img {height:30px;}
	.map_bottom .info > ul > li .txt_t img {height:17px;}
	.map_bottom .info > ul > li .txt_t {min-width:80px;}
	
	.sub_section {padding-top:40px;}
	.sub_section.bg {padding:40px 0px; margin-top:40px;}
	
	
	.box_process {margin:-10px;}
	.box_process > li {width:100%; padding:10px;}
	.box_process > li .box {min-height:inherit}
	.box_process > li .box .num {width:38px; height:26px; font-size:14px;}
	.box_process > li .arrow  {transform:none !important; left:50% !important; top:0px !important; width:30px !important; height:30px !important; margin:-15px 0px 0px -15px !important;}
	.box_process > li .arrow:after {width:6px !important; height:6px !important; border-width:2px !important; transform:rotate(135deg) !important; border-radius:1px;}
	
	.show_search .left {justify-content:center;}
	.show_search .left .year {padding-bottom:10px;}
	.show_search .left .bt {width:100%;}
	.show_search .left .bt > li > a {}
	.show_search > div {min-height:inherit}
	.show_search .right .input {height:40px;}
	
	.products .list {margin:-2%}
	.products .list > li {padding:2%;}
	
	.show_tit > h3 {font-size:2em;}
	.show_info {margin-bottom:3em}
	.show_info .left {max-width:90vw}
	.show_info .info > li {font-size:1em; flex-wrap:wrap}
	.show_info .info .subj {min-width:7em}
	.show_info .info .subs {flex:initial; width:100%;}

	.program_list .box .photo {width:100%; max-width:60vw; margin:0 auto;}
	.program_list .box .info {flex:initial; width:100%; padding:1em 0px 0px 0px;}
	
	.program_list .box .info {font-size:1em}
	.program_list .box .info .txt_b {margin-top:1.5em}
	
	.select_st1 {font-size:13px;}
	.show_info .note_box {font-size:13px;}
	
	.table_style3 .bul_subj > li {flex-wrap:wrap;}
	.table_style3 .bul_subj > li .subs {width:100%}
	
	.office_info dl {text-align:left; display:flex; align-items:center;}
	.office_info dl dt {align-items:center; min-width:6em; display:flex; align-self:flex-start}
	.office_info dl dt br {display:none;}
	.office_info dl dt img {width:20px; margin:0px; margin-right:5px;}
	.office_info dl dd {padding:0px 0px 0px 10px;}
	.office_info > ul {margin:0px;}
	.office_info > ul > li {flex:initial; width:100%;}
	.office_info > ul > li:not(:first-child) {border-top:1px solid #ccc;}
	.office_info > ul > li:not(:first-child):before {display:none;}
	
	.introduce .info {font-size:1.2em}
	.introduce_video {margin:4em 0px;}
	.bi_color > li > h5 {min-height:4.5em}

	.space_intro .slick-arrow {width:40px; height:40px;}
	.space_intro .slick-arrow:after {width:8px; height:8px; border-top-width:3px; border-right-width:3px;}
	.space_intro .info .bul01 > li:after {width:3px; height:3px;}
	
	.main_more_group > li {min-width:100%;}
	.theater_info .room .icons .box {height:22vw}
	.theater_info .room .icons .box img {max-width:10vw; }
	.theater_info .room_wrap {margin: -20px -10px;}
	.theater_info .room_wrap > li {padding:20px 10px;}
	.theater_info .room .icons {margin-top: 1em}
	.space_intro .info .state01 {font-size: 12px; }


	.bi_color2 .box {font-size:12px;}
	
	.outdoor_space_info {flex-wrap: wrap}
	.outdoor_space_info > .box {flex:none; width: 100%}
	
	.rent_step {flex-wrap: wrap; gap:20px}
	.rent_step > li {flex:none; width: 100%;}
	.rent_step > li .arrow {left:50%; top: 0px; transform: translate(-50%, -90%) rotate(90deg)}
}






/* 개인정보 */

/* privacy_cont */
div.privacy_cont {border-top:1px solid #222;}
div.privacy_cont div.privacy_list {background-color:#eee; padding:35px 30px 25px 30px;}
div.privacy_cont div.privacy_list p {font-size:14px; color:#666; line-height:22px; padding-left:20px; padding-bottom:8px; background:url("/images/member/info_bullet.gif") no-repeat left 10px;}
div.privacy_cont div.privacy_list p:hover {color:#222; background:url("/images/member/info_bullet_on.gif") no-repeat left 10px;}
div.privacy_cont ul.privacy_text {word-break:keep-all;}
div.privacy_cont ul.privacy_text > li {border-bottom:1px solid #ddd; padding:35px 0; font-size:13px; color:#666; line-height:20px; font-weight:400;}
div.privacy_cont ul.privacy_text > li h3,
div.privacy_cont ul.privacy_text > li h4 {font-size:15px; color:#222; line-height:22px; font-weight:400; padding-bottom:8px;}
div.privacy_cont ul.privacy_text > li p a {display:inline-block; background-color:#999; color:#fff; padding:8px 15px; margin-top:20px;}
div.privacy_cont ul.privacy_text > li p a:hover {background-color:#666;}
div.privacy_cont ul.privacy_text > li p a.a_link {background:transparent;margin:0;padding:0;}
div.privacy_cont ul.privacy_text > li p a.a_link:hover {background:transparent;text-decoration:underline;}
div.privacy_cont ul.privacy_text > li a {color:#666;}
div.privacy_cont ul.privacy_text > li table {width:100%; text-align:center; margin-top:15px;}
div.privacy_cont ul.privacy_text > li table th {padding:13px 0; border:1px solid #ddd; background-color:#eee; border-top:1px solid #333;}
div.privacy_cont ul.privacy_text > li table td {padding:10px 0; border:1px solid #ddd; color:#666;}

div.privacy_cont ul.privacy_text.v2 li {font-size:14px;line-height: 22px}
div.privacy_cont ul.privacy_text.v2 li h3{font-size:16px;margin-bottom: 15px;}
div.privacy_cont ul.privacy_text.v2 li h3 span{display: block;margin-top: 5px;font-family: 'NotoR';font-size: 15px}
div.privacy_cont ul.privacy_text.v2 li h4{color: #525252;margin:20px 0 10px 0}
div.privacy_cont ul.privacy_text.v2 li h4 span{display: block;margin-top: 5px;font-family: 'NotoR';}
div.privacy_cont ul.privacy_text.v2 li>ul>li{border-bottom: 0;border:0;padding:0;margin-bottom:10px}
div.privacy_cont ul.privacy_text.v2 li>ul.v2>li{margin-bottom: 5px}
div.privacy_cont ul.privacy_text.v2 li h5{margin:20px 0  10px 0}
div.privacy_cont ul.privacy_text.v2 li .qna{overflow: hidden;margin: 20px 0}
div.privacy_cont ul.privacy_text.v2 li .qna span{display: block;width: 15px;float: left}
div.privacy_cont ul.privacy_text.v2 li .qna p{margin: 0 0 10px 20px}
div.privacy_cont ul.privacy_text.v2 li h3+.conList2_g{margin-top:-15px}
div.privacy_cont ul.privacy_text.v2 li .conList2_g >li{position: relative;padding-left:10px;margin:0}
div.privacy_cont ul.privacy_text.v2 li .conList2_g >li:before {content: "";position: absolute;top: 9px;left: 0;width: 4px;height: 4px;background: #aaa;}

.content-policy ul.privacy_text li h3,
.content-policy ul.privacy_text li h4 {font-size:20px!important;font-weight:700!important;color:#2173bf!important;}
.content-policy ul.privacy_text li h3 img,
.content-policy ul.privacy_text li h4 img {margin-right:3px;vertical-align:middle;max-width:50px;}


.policy-boxes {position:relative; margin-top:30px;}
.policy-boxes:after {position:absolute; left:0; right:0; bottom:0; height:1px; background:#424242; content:"";}
.policy-boxes * {box-sizing:border-box;}
.policy-boxes .tit {text-align:center; padding:15px; font-weight:bold; font-size:16px; color:#111; border-top:2px solid #222; border-bottom:1px solid #ccc; background:#fafafa;}
.policy-boxes .labelling {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch;}
.policy-boxes .labelling>dl {text-align:center; width:33.33%; padding:10px; border:dashed #bbb; border-width:0 1px 1px 0;}
.policy-boxes .labelling>dl:nth-of-type(3n) {border-right:0;}
.policy-boxes .labelling>dl dt {font-weight:bold; font-size:15px; color:#222;}
.policy-boxes .labelling>dl dd {margin-top:15px; word-break:keep-all;font-size:14px;}
.policy-boxes .labelling>dl dd img {margin-bottom:3px;max-width:120px;}
.policy-boxes .labelling .btn {padding:3px 15px; border-radius:3px;}

.policy-boxes .labelling.item-4>dl {width:25%;}
.policy-boxes .labelling.item-4>dl:nth-of-type(3n) {border:dashed #bbb; border-width:0 1px 1px 0;}
.policy-boxes .labelling.item-4>dl:nth-of-type(4n) {border-right:0;}

.policy-index {margin-bottom:30px;}
.policy-index ul {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch;}
.policy-index li {width:100%;  border:dashed #bbb; border-width:0 0 1px 0;}
.policy-index li a {display:block;padding:5px 10px;}
.policy-index li img {margin-right:3px; vertical-align:middle;max-width:50px;}
.btn_down{position:relative;display:inline-block;line-height:18px;padding:5px 35px 5px 6px;font-size:12px;color:#666;border:1px solid #ccc;background:#eee}
.btn_down:after{content:"";position:absolute;top:0;bottom:0;right:12px;display:inline-block;width:16px;height:13px;margin:auto 0;vertical-align:middle;background:url(https://www.sfac.or.kr/images/sfac/ico_file2.png) no-repeat 50% 50%;}
.bul-mark2{position: relative;padding-left: 1.1em;}
.bul-mark2:before{position: absolute;left: 0;top:0;content: '※'}
.bul-mark3{position: relative;padding-left: 1.3em;}
.bul-mark3:before{position: absolute;left: 0;top:0;content: '◆'}
.bul-mark4{position: relative;padding-left: 10px}
.bul-mark4:before{position: absolute;left: 0;top:9px;content: '';display: block;width:2px;height: 2px;background-color: #666}
.bul-mark5{position: relative;padding-left: 10px}
.bul-mark5:before{position: absolute;left: 0;top:9px;content: '';display: block;width:4px;height: 4px;background-color: #666;border-radius:100%;}
.bul-mark6{position: relative;padding-left: 10px;}
.bul-mark6:before{position: absolute;left: 0;top:-2px;content: '‣'}
.tbl_new_w .bul-mark2{margin: 0 0 0.5em 0;}
.bul-mark7{padding-left: 10px;background: url(https://www.sfac.or.kr/images/sfac/ico_arrow.png) no-repeat 0 8px;}
.a_link {color: #2741f1 !important;}
@media screen and (max-width:1480px) {
	.policy-boxes .labelling.item-4>dl {width:33.3333%;}
	.policy-boxes .labelling.item-4>dl:nth-of-type(3n) {border-right:0;}
	.policy-boxes .labelling.item-4>dl:nth-of-type(4n) {border:dashed #bbb; border-width:0 1px 1px 0;}

}

@media screen and (max-width:639px) {
	.policy-index {margin-bottom:30px;}
	.policy-boxes .labelling>dl {width:50%;}
	.policy-boxes .labelling>dl:nth-of-type(3n) {border-right:1px dashed #bbb;}
	.policy-boxes .labelling>dl:nth-of-type(2n) {border-right:0;}
	.policy-boxes .labelling>dl dt {font-size:14px;}
	.policy-boxes .labelling.item-4>dl {width:50%;}
	.policy-boxes .labelling.item-4>dl:nth-of-type(3n) {border-right:1px dashed #bbb;}
	.policy-boxes .labelling.item-4>dl:nth-of-type(2n) {border-right:0;}
	.policy-index li {width:100%;}
	.m_scroll{overflow-x:scroll}
	.m_scroll table{width:720px;}

}