html, body {color:#717171; overflow-x: hidden; letter-spacing:-1px}
.pc-hide {display:none;}
.topLayout {position:relative; z-index:100; border-bottom: 1px solid #E1E1E1; background: #fff;}
.topBuBox {height: 39px; border-bottom: 1px solid #ececec; background-color:#f8f8f8;}
.topBuBoxIn {max-width: 1200px; height: 100%; margin: 0 auto;}
.topBuL {float:left; margin:3px 0 0 0}
.topBuL ul li {float:left}
.topBuL ul li a {display:block; padding:0 10px; font-size: 12px; text-align:center; height:36px; line-height:36px; border:1px solid transparent; border-bottom:0}
.topBuL ul li.on a {background-color:white; border:1px solid #ebebeb; border-bottom:white; border-radius:3px 3px 0 0}
.topBuR {float:right; margin:6px 0 0 0}
.topBuR ul li {float:left; margin:0 0 0 4px}
.topBuR ul li:first-child {margin:2px 0 0 0}
.topBuR ul li a {display:block; height:100%;}
.topBuR ul li span {vertical-align:middle; margin:0 4px 0 7px; transition:0.3s all}
.topBuR ul li a:hover {animation:pulsate 0.3s;}
.topBuR ul li:first-child a:hover {animation:none;}
.topBuR ul li:first-child a:hover span {color:#3077c7}
.topMenuAllBg {position:absolute; top:114px; height:360px; display:none; background-color:white; border-bottom:1px solid #ebebeb; left:0; right:0; z-index:4;}
.topMenuBox {height:104px; line-height:1;display: flex;align-items: center;justify-content: space-between;}
.topMenuL {position: initial;}
.logo-title {font-size: 22px; font-weight: 500; color:#2D5AB8; margin-left: 20px;}
.topMenuR {float: none;}
.subMenu {display:inline-block}
.subMenu > ul {display: flex; align-items: center;}
.subMenu > ul > li {padding:0 0 0 35px;}
.subMenu > ul > li > a {font-size:20px; color:#000; font-weight:400; letter-spacing:-1px; line-height:1; position:relative; display:inline-block; padding:0 0 5px 0}
.subMenu > ul > li > a:hover {color:#00776a}
.subMenu > ul > li > a:after {content:""; position:absolute; right:0; bottom:0; width:0; height:1px; transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83); background:#00776a;}
.subMenu > ul > li:not(.site-btn) > a:hover:after {width:100%; left:0}
.subMenu > ul > li:not(.site-btn) > a:before {content:""; position:absolute; right:0; bottom:0; width:0; height:1px; transition: width .4s cubic-bezier(0.51, 0.18, 0, 0.88) .1s; background:#00776a;}
.subMenu > ul > li:not(.site-btn) > a:hover:before {width:100%; left:0}
.subMenu > ul > li.on > a {color:#295bcc}
.subMenu .site-btn a {margin-top: -5px; padding: 7px 21px; border: 1px solid #3B5998; color: #3B5998; font-weight: 500; font-size: 20px; border-radius: 20px;}
.subAllMenu {display:none}
.subAllMenu {position:absolute; top:50%; margin:-20px 0 0; right:0;}
.subAllMenu > ul > li {float:left; margin:0 0 0 12px; line-height:1}
.subAllMenu > ul > li:first-child {margin:0 12px 0 0}
.subAllMenu > ul > li:first-child a {position:relative; display:inline-block; width:22px; height:19px}
.subAllMenu > ul .bu_all strong {display:block; width:1px; height:1px; text-indent:-999px; font-size:1px; overflow:hidden; }
.subAllMenu > ul .bu_all .hamburger {position: absolute; top:8px; width: 100%; height: 2px;
background: #000; display: block; transform-origin: center; transition: .3s ease-in-out;}
.subAllMenu > ul .bu_all .hamburger:before {transition: .3s ease-in-out; content: ""; position: absolute; display: block;
width: 100%; height: 100%; background: #000; top: -7px;}
.subAllMenu > ul .bu_all .hamburger:after {transition: .3s ease-in-out; content: ""; position: absolute; display: block;
width: 100%; height: 100%; background: #000; bottom: -7px;}
.subAllMenu > ul .bu_all:hover .hamburger {transform:scaleX(.7)}
.subAllMenu > ul .bu_all:hover .hamburger:before , .subAllMenu > ul .bu_all:hover .hamburger:after {transform:scaleX(1.3)}
.subAllMenu .bu_search a img {width:20px; transition: all .2s ease-in-out; }
.subAllMenu .bu_search a:hover img { transform: scale(1.2); }
.subAllMenu.on > ul .bu_all .hamburger {transform: rotate(45deg);}
.subAllMenu.on > ul .bu_all .hamburger:after {transform: rotate(90deg); bottom: 0;}
.subAllMenu.on > ul .bu_all .hamburger:before {transform: rotate(90deg); top: 0;}
.heading {background-color:#fafafa; display:inline-block; width:100%; border-top:2px solid #00a374}
.headingIn {max-width:1200px; margin:0 auto}
.head_txt {float:left}
.conbodyT1 {margin:0; line-height: 100px;}
.conbodyT1 .main_txt {font-size:34px; color:black; display: inline-block; vertical-align: middle; margin: 0 20px 0 0;}
.conbodyT1 .sub_txt {font-size:18px; color:#515151; display: inline-block; vertical-align: middle;}
.head_step {float:right; display:none}
.head_step ul li {float:left; margin: 15px 0 0 22px; position:relative; line-height: 1.4;}
.head_step ul li:after {position: absolute; content: "\e904"; font-size: 14px; color: #a9b1a6; top: 50%; margin:-9px 0 0; left:-18px; font-family: 'wvIcon' !important;}
.head_step ul li:first-child:after {content:""}
.head_step ul li.on .step_circle {background-color:white; border:1px solid #0c857e; color:#0c857e}
.head_step .step_circle {width:68px; height:68px; display:table; text-align:center; border-radius:50%; font-size: 15px; background-color:#b8b8b8; border:1px solid #b8b8b8; color:white}
.head_step .step_circle p {margin:0; font-size:13px}
.head_step .step_circleIn {display:table-cell; vertical-align: middle;}
.head_tab {float:right; margin:25px 0 0}
.head_tab ul li {margin:0 0 0 7px; float:left;}
.head_tab ul li:first-child {margin:0}
.head_tab ul li a {width:143px; height:48px; display:block; text-align:center; transition:0.2s all ease; line-height:48px; background-color:white; color:#208277; font-size:17px; border:1px solid #eee; border-radius:25px}
.head_tab ul li.on a, .head_tab ul li a:hover {background-color:#208277; color:white}
/* main */
.M_contentLayout {min-height: 712px; position:relative}
.M_contentLayout:before {content:""; position:absolute; top:0; left:0; right:0; height:115px; background-color:#f9f9f9; z-index: -1;}
.M_contentLayoutIn {max-width:1200px; margin:0 auto; }
.M_content01_Box {height:160px; margin-bottom:50px; padding:25px 40px; color:white; background:#0da482; box-shadow: 0px 0px 27px 2px rgba(0,0,0,0.21); background-image: linear-gradient(to bottom right, #0da482, #64ce92);}
.M_content01_Txt {float:left}
.M_content01_Txt .main_txt {color:white;font-size:30px; margin:0 0 20px; font-weight: 300; line-height: 1.2;}
.M_content01_Txt .main_txt strong {font-size:40px;display: block; font-weight:500;}
.M_content01_Txt .sub_txt {font-size:20px; color:#E7FEFA; font-weight:300}
.M_content01_menu {float:right;}
.main_loginH {line-height:1.2}
.main_loginH .main_txt {font-size:19px; color:#f2fff7; margin:0 0 10px; text-align:right; line-height:1}
.main_loginH .main_txt span {margin:0 10px 0 0;}
.main_loginH .main_txt img {vertical-align:bottom}
.main_loginInput .main_txt {font-size:16px; color:#124F3F; margin:20px 0 15px; text-align:right}
.main_loginInput ul li {float:left;}
.main_loginInput .writeBox {border:0; height: 28px;min-height: 28px; padding: 3px 5px;}
.main_loginInput .writeBox > label {top:9px}
.main_loginInput input {height: 5px;min-height: 27px;border:0;width:150px;margin:0;}
.main_loginInput button {background-color:black;color: white; height:34px; line-height:34px; border:1px solid black; transition:0.3s all ease; width: 100px;border-radius: 4px;font-size: 16px;}
.main_loginInput button:hover {background-color:white; color:black;}
.main_myPage {text-align:right}
.main_myPage ul {overflow:hidden;}
.main_myPage ul li {float:left; margin:0 0 0 10px}
.main_myPage .myBox {width:150px; background-color:#318a76; color:white; text-align:center}
.main_myPage .myBoxH {height:30px; line-height:30px; font-size:16px; border-bottom:1px solid #409a86; border-radius:4px 4px 0 0}
.main_myPage .myBoxC {height:45px; line-height:40px; border-radius:0 0 4px 4px}
.main_myPage .myBoxC > span {font-size:36px;}
.main_myPage .myBoxC > small {font-size:13px; font-weight: 300; margin: 0 2px;}
.main_myPage .myBoxC .slash {font-size:24px; vertical-align:top; margin:0 5px; color:#8dc6a2}
.main_myPage .myBoxC .txt_green {color:#adedc3}
.main_myPage > button {width:98px; height:32px; line-height:32px; margin:7px 0 0; border-radius:4px; font-size:15px; color:white; transition:0.3s all ease; border:1px solid white; background-color:#0da482}
.main_myPage > button:hover {background-color:white; color:black;}
.M_content02 {position:relative;}
.M_content02:after {content:""; position: absolute; left: -50%; right: -50%; top: 0; bottom: 0; background-color: #f2f7ff; z-index: -1;}
.M_content02_Box {padding:50px 0 60px}
.M_content02_H {line-height:1; display:inline-block; width:100%}
.M_H_left {float:left;}
.M_H_left span {font-size:24px; color:black; vertical-align: middle; margin: 0 0 0 6px;}
.M_H_left a {width:53px; height:23px; line-height:23px; display:inline-block; border-radius:12px; border:1px solid #008c63; text-align:center; color:#008c63; font-size:12px; transition:0.3s all ease; margin: 3px 0 0 7px; vertical-align: middle;}
.M_H_left a:hover {background-color:#008c63; color:white}
.M_H_left.type02 a {border:1px solid #577ab2; color:#577ab2}
.M_H_left.type02 a:hover {background-color:#577ab2; color:white}
.M_H_Right {float:right}
.M_H_Right ul li {float:left; line-height: 36px; margin:0 0 0 20px; position:relative}
.M_H_Right label {font-size:16px; color:black; padding:0 0 0 20px; cursor: pointer;}
.M_H_Right input[type="checkbox"] {display:none}
.M_H_Right button {width:34px; height:34px; font-size:16px; background-color:#000000; border:1px solid black; color:white; text-align:center; border-radius: 2px; transition:0.3s all ease;}
.M_H_Right button:hover {background-color:white; color:black}
.M_content02_C .planBox {background-color:#f2f7ff; margin:20px 0}
.M_content02_C .planBox:after {display:none}
.M_content02_C .plan {border:1px solid #d7d7d7}
/* 20210316 : s*/
.M_content02_C .planBox .reservTypeUl {overflow:hidden;}
.M_content02_C .planBox .reservTypeUl li {width:50%;float:left;}
.M_content02_C .planBox .reservTypeUl li .reservTypeBox {overflow:hidden;background:#FCFCFC;border:1px solid #E7E7E7;padding:30px;margin-left:18px;}
.M_content02_C .planBox .reservTypeUl li:first-child .reservTypeBox {margin-right:18px;margin-left:0;}
.M_content02_C .planBox .reservTypeUl li .reservTypeBox .main_txt {font-size:18px;font-weight:500;color:#000;padding:0;margin:0;}
.M_content02_C .planBox .reservTypeUl li .reservTypeBox .sub_txt {display:block;width:250px;padding:20px 0;}
.M_content02_C .planBox .reservTypeUl li .reservTypeBox .sub_txt p {text-indent:-8px;padding:0 0 0 5px;margin:0;font-size:15px;}
.M_content02_C .planBox .reservTypeUl li .reservTypeBox .sub_txt p span {display:inline-block;padding-right:5px;}
.M_content02_C .planBox .reservTypeUl li .reservTypeBox .reservTypeL {float:left;}
.M_content02_C .planBox .reservTypeUl li .reservTypeBox .reservTypeR {float:right;padding:15px 40px 0 0;}
/* 20210316 : e*/
.M_content03 {display: inline-block; width: 100%; padding:30px 0 0; position:relative}
.M_content03_H {display:inline-block; width:100%; margin:0 0 30px}
.M_content03_C {display:flex;}
.M_content03_C_Left {width:500px;}
.M_content03_C_Left > ul > li {float:left; width:46%; margin:0 2%; position:relative}
.M_content03_C_Left > ul > li:first-child:after {content:""; right:0; top:0; bottom:0; position:absolute; border-right:1px solid #dde1e8}
.M_content03_C_Left .main_txt {color:black; font-size:18px; margin:10px 0 15px}
.M_content03_C_Left .sub_txt {color:#7d7d7d; font-size:15px; min-height: 100px; display: block;}
.M_content03_C_Center {width:300px; display: inline-block;}
.M_content03_C_Center ul li:hover {background-color:#49aaed !important}
.M_content03_C_Center ul li:hover a {color:white}
.M_content03_C_Center ul li a {text-align:center; display: table-cell; color: black; font-size: 15px; vertical-align: middle; transition:0.3s all ease}
.M_content03_C_Center ul li a > span {display:block}
.M_content03_C_Center .one_row ul {float:left; width:48%; margin:0 0 10px 2%;}
.M_content03_C_Center .one_row ul.first {margin:0 2% 10px 0}
.M_content03_C_Center .one_row ul li:first-child {border-bottom:1px solid white}
.M_content03_C_Center .one_row ul li {display: table; background-color: #e8ebf0; width: 100%; height: 55px; margin:0 0 2px; transition:0.3s all ease}
.M_content03_C_Center .one_row ul.first li.first a {background: url("/resource/res/img/M_content03_C_Center_icon01.png") no-repeat 100% 100%;}
.M_content03_C_Center .one_row ul.first li.second a {background: url("/resource/res/img/M_content03_C_Center_icon03.png") no-repeat 100% 0%;}
.M_content03_C_Center .one_row ul.second li.first a {background: url("/resource/res/img/M_content03_C_Center_icon02.png") no-repeat 100% 100%;}
.M_content03_C_Center .one_row ul.second li.second a {background: url("/resource/res/img/M_content03_C_Center_icon04.png") no-repeat 100% 0%;}
.M_content03_C_Center .one_row ul li.first {border-radius:2px 2px 0 0}
.M_content03_C_Center .one_row ul li.second {border-radius:0 0 2px 2px}
.M_content03_C_Center .second_row > ul li a {color:white}
.M_content03_C_Center .second_row > ul li {float:left; width:32%; margin:0 0 0 2%; background-color:#5a616c; display: table; height:75px; transition:0.3s all ease}
.M_content03_C_Center .second_row > ul li.first {margin:0 0 0 0;}
.M_content03_C_Center .second_row > ul li.first a {background:url("/resource/res/img/M_content03_C_Center_icon05.png") no-repeat 15% 100%}
.M_content03_C_Center .second_row > ul li.second a {background:url("/resource/res/img/M_content03_C_Center_icon06.png") no-repeat 90% 100%}
.M_content03_C_Center .second_row > ul li:hover {background-color: #ffd21d !important;}
.M_content03_C_Right {position: relative;top: -50px;right:0;margin-left: 60px; width:340px; height:320px; background-color:#488A88;}
.M_content03_C_RightIn {padding:30px 20px; overflow:hidden}
.M_content03_C_Right_H {color:white; font-size:24px; line-height: 1;}
.M_content03_C_Right_C {margin:20px 0 0; height:220px;}
.M_content03_C_Right_C .imgSlide {display:block; height:100%; position:relative;}
.M_content03_C_Right_C .imgSlide ul li {float:left; position:relative}
.M_content03_C_Right_C .imgSlide > .wvNumBox {top:-41px; right:0; text-align:right}
.M_content03_C_Right_C .imgSlide > .wvNumBox > a {width:10px; height:10px; border:0; background-color:#cdcdcd; border-radius:50%}
.M_content03_C_Right_C .imgSlide > .wvNumBox > a.on {background-color:black; border:0;}
.M_content03_C_Right_C .imgSlide > .wvNumBox .wvNumBoxIn {display:none}
.imgSlide .imgBox {position:absolute; top:0; left:0;}
.imgSlide .imgBox img {width:150px;}
.imgSlide .txtBox {float:left; width:auto; height:218px; line-height:1.2; display:inline-block; margin:0 0 0 170px; position:relative;}
.imgSlide .txtBox > p {margin:0; overflow:hidden}
.imgSlide .txtBox a {color:white;}
.imgSlide .txtBox .ex_type {color:white; font-size:16px; max-height:20px;}
.imgSlide .txtBox .ex_name {color:white; font-size:22px; margin:0 0 15px; max-height: 78px;}
.imgSlide .txtBox .ex_room {color:#EEF7F7; font-size:15px; margin:0 0 5px; max-height:21px}
.imgSlide .txtBox .ex_day {color:white; font-size:15px; margin:0 0 5px; max-height:34px; }
.imgSlide .txtBox > button {margin:0; width:100%; position:absolute; bottom:0; line-height:1; background-color:#E0E8F3; border:1px solid #E0E8F3; color:#446ba8;}
.imgSlide .txtBox > button .icon {vertical-align:middle; margin:0 5px 0 0}
.reservationBox {padding-bottom: 50px;border-top: 1px solid #dde1e8;}
.M_content03_C_LeftIn {width: 500px;padding-top: 15px;text-align: center;}
/* main */
.contentBox {padding: 0 0 30px 0;}
/* footer */
.footerLayout {position:relative; z-index:10; min-height:auto; background-color:white; border-top:1px solid #e1e1e1;}
.footerTBox {height: 41px; line-height: 41px; border-bottom:1px solid #e1e1e1;}
.footerTBoxIn {max-width:1200px; margin:0 auto;}
.footerTBoxIn ul {display:inline-block;width: 100%; position:relative}
.footerTBoxIn ul li {float:left; position:relative; width:25%}
.footerTBoxIn legend {line-height:1}
.footerTRBox {float:right;position: relative; padding: 0 20px;}
.bannerBox {max-width:528px; margin-top:7px; position: static;}
.bannerBox ul li a {display:block; height:41px; border-radius:3px; border:1px solid #e2e2e2;}
.bannerBox img {vertical-align:top; border-radius:3px}
.footerBBox {background-color:#eee; line-height:1; padding:17px 0}
.footerBBoxIn {max-width:1200px; margin:0 auto; position:relative;}
.footerTBoxIn select {border:0; height:30px; padding:5px 0; line-height:1.5; margin:0 11px; min-width:219px; background:#fff;}
.footerTBoxIn button {background-color:#f0f0f0; color:#333; font-size:13px; width:50px; height:33px; line-height:33px; border:1px solid #f0f0f0; transition:0.3s all; position:absolute; top:4px; right:4px}
.footerTBoxIn button:hover {background-color:white; color: #3077c7;}
.footerBLBox {position:absolute; top:0; left:0;}
.footerBRBox {padding:0 0 0 220px}
.footer_link {display:inline-block; width:100%; margin:0 0 20px 0}
.footer_link ul li {float:left; margin:0 10px; position:relative;}
.footer_link ul li:first-child {margin-left:0}
.footer_link ul li:after {content:"ㆍ"; position:absolute; top:50%; left:-17px; margin:-6px 0 0 0}
.footer_link ul li:first-child:after {display:none}
.footer_link ul li a {color:black; font-size:13px;}
.footer_link ul li.blue a {color:#3365e5}
.footer_address {color:#555;}
.footer_address p {line-height:1.4; margin:0 0 10px; font-size:12px;}
.footer_address small {font-size:10px}
/* EOD : footer */
/* Text */
.mt0 {margin-top:0}
.mb0 {margin-bottom:0}
.mt20 {margin-top:20px !important;}
.mb20 {margin-bottom:20px !important;}
.pd0 {padding:0 !important}
.conbodyT3 {font-size:16px; color:black; margin:25px 0 10px 0}
.txt_default {font-size:14px; color:#7d7d7d; line-height:1.4; margin:12px 0 0 0; }
.txt_default + .txt_hyphen { margin:12px 0 3px 0; }
.txt_default + .txt_bullet02 { margin:12px 0 3px 0; }
.txt_bullet { font-size:14px; color:#7d7d7d; line-height:1.4; margin:12px 0 0 0; padding:0 0 0 10px; position:relative; }
.txt_bullet:before { position:absolute; content:'-'; top:-1px; left:0; }
.txt_bullet + .txt_hyphen { margin:12px 0 3px 0; }
.txt_bullet + .txt_etc02 { margin:12px 0 3px 0; }
.txt_hyphen { font-size:14px; color:#7d7d7d; line-height:1.4; margin:0 0 3px 0; padding:0 0 0 10px; position:relative; }
.txt_hyphen:before { position:absolute; content:'-'; top:-1px; left:2px; }
.txt_etc { font-size:14px; margin:5px 0 0 0; color:#717171; padding:0 0 0 16px; position:relative; }
.txt_etc > span { position:absolute; left:0; top:0; }
.txt_black {color:#515151}
.txt_blue {color:#1d4cc6}
.txt_green {color:#00a374}
.txt_orange {color:#ff4747}
/* Text */
/* Webzine */
.webzine_normal {border:0}
.webzine_normal > li {margin:25px 0; padding:25px 0; display:inline-block; border:1px solid #d7d7d7; position:relative; border-radius:5px; transition: 0.3s all ease; min-height:170px}
.webzine_normal > li:first-child {border-top:1px solid #d7d7d7}
.webzine_normal > li .webzine_left {/* padding:0 20px; */ margin-left:20px; padding:0 !important; position:absolute; width:225px; height:170px; overflow:hidden}
.webzine_label {position:absolute; z-index: 1; top:0; left:30px; width:40px; height:45px; line-height:60px; background-color:#16b4b2; color:white; text-align: center; border-radius: 0 0 5px 5px; font-size: 14px;}
.webzine_label.type02 {background-color:#0b6557}
.webzine_view .webzine_label {top:40px}
.webzine_normal > li:hover {-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);}
.webzine_normal > li > button {position: absolute; right:-1px; top:-1px; bottom:-1px; background-color:#fafafa; color:#00a374; width: 150px; border-radius: 0 5px 5px 0; font-size: 16px; border: 1px solid #d7d7d7; border-left: 0;}
.webzine_normal > li > button:hover { border:1px solid #00a374; color: white;}
.webzine_normal > li > button:before {content: ""; width:0; position: absolute; left: 0; top: 0; right:0; bottom: 0; background-color: #00a374; border-radius:0 5px 5px 0; transition: 0.2s all ease;}
.webzine_normal > li > button:hover:before {width:150px}
.webzine_normal > li > button p {margin:0 0 14px; position:relative}
.webzine_normal > li > button .icon-k-next {font-size:24px; margin:0 0 0 5px; position:relative;}
.webzine_normal > li > button .icon-k-next:after {content:"\e904"; position:absolute; top:0; right:0; transition:0.2s width ease; color:#00a374;opacity: 0;}
.webzine_normal > li > button:hover .icon-k-next:after {right:10px; color:white; opacity: 1;}
.webzine_normal > li .webzine_right {padding: 0 170px 0 270px; display: block;width: auto;}
.webzine_right .webzine_name {margin:0 0 10px; font-size:22px; color:black; font-weight:400;}
.webzine_day {font-size:17px; color:#7d7d7d; margin: 0; display:inline-block; width:100%}
.webzine_day ul li {float:left; width:50%;}
.webzine_day strong {color:#515151; font-weight:400; display:inline-block; margin:0 15px 0 0; position:relative}
.webzine_day strong:after {content:":"; position:absolute; right:-10px; top:-1px}
.webzine_day span {color:#00a374}
.webzine_txt {font-size:16px; color:#7d7d7d; margin:10px 0 0; height:auto}
.webzine_txt .txt_default {margin:5px 0 0; font-size:14px}
.webzine_txt .txt_etc {margin:5px 0 0;}
.webzine_view {margin:0 0 40px; padding:50px 25px 70px; position:relative; min-height:210px; border-bottom:1px dotted #e9e9e9}
.webzine_view_left {position:absolute; width:270px; height:210px; left:25px; top:50px; overflow:hidden}
.webzine_view_Right {padding:0 0 0 300px;}
.webzine_view_name {color:black; font-size:24px; margin:0 0 25px; line-height:1;}
.webzine_view_txt ul li {margin:0 0 5px; position:relative}
.webzine_view_txt .webzine_view_label {min-width:75px; font-size:15px; color:#515151; display:inline-block; padding:0 0 0 18px; position:absolute; top:0; left:0;}
.webzine_view_txt .webzine_view_label:before {position: absolute; content: '-'; top:0; left: 2px;}
.webzine_view_txt .webzine_view_con {padding:0 0 0 100px; font-size:15px; color:#7d7d7d; display:inline-block;}
.webzine_view_Right > button {position:absolute; bottom:15px; right:0; margin:0; padding:0 25px; text-align:left}
.webzine_view_Right > button .icon {font-size:16px; position:absolute; right:0; top:50%; margin:-6px 25px 0 0}
/* search */
.searchBox {margin:20px 0; background-color:#f8f8f8; border:0; padding: 12px 0; min-height: 36px;}
.searchBox .formGroup {padding:0; color: black; font-size: 16px; line-height: 1; vertical-align: middle;}
.searchBox .formGroup label {background-color:#709ce3; color:white}
.searchBox .formGroup .Form_input {padding:0 0 0 30px; vertical-align: middle; display: inline-block;}
.searchBox select {margin:0 3px; min-width:147px; height:37px; line-height:37px; color:#333; padding:0 0 0 12px; border:1px solid #c7c7c7; cursor:pointer}
.searchBox input[type="text"] {margin:0 0 0 20px; min-width:600px; height:36px; line-height:36px; border:0}
.searchCenter .searchBu {background-color:#000; border:1px solid #000; border-radius:0; transition:0.2s all ease; font-size:18px; line-height:58px; min-width:60px; color:white; vertical-align:middle; position:absolute; top:0; right:0}
.searchBox .searchBu:hover {background-color:white; color:#000}
.searchBox ul li {min-height: auto;}
.searchBox ul li .Form_rao {margin:0}
.searchBox .formGroup .Form_rao:not(old) input[type="radio"] + label {text-align:left}
/* table */
.tableTopBox {margin-top:20px; /* overflow:hidden; */ display:inline-block; width:100%; }
.tableTopBoxL {font-size:14px; color:#000}
.tableTopBoxL .txt_m_red {color:#f47149}
.tableTopBoxL .icon-k-next {color:#3077c7; font-size:16px; font-weight:600;}
.tableTopBoxL .txt_black {color:black; font-size:20px}
.table_normal {margin-bottom:40px; border-top:2px solid #000; border-bottom: 1px solid #d7d7d7;}
.table_normal thead tr th {background-color:#fafafa; border-left:1px solid #d7d7d7; font-weight:400; padding:13px 0}
.table_normal thead tr th:first-child {border-left:0}
.table_normal thead tr td {padding:13px; text-align:center}
.table_normal tbody tr td {padding:13px; border-left:1px solid #d7d7d7; color:#717171}
.table_normal tbody tr td:first-child {border-left:0}
.table_normal tbody tr td strong {color:#333; font-weight: 500;}
.table_normal tbody tr td p {margin:5px 0 0}
.table_normal tbody tr.notice a {color:#000}
.table_normal tbody a:hover {color:#0e62c1}
.table_normal tbody button {border-radius:5px}
.table_normal .bl { border-left:1px solid #d7d7d7 !important; }
.table_normal .bl0 { border-left:none !important; }
.table_normal .br { border-right:1px solid #d7d7d7 !important; }
.table_normal .br0 { border-right:none !important; }
.table_normal tfoot tr td { padding: 10px; background-color:#fafafa;border-top:2px solid #000; border-left:1px solid #d7d7d7; font-weight:400; font-weight:bold; color:#000;}
.table_normal tfoot tr td:first-child {border-left:0}
.table_normal input {width:100px}
.replyBox {background-color:#f1f5f9}
.replyBox .table_view tr th {background-color:#eee}
.reply_icon {color:#ffa438; font-size:13px; border:1px solid #ffa438; width:38px; height:21px; line-height:21px; display:inline-block; text-align: center; margin: 0 3px 0 0;}
.table_view tr th {padding:12px 15px; font-size:14px;}
.table_view tr td {padding:12px 15px; color: #717171; font-size:14px;}
.table_view .viewBox {color:#717171}
.table_view .viewBox p {line-height:2}
.table_view tr td select , .table_view tr td input {margin:3px; min-width: 147px; height: 30px; line-height: 30px; color: #333; padding: 0 0 0 12px; border: 1px solid #c7c7c7; cursor: pointer;}
.table_view tr td input[type="text"] {min-width: 300px; }
.table_scroll {overflow:auto; margin-bottom:20px}
.table_scroll .table_normal {margin-bottom:0}
/* page */
.pagination {margin:25px 0 80px}
.pagination span {padding:0; color: #999;}
.pagination a.on span {border:0}
.pagination a:hover span , .pagination a.on span {background-color:#000; border:1px solid #000; color:white; }
/* input size */
.contentBox {position: relative;}
.section_Guide {background-color:#fafafa; font-size:16px; margin:15px 0 0 }
.section_GuideIn {padding:50px 30px 50px 160px; line-height: 1.2; font-size:16px; color:#515151}
.section_GuideIn .txt_name {color:black; font-size:22px; margin:0 0 20px}
.section_GuideIn .txt_bullet { margin:10px 0 0 0; }
.calendarBox {position:relative}
.calendarBoxIn {max-width:910px; margin:0 auto;}
.week_H {margin-bottom: 10px; padding-bottom: 10px; text-align:center}
.week_H .week_txt {text-align: center; font-size:26px; color:black;}
.week_H .month_label {color:#00a374}
.week_H .prev_button, .week_H .next_button {background: transparent; border: none; padding:0; font-size:48px; color: #a2aa9f; position:absolute; top:50%; margin:-27px 0 0; transition:0.3s all;}
.week_H .prev_button:hover , .week_H .next_button:hover {color:#595959; transform: scale(1.2);}
.week_H .prev_button {left:30px}
.week_H .next_button {right:30px}
.week_C .week {margin:5px 0; overflow: hidden;}
.week_C .day {display: inline-block; float: left; width: 14.28%; text-align: center; color:#7d7d7d;}
.week_C .day span {display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 10px; vertical-align: middle; color: #666; font-size: 24px; font-weight:200; margin:10px;}
.week_C .day.highlight span {color:black; cursor:pointer; transition:0.3s all; font-weight:600;}
.week_C .day.highlight:hover span {color:#00a374; transform:scale(1.4);}
.week_C .day.selected span {background-color:#00a374; color:white}
.week_C .day.selected:hover span {color:white}
.week_C .header .day {font-size: 24px; color: black;}
.TimeBox {height:150px; margin: 40px 0; background-color:#fafafa; position:relative}
.TimeBox:after {content:""; position: absolute; left:-50%; right:-50%; top:0; bottom:0; background-color:#fafafa; z-index: -1;}
.time_Order {margin: 5px 0;}
.TimeBoxIn {max-width:1020px; margin:0 auto; overflow: hidden;}
.TimeBoxIn:after {content:""; border-left:1px dotted #d7d7d7; top:0; bottom:0; left:89px; position: absolute}
.TimeBoxIn ul li {float:left; width:16.66%; height:150px; display:table; text-align: center; position:relative}
.TimeBoxIn ul li:after {content:""; border-right:1px dotted #d7d7d7; top:0; bottom:0; right:0; position: absolute}
.TimeBoxIn ul li .Time {display:table-cell; vertical-align:middle; color:#000; cursor:pointer}
.TimeBoxIn ul li .Time .time_txt {font-size:16px}
.TimeBoxIn ul li .Time .per_txt {font-size:18px; margin: 10px 0;}
.TimeBoxIn ul li .Time .per_txt span:first-child {color:#00a374; font-size:24px;}
.TimeBoxIn ul li.on .Time {background-color:#00a374; color:white;}
.TimeBoxIn ul li.on .Time .per_txt span:first-child {color:#fff;}
.TimeBoxIn .noData {width:100%; line-height:150px; font-size:20px; color:#666;}
.TBoxText {text-align: center; font-size: 18px; padding-bottom: 20px;}
.TBoxText span {color: #00a374; font-size: 24px;}
.planBox {margin: 40px 0; background-color:#fafafa; position:relative;}
.planBox:after {content:""; position: absolute; left:-50%; right:-50%; top:0; bottom:0; background-color:#fafafa; z-index: -1;}
.planBoxIn {margin:0 60px; padding:30px 0px; overflow: hidden;}
.planBoxIn ul li {float:left; width:16.66%; height:150px; display:table; text-align: center; position:relative; margin:0 0 2px}
.bookingPlanBox ul li{float:left; width:100%;height:150px; display:table; text-align: center; position:relative; margin:0 0 2px;}
.plan {position:relative; background-color:white; padding:15px; border-radius:5px; transition:0.3s all ease}
.plan:hover {margin:-20px 0 0}
.plan.disable:hover {margin:0}
.plan_label {position: absolute; top:-1px; right: 20px; background-color: #5fb33e; position: absolute; z-index: 1; width: 35px;
height: 38px; line-height: 50px; background-color: #5fb33e; color: white; text-align: center; border-radius: 0 0 5px 5px; font-size: 13px;}
.plan_label.type02 {background-color:#0b6557}
.plan_Img {width:100%; height:120px; overflow:hidden}
.plan_txt {text-align:left}
.plan_txt .plan_main_txt {font-size:18px; color:black; margin:10px 0 0px;}
.plan_txt .plan_sub_txt {font-size:15px; color:#7d7d7d; height:41px; overflow:hidden}
.plan_txt .plan_time {margin:5px 0 10px; color:#0daa7c}
.plan_txt .plan_per {display:inline-block; padding-left:10px; font-size:13px; color:black;}
.plan_button {width:100%; height:34px; border-radius:2px; color: #ff8a0b; background-color: white; border: 1px solid #ff8a0b; transition: 0.3s all ease;}
.plan_button:hover {background-color:#ff8a0b; color: white;}
.plan.disable .plan_button {background-color:#626262; border: 1px solid #626262; color:white; cursor:default}
.plan.disable .plan_button:hover {background-color:#626262; color:white}
.roomBox {margin: 40px 0; padding:25px 0 30px; background-color:#fafafa; position:relative; text-align:center}
.roomBox:after {content:""; position: absolute; left:-50%; right:-50%; top:0; bottom:0; background-color:#fafafa; z-index: -1;}
.roomBox .main_txt {text-align:center; color:black; font-size:22px; margin:0 0 15px;}
/*교육예약 내 호실 레이아웃 기존 CSS*/
/*.room_list {display:inline-flex; width:100%; max-width:1020px;}
.room_list > li {float:left; width:16%; margin:0 0.5%; display:table; text-align: center; position:relative}
.room_list > li.first {margin:0 0.5% 0 0}
.room_list > li.three_room {width:49%}
.room_list > li.three_room ul li {float:left; width:33.33%; position:relative; height:90px;}
.room_list > li.three_room ul li.first:after , .room_list > li.three_room ul li.second:after {content:""; border-right:1px dashed #dadada; position:absolute; top:0px; bottom:0px; right:0}
.room_list > li.last {margin:0 0 0 0.5%}
.res_room {display: flex;flex-direction: column;justify-content: space-between;width:100%; height:90px; padding:30px 0 20px; line-height:1; background-color:white; border:1px solid #f2f2f2; cursor:pointer; transition:0.3s all ease}
.res_room:hover {border:1px solid #00a374}
.res_room.disable {cursor:default;}
.res_room.disable:hover {border:1px solid #f2f2f2}
.res_room .room_num {margin:0 0 10px; font-size:18px; color:#515151; font-weight:500;}
.res_room .room_dc {border: 1px solid #ff8a0b;border-radius: 50px;width: max-content;margin: 0 auto; padding: 5px 10px;font-size:15px; color:#ff8a0b; font-weight:500;}
.res_room .class_time {margin:10px 0; font-size:16px; color:#8C8A8A}
.res_room .class_time.on {color:#00a374; font-size: 14px;margin: 7px 0;}
.res_room .res_member {display: flex;flex-wrap: wrap;gap: 5px;max-width: 200px;margin: 10px auto;}
.res_room .res_member span {flex: 0 0 48%;color: #00a374;font-size: 14px;}
.res_room .res_member strong {font-weight: 400;}*/
/*교육예약 내 호실 레이아웃 변경 CSS*/
.room_list {display:inline-flex;align-items: center;justify-content: center; width:100%;gap: 10px;}
.room_list > li {flex-basis: 190px;display:table; text-align: center; position:relative; padding:30px 0 20px;}
.room_list > li.group_room ul {display: flex;}
.room_list > li.group_room ul li {flex: 1;flex-basis: 200px;min-width: 190px;position:relative;transition: .3s all ease;}
.room_list > li.group_room ul li:before {content: ''; position: absolute;top: 16px;left: 0;border-left: 1px dotted #d3d3d3;display: inline-block;width: 1px;height: 80%;}
.room_list > li.group_room ul li:first-child:before {display:none;}
.room_list > li.group_room ul li.first:after , .room_list > li.group_room ul li.second:after {content:""; border-right:1px dashed #dadada; position:absolute; top:-30px; bottom:-20px; right:0}
.room_list > li.group_room ul li:hover {}
.room_list > li a {display: block; height:90px; padding:30px 0 20px;transition: .3s all ease;cursor: pointer;}
.room_list > li a:hover {background-color:#efefef;}
.res_room {display: flex;flex-direction: column;justify-content: space-between;width:100%; line-height:1; background-color:white; border:1px solid #f2f2f2; transition:0.3s all ease}
.res_room:hover {border:1px solid #00a374}
.res_room.disable {cursor:default;}
.res_room.disable:hover {border:1px solid #f2f2f2}
.res_room .room_num {margin:0 0 10px; font-size:18px; color:#515151; font-weight:500;}
.res_room .room_dc {border: 1px solid #ff8a0b;border-radius: 50px;width: max-content;margin: 0 auto; padding: 5px 10px;font-size:15px; color:#ff8a0b; font-weight:500;}
.res_room .class_time {margin:10px 0; font-size:16px; color:#8C8A8A}
.res_room .class_time.on {color:#00a374; font-size: 14px;margin: 7px 0 0 0;}
.res_member {display: flex;flex-wrap: wrap;row-gap: 7px;max-width: 300px;margin: 7px auto;}
.res_member.member-1, .res_member.member-2 {flex-direction: column;}
.res_member span {flex: 0 0 50%;color: #00a374;font-size:14px;}
.res_member span.end-time, .res_member span.end-time span {color:#8C8A8A !important;}
.wvNextBox span:before {text-shadow:none; color: #a2aa9f;}
.wvNextBox span:hover:before {color:#595959}
.wvNextBox .prevBu , .wvNextBox .nextBu {z-index:1}
.bu_xs {width:100px; height:30px; line-height:30px; font-size:13px; text-align:center; border-radius:2px; margin:4px 2px}
.bu_s {width:150px; height:34px; line-height:34px; font-size:15px; text-align:center; border-radius:2px; margin:4px 2px}
.bu_m {width:248px; height:48px; line-height:48px; font-size:18px; text-align:center; border-radius:2px; margin:4px 2px}
.bu_b_blue {color:#446ba8; background-color:white; border:1px solid #446ba8; transition:0.3s all ease}
.bu_b_blue:hover {background-color:#446ba8; color:white;}
.bu_b_orange {color:#ff8a0b; background-color:white; border:1px solid #ff8a0b; transition:0.3s all ease}
.bu_b_orange:hover {background-color:#ff8a0b; color:white;}
.bu_b_green {color:#03b2a4; background-color:white; border:1px solid #03b2a4; transition:0.3s all ease}
.bu_b_green:hover {background-color:#03b2a4; color:white;}
.bu_b_gray {color:#5c5c5c; background-color:white; border:1px solid #5c5c5c; transition:0.3s all ease}
.bu_b_gray:hover {background-color:#5c5c5c; color:white;}
.bu_green {background-color:#0daa7c; border:1px solid #0daa7c; color:white; transition:0.3s all ease}
.bu_green:hover {background-color:white; color:#0daa7c}
.bu_ygreen {background-color:#61d53e; border:1px solid #61d53e; color:white; transition:0.3s all ease}
.bu_ygreen:hover {background-color:white; color:#61d53e}
.bu_bgreen {background-color:#00776a; border:1px solid #00776a; color:white; transition:0.3s all ease}
.bu_bgreen:hover {background-color:white; color:#00776a}
.bu_gray {background-color:#626262; border:1px solid #626262; color:white; transition:0.3s all ease}
.bu_blue {background-color:#446ba8; border:1px solid #446ba8; color:White; transition:0.3s all ease}
.bu_blue:hover {background-color:white; color:#446ba8}
.bu_i {line-height:1.4}
.bu_icon {display:inline-block; vertical-align:middle; margin:0 5px 0 0}
.bu_txt {display:inline-block; vertical-align:middle;}
.sub_info01 {margin:10px 0 0; font-size:16px; color:#515151}
.sub_info02 {margin:10px 2px 0; font-size:14px; color:#7d7d7d; line-height: 1.4;}
.sub_info02 strong {font-weight:500; color:#333}
.From_header {text-align:center; margin:50px 0 0}
.From_header .main_txt {font-size:34px; color:#d7d7d7; margin:0 0 20px}
.From_header .sub_txt {font-size:20px; color:#7d7d7d}
.From_section {padding:50px 0 0 160px; line-height:1; border-bottom: 1px dotted #e6e6e6; min-height:100px}
.From_section > ul > li {margin:0 0 40px; display:inline-block; width:100%; position: relative;}
.Form_label {width:180px; position:absolute; top:0; left:0;}
.Form_label p {color:black; font-size:22px; margin:0 0 10px; font-weight: 500; line-height:1.2}
.Form_label p span {display:block}
.Form_input {font-size:16px; padding:0 0 0 180px}
.Form_input > ul {margin:20px 0 0; display:inline-block; width: 100%;}
.Form_input > ul:first-child {margin:0}
.Form_input > ul > li {float:left}
.Form_input_dep2 ul li {position:relative; display:inline-block; width:100%; min-height:26px; margin:0 0 10px}
.Form_input_label {width:100px; position:absolute; top:0; left:0; font-size:16px; color:#515151;}
.Form_input_txt {padding:0 0 0 120px; color:#7d7d7d; font-size:16px; line-height:1}
.Form_input_txt strong {color:black; font-size:18px; font-weight:500}
.writeBox {height:30px; min-height:30px; border-radius: 5px; padding:5px; margin: 0 10px 10px 0; border: 1px solid #d7d7d7; background-color:white; display:inline-block; position:relative}
.writeBox > label {position:absolute; top:14px; left:10px; font-size:12px; font-weight:400; color:#666; transition:0.3s all ease}
.writeBox > label.on {display:none}
.writeBox .checkOn {padding-left:11px; display:inline-block}
.writeBox .checkOn:before {content:""; width:6px; height:6px; position:absolute; margin:4px 0px 0px -10px; border-radius:50%; background-color:#ff0000;}
.Form_input input[type="text"] {border-radius: 5px; border: 0; margin: 0; padding:0 0 0 5px; height:30px; min-height:30px;}
.Form_input select {height:30px; min-height:auto; line-height:1.5; padding:5px 0; border:0; display:inline-block; margin:0; font-size:14px; color:#515151}
.Form_input input[type="text"].input_size6 {width:583px}
.Form_input input[type="text"].input_size3 {width:283px;}
.Form_input select.input_size3 {width:288px;}
.Form_input input[type="text"].input_size1 {width:153px;}
.Form_input select.input_size1 {width:153px;}
.Form_table > ul > li {float:left; display:table; width:128px; height:94px; margin:0 10px 10px 0}
.Form_table > ul > li .Form_time {display:table-cell; vertical-align:middle; border: 1px solid #d7d7d7; border-radius: 5px; text-align: center;}
.Form_table > ul > li .Form_time .Form_Order {font-size:14px; color:#c1c1c1; margin:0 0 10px;}
.Form_table > ul > li .Form_time .time_txt {font-size:14px; color:#c1c1c1; cursor: default;}
.Form_table > ul > li .Form_time .per_txt {font-size:16px; color:#c1c1c1; margin: 10px 0 0; cursor: default;}
.Form_table > ul > li.highlight {cursor:pointer}
.Form_table > ul > li.highlight .Form_Order {color:#7d7d7d; cursor:pointer}
.Form_table > ul > li.highlight .Form_time .time_txt {color:#7d7d7d; cursor:pointer}
.Form_table > ul > li.highlight .Form_time .per_txt {color:#515151; cursor:pointer}
.Form_table > ul > li.selected .Form_time {background-color:#00a374; border: 1px solid #00a374;}
.Form_table > ul > li.selected .Form_Order {color:white}
.Form_table > ul > li.selected .Form_time .time_txt {color:white}
.Form_table > ul > li.selected .Form_time .per_txt {color:white}
.Form_chk:not(old) input[type="checkbox"] {width:14px; margin:0; padding:0; opacity : 0; line-height: 1; display: inline-block; height: auto; cursor:pointer}
.Form_chk:not(old) input[type="checkbox"] + label {color:#515151; font-size:16px; cursor:pointer; display:inline-block; margin-left:-14px; padding-left: 20px; background: url('/resource/res/img/chk.png') no-repeat 0px 1px; line-height:1; height: auto;}
.Form_chk:not(old) input[type="checkbox"]:checked + label {background:url('/resource/res/img/chk_on.png') no-repeat 0px 1px;}
.Form_rao {margin:0 20px 0 0}
.Form_rao:not(old) input[type="radio"] {width:14px; margin:0; padding:0; opacity : 0; line-height: 1; display: inline-block; height: auto; cursor:pointer}
.Form_rao:not(old) input[type="radio"] + label {color:#515151; font-size:16px; cursor:pointer; display:inline-block; margin-left:-14px; padding-left: 20px; background: url('/resource/res/img/rao.png') no-repeat 0px 1px; line-height:1; height: auto;}
.Form_rao:not(old) input[type="radio"]:checked + label {background: url('/resource/res/img/rao_on.png') no-repeat 0px 1px;}
.chk_hide {display:none}
.Form_chk > ul > li {margin:0 0 10px; position:relative}
.Form_txtBox {padding:20px; background-color:#fafafa}
.Form_txtBox ul li .Form_chk_label {position:absolute; top:3px; left:0;}
.Form_txtBox ul li .Form_chk_input {display:inline-block; padding:0 0 0 150px; vertical-align:top; color: #7d7d7d; font-size: 14px; line-height: 1.5;}
.Form_txtBox ul li .Form_chk_input.txt_notice {color:#f62a09}
.Form_table {margin-top:20px}
.gray_section {padding:50px 0 0; font-size:16px; color:#515151; transition:0.5s all ease}
.gray_section.on {background-color:#fafafa;}
.gray_sectionIn {padding:0 0 0 160px}
.gray_section.on .gray_sectionIn {padding:0 0 50px 160px}
.gray_sectionIn .main_txt {margin:0 0 20px; color:black; font-size:22px}
.gray_sectionIn .main_txt > span {display:inline-block; vertical-align:middle}
.gray_sectionIn .main_txt .icon {margin:0 0 0 10px; display:inline-block; vertical-align:middle}
.gray_txtArea {display:none}
.closeBox {position:relative; display:block; height:40px}
.closeBox > .icon {font-size: 24px; color:#f65868; position: absolute; top: 50%; left: 0; margin:-10px 0 0; cursor: pointer;}
.per_add {margin:0; height:20px; line-height:20px; display:inline-block}
.per_add a {font-size:14px; color:black;}
.From_footer {text-align:center; margin: 50px 0 20px;}
.br_bt0 {border-bottom:0}
.grayBox {background-color:#fafafa;}
.grayBoxIn {padding:20px; line-height: 1.4; font-size: 16px; color: #515151;}
.grayBoxRow {border-bottom:1px dotted #dbdbdb;}
.greenBox {background-color:#00776a; padding:35px 0; width:100%; display:inline-block; }
.greenBox ul li {float:left; margin:5px !important}
.greenBox input[type="text"] {width:180px; height:44px; line-height:44px; border-radius:5px}
.greenBox button {width:148px; height:45px; line-height:45px; font-size:16px}
.popupCBox {overflow:hidden}
/* upload */
.file {position:relative; margin:20px 0 20px}
.file.type02 {width:610px}
.fileTxt {color:black; font-size:16px; width:70px; line-height:20px; position:absolute; left:0; top:0;}
.filebox {padding:0 0 0 70px; position:relative}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label {display: inline-block; color:#7d7d7d; vertical-align: middle; cursor: pointer; position:absolute; top:0; right:0; width:34px; height:34px; line-height:34px; text-align:center; background-color: #e4e4e4; border-radius: 0 5px 5px 0;}
.filebox .upload_name {margin:0; padding:0; display: inline-block; width:100%; vertical-align: middle; background-color: #e4e4e4;border: 0;color: #7d7d7d;height: 34px;font-size: 12px; font-weight:bold; text-indent:10px; -webkit-appearance: none;-moz-appearance: none;appearance: none; border-radius: 5px;}
/* tab */
.tabBoxLayout {padding:0 25px}
.tabBox ul li {height:45px; background-color:white}
.tabBox ul li.on {background-color:#446ba8;}
.tabBox ul li a {color:#446ba8}
/* popup */
.popupH {background-color:#131313; text-align:center; padding:18px 10px}
.popup_BoxIn {box-shadow: 1px 1px 10px #717171;}
.popupCBoxIn ul li {margin:5px 0}
.popupCBoxIn span {vertical-align:middle}
.popupCBoxIn span.txt01 {width:75px; display:inline-block; font-size:18px; color:#131313}
.popupCBoxIn span.txt02 {width:130px; display:inline-block; font-size:18px; color:#131313}
.popupCBoxIn input[type="password"] {text-indent:5px; background-color: #e0e0e0; border: 1px solid #e0e0e0; height: 34px; line-height: 34px; margin: 0 5px 0 0; vertical-align:middle; padding: 0; width: 338px;}
.popupCBoxIn {padding:22px 22px 0}
.popupF {height:83px; line-height:83px; background-color:#fafafa;}
.bu_p_orange {background-color:White; border:1px solid #ff8a00; color:#ff8a00; vertical-align: middle; text-align:center; min-height:34px; line-height:34px; min-width:178px; margin: 0 4px; transition:0.3s all; display:inline-block}
.bu_p_orange:hover {background-color:#ff8a00; border:1px solid #ff8a00; color:white}
.bu_p_black {background-color:#363636; border:1px solid #363636; color:white; vertical-align: middle; text-align:center; min-height:34px; line-height:34px; min-width:178px; margin: 0 4px; transition:0.3s all; display:inline-block;}
.bu_p_black:hover {background-color:white; color:#363636}
.bu_p_black02 {background-color:White; border:1px solid #676767; color:black; vertical-align: middle; text-align:center; min-height:34px; line-height:34px; min-width:178px; margin: 0 4px; transition:0.3s all; display:inline-block}
.bu_p_black02:hover {background-color:#676767; border:1px solid #676767; color:white}
.confirmLeft {float:left; width:222px; margin:0 10px 0 0}
.confirmRight {float:right; width:444px;}
.confirmRight ul li {float:left; width:50%; margin:0}
.confirmRight ul li:first-child .confirm_con {border-right:0}
.confirm_head {border:1px solid #d7d7d7; border-bottom:0; height:46px; line-height:46px; font-size:18px; color:#131313; text-align:center}
.confirm_con {border:1px solid #d7d7d7; border-top:0; background-color:#f2f2f2; min-height:180px; padding:20px 0; text-align:center}
.confirm_con p {margin:0 0 15px; color:#545454; font-size:16px}
.confirm_con img {display:block; margin:0 auto 20px}
/* EOD : popup */
.cerBox {width:auto; min-width:718px; border:1px solid #e6e6e6; display:inline-block; margin:40px 0; line-height:1; text-align:center}
.cerBox_con .main_txt {font-size:22px; color:black; margin:35px 0 30px}
.cerBox_con .sub_txt {font-size:18px; color:#7d7d7d; margin: 0 0 40px; line-height: 1.5;}
.cerBox ul {display:inline-block}
.cerBox ul li {float:left; margin:5px}
.cerBox input[type="text"] {width: 178px; background-color: white; border: 1px solid #d7d7d7; margin: 0; border-radius: 5px; height: 34px;
padding: 5px 0; line-height: 1.5; text-indent: 10px;}
.cerBox button {width:178px; height:46px; line-height:46px; font-size:16px}
.cerBox_fot {display:inline-block; width:100%; line-height:1; border-top:1px solid #e6e6e6; padding:35px 0; text-align:center; background-color:#fafafa; vertical-align:bottom}
.cerBox_fot a {width:44px; height:44px; margin:2px; display:inline-block;}
.cerBox_fot a.cer_phone {background:url("/resource/res/img/cer_icon.png") no-repeat;}
.cerBox_fot a.cer_naver {background:url("/resource/res/img/cer_icon.png") no-repeat -46px 0;}
.cerBox_fot a.cer_kakao {background:url("/resource/res/img/cer_icon.png") no-repeat -92px 0;}
.popupCBox .cerBox {border:0; margin:0 0 20px}
.popupCBox .cerBox .sub_txt {margin:0 0 20px}
/* popup */
.popup_Box2 {width: 650px; background-color: #e0e0e0; position: relative; font-size: 14px; padding-bottom:10px; -webkit-print-color-adjust:exact;}
.popup_BoxTitle {width: 100%; height: 95px; background-color: #0da482; color: #fff; background: url('/resource/res/img/popup_BoxTitle_bg.png'); background-position: top; background-repeat: no-repeat; background-size: auto; position: absolute; z-index: 2; -webkit-print-color-adjust:exact;}
.popup_BoxTitle h3 { width: 97%; margin: 0 auto; font-size: 26px; line-height: 45px; font-weight: 600; letter-spacing: -0.2px; }
.popup_BoxTitle_icon { margin-left: 21px; margin-right: 50px; margin-bottom: 8px; vertical-align: bottom; }
.titleFontColor { color: #cef8ee }
.popup2_BoxIn { width: 622px; margin: 0 auto; background-color: #fff !important; position: static; padding-bottom: 17px;
-webkit-box-shadow: 2px 7px 10px -4px rgba(0, 0, 0, 0.26);
-moz-box-shadow: 2px 7px 10px -4px rgba(0, 0, 0, 0.26);
box-shadow: 2px 7px 10px -4px rgba(0, 0, 0, 0.26); -webkit-print-color-adjust:exact;
}
.popupContent { padding-top: 100px; width: 95%; margin: 0 auto;}
.table_normal th.lastElement { border-bottom: none;}
.table_normal th.tableBgColor { background-color: #f9f9f9; border-right: 1px solid #d7d7d7; color: #000;}
.subscriberInfo { margin-top: 22px;}
.notandumBg {background-color: #fafafa; margin-top: 15px; color: #818181; padding-bottom: 7px;}
.notandumTitle { font-size: 20px; padding: 13px 22px 10px; font-weight: 600; color: #000; margin:0px;}
.notandumList { padding-left: 22px;}
.notandumList li {padding: 3px 0; letter-spacing: -0.04px; font-size: 12px;}
/*인쇄용 CSS*/
.print-page {width: 21cm;min-height: 29.7cm;padding: 2cm;margin: 1cm auto;}
.print-subpage {padding: 1.3cm;height: 257mm;}
.print.popup_Box2 {width:auto; padding-bottom: 50px;}
.print .popup_BoxTitle {position: absolute;top: 0;left: 0;background-repeat: repeat;}
.print .popupContent {padding-top:115px;}
.print .sign {position: absolute;bottom: 100px;padding: 0;left: 0;right: 100px;color: #000;font-size: 14px;display: flex;gap: 50px;justify-content: flex-end;}
.print .sign p {display: flex;align-items: center;gap: 10px;}
.print .sign strong {font-size: 20px;}
.print .sign span {margin-left:100px; color:#666666;}
.print .sign .text-green {color:#0DA482;}
.print .popup2_BoxIn {position: absolute;left: 20px;right: 20px;bottom: 20px;width: auto;top: 0;}
.print .notandumBg {padding: 20px 0 30px; background-color: #e8e8e8 !important; -webkit-print-color-adjust: exact;}
.print .notandumTitle {font-size:16px;}
.print .table_normal tbody tr th {font-size:14px; background-color: #e8e8e8 !important; -webkit-print-color-adjust: exact;}
.print .table_normal tbody tr td {font-size:14px;}
.print .notandumList li {font-size:13px;}
@page {size: A4;margin: auto;}
@media print {
html, body {width: 210mm;height: 297mm;margin: 0;}
.page {margin: 0;border: initial;width: initial;min-height: initial;box-shadow: initial;background: initial;page-break-after: avoid;}
button {display: none;}
}
@media all and (min-width:640px) and (max-width:1220px){
.contentLayout {padding:0 16px}
.contentBox {padding:0 0 30px}
.heading {height: auto; display: inline-block; width: 100%; border-bottom:1px solid #e6e6e6; z-index: 2; margin:71px 0 0; padding:10px}
.head_tab {margin:0 16px 0 0}
.head_tab ul li a {font-size:14px; width:120px;}
.conbodyT1 {line-height:48px}
.conbodyT1 .main_txt {font-size:30px;}
.conbodyT1 .sub_txt {font-size:16px}
.topLayout {position:fixed; width:100%; height:70px;}
.topBuBox {display:none}
.topMenuBox {height:70px; padding: 0 20px; line-height:70px; border-bottom:1px solid #e6e6e6; background-color: white;}
.topMenuL {top: -20px; left:16px}
.topMenuL img {width:auto}
.topMenuR {margin:0}
.subMenu {display:none}
.subAllMenu {display:block}
.subAllMenu > ul > li {position:relative; margin:0 14px; text-align:right;}
.subAllMenu > ul > li:first-child a {
position: relative;
display: inline-block;
width: 22px;
height: 19px;
}
.subAllMenu > ul .bu_all .hamburger {position: absolute; top:8px; width: 100%; height: 2px;
background: #000; display: block; transform-origin: center; transition: .3s ease-in-out;}
.subAllMenu > ul .bu_all .hamburger:before {transition: .3s ease-in-out; content: ""; position: absolute; display: block;
width: 100%; height: 100%; background: #000; top: -7px;}
.subAllMenu > ul .bu_all .hamburger:after {transition: .3s ease-in-out; content: ""; position: absolute; display: block;
width: 100%; height: 100%; background: #000; bottom: -7px;}
.subAllMenu > ul .bu_all:hover .hamburger {transform:scaleX(.7)}
.subAllMenu > ul .bu_all:hover .hamburger:before , .subAllMenu > ul .bu_all:hover .hamburger:after {transform:scaleX(1.3)}
.subMenuBox {top: 120px;}
.searchAllBox {top:71px; height:190px}
.total_searchBox {margin:30px auto 15px}
.total_close {display:none}
.menuAllBox.on {top:0 !important}
/* mobile menu */
.menuAllBox {top:0; box-shadow:none}
.menuAllBoxIn:before {display:none}
.mobAll_title {background-color: white; height: 54px; line-height:1; color: black; text-indent:0}
.mobAll_title > ul > li {float:left;margin: 12px 0 0 5px;position:relative;}
.mobAll_title > ul > li:first-child {margin: 7px 15px 0 11px;}
.mobAll_title > ul > li:first-child:after {content: ""; width: 1px; height: 10px; background-color: #ccc; top: 16px; right: -12px; display: inline-block; position: absolute;}
.mobAll_title > ul > li a {font-size: 16px;color:#000;display:block;}
.mobAll_title > ul > li:first-child a {color:#f25c05}
.mobAll_title > ul > li span {vertical-align:middle;margin:7px 0 0 5px;display: inline-block;}
.mobAll_title > ul > li:first-child span {margin: 8px 0 0 5px;}
.mobAll_list {padding:55px 0 0; width:100%}
.mobAll_list > ul > li {width:100%; height:auto; border-bottom: 1px solid #ececec;}
.mobAll_list > ul > li .icon-k-down {display:block}
.mobAll_list > ul > li > a {text-align:left; text-indent:18px; background-color:white; border-left:0; line-height:48px; font-size: 17px; padding:0; font-weight:500}
.mobAll_list > ul > li > a.on , .mobAll_list > ul > li.on > a {background: #3e3e3e; color:white}
.mobAll_list > ul > li > a span {right:19px}
.mobAll_list .dep2 {margin-top:0; padding:0; background-color:#f6f6f6}
.mobAll_list .dep2 > li {padding:0 15px; border-bottom:0;}
.mobAll_list .dep2 > li > a {padding:0 3px !important; font-size: 14px; color: #8a8a8a; font-weight: 400; border-top: 1px dashed #d6d6d6;}
.mobAll_list .dep2 > li:first-child > a {border-top:0}
.mobAll_list .dep2 > li:hover {background-color:#f6f6f6 !important}
.mobAll_list .dep2 > li:hover a {color:black !important}
.mobAll_list .dep3 > li {margin:5px 0}
.mob_left_menu {display:block}
.mob_left_menu {position:absolute; top:0; right:200px; z-index:-1; background-color:#f7f7f7; width:58px; height:100%; border-right:1px solid #d7d7d7; text-align:center; box-shadow:-10px 0 9px rgba(0,0,0,0.3);}
.mob_left_menu a {color:white; display:block; height:100%}
.mob_left_menu .first_link {background-color:#586c7c}
.mob_left_menu .first_link li {line-height:1; height:55px;}
.mob_left_menu .first_link li:first-child {line-height:50px; height:50px; background-color:#98a1a8}
.mob_left_menu .first_link img {margin:8px 0 3px}
.mob_left_menu .first_link li:first-child img {margin:0}
.mob_left_menu .first_link p {font-size:12px; margin:0}
.mob_left_menu .second_link {background-color:#d8e0e5; padding: 0 7px;}
.mob_left_menu .second_link li {line-height:47px; height:54px; border-top:1px solid #becbd3}
.mob_left_menu .second_link li:first-child {border-top:0}
.menuAllClose {font-size:17px; top:0; right:0}
.menuAllClose span {color:#3e3e3e; border-radius:50%; border:1px solid #3e3e3e; padding:3px; top:19px; right:11px;}
/* EOD : mobile menu */
.section_Guide {font-size:14px}
.section_GuideIn {padding:15px}
/* footer */
.footerLayout {border-top:0}
.footerTBox {height:82px}
.footerTBoxIn ul:before {content:""; position:absolute; top:0; bottom:0; left:0; background-color:#e1e1e1; width:1px}
.footerTBoxIn ul li {width:50%; border-top: 1px solid #e1e1e1}
.footerTBoxIn ul li p {Padding:0 70px 0 0}
.footerTBoxIn ul li form {border-right:1px solid #e1e1e1}
.footerTBoxIn select {width:100%; background-color:white}
.footerBBoxIn {padding:0 21px}
.footerBLBox {position:static;}
.footerBRBox {padding:0}
.footer_link {margin:13px 4px}
.footer_link ul li {margin:2px 10px}
.footer_address p {padding:0 4px}
/* main */
.M_contentLayout {padding:100px 14px 0; min-height: auto;}
.M_content01_Box {height:auto; padding:20px; overflow:hidden}
.M_content01_Txt .main_txt {font-size:30px}
.M_content01_Txt .main_txt strong {font-size:36px}
.M_content01_Txt .sub_txt {font-size:16px}
.M_content01_Txt .sub_txt .mobile_block {display:block}
.main_loginInput ul li {float:none}
.main_loginInput .writeBox {width:100%; padding:3px 0;}
.main_loginInput input {width:90%}
.main_loginInput button {width:100%}
.M_content03 {padding:30px 0;}
.M_content03_C_Left {width:auto; overflow:hidden; margin: 0 0 10px;}
.M_content03_C_Left > ul > li:first-child:after {right:-3%}
.M_content03_C {display:block;}
.M_content03_C_Center {width:48%; margin:20px 0 0;}
.M_content03_C_Center .one_row ul {width:49%; margin:0 0 9px 1%}
.M_content03_C_Center .one_row ul.first {margin:0 1% 9px 0}
.M_content03_C_Center .one_row ul li {height:96px}
.M_content03_C_Center .second_row > ul li {height:97px}
.M_content03_C_Right {position:relative; margin:20px 0 0; float:right; top:0; width:48%; height:auto}
.M_content03_C_RightIn {padding:20px 15px}
.imgSlide .txtBox {margin:0 0 0 160px}
.imgSlide .txtBox > button {font-size:13px}
/* EOD : main */
.calendarBoxIn {max-width: 80%; margin: 0 10%;}
.week_H .prev_button {left:16px}
.week_H .next_button {right:16px}
.TimeBoxIn {max-width:80%; margin:0 10%}
.TimeBoxIn:after {left:10%}
.planBoxIn {max-width:80%; max-height:314px; margin:0 10%}
.wvNextBox span {font-size:36px}
/* table */
.table_normal {margin-bottom:20px}
.table_normal thead tr th { font-size:12px; }
.table_normal tbody tr th { font-size:12px; }
.table_normal tbody tr td { font-size:12px; }
.table_notice th {font-size:14px; }
.table_notice td {font-size:13px; }
.table_notice a { font-size:13px; }
/* EOD : table */
/* paging */
.pagination {margin:25px 0}
/* search */
.searchBox {padding:20px 10px 50px}
.searchBox ul li {margin:0 0 10px}
.searchBox input[type="text"] {min-width:auto}
.searchBox .formGroup .Form_input > ul > li {width:auto; margin:5px 0}
.searchCenter .searchBu {top:auto; bottom:0; left:0; right:0; width:100%; line-height:40px}
/* board */
.img_sliderBox {margin:20px 0 30px}
.img_sliderBoxIn {padding:20px 80px}
.L_ImgBox {max-width:181px; margin:0 auto 40px}
.img_board > ul > li , .img_board > ul > li.second {width:46%; margin: 0 2% 18px 2%; text-align:center}
.img_boardS {width:auto; height:auto}
.img_boardS .copyrightIn {padding:12px 20px}
.img_boardS .copyright {margin:0; width:100%; padding:0}
.img_boardS .copyright img {position:static; display:block; margin:0 auto}
.img_boardS .copyright span {padding:0; margin:10px 0 0 0; display:block}
.img_boardS .copyrightIn:after {display:none}
.img_board.type02 .img_boardS {height:auto}
.img_boardL {width:100%; float:none; margin:0 auto; max-width:272px}
.img_boardR {float: none; width: auto; height:auto; margin: 0; text-align:center}
.img_date {margin:20px 0}
.img_boardB {position:static}
.img_board.type02 .img_boardL {height:400px}
.img_board.type02 .img_boardR {height:auto}
.img_boardR a { font-size:22px; }
.board_name {font-size:20px;}
.boardS {display:block;}
.boardL { display:block; width:auto; vertical-align:initial; padding:0; }
.boardR { display:block; width:auto; }
/* Form */
.From_header {margin:20px 0 0}
.From_header .main_txt {font-size:30px; margin:0 0 10px}
.From_section {padding:10px 0 0; border:0}
.From_section > ul > li {margin:0 0 10px; padding:0 0 10px; border-bottom:1px dotted #e6e6e6}
.Form_input > ul > li {width:33.3%}
.Form_input > ul > li.row {width:100%}
.writeBox {width:95%; padding:5px 0; text-indent:5px}
.Form_input input[type="text"] , .Form_input select {width:90% !important; padding:0 5px}
.Form_label {width:auto; position:relative; margin: 0 0 15px;}
.Form_label p {font-size:18px; display:inline-block; margin:0 10px 0 0;}
.Form_label p span {display:inline-block; margin:0 0 0 5px}
.Form_input {padding:0}
.Form_chk , .Form_All_count {display:inline-block;}
.From_footer {margin:20px 0}
.Form_table {overflow:auto; max-width:1220px}
/* upload */
.file.type02 {width:100%}
/* webzine */
.webzine_normal > li {padding:10px 0}
.webzine_normal > li .webzine_right {padding-right:120px}
.webzine_normal > li .webzine_right .webzine_name {font-size:18px;}
.webzine_day {font-size:15px}
.webzine_day ul li {width:100%}
.webzine_day strong:after {display:none}
.webzine_txt {font-size:15px; margin:10px 0 0;}
.webzine_normal > li > button {width:100px}
/* webzine */
/* �삁�빟 議고쉶 */
.cerBox {min-width:100%}
}
@media all and (max-width:1200px) {
.pc-hide {display:block}
.mb-hide {display:none;}
.room_list {flex-wrap:wrap;flex-direction: column;}
.room_list > li {flex-basis: auto;width:100%; padding:0;}
.room_list > li a {height:auto; padding:20px 0;}
.room_list > li.three_room {width:100%;}
.room_list > li.first {margin:5px 0}
.room_list > li.last {margin:5px 0}
.room_list > li.group_room {width: 100%;flex: 1;}
.room_list > li.group_room ul li.first:after, .room_list > li.group_room ul li.second:after {top:-20px; bottom:-10px}
.res_room {padding:0px}
}
@media all and (max-width:640px) { /* phones */
.contentLayout {padding:0 10px}
.contentBox {padding:0 0 30px}
.heading {height:auto; line-height:1.2; display:inline-block; width:100%; border-bottom: 1px solid #e6e6e6;
z-index: 2; margin:51px 0 0}
.head_tab {margin:0; float:none}
.head_tab ul li {width:50%; margin:5px 0;}
.head_tab ul li:first-child {margin:5px 0}
.head_tab ul li a {font-size:14px; width:95%; margin:0 auto; line-height: 40px; height: 40px;}
.head_txt {float:none}
.conbodyT1 {line-height:30px; margin:10px}
.conbodyT1 .main_txt {font-size:24px; margin:0 10px 0 0}
.conbodyT1 .sub_txt {font-size:14px}
.buttonBox ul li {margin:5px 0}
.buttonBox ul li:first-child {margin:5px 0}
.topLayout {position:fixed; width:100%; height:50px; z-index:2}
.topBuBox {display:none;}
.topMenuBox {height:50px; padding: 0 16px; line-height:50px; border-bottom: 1px solid #ececec; background-color: white;}
.topMenuL {top:-20px; left:10px;}
.topMenuL img {width:110px;}
.searchAllBox {top:56px; height:auto}
.total_searchBox {margin:20px auto; width:90%}
.total_searchBox input[type="text"] {width:75%; height:25px; line-height:25px; font-size:14px}
.total_searchBox button img {width:15px}
.total_tagBox {display:none}
.total_close {display:none}
.topMenuR {margin:0}
.subMenu {display:none}
.subAllMenu {display:block}
.subAllMenu > ul > li {position:relative; margin:0 10px}
.menuAllBox.on {top:0 !important}
/* 20210316 : s */
.M_content02_C .planBox .reservTypeUl {overflow:hidden;}
.M_content02_C .planBox .reservTypeUl li {width:100%;clear:both;margin-bottom:15px;}
.M_content02_C .planBox .reservTypeUl li .reservTypeBox {overflow:hidden;background:#FCFCFC;border:1px solid #E7E7E7;padding:30px;margin-left:0;}
.M_content02_C .planBox .reservTypeUl li:first-child .reservTypeBox {margin-right:0;margin-left:0;}
.M_content02_C .planBox .reservTypeUl li .reservTypeBox .main_txt {font-size:18px;font-weight:500;color:#000;padding:0;margin:0;}
.M_content02_C .planBox .reservTypeUl li .reservTypeBox .sub_txt {display:block;width:150px;padding:20px 0;}
.M_content02_C .planBox .reservTypeUl li .reservTypeBox .sub_txt p {text-indent:-8px;padding:0 0 0 5px;margin:0;font-size:15px;}
.M_content02_C .planBox .reservTypeUl li .reservTypeBox .sub_txt p span {dislay:inline-block;padding-right:5px;}
.M_content02_C .planBox .reservTypeUl li .reservTypeBox .reservTypeL {float:left;}
.M_content02_C .planBox .reservTypeUl li .reservTypeBox .reservTypeR {float:right;padding:0 0 0 0;}
.M_content02_C .planBox .reservTypeUl li .reservTypeBox .reservTypeR img {width:120px;}
/* 20210316 : e */
/* footer */
.footerLayout {border-top:0}
.footerTBox {height:168px}
.footerTBoxIn ul:before {content:""; position:absolute; top:0; bottom:0; left:0; background-color:#e1e1e1; width:1px}
.footerTBoxIn ul li {width:100%; border-top: 1px solid #e1e1e1}
.footerTBoxIn ul li p {Padding:0 70px 0 0}
.footerTBoxIn select {width:100%}
.footerBBoxIn {padding:0 10px}
.footerBLBox {position:static;}
.footerBLBox img {width:108px}
.footerBRBox {padding:0}
.footer_link {margin:13px 4px}
.footer_link ul li {margin:2px 10px}
.footer_link ul li a {font-size:11px}
.footer_address p {font-size:11px; padding:0 4px}
/* main */
.logo-title {font-size:14px; }
.M_contentLayout {padding:80px 10px 0; min-height: auto;}
.M_content01_Box {height:auto; padding:14px; overflow:hidden}
.M_content01_Txt {float:none; margin:0 0 10px}
.M_content01_Txt .main_txt {font-size:30px; margin:0 0 10px}
.M_content01_Txt .main_txt strong {font-size:36px}
.M_content01_Txt .sub_txt {font-size:16px}
.M_content01_Txt .sub_txt .mobile_block {display:block}
.M_content01_menu {float:none}
.main_loginInput ul li {float:none}
.main_loginInput .main_txt {margin:20px 0 15px}
.main_loginInput .writeBox {width:100%; padding:3px 0;}
.main_loginInput input {width:90%}
.main_loginInput button {width:100%}
.M_content02_Box {padding:30px 0 0}
.M_content02_C .planBoxIn {padding:0 0 30px}
.M_content02_C .planBoxIn .plan_label {right:0;}
.plan:hover {margin:0}
.M_H_left {float:none}
.M_H_Right {float:right; margin:20px 0 0}
.M_content03_H {margin:0 0 10px}
.M_content03_C_Left {width:auto; overflow:hidden; margin: 0 0 10px;}
.M_content03_C_Left > ul > li:first-child:after {right:-3%}
.M_content03_C_Left > ul > li {width:100%; margin:10px 0}
.M_content03_C_Left .main_txt {margin:0 0 15px}
.M_content03_C_Left .sub_txt {min-height:auto; margin:0 0 10px}
.M_content03_C {display:block;}
.M_content03_C_Center {width:100%; margin:10px 0 0;}
.M_content03_C_Center .one_row ul {width:49%; margin:0 0 10px 1%}
.M_content03_C_Center .one_row ul.first {margin:0 1% 10px 0}
.M_content03_C_Right {position:relative; margin:20px 0; float:none; top:0; width:100%; height:auto}
.M_content03_C_RightIn {padding:20px 14px}
/* EOD : main */
.section_Guide {font-size:14px}
.section_GuideIn {padding:15px; line-height:20px}
.section {padding-bottom:0}
.imgContainer {min-height:auto}
.buttonBox {padding:10px 0 0 0}
/* mobile menu */
.menuAllBox {top:0; box-shadow:none}
.menuAllBoxIn:before {display:none}
.mobAll_title {background-color: white; height: 54px; line-height:1; color: black; text-indent:0}
.mobAll_title > ul > li {float:left;margin: 12px 0 0 5px;position:relative;}
.mobAll_title > ul > li:first-child {margin: 7px 15px 0 11px;}
.mobAll_title > ul > li:first-child:after {content: ""; width: 1px; height: 10px; background-color: #ccc; top: 16px; right: -12px; display: inline-block; position: absolute;}
.mobAll_title > ul > li a {font-size: 16px;color:#000;display:block;}
.mobAll_title > ul > li:first-child a {color:#f25c05}
.mobAll_title > ul > li span {vertical-align:middle;margin:7px 0 0 5px;display: inline-block;}
.mobAll_title > ul > li:first-child span {margin: 8px 0 0 5px;}
.mobAll_list {padding:55px 0 0; width:100%}
.mobAll_list > ul > li {width:100%; height:auto; border-bottom: 1px solid #ececec;}
.mobAll_list > ul > li .icon-k-down {display:block}
.mobAll_list > ul > li > a {text-align:left; text-indent:18px; background-color:white; border-left:0; line-height:48px; font-size: 17px; padding:0; font-weight:500}
.mobAll_list > ul > li > a.on , .mobAll_list > ul > li.on > a {background: #3e3e3e; color:white}
.mobAll_list > ul > li > a span {right:19px}
.mobAll_list .dep2 {margin-top:0; padding:0; background-color:#f6f6f6}
.mobAll_list .dep2 > li {padding:0 15px; border-bottom:0;}
.mobAll_list .dep2 > li > a {padding:0 3px !important; font-size: 14px; color: #8a8a8a; font-weight: 400; border-top: 1px dashed #d6d6d6;}
.mobAll_list .dep2 > li:first-child > a {border-top:0}
.mobAll_list .dep2 > li:hover {background-color:#f6f6f6 !important}
.mobAll_list .dep2 > li:hover a {color:black !important}
.mobAll_list .dep3 > li {margin:5px 0}
.mob_left_menu {display:block}
.mob_left_menu {position:absolute; top:0; right:200px; z-index:-1; background-color:#f7f7f7; width:58px; height:100%; border-right:1px solid #d7d7d7; text-align:center; box-shadow:-10px 0 9px rgba(0,0,0,0.3);}
.mob_left_menu a {color:white; display:block; height:100%}
.mob_left_menu .first_link {background-color:#586c7c}
.mob_left_menu .first_link li {line-height:1; height:55px;}
.mob_left_menu .first_link li:first-child {line-height:50px; height:50px; background-color:#98a1a8}
.mob_left_menu .first_link img {margin:8px 0 3px}
.mob_left_menu .first_link li:first-child img {margin:0}
.mob_left_menu .first_link p {font-size:12px; margin:0}
.mob_left_menu .second_link {background-color:#d8e0e5; padding: 0 7px;}
.mob_left_menu .second_link li {line-height:47px; height:54px; border-top:1px solid #becbd3}
.mob_left_menu .second_link li:first-child {border-top:0}
.menuAllClose {font-size:17px; top:0; right:0}
.menuAllClose span {color:#3e3e3e; border-radius:50%; border:1px solid #3e3e3e; padding:3px; top:19px; right:11px;}
/* EOD : mobile menu */
/* table */
.table_normal thead tr th , .table_normal tbody tr th , .table_normal tbody tr td{ font-size:12px; }
.table_normal thead tr th {padding:10px}
.table_normal tbody tr td {padding:13px;}
.table_view tr th {padding:13px 15px; font-size:12px}
.table_view tr td {padding:13px 15px; color: #717171; font-size:12px}
.table_view .viewBox {color:#717171}
.table_view .viewBox p {line-height:2}
/* EOD : table */
.calendarBoxIn {max-width:80%; margin:0 10%}
.week_H .prev_button {left:0}
.week_H .next_button {right:0;}
.week_H .prev_button, .week_H .next_button {font-size: 24px; margin: -18px 0 0px;}
.week_H .week_txt {font-size:22px; margin:20px 0 0}
.week_C .header .day {font-size:18px}
.week_C .day span {width:30px; height:30px; line-height:30px; font-size:14px; border-radius: 50%;}
.TimeBoxIn {max-width:80%; margin:0 10%}
.TimeBoxIn:after {left:10%}
.wvNextBox span {font-size:24px}
.wvNextBox .prevBu {left:0; margin-top:-12px}
.wvNextBox .nextBu {right:0; margin-top:-12px}
.TimeBox {height:auto}
.TimeBoxIn ul li {height:100px}
.TimeBoxIn ul li .Time .time_txt {font-size:14px}
.TimeBoxIn ul li .Time .per_txt {font-size:16px}
.planBox {height:auto}
.planBoxIn {max-width:80%; margin:0 auto}
.planBoxIn ul li {height:100px}
/* paging */
.pagination {margin:25px 0 0}
/* search */
.searchBox {padding:20px 10px 50px}
.searchBox ul li {margin:0 0 10px}
.searchBox input[type="text"] {min-width:auto}
.searchBox .formGroup .Form_input > ul > li {width:auto; margin:5px 0}
.searchCenter .searchBu {top:auto; bottom:0; left:0; right:0; width:100%; line-height:40px}
/* board */
.img_sliderBox {margin:20px 0 40px}
.img_sliderBoxIn {padding:5px 80px 30px}
.img_sliderBoxIn.photo {padding:30px 80px 30px;}
.img_sliderBox ul li a p {font-size:14px}
.L_ImgBox {max-width:181px; margin:0 auto 40px}
.img_board > ul > li {padding-top:14px; border-top:1px dashed #d7d7d7}
.img_board > ul > li:first-child {padding-top:0; border-top:0;}
.img_board > ul > li , .img_board > ul > li.second {width:100%; margin:0 0 14px 0; text-align:center}
.img_boardS {width:auto; height:auto}
.img_boardS .copyrightIn {padding:12px 10px}
.img_boardS .copyright {margin:0; width:100%; padding:0 0 0 0;}
.img_boardS .copyright img {position:static; display:block; margin:0 auto}
.img_boardS .copyright span {padding:0; margin:10px 0 0 0; display:block}
.img_boardS .copyrightIn:after {display:none}
.img_board.type02 .img_boardS {height:auto}
.img_boardL {width:100%; float:none; margin:0 auto; max-width:272px}
.img_boardR {float: none; width: auto; height:auto; margin: 0;}
.img_board.type02 .img_boardL {height:400px}
.img_board.type02 .img_boardR {height:auto}
.img_date {margin:15px 0}
.img_boardB {position:static}
.img_boardR a { font-size:18px; }
.board_name {font-size:16px;}
.board {display:block}
.boardL { display:block; width:auto; vertical-align:initial; padding:0; }
.boardR { display:block; width:auto; }
/* Form */
.From_header {margin:20px 0 0}
.From_header .main_txt {font-size:24px; margin:10px 0}
.From_header .sub_txt {font-size:16px}
.From_section {padding: 20px 0 0;}
.From_section > ul > li {margin:0 0 20px}
.Form_input > ul {margin:0}
.Form_input > ul > li {width:100%; margin:5px 0 0}
.writeBox {width:100%; padding:5px 0; text-indent:5px}
.Form_input input[type="text"] , .Form_input select {width:95% !important; padding:0 5px}
.Form_label {width:auto; position:relative; margin: 0 0 10px;}
.Form_label p {font-size:18px; display:inline-block; margin:0 10px 0 0;}
.Form_label p span {display:inline-block; margin:0 0 0 5px}
.Form_input {padding:0}
.Form_chk , .Form_All_count {display:inline-block;}
.Form_txtBox ul li .Form_chk_input {padding:25px 0 0}
.Form_table {overflow:auto; max-width:640px}
.Form_table .Form_chk , .Form_table .Form_All_count {padding:0 20px 15px}
.From_footer {margin:20px 0}
/* �씤利앹닔�떒 */
.confirmLeft {width:100%; margin:0 0 15px}
.confirmRight , .confirmRight ul li {width:100%}
.confirmRight ul li:first-child .confirm_con {border-right:1px solid #d7d7d7}
/* webzine */
.webzine_normal li {padding:20px 0 60px; margin:15px 0}
.webzine_normal li .webzine_right {padding:0px 15px}
.webzine_normal li .webzine_right .webzine_name {font-size:22px; margin:20px 0}
.webzine_day {font-size:15px}
.webzine_day strong {display:block}
.webzine_day strong:after {display:none}
.webzine_day ul li {width:100%; padding:0; margin:0 0 10px}
.webzine_txt {font-size:14px; margin:10px 0 0;}
.webzine_label {width:60px; height:40px; line-height:40px; border-radius:0 0 5px 0; left:0}
.webzine_normal li .webzine_left {margin:0 auto; position:relative}
.webzine_normal li > button {width:100%; border:0; border-radius:0 0 5px 5px; right:0; top:auto; bottom:0; left:0; padding:10px 0; font-size:16px;
border-top: 1px solid #d7d7d7;}
.webzine_normal li > button p {display:inline-block; vertical-align:middle; margin: 0 0 1px;}
.webzine_normal li > button .icon-k-next {font-size:15px; margin:0 0 0 5px; vertical-align:middle}
.webzine_normal li > button:before {border-radius:0 0 5px 5px;}
.webzine_normal li > button:hover:before {width:100%}
.webzine_normal li > button:hover .icon-k-next:after {display:none}
.webzine_view {border:1px solid #d7d7d7; padding:10px 25px 70px}
.webzine_view .webzine_label {top:0;}
.webzine_view_name {font-size:22px;}
.webzine_view_txt .webzine_view_con {max-height: 63px; overflow: hidden; font-size:14px;}
.webzine_view_left {top:0; left:0; margin:0 auto; position:relative}
.webzine_view_Right {padding:20px 0 0}
.webzine_view_Right > button {bottom:0; right:0; left:0; width:100%; display:block; border:0; border-top:1px solid #d7d7d7; border-radius:0}
.room_list > li {width:100%; margin:5px 0}
.room_list > li.first {margin:5px 0}
.room_list > li.last {margin:5px 0}
.room_list > li.three_room {width:100%}
.room_list > li.three_room ul li {float:none; width:100%; height:auto; padding:0 0 1px}
.room_list > li.three_room ul li.first:after, .room_list > li.three_room ul li.second:after {top:auto; bottom:0; right:0; left:0; border-bottom:1px dashed #dadada; border-right:0}
.res_room {padding: 0 0 0 0; height:auto;}
.res_room .room_num {margin:15px 0}
/* upload */
.file.type02 {width:100%}
/* �삁�빟 議고쉶 */
.cerBox {min-width:100%}
.cerBox ul li {float:none; margin:0 0 10px; width:90%; display:inline-block}
.cerBox input[type="text"] {width:100%; height:29px}
.cerBox_con .main_txt {font-size:20px; line-height:1.4; margin:15px 0 10px}
.cerBox_con .sub_txt {font-size:16px; margin:0 0 20px}
.cerBox_fot {padding:15px 0}
.popupF button {min-width:100px}
.imgSlide .txtBox {margin:0 0 0 160px}
.room_list > li.group_room ul {flex-wrap:wrap;flex-direction: column;}
.room_list > li.group_room ul li {flex-basis: auto; height:auto;}
.room_list > li.group_room ul li:before {border-top: 1px dotted #d3d3d3;top:0; left: 20px;right: 20px;width: auto;height: 1px;}
}