@charset "utf-8";
*{ list-style: none; margin: 0; padding: 0; border: 0; box-sizing: border-box; font-family: "NanumSquareNeo", 맑은 고딕, 微软雅黑, sans-serif; text-decoration: none;}
select::-ms-expand{ display: none;}
html{ overflow-y: scroll; width: 100%; height: 100%; background: #FFF;}
body{ overflow: hidden; padding: 180px 0 0 0; background: #FFF; -webkit-text-size-adjust: none; word-break: keep-all; font-weight: 300; letter-spacing: 0; color: #000;}
@media(max-width: 767px){
    body{ padding: 145px 0 0 0;}
}


.type_full{ padding: 0 40px !important;}
.type_row{ margin: 0 auto; max-width: 1200px; width: 100%;}
@media(max-width: 1301px){
}
@media(max-width: 767px){
    .type_full{ padding: 0 15px !important;}
}


.all_menu{ position: fixed; z-index: 110; top: 0; right: 100%; bottom: 0; left: -100%; background: rgba(0 0 0/70%); opacity: 0; transition: opacity .3s;}
.all_menu .row{ overflow: auto; display: flex; flex-direction: column; position: fixed; z-index: 10; top: 0; right: 100%; bottom: 0; left: -100%; width: 400px; padding: 50px; background: #FFF; opacity: 0; transition: all .5s;}
.all_menu .close{ position: fixed; top: 0; right: 100%; bottom: 0; left: -100%; background: rgba(0 0 0/0.0001%);}
.all_menu .logo{ display: block; height: 70px;}
.all_menu .logo img{ display: block; width: auto; height: 100%;}
.all_menu .menu{ margin: 30px 0 0 0; width: 100%;}
.all_menu .menu > ul{}
.all_menu .menu > ul > li{ padding: 20px 0; border-top:1px solid #DDD; cursor: pointer;}
.all_menu .menu > ul > li:first-child{ border:0;}
.all_menu .menu > ul > li > a{ display: flex; justify-content: space-between; align-items: center;}
.all_menu .menu > ul > li > a p{ font-size: 18px; font-weight: 400; color: #000;}
.all_menu .menu > ul > li > a i{ font-size: 12px; color: #999; transition: all .5s;}
.all_menu .menu > ul > li > ul{ display: none; margin: 20px 0 -20px 0; padding: 10px; background: rgba(0 0 0/5%);}
.all_menu .menu > ul > li > ul li{}
.all_menu .menu > ul > li > ul li a{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 15px 20px; cursor: pointer;}
.all_menu .menu > ul > li > ul li a p{ font-size: 14px; color: #666;}
.all_menu .menu > ul > li > ul li a i{ font-size: 12px; color: #999;}
.all_menu .menu > ul > li.on > a p{ font-weight: 400; color: #0168b7;}
.all_menu .menu > ul > li.on > a i{ color: #0168b7; transform: rotate(180deg);}
.all_menu .menu > ul > li > ul li.on a p{ font-weight: 400; color: #0168b7;}
.all_menu .menu > ul > li > ul li.on a i{ color: #0168b7;}
.all_menu.on{ right: 0; left: 0; opacity: 1; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);}
.all_menu.on .row{ left: 0; opacity: 1;}
.all_menu.on .close{ right: 0; left: 0;}
@media(max-width: 767px){
    .all_menu .row{ width: 300px; padding: 30px;}
    .all_menu .logo{ height: 50px;}
    .all_menu .menu > ul > li{ padding: 20px 0;}
    .all_menu .menu > ul > li > ul li a{ padding: 10px 10px;}
}


.header{ position: fixed; z-index: 100; top: 0; right: 0; left: 0; background: rgba(255 255 255/90%); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); transition: all .3s;}
.header .top{ display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 10; margin: 0 auto; padding: 40px 0 10px 0; max-width: 1200px; width: 100%;}
.header .top .fl{ display: flex; align-items: center;}
.header .top .fl .logo{ display: block; margin: -20px 0 0 0; height: 70px;}
.header .top .fl .logo img{ display: block; width: auto; height: 100%;}
.header .top .fl .search{ display: flex; align-items: center; position: relative; margin: 0 0 0 50px; padding: 2px 57px 2px 2px; width: 420px; height: 50px;}
.header .top .fl .search:before{ content: ""; display: block; position: absolute; top: 0; right: 55px; left: 0; bottom: 0; border-radius: 30px; background: linear-gradient(to right, #1eb0d5, #014099);}
.header .top .fl .search input{ display: flex; align-items: center; position: relative; z-index: 1; margin: 0; padding: 0 20px; width: 100%; height: 100%;  border-radius: 30px; border: 0; background: #FFF; font-size: 14px; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}
.header .top .fl .search i{ position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 30px; background: url(/images/h_sbg.jpg) center/cover; font-size: 20px; color: #FFF; cursor: pointer;}
.header .top .btn{ position: relative;display:flex;}
.header .top .btn > a{ display: flex; justify-content: space-between; align-items: center; padding: 0 15px; width: 120px; height: 40px; border-radius: 10px; border: 1px solid #DDD; cursor: pointer;}
.header .top .btn > a p{ font-size: 12px; color: #000;}
.header .top .btn > a i{ font-size: 14px; color: #999;}
.header .top div.top_right_wrap{display:flex; align-items:center;}
.header .top div.sns_wrap{ padding:0 10px; align-items:center; display:flex; gap:10px}
.header .top div.sns_wrap > a {align-items:center; display:flex}
.header .top div.sns_wrap > a > img{width:35px; transition:0.2s}
.header .top div.sns_wrap > a > img:hover{filter:contrast(1.3)}
.header .top .btn ul{ overflow: hidden; position: absolute; top: 40px; right: 0; left: 0; padding: 10px 0; height: 0; border-radius: 10px; background: #FFF; box-shadow: 0 0 15px 0 rgba(0 0 0/15%); opacity: 0; transition: all .2s;}
.header .top .btn ul li{}
.header .top .btn ul li a{ display: block; padding: 10px 15px; font-size: 12px; color: #666; transition: all .3s;}
.header .top .btn ul li a:hover{ background: rgba(0 0 0/5%);}
.header .top .btn ul li.on a{ font-weight: 300; color: #25acdc;}
.header .top .btn:hover ul{ top: 30px; right: 0; padding: 10px 0; height: auto; opacity: 1;}
.header .bottom{ display: flex; justify-content: space-between; align-items: center; margin: 0 auto; padding: 0 0 0 32px; max-width: 1200px; width: 100%;}
.header .bottom .all_menu_btn{ display: flex; align-items: center; position: absolute; top: 120px; left: 50%; margin: 0 0 0 -600px; height: 40px; cursor: pointer;}
.header .bottom .all_menu_btn i{ font-size: 32px; color: #000;}
.header .bottom .all_menu_btn p{ display: none;}
.header .bottom .menu{ position: relative; margin: 0 0 0 70px;}
.header .bottom .menu .head{}
.header .bottom .menu .head > ul{ display: flex; justify-content: flex-end; align-items: center;}
.header .bottom .menu .head > ul > li{ position: relative; margin: 0 0 0 70px;}
.header .bottom .menu .head > ul > li:first-child{ margin: 0;}
.header .bottom .menu .head > ul > li > a{ display: flex; align-items: center; height: 80px;}
.header .bottom .menu .head > ul > li > a p{ font-size: 18px; font-weight: 400; color: rgba(0 0 0/80%);}
.header .bottom .menu .head > ul > li.on > a p{ font-weight: 400; color: #0168b7;}
.header .bottom .menu .head > ul > li ul{ overflow: hidden; position: absolute; z-index: 10; top: 80px; left: -20px; padding: 0; height: 0; border-radius: 10px; background: #FFF; box-shadow: 0 0 15px 0 rgba(0 0 0/15%); opacity: 0; transition: all .2s;}
.header .bottom .menu .head > ul > li ul li{ position: relative;}
.header .bottom .menu .head > ul > li ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 14px 20px; transition:all .1s;}
.header .bottom .menu .head > ul > li ul li a p{ margin: 0 40px 0 0; font-size: 14px; color: #000; white-space: nowrap;}
.header .bottom .menu .head > ul > li ul li a i{ font-size: 12px; color: #999;}
.header .bottom .menu .head > ul > li:hover ul{ padding: 10px 0; top: 60px; height: auto; opacity: 1; }
.header .bottom .menu .head > ul > li ul li:hover > a{ background: #f5f5f5;}
.header .bottom .menu .head > ul > li ul li:hover ul{ display:block;}
.header .bottom .menu .head > ul > li ul li.on > a p{ font-weight: 400; color: #0168b7;}
.header .bottom .menu .head > ul > li ul li.on > a i{ color: #0168b7;}

.header .bottom .menu .body{ position: absolute; top: 80px; right: 0; left: 0;}
.header .bottom .menu .body:after{ content: ""; position: absolute; top: 0; left: -10000px; right: -10000px; height: 0; border-top: 0 solid rgba(0 0 0/10%); box-shadow: 0 0 0 0 rgba(0 0 0/10%); background: rgba(255 255 255/100%); transition: height .2s;}
.header .bottom .menu .body > ul{ display: flex; position: relative; z-index: 10;}
.header .bottom .menu .body > ul > li{ position: relative; margin: 0 0 0 70px;}
.header .bottom .menu .body > ul > li:first-child{ margin: 0;}
.header .bottom .menu .body > ul > li > a{ display: block; opacity: 0;}
.header .bottom .menu .body > ul > li > a p{ font-size: 18px; font-weight: 400;}
.header .bottom .menu .body > ul > li > ul{ position: absolute; top: 0; left: 0; padding: 0 0; transition: all .2s;}
.header .bottom .menu .body > ul > li > ul li{}
.header .bottom .menu .body > ul > li > ul li a{ overflow: hidden; display: flex; justify-content: space-between; align-items: center; height: 0; transition: all .2s;}
.header .bottom .menu .body > ul > li > ul li a p{ font-size: 14px; color: #000; white-space: nowrap;}
.header .bottom .menu .body > ul > li > ul li a i{ margin: 0 0 0 15px; font-size: 12px; color: #CCC;}
.header .bottom .menu .body > ul > li > ul li a:hover p{ color: #0066CC;}

.header .bottom .menu:hover .body:after{ height: 200px; border-top: 2px solid #44c2e6; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.header .bottom .menu:hover .body > ul > li > ul{ padding: 20px 0;}
.header .bottom .menu:hover .body > ul > li > ul li a{ height: 40px;}


.header .bottom .menu_my{ display: flex; align-items: center;}
.header .bottom .menu_my a{ display: flex; align-items: center;}
.header .bottom .menu_my a i{ margin: 0 2px 0 0; font-size: 24px; color: #000;}
.header .bottom .menu_my a p{ font-size: 14px; color: #333;}
.header .bottom .menu_my span{ display: block; margin: 0 15px; font-size: 12px; color: #CCC;}
.header.on{ box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
@media(max-width: 1301px){
    .header .bottom .all_menu_btn{ left: 40px; margin: 0;}
    .header .bottom .menu{ margin: 0 0 0 40px;}
    .header .bottom .menu > ul > li{ margin: 0 0 0 40px;}
}
@media(max-width: 1025px){
    .header .top .fl .logo{ margin: -10px 0 0 0; height: 60px;}
    .header .top .fl .search{ margin: 0 0 0 30px; width: 300px;}
    .header .bottom{ padding: 0 0 0 24px;}
    .header .bottom .all_menu_btn i{ font-size: 24px;}
    .header .bottom .menu .head > ul > li{ margin: 0 0 0 20px;}
    .header .bottom .menu .head > ul > li > a p{ font-size: 15px;}
    .header .bottom .menu_my span{ margin: 0 8px;}
    .header .bottom .menu_my a i{ font-size: 20px;}
    .header .bottom .menu_my a p{ font-size: 12px;}
}
@media(max-width:1023px){
	.header .top .fl .search{width:250px; height:35px}
	.header .top .fl .search i{width:35px; height:35px; right:auto; left:200px;}
}
@media(max-width: 767px){
    .header .top{ padding: 15px 0;}
    .header .top .fl{ display: flex; align-items: center;}
    .header .top .fl .logo{ height: 40px;}
    .header .top .fl .search{ position: absolute; top: 60px; left: 0; margin: 0; padding: 2px 42px 2px 2px; width: 100%; height: 35px;}
    .header .top .fl .search:before{ right: 40px;}
    .header .top .fl .search input{ padding: 0 15px; font-size: 12px;}
    .header .top .fl .search i{ width: 35px; height: 35px; font-size: 16px; left:auto; right:0;}
    .header .top .btn{ position: relative; z-index: 30;}
    .header .top .btn > a{ padding: 0 15px; width: 90px; height: 30px;}
    .header .top .btn > a p{ font-size: 10px;}
    .header .top .btn > a i{ font-size: 12px;}
    .header .top .btn ul{ top: 35px; padding: 5px 0;}
    .header .top .btn ul li a{ padding: 5px 15px; font-size: 10px;}
    .header .top .btn:hover ul{ top: 25px; padding: 5px 0;}
    .header .bottom{ justify-content: flex-end; padding: 35px 0 0 20px;}
    .header .bottom .all_menu_btn{ top: 95px; left: 15px; height: 50px;}
    .header .bottom .all_menu_btn i{ font-size: 24px;}
    .header .bottom .all_menu_btn p{ display: block; margin: 0 0 0 5px; font-size: 14px; color: #000;}
    .header .bottom .menu .head{ display: none;}
    .header .bottom .menu_my a{ height: 50px;}
    .header .bottom .menu_my a i{ font-size: 20px;}
    .header .bottom .menu_my a p{ font-size: 11px;}
    .header .bottom .menu_my span{ margin: 0 12px;}
	.header .top div.sns_wrap > a > img{width:30px}
}


.footer{ margin: 80px 0 0 0; border-top: 1px solid #DDD;}
.footer .top{ display: flex; justify-content: space-between; align-items: flex-end; padding: 40px 0;}
.footer .top .fl{ display: flex; flex-direction: column;}
.footer .top .fl .logo{ display: block; height: 70px;}
.footer .top .fl .logo img{ display: block; height: 100%;}
.footer .top .fl .menu{ display: flex; align-items: center; margin: 30px 0 0 0;}
.footer .top .fl .menu a{ font-size: 14px; color: #666; cursor: pointer;}
.footer .top .fl .menu span{ display: block; margin: 0 30px; width: 1px; height: 12px; background: rgba(0 0 0/15%);}
.footer .top .fr{ display: flex; align-items: center;}
.footer .top .fr img{ display: block; margin: 0 0 0 30px;}
.footer .bottom{ padding: 30px 0; border-top: 1px solid #DDD;}
.footer .bottom .copy{ font-size: 12px; color: #999;}
@media(max-width: 1025px){
    .footer .top{ flex-direction: column; justify-content: center; align-items: center;}
    .footer .top .fl{ align-items: center;}
    .footer .top .fr{ margin: 30px 0 0 0;}
    .footer .top .fr img{ margin: 0 15px;}
    .footer .bottom .copy{ text-align: center;}
}
@media(max-width: 767px){
    .footer{ margin: 50px 0 0 0;}
    .footer .top{ padding: 30px 0;}
    .footer .top .fl .logo{ height: 50px;}
    .footer .top .fl .menu{ margin: 30px 0 0 0;}
    .footer .top .fl .menu a{ font-size: 12px;}
    .footer .top .fl .menu span{ margin: 0 15px;}
    .footer .top .fr{ margin: 30px 0 0 0;}
    .footer .top .fr img{ margin: 0 15px; width: 100px; height: auto;}
    .footer .bottom .copy{ font-size: 10px;}
}


.scroll_top{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 100; right: 40px; bottom: 100px; width: 50px; height: 50px; border-radius: 50%; background: #e94c07; cursor: pointer; opacity: 0; transform: translate(0,30px); transition: all .5s;}
.scroll_top i{ font-size: 20px; color: #FFF;}
.scroll_top.on{ opacity: 1; transform: translate(0,0);}
@media(max-width: 1301px){
    .scroll_top{ right: 40px; bottom: 80px;}
}
@media(max-width: 767px){
    .scroll_top{ right: 15px; bottom: 30px; width: 40px; height: 40px;}
    .scroll_top i{ font-size: 16px;}
}


.home_top{ margin: 40px 0 0 0;}
.home_top .type_row{ position: relative; padding: 0 300px 0 0;}
.home_top .type_row > .fl{}
.home_top .type_row > .fr{ position: absolute; top: 0; right: 0; width: 260px;}

.home_visual{ position: relative;}
.home_visual .rolling{ overflow: hidden; position: relative; border-radius: 20px;}
.home_visual .rolling .bx-wrapper{ margin: 0;}
.home_visual .rolling .bx-viewport{ left: 0; border: none; background: none; box-shadow: none;}
.home_visual .rolling ul{}
.home_visual .rolling ul li{}
.home_visual .rolling ul li a{ display: block; position: relative;}

.home_visual .rolling ul li a .video{ position: absolute; z-index: 10; top: 50%; right: 40px; left: 45%; transform: translate(0,-50%);}
.home_visual .rolling ul li a .video iframe{ display: block; position: absolute; z-index: 10; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border-radius: 20px !important;}
.home_visual .rolling ul li a .video img{ display: block; width: 100%;}

.home_visual .rolling ul li a > img{ display: block; width: 100%; height: auto;}
.home_visual .rolling ul li .row.on .bg{ transform: scale(1) rotate(0deg) translate(0,0);}
.home_visual .rolling #visual_btn_L{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; left: 120px; bottom: 50px; width: 50px; height: 50px; font-size: 24px; color: rgba(0 0 0/100%); cursor: pointer;}
.home_visual .rolling #visual_btn_L a{ overflow: hidden; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; line-height: 500px;}
.home_visual .rolling #visual_btn_R{ display: flex; justify-content: center; align-items: center; position:absolute; z-index: 10; left: 170px; bottom: 50px; width: 50px; height: 50px; font-size: 24px; color: rgba(0 0 0/100%); cursor: pointer;}
.home_visual .rolling #visual_btn_R a{ overflow: hidden; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; line-height: 500px;}
.home_visual .bx-controls{ display: flex; justify-content: center; align-items: center; position: absolute; top: initial; right: initial; left: 50px; bottom: 50px; padding: 0 20px 0 170px; height: 50px; width: 260px; border-radius: 30px; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/5%);}
.home_visual .bx-controls-auto{ display: flex; justify-content: center; align-items: center; top: initial; right: initial; left: 20px; bottom: 0 !important; width: 50px !important; height: 50px;}
.home_visual .bx-controls-auto .bx-start{ margin: 0 5px !important; opacity: 0.3;}
.home_visual .bx-controls-auto .bx-stop{ margin: 0 5px !important; opacity: 0.3;}
.home_visual .bx-controls-auto .bx-start.active{ opacity: 1;}
.home_visual .bx-controls-auto .bx-stop.active{ opacity: 1;}
.home_visual .bx-pager{ display: flex; justify-content: center; align-items: center; position: initial !important; padding: 0 !important; width: auto !important; font-family: NanumSquareNeo !important; font-weight: 300 !important; font-size: 14px; color: rgba(0 0 0/50%) !important;}
.home_visual .bx-pager font{ display: block; margin: 0 5px 0 0; font-size: 16px; font-weight: 400; color: #000;}

.home_quick{ display: flex; margin: 20px -10px 0 -10px;}
.home_quick a{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 10px; width: 20%; height: 120px; border-radius: 20px; background: #f0f0f0; cursor: pointer;}
.home_quick a:nth-child(1){ flex-direction: initial; width: 40%; background: url(/images/hq_bg.jpg) #fff3e8 center right/cover;}
.home_quick a:nth-child(2){ background: #dbefe2;}
.home_quick a:nth-child(3){ background: #dff5b6;}
.home_quick a:nth-child(4){}
.home_quick a .tit{ margin: 0 20px 0 0;}
.home_quick a .tit .t1{ margin: 0; font-size: 20px; font-weight: 400; color: #000;}
.home_quick a .tit .t2{ margin: 5px 0 0 0; font-size: 14px; color: #666;}
.home_quick a img{ display: block;}
.home_quick a p{ margin: 10px 0 0 0; font-size: 16px; color: #000;}

.home_alarm{ position: relative;}
.home_alarm .head{ display: flex; justify-content: space-between; align-items: center;}
.home_alarm .head .tit{ display: flex; align-items: center;}
.home_alarm .head .tit img{ display: block; margin: 0 10px 0 0;}
.home_alarm .head .tit p{ font-size: 26px; font-weight: 400; color: #000;}
.home_alarm .rolling{ position: relative; margin: 30px 0 0 0;}
.home_alarm .rolling .bx-wrapper{ margin: 0;}
.home_alarm .rolling .bx-viewport{ overflow: hidden; left: 0; border-radius: 20px; border: none; background: none; box-shadow: none;}
.home_alarm .rolling ul{}
.home_alarm .rolling ul li{}
.home_alarm .rolling ul li a{ display: block; position: relative;}
.home_alarm .rolling ul li a img{ display: block; width: 100%; height: auto;}
.home_alarm .rolling ul li .row.on .bg{ transform: scale(1) rotate(0deg) translate(0,0);}
.home_alarm .rolling #hn_btn_L{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: -60px; right: 90px; width: 30px; height: 30px; font-size: 20px; color: rgba(0 0 0/50%); cursor: pointer;}
.home_alarm .rolling #hn_btn_L a{ overflow: hidden; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; line-height: 500px;}
.home_alarm .rolling #hn_btn_R{ display: flex; justify-content: center; align-items: center; position:absolute; z-index: 10; top: -60px; right: 0; width: 30px; height: 30px; font-size: 20px; color: rgba(0 0 0/50%); cursor: pointer;}
.home_alarm .rolling #hn_btn_R a{ overflow: hidden; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; line-height: 500px;}
.home_alarm .bx-controls{ display: flex; justify-content: center; align-items: center; position: absolute; left: initial; top: -60px; right: 0; height: 30px; width: 120px;}
.home_alarm .bx-pager{ display: flex; justify-content: center; align-items: center; position: initial !important; padding: 0 !important; width: auto !important; font-family: NanumSquareNeo !important; font-weight: 300 !important; font-size: 14px; color: rgba(0 0 0/50%) !important;}
.home_alarm .bx-pager font{ display: block; margin: 0 5px 0 0; font-size: 16px; font-weight: 400; color: #000;}

.home_banner{ overflow: hidden; display: block; position: relative; margin: 30px 0 0 0; cursor: pointer;}
.home_banner .img{ position: absolute; z-index: 10; top: 0; right: 0; left: 0; height: 48%; border-radius: 20px; background: url(/images/h_banner2.png) top/100% auto;}
.home_banner .video{ position: absolute; z-index: 10; right: 0; bottom: 0; left: 0;}
.home_banner .video iframe{ display: block; position: absolute; z-index: 10; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border-radius: 20px !important;}
.home_banner .video img{ display: block; width: 100%;}
.home_banner > img{ display: block; width: 100%; border-radius: 20px;}
@media(max-width: 1301px){
    .home_top .type_row{ padding: 0 25% 0 0;}
    .home_top .type_row > .fl{}
    .home_top .type_row > .fr{ padding: 0 0 0 30px; width: 25%;}
}
@media(max-width: 1025px){
    .home_quick{ margin: 10px -5px 0 -5px;}
    .home_quick a{ margin: 0 5px; height: 100px;}
    .home_quick a .tit{ margin: 0 15px 0 0;}
    .home_quick a .tit .t1{ font-size: 16px;}
    .home_quick a .tit .t2{ font-size: 12px;}
    .home_quick a img{ height: 25px;}
    .home_quick a p{ margin: 10px 0 0 0; font-size: 12px;}
    .home_quick a:nth-child(1) img{ height: 35px;}
}
@media(max-width: 767px){
    .home_top{ margin: 20px 0 0 0;}
    .home_top .type_row{ padding: 0;}
    .home_top .type_row > .fr{ display: flex; align-items: flex-end; position: initial; margin: 40px -5px 0 -5px; padding: 0; width: auto;}

    .home_visual .rolling ul li a .video{ right: 15px; border-radius: 10px;}

    .home_visual .rolling #visual_btn_L{ left: 80px; bottom: 15px; width: 30px; height: 30px; font-size: 20px;}
    .home_visual .rolling #visual_btn_R{ left: 110px; bottom: 15px; width: 30px; height: 30px; font-size: 20px;}
    .home_visual .bx-controls{ left: 15px; bottom: 15px; padding: 0 15px 0 130px; height: 30px; width: 190px;}
    .home_visual .bx-controls-auto{ left: 10px; width: 50px !important; height: 30px;}
    .home_visual .bx-pager{ font-size: 10px !important;}
    .home_visual .bx-pager font{ font-size: 12px;}

    .home_quick{ margin: 10px -2.5px 0 -2.5px;}
    .home_quick a{ margin: 0 2.5px; width: 25%; height: 80px; border-radius: 15px;}
    .home_quick a:nth-child(1){ display: flex; flex-direction: column-reverse; width: 25%;}
    .home_quick a .tit{ margin: 0;}
    .home_quick a .tit .t1{ margin: 10px 0 0 0; font-size: 10px; font-weight: 400;}
    .home_quick a .tit .t2{ display: none; font-size: 10px;}
    .home_quick a img{ height: 24px;}
    .home_quick a:nth-child(1) img{ height: 24px;}
    .home_quick a p{ font-size: 10px; font-weight: 400;}

    .home_alarm{ margin: 0 5px; width: 50%;}
    .home_alarm .head .tit img{ margin: 0 5px 0 0; height: 20px;}
    .home_alarm .head .tit p{ font-size: 20px;}
    .home_alarm .rolling{ margin: 20px 0 0 0;}
    .home_alarm .rolling ul li a img{ border-radius: 15px;}
    .home_alarm .rolling #hn_btn_L{ top: -40px; right: 60px; width: 20px; height: 20px; font-size: 16px;}
    .home_alarm .rolling #hn_btn_R{ top: -40px; width: 20px; height: 20px; font-size: 16px;}
    .home_alarm .bx-controls{ top: -40px; right: 0; height: 20px; width: 80px;}
    .home_alarm .bx-pager{ font-size: 10px !important;}
    .home_alarm .bx-pager font{ font-size: 12px;}

    .home_banner{ margin: 0 5px; width: 50%;}
    .home_banner .img{ height: 48%; border-radius: 15px;}
    .home_banner .video iframe{ border-radius: 15px !important;}
    .home_banne > img{ border-radius: 15px;}
}




.home_banner_popup{ display: none; justify-content: center; align-items: center; position: fixed; z-index: 200; top: 0; right: 0; bottom: 0; left: 0; padding: 0 30px; background: rgba(0 0 0/70%);}
.home_banner_popup .video{ position: relative; width: 700px;}
.home_banner_popup .video iframe{ display: block; position: absolute; z-index: 10; top: 0; left: 0; width: 100% !important; height: 100% !important;}
.home_banner_popup .video img{ display: block; width: 100%; height: auto;}
.home_banner_popup .video .close{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 20; top: -20px; right: -20px; width: 40px; height: 40px; border-radius: 50%; background: #F00; cursor: pointer;}
.home_banner_popup .video .close i{ font-size: 20px; color: #FFF;}
.home_banner_popup.on{ display: flex;}
@media(max-width: 767px){
    .home_banner_popup .video{ width: 100%;}
}



.about_video{ margin: 0 auto; max-width: 900px;}
.about_video .video{ position: relative; width: 100%;}
.about_video .video iframe{ display: block; position: absolute; z-index: 10; top: 0; left: 0; width: 100% !important; height: 100% !important;}
.about_video .video img{ display: block; width: 100%; height: auto;}
@media(max-width: 767px){
}



.home_middle{ margin: 80px 0 0 0;}
.home_middle .type_row{}
.home_middle .head{ display: flex; justify-content: space-between; align-items: center; padding: 0 0 30px 0;}
.home_middle .head .tit{ display: flex; align-items: center;}
.home_middle .head .tit img{ display: block; margin: 0 10px 0 0;}
.home_middle .head .tit p{ font-size: 26px; font-weight: 400; color: #000;}
.home_middle ul{ display: flex; flex-wrap: wrap; margin: -20px -10px 0 -10px;}
.home_middle ul li{ margin: 20px 0 0 0; width: 16.666%;}
.home_middle ul li a{ display: block; margin: 0 10px; cursor: pointer;}
.home_middle ul li a img{ display: block; width: 100%; border-radius: 10px 10px 0 0;}
.home_middle ul li a p{ padding: 15px 0; border-radius: 0 0 10px 10px; border: 1px solid #ddd; border-top: 0; text-align: center; font-size: 16px; font-weight: 400; color: #000;}
@media(max-width: 1025px){
    .home_middle ul li{ width: 33.333%;}
}
@media(max-width: 767px){
    .home_middle{ margin: 40px 0 0 0;}
    .home_middle .head{ padding: 0 0 20px 0;}
    .home_middle .head .tit img{ margin: 0 5px 0 0; height: 20px;}
    .home_middle .head .tit p{ font-size: 20px;}
    .home_middle ul{ margin: -10px -5px 0 -5px;}
    .home_middle ul li{ margin: 10px 0 00 ;}
    .home_middle ul li a{ margin: 0 5px 0 5px;}
    .home_middle ul li a p{ padding: 15px 0; font-size: 14px;}
}


.home_botttom{ margin: 80px 0 0 0;}
.home_botttom .type_row{ display: flex;}
.home_botttom .notice{ width: 50%;}
.home_botttom .notice .head{ display: flex; justify-content: space-between; align-items: center;}
.home_botttom .notice .head .tit{ display: flex; align-items: center;}
.home_botttom .notice .head .tit img{ display: block; margin: 0 10px 0 0;}
.home_botttom .notice .head .tit p{ font-size: 26px; font-weight: 400; color: #000;}
.home_botttom .notice .head .more{ display: flex; align-items: center; cursor: pointer;}
.home_botttom .notice .head .more i{ font-size: 16px; color: #999;}
.home_botttom .notice .head .more p{ margin: 0 0 0 10px; font-size: 14px; color: #999;}
.home_botttom .notice .list{ margin: 30px 0 0 0;}
.home_botttom .notice .list ul{}
.home_botttom .notice .list ul li{ border-top: 1px solid #DDD;}
.home_botttom .notice .list ul li:first-child{ border: 0;}
.home_botttom .notice .list ul li a{ display: flex; align-items: center; position: relative; padding: 0 200px 0 0; height: 50px; transition: all .3s; cursor: pointer;}
.home_botttom .notice .list ul li a .tit{ display: flex; align-items: center; width: 100%;}
.home_botttom .notice .list ul li a .tit span{ flex: 0 0 50px; display: flex; justify-content: center; align-items: center; margin: 0 5px 0 0; height: 25px; border-radius: 20px; background: #F00; font-size: 12px; color: #FFF;}
.home_botttom .notice .list ul li a .tit p{ width: 100%; font-size: 16px; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.home_botttom .notice .list ul li a .date{ display: flex; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; font-size: 12px; color: #999;}
.home_botttom .quick{ display: flex; justify-content: flex-end; padding: 0 0 0 50px; width: 50%;}
.home_botttom .quick a{ margin: 0 0 0 20px; cursor: pointer;}
.home_botttom .quick a .img{ display: flex; justify-content: center; align-items: center; width: 160px; height: 160px; border-radius: 50%; background: #f0f0f0;}
.home_botttom .quick a:nth-child(1) .img{ background: #afebfa;}
.home_botttom .quick a:nth-child(2) .img{ background: #fae6c4;}
.home_botttom .quick a:nth-child(3) .img{ background: #f0543a;}
.home_botttom .quick a .img img{ display: block;}
.home_botttom .quick a p{ margin: 20px 0 0 0; text-align: center; font-size: 18px; color: #000;}
@media(max-width: 1301px){
    .home_botttom .quick a .img{ width: 140px; height: 140px;}
}
@media(max-width: 1025px){
    .home_botttom .type_row{ display: block;}
    .home_botttom .notice{ width: auto;}

    .home_botttom .quick{ justify-content: center; padding: 40px 0 0 0; width: auto;}
    .home_botttom .quick a{ margin: 0 10px;}
    .home_botttom .quick a .img{ width: 120px; height: 120px;}
    .home_botttom .quick a .img img{ height: 40px;}
    .home_botttom .quick a p{ font-size: 16px;}
}
@media(max-width: 767px){
    .home_botttom{ margin: 40px 0 0 0;}
    .home_botttom .notice .head .tit img{ margin: 0 5px 0 0; height: 20px;}
    .home_botttom .notice .head .tit p{ font-size: 20px;}
    .home_botttom .notice .head .more i{ font-size: 12px;}
    .home_botttom .notice .head .more p{ font-size: 12px;}
    .home_botttom .notice .list{ margin: 20px 0 0 0;}
    .home_botttom .notice .list ul li a{ padding: 0 120px 0 0; height: 50px;}
    .home_botttom .notice .list ul li a .tit span{ flex: 0 0 40px; height: 20px; font-size: 10px;}
    .home_botttom .notice .list ul li a .tit p{ font-size: 14px;}
    .home_botttom .notice .list ul li a .date{ font-size: 10px;}
    .home_botttom .quick{ padding: 20px 0 0 0;}
    .home_botttom .quick a .img{ width: 80px; height: 80px;}
    .home_botttom .quick a .img img{ height: 40px;}
    .home_botttom .quick a p{ margin: 15px 0 0 0; font-size: 12px;}
}




.sub_gnb{ position: relative; height: 60px; background: #013187;}
.sub_gnb .type_row{ display: flex; position: relative;}
.sub_gnb .btn{ display: flex; align-items: center; position: absolute; top: 0; right: 0; height: 60px;}
.sub_gnb .btn a{ display: flex; align-items: center; margin: 0 0 0 30px; cursor: pointer;}
.sub_gnb .btn a img{ display: block; height: 20px;}
.sub_gnb .btn a p{ margin: 0 0 0 8px; font-size: 12px; color: rgba(255 255 255/100%);}
.sub_gnb .home{ display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-right: 1px solid rgba(255 255 255/20%); border-left: 1px solid rgba(255 255 255/20%);}
.sub_gnb .home i{ font-size: 20px; color: #FFF;}
.sub_gnb .select{ position: relative;}
.sub_gnb .select .head{ display: flex; justify-content: space-between; align-items: center; padding: 0 30px; width: 300px; height: 60px; border-right: 1px solid rgba(255,255,255,0.2); cursor: pointer;}
.sub_gnb .select .head p{ font-size: 16px; color:#FFF;}
.sub_gnb .select .head i{ font-size: 16px; color:#FFF;}
.sub_gnb .select ul{ display: none; position: absolute; z-index: 10; top: 60px; right: 0; left: 0; padding: 1px 0 0 0;}
.sub_gnb .select ul li{}
.sub_gnb .select ul li a{ display: flex; justify-content: space-between; align-items: center; position: relative; margin: -1px 0 0 0; padding: 0 30px; height: 50px; border: 1px solid #DDD; background: #FFF;}
.sub_gnb .select ul li a p{ font-size: 14px; color: #000;}
.sub_gnb .select ul li a:hover{ background: #f5f5f5;}
.sub_gnb .select ul li.on a{ z-index: 10;}
.sub_gnb .select ul li.on a p{ color: #0168b7; font-weight: 400;}
@media(max-width: 1301px){
    .sub_gnb .select .head{ padding: 0 20px; width: 200px;}
    .sub_gnb .select .head p{ font-size: 14px;}
    .sub_gnb .select ul li a{ padding: 0 20px;}
}
@media(max-width:767px){
    .sub_gnb{ height: 45px;}
    .sub_gnb .btn{ height: 45px;}
    .sub_gnb .btn a{ margin: 0 0 0 15px;}
    .sub_gnb .btn a img{ height: 16px;}
    .sub_gnb .btn a p{ display: none;}
    .sub_gnb .home{ width: 45px; height: 45px;}
    .sub_gnb .home i{ font-size: 16px;}
    .sub_gnb .select{ display: none; width: 220px;}
    .sub_gnb .select:nth-child(3){ display: block;}
    .sub_gnb .select .head{ padding: 0 20px; width: 100%; height: 45px;}
    .sub_gnb .select .head p{ font-size: 13px;}
    .sub_gnb .select .head i{ font-size: 13px;}
    .sub_gnb .select ul{ top: 45px;}
    .sub_gnb .select ul li{}
    .sub_gnb .select ul li a{ padding: 0 20px; height: 45px;}
    .sub_gnb .select ul li a p{ font-size: 12px;}
}


.sub_title{ padding: 30px 0; text-align: center; font-size: 32px; font-weight: 400; color: #000; }
.sub_title2{ padding: 30px 0; text-align: center; font-size: 32px; font-weight: 400; color: #000;}
.sub_title3{ padding: 30px 0; text-align: center; font-size: 18px; color: #000;}
.sub_text{ margin: -30px 0 0 0; padding: 0 0 60px 0; text-align: center; line-height: 1.6; font-size: 18px; font-weight: 200; color: #666;}
.sub_tit{ margin: 50px 0 30px 0; font-size: 26px; font-weight: 400; color: #000;}
.sub_txt{ margin: -10px 0 30px 0; font-size: 16px; font-weight: 200; color: #666;}
.sub_txt span{ font-weight: 400; color: #333;}
.sub_title.sub_title_bg{background:url('../../images/reservation_bg1.jpg'); color:#fff; background-position:center; background-size:cover; text-shadow:0 2px 10px rgba(0,0,0,0.5)}
.sub_title.sub_title_bg2{background:url('../../images/reservation_bg2.jpg'); color:#fff; background-position:center 22%; background-size:cover; text-shadow:0 2px 10px rgba(0,0,0,0.5)}
.sub_title.sub_title_bg3{background:url('../../images/reservation_bg3.jpg'); color:#fff; background-position:center 37%; background-size:100%; text-shadow:0 2px 10px rgba(0,0,0,0.5)}
.sub_title.sub_title_bg4{background:url('../../images/reservation_bg4.jpg'); color:#fff; background-position:center; background-size:cover; text-shadow:0 2px 10px rgba(0,0,0,0.5)}
.sub_title.sub_title_bg5{background:url('../../images/reservation_bg5.jpg'); color:#000; background-position:center; background-size:cover; text-shadow:0 2px 10px rgba(0,0,0,0.5)}
.sub_title.sub_title_bg6{background:url('../../images/reservation_bg6.jpg'); color:#000; background-position:center; background-size:cover; text-shadow:0 2px 10px rgba(0,0,0,0.5)}

@media(max-width:767px){
    .sub_title{ padding: 30px 0; font-size: 22px;}
    .sub_title2{ padding: 30px 0; font-size: 22px;}
    .sub_title3{ padding: 30px 0; font-size: 22px;}
    .sub_text{ margin: -15px 0 0 0; padding: 0 0 30px 0; font-size: 14px;}
    .sub_tit{ margin: 30px 0 15px 0; font-size: 20px;}
    .sub_txt{ margin: -5px 0 15px 0; font-size: 14px;}

	.sub_title.sub_title_bg3{ background-position:center 27%; background-size:120%}
}




.about_intor{ padding: 100px; border-radius: 20px; border: 1px solid #DDD;}
.about_intor .t1{ line-height: 1.2; font-size: 36px; color: #000;}
.about_intor .t1 span{ font-weight: 400; color: #013187;}
.about_intor .t2{ margin: 50px 0 0 0; line-height: 1.2; font-size: 26px; color: #000;}
.about_intor .t2 span{ font-weight: 400; color: #f08712;}
.about_intor .img{ display: flex; flex-direction: column; align-items: flex-end; position: relative; margin: -100px 0 0 0;}
.about_intor .img img{ display: block; position: relative; z-index: 10; margin: 0 50px 0 0; width: auto; height: 500px;}
.about_intor .img .bg{ margin: -250px 0 0 0; width: 100%; height: 250px; border-radius: 20px; background: url(/images/intro_bg.png) #5baed0 no-repeat left / auto 100%;}
.about_intor .t3{ margin: 50px 0 0 0; line-height: 1.5; font-size: 16px; color: #333;}
.about_intor .t4{ margin: 50px 0 0 0; text-align: right; font-size: 16px; color: #666;}
.about_intor .t4 span{ font-weight: 400; color: #000;}
@media(max-width: 1301px){
    .about_intor{ padding: 100px 80px;}
    .about_intor .img img{ height: 450px;}
}
@media(max-width: 1025px){
    .about_intor{ padding: 50px;}
    .about_intor .img img{ margin: 0 20px 0 0; height: 350px;}
    .about_intor .img .bg{ margin: -150px 0 0 0; height: 150px;}
}
@media(max-width: 767px){
    .about_intor{ padding: 30px; border-radius: 15px;}
    .about_intor .t1{ font-size: 20px;}
    .about_intor .t2{ margin: 30px 0 0 0; font-size: 16px;}
    .about_intor .img{ margin: -30px 0 0 0;}
    .about_intor .img img{ margin: 0 -10px 0 0; height: 150px;}
    .about_intor .img .bg{ margin: -80px 0 0 0; height: 80px; border-radius: 15px;}
    .about_intor .t3{ margin: 30px 0 0 0; font-size: 14px;}
    .about_intor .t4{ margin: 30px 0 0 0; font-size: 14px;}
}





.about_facility{}
.about_facility .img{ position: relative; padding: 100px 100px 0 100px; border-radius: 20px; border: 1px solid #DDD;}
.about_facility .img .tt{ position: absolute; z-index: 10; top: 50px; right: 50px; width: 120px;}
.about_facility .img .bg{ display: block; width: 100%;}
.about_facility .txt{ margin: 30px 0 0 0;}
.about_facility .txt ul{ display: flex; margin: 0 -10px;}
.about_facility .txt ul li{ width: 33.333%;}
.about_facility .txt ul li a{ display: block; margin: 0 10px; padding: 50px; height: 100%; border-radius: 20px; border: 1px solid #DDD;}
.about_facility .txt ul li a .t1{ font-size: 20px; font-weight: 400; color: #26a58e;}
.about_facility .txt ul li a .t2{ position: relative; padding: 10px 0 0 15px; line-height: 25px; font-size: 16px; color: #000;}
.about_facility .txt ul li a .t2:before{ content: ""; display: block; position: absolute; top: 17.5px; left: 0; width: 10px; height: 10px; border-radius: 50%; background: #26a58e;}
.about_facility .info{ margin: 30px 0 0 0; text-align: center; line-height: 1.5; font-size: 14px; color: #26a58e;}

.about_facility.f2 .txt ul li a .t1{ color: #f08712;}
.about_facility.f2 .txt ul li a .t2:before{ background: #f08712;}

.about_facility.f3 .txt ul li a .t1{ color: #ec6e71;}
.about_facility.f3 .txt ul li a .t2:before{ background: #ec6e71;}
@media(max-width:1300px){
    .about_facility .txt ul li a{ padding: 30px;}
}
@media(max-width:767px){
    .about_facility .img{ padding: 100px 20px 0 20px; border-radius: 15px;}
    .about_facility .img .tt{ top: 20px; right: 20px; width: 70px;}
    .about_facility .txt{ margin: 0;}
    .about_facility .txt ul{ display: block; margin: 0;}
    .about_facility .txt ul li{ margin: 10px 0 0 0; width: auto;}
    .about_facility .txt ul li a{ margin: 0; padding: 30px 20px; border-radius: 15px;}
    .about_facility .txt ul li a .t1{ font-size: 18px;}
    .about_facility .txt ul li a .t2{ font-size: 14px;}
    .about_facility .info{ margin: 20px 0 0 0; font-size: 12px;}
}


.about_group{}
.about_group .head{ display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 240px; height: 50px; border-radius: 15px; background: #e94c07; font-size: 16px; font-weight: 400; color: #FFF;}
.about_group .body{ margin: 50px 0 0 0;}
.about_group .body ul{ display: flex; position: relative; margin: 0 -25px;}
.about_group .body ul:before{ content: ""; display: block; position: absolute; top: -25px; right: 16.7%; left: 16.7%; height: 1px; background: #CCC;}
.about_group .body ul li{ width: 33.333%;}
.about_group .body ul li .row{ position: relative; margin: 0 25px; padding: 30px; border-radius: 15px; border: 1px solid #DDD;}
.about_group .body ul li .row:before{ content: ""; display: block; position: absolute; top: -25px; left: 50%; width: 1px; height: 25px; background: #CCC;}
.about_group .body ul li:nth-child(2) .row:before{ top: -50px; height: 50px;}
.about_group .body ul li .row .ft{ font-size: 16px; font-weight: 400; color: #000;}
.about_group .body ul li .row .fb{ margin: 10px 0 0 0;}
.about_group .body ul li .row .fb p{ padding: 10px 0 0 10px; line-height: 1.5; font-size: 14px; color: #333; text-indent: -10px;}
@media(max-width: 1300px){
    .about_group .body ul{ margin: 0 -10px;}
    .about_group .body ul li .row{ margin: 0 10px;}
}
@media(max-width: 767px){
    .about_group .head{ width: 200px;}
    .about_group .body ul{ margin: 0;}
    .about_group .body ul li .row{ margin: 0; padding: 20px 15px; border-radius: 0;}
    .about_group .body ul li .row:before{ content: ""; display: block; position: absolute; top: -25px; left: 50%; width: 1px; height: 25px; background: #CCC;}
    .about_group .body ul li:nth-child(2) .row{ margin: 0 0 0 -1px;}
    .about_group .body ul li:nth-child(3) .row{ margin: 0 0 0 -1px;}
    .about_group .body ul li .row .ft{ font-size: 14px;}
    .about_group .body ul li .row .fb{ margin: 5px 0 0 0;}
    .about_group .body ul li .row .fb p{ font-size: 12px; text-indent: -5px;}
}


.about_location{}
.about_location .head{ padding: 50px; border-radius: 20px; border: 1px solid #DDD; text-align: center;}
.about_location .head .t1{ font-size: 26px; font-weight: 400; color: #000;}
.about_location .head .t1 span{ font-weight: 300; color: #999;}
.about_location .head .t2{ display: flex; justify-content: center; margin: 30px 0 0 0;}
.about_location .head .t2 p{ display: flex; align-items: center; margin: 0 15px; font-size: 16px; font-weight: 300; color: #666; letter-spacing: 0;}
.about_location .head .t2 p i{ margin: 0 5px 0 0; font-size: 26px; color: #000;}
.about_location .head .t2 p span{ display: block; margin: 0 5px 0 0; font-size: 16px; font-weight: 400; color: #000;}
.about_location > .map{ margin: 30px 0 0 0; width: 100% !important;}
.about_location .foot{ margin: 30px 0 0 0; text-align: center;}
.about_location .foot .link{ display: flex; margin: 0 -5px;}
.about_location .foot .link a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 50%; height: 60px; border-radius: 15px; border: 1px solid rgba(0 0 0/10%); background: #FFF; transition: all .3s; cursor: pointer;}
.about_location .foot .link a img{ display: block; margin: 0 10px 0 0;}
.about_location .foot .link a p{ font-size: 16px; color: #000; transition: all .3s;}
.about_location .foot .txt{ margin: 30px 0 0 0; font-size: 14px; color: #666;}
.about_location .info{ display: flex; flex-wrap: wrap; margin: 30px 0 0 0; padding: 20px 25px 50px 25px; border-radius: 20px; border: 1px solid #DDD;}
.about_location .info .fl{width: 50%;}
.about_location .info .fr{width:50%;}
.about_location .info .row{ padding: 0 25px; width: 100%;}
.about_location .info .t1{ display: flex; align-items: center; padding: 30px 0 10px 0; font-size: 20px; font-weight: 400; color: #000;}
.about_location .info .t1 i{ margin: 0 5px 0 0; font-size: 26px; color: #000;}
.about_location .info .t2{ padding: 5px 0 5px 30px; line-height: 1.5; font-size: 14px; color: #333; text-indent: -10px;}
.about_location .info .t3{ padding: 0 0 10px 30px; line-height: 1.5; font-size: 16px; color: #333;}
.about_location .info .t4{ margin: 20px 0 0 30px; font-size: 12px; color: #F00;}
@media(max-width: 767px){
    .about_location .head{ padding: 30px 20px; border-radius: 15px;}
    .about_location .head .t1{ font-size: 18px;}
    .about_location .head .t2{ display: block; margin: 20px 0 0 0;}
    .about_location .head .t2 p{ margin: 10px 0 0 0; font-size: 14px;}
    .about_location .head .t2 p i{ font-size: 18px;}
    .about_location .head .t2 p span{ font-size: 14px;}
    .about_location > .map{ margin: 20px 0 0 0;}
    .about_location .foot{ margin: 20px 0 0 0;}
    .about_location .foot .link{ margin: 0 -2.5px;}
    .about_location .foot .link a{ margin: 0 2.5px; height: 50px;}
    .about_location .foot .link a img{ margin: 0 10px 0 0; height: 20px;}
    .about_location .foot .link a p{ font-size: 14px;}
    .about_location .foot .txt{ margin: 20px 0 0 0; line-height: 1.5; font-size: 14px;}
    .about_location .info{ display: block; margin: 20px 0 0 0; padding: 10px 20px 30px 20px; border-radius: 15px;}
    .about_location .info .row{ padding: 0; width: auto;}
    .about_location .info .t1{ padding: 20px 0 10px 0; font-size: 18px;}
    .about_location .info .t1 i{ font-size: 24px;}
	.about_location .info .fl{width: 100%;}
	.about_location .info .fr{width:100%;}
}





















.experience_guide{}
.experience_guide .board{ overflow: hidden; padding: 20px 0 0 0; border-radius: 20px; border: 1px solid #DDD;}
.experience_guide .row{ padding: 20px 50px 20px 250px;}
.experience_guide .row:nth-of-type(even){ background: #f5f5f5;}
.experience_guide .row:last-child{ padding-bottom: 40px;}
.experience_guide .row .tit{ display: flex; align-items: center; float: left; margin: 0 0 0 -200px; line-height: 25px;}
.experience_guide .row .tit i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; background: #e94c07; font-size: 12px; color: #FFF;}
.experience_guide .row .tit p{ margin: 0 0 0 5px; font-size: 16px; font-weight: 400; color: #000;}
.experience_guide .row .txt{ width: 100%; line-height: 25px; font-size: 14px; color: 000;}
.experience_guide .row .txt span{ margin: 0 0 0 5px; font-size: 14px; color: #e94c07;}
.experience_guide .row .txt2{}
.experience_guide .row .txt2 p{ padding: 5px 0 5px 15px; line-height: 20px; font-size: 14px; color: #333; text-indent: -15px;}
.experience_guide .row .txt2 p:first-letter{ color: #e94c07;}
.experience_guide .type_table_01{}
.experience_guide .type_table_01 table{ min-width: 700px;}
@media(max-width:767px){
    .experience_guide .board{ padding: 10px 0 0 0; border-radius: 15px;}
    .experience_guide .row{ padding: 25px 20px;}
    .experience_guide .row:last-child{ padding-bottom: 30px;}
    .experience_guide .row .tit{ float: initial; margin: 0 0 10px 0; line-height: 20px;}
    .experience_guide .row .tit i{}
    .experience_guide .row .tit p{}
    .experience_guide .row .txt{ line-height: 25px;}
    .experience_guide .row .txt span{ display: block; margin: 0;}
    .experience_guide .row .txt2{}
    .experience_guide .row .txt2 p{ padding: 5px 0 5px 15px;}
}





.experience_course_menu{ margin: 0 0 50px 0;}
.experience_course_menu ul{ display: flex; margin: 0 -5px;}
.experience_course_menu ul li{ width: 50%;}
.experience_course_menu ul li a{ display: flex; flex-direction:column; justify-content: center; align-items: center; margin: 0 5px; height: 110px; border-radius: 20px; border: 1px solid #DDD; background: #fafafa; font-size: 16px; color: #000;}
.experience_course_menu ul li a span{text-align:center; font-weight:100; font-size:14px; margin-bottom:4px; background:#8a8a8a; color:#fff; padding:4px 13px; border-radius:50px; max-width:90%;}
.experience_course_menu ul li a span br{display:none;}
.experience_course_menu ul li.on a{ position: relative; z-index: 1; border-color: #0168b7; background: #0168b7; color: #FFF; margin-bottom:4px;}
.experience_course_menu ul li.on a span{color:#0168b7; background:#fff; font-weight:400;}

@media(max-width: 1200px){
	.experience_course_menu ul li.on a span br{display:block}
}

@media(max-width: 767px){
    .experience_course_menu{ margin: 0 0 30px 0;}
    .experience_course_menu ul{ flex-wrap: wrap; margin: -5px -2.5px 0 -2.5px;}
    .experience_course_menu ul li{ margin: 5px 0 0 0; width: 33.333%;}
    .experience_course_menu ul li a{ margin: 0 2.5px; height: 85px; border-radius: 15px; font-size: 14px;}
	.experience_course_menu ul li a span{font-size:13px;}
}


.experience_course_menu2{ margin: 0 0 50px 0;}
.experience_course_menu2 ul{ display: flex; margin: 0 -5px;}
.experience_course_menu2 ul li{ width: 25%;}
.experience_course_menu2 ul li a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; height: 70px; border-radius: 20px; border: 1px solid #DDD; background: #fafafa; text-align: center; font-size: 16px; color: #000;}
.experience_course_menu2 ul li.on a{ position: relative; z-index: 1; border-color: #0168b7; background: #0168b7; color: #FFF;}
@media(max-width: 767px){
    .experience_course_menu2{ margin: 0 0 30px 0;}
    .experience_course_menu2 ul{ flex-wrap: wrap; margin: -5px -2.5px 0 -2.5px;}
    .experience_course_menu2 ul li{ margin: 5px 0 0 0;}
    .experience_course_menu2 ul li a{ margin: 0 2.5px; height: 60px; border-radius: 15px; font-size: 14px;}
}


.experience_survey_menu{}
.experience_survey_menu ul{ display: flex; flex-wrap: wrap; margin: 0 -10px;}
.experience_survey_menu ul li{ width: 25%;}
.experience_survey_menu ul li a{ display: block; position: relative; margin: 0 10px;}
.experience_survey_menu ul li a .img{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 20px;}
.experience_survey_menu ul li:nth-child(1) a .img{ background: #f6ab00;}
.experience_survey_menu ul li:nth-child(2) a .img{ background: #e94c07;}
.experience_survey_menu ul li:nth-child(3) a .img{ background: #1ba8d0;}
.experience_survey_menu ul li:nth-child(4) a .img{ background: #013187;}
.experience_survey_menu ul li a .img img{ display: block; height: 100px;}
.experience_survey_menu ul li a .img p{ margin: 20px 0 0 0; text-align: center; line-height: 1.4; font-size: 16px; font-weight: 300; color: #FFF;}
.experience_survey_menu ul li a .img p br{ display: none;}
.experience_survey_menu ul li a > img{ display: block; width: 100%;}
@media(max-width: 1025px){
    .experience_survey_menu ul li a .img img:first-child{ height: 60px;}
}
@media(max-width: 767px){
    .experience_survey_menu ul{ flex-wrap: wrap; margin: -20px -5px 0 -5px;}
    .experience_survey_menu ul li{ margin: 10px 0 0 0; width: 50%;}
    .experience_survey_menu ul li a{ margin: 0 5px;}
    .experience_survey_menu ul li a .img p{ font-size: 14px;}
}



.experience_course_check{ padding: 40px 40px; border-radius: 20px; border: 1px solid #DDD; }
.experience_course_check.print{display:flex; padding:40px 0}
.experience_course_check > div{flex:1; padding:0 50px }
.experience_course_check div.sub_tit{margin: 0 0 20px; font-weight:300;}
.experience_course_check > div > h1{text-align:center; font-weight:400; margin-bottom:50px;}
.experience_course_check .row{ position: relative; padding: 10px 0 10px 30px;}
.experience_course_check .row i{ position: absolute; top: 12px; left: 0; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; background: #e94c07; font-size: 12px; color: #FFF;}
.experience_course_check .row p{ line-height: 25px; font-size: 14px; color: #000;}
.search_right{border:1px dashed #c0c0c0; border-width:0 0 0 1px; display:flex; flex-direction:column; justify-content:space-between; }
.search_right > div{ display:flex; justify-content:center; align-items:center;}
.search_right > div.input_wrap{display:flex; flex-direction:column; gap:20px}
.experience_course_check > div.search_right > h1{margin-bottom:0; line-height:1.2;}
.search_right > div > div > label{width:80px; display:block; margin-bottom:10px;}
.search_right > div > div > input{border:1px solid #999; width:300px; outline:none; border-radius:5px; padding:10px; }
.search_right > div > div > input[type="number"]::-webkit-outer-spin-button,
.search_right > div > div > input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0;}
.search_right > div > div > input[type="number"]{-moz-appearance: textfield;}

@media(max-width:1023px){
	.experience_course_check{flex-direction:column; padding:0px 10vw}
	.experience_course_check > div{padding:8vw 0}
	.search_right{border-width:1px 0 0 }
	.experience_course_check > div > h1{font-size:24px; margin-bottom:40px;}
	.experience_course_check > div.search_right > h1{margin-bottom:40px;}
	.experience_course_check div.sub_tit{font-size:21px;}
}

@media(max-width: 767px){
    .experience_course_check{ padding:20px 30px; border-radius: 15px;}
	.experience_course_check.print{padding:30px}
	.experience_course_check.print .row p select{max-width:100%}
	.experience_course_check > div{padding:1vw 0 8vw;}
	.experience_course_check > div.search_right{padding:8vw 0}
	.search_right > div > div > label{font-size:15px}
}








.reservation_guide{ overflow: hidden; border-radius: 20px; border: 1px solid #DDD;}
.reservation_guide .ft{ padding: 50px; text-align: center;}
.reservation_guide .ft i{ font-size: 80px; color: #e94c07;}
.reservation_guide .ft p{ margin: 10px 0 0 0; font-size: 26px; font-weight: 400; color: #000;}
.reservation_guide .fm{ display: flex; margin: 0 45px;}
.reservation_guide .fm a{ display: block; margin: 0 5px; padding: 30px; width: 50%; border-radius: 20px; border: 1px solid #DDD;}
.reservation_guide .fm a .tit{ display: flex; align-items: center;}
.reservation_guide .fm a .tit i{ display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; border-radius: 50%; background: #e94c07; font-size: 12px; color: #FFF;}
.reservation_guide .fm a .tit p{ margin: 0 0 0 10px; font-size: 20px; font-weight: 400; color: #000;}
.reservation_guide .fm a .txt{ margin: 10px 0 0 35px; line-height: 1.4; font-size: 16px; color: #666;}
.reservation_guide .fm a .txt span{ color: #e94c07;}
.reservation_guide .fb{ margin: 50px 0 0 0; padding: 20px 50px 50px 50px; border-top: 1px solid #DDD; background: #fafafa;}
.reservation_guide .fb a{ display: block; margin: 30px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #DDD;}
.reservation_guide .fb a:first-child{ margin: 0; border: 0;}
.reservation_guide .fb a .t1{ font-size: 18px; font-weight: 400; color: #000;}
.reservation_guide .fb a .t2{ margin: 10px 0 0 0; line-height: 1.6; font-size: 16px; color: #333;}
.reservation_guide .fb a .t2 span{ color: #e94c07;}
.reservation_guide .fb a .t3{ display: flex; margin: 30px 0 0 0;}
.reservation_guide .fb a .t3 p{ padding: 0 20px 0 15px; width: 50%; line-height: 1.4; font-size: 14px; color: rgba(0 0 0/60%); text-indent: -15px;}
@media(max-width: 767px){
    .reservation_guide{ border-radius: 15px;}
    .reservation_guide .ft{ padding: 40px 20px;}
    .reservation_guide .ft i{ font-size: 60px;}
    .reservation_guide .ft p{ font-size: 18px;}
    .reservation_guide .fm{ display: block; margin: -10px 20px 0 20px;}
    .reservation_guide .fm a{ margin: 10px 0 0 0; padding: 20px; width: 100%; border-radius: 15px;}
    .reservation_guide .fm a .tit i{ width: 20px; height: 20px; font-size: 10px;}
    .reservation_guide .fm a .tit p{ margin: 0 0 0 5px; font-size: 18px;}
    .reservation_guide .fm a .txt{ margin: 5px 0 0 25px; font-size: 14px;}
    .reservation_guide .fm a .txt span{ display: block;}
    .reservation_guide .fb{ margin: 30px 0 0 0; padding: 0 20px 20px 20px;}
    .reservation_guide .fb a{ margin: 30px 0 0 0; padding: 30px 0 0 0;}
    .reservation_guide .fb a .t1{ font-size: 16px;}
    .reservation_guide .fb a .t2{ margin: 10px 0 0 0; font-size: 14px;}
    .reservation_guide .fb a .t2 span{ display: block;}
    .reservation_guide .fb a .t3{ margin: 20px 0 0 0;}
    .reservation_guide .fb a .t3 p{ padding: 0 20px 0 15px; font-size: 12px;}
}



.reservation_menu{ margin: 0 0 50px 0;}
.reservation_menu ul{ display: flex; margin: 0 -5px;}
.reservation_menu ul li{ width: 50%;}
.reservation_menu ul li a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; height: 60px; border-radius: 20px; border: 1px solid #DDD; background: #fafafa; font-size: 16px; color: #000; cursor: pointer;}
.reservation_menu ul li.on a{ position: relative; z-index: 1; border-color: #0168b7; background: #0168b7; color: #FFF;}


/* reservation01 */
.reservation_menu02{ margin: 0 0 50px 0;}
.reservation_menu02 ul{ display: flex; gap:1rem}
.reservation_menu02 ul li{ flex:1}
.reservation_menu02 ul li a{transition:0.2s; gap:10px; display: flex; justify-content: center; align-items: center; margin: 0 5px; height: 150px; border-radius: 20px; border: 1px solid #DDD; background: #fafafa; font-size: 16px; color: #000; cursor: pointer;}
.reservation_menu02 ul li a p{font-size:20px; margin-bottom:5px; }
.reservation_menu02 ul li a span{font-size:15px; font-weight:200; color:#707070;}
.reservation_menu02 ul li a i{background-color:#0168b7; width:35px; height:35px; display:flex; justify-content:center; align-items:center; border-radius:50px; color:#fff}
.reservation_menu02 ul li a:hover{background-color:#0168b7; color:#fff}
.reservation_menu02 ul li a:hover i{background-color:#fff; color:#0168b7}
.reservation_menu02 ul li a:hover span{color:#fff}

@media(max-width:1200px){
	.reservation_menu02 ul{gap:0.5rem;}
}
@media(max-width:1023px){
	.reservation_menu02 ul li a{height:90px; margin:0}
	.reservation_menu02 ul li a p{font-size:17px;}
	.reservation_menu02 ul li a span{font-size:14px;}
	.reservation_menu02 ul li a i{width:25px; height:25px;}
}
@media(max-width: 767px){
    .reservation_menu{ margin: 0 0 30px 0;}
    .reservation_menu ul{ flex-wrap: wrap; margin: -5px -2.5px 0 -2.5px;}
    .reservation_menu ul li{ margin: 5px 0 0 0; width: 33.333%;}
    .reservation_menu ul li a{ margin: 0 2.5px; height: 45px; border-radius: 15px; font-size: 14px;}
	
	.reservation_menu02 ul{flex-direction:column;}
	.reservation_menu02 ul li{width:100%;}
	.reservation_menu02 ul li a{height:auto; padding:20px 30px; justify-content:space-between;}
	.reservation_menu02 ul li a > div{ display:flex; align-items:center;}
	.reservation_menu02 ul li a > div span{ margin-left:5px;}
	.reservation_menu02 ul li a > div span:before{content:'/'; margin-right:5px}
	.reservation_menu02 ul li a p{margin-bottom:0}
}


.reservation{}
.reservation .date{ display: flex; justify-content: center; align-items: center; height: 80px; border-radius: 20px 20px 0 0; border: 1px solid #DDD; border-bottom: 0;}
.reservation .date i{ font-size: 26px; color: #000; cursor: pointer;}
.reservation .date p{ margin: 0 30px; font-size: 26px; font-weight: 400; color: #000;}
.reservation .head{ position: relative; z-index: 10; border-bottom: 2px solid #e94c07;}
.reservation .head ul{ display: flex; padding: 0 0 0 1px;}
.reservation .head ul li{ width: 14.285%;}
.reservation .head ul li p{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 -1px; height: 60px; border: 1px solid #DDD; border-bottom: 0; font-size: 16px; font-weight: 400; color: #000;}
.reservation .head ul li:first-child p{ color: #e94c07;}
.reservation .head ul li:last-child p{ color: #0168b7;}
.reservation .body{ margin: -1px 0 0 0; position:relative}
.reservation .body ul{ display: flex; flex-wrap: wrap; overflow: hidden; padding: 1px 0 0 1px;}
.reservation .body ul li{ margin: -1px 0 0 0; width: 14.285%;}
.reservation .body ul li .row{ display: block; margin: 0 0 0 -1px; padding: 20px 10px; height: 100%; border: 1px solid #DDD;}
.reservation .body ul li .row .number{ display: flex; justify-content: flex-end; align-items: center; padding: 0 0 15px 0; text-align: right; font-size: 14px; font-weight: 400; color: #000;}
.reservation .body ul li .row .number span{ display: none; margin: 0 0 0 5px; font-weight: 200; color: #333;}
.reservation .body ul li:nth-child(1) .row .number{ color: #e94c07;}
.reservation .body ul li:nth-child(8) .row .number{ color: #e94c07;}
.reservation .body ul li:nth-child(15) .row .number{ color: #e94c07;}
.reservation .body ul li:nth-child(22) .row .number{ color: #e94c07;}
.reservation .body ul li:nth-child(29) .row .number{ color: #e94c07;}
.reservation .body ul li:nth-child(36) .row .number{ color: #e94c07;}
.reservation .body ul li:nth-child(7) .row .number{ color: #0168b7;}
.reservation .body ul li:nth-child(14) .row .number{ color: #0168b7;}
.reservation .body ul li:nth-child(21) .row .number{ color: #0168b7;}
.reservation .body ul li:nth-child(28) .row .number{ color: #0168b7;}
.reservation .body ul li:nth-child(35) .row .number{ color: #0168b7;}
.reservation .body ul li .row .txt{ padding: 6px 0; font-size: 12px; color: #666;}
.reservation .body ul li .row dl{ margin: -10px 0 0 0;}
.reservation .body ul li .row dl dd{ margin: 10px 0 0 0;}
.reservation .body ul li .row dl dd a{ display: flex; justify-content: space-between; align-items: center;}
.reservation .body ul li .row dl dd a .t1{ padding: 5px 0; width: 94px; border: 1px solid #DDD; text-align: center; font-size: 12px; color: #999; transition: all .3s;}
.reservation .body ul li .row dl dd a .t2{ font-size: 12px; font-weight: 200; color: #999;}
.reservation .body ul li .row dl dd a .t2 span{ font-weight: 300; color: #000;}
.reservation .body ul li .row dl dd.on a:hover .t1{ border-color: #e94c07; background: #e94c07; color: #FFF;}
.reservation .body ul li .row dl dd.on a .t1{ border-color: #999; color: #000;}
/* 전월 어쩌고 */
.reservation .body div.expected_text{display:none;}
.reservation .body.expected .expected_text{display:flex; justify-content:center; width:100%; height:100%; background-color:rgba(0,0,0,0.5);position:absolute; top:0; left:0;}
.reservation .body.expected .expected_text > p{color:#fff; font-size: 26px; margin-top:20rem}

@media(max-width: 1300px){
    .reservation .body ul li .row dl dd a{ display: block;}
    .reservation .body ul li .row dl dd a .t1{ width: auto; font-size: 11px;}
    .reservation .body ul li .row dl dd a .t2{ margin: 5px 0 0 0; text-align: right; font-size: 11px;}
	.reservation .body.expected .expected_text > p{color:#fff; font-size: 26px; margin-top:10rem; text-align:center;}
}
@media(max-width: 767px){
    .reservation .date{ height: 60px; border-radius: 15px 15px 0 0;}
    .reservation .date i{ font-size: 20px;}
    .reservation .date p{ font-size: 20px;}
    .reservation .head{ display: none;}
    .reservation .body ul{ padding: 1px 0 0 0;}
    .reservation .body ul li{ margin: -1px 0 0 0; width: 100%;}
    .reservation .body ul li .row{ margin: 0; padding: 20px;}
    .reservation .body ul li .row .number span{ display: block;}
    .reservation .body ul li .row dl dd a{ display: flex;}
    .reservation .body ul li .row dl dd a .t1{ padding: 8px 0; width: 120px; font-size: 13px;}
    .reservation .body ul li .row dl dd a .t2{ font-size: 13px;}
}











.reservation_my{ margin: 50px 0 0 0;}
.reservation_my ul{}
.reservation_my ul li{ margin: 30px 0 0 0;}
.reservation_my ul li:first-child{ margin: 0;}
.reservation_my ul li .row{ overflow: hidden; border-radius: 20px; border: 1px solid #DDD;}
.reservation_my ul li .row .ft{ padding: 50px 50px;}
.reservation_my ul li .row .ft .number{ display: flex; align-items: center; font-size: 16px; font-weight: 200; color: #333;}
.reservation_my ul li .row .ft .number span{ margin: 0 0 0 5px; font-weight: 400; color: #e94c07;}
.reservation_my ul li .row .box{ display: flex; justify-content: space-between; align-items: center; margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px dashed #DDD;}
.reservation_my ul li .row .box .tit{ font-size: 20px; font-weight: 400; color: #000;}
.reservation_my ul li .row .box .date{ font-size: 14px; font-weight: 200; color: #000;}
.reservation_my ul li .row .box .time{ font-size: 20px; font-weight: 400; color: #000;}
.reservation_my ul li .row .fb{ display: flex; justify-content: space-between; align-items: center; padding: 30px 50px; border-top: 1px dashed #DDD; background: #fafafa;}
.reservation_my ul li .row .fb .man{ display: flex; align-items: center; font-size: 14px; color: #333;}
.reservation_my ul li .row .fb .man span{ margin: 0 0 0 5px; font-weight: 400; color: #e94c07;}
.reservation_my ul li .row .fb .btn{ display: flex; align-items: center;}
.reservation_my ul li .row .fb .btn a{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 120px; height: 40px; border-radius: 20px; background: #e94c07; font-size: 14px; color: #FFF;}
.reservation_my ul li .row .fb .btn a:first-child{ background: #333;}
@media(max-width: 767px){
    .reservation_my{ margin: 30px 0 0 0;}
    .reservation_my ul li{ margin: 20px 0 0 0;}
    .reservation_my ul li .row{ border-radius: 15px;}
    .reservation_my ul li .row .ft{ padding: 30px 20px;}
    .reservation_my ul li .row .ft .number{ font-size: 16px;}
    .reservation_my ul li .row .box{ display: block; margin: 20px 0 0 0; padding: 20px 0 0 0;}
    .reservation_my ul li .row .box .tit{ height: 50px; padding: 20px 0 0 0; line-height: 30px;}
    .reservation_my ul li .row .box .date{ margin: -50px 0 0 0; text-align: right; line-height: 20px;}
    .reservation_my ul li .row .box .time{ text-align: right; line-height: 30px;}
    .reservation_my ul li .row .fb{ display: block; padding: 20px;}
    .reservation_my ul li .row .fb .btn{ margin: 15px -2.5px 0 -2.5px;}
    .reservation_my ul li .row .fb .btn a{ margin: 0 2.5px; width: 50%;}
}


.reservation_print_ok{ padding: 20px;}
.reservation_print_ok .page{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; padding: 0 50px; width: 800px; height: 1100px; border: 2px solid #000;}
.reservation_print_ok .page .title{ text-align: center; font-size: 40px; font-weight: 500; color: #000;}
.reservation_print_ok .page .info{ margin: 100px 0 0 0; width: 100%;}
.reservation_print_ok .page .info ul{}
.reservation_print_ok .page .info ul li{}
.reservation_print_ok .page .info ul li .row{ display: flex; padding: 10px 0;}
.reservation_print_ok .page .info ul li .row .tit{ flex: 0 0 100px; display: flex; align-items: center;}
.reservation_print_ok .page .info ul li .row .tit span{ display: block; width: 15px; height: 15px; border-radius: 50%; border: 1px solid #999;}
.reservation_print_ok .page .info ul li .row .tit p{ margin: 0 0 0 5px; font-size: 20px; color: #666;}
.reservation_print_ok .page .info ul li .row .in_1{}
.reservation_print_ok .page .info ul li .row .in_1 p{ font-size: 20px; font-weight: 400; color: #000;}
.reservation_print_ok .page .info ul li .row .in_2{ display: flex; align-items: center; width: 100%;}
.reservation_print_ok .page .info ul li .row .in_2 .t1{ width: 40%; font-size: 20px; font-weight: 400; color: #000;}
.reservation_print_ok .page .info ul li .row .in_2 .t2{ width: 60%; font-size: 20px; color: #666;}
.reservation_print_ok .page .info ul li .row .in_2 .t2 span{ margin: 0 0 0 10px; font-weight: 400; color: #000;}
.reservation_print_ok .page .info ul li .row .in_3{}
.reservation_print_ok .page .info ul li .row .in_3 p{ font-size: 20px; font-weight: 400; color: #000;}
.reservation_print_ok .page .text{ margin: 100px 0 0 0; text-align: center; line-height: 1.5; font-size: 20px; color: #000;}
.reservation_print_ok .page .date{ display: flex; justify-content: center; margin: 250px 0 0 0; text-align: center;}
.reservation_print_ok .page .date .t1{ font-size: 20px; color: #666;}
.reservation_print_ok .page .date .t2{ margin: 0 0 0 10px; font-size: 20px; font-weight: 400;}
.reservation_print_ok .page .f_title{ position: relative; margin: 80px 0 0 0;}
.reservation_print_ok .page .f_title p{ position: relative; z-index: 10; text-align: center; font-size: 40px; font-weight: 500; color: #000;}
.reservation_print_ok .page .f_title img{ display: block; position: absolute; right: -160px; bottom: -30px; width: 120px;}












.type_popup{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 300; top: 100%; right: 0; bottom: -100%; left: 0; background: rgba(0 0 0/70%); opacity: 0; transition: opacity .3s;}
.type_popup .row{ width: 400px; border-radius: 10px; background: #FFF; transform: translate(0,100px); opacity: 0; transition: all .3s;}
.type_popup .head{ position: relative;}
.type_popup .head .tit{ text-align:center; line-height: 100px; font-size: 20px; font-weight: 400; color: #000;}
.type_popup .head i{ display: block; position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; border-radius: 50%; background: #F00; text-align: center; line-height: 40px; font-size: 20px; color: #FFF; cursor: pointer;}
.type_popup .body{ padding: 0 50px 50px 50px;}
.type_popup .body .popup_pw{}
.type_popup .body .popup_pw input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 45px; border-radius: 30px; border: 1px solid #DDD; background: #fafafa; font-size: 14px; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}
.type_popup .body .button{ display: flex; align-items: center; margin: 30px -5px 0 -5px;}
.type_popup .body .button a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 50%; height: 45px; border-radius: 30px; background: #0168b7; font-size: 14px; color: #FFF; cursor: pointer;}
.type_popup .body .button a:first-child{ border: 1px solid #DDD; background: #f5f5f5; color: #666;}
.type_popup.on{ top: 0; bottom: 0; opacity: 1;}
.type_popup.on .row{ transform: translate(0,0); opacity: 1;}
@media(max-width:767px){
    .type_popup .row{ width: 320px;}
    .type_popup .head .tit{ line-height: 80px; font-size: 18px;}
    .type_popup .body{ padding: 0 30px 40px 30px;}
    .type_popup .body .popup_pw input{ height: 40px; font-size: 14px;}
    .type_popup .body .button a{ height: 40px; font-size: 14px;}
}


.type_table_01{ overflow: hidden; border-radius: 20px; border: 1px solid #DDD;}
.type_table_01.mt30{ margin: 30px 0 0 0;}
.type_table_01 .box{ overflow: auto;}
.type_table_01 table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.type_table_01 table thead{}
.type_table_01 table thead tr{}
.type_table_01 table thead tr th{ padding: 25px 10px; border-bottom: 2px solid #e94c07; border-right: 1px solid #DDD; background: #fafafa; text-align: center; font-size: 16px; font-weight: 400; color: #000;}
.type_table_01 table thead tr td{ padding: 25px 10px; border-bottom: 2px solid #e94c07; text-align: center; font-size: 16px; font-weight: 400; color: #000;}
.type_table_01 table thead tr td font{ font-size: 14px; font-weight: 200; color: #666;}
.type_table_01 table thead tr th font{ font-size: 14px; font-weight: 200; color: #666;}
.type_table_01 table tbody{}
.type_table_01 table tbody tr{}
.type_table_01 table tbody tr th{ padding: 15px 10px; border: 1px solid #DDD; text-align: center; background: #fafafa;}
.type_table_01 table tbody tr th:first-child{ border-left: 0;}
.type_table_01 table tbody tr th:last-child{ border-right: 0;}
.type_table_01 table tbody tr th p{ line-height: 20px; font-size: 14px; font-weight: 400; color: #000;}
.type_table_01 table tbody tr td{ padding: 15px 10px; border: 1px solid #DDD; text-align: center;}
.type_table_01 table tbody tr td:first-child{ border-left: 0;}
.type_table_01 table tbody tr td:last-child{ border-right: 0;}
.type_table_01 table tbody tr:last-child th{ border-bottom: 0;}
.type_table_01 table tbody tr:last-child td{ border-bottom: 0;}
.type_table_01 table tbody tr td p{ line-height: 20px; font-size: 14px; color: #000;}
.type_table_01 table tbody tr td .txt1{ padding: 0 0 0 20px; text-align: left;}
.type_table_01 table tbody tr td .txt1 p{ position: relative; padding: 5px 0 5px 10px;}
.type_table_01 table tbody tr td .txt1 p:before{ content: ""; display: block; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #e94c07;}
.type_table_01 table tbody tr td .img1{ max-height: 100px; border-radius: 10px; cursor: pointer;}
@media(max-width: 767px){
    .type_table_01{ border-radius: 15px;}
    .type_table_01.mt30{ margin: 15px 0 0 0;}
    .type_table_01 table thead tr td{ padding: 20px 10px; font-size: ;}
    .type_table_01 table tbody tr th{ padding: 15px 10px;}
    .type_table_01 table tbody tr th p{ font-size: ;}
    .type_table_01 table tbody tr td{ padding: 15px 10px;}
    .type_table_01 table tbody tr td p{ font-size: ;}
    .type_table_01 table tbody tr td .txt1{ padding: 0 0 0 10px;}
    .type_table_01 table tbody tr td .img1{ margin: 0 10px; max-height: 60px;}
}


.type_sub_menu{ margin: 0 0 50px 0;}
.type_sub_menu ul{ display: flex; margin: 0 -5px;}
.type_sub_menu ul li{ width: 50%;}
.type_sub_menu ul li a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; height: 60px; border-radius: 20px; border: 1px solid #DDD; background: #fafafa; font-size: 16px; color: #000;}
.type_sub_menu ul li.on a{ position: relative; z-index: 1; border-color: #0168b7; background: #0168b7; color: #FFF;}
@media(max-width: 767px){
    .type_sub_menu{ margin: 0 0 30px 0;}
    .type_sub_menu ul{ margin: 0 -2.5px;}
    .type_sub_menu ul li a{ margin: 0 2.5px; height: 45px; border-radius: 15px; font-size: 14px;}
}


.type_btn_01{ display: flex; justify-content: center; align-items: center; margin: 50px auto 0 auto; width: 200px; height: 50px; border-radius: 30px; background: #0168b7; cursor: pointer;}
.type_btn_01 p{ font-size: 16px; color: #FFF;}
@media(max-width: 767px){
    .type_btn_01{ margin: 30px auto 0 auto; width: 160px; height: 45px;}
    .type_btn_01 p{ font-size: 14px;}
}
.type_btn_03{ display: inline-grid; justify-content: center; align-items: center; margin: 50px auto 0 auto; width: 200px; height: 50px; border-radius: 30px; background: #7e8387; cursor: pointer;}
.type_btn_03 p{ font-size: 16px; color: #FFF;}
@media(max-width: 767px){
    .type_btn_03{ margin: 30px auto 0 auto; width: 160px; height: 45px;}
    .type_btn_03 p{ font-size: 14px;}
}


.type_btn_02{ display: flex; justify-content: center; align-items: center; margin: 50px 0 0 0;}
.type_btn_02 a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 200px; height: 50px; border-radius: 30px; font-size: 16px; color: #000; cursor: pointer;}
.type_btn_02 a:nth-child(1){ border: 1px solid #DDD; background: #f5f5f5; color: #000;}
.type_btn_02 a:nth-child(2){ border: 1px solid #0168b7; background: #0168b7; color: #FFF;}
@media(max-width: 767px){
    .type_btn_02{ margin: 30px -5px 0 -5px;}
    .type_btn_02 a{ margin: 0 5px; width: 50%; height: 45px; font-size: 14px;}
}


.type_search{ display: flex; justify-content: space-between; align-items: center;}
.type_search .fl{}
.type_search .fl p{ font-size: 20px;}
.type_search .fl p font{ font-weight: 400; color: #0168b7; letter-spacing: 0;}
.type_search .fr{ display: flex; align-items: center;}
.type_search .fr select{ display: flex; align-items: center; margin: 0; padding: 0 50px 0 15px; width: 100px; height: 45px; border-radius: 10px 0 0 10px; border: 1px solid #DDD; background: url(/images/basic_select_icon.png) no-repeat center right 15px; background-size: 10px auto; font-size: 14px; font-weight: 200; letter-spacing: 0; color: #000; outline: none; -webkit-appearance: none;}
.type_search .fr select option{ font-size: 14px; font-weight: 200; color: #666;}
.type_search .fr .search{ position: relative; margin: 0 0 0 -1px;}
.type_search .fr .search i{ display: block; position: absolute; top: 0; right: 0; width: 45px; text-align: center; line-height: 45px; font-size: 18px; color: #666; cursor: pointer;}
.type_search .fr .search input{ display: flex; align-items: center; margin: 0; padding: 0 40px 0 15px; width: 240px; height: 45px; border-radius: 0 10px 10px 0; border: 1px solid #DDD; background: none; font-size: 14px; font-weight: 200; color: #000; outline: none; -webkit-appearance: none;}
@media(max-width:767px){
    .type_search .fl p{ font-size: 16px;}
    .type_search .fr select{ padding: 0 30px 0 10px; width: 80px; height: 40px; font-size: 12px;}
    .type_search .fr .search{}
    .type_search .fr .search i{ width: 40px; line-height: 40px; font-size: 16px;}
    .type_search .fr .search input{ padding: 0 40px 0 10px; width: 170px; height: 40px; font-size: 12px;}
}


.type_page{ display: flex; justify-content: center; align-items: center; margin: 50px 0 0 0;}
.type_page i{ display: flex; justify-content: center; align-items:center; margin: 0 2.5px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #DDD; font-size: 14px; color: #000; cursor: pointer;}
.type_page .page{ display: flex; align-items: center;}
.type_page .page p{ display: flex; justify-content: center; align-items: center; margin: 0 2.5px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #DDD; font-size: 12px; font-weight: 200; color: #000; cursor: pointer;}
.type_page .page p.on{ position: relative; z-index: 1; border-color: #0168b7; background: #0168b7; color: #FFF;}
@media(max-width:767px){
    .type_page{ margin: 30px 0 0 0;}
    .type_page i{ width: 35px; height: 35px;}
    .type_page .page p{ width: 35px; height: 35px;}
}


.type_notice{ overflow: hidden; margin: 50px 0 0 0; border-radius: 20px; border: 1px solid #DDD;}
.type_notice .head{ display: flex; border-bottom: 1px solid #000;}
.type_notice .head li{ display: flex; justify-content: center; align-items: center; height: 60px;}
.type_notice .head li p{ font-size: 16px; font-weight: 300; color: #000;}
.type_notice .body{}
.type_notice .body li{}
.type_notice .body li .row{ display: flex; flex-wrap: wrap; align-items: center; position: relative; padding: 25px 0; border-bottom: 1px solid #DDD; transition: all .3s;}
.type_notice .body li:nth-child(odd) .row{ background: #f9f9f9;}
.type_notice .body li:last-child .row{ border: 0;}
.type_notice .body li .row .number{ width: 10%; display: flex; justify-content: center; align-items: center; font-size: 14px; color: #666;}
.type_notice .body li .row .number.top{ font-weight: 400; color: #F00;}
.type_notice .body li .row .tit{ width: 45%; display: flex; align-items: center; padding: 0 15px;}
.type_notice .body li .row .tit a{ max-width: 90%; font-size: 16px; font-weight: 300; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer;}
.type_notice .body li .row .tit i{ margin: 0 0 0 10px; font-size: 26px; color: #0168b7; cursor: pointer;}
.type_notice .body li .row .user{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 14px; font-weight: 200; color:#666;}
.type_notice .body li .row .date{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 14px; font-weight: 200; color:#666;}
.type_notice .body li .row .click{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 14px; font-weight: 200; color:#666;}
.type_notice .body li .row .answer{ width: 15%; display: flex; justify-content: center; align-items: center;}
.type_notice .body li .row .answer p{ display: flex; justify-content: center; align-items: center; padding: 0 20px; height: 35px; border-radius: 20px; border: 1px solid #DDD; background: #FFF; font-size: 14px; color:#666;}
.type_notice .body li .row .answer.on p{ border: 1px solid #0168b7; background: #0168b7; color: #FFF;}
.type_notice .body li .row:hover{ background: rgba(0 0 0/5%);}
@media(max-width:767px){
    .type_notice{ margin: 30px 0 0 0; border-radius: 15px;}
    .type_notice .head{ display:none;}
    .type_notice .body li .row{ padding: 20px 15px 20px 65px;}
    .type_notice .body li .row .number{ position: absolute; top: 50%; transform: translate(0,-50%); left: 15px; width: 35px; height: 35px; border-radius: 50%; background: #000; font-size: 12px; color: #FFF;}
    .type_notice .body li .row .number.top{ background: #F00; color: #FFF; font-size: 10px;}
    .type_notice .body li .row .tit{ padding: 0 0 10px 0; width: 100%; line-height: 20px;}
    .type_notice .body li .row .tit a{ font-size: 14px;}
    .type_notice .body li .row .tit i{ font-size: 24px;}
    .type_notice .body li .row .user{ justify-content: flex-start; margin: 0 15px 0 0; width: auto; font-size: 12px;}
    .type_notice .body li .row .date{ justify-content: flex-start; margin: 0 15px 0 0; width: auto; font-size: 12px;}
    .type_notice .body li .row .click{ justify-content: flex-start; width: auto; font-size: 12px;}
    .type_notice .body li .row .answer{ width: auto;}
    .type_notice .body li .row .answer p{ padding: 0 15px; height: 30px; font-size: 12px;}
}


.type_view{ border-radius: 20px; border: 1px solid #DDD;}
.type_view .head{}
.type_view .head .tit{ padding: 30px 50px; line-height: 1.6; font-size: 18px; font-weight: 400; color:#000;}
.type_view .head ul{ display: flex; flex-wrap: wrap; align-items: center; padding: 10px 50px; border-top: 1px solid #000; border-bottom: 1px solid #DDD;}
.type_view .head ul li{ display: flex; align-items: center; margin: 0 30px 0 0; padding: 10px 0;}
.type_view .head ul li:last-child{ margin:0;}
.type_view .head ul li p{ display: block; margin: 0 5px 0 0; font-size: 14px; color: rgba(0 0 0/60%);}
.type_view .head ul li font{ display: block; font-size: 14px; color: #000;}
.type_view .head ul li span{ display: flex; justify-content: center; align-items: center; padding: 0 20px; height: 35px; border-radius: 20px; border: 1px solid #DDD; font-size: 14px; color: #666;}
.type_view .head ul li span.on{ border: 1px solid #0168b7; background: #0168b7; color: #FFF;}
.type_view .body{ padding: 50px 50px;}
.type_view .body *{ line-height: 1.6; font-size: 16px;}
.type_view .body iframe{ display: block; margin: 0 0 20px 0; width: 100% !important; height: 500px !important;}
.type_view .body img{ display:block; margin:0 0 20px 0; max-width:100%;}

.type_view .body .file{ display: flex; flex-wrap: wrap; margin: 30px 0 0 0;}
.type_view .body .file a{ display: flex; justify-content: center; align-items: center; margin: 10px 10px 0 0; padding: 0 20px; height: 40px; border-radius: 10px; border: 1px solid #0168b7;}
.type_view .body .file p{ font-size: 14px; color: #0168b7;}
.type_view .body .file i{ margin: 0 0 0 10px; font-size: 22px; color: #0168b7;}

.type_view .body .qna{}
.type_view .body .qna .head{ padding: 0 0 15px 0; border: 0; font-size: 16px; font-weight: 400; color: #000;}
.type_view .body .qna .q{ padding: 50px; border: 1px solid #CCC;}
.type_view .body .qna .a{ margin: 30px 0 0 0; padding: 50px; border: 1px solid #CCC;}

.type_view .page{ border-top: 1px solid #DDD;}
.type_view .page li{ display: flex; align-items: center; padding: 30px 50px 30px 120px; border-bottom: 1px solid #DDD;}
.type_view .page li:last-child{ border: 0;}
.type_view .page li p{ float: left; margin: 0 0 0 -100px; width: 100px; text-align: center; font-size: 14px; color: #999;}
.type_view .page li .tit{ display: flex; align-items: center; width:100%;}
.type_view .page li .tit a{ display: block; max-width: 90%; font-size: 16px; color: #000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.type_view .page li .tit i{ margin: 0 0 0 10px; font-size: 26px; color: #0168b7; cursor:pointer;}

.type_view .answer{ display:flex; align-items:center; padding:30px; background:#0168b7;}
.type_view .answer .fl{ margin:0 30px 0 0; font-size:20px; color:#FFF;}
.type_view .answer .fr{ flex:1 0; padding:30px; border-radius:10px; background:#FFF;}
.type_view .answer .fr *{ line-height:25px; font-size:15px; color:#333;}
.type_view .answer .fr img{ display:block; margin:0 0 20px 0; max-width:100%;}
@media(max-width:767px){
    .type_view{ border-radius: 15px;}
    .type_view .head .tit{ padding: 20px; font-size: 16px;}
    .type_view .head ul{ padding: 15px 20px;}
    .type_view .head ul li{ margin: 0 15px 0 0; padding: 5px 0;}
    .type_view .head ul li p{ font-size: 12px;}
    .type_view .head ul li font{ font-size: 12px;}
    .type_view .head ul li span{ padding: 0 15px; height: 30px; font-size: 12px;}
    .type_view .body{ padding: 30px 20px;}
    .type_view .body *{ font-size: 14px;}
    .type_view .body iframe{ height: 250px !important;}
    .type_view .body .file a{ padding: 0 20px;}
    .type_view .body .qna .q{ padding: 30px;}
    .type_view .body .qna .a{ padding: 30px;}
    .type_view .page li{ padding: 20px 15px 20px 90px;}
    .type_view .page li p{ margin: 0 0 0 -70px; width: 60px; text-align: left; font-size: 14px;}
    .type_view .page li .tit a{ font-size: 14px;}
    .type_view .answer{ flex-direction:column; padding:15px;}
    .type_view .answer .fl{ margin:0 0 15px 0; font-size:18px;}
    .type_view .answer .fr{ padding:20px;}
    .type_view .answer .fr *{ font-size: 14px;}
}


.type_write{ border-radius: 20px; border: 1px solid #DDD;}
.type_write.mt50{ margin: 50px 0 0 0;}
.type_write .title{ display: flex; justify-content: space-between; align-items: center; padding: 30px 50px; border-bottom: 1px solid #000;}
.type_write .title p{ font-size: 18px; font-weight: 400; color: #000;}
.type_write .title span{ font-size: 14px; font-weight: 200; color: #666;}
.type_write .title span font{ color: #F00;}
.type_write ul{ display: flex; flex-wrap: wrap;}
.type_write ul li{ width: 100%;}
.type_write ul li.w50{ width: 50%;}
.type_write ul li a{ display: flex; flex-wrap: wrap; position: relative; padding: 20px 50px 20px 170px; border-bottom: 1px solid #DDD;}
.type_write ul li:last-child a{ padding-bottom: 30px; border: 0;}
.type_write ul li a .tit{ position: absolute; top: 0; bottom: 0; left: 0; padding: 20px 0 0 50px; line-height: 45px; font-size: 14px; font-weight: 400; color: #000;}
.type_write ul li a .tit span{ margin: 0 0 0 5px; color: #F00;}
.type_write ul li a .tit2{ position: absolute; bottom: 0; left: 0; padding: 20px 0 0 50px; line-height: 45px; font-size: 14px; font-weight: 400; color: #000;}
.type_write ul li a .tit2 span{ margin: 0 0 0 5px; color: #F00;}
.type_write ul li a .cont2{ position: absolute; bottom: 0; left: 0; padding: 20px 0 0 50px; font-size: 14px; color: #000;}
.type_write ul li a .cont2 span{ margin: 0 0 0 5px; color: #F00;}
.type_write ul li a .txt{ margin: 10px 0 0 0; width: 100%; line-height: 1.4; font-size: 12px; color: #333;}
.type_write ul li a .text{ font-size: 16px; font-weight: 400; color: #000;}
.type_write ul li a .flex{ display: flex; align-items: center; min-height: 45px;}
.type_write ul li a .flex.flex-wrap{ flex-wrap: wrap; margin: -10px 0 0 0;}
.type_write ul li a .flex.flex-wrap > *{ margin-top: 10px;}

.type_write.max_tit ul li a{ padding: 20px 50px;}
.type_write.max_tit ul li:last-child a{ padding-bottom: 30px; border: 0;}
.type_write.max_tit ul li a .tit{ position: initial; padding: 0 0 15px 0; width: 100%; line-height: 1.2; font-size: 16px;}
.type_write.max_tit ul li a .tit2{ position: initial; padding: 0 0 15px 0; width: 100%; line-height: 1.2; font-size: 16px;}
.type_write.max_tit ul li a .cont2{ position: initial; padding: 0 0 15px 0; width: 100%; line-height: 1.2; font-size: 16px;}

.type_write .in{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 100%; height: 45px; border-radius: 5px; border: 1px solid #DDD; background: #fafafa; font-size: 14px; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}
.type_write select{ display: flex; align-items: center; margin: 0; padding: 0 40px 0 15px; width: 100%; height: 45px; border-radius: 5px; border: 1px solid #DDD; background:url(/images/basic_select_icon.png) no-repeat center right 15px #fafafa; background-size: 10px auto; font-size: 14px; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}
.type_write select::-ms-expand{ display:none;}
.type_write textarea{ display: block; margin: 0; padding: 10px 15px; width: 100%; height: 150px; max-height: 150px; min-height: 150px; border-radius: 5px; border: 1px solid #DDD; background: #fafafa; line-height: 1.5; font-size: 14px; font-weight: 300; color: #000; outline: none; -webkit-appearance: none;}

.type_write .check{ display: flex; align-items: center; margin: 0 30px 0 0; cursor: pointer;}
.type_write .check:last-child{ margin: 0;}
.type_write .check i{ display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #CCC; font-size: 14px; color: #666;}
.type_write .check p{ margin: 0 0 0 8px; font-size: 14px; color: #666;}
.type_write .check.on i{ border-color: #0168b7; background: #0168b7; color: #FFF;}
.type_write .check.on p{ font-weight: 400; color: #000;}

.type_write .checkbox{ display: flex; align-items: center; margin: 0 15px 0 0; cursor: pointer;}
.type_write .checkbox:last-child{ margin: 0;}
.type_write .checkbox i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 5px; border: 1px solid #CCC; font-size: 12px; color: #666;}
.type_write .checkbox p{ margin: 0 0 0 5px; font-size: 14px; color: #333;}
.type_write .checkbox.on i{ border-color: #0168b7; background: #0168b7; color: #FFF;}

.type_write .file{ display: flex; width: 100%;}
.type_write .file .in{ border-radius: 5px 0 0 5px; width: 100%;}
.type_write .file .btn{ flex: 0 0 120px; display: flex; justify-content: center; align-items: center; width: 120px; height: 45px; border-radius: 0 5px 5px 0; border: 1px solid #DDD; border-left: 0; font-size: 14px; color: #000; cursor: pointer;}

.type_write .password{ display: flex;}
.type_write .password .check{ margin: 0 0 0 15px;}

.type_write .code{ display: flex;}
.type_write .code .in{ border-radius: 5px 0 0 5px;}
.type_write .code .img{ display: flex; justify-content: center; align-items: center; width: 120px; height: 45px; border-radius: 0 5px 5px 0; border: 1px solid #DDD; border-left: 0; font-size: 14px; color: #000;}

.type_write .tel{ display: flex; align-items: center; width: 100%;}
.type_write .tel .in:nth-child(1){ flex: 0 0 80px; text-align: center;}
.type_write .tel p{ flex: 0 0 20px; text-align: center; font-size: 12px; color: #666;}

.type_write .maile{ display: flex; align-items: center; width: 100%;}
.type_write .maile p{ flex: 0 0 20px; text-align: center; font-size: 12px; color: #666;}
.type_write .maile select{ margin: 0 0 0 10px;}
.type_write .maile.btn_code .btn{ flex: 0 0 140px; display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; height: 45px; border-radius: 5px; border: 1px solid #DDD; font-size: 14px; color: #333; cursor: pointer;}

.type_write .privacy{ width:100%;}
.type_write .privacy .title{ line-height:20px; font-size:20px; color:#000;}
.type_write .privacy .check{ margin:15px 0 0 0;}
.type_write .privacy .check label{ display:flex; cursor:pointer;}
.type_write .privacy .check label i{ display:flex; justify-content:center; align-items:center; width:20px; height:20px; border-radius:50%; background:#DDD; font-size:12px; color:#000;}
.type_write .privacy .check label p{ margin:0 0 0 5px; line-height:20px; font-size:15px; color:#333;}
.type_write .privacy .check label.on i{ background:#0168b7; color:#FFF;}

.type_write .price_guide{ overflow:auto; padding:15px 30px 30px 30px; width:100%; height:150px; border:1px solid rgba(0,0,0,0.1);}
.type_write .price_guide .tit{ padding:15px 0 5px 15px; font-size:15px;}
.type_write .price_guide .tit font{ display:block; float:left; margin:0 0 0 -15px; font-weight:500; color:#0168b7;}
.type_write .price_guide .txt{ padding:0 0 0 15px; font-size:13px; color:#666;}

.type_write .radio{ display:flex; flex-wrap:wrap; width:100%;}
.type_write .radio p{ display:flex; align-items:center; margin:0 20px 0 0; padding:10px 0; cursor:pointer;}
.type_write .radio p:last-child{ margin:0;}
.type_write .radio p i{ display:flex; justify-content:center; align-items:center; width:25px; height:25px; border-radius:50%; border:1px solid #CCC; font-size:16px; color:#FFF;}
.type_write .radio p font{ margin:0 0 0 5px; font-size:13px; color:#000;}
.type_write .radio p.on i{ border-color:#0168b7; background:#0168b7; color:#FFF;}
@media(max-width: 767px){
    .type_write{ border-radius: 15px;}
    .type_write.mt50{ margin: 30px 0 0 0;}
    .type_write .title{ padding: 20px;}
    .type_write .title p{ font-size: 16px;}
    .type_write .title span{ font-size: 12px;}
    .type_write ul li a{ padding: 20px;}
    .type_write ul li a .tit{ position: initial; padding: 0 0 15px 0; width: 100%; line-height: 1;}
    .type_write ul li a .text{ font-size: 14px;}
    .type_write ul li a .flex{ min-height: auto;}

    .type_write.max_tit ul li a{ padding: 20px;}
    .type_write.max_tit ul li a .tit{ padding: 0 0 15px 0;}

    .type_write .in{ height: 45px; font-size: 14px;}
    .type_write select{ height: 45px; font-size: 14px;}
    .type_write textarea{ height: 100px; max-height: 100px; min-height: 100px; font-size: 14px;}

    .type_write .check{ margin: 0 15px 0 0;}
    .type_write .check i{ width: 22px; height: 22px; font-size: 12px;}
    .type_write .check p{ margin: 0 0 0 5px;}

    .type_write .file{ width: 100%;}
    .type_write .file .btn{ flex: 0 0 100px; width: 100px; height: 45px; font-size: 14px;}

    .type_write .password{ width: 100%;}
    .type_write .password .check{ flex: 0 0 100px; display: flex; margin: 0; padding: 0 0 0 10px;}

    .type_write .code{ width: 100%;}
    .type_write .code .img{ flex: 0 0 100px; width: 100px; height: 45px; font-size: 14px;}

    .type_write .maile{ flex-wrap: wrap;}
    .type_write .maile .in{ width: 47%;}
    .type_write .maile p{ flex: 0 0 6%;}
    .type_write .maile select{ margin: 10px 0 0 0;}
    .type_write .maile.btn_code .btn{ flex: 0 0 100%; margin: 10px 0 0 0;}
}


.type_faq_menu{ display: flex; flex-wrap: wrap; margin: 40px 0 0 0;}
.type_faq_menu p{ display: flex; align-items: center; margin: 10px 10px 0 0; padding: 0 30px; height: 45px; border-radius: 30px; background: #fafafa; border: 1px solid #DDD; font-size: 14px; color: #000; cursor: pointer;}
.type_faq_menu p.on{ border-color: #0168b7; background: #0168b7; color: #FFF; font-weight: 400;}
@media(max-width:767px){
    .type_faq_menu{ margin: 25px 0 0 0;}
    .type_faq_menu p{ margin: 5px 5px 0 0; padding: 0 20px; height: 35px; font-size: 12px;}
}


.type_faq{}
.type_faq ul{ margin: 50px 0 0 0; border-radius: 20px; border: 1px solid #DDD;}
.type_faq ul li{ border-bottom: 1px solid #DDD; cursor: pointer;}
.type_faq ul li:last-child{ border: 0;}
.type_faq ul li a{ display: block; position: relative; padding: 30px;}
.type_faq ul li a .q{ position: relative; padding: 0 60px 0 60px;}
.type_faq ul li a .q .t1{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); left: 0; width: 40px; height: 40px; border-radius: 50%; background: rgba(0 0 0/100%); font-size: 16px; color: #FFF; transition: all .3s;}
.type_faq ul li a .q .t2{ font-size: 14px; color: #0168b7;}
.type_faq ul li a .q .t3{ margin: 5px 0 0 0; line-height: 1.4; font-size: 16px; font-weight: 400; color: #000;}
.type_faq ul li a .q i{ display: block; position: absolute; top: 50%; right: 0; transform: translate(0,-50%); font-size: 16px; color: rgba(0 0 0/50%); transition: all .3s;}
.type_faq ul li a .a{ display: none; position: relative; margin: 30px 0 0 0; padding: 10px 60px 10px 60px;}
.type_faq ul li a .a .t1{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; background: #e94c07; font-size: 16px; color: #FFF; transition: all .3s;}
.type_faq ul li a .a .t2{ line-height: 1.6; font-size: 16px; color: #000;}
.type_faq ul .on a .q .t1{ background: #0168b7; color: #FFF;}
.type_faq ul .on a .q .t3{ color: #0168b7;}
.type_faq ul .on a .q i{ color: #0168b7; transform: rotate(180deg);}
@media(max-width: 767px){
    .type_faq ul{ margin: 30px 0 0 0; border-radius: 15px;}
    .type_faq ul li a{ padding: 20px;}
    .type_faq ul li a .q{ padding: 0 20px 0 40px;}
    .type_faq ul li a .q .t1{ width: 30px; height: 30px;}
    .type_faq ul li a .q .t3{ font-size: 14px;}
    .type_faq ul li a .a{ margin: 20px 0 0 0; padding: 5px 30px 0 40px;}
    .type_faq ul li a .a .t1{ width: 30px; height: 30px;}
    .type_faq ul li a .a .t2{ font-size: 14px;}
}


.type_photo{ margin: 50px 0 0 0;}
.type_photo ul{ display: flex; flex-wrap: wrap; margin: -30px -10px 0 -10px;}
.type_photo ul li{ margin: 30px 0 0 0; width: 33.333%;}
.type_photo ul li a{ display: block; margin: 0 10px;}
.type_photo ul li a .img{ border-radius: 20px 20px 0 0;}
.type_photo ul li a .img img{ display: block; width: 100%;}
.type_photo ul li a .text{ padding: 30px; border-radius: 0 0 20px 20px; border: 1px solid #DDD; border-top: 0;}
.type_photo ul li a .text .tit{ line-height: 1.4; font-size: 16px; font-weight: 400; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.type_photo ul li a .text .date{ display: flex; justify-content: space-between; align-items: flex-end; margin: 20px 0 0 0;}
.type_photo ul li a .text .date .fl{ display: flex; align-items: center;}
.type_photo ul li a .text .date .fl p{ font-size: 12px; color: #666;}
.type_photo ul li a .text .date .fl i{ margin: 0 0 0 10px; font-size: 16px; color: #999;}
.type_photo ul li a .text .date .fr{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.type_photo ul li a .text .date .fr span{ font-size: 22px; font-weight: 400; color: #000;}
.type_photo ul li a .text .date .fr p{ margin: 5px 0 0 0; font-size: 12px; color: #333;}
@media(max-width: 767px){
    .type_photo{ margin: 30px 0 0 0;}
    .type_photo ul{ margin: -10px -5px 0 -5px;}
    .type_photo ul li{ margin: 10px 0 0 0; width: 50%;}
    .type_photo ul li a{ margin: 0 5px;}
    .type_photo ul li a .img{ border-radius: 15px 15px 0 0;}
    .type_photo ul li a .text{ padding: 20px; border-radius: 0 0 15px 15px;}
    .type_photo ul li a .text .tit{ font-size: 14px;}
    .type_photo ul li a .text .date{ margin: 15px 0 0 0;}
    .type_photo ul li a .text .date .fl p{ font-size: 10px;}
    .type_photo ul li a .text .date .fl i{ margin: 0 0 0 5px; font-size: 12px;}
    .type_photo ul li a .text .date .fr span{ font-size: 18px;}
    .type_photo ul li a .text .date .fr p{ font-size: 10px;}
}






.member_login{ margin: 0 auto; max-width: 500px; width: 100%;}
.member_login .body{ overflow: hidden; padding: 50px 50px 0 50px; border-radius: 20px; border: 1px solid #DDD;}
.member_login .body .logo{ display: block; margin: 0 auto; height: 80px;}
.member_login .body .in{ display: flex; margin: 50px 0 0 0;}
.member_login .body .in .fl{ display: block; width: 100%;}
.member_login .body .in .fl input{ display: flex; align-items: center; margin: 0; padding: 0 25px; width: 100%; height: 50px; border-radius: 25px; border:1px solid #DDD; background: none; font-size: 14px; font-weight: 300; color: #000; outline:none; -webkit-appearance:none;}
.member_login .body .in .fl input:last-child{ margin: 10px 0 0 0;}
.member_login .body .in .btn{ flex: 0 0 110px; display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 110px; height: 110px; border-radius: 25px; background: #e94c07; font-size: 16px; font-weight: 300; color: #FFF; cursor: pointer;}
.member_login .body .check{ margin: 10px 0 0 0;}
.member_login .body .check a{ display: flex; align-items: center; cursor: pointer;}
.member_login .body .check a i{ display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #CCC; font-size: 12px; color: #666;}
.member_login .body .check a p{ margin: 0 0 0 5px; font-size: 12px; color: #666;}
.member_login .body .check a.on i{ border-color: #e94c07; background: #e94c07; color: #FFF;}
.member_login .body .fb{ display: flex; justify-content: center; align-items: center; margin: 30px -50px 0 -50px; padding: 30px 0; border-top: 1px solid #DDD; background: #fafafa;}
.member_login .body .fb a{ margin: 0 20px; font-size: 14px; font-weight: 300; color: #333; cursor: pointer;}
.member_login .foot{ margin: 30px 0 0 0; padding: 20px 50px; border-radius: 20px; border: 1px solid #DDD;}
.member_login .foot ul{}
.member_login .foot ul li{ position: relative; padding: 5px 0 5px 10px; line-height: 1.2; font-size: 13px; color: #666;}
.member_login .foot ul li:before{ content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 4px; height: 4px; border-radius: 50%; background: #e94c07;}
@media(max-width: 767px){
    .member_login .body{ padding: 30px 30px 0 30px; border-radius: 15px;}
    .member_login .body .logo{ height: 60px;}
    .member_login .body .in{ display: flex; margin: 30px 0 0 0;}
    .member_login .body .in .fl input{ padding: 0 20px; height: 45px;}
    .member_login .body .in .btn{ flex: 0 0 100px; width: 100px; height: 100px; border-radius: 20px;}
    .member_login .body .check a i{ width: 20px; height: 20px;}
    .member_login .body .fb{ margin: 30px -30px 0 -30px;}
    .member_login .body .fb a{ margin: 0 15px;}
    .member_login .foot{ margin: 20px 0 0 0; padding: 20px 30px; border-radius: 15px;}
    .member_login .foot ul li{ line-height: 1.4; font-size: 12px;}
}



.member_join_step{ margin: 0 -15px;}
.member_join_step ul{ display: flex;}
.member_join_step ul li{ display: flex; flex-direction: column; align-items: center; margin: 0 15px; padding: 30px 0; width: 33.333%; border-radius: 20px; background: #f0f0f0;}
.member_join_step ul li .t1{ font-size: 14px; color: #000;}
.member_join_step ul li span{ display: block; margin: 15px 0; width: 20px; height: 1px; background: #000;}
.member_join_step ul li .t2{ font-size: 20px; font-weight: 400; color: #000;}
.member_join_step ul li.on{ background: #0168b7;}
.member_join_step ul li.on .t1{ color: #FFF;}
.member_join_step ul li.on span{ background: #FFF;}
.member_join_step ul li.on .t2{ color: #FFF;}
@media(max-width: 767px){
    .member_join_step{ margin: 0 -5px;}
    .member_join_step ul li{ margin: 0 5px; border-radius: 15px;}
    .member_join_step ul li .t1{ font-size: 12px;}
    .member_join_step ul li .t2{ font-size: 16px;}
}


.member_join{}
.member_join .join_terms{ margin: 50px 0 0 0;}
.member_join .join_terms .tit{ font-size: 18px; font-weight: 400; color: #000;}
.member_join .join_terms .board{ overflow: hidden; margin: 20px 0 0 0; border-radius: 20px; border: 1px solid #DDD;}
.member_join .join_terms .box{ overflow: auto; padding: 20px 50px 50px 50px; height: 300px; line-height: 1.6; font-size: 14px; color: #666;}
.member_join .join_terms .box .innerBox{}
.member_join .join_terms .box .name{ padding: 15px 0 5px 0; font-size: 16px; font-weight: 400; color: #000;}
.member_join .join_terms .box .name a{ color: #000;}
.member_join .join_terms .box .contents{ display: block; margin: 15px 0 0 0; font-size: 14px; font-weight: 300; color: #000;}
.member_join .join_terms .box .contents .num{}
.member_join .join_terms .box .contents .one{}
.member_join .join_terms .box .contents .two{}
.member_join .join_terms .box .contents .three{}
.member_join .join_terms .box .contents .four{}

.member_join .checkBox{ padding: 30px 50px; border-top: 1px solid #DDD; background: #f5f5f5;}
.member_join .check_wrap{ display: flex; align-items: center; cursor: pointer;}
.member_join .check_wrap i{ flex: 0 0 25px; display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #DDD; background: #FFF; font-size: 14px; color: #333;}
.member_join .check_wrap label{ margin: 0 0 0 5px; line-height: 1.4; font-size: 14px; color: #000;}
.member_join .check_wrap label span{ color: #F00;}
.member_join .check_wrap.on i{ border-color: #e94c07; background: #e94c07; color: #FFF;}

.member_join .all_checkBox{ padding: 50px 0 0 0; text-align: center;}
.member_join .all_checkBox p{ text-align: center; font-size: 14px; color: #000;}
.member_join .all_checkBox .check_wrap{ display: flex; justify-content: center; align-items: center; margin: 15px 0 0 0;}
.member_join .all_checkBox .check_wrap input{ display: block; width: 18px; height: 18px;}
.member_join .all_checkBox .check_wrap label{ margin: 0 0 0 5px; font-size: 18px; color: #000;}

.member_join .foot{ margin: 50px 0 0 0; padding: 30px 50px; border-radius: 20px; border: 1px solid #DDD; background: #f5f5f5;}
.member_join .foot ul{}
.member_join .foot ul li{ position: relative; padding: 5px 0 5px 10px; line-height: 1.4; font-size: 14px; color: #333;}
.member_join .foot ul li:before{ content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 4px; height: 4px; border-radius: 50%; background: #000;}
.member_join .foot ul li span{ color: #F00;}

.member_join .join_ok{ display: flex; flex-direction: column; align-items: center; margin: 50px 0 0 0; padding: 50px; border-radius: 20px; border: 1px solid #DDD;}
.member_join .join_ok i{ display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; border-radius: 50%; border: 4px solid #e94c07; font-size: 40px; color: #e94c07;}
.member_join .join_ok .t0{ margin: 30px 0 -15px 0; font-size: 16px; color: #999;}
.member_join .join_ok .t0 span{ margin: 0 0 0 5px; font-weight: 400; color: #0168b7;}
.member_join .join_ok .t1{ margin: 30px 0 0 0; font-size: 24px; font-weight: 400; color: #000;}
.member_join .join_ok .t1 span{ color: #e94c07;}
.member_join .join_ok .t2{ margin: 10px 0 0 0; line-height: 1.4; font-size: 16px; color: #666;}
@media(max-width: 767px){
    .member_join .join_terms{ margin: 30px 0 0 0;}
    .member_join .join_terms .tit{ font-size: 16px;}
    .member_join .join_terms .board{ margin: 15px 0 0 0; border-radius: 15px;}
    .member_join .join_terms .box{ padding: 20px;}
    .member_join .join_terms .box *{ word-wrap: break-word;}
    .member_join .join_terms .box .name{ font-size: 14px;}
    .member_join .join_terms .box .contents{ font-size: 12px;}

    .member_join .checkBox{ padding: 20px;}
    .member_join .checkBox .check_wrap i{ flex: 0 0 20px; width: 20px; height: 20px;}
    .member_join .checkBox .check_wrap label{ font-size: 12px;}

    .member_join .all_checkBox{ padding: 30px 0 0 0;}
    .member_join .all_checkBox p{ line-height: 1.4; font-size: 12px;}
    .member_join .all_checkBox .check_wrap label{ font-size: 16px;}

    .member_join .join_ok{ margin: 30px 0 0 0; padding: 30px 20px;}
    .member_join .join_ok .t0{ font-size: 14px;}
    .member_join .join_ok .t1{ font-size: 18px;}
    .member_join .join_ok .t2{ font-size: 12px;}

    .member_join .foot{ margin: 30px 0 0 0; padding: 20px;}
    .member_join .foot ul li{ font-size: 12px;}
}







.click_img_max{ display: none; justify-content: center; align-items: center; position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.7);}
.click_img_max .row{ position: relative; z-index: 10;}
.click_img_max .row .xi-close{ display: flex; justify-content: center; align-items: center; position: absolute; top: -30px; right: -30px; width: 60px; height: 60px; border-radius: 50%; background: #F00; font-size: 20px; color: #FFF; cursor: pointer;}
.click_img_max .row img{ display: block; max-width: 800px; max-height: 600px;}
.click_img_max .close{ position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.000001);}
.click_img_max.on{ display: flex;}
@media(max-width: 767px){
    .click_img_max .row .xi-close{ top: -20px; right: -20px; width: 40px; height: 40px; font-size: 18px;}
    .click_img_max .row img{ max-width: 300px; max-height: auto;}
}