@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;}
.mont {font-family:'Montserrat', sans-serif; }
img {max-width:100%}
.pc_view {display:block}
.mb_view {display:none}


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

/* header */
#header {width:100%; position:fixed; padding:0px 50px; left:0px; top:0px; z-index:9999; box-sizing:border-box; transition:all 0.3s 0s ease-in-out;  background:#fff;}
#header:after {display: block; content: ""; width: 1720px; height: 4px; background: #000; position: absolute; left: 50%; top: 100%; transform: translateX(-50%);  transition:all 0.3s 0s ease-in-out; }
.in_header {max-width:1720px; width:100%; height:100px; 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;}
.top_search:before {display:block; content:""; width:1px; height:20px; background:#fff; position:absolute; left:-25px; top:50%; transform:translateY(-50%); opacity:0.4; transition:all 0.3s 0s ease-in-out;}
.top_search {position:absolute; right:45px; top:50%; transform:translateY(-50%);}
.top_menu {display:flex; align-items:center; position:absolute; right:200px; top:50%; transform:translateY(-50%);}

.top_menu > li a {display:flex; height: 44px; border: 1px solid #ccc; border-radius:30px; align-items: center; padding: 0px 10px; color:#000; line-height:1.3em; font-weight:600; font-size:14px;}

.top_menu > li a .arrow {margin-left: 10px;}
.top_menu > li a .ico {margin-right:10px;}
.top_menu > li a .ico img {width: 29px;}
.top_menu > li a:hover {color: #fff; background: #000000; border-color:#000000; }
.top_menu > li a:hover img  { -webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
.top_lang {padding-right:20px; position:absolute; right:85px; top:50%; transform:translateY(-50%);}
.top_lang:after {display: block; content: ""; width: 1px; height:16px; background: #000; position:absolute; right:0px; top:50%; transform:translateY(-50%);}
.top_lang > a {display: flex; height: 26px; align-items: center; color: #231815; font-weight:800; font-size: 15px;}
.top_lang > a img {margin-right: 5px;}


.searchPop {width:100%; position:absolute; left:0px; top:100%; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; box-shadow:0px 3px 5px rgba(0, 0, 0, 10%); padding:0px 5vw; font-size:18px;}
.searchPop .inner {width:100%; max-width:1400px; position:relative; height:193px; 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; bottom:10px;} 
.searchPop .close a {color:#181818; font-weight:400; line-height:1.4em;} 
.searchPop .x_btn {padding-left:24px;}
.searchPop .x_btn:after {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:55%; left:10px}
.searchPop .x_btn:before {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:55%; left:10px;}
.search_area_wrap {margin:20px auto 0px auto; max-width:925px; position:relative;}
.search_area {display:flex; overflow:hidden; border-radius:60px; height:82px; align-items:center; position:relative; z-index:1; padding:0px 0px 0px 50px; font-weight:500; margin-bottom:25px;}
.search_area:before {content:""; width:calc(100% - 105px); background:#fff; position:absolute; left:0px; top:0px; bottom:0px; z-index:-1; }
.search_area .input {border:none; outline:none; flex:1; width:100%;}
.search_area .check {min-width:160px; color:#999999;}
.search_area .btn {min-width:140px; height:100%; display:flex; justify-content:center ;align-items:center; color:#fff; font-size:1.444em; line-height:1.3em; font-weight:600; border-radius:60px; background:#e50d20}



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

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




.m_gnb_on {display:none;  position:absolute; right:10px; top:50%; box-sizing:border-box; transform:translateY(-50%);}
.m_gnb_on .menu_btn {margin:0 auto;}
.menu_btn {position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); box-sizing:border-box; display:block; }
.menu_btn a {width:22px; height:22px;}
.menu_btn a img { transition:all 0.3s 0s ease-in-out;}

.menu_btn a span {display:none;}
.menu_btn a:after {display:none;}
.menu_btn.active a {background:none;}
.menu_btn.active span {display:block;}
.menu_btn.active a img {display:none;}
/*.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 380px 0px 180px;}
.w_gnb .gnb {max-width:950px; margin-left: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:left; position: relative;flex:auto; padding:0px 5px; vertical-align:top; }

.w_gnb .gnb > ul > li > a {display:block; color:#333;}
.w_gnb .gnb > ul > li > a > span {display:flex; align-items:center; box-sizing:border-box; font-size:24px; font-weight:700; height:100px; transition:all 0.2s 0s ease-in-out; position:relative;}

.w_gnb .gnb > ul > li:hover > a > span {}
/*.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:0%; width:100%; padding:20px 5px; box-sizing:border-box; overflow:hidden; top:100%; display:none}
.w_gnb .sub_menu > li {padding:3px 0px 3px 0; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:block; font-size:17px; color:#000000; font-weight:500; padding:3px 0px;  line-height:1.3em;}
.w_gnb .sub_menu > li > a:hover {color:#c41525; 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;}
.gnb09 {display:none !important;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background:#2d3749}
#gnb_bar {position:absolute; display:none; left:0%; top:100%; width:100%; background:#fff; border-top:1px solid #000; border-bottom: 1px solid #000; }
.gnb_bar_in {max-width: 1720px; margin:0 auto; height: 100%; background: url(../img/common/gnb_img.jpg) no-repeat right 40px;}
.three_depth {display: none !important}


.slide_menu_wrap {width:80%; max-width:510px; box-sizing:border-box; height:100%;  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 > 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 {justify-content: center; transform:none; margin-bottom:5px; right:auto; top:auto; position:relative; display:flex;}
.slide_menu_wrap .top_menu > li { box-sizing:border-box; float:none; padding:0px; text-align:center; margin:0px;}

.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, #e50d20, #c41525); color:#fff;}
.slide_menu_wrap .gnb > ul > li > a.on {background:linear-gradient(-45deg, #e50d20, #c41525); 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;}



/* visual */
#section1 {padding:0px; padding-bottom:50px; margin-top: 75px;}

.main_visual {width:100%; max-width: 1720px; margin: 0 auto;  position:relative;}
.main_visual .bxslider {}
.main_visual .bxslider > li {background-size:cover !important;  border-radius:16px; overflow: hidden}
.main_visual .bxslider > li .bg_img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1920px; height:980px; }
.main_visual .bxslider > li.active .bg_img {transform:scale(1.05) translate(-50%, -50%); transform-origin:center center; transition:all 3s 0s ease-in-out; }
.main_visual .bxslider > li.active .visual_txt {margin-top:-50px; opacity:1; transition:all 0.8s 0s ease-in-out; }
.main_visual .v_frame {display:flex; align-items:center; padding:0px 50px; height:590px; width:100%; max-width:100%; margin:0 auto; position:relative; justify-content: flex-end}
.main_visual .v_frame .visual_txt {display: inline-block; opacity:1; font-size:62px; line-height:1.4em; font-weight:300; color:#fff; text-align: left}
.main_visual .v_frame .visual_txt .txt_a {font-weight:700; font-size:1.05em; line-height:1.2em; padding-bottom:10px; }
.main_visual .v_frame .visual_txt .txt_b { font-family: 'Nanum Brush Script', cursive; line-height:1.3em;}

.main_visual .mb_img {display: none;}



.main_visual .v_bt {width:20px; height:20px; box-sizing:border-box; z-index:99;}
.main_visual .v_bt > a {display:block; font-weight:100; text-align:center;  box-sizing:border-box;}
.main_visual .stop {margin-left:10px;}
.main_visual .stop a {display:block; color:#000; line-height:100%; font-size:1px; text-indent:-99999px; text-align:center; width:20px; height:20px;}
.main_visual .stop a.active {display:none;}
.main_visual .stop .bx-stop {background:url(../img/common/stop.png) no-repeat center center}
.main_visual .stop .bx-start {background:url(../img/common/play.png) no-repeat center center}


.main_visual #board_l1 {margin-right:15px;}
.main_visual #board_r1 {margin-left:15px;}


.visual_counter_wrap {width:100%; position:absolute; left:0%; bottom:40px; z-index:98;}
.visual_counter_wrap .visual_counter {position:relative; padding:0px 50px; display:flex; justify-content:center; align-items:center;}
.main_visual #visual_counter {z-index:98; min-width:65px; text-align:center; color:#fff; font-size:18px; font-weight:600; letter-spacing:0px;}


.main_visual .bx-controls {text-align:center; position:absolute; left:50%; transform:translateX(-50%); bottom:-10px; width:100%; max-width:1440px; box-sizing:border-box; z-index:99;}






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


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

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


.m_tit_wrap {text-align:center; padding:50px 0px 25px 0px; position:relative;}
.m_tit_wrap .dec {font-size:1.444em; line-height:1.4em; font-weight:400; padding-bottom:10px;}
.m_tit {padding:0px 0px 25px 0px; color:#000000; font-size:46px; line-height:120%; font-weight:800; }
.m_tit .mont {font-size:16px; color: #e50d20; line-height: 1.3em; font-weight: 600; display: block;}
.m_tit_txt {margin:0px 0px 0px 0px; word-break:keep-all; color:#666666; font-weight:400; line-height:1.4em;}

#section2 {padding-top:30px; padding-bottom: 0px}
.main_quick {display:flex;}
.main_quick > li:nth-child(1) {width: 40%;}
.main_quick > li {width: 20%;}
.main_quick > li > a {min-height: 180px; color: #fff; position: relative; padding: 10px 25px; display: flex; flex-direction: column;}
.main_quick > li > a:hover {color: #fff !important; background: #000000 !important;}
.main_quick > li:nth-child(1) > a:hover img { -webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
.main_quick > li:nth-child(1) > a {background: #ffe976; color: #000;}
.main_quick > li:nth-child(2) > a {background: #ff647b}
.main_quick > li:nth-child(3) > a {background: #b588ff}
.main_quick > li:nth-child(4) > a {background: #e50d20}
.main_quick .ico {position: absolute; right: 10px; bottom:15px;}


.main_quick .txt {font-size: 2em; padding-top: 30px; line-height: 1.3em; font-weight:700; display: flex; align-items: center;}
.main_quick .txt img {margin-left: 10px; width: 28px;}
.main_quick .txt_s {font-size: 1.11em; font-weight:500; padding-top:15px;}
.main_quick .arrow {margin-top: auto; padding-bottom:15px;}
.main_quick .arrow img {width: 28px; -webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}

#section3 {padding-bottom:0px;}
.event_slide_wrap {position: relative;}
.event_slide_wrap:before {display:block; content: ""; width: 100vw; height: 2px; background: #000; position: absolute; left:50%; top: 0px; transform: translateX(-50%); z-index: 2}
.event_slide_wrap:after {display:block; content: ""; width: 100vw; height: 2px; background: #000; position: absolute; left:50%; bottom: 0px; transform: translateX(-50%); z-index: 2}
.event_slide_wrap .go_btn {position: absolute; right: 0px; top:-50px;}
.section .go_btn > a {display: flex; align-items: center; height:26px; line-height: 1.3em; font-weight:700; color: #000;}
.section .go_btn > a img {margin-right: 10px;}
.event_slide_wrap .event_slide {margin: 0px -30px;}
.event_slide_wrap .event_slide:after {display: block; content: ""; width:2px; height: 100%; background: #fff; position: absolute; left: -1px; top: 0px;}

.event_slide_wrap .slick-arrow {display: flex; width: 95px; height: 95px; justify-content: center; align-items: center; color: #fff; font-size:15px; font-family:'Montserrat', sans-serif;  background:#181818; position: relative; border-radius:100%; cursor: pointer; position: absolute; top:40%; transform: translateY(-50%); z-index: 9}
.event_slide_wrap .slick-prev {left:-20px;}
.event_slide_wrap .slick-next {right:-20px;}
.event_slide_wrap .slick-prev:before {display: block; content: ""; width:26px; height: 26px; box-sizing: border-box; border: 1px solid #fff; border-right:none; border-bottom:none; transform: rotate(-45deg); margin-right: -6px;}
.event_slide_wrap .slick-next:after {display: block; content: ""; width:26px; height: 26px; box-sizing: border-box; border: 1px solid #fff; border-right:none; border-bottom:none; transform: rotate(-225deg); margin-left: -6px;}


.event_slide .box {border-left:1px solid #000;}

.event_slide .box > a {display: block; padding: 30px; color: #000;}
.event_slide .box .pic {position: relative; display: block;  padding-bottom: calc(480 / 385 * 100%); overflow: hidden;}
.event_slide .box .pic img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.event_slide .box .pic .txt_d {position: absolute; right: 10px; top: 10px; color: #fff; z-index: 2; text-align: right}
.event_slide .box .pic .txt_d {font-size: 1.29em; line-height: 1.3em; font-weight:600;}
.event_slide .box .pic .txt_d .mont {font-size:12px; line-height: 1.3em; font-weight:500; display: block;}
.event_slide .box .pic .txt_c {width: 100%; padding: 0px 10px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); font-size:1.53em; line-height: 1.3em; max-height: 2.6em; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; z-index: 2; color: #fff; text-align: center;}
.event_slide .box .pic:after {display:block; content:""; width:100%; height:100%; background:#000; opacity:0; position:absolute; left:0px; top:0px; transition:all 0.3s 0s ease-in-out; z-index: 2}
.event_slide .box .pic img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%;}
.event_slide .box:hover .pic:after {opacity:0.8;}
.event_slide .box:hover .pic .over_view {opacity:1;}
.event_slide .box:hover > a {color: #e50d20}

.event_slide .box .txt_a {display: block; padding:30px 0px 10px 0px}
.event_slide .box .txt_b {font-size:1.66em; line-height: 1.3em; height: 2.6em; font-weight:700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.event_slide .box .date {display: block; font-size:16px; font-weight:600; padding-top: 30px; }

.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);
    }
}
#section4 {padding-top:0px;}

.venue_wrap {display: flex; flex-wrap: wrap; justify-content: space-between; position: relative}
.venue_wrap:after {display: block; content: ""; width: 100vw; height: 1px; background: #000; position: absolute; left: 50%; top: 100%; transform: translateX(-50%)}
.venue_wrap > div {width: 50%;}
.venue_wrap .img_banner {padding: 10px; padding-top: 10%; position: relative; height: 980px; color: #fff;}
.venue_wrap .img_banner:before {background: url(../img/main/ban.jpg) no-repeat left top; display: block; content: ""; width: 960px; height: 980px; position: absolute; right: 0px; top: 0px;}
.venue_wrap .img_banner > p {z-index: 2; position: relative}
.venue_wrap .img_banner .txt_b {font-size:24px; line-height: 1.4em; font-weight:700; padding-top:30px;}
.venue_wrap .img_banner .txt_b .mont {font-size:0.7em; line-height: 1.4em; font-weight: 500;}
.venue_wrap .venue_banner {max-width: 776px; padding-left:20px; padding-top: 10%}
.venue_wrap .venue_banner .tab {display: flex; margin: 0px -10px; padding-bottom: 10px;}
.venue_wrap .venue_banner .tab > li {flex: 1; padding:10px;}
.venue_wrap .venue_banner .tab > li > a {font-size:1.2em; line-height: 1.3em; border-bottom: 1px solid #000; color: #333; display: block; padding-bottom:10px;}
.venue_wrap .venue_banner .tab > li > a.on {border-bottom:4px solid #000; font-weight:800;}
.venue_wrap .venue_banner .txt {padding-top:20px;}
.venue_wrap .venue_banner .img > a {display: block; position: relative}
.venue_wrap .venue_banner .img:hover .over_view {opacity:1;}


#section5 {padding-top:10px;}
.main_board_tit {display: flex; flex-wrap: wrap; align-items: flex-end; padding-bottom: 25px;}
.main_board_tit .m_tit {padding-bottom: 0px; padding-right: 30px;}
.main_board_tit .go_btn {margin-left: auto; padding-bottom:10px; }
.main_board_tit .tab {display:flex; padding-bottom:5px;}
.main_board_tit .tab > li:not(:first-child) {position:relative; padding-left:15px; margin-left:15px; display:flex; }
.main_board_tit .tab > li:before {display:block; content:""; width:1px; height:14px; background:#ccc; opacity:0.7; position:absolute; left:0px; top:50%; transform: translateY(-50%)}
.main_board_tit .tab > li > a {display: block; font-size:1.2222em; line-height: 1.4em; font-weight: 700; color: #999999; }
.main_board_tit .tab > li > a.on {color: #000;}

.news_list {display: flex;}
.news_list > li {width: 25%; border:1px solid #000; border-left:none; }
.news_list > li:first-child {border-left:1px solid #000;}
.news_list > li > a {display: block; padding: 30px;}
.news_list > li > a .date {font-size:16px; line-height: 1.2em; font-weight:600; padding-bottom: 10px; display: block; font-family: 'Montserrat', sans-serif; color: #e50d20}
.news_list > li > a .txt_a {display: block; font-size:1.33em; line-height: 1.3em; height: 2.6em; font-weight:700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; color: #000000;}
.news_list > li > a .pic {margin-top: 30px; display: none; padding-bottom: calc(180 / 350 * 100%); position: relative; overflow: hidden; position: relative}
.news_list > li > a .pic > img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.news_list > li > a .pic.no_img {background: #eceff7;}
.news_list > li > a .pic.no_img img {max-width: 50%;}

#section6 {background: #eceff7; padding-left: 0px; padding-right: 0px;}

#section6 .tit_area {position: relative;text-align: center; font-size:1.666em; line-height: 1.3em; font-weight:600; margin-bottom:50px; }
#section6 .tit_area h3 {font-size:2.1em; line-height: 1.3em; font-weight:600 }
#section6 .tit_area .sns {display: flex; position: absolute; right: 0px; bottom: 0px;}
#section6 .tit_area .sns > li {padding:2px;}


.instagram_wrap {position:relative; width:100%; overflow-x:hidden; overflow-y:hidden; }
.instagram_wrap .list {}
.instagram_wrap .list li {padding: 0px 15px;}
.instagram_wrap .list li .pic {display: block;width: 280px; height: 280px; overflow: hidden; border-radius:16px; position: relative;}
.instagram_wrap .list li .pic img {width:100%; height: 100%; position: absolute; left: 0px; top: 0px;}

.instagram_wrap {text-align: center; padding-top: 10px;}
.instagram_wrap .track {display: inline-block; white-space:nowrap; will-change:transform; animation:marquee2 30s linear infinite; }
.insta_slide {display: flex; justify-content: center;}
.instagram_wrap .track3 {transform: translateX(-40%); display: inline-block; white-space:nowrap; will-change:transform; animation:marquee3 30s linear infinite; }

#section7 {padding: 0px !important;}

.txt_slide {position:relative; width:100%; height:190px; overflow-x:hidden; overflow-y:hidden; display:flex; justify-content:center; align-items:center; border-bottom: 1px solid #000;}
.txt_slide .track {display: inline-block; white-space:nowrap; will-change:transform; animation:marquee 30s linear infinite; }
.txt_slide .track .content {line-height:0px;}
.txt_slide .track .content img {margin:0px 20px;}

@keyframes marquee {
  from { transform:translateX(0); }
  to { transform:translateX(-90%); }
}

@keyframes marquee2 {
  from { transform:translateX(0); }
  to { transform:translateX(-40%); }
}
@keyframes marquee3 {
  from { transform:translateX(-40%); }
  to { transform:translateX(0%); }
}


#section8 {}
.txt_banner {display: flex; flex-wrap:wrap; flex-direction: column; align-items: center; justify-content: center; font-size: 72px; line-height: 1.3em; font-weight: 600; min-height: 420px;}
.txt_banner > p { display: flex; align-items: center; padding:0.2em 0px;}



#section9 {padding-top: 0px}
.newsletter_wrap {border-top:1px solid #000; padding-top: 100px;}
.newsletter_wrap > dl {max-width: 1120px; margin:0 auto; display:flex; flex-wrap:wrap;}
.newsletter_wrap > dl > dt {}
.newsletter_wrap > dl > dt .mont {font-size: 16px; color: #e50d20; line-height: 1.3em; font-weight: 600; display: block;}
.newsletter_wrap > dl > dt > strong {font-size:32px; color: #000; font-weight:800; display: flex; align-items: center; padding-top: 5px;}
.newsletter_wrap > dl > dt > strong img {margin-left: 10px;}
.newsletter_wrap > dl > dd {padding-top:10px;flex:1; padding-left: 40px;}
.newsletter_wrap .input_area {display:flex; flex-wrap:wrap;}
.newsletter_wrap .input_area .input {flex: 1; height:60px; border:1px solid #ccc; border-radius:4px; line-height:1.4em;}
.newsletter_wrap .input_area .btn {margin-left: 5px; height:60px; border-radius:4px; color:#fff; background:#000000; cursor:pointer; width:180px; line-height:55px; font-weight:400; font-size:18px; display: flex; justify-content: center; align-items: center;}
.newsletter_wrap .input_area .yak {color:#333; font-size: 0.9em; padding-top:15px; flex-basis:100%}
.newsletter_wrap .input_area .yak a {color:#333; display:inline-block; vertical-align:middle; border-bottom:1px solid #333;}




a.main_bt {display:inline-flex; min-width:185px; height:50px; background:#0083cb; padding:15px 0px; box-sizing:border-box; border-radius:6px; justify-content:space-between; align-items:center; font-size:15px; font-weight:400; position:relative; overflow:hidden}

a.main_bt .txt {flex:1; color:#fff; text-align:center; z-index:2;  transition:all 0.3s 0s ease-in-out; }
a.main_bt .plus {width:50px; border-left:1px solid #4da8db; display:flex; justify-content:center; align-items:center; font-size:20px; color:#80c1e5; font-weight:800; z-index:2}


a.over:after {display:block; content:""; position:absolute; top:0; left:-20px; z-index:1; width:120%; height:100%; border-radius:6px; background:#de4449; transform:scaleX(0); transform-origin:right; transition:transform .6s cubic-bezier(.785,.135,.15,.86);}
a.over:hover:after {transform:scaleX(1); transform-origin:left;}
a.over:hover .txt {opacity:0.7;}

a.line_bt {display:inline-flex; min-width:185px; color:#fff; height:50px; border:1px solid #fff; padding:15px 0px; box-sizing:border-box; border-radius:6px; justify-content:center; align-items:center; font-size:15px; font-weight:400; position:relative; overflow:hidden; transition:all 0.3s 0s ease-in-out;}
a.line_bt:hover {border-color:rgba(255, 255, 255, 50%)}

a.line_bt.over:after {top:0; left:-20px; z-index:-1; border-radius:6px; background:#000; transform:scaleX(0); transform-origin:right; transition:transform .6s cubic-bezier(.785,.135,.15,.86); opacity:0.7;}
a.over:hover:after {transform:scaleX(1); transform-origin:left;}



/* footer */
#footerW {clear:both; background:#eceff7; padding:0px 50px; box-sizing:border-box; margin:0 auto; position:relative;}
#footerW.z_over {z-index:101; position:relative;}

#footer_navi > ul {padding-left:30%;}
#footer_navi .navi > li {padding: 2px 0px;}
#footer_navi .navi > li a {display:block; font-size:16px; color:#0f100e; font-weight:600; line-height:1.3em; }

#footer {display: flex; flex-wrap: wrap; position:relative; max-width:1720px; margin:0 auto; background:url(../img/common/logo.png) no-repeat left 50px; padding:50px 0px;}
#footer > div {width: 50%}
#footer .go_top {position:absolute; right:0px; top:50px; z-index:99}
#footer .go_top > a {display:flex; width: 84px; height: 38px; box-sizing: border-box; border: 1px solid #000; background: #fff; justify-content: center; align-items: center; color:#000; font-size: 13px; font-weight: 700;}

#footer .addressW { padding:0px 90px 0px 0px; box-sizing:border-box; position:relative; font-size:16px; color:#000; font-weight: 500; line-height:1.4em;  }
#footer .addressW a {color:#000}
#footer .addressW address {margin-left:-10px; line-height:150%;}
#footer .addressW address span {display:inline-block; vertical-align:middle; padding:2px 10px;}
#footer .addressW address .line {width:1px; height:16px; background:#6f737f; padding:0px;}

#footerW .copy {padding-top:10px; color: #000; z-index:1;}






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



.sub_visual {width:100%; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important;}
.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; align-items:center; height:450px;  color:#fff; font-size:24px; line-height:1.4em; position:relative; z-index:2} 
.sub_visual .sub_txt > h2 {padding-bottom:10px;} 




.sub_wrap_1 .sub_visual {background:url(../img/introduce/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_2 .sub_visual {background:url(../img/project/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_3 .sub_visual {background:url(../img/support/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_4 .sub_visual {background:url(../img/education/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_5 .sub_visual {background:url(../img/data/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_6 .sub_visual {background:url(../img/community/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_7 .sub_visual {background:url(../img/customer/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_8 .sub_visual {background:url(../img/member/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_9 .sub_visual {background:url(../img/mypage/sub_visual.jpg) no-repeat center top/cover;}




.sub_wrap {opacity:0;}
.sub_wrap .item {transform:none !important; -webkit-transform:none !important; opacity:1;}

.sub_wrap #header {background:#fff; transition:all 0.3s; border-bottom:1px solid #e5e5e5}
.sub_wrap #header.down {top:-100px;}
.sub_wrap #header.down:after {opacity:0.4; background:#ccc;}
.sub_wrap.up #header {top:0px !important; transition:all 0.3s;}
.sub_wrap {padding-top:90px;}



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

.lnb_position {position:relative; height:45px; background:#fff; margin-top:40px;}
#m_lnb {display:none;}
#lnb_wrap {position:absolute; z-index:99; word-break:keep-all; box-shadow:none; box-sizing:border-box; max-width:1820px; margin:0 auto; left:50%; top:0px; transform:translateX(-50%); width:100%; }

#lnb_wrap .lnbs1 {}

#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; background:#fff;  padding-left:50px; padding-right:50px; /*box-shadow:0 6px 10px rgb(0 0 0 / 9%);*/}
/*#lnb_wrap .lnb:before {display:block; content:""; width:300%; height:100%; border:1px solid #005e9c; box-sizing:border-box; border-left:none; border-right:none; left:50%; transform:translateX(-50%); position:absolute; background:#005e9c; z-index:-1;}*/
#lnb_wrap .lnb .lnbs { width:50%; max-width:240px; box-sizing:border-box; position:relative;}
#lnb_wrap .lnb .lnbs:after {display: block; content: ""; width: 1px; height:16px; background: #ccc; 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%; display:none; background:#fff;}
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

#lnb_wrap .ico_home {}
#lnb_wrap .ico_home a {display:block; width:16px; height:100%; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.png) no-repeat left center #fff ;}
.lnb ul li {color:#666666; display:block; padding:0px; margin-top:0px;}
.lnb .three_depth {padding:10px;}
.lnb ul li a {color:#333; font-size:16px; display:block; line-height:130%; height:45px; display: flex; align-items: center; padding:5px 30px 5px 20px; border:1px solid #e2e2e2; box-sizing:border-box; text-align:left; font-weight:500; position: relative;}
.lnb ul li a:after {display: none; content: ""; position: absolute; right:20px; top: 50%; transform: translateY(-50%) rotate(0deg); width: 0; height: 0; border-left:6px solid #333; border-top:5px solid transparent; border-bottom:5px solid transparent; transition: all 0.2s 0s ease-in-out;}
.lnb ul li:not(:first-child) a {border-top:1px solid transparent;}
.lnb ul li a:hover {color:#000; font-weight: 600; border:1px solid #000000 !important;}
.lnb ul li a:hover:after {display: block;}
.lnb .three_depth {border:none;}
.lnb ul li .three_depth a {padding:6px 15px; border:none; font-size:13px;}

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

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


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


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

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

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



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


#lnb_menu .three_depth {display:none;}


.lnbs3 {padding-left:50px; padding-right:50px; padding-bottom:50px;  max-width:1500px; margin:0 auto;}
.lnbs3 > ul {display:flex; margin:0px -20px; flex-wrap:wrap;}
.lnbs3 > ul > li {padding:8px 20px;}
.lnbs3 > ul > li > a {display:block; color:#999999; font-weight:600; line-height:1.3em; font-size:18px; padding:3px 0px; }
.lnbs3 > ul > li.on > a {border-bottom:6px solid #313f8f; color:#313f8f;}
.lnbs3 > ul > li > a .all {display:block; padding-left:30px; background:url(../img/common/ico_all.png) no-repeat left top;}
.lnbs3 > ul > li.on > a .all {background:url(../img/common/ico_all_on.png) no-repeat left top;}




.title_bar {max-width:1720px; margin:0px auto 0px auto; padding-top:30px; padding-bottom: 50px; 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:46px; 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:none; 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:14px;}
.location span {display:inline-block; zoom:1; *display:inline; margin-left:14px; color:#fff; font-weight:100;}
.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:400; 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:36px; color:#231f20; line-height:110%; padding:0px 0px 30px 0px;  position:relative; margin-top:90px; font-weight:800; display:flex; align-items:center;}
.s_tit.line {border-bottom: 1px solid #000; margin-bottom: 30px;}
.s_tit.line4 {border-width:4px;}
.s_tit > span {display:inline-block; position:relative; z-index:1}
.s_tit img {vertical-align:middle;}
.s_tit + .s_tit_txt {padding-bottom: 30px; margin-top: -25px;}
/*
.s_tit: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:26px; position:relative; color:#000; line-height:140%; padding:0px 0px 0px 0px; margin-bottom:20px; margin-top:45px; font-weight:700;}
/*.ss_tit:before {display:block; content:""; width:7px; height:24px; background:#0f7bc6; position:absolute; left:0px; top:4px;}
.ss_tit > span{font-weight:300;}*/
.s_titW {max-width:1720px; margin:0 auto; padding:50px 0px 5px 0px;}

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

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

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



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

.video_wrap {padding-bottom: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:56.2%; 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_wrap {overflow-x: auto}
.atab {display:flex; justify-content:center; margin:0 auto; margin-bottom:50px; position:relative; min-width: fit-content; }
/*.atab:after {display:block; content:""; width:200%; height:1px; background:#de4449; position:absolute; left:50%; bottom:0px; transform:translateX(-50%)}*/
.atab li {flex:1; max-width:180px;}
.atab li:not(:first-child) a {border-left:none;}
.atab li a {display:flex; height:50px; justify-content:center; align-items:center; background:#fff; box-sizing:border-box; text-align:center; font-weight:700; font-size:18px; line-height:1.2em; box-sizing:border-box; color:#000000; padding:0px 10px; border:1px solid #000000;}
.atab li.on {position:relative; z-index:2;}
.atab li.on a {background:#ff647b; color:#fff;}
.atab.f-wrap {flex-wrap: wrap;}


.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 {border-bottom: 4px solid #000; display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:40px; padding-top:10px; text-align:center}

.btab li {padding: 0px 20px;}
.btab li a {display:inline-block; padding-bottom:10px; color:#000000; font-weight:600;}
.btab li.on a {color:#ff647b; border-bottom:6px solid #ff647b; font-weight:800;}

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




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

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

.layerPop_inner {width:100%; height:100%; padding:15px; display:table; table-layout: fixed; position:relative; margin:0 auto; box-sizing:border-box;}
.pop_wrap {display:table-cell; vertical-align:middle; position:relative;}
.pop_wrap .pop_body {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; border-radius:6px; overflow: hidden; box-shadow:6px 5px 5px rgba(0, 0, 0, 10%) }
.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 {background:linear-gradient(-120deg, rgba(33,73,166,1) 0%, rgba(69,113,233,1) 100%);; position:relative;}
.pop_wrap .pop_head .title {font-size:26px; line-height:140%; color:#fff; padding:20px 50px 15px 25px; text-align:left; font-weight:800;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position:absolute; right:0px; bottom:0px;}
.pop_wrap .x_btn3 {position:absolute; right:0px; bottom:-42px;}
.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin:0px 10px;}
.pol_sc {width:100%; height:310px; overflow-x:hidden; overflow-y:auto;}



/* 팝업 */
.main_layer_pop.flex {position:fixed; left:0% !important;  top:0px !important; width:100% !important; display:flex; align-items:center; justify-content:center; height:100% !important;  background:rgba(0, 0, 0, 40%);  }
.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%; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {display:table-cell; vertical-align:middle; position:relative; padding:0px 10px;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top:-22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background:url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background:url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}


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

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





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

.note_box {background: #eceff7; padding: 30px;}
.ico_notice {display:inline-block; vertical-align:middle; padding:4px 10px; background:#ed2129; line-height:20px; color:#fff;}
.ico_note {position:relative; display:flex; align-items:center; }
.ico_note:before {display:block; content:""; width:25px; height:20px; box-sizing:border-box; border-bottom:20px solid #333333; border-left:11px solid transparent; border-right:11px solid transparent; border-radius:4px; margin-right:10px; margin-top:4px; align-self: flex-start}
.ico_note:after {display:block; content:"!"; width:25px; height:20px; color:#fff; font-size:14px; font-weight:600; text-align:center; line-height:1.8em; position:absolute; left:0px; top:3px;}
.ico_note_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;  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}




.map_wrap {border:1px solid #000; height:500px; overflow:hidden; box-sizing:border-box;}
.map_wrap > div {height:100% !important; width:100% !important;}
.map_wrap > div .wrap_map {height:100% !important; width:100% !important;}
.map_number {display:flex; align-items:center;border: 1px solid #000; border-top:none;}
.map_number > ul {position: relative;display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between;}
.map_number > ul:before {display: block; content: ""; width: 1px; height:30%; background: #000; position: absolute; left: 50%; top: 50%; transform: translateY(-50%)}
.map_number > ul > li {padding: 2em 3em; flex:1; display: flex; align-items: center; flex-wrap: wrap}
.map_number > ul > li .ico {margin-right: 10px; }



.map_info {display:flex; flex-wrap:wrap; margin:0px -10px;}
.map_info .info {width:50%; padding:20px 10px;}

.map_info .info > ul {padding:10px 0px 0px 34px;}




.event_info_wrap {display: flex; flex-wrap: wrap; border-top:1px solid #000; padding-top:60px; }
.event_info_wrap .schedule {width: 465px; padding-right: 45px; border-right:1px solid #000; }
.event_info_wrap .schedule .calendar {padding:30px; background: #ebeff8}

.event_info_wrap .search {border: 1px solid #000; display: flex; background: #fff;}
.event_info_wrap .search .input {padding-left: 15px; outline: none; height:65px; background:#fff; line-height:40px; border:none; line-height:1.4em; width:100%; font-weight: 400;}
.event_info_wrap .search .bt {width:48px; background:url(../img/common/bt_search.png) no-repeat center center; display:block; background-size:26px auto; box-sizing:inherit; text-indent:2000px; font-size:1px;}
.event_info_wrap .schedule .tab {display: flex; margin: 10px 0px;}
.event_info_wrap .schedule .tab > li {flex: 1; border: 1px solid #000}
.event_info_wrap .schedule .tab > li:not(:first-child) {border-left:1px solid transparent;}

.event_info_wrap .tab > li > button {display: flex; background: #fff; width: 100%; height: 50px; justify-content:center; align-items: center; text-align: center; font-size:16px; line-height: 1.4em; color: #000000; font-weight:500;}
.event_info_wrap .tab > li > button.on {background: #ff647b; color: #fff;}

.event_info_wrap .list {flex: 1; padding-left: 45px;}


.schedule .sch_wrap {background:#fff; border: 1px solid #000; padding:10px;}
.schedule .sch_wrap .ev_tb {font-size:13px;}
.schedule .sch_wrap .ev_tb thead tr th {font-size: 11px; padding:1px; background:#eceff7; border:none;}

.schedule .sch_topW .in_box .sch_arrow {border:none; background:none;}
.schedule .sch_topW .in_box .date {font-size:22px; font-weight:700;}
.schedule .sch_topW {background:none}
.schedule .event_tbW {padding:0px;}
.schedule .ev_tb tbody tr td {height:35px; padding:5px; border:none; vertical-align:middle; text-align:center}
.schedule .ev_tb tbody tr td .on {height:28px; max-width:28px; width:28px;}
.schedule .ev_tb tbody tr td .date {padding:0px;}
.schedule .ev_tb tbody tr td.today { background:none;}
.schedule .ev_tb tbody tr td.today .on {margin:0 auto; background:#ff647d; border-radius:100%; color:#fff;}
.schedule .ev_tb tbody tr td.today .on .date:after {background:#fff;}
.schedule .note {font-size:1.1em; line-height:1.4em; font-weight:700; color:#363636; }

.list .event_slide {margin: 0px -25px; display: flex; flex-wrap: wrap;}
.list .event_slide .box {border: none; width: 33.333%;}
.list .event_slide .box > a {padding: 0px 25px 50px 25px;}
.list .event_slide .box .txt_b {max-height:2.6em; height: auto;}
.list .event_slide .box .date {padding-top: 20px;}

.event_view {display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 50px; border-bottom: 1px solid #000;}
.event_view > div {width: 50%;}
.event_view > div:nth-child(1) {padding-right:20px;}
.event_view > div:nth-child(2) {padding-left:20px;}
.event_view .photo {max-width: 501px; margin: 0 auto;}
.event_view .photo .pic.auto {padding-bottom:0px; text-align: center}
.event_view .photo .pic.auto img {position: relative; left: auto; top: auto; height: auto;}
.event_view .photo .pic {position: relative; display: block;  padding-bottom: calc(480 / 385 * 100%); overflow: hidden;}
.event_view .photo .pic img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.event_view .photo .pic .txt_d {position: absolute; right: 5%; top:5%; color: #fff; z-index: 2; text-align: right}
.event_view .photo .pic .txt_d {font-size: 1.29em; line-height: 1.3em; font-weight:600;}
.event_view .photo .pic .txt_d .mont {font-size:12px; line-height: 1.3em; font-weight:500; display: block;}
.event_view .photo .pic .txt_c {width: 100%; padding: 0px 10px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); font-size:1.77em; line-height: 1.3em; max-height: 2.6em; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; z-index: 2; color: #fff; text-align: center;}

.event_view .info {max-width: 700px;}
.event_view .info .txt_a {color: #fff; height: 40px; display: inline-flex; padding: 0px 20px; background: #ff647b; align-items: center}
.event_view .info .txt_b {font-size: 2.3333em; line-height: 1.4em; font-weight:800; color: #000; padding:15px 0px 20px 0px;}
.event_view .info .date {font-size: 1.777em; line-height: 1.4em; font-weight:600; color: #000; padding-bottom: 40px; border-bottom: 4px solid #000;}
.event_view .info .dec {}
.event_view .info .dec > li {margin-top:40px;}
.event_view .info .dec > li .txt_t {color: #666666;}
.event_view .info .dec > li .txt {font-size: 1.33em; line-height: 1.4em;}

.event_view_editor {padding-top: 50px;}


.arrow_group .slick-arrow {display:inline-flex !important; vertical-align:top; width:95px; height:95px; font-weight:100; justify-content:center; align-items:center; color:#fff; font-size:17px; background:#181818; position:relative; border-radius:100%; cursor:pointer;  border:none; margin:0px 10px; background-color:rgba(0, 0, 0, 90%) !important;}
.arrow_group > .prevArrow:before {display:block; content:""; width:24px; height:26px; box-sizing:border-box; border:1px solid #fff; border-right:none; border-bottom:none; transform:rotate(-45deg); margin-right:-6px;}
.arrow_group > .nextArrow:after {display:block; content:""; width:24px; height:26px; box-sizing:border-box; border:1px solid #fff; border-right:none; border-bottom:none; transform:rotate(-225deg); margin-left:-6px;}



.arrow_group .slick-arrow:hover {background-color:rgba(0, 0, 0, 100%) !important;}
.space_info_wrap {position: relative; width: 100vw; left: 50%; transform: translateX(-50%)}
.space_info_wrap .slick-arrow {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:9} 
.space_info_wrap .nextArrow {margin-left:600px;}
.space_info_wrap .prevArrow { margin-left:-600px;}
.space_info .slick-slide {padding:0px 60px;}
.space_info .box {text-align: center}
.space_info .box img {display: inline-block}
/*
.space_info .box {position:relative; min-width:1080px; width: 1080px; height: 640px;}
.space_info .box > img { width: 100%; height: 100%;}

*/

.page_heade {font-size: 2.88em; line-height: 1.4em; font-weight: 400; color: #000; padding-bottom:0.6em;}
.page_heade .mont {font-size: 16px; line-height: 1.3em; color: #e50d20; font-weight:600;}
.page_heade > strong {font-weight: 800;}

.img_org {}
.img_org img {max-width:inherit; position: relative; left: 50%; transform: translateX(-50%)}

.menu_price > dl {padding: 20px 0px 50px 0px; max-width: 1125px; margin: 0 auto; background: url(../img/info/menu_b.jpg) no-repeat center bottom}
.menu_price > dl dt {text-align: center; font-size:2.5em; font-weight:600; line-height: 1.3em; color: #000; }
.menu_price > dl dt .ico {line-height: 1em; display: block; text-align: center;}
.menu_price > dl dd {display: flex; flex-wrap:wrap; justify-content: space-between}
.menu_price > dl dd .bul01 { padding:4px 10px; max-width: 500px;}
.menu_price > dl dd .bul01 > li {display: flex;}
.menu_price > dl dd .bul01 > li .txt_a {min-width:185px; color: #000;}

.service_info {display: flex; justify-content:space-between; align-items: flex-end}
.service_info .img {width:62%; max-width:fit-content; padding-right:20px;}
.service_info .info {flex: 1;}
.service_info .info .mont {padding-bottom:0.5em; color: #e50d20;}
.service_info.reverse .img {order: 2; padding-right:0px; padding-left: 20px;}
.service_info .info .time > li {display: flex; align-items: center}
.service_info .info .time > li:not(:first-child) {margin-top:40px;}
.service_info .info .time > li .ico { min-width: 80px;}
.service_info .info .time > li dl {flex: 1}
.service_info .info .time > li dl dt {font-weight: 700;}


.use_info > ul {display: flex; flex-wrap: wrap}
.use_info > ul > li {flex: 1; border: 1px solid #000; padding: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 200px; text-align: center;  word-break: break-all;}
.use_info > ul > li .txt_a {color: #000; font-weight: 700; padding:20px 0px 5px 0px;}
.use_info > ul > li:not(:first-child) {border-left:none;}
.use_info > ul.two > li {flex:initial; width: 25%;}
.use_info > ul.two > li:nth-child(n+5) {margin-top: -1px;}
.use_info > ul.two > li:nth-child(5) {border-left:1px solid #000;}

.half_area {display: flex; flex-wrap: wrap; margin: -20px;}
.half_area .area {width: 50%; padding: 20px;}
.half_area .area {width: 50%; padding: 20px;}


.wedding_menu {display: flex; flex-wrap: wrap; margin: -10px;}
.wedding_menu > li {width: 33.3333%; padding: 10px;}
.wedding_menu > li .txt_a {color: #ff647b; font-weight: 700; padding:1em 0px 0.3em 0px;}
.wedding_menu > li .txt_b {font-size: 0.9em;}
.wedding_menu.two > li {width:50%;}

.business_center {display: flex; flex-wrap: wrap; border-top:1px solid #000}
.business_center > li {flex: 1; border:1px solid #000; padding: 30px 20px 20px 20px;}
.business_center > li:not(:first-child) {border-left:none; }
.business_center .box {max-width: 310px; margin:0 auto;}
.business_center .box dt {text-align: center;}
.business_center .box dt .img {display: block; padding-bottom: 1em;}
.business_center .box dd .bul01 > li {margin-top:15px;}

.business_center2 .tit {display: flex; justify-content: center}
.business_center2 .tit h3 {margin-top:1em; margin-bottom:0.5em; font-size:3em; line-height:1em; font-weight:100;}
.business_center2 .tit h3 > strong {font-weight: 700;}
.business_center2 > ul {display: flex; align-items: flex-end; justify-content: space-between; max-width: 1240px; margin: 0 auto;}
.business_center2 > ul > li {padding: 10px;}
.business_center2 > ul > li > p {min-height: 30px; margin-top: 0.5em; font-weight:600;}
.business_center2 > ul > li:last-child {align-self: flex-start}


.step_box > ul {display: flex; flex-wrap: wrap; margin: -15px 14px -15px -20px;}
.step_box > ul > li {width: 25%; padding:15px 20px; position: relative;}
.step_box > ul > li:not(:last-child):After {display: block; content: ""; width:26px; height: 26px; background: url(../img/info/arrow.svg) no-repeat center center/cover; position: absolute; right:-13px; top: 50%; transform: translateY(-50%)}
.step_box .box {border: 1px solid #ccc; border-radius:4px; padding: 20px; position: relative; height: 100%; min-height:395px; }
.step_box .box .step {background: #b588ff; color: #fff; font-size: 14px; font-weight: 600; padding: 0.3em 1em; display:block; position: absolute; left: -1px; top:-1px;}
.step_box .box .ico {padding: 40px 0px 30px 0px; display: block; text-align: center;}
.step_box .box .txt_a {font-size: 1.22em; text-align: center; line-height: 1.4em; min-height: 2.8em; font-weight: 700; color: #000; margin-bottom: 10px;}
.step_box .box .bul01 > li {margin-top:0.8em;}


.note_box_in {position:relative; display:flex; align-items:center; }
.note_box_in .ico {min-width:25px; width:25px; margin-right:10px; margin-top:2px; align-self: flex-start}
.note_box_in .info {flex: 1;}
.note_box_in .info > h4 {margin-bottom: 0.5em;}

.rental_inquiry > li {margin-top:20px;}
.rental_inquiry > li:not(:first-child) {margin-top:20px; padding-top: 20px; border-top:1px solid #000;}
.rental_inquiry > li > dl {display: flex; }
.rental_inquiry > li > dl dt {min-width: 100px;}
.rental_inquiry > li > dl dd {flex: 1;}
.rental_inquiry > li > dl dd > ul {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between}
.rental_inquiry > li > dl dd > ul > li {min-width: 33.333%; display: flex; flex-wrap: wrap; align-items: center;}
.rental_inquiry > li > dl dd > ul > li > span:not(:last-child) {margin-right: 20px;}
.rental_inquiry > li > dl dd > ul > li > span {display: flex; align-items: center}
.rental_inquiry > li > dl dd > ul > li > span img {width: 24px; margin-right: 10px;}

.section_line {display: block; height: 4px; background: #000; margin:90px 0px;}


.course_wrap {padding-top: 40px;}
.course_wrap .tab {display: flex; width: 100%;}
.course_wrap .tab > li {flex: 1}
.course_wrap .tab > li:not(:first-child) > a {border-left:1px solid transparent;}
.course_wrap .tab > li > a {display: flex; height: 50px; justify-content: center; align-items: center; color: #999999; border:1px solid #cccccc; border-bottom:none; font-weight: 600;}
.course_wrap .tab > li > a.on {border:1px solid #000; border-bottom:none; color: #000000;}
.course_wrap .course {border:1px solid #000;}
.course_wrap .course .img {text-align: center;}
.course_wrap .course .info {border-top:1px solid #000; font-weight: 600; display: flex; padding:1.5em 2.5em; align-items: center;}
.course_wrap .course .info .ico { margin-right:20px; align-self: flex-start}
.course_wrap .course .info > div{}


.airline_list {display: flex; flex-wrap: wrap; margin: -10px; padding-top: 20px;}
.airline_list > li {width: 25%; padding: 10px;}
.airline_list .box {display: flex; flex-direction: column; align-content: center; align-items: center; justify-content: center; padding: 10px; text-align: center; min-height: 195px; border: 1px solid #ccc; border-radius: 4px;}
.airline_list .box:hover {border-color:#ff647b;}
.airline_list .box .logo {}
.airline_list .box .txt_a {font-weight: 700; padding:5px 0px; color: #000; font-size: 1.2em;}

.img_banner {position: relative;}
.img_banner .pa {width: 100%; display: flex; position: absolute; left: 0px; top: 0px; height: 100%; justify-content: center; align-items: center;}
.img_banner .bt {display: inline-flex; align-items: center; color: #fff; color: #fff; font-size:2em; font-weight: 700; line-height: 1.4em; }
.img_banner .bt .txt {border-bottom: 1px solid #fff;}
.img_banner .bt .arrow {line-height: 1em; margin-left:0.5em;}
.img_banner .bt .arrow img {-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}

.img_banner .room_ban_bt1 {position: absolute; left: 27%; top: 42%; display: block; width: 20%; padding-bottom: 5%;}
.img_banner .room_ban_bt2 {position: absolute; left:54%; top: 42%; display: block; width: 20%; padding-bottom: 5%;}



.newsletter_view_wrap {position: relative; padding: 20px; border-top:4px solid #000; }
.newsletter_view_wrap .slick-arrow {margin: 0px; position:absolute; top:50%; transform:translateY(-50%); z-index:9} 
.newsletter_view_wrap .nextArrow {left: auto; right: 0px;}
.newsletter_view_wrap .prevArrow { left: 0px;}
.newsletter_view .box {text-align: center}
.newsletter_view .box img {display: inline-block;}


.img_org_txt {background: #fff; margin-top: -3em; font-size:2em; color: #000; line-height: 1.5em; font-weight:100; text-align: center; padding: 5% 10px; position: relative;}

.iccjeju_outline .txt {display: flex; align-items: center; font-size:1.5em; line-height: 1.4em; padding-top: 10px; }
.iccjeju_outline .txt > strong {padding-right: 30px; align-self: flex-start}
.iccjeju_outline .info {display: flex; flex-wrap: wrap; margin:0px -3%}
.iccjeju_outline .info > li {width: 33.3333%; padding:2.5em 3%;}
.iccjeju_outline .info .box {border-top:4px solid #000; padding-top:25px; display: flex;}
.iccjeju_outline .info .box .ico {min-width: 70px;}
.iccjeju_outline .info .box .ico img {max-width:55px;}
.iccjeju_outline .info .box .txt_a {color: #ff647b; padding-bottom: 5px; font-weight: 400;}
.iccjeju_outline .info .box .txt_b {font-size: 1.555555em; font-weight: 700; padding-bottom: 10px;}
.iccjeju_outline .info .box .txt_c {font-size: 1em;}
.iccjeju_outline .info.two {margin: 0px -20px;}
.iccjeju_outline .info.two > li {width: 50%; padding: 2.5em 20px;}


.iccjeju_outline2 {display: flex; flex-wrap: wrap}
.iccjeju_outline2 .box {width: 50%;}
.iccjeju_outline2 .box:nth-child(2) {padding-left: 55px;}
.iccjeju_outline2 .box > h4:first-child {margin-top: 0px;}

.iccjeju_outline2 h4 {margin: 50px 0px 10px 0px; font-size:1.5em; line-height: 1.3em; font-weight: 800;}

.history_section .history_wrap:first-child .right {margin-top:136px;}
.history_wrap {display: flex; justify-content: space-between; overflow: hidden}
.history_wrap > div {width: 50%;}
.history_wrap .left {max-width: 640px; padding-right: 20px;}
.history_wrap .left .tit > h3 {font-size:2.88em; color: #000; font-weight:600; line-height: 1.3em;}
.history_wrap .left .tit .img {padding-top: 40px;}
.history_wrap .right {border-top:4px solid #000;  overflow: hidden}

.history_wrap .history {display: flex;}
.history_wrap .history .year {align-self:flex-start; padding: 30px 0px; min-width:60px; font-weight:600; font-family:'Montserrat', sans-serif; }
.history_wrap .history .list {flex: 1;}
.history_wrap .history .list > li {display: flex; padding: 30px 0px; position: relative;}
.history_wrap .history .list > li:after {display: block; content: ""; width:calc(100% + 60px); height: 1px; background: #eaeaea; position: absolute; right: 0px; bottom: 0px;}
.history_wrap .history .list .date {min-width:145px; font-weight:600; font-family:'Montserrat', sans-serif; }
.history_wrap .history .list .txt {flex: 1; color: #333333; font-weight: 300; padding-right: 10px; word-break: break-all}
.history_wrap .history .list .txt .img {padding-top: 20px;}
.history_wrap .history .list .txt .bul02 > li {margin-top: 0.5em;}
.history_wrap .history .list .txt .bul02 > li:first-child {margin-top:1px;}



.organization {overflow: hidden;}
.organization > ul {min-width: fit-content; display:flex; flex-wrap:wrap; justify-content:center;}
.organization > ul > li {width:100%; font-weight:600; text-align:center}
.organization > ul > li:not(:first-child) {padding-top: 30px;}
.organization .lv1 {display:inline-flex; height:75px; width:100%; max-width:280px; justify-content:center; align-items:center; position:relative; color:#fff; background:#e4141f; z-index: 2}

.organization .lv1:before {display:block; content:""; width:1px; height:60px; background:#cccccc; position:absolute; left:50%; top:100%; z-index:1}
.organization .lv2_wrap {display:flex; justify-content:space-between; margin-top:60px; padding-top:60px; position: relative;}
.organization .lv2_wrap:after {display: block; content: ""; width:calc(100% - 20px); height: 1px; background: #ccc; position: absolute; left: 50%; top: 0px; transform: translateX(-50%);}
.organization .lv2_wrap > li {flex: 1; max-width: 300px; padding:0px 10px; position:relative;}
.organization .lv2_wrap > li:first-child:after {display: block; content: ""; width:50%; height: 62px; background: #fff; position: absolute; left:0px; bottom: 100%; z-index: 2}
.organization .lv2_wrap > li:last-child:after {display: block; content: ""; width:50%; height: 62px; background: #fff; position: absolute; right:-1px; bottom: 100%; z-index: 2}
.organization .lv2_wrap .box {height: 100%; cursor: pointer; }


.organization .lv2 {display:inline-flex; height:75px; width:100%; justify-content:center; align-items:center; position:relative; color:#fff; background:#868686;}
.organization .lv2:before {display:block; content:""; width:1px; height:60px; background:#ccc; position:absolute; left:50%; bottom:100%; z-index:1}
.organization .lv3 {min-height:calc(100% - 80px); margin-top: 5px; border: 1px solid #ccc; padding: 20px; text-align:left;}

.sss_tit_wrap {display: flex; justify-content: space-between; align-items: flex-end}
.sss_tit_wrap .fax {display: flex; align-items: center; margin-bottom: 10px; font-weight:600;}
.sss_tit_wrap .fax img {margin-right: 5px;}

.symbol_wrap .ci_bg {padding: 5%;}
.ci_bg {border:1px solid #dcdcdc; background:url(../img/iccjeju/ci_bg.gif) repeat left top; display:flex; justify-content:center; align-items:center; width:100%;}
.ci_wrap {display: flex;}
.ci_wrap > li {width: 33.333%; padding:20px 3%; text-align: center; border: 1px solid #ccc;}
.ci_wrap > li .img {padding:10px 0px;}
.ci_wrap > li dt {font-size:1.4444em; line-height: 1.3em; color: #231f20; min-height:3em; display: flex; justify-content: center; align-items: center; text-align: center; width: 100%;}
.ci_wrap > li:not(:first-child) {border-left:none;}


.logo_type {display: flex; flex-wrap: wrap; justify-content: space-between; margin: -10px;}
.logo_type > li {width: 25%; padding: 10px; max-width: 330px;}
.logo_type .br {border: 1px solid #ccc;}
.logo_type .txt {text-align: center; padding-top:1em; line-height: 1.3em;}


.color_system > ul {display:flex; flex-wrap:wrap; margin:-5px;}
.color_system > ul > li {width:25%; max-width:350px; padding:5px;}

.color_system > ul > li .box {height:130px; display: flex; flex-direction: column; justify-content: center; padding: 10px 7%; color: #fff;}
.color_system > ul > li .box .txt_a {font-size: 1.333em; font-weight: 700; line-height: 1.3em;}
.color_system .box+ul {padding-top:10px;}
.color_system .box+ul > li {display:flex; flex-wrap:wrap; margin:-2px -10px;}
.color_system .box+ul > li > span {padding:3px 10px; line-height: 1.2em; font-weight: 500;}



/*
.introduce {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between;}
.introduce > div {width:50%; }
.introduce .img {padding-right:20px}
.introduce .info {color:#666666;}
.introduce .info .txt_t {color:#000000; font-weight:300; font-size:1.76em; line-height:1.4em;}
.introduce .info .txt_t > strong {color:#00aa53; font-weight:800;}
.introduce .info .sign {padding-top:50px; text-align:right}
.introduce .info .sign > strong {font-size:1.88em; line-height:1.1em; font-weight:900; color:#000;}

*/

.introduce:before {display: block; content: ""; width:72px; height:45px; background: url(../img/iccjeju/point.png) no-repeat left top/cover; position: absolute; left:0px; top: 0px;}
.introduce {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:80px;}
.introduce > div {width:50%; }
.introduce .img {padding-left:20px; flex: 1; max-width:351px;}
.introduce .info {color:#666666; width: 70%; max-width: 895px;}
.introduce .info .txt_t {color:#000000; font-weight:300; font-size:2.88em; line-height:1.4em;}
.introduce .info .txt_b {color:#000000; font-weight:700; font-size:1.33em; line-height:1.4em; padding:1.7em 0px; border-bottom: 4px solid #000; margin-bottom:1.7em; letter-spacing:-0.5px;}
.introduce .info .txt_c {color:#333333; }

.introduce .sign {text-align: right; padding-top: 1em; color: #000; font-weight: 500;}


.exhibition {display: flex; justify-content:space-between}
.exhibition > li {flex: 1; max-width:310px; padding: 10px;}
.exhibition > li .img {border: 1px solid #000;}
.exhibition > li .txt {text-align: center; padding-top:0.8em; font-size: 1.1em; font-weight:700;}


.safety > li {margin-bottom: 50px;}
.safety > li > dl {display: flex; flex-wrap: wrap}
.safety > li > dl > dt {border-top:5px solid #ff647b; font-size:2em; font-weight: 300; color: #ff647b; padding-top: 40px; line-height: 1.4em;}
.safety > li > dl > dt {width:30%; word-break: break-all; max-width: 300px;}
.safety > li > dl > dd {flex: 1; padding-left: 20px;}
.safety .vision {display: flex; justify-content: center; align-items: center; padding: 10px; color: #fff; background: #ff647b; font-size:2.8em; font-weight: 700; line-height: 1.3em; min-height: 150px; text-align: center}
.safety .target {display: flex;}
.safety .target > li {flex: 1; border: 1px solid #ff647b}
.safety .target > li:not(:first-child) {border-left-width:0px;}
.safety .target > li .box {min-height: 215px; height: 100%; padding: 10px; display: flex; justify-content: center; align-items: center; flex-direction: column; color: #ff647b; font-size: 1.33em; line-height: 1.4em; font-weight: 700; text-align: center}
.safety .target > li .box .ico {padding-bottom:20px;}
.safety .management .txt_a {display: flex; text-align: center; justify-content: center; align-items: center; padding: 10px; color: #fff; background: #767475; font-size:1.3em; font-weight:600; line-height: 1.3em; min-height: 150px; }
.safety .management > ul {display: flex; flex-wrap: wrap; margin-top: 15px;}
.safety .management > ul > li {width: 50%; padding: 10px; border: 1px solid #767475; min-height: 150px; text-align: center;}
.safety .management > ul > li .num {display: flex; width: 30px; height: 30px; line-height: 1.1em; font-weight: 600; background: #767475; color: #fff; justify-content: center; align-items: center; font-size: 16px; text-align: center; margin-bottom: 10px;}
.safety .management > ul > li:nth-child(even) {border-left-width:0px;}
.safety .management > ul > li:nth-child(n+3) {margin-top: -1px}

.rule_tit {text-align: center;}

.rule_tit > h3 {font-size:2em; display:inline-flex; font-weight:800; line-height: 1.3em; align-items: center; padding-bottom:1em}
.rule_tit > h3:before {display: block; content: ""; min-width:72px; width:72px; height:45px; background: url(../img/iccjeju/point_l.png) no-repeat left top/cover; margin-right: 10px;}
.rule_tit > h3:after {margin-left: 10px; display: block; content: ""; min-width:72px; width:72px; height:45px; background: url(../img/iccjeju/point_r.png) no-repeat left top/cover}

.declaration > li {padding: 20px 0px; border-bottom:1px solid #eaeaea; display: flex; align-items: center}
.declaration > li .count {width:70px; height:70px; border-radius:6px; background: #ff647b; color: #fff; display: flex; justify-content: center; align-items: center; font-size:1.3em; font-weight:700; margin-right:20px; min-width: 70px; }

.sign_tc {font-weight: 600; text-align: center; padding-top:2em; border-top:4px solid #000; }

.sunlight {display: flex; flex-wrap: wrap; margin-top: 1em;}
.sunlight > div {display: flex; align-items: center; width: 50%; border: 1px solid #ccc; padding: 20px;}
.sunlight > div:not(:first-child) {border-left-width:0px;}
.sunlight > div .img {width: 45%; max-width:290px; padding-right:20px;}


.half_section {display: flex; flex-wrap: wrap; margin: 0px -15px;}
.half_section .box {width: 50%; padding: 0px 15px;}

.iccjeju_platform > ul {display:flex; align-items:center; border:1px solid #e4e7ef; border-radius: 320px; padding: 3% 4%;}
.iccjeju_platform > ul > li {flex:1}
.iccjeju_platform > ul .box {padding-bottom:100%; border-radius:100%; position:relative;}
.iccjeju_platform > ul .box > p {position:absolute; left:0px; top:0px; padding:10px; width:100%; height:100%; text-align:center; border-radius:100%; display:flex; justify-content:center; align-items:center; color:#fff; font-size:1.2em; line-height:1.4em; font-weight:500;}
.iccjeju_platform > ul .plus {flex:none; width:7%; text-align:center; font-size:80px; line-height:1em; font-weight:800; color:#e4e7ef}

.iccjeju_platform > dl {text-align:center;}
.iccjeju_platform > dl > dt {color:#ff647b; font-size:1.5em; line-height:1.4em; font-weight:400; padding-bottom:20px;}
.iccjeju_platform > dl > dt:before {display:block; content:""; width:26px; height:26px; background:#e4e7ef; margin:0 auto; border-radius:100%; margin-top:-13px;}
.iccjeju_platform > dl > dt .ball {width:1px; height:88px; margin:0 auto; background:#e4e7ef; display:block; margin-bottom:20px;}
.iccjeju_platform > dl dd img {width:270px; height:113px;}

.mission {position: relative; font-size: 2em; line-height: 1.4em; font-weight:100; text-align: center; padding:1em; border: 1px solid #000; border-top-color:#fff; border-radius:0px 0px 150px 150px; }
.mission .arrow {display: flex; justify-content: center; align-items: center; width: 72px; height:40px; background: #fff; margin: 0 auto; box-shadow: 0px -6px 5px rgba(0, 0, 0, 10%); position: absolute; left: 50%; top: 100%; margin-top: -20px; transform: translateX(-50%); border-radius: 36px 36px 0px 0px;}
.mission .arrow:after {display: block; content: ""; width: 10px; height: 10px; border-right:2px solid #333; border-bottom:2px solid #333; transform: rotate(45deg)}

.mission > p {position: relative; z-index: 2}
.mission strong {font-weight: 700;}

.vision_txt {color: #fff; text-align: center; background: #fe6464; padding:0.8em; font-size: 2em; line-height: 1.4em; font-weight: 700; background: #fe6464}

.core_values {overflow: hidden; position: relative; padding:60px 0px 10px 0px;}
.core_values:before {display: block; content: ""; width:100%; height:12px; background: #eceff7; position: absolute; right:50%; top: 0px; transform:rotate(-20deg); transform-origin: right top}
.core_values:after {display: block; content: ""; width:100%; height:12px; background: #eceff7; position: absolute; left:50%; top: 0px; transform:rotate(20deg); transform-origin: left top}
.core_values > ul {display: flex; flex-wrap: wrap; position: relative; z-index: 2}
.core_values > ul > li {width: 25%; padding: 5px;}
.core_values > ul > li > dl {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 130px; border: 1px solid #e4e7ef; padding: 10px; text-align: center; word-break: break-all; background: #fff; border-radius:60px;  }
.core_values > ul > li > dl dt {font-size:1.22em; line-height: 1.3em; }
.core_values > ul > li > dl dd {font-size:1.7777em; line-height: 1.3em;}
.core_values > ul > li > dl dd strong {color: #e50d20; font-weight:700;}

.strategy_four {min-height:540px; background: url(../img/iccjeju/01_2_bg01.jpg) no-repeat left top/cover; padding: 10px; display: flex; align-items: center; justify-content: center; position: relative}
.strategy_four:before {display: block; content: ""; height: 100%; width:1720px; background: url(../img/iccjeju/01_2_bg01.jpg) no-repeat left top/cover; position: absolute; left: 50%; top: 0px; transform: translateX(-50%)}
.strategy_four > ul {width: 100%; position: relative; z-index: 2; display: flex; flex-wrap: wrap; }
.strategy_four > ul > li {width: 25%; padding: 5px;}
.strategy_four .box {display: flex; height: 250px; border: 1px solid rgba(255, 255, 255, 30%); border-radius:10px; justify-content: center; align-items: center; text-align: center; color: #fff; font-size:1.22222em; font-weight: 600; line-height: 1.4em;}


.esg_wrap .box {margin-top: 20px; display: flex; justify-content: space-between}
.esg_wrap .box .head {display: flex; justify-content: center; align-items: center; border-radius:10px; background:#eceff7; font-size:1.5555em; font-weight:800; color:#000000; width: 20%; max-width: 170px; text-align: center}
.esg_wrap .box .body {flex: 1; max-width:1180px; margin-left:20px;}
.esg_wrap .box .bg {border-radius:10px; background:#eceff7;}
.esg_wrap .box .txt_a {padding:0.8em; text-align: center; font-size:2em; font-weight: 100; line-height: 1.4em; }
.esg_wrap .box .txt_a > strong {font-weight: 700;}

.esg_wrap .target, .esg_wrap .strategy, .esg_wrap .element {display: flex; margin: -10px;}
.esg_wrap .target > li, .esg_wrap .strategy > li, .esg_wrap .element > li {width: 33.333%; padding: 10px;}
.esg_wrap .target dl {border: 1px solid #ff647d; border-radius:10px; display: flex; flex-direction:column; min-height: 170px; padding: 10px; justify-content: center; align-items: center; text-align: center}
.esg_wrap .target dl dt {color: #ff647d; font-size: 1.7777em; font-weight: 700; line-height: 1.3em; padding-bottom: 10px; word-break: break-all;}
.esg_wrap .target dl dd {}
.esg_wrap .target > li:nth-child(2) dl {border-color:#ff647d}
.esg_wrap .target > li:nth-child(2) dl dt {color:#ff647d}
.esg_wrap .target > li:nth-child(3) dl {border-color:#ff647d}
.esg_wrap .target > li:nth-child(3) dl dt {color:#ff647d}


.esg_wrap .strategy dl {border-top:10px solid #ff647d; border-bottom: 2px solid #ff647d; display: flex; flex-direction:column; min-height: 170px; padding: 10px; justify-content: center; align-items: center; text-align: center}
.esg_wrap .strategy > li:nth-child(2) dl {border-color:#ff647d}
.esg_wrap .strategy > li:nth-child(3) dl {border-color:#ff647d}


.esg_wrap .element dl {text-align: center; min-height: 100%; padding:1.5em;}
.esg_wrap .element dl dt {display: flex; height: 60px; border-radius:30px; padding: 10px; font-size:1.1em; color: #fff; line-height: 1.3em; background: #ff647d; justify-content: center; align-items: center;}
.esg_wrap .element dl dt:not(:first-child) {margin-top: 10px;}
.esg_wrap .element dl dd {min-height:4em; line-height: 1.3em; padding-top:15px;}
.esg_wrap .element > li:nth-child(2) dl dt {background:#ff647d}
.esg_wrap .element > li:nth-child(3) dl dt {background:#ff647d}

.store_info > li:not(:first-child) {margin-top:70px;}
.store_info .box {display:flex; align-items:center; flex-wrap:wrap;}
.store_info .box .img {width:50%;}
.store_info .box .info {padding-left:30px; display:flex; align-items:center; justify-content:center; flex:1;}
.store_info .box .info > div {width:100%; max-width:480px;}
.store_info > li:nth-child(even) .box .img {order:2}
.store_info > li:nth-child(even) .box .info {padding-left:0px; padding-right:30px;}

.store_info .info .time  {display:flex; align-items:center; flex-wrap:wrap; justify-content: space-between; margin:-10px;}
.store_info .info .time > li {display: flex; align-items: center; min-width:40%; padding:10px;}
.store_info .info .time > li .ico { min-width: 80px;}
.store_info .info .time > li dl {flex: 1}
.store_info .info .time > li dl dt {font-weight: 700;}

.li_line > li:not(:first-child) {border-top:1px solid #000; margin-top:35px;}
.li_line .tel {display:flex; align-items:center;}
.li_line .tel img {margin-right:10px;}

.bul01.two {display:flex; flex-wrap:wrap;}
.bul01.two > li {width:50%; margin:0px;}

.subpage {color:#333; font-size:12px; line-height:1.5em;}
.subpage * {color:#333; line-height:1.5em; font-size:12px; font-weight:400;}
.subpage strong {font-weight: 800;}
.subpage .blue {color: #0b0bce !important}
.subpage .h1_tit {font-size:36px; font-weight:600; line-height:1.4em; padding-bottom:5px; text-align:center;}
.subpage .date {text-align: right; border-bottom: 2px solid #009; font-weight:500; padding-bottom: 5px; line-height: 1.3em; margin-bottom: 10px;}
.subpage .top_td {display: flex; justify-content: flex-end; padding-bottom: 20px;}
.subpage .top_td > li {width:80px; height: 80px; border: 1px solid #000; position: relative;}
.subpage .top_td > li:before {display: block; content: ""; width: 100%; height: 1px; background: #000; position: absolute; left: 0px; top:20px;}
.subpage .top_td > li:not(:first-child) {border-left:none;}
.subpage .table_style1 {width: 100%; margin: 0px;}
.subpage .table_style1 tbody tr th {border: 1px solid #ccc !important; padding: 5px;}
.subpage .table_style1 tbody tr td {border: 1px solid #ccc !important; padding: 5px; height:25px;}
.subpage .table_style1 tbody tr td.subject {padding-left: 5px;}

.brochure_down_list {border:1px solid #000; border-top:5px solid #000;}
.brochure_down_list > ul {display:flex;}
.brochure_down_list > ul > li {width:/*25%*/33%; border-left:1px solid #000; padding:35px 10px;}
.brochure_down_list > ul > li:first-child {border-left:none;}
.brochure_down_list dl {max-width:85%; margin:0 auto; text-align:center;}
.brochure_down_list dl dt {font-weight:800; color:#000; padding-bottom:10px;} 
.brochure_down_list dl dd {margin-top:10px;}
.brochure_down_list dl dd a {display:flex; height:60px; border:1px solid #c41525; align-items:center; justify-content:center; color:#000; font-weight:700; background:url(../img/common/ico_down5.png) no-repeat 90% center;}

.pr_video_wrap {max-width:1020px; margin:0 auto;}
.pr_video_wrap .youtube_wrap {overflow:hidden; border-radius:10px;}
.pr_video_wrap .btn {display:flex; margin:-3px; padding-top:20px;}
.pr_video_wrap .btn > li {width:25%; padding:3px;}
.pr_video_wrap .btn > li > a {display:flex; height:60px; border:1px solid #cccccc; align-items:center; justify-content:center; color:#999999; font-weight:800; transition:all 0.2s 0s ease-in-out;}
.pr_video_wrap .btn > li > a.on {color:#000000; border-color:#000000}















/* ------------------------------------------------------------
 * 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) {

	
    .m_gnb_on {display:block; margin:0px;}
    .w_gnb {display:none;}
    
	.main_visual:after {width:33vw; padding-bottom:27%; height:0px; background-size:cover}
	
	#header {padding:0px 10px; }
	.section {padding:70px 10px; font-size:17px;}
	#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;}
	
	.list .event_slide .box {width: 50%}
	
	.img_org img {max-width:100%;}
	.img_org_txt {max-width: 90%; margin-left: auto; margin-right: auto;}


	
}

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

/*	.space_info .box {min-width: 100%; width: auto; height: auto}*/
	.space_info_wrap {width: 100%;}
	.space_info_wrap .prevArrow {left:0px; margin: 0px; transform: translateY(-50%)}
	.space_info_wrap .nextArrow {left: auto; right: 0px; margin: 0px; transform: translateY(-50%)}
}

/* 980px 이하 */
@media screen and (max-width:979px) {
	.sub_wrap #header.down {top:-80px}
	#wrap {padding-top:80px;}
	.sub_wrap {padding-top:80px;}

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

	.main_visual .v_frame .visual_txt img {max-width:70vw}
	
	.main_quick {flex-wrap: wrap}
	.main_quick > li:nth-child(1) {width: 100%}
	.main_quick > li {width:50%}
	.main_quick > li:nth-child(4) {width: 100%}
	
	.m_tit {font-size:40px;}
	
	.venue_wrap > div {width: 100%}
	.venue_wrap .img_banner {height: auto; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; padding-bottom: calc(480 / 960 * 100%);}
	.venue_wrap .img_banner:before {width: 100%; height: 100%; background-size:cover}
	.venue_wrap .venue_banner {max-width: 100%; padding-left: 0px; padding-bottom: 50px;}
	.venue_wrap .venue_banner .img > a > img {width: 100%;}
	
	.news_list > li > a {padding: 20px;}
	.main_board_tit .m_tit {width: 100%;}
	.main_board_tit .tab {padding-top:10px;}
	
	#section6 .tit_area {margin-bottom:70px;}
	#section6 .tit_area .sns {bottom: -60px;}
	
	.instagram_wrap .list li .pic {width: 220px; height: 220px;}

	
	.txt_banner {font-size:5.5vw; min-height:auto;}
	.txt_banner img {max-width:18vw;}
	
	.newsletter_wrap > dl > dd {padding: 10px 0px 0px 0px; width: 100%; flex: initial;}
	
	
	.sub_con {font-size: 17px;}
	
    #sub_tit {font-size:58px;}
    .sub_visual .sub_txt > h2 {padding-bottom:0px}
    

    .title_bar:before {display:none;}
	
	
    
	
	.sub_visual:after {margin:0px; left:auto; right:0px; background-size:cover; height:160px; width:270px}
	.sub_visual:before {margin:0px; left:0px; background-size:cover; height:160px; width:140px}
	
	#footer {padding:30px 0px; background: none;}
	#footer_navi {height:auto; justify-content:center}
	#footer_navi > ul {padding: 0px; display: flex; flex-wrap: wrap; justify-content: center;}
	#footer_navi .navi > li {padding: 0px 7px;}

	#footer > div {width: 100%;}

    #footer .addressW {padding:20px 0px 0px 0px; min-height:inherit; background-position:center 20px; font-size:15px; text-align:center;}
	#footerW .copy > p {text-align:center;}
	#footerW .copy {text-align:center; font-size:15px;}
	#footer .addressW .f_link {display:none;}
	#footerW .familySite {position:relative; max-width:250px; margin:0 auto; margin-top:20px; right:auto ;top:auto} 
	#footer .go_top {top:-37px}
	
	.introduce > div {width:100%;}
	
	
	.event_info_wrap .schedule {width: 100%; padding-right: 0px; border: none;}
	.event_info_wrap .list {padding: 30px 0px 0px 0px;}
	
	.step_box > ul > li {width: 33.3333%}
	
	.exhibition > li {flex: initial; width: 25%;}
	.iccjeju_platform > ul {flex-wrap:wrap; border-radius:10px;}
	.iccjeju_platform > ul > li {flex:none; width:100%}
	.iccjeju_platform > ul .box {border-radius:10px; padding:10px;}
	.iccjeju_platform > ul .box > p {position:relative; left:auto; top:auto; }
	.iccjeju_platform > ul .plus {width:100%; padding-bottom:10px;}
	
	.core_values > ul > li {width: 50%;}

	.esg_wrap .box {display: block;}
	.esg_wrap .box .body {margin: 0px;}
	.esg_wrap .box .head {display: block;width: auto; max-width: inherit; background: none; text-align: left; margin: 0px 0px 10px 0px;}
	.esg_wrap .box .head br {display: none;}
	.esg_wrap .box:not(:first-child) .head {margin-top:40px;}
}

/* 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:40px;}
	.top_menu {display:none;}
	.top_search > button .txt {display:none;}
	.pc_view {display:none}
	.mb_view {display:block}
	.main_layer_pop {-webkit-overflow-scrolling:touch; position:fixed; overflow-y:auto; width:100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left:0 !important; right:0 !important; top:0 !important; bottom:0; z-index:99999; background:url(../img/common/png_70.png) repeat left top; zoom:1; margin:0px !important}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}
	
	#section1 {margin-top: 40px;}
	.over_view {width: 120px; height: 120px;}
	
	.main_visual .v_frame {position: absolute; left: 0px; top: 0px; right: 0pxx; bottom: 0px; height: 100%;}
	.main_visual .mb_img {display: block;}
	.main_visual .v_frame .visual_txt {font-size: 8vw}
	
	.news_list > li {width: 33.333%}
	.news_list > li:nth-child(4) {display: none;}
	
	.instagram_wrap .list li .pic {width: 160px; height: 160px;}
	.instagram_wrap .list li {padding: 0px 10px;}

	#section6 .tit_area {font-size: 1.4em;}
	
	.up #lnb_wrap.fixed .lnb {top:70px;}

	.in_header {height:70px;}
	
	.m_tit {font-size:28px;}
	.main_quick {flex-wrap:wrap}
	
	.section {font-size:16px}
	#footer_navi .navi > li a {font-size:14px;}

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

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

	#lnb_wrap .lnb .lnbs {max-width:none;}
	#lnb_wrap .lnbs1 {display:block;}
	#lnb_wrap .lnb .lnbs2 {display:block;}
	#lnb_wrap .lnbs3 {display:none;}
	#lnb_wrap .ico_home {display:block;}


	.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:45px; height:45px;}
/*
	.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}
*/
	
	
	
	
    
	.sub_con {font-size:15px;}
	#sub_tit {font-size:48px;}
	.sub_visual .sub_txt {height:300px; font-size:19px; word-break:keep-all}
	

    .title_bar {margin-bottom:0px; padding:25px 0px 30px 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:26px; padding-bottom: 20px; margin-top:50px;}
	.s_tit.line {margin-bottom: 20px;}
	.ss_tit {font-size: 22px;}
	.s_tit + .s_tit_txt {padding-bottom: 20px; margin-top: -15px;}

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

	
    /*atab*/
    .atab li a {font-size:16px;}

	
	
	
	.btab li {padding: 0px 10px;}
	

    .btn-tc > a {margin:0px;}
	.btab {border-width:2px; }
    .btab li a {padding:5px 0px; font-size:15px;}

	.m_th_b {width:135px !important;}
	.m_th {width:115px !important;}
    .m_th_s {width:95px !important;}
    .m_th_ss {width:75px !important;}
	
	.txt_ico img {height:34px;}
	.s_tit > img {max-height:32px;}
	.s_tit.line4 {border-width:2px;}
	
	
	.lnbs3 > ul > li > a {font-size:16px;}

	
	.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;}
	
	.event_view > div:nth-child(1) {padding: 0px;}
	.event_view > div:nth-child(2) {padding:20px 0px 0px 0px;}
	.event_view > div {width: 100%;}
	
	.arrow_group .slick-arrow {width: 75px; height: 75px; font-size: 15px;}
	.arrow_group > .nextArrow:after {width: 20px; height: 20px;}
	.arrow_group > .prevArrow:before {width: 20px; height: 20px;}
	
	.page_heade {font-size: 2.2em;}
	
	.half_area {margin: -10px;}
	.half_area .area {width: 100%; padding: 10px;}
	
	.service_info {flex-wrap: wrap}
	.service_info .img {padding: 0px 0px 20px 0px !important; width: 100%; order: initial !important;}
	.service_info .info {max-width:100% !important }
	
	.ico_note:before {width:21px; height: 18px; border-bottom: 16px solid #333333; border-left: 9px solid transparent; border-right: 9px solid transparent; margin-top: 2px;}
	.ico_note:after {width:20px; height: 18px; font-size: 12px; top: 3px;}
	
	.business_center > li {padding: 20px 10px;}
	
	.step_box > ul > li {width: 50%}
	.step_box .box {min-height: inherit}
	
	.section_line {margin:50px 0px;}
	
	.rental_inquiry > li > dl dd > ul > li > span img {width: 18px;}
	
	.airline_list > li {width: 33.333%}
	
	.iccjeju_outline2 .box {width: 100%;}
	.iccjeju_outline2 .box:nth-child(2) {padding-left: 0px;}
	.iccjeju_outline .info > li {width: 50%;}
	.iccjeju_outline2 h4 {margin-top:30px !important}
	
	.history_section .history_wrap:not(:first-child) {margin-top: 30px;}
	.history_wrap {flex-wrap: wrap}
	.history_wrap > div {width: 100%}
	.history_wrap .left {max-width: inherit; padding: 0px;}
	.history_section .history_wrap .right {margin-top:10px !important;}
	
	.organization {overflow-x: auto}
	.organization .lv3 {padding: 10px;}
	
	.organization .lv2_wrap > li {padding: 0px 5px;}
	
	.color_system > ul > li {width:50%;}
	
	.logo_type > li {width: 50%}
	
	.iccjeju_outline .info.two > li {width: 100%}
	.iccjeju_outline .info.two > li:not(:first-child) {padding-top: 0px;}
	
	.exhibition {flex-wrap: wrap;}
	.exhibition > li {width:50%;}
	
	.safety > li > dl > dd {flex: initial; width: 100%; padding-left: 0px;}
	.safety > li > dl > dt {width: 100%; padding: 10px 0px;}
	
	.half_section .box {width: 100%}
	.sunlight > div {flex-wrap: wrap; align-items: flex-start; align-content: flex-start;}
	.sunlight > div .img {width: 100%; max-width: 100%; padding: 0px 0px 10px 0px; text-align: center}
	
	.strategy_four > ul > li {width: 50%}
	.strategy_four .box {height: 120px;}
	
	.introduce .info {width: 100%;}
	.introduce .img {flex:none; max-width: inherit; text-align:center; padding:0px 0px 0px 0px;}
	.introduce .img img {width: 100%;}
	.esg_wrap .target, .esg_wrap .strategy, .esg_wrap .element {flex-wrap: wrap}
	.esg_wrap .target > li, .esg_wrap .strategy > li, .esg_wrap .element > li {width: 100%}
	.esg_wrap .target dl {min-height: 130px;}
	.esg_wrap .strategy dl {min-height: 120px;}
	
	.store_info .box .img {width:100%}
	.store_info .box .info {flex:none; width:100%; padding:20px 0px 0px 0px !important; }
	.store_info .box .info > div {max-width:100%}
	.store_info > li:nth-child(even) .box .img {order:0;}

	.brochure_down_list > ul {flex-wrap:wrap}
	.brochure_down_list > ul > li {width:50%}
	/* 4개일때
	.brochure_down_list > ul > li:nth-child(3) {border-left:none;}
	.brochure_down_list > ul > li:nth-child(n+3) {border-top:1px solid #000;}
	*/
	/* 3개일때 */
	.brochure_down_list > ul > li:nth-child(2) {border-bottom:1px solid #000;}
	.brochure_down_list > ul > li:nth-child(3) {border-left:none;border-top:1px solid #000;border-right:1px solid #000;}
	.brochure_down_list > ul > li:nth-child(4) {border-left:none;border-top:none;}
	.brochure_down_list dl dt {font-size:1.2em;}

}





/* 480px 이하 */
@media screen and (max-width:479px) {
	.sub_wrap #header.down {top:-60px}
	#wrap {padding-top:60px;}
	.sub_wrap {padding-top:60px;}


	
	.menu_btn a:before {display:none;}
	.up #lnb_wrap.fixed .lnb {top:60px;}
    #wrap {transition:all 0.3s 0s ease-in-out;}
	.top_dday {font-size:20px; right:50px; padding-top:3px;}
    .in_header {height:60px;}
    .menu_btn {}

	
    .menu_btn .line-middle {top:8px;}
	.top_search {right:40px;}
	.top_search > button img {width:20px;}
	.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:20px; height:20px;}
	.more > a > span:after {width:10px; margin-left:-5px;}
	.more > a > span:before {height:10px; margin-top:-5px;}
	.more > a {font-size:13px;}
	
	.main_visual .v_frame {height:400px;}

    .m_tit {font-size:22px;}
    .m_tit img {height:20px;}
    .m_tit_txt {font-size:15px;}
	.m_tit .mont {font-size: 13px;}
    
	.ico_note {font-size:12px;}
	.section {font-size:13px; padding:40px 10px;}
	.main_quick > li {width: 100%;}
	.main_quick > li > a {min-height:120px; justify-content: center;}
	.main_quick .ico img {max-width:60px;}
	.main_quick .txt img {width: 20px;}
	.main_quick .arrow {margin-top: 10px;}
	.main_quick .arrow img {width: 20px;}
	.main_quick .txt {padding-top: 0px;}
	
	.section .go_btn > a img {width:20px;}
	
	.event_slide .box > a {padding: 20px;}
	.event_slide_wrap .event_slide {margin: 0px -10px;}
	.event_slide_wrap .slick-arrow {display: none !important;}
	
	.event_slide .box .txt_b {font-size: 1.4em;}
	.event_slide .box .date {font-size: 13px;}
	.event_slide .box .pic .txt_d .mont {font-size: 10px;}
	.event_slide .box .pic .txt_d {font-size: 1.2em;}
	.news_list > li > a {padding: 10px;}
	.news_list > li {width: 50%}
	.news_list > li:nth-child(3) {display: none;}
	
	.txt_slide {height: 100px;}
	
	.newsletter_wrap .input_area .btn {height: 50px; width: 130px; line-height: 45px; font-size: 14px;}
	.newsletter_wrap .input_area .input {height: 50px;}
	
	.newsletter_wrap > dl > dt > strong {font-size: 5.5vw;}
	.newsletter_wrap > dl > dt > strong img {width: 30px;}
	
	.instagram_wrap .list li {padding: 0px 5px;}
	.instagram_wrap .list li .pic {width: 100px; height: 100px;}
	
	.venue_wrap .img_banner > p img {max-width:64vw}
	.venue_wrap .img_banner .txt_b {font-size: 4vw}
	#section6 .tit_area {font-size: 1.2em;}
	#section6 .tit_area .sns img {width: 34px;}
	
	#footer .addressW {font-size:12px; background-size:auto 34px;}
	#footer_navi .sns > a img {height:34px;}
	#footer_navi .navi > li {padding:5px 8px;}
	#footer_navi .navi > li:not(:first-child):after {height:10px; margin-top:-5px;}
  

    #footer .addressW address {margin:0px;}
    #footer .addressW address strong {display:block;}
    #footer .addressW address span {padding:2px 5px;}
	
	#footerW .copy {font-size:12px;} 
	#footer_navi .navi > li a {font-size:12px;}
	
    

    .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_position {height:50px; margin-top:20px;}
/*	#lnb_wrap .lnb {padding:0px;}*/

	.lnb_tit, a.lnb_tit {height:50px; line-height:50px; font-size:14px;}
	.lnb ul li a {font-size:13px;}
	.lnb_tit:after {right:10px;}
   
    #sub_tit {font-size:30px;}
	.sub_visual .sub_txt {height:170px; padding:0px 20px;}
	.sub_visual .sub_txt .txt_a {font-size:14px; line-height:1.3em;}


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

  	#lnb_wrap .lnbs3 > ul > li > a {font-size:14px; height:55px;}
    
    .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:20px 0px 20px 0px; margin-bottom:0px; background-size:auto 60px;}
	.title_bar h2 {font-size:1.9em;}
	.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:14px; 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.on a {border-width:3px; }
  
    .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;}
   

	.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}
	
	
	.searchPop {font-size:13px; padding:0px 10px;}
	.searchPop .inner {height:140px;}
	.search_area .btn {min-width:90px;}
	.search_area:before {width:calc(100% - 55px);}
	.search_area {height:48px;}
	.search_area .check {min-width:105px;}
	
	
    .map_wrap {height:250px;}
	.map_p {font-size:16px;}
	.map_p > strong img {width:14px;}
	.map_info .info > ul {padding-left:24px;}
	.map_tit .ico {width:35px;}
	.map_tit .ico img {width:80%;}
	.map_in {padding-left:35px;}
	.map_number {padding: 10px;}
	.map_number > ul > li {padding:5px; flex: initial; width: 100%;}
	.map_number > ul:before {display: none;}
	.map_number > ul > li .ico {line-height: 1em;}
	.map_number > ul > li .ico img {width: 16px;}
	
	.event_info_wrap {padding-top: 20px;}
	.event_info_wrap .schedule .calendar {padding: 20px;}
	.list .event_slide {margin: 0px -10px;}
	.list .event_slide .box > a {padding: 0px 10px 30px 10px;}
	.list .event_slide .box .date {padding-top: 15px;}
	.event_slide .box .txt_a {padding: 20px 0px 5px 0px;}
	.event_slide .box .date {padding-top: 15px;}
	
	.event_info_wrap .tab > li > button {font-size: 15px;}
	.event_info_wrap .search .input {height: 50px;}
	
	.event_view .info .txt_a {height: 30px;}
	.event_view .info .txt_b {font-size: 2em;}
	.event_view .info .date {font-size: 1.5em;}
	.event_view .info .dec > li .txt {font-size: 1.2em;}
	.event_view .info .date {border-width:2px; }
	
	.space_info .slick-slide {padding: 0px 0px;}
	.arrow_group .slick-arrow {width: 40px; height: 40px; font-size: 0px;}
	.arrow_group > .nextArrow:after {width: 12px; height: 12px;}
	.arrow_group > .prevArrow:before {width: 12px; height: 12px;}
	
	.page_heade {font-size:1.8em;} 
	.page_heade .mont {font-size: 13px;}
	
	.menu_price > dl dd .bul01 {padding-left: 0px; padding-right: 0px;}
	.menu_price > dl dd .bul01 > li .txt_a {min-width: 125px;}
	
	.use_info > ul {flex-wrap: wrap}
	.use_info > ul > li {width: 50% !important; flex: initial; margin-top: -1px; min-height: 150px;}
	.use_info > ul > li .ico img {max-width:9vw;}
	.use_info > ul > li .txt_a {padding-top: 10px;}
	.use_info > ul > li:nth-child(odd) {border-left:1px solid #000;}
	
	.wedding_menu {margin: -20px;}
	.wedding_menu > li {width: 100%; padding: 20px;}
	
	.business_center > li  {width: 100%; flex: initial}
	.business_center > li:not(:first-child) {border-left:1px solid #000; border-top: none;} 
	
	.step_box > ul > li {width:100%; padding: 10px;}
	.step_box > ul > li:not(:last-child):After {display: none;}
	.step_box > ul {margin: -10px;}
	.step_box .box .ico {padding: 20px 0px;}
	.step_box .box .txt_a {font-size: 1.25em; min-height: inherit}
	
	.note_box {padding:15px;}
	
	.note_box_in .ico {width: 16px; min-width:16px; margin-right: 5px;}
	.note_box_in .info > h4 {font-size: 1.05em;}
	
	.section_line {height:2px; margin:35px 0px;}
	.rental_inquiry > li > dl {flex-wrap: wrap}
	.rental_inquiry > li > dl dt {width: 100%;}
	.rental_inquiry > li > dl dd > ul > li {width: 100%}
	.rental_inquiry > li > dl dd > ul > li > span {width: 100%; margin-bottom:5px;}
	.rental_inquiry > li > dl dd > ul > li > span img {width: 14px;}
	.rental_inquiry > li {margin-top: 10px;}
	
	.airline_list {margin: -5px;}
	.airline_list > li {width:50%; padding: 5px;}
	.airline_list .box {min-height: 155px; padding-bottom:20px;}
	
	.img_banner .bt {font-size:1.4em;}
	.img_banner .bt .txt {border-bottom: 1px solid #fff;}
	.img_banner .bt .arrow {line-height: 1em; margin-left:0.5em;}
	.img_banner .bt .arrow img {max-width:4vw}
	
	.newsletter_view_wrap {border-width:2px; }
	
	.img_org_txt {font-size: 1.6em;}
	.iccjeju_outline .txt {font-size: 1.3em;}
	.iccjeju_outline .txt > strong {padding-right: 20px;}
	.iccjeju_outline .info {margin: 0px -10px;}
	.iccjeju_outline .info > li {padding: 20px 10px;}
	.iccjeju_outline .info .box {border-width:2px; padding-top: 15px;}
	.iccjeju_outline .info .box .ico {min-width: 40px;}
	.iccjeju_outline .info .box .ico img {width:30px;}
	.iccjeju_outline .info .box .txt_b {font-size: 1.3em;}

	.history_wrap .left .tit .img {padding-top: 20px;}
	.history_wrap .left .tit > h3 {font-size: 2.5em;}
	.history_wrap .right {border-width:2px; }
	.history_wrap .history .year {min-width: 50px;}
	.history_wrap .history .list .date {min-width:105px}
	.history_wrap .history .list > li {padding: 20px 0px;}
	.history_wrap .history .year  {padding: 20px 0px;}
	
	.sss_tit_wrap .fax img {width:18px;}
	
	.organization .lv3 {font-size: 12px;}
	.organization .lv2 {height: 55px;}
	.organization .lv3 {min-height: calc(100% - 60px);}
	.organization .lv1 {height: 55px;}
	.organization .lv1:before {height: 30px;}
	.organization .lv2_wrap {margin-top: 30px; padding-top:30px;}
	.organization .lv2:before {height: 30px;}
	
	.color_system > ul > li .box {height:100px;}
	
	.color_system .box+ul > li {margin:-3px 6px;}
	.color_system .box+ul > li > span {padding: 3px 6px;}
	
	.ci_wrap > li dt {font-size: 1.2em;}
	
	.introduce {padding-top: 40px;}
	.introduce .info .txt_t {font-size: 2em;}
	.introduce:before {width: 41px; height: 26px;}
	.introduce .info .txt_b {border-width:2px; font-size: 1.2em; }
	
	.business_center {border-width:2px; }
	
	.safety > li > dl > dt {border-width:3px; max-width: 210px; }
	.safety .vision {font-size:1.8em; min-height: 110px;}
	.safety .management .txt_a {min-height: 110px;}
	.safety .target > li .box {min-height: 175px; font-size: 1.15em}
	.safety .target > li .box .ico img {width: 50px}
	
	.declaration > li .count {width:50px; height: 50px; min-width: 50px; margin-right: 10px;}
	
	.rule_tit > h3:after {min-width: 42px; width: 42px; height: 26px;}
	.rule_tit > h3:before {min-width: 42px; width: 42px; height: 26px;}
	
	.sunlight > div {padding: 10px;}
	.iccjeju_platform > ul {padding-bottom:20px;}
	.iccjeju_platform > ul .plus {font-size:40px; }
	.iccjeju_platform > dl > dt:before {width:20px; height:20px; margin-top:-10px}
	.iccjeju_platform > dl > dt .ball {height:40pc;}
	.iccjeju_platform > dl dd img {width: 52vw; height:auto;}
	
	.core_values > ul > li > dl {height:80px;}
	.core_values > ul > li > dl dd {font-size: 1.4em;}
	
	.mission {font-size: 2em; padding: 10px 1em 1em 1em; border-radius: 0px 0px 90px 90px;}
	
	.strategy_four {min-height: 320px;}
	
	.esg_wrap .box .txt_a {font-size: 1.5em;}
	.esg_wrap .element dl dt {height: 40px;}
	.esg_wrap .strategy dl {min-height: 90px; border-top-width:5px }
	.service_info .info .time > li .ico {min-width: 40px;}
	.service_info .info .time > li .ico img {width:30px;}
	.service_info .info .time > li:not(:first-child) {margin-top: 20px;}
	
	.store_info .info .time > li .ico {min-width: 40px;}
	.store_info .info .time > li .ico img {width:30px;}
	.store_info .info .time {justify-content: flex-start;}
	.store_info > li:not(:first-child) {margin-top:40px;}
	
	.li_line .tel img {width:16px;}
	.li_line > li:not(:first-child) {margin-top: 20px;}

	.brochure_down_list > ul > li {padding:20px 10px;}
	.brochure_down_list dl dd a {height:40px; background-size: 14px auto;}
	.brochure_down_list dl {max-width:100%}
	.pr_video_wrap .btn {padding-bottom:20px;}
	.pr_video_wrap .btn > li > a {height:40px;}

}