@charset "utf-8";

.fc_brown {color:#b79b87;}

.csize {width:90%; max-width:1286px; margin:auto;}
.inner{
    margin:0 auto;
    max-width: 91%;
    width: 1286px;
}

#wrap {overflow:hidden;}
#main {margin-top:120px;}
.bbs #main {width:90%; max-width:1286px; margin:250px auto 150px;}
@media all and (max-width:991.9px){
	#main {margin-top:70px;}
	.bbs #main {margin:120px auto 80px;}
}

.flow-banner{
    background-color: #d0eabb;
    height: 30px;
    pointer-events: none;
}
.flow-banner .swiper-wrapper{
    transition-timing-function:linear;
}
.flow-banner .swiper-slide{
    width: auto;
    font-size: 18px;
    color:#12271b;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.3em;
}
#header_pc {position:fixed; top:0; left:0; right:0; z-index:1001; height:120px; background:#fff; box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);}
#header_pc h1 {position:absolute; left:80px; top:35px;}
#header_pc h1 a {display:block; width:200px; height:38px; margin-top:15px; background:url('/images/common/logo.svg') no-repeat; background-size:contain;}
#header_pc .gnb_list {padding-top:40px; padding-left:305px;}
#header_pc .gnb_list > li {float:left; position:relative; margin-right:55px;}
#header_pc .gnb_list > li > a {display:block; padding:0 15px; font-size:20px; color:#010101; line-height:65px; letter-spacing:0;}
#header_pc .gnb_list .sub {display:none; overflow:hidden; position:absolute; top:60px; left:0; width:165px; padding:20px; background:#00594C;}
#header_pc .gnb_list .sub a {font-size:13px; color:#fff; line-height:26px; font-weight:300; letter-spacing:0; transition:color 0.4s;}
#header_pc .gnb_list .sub a:hover {color:#fff0c9}
#header_pc .top_util {display: flex;align-items:center;position:absolute; top:25px; right:80px; margin-right:-15px;}
#header_pc .top_util>li {position:relative; padding:0 15px;}
#header_pc .top_util>li+li::before {position:absolute; top:50%; left:0; width:1px; height:16px; margin-top:-7px; background:#000; content:'';}
#header_pc .top_util a {font-size:16px; color:#000; letter-spacing:0; font-weight:500; line-height:22px;display: block;}
#header_pc .top_util>li.lang{
    position: relative;
}
#header_pc .top_util>li.lang button{
    border:0;
    cursor: pointer;
    background-color: transparent;
    width: 100%;
    width: 95px;
    height: 22px;
    box-sizing: border-box;
    position: relative;
    border:1px solid #12271b;
    display: block;
}
#header_pc .top_util>li.lang button::after{
    content:'';
    position: absolute;
    right:4px;
    top:50%;
    transform: translate(0,-50%);
    border-top: 7px solid #000;
    border-left: 4.5px solid transparent;
    border-right: 4.5px solid transparent;
}
#header_pc .top_util>li.lang button.active::after{
    transform: rotate(180deg) translate(0,50%) ;
}
#header_pc .top_util>li.lang button .cur{
    display: flex;
    line-height: 22px;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color:#000;
}
#header_pc .top_util>li.lang button .cur img{
    width: 23px;
    margin:0 5px 0 4px; 
}
#header_pc .top_util>li.lang .lang-list{
    position: absolute;
    left:15px;
    right:15px;
    background:#fff;
    border:1px solid #12271b;
    box-sizing: border-box;
    top:21px;
    display: none;
    padding:5px 0;
}
#header_pc .top_util>li.lang .active+.lang-list{
    display: block;
}
#header_pc .top_util>li.lang .lang-list li+li{
    margin-top: 3px;
}
#header_pc .top_util>li.lang .lang-list a{
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color:#000;
    line-height: 22px;
}
#header_pc .top_util>li.lang .lang-list a img{
    width: 23px;
    margin:0 5px 0 4px;
}

#header_pc .event_name {font-weight: 600; color: #00594C !important;}

#header_pc .language-list {display:flex; align-items:center; gap:20px; position:absolute; top:25px; right:80px;}
#header_pc .language-list li a img {width: 25px;}

#header_m {display:none;}
@media all and (max-width:1400px){
	#header_pc h1 {left:60px;}
	#header_pc .gnb_list {padding-left:280px;}
	#header_pc .gnb_list > li {margin-right:20px;}
	#header_pc .top_util {right:60px;top:25px;}
}
@media all and (max-width:1200px){
	#header_pc h1 {left:40px;}
	#header_pc .gnb_list {padding-left:250px;}
	#header_pc .gnb_list > li {margin-right:10px;}
	#header_pc .top_util {right:40px;}
}
@media all and (max-width:991.9px){
	#header_pc {display:none;}

	#header_m {display:block;}
	#header_m .header_top {position:fixed; top:0; left:0; z-index:101; width:100%; height:70px; background:#fff; box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.1);}
	#header_m .header_top .logo a {display:block; width:55px; height:70px; margin:auto; background:url('/images/common/logo.svg') no-repeat center; background-size:contain;}
	#header_m .btn_menu_open {position:absolute; top:50%; left:16px; width:25px; height:20px; margin-top:-10px; background:url('/images/common/icon_menu_open.png') no-repeat center; background-size:contain;}
	#header_m .btn_menu_close {position:absolute; top:15px; right:13px; width:20px; height:20px; background:url('/images/common/icon_menu_close.png') no-repeat center; background-size:contain;}

    #header_m .lang{
        position: absolute;
        right:16px;
        top:50%;
        transform: translate(0,-50%);
    }
    #header_m .lang button{
        border:0;
        cursor: pointer;
        background-color: transparent;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        display: block;
        width: 29px;
    }
    #header_m .lang button img{
        max-width: 100%;
        height: auto;
    }
    #header_m .lang .lang-list{
        position: absolute;
        width: 70px;
        right: -4px;
        border: 1px solid #12271b;
        box-sizing: border-box;
        top: 34px;
        display: none;
        padding: 5px 0;
        background: #fff;
    }
    #header_m .lang .active+.lang-list{
        display: block;
    }
    #header_m .lang .lang-list li+li{
        margin-top: 3px;
    }
    #header_m .lang .lang-list a{
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 500;
        color:#000;
        line-height: 22px;
    }
    #header_m .lang .lang-list a img{
        width: 23px;
        margin:0 5px 0 4px;
    }

	#side_menu {overflow:auto; position:fixed; top:0; left:-220px; z-index:203; bottom:0; width:220px; padding:23px 25px; color:#010101; background:#fff; transition:left 0.4s;}
	#side_menu.open {left:0;}
	#side_menu .logo {display:block; width:55px; height:40px; background:url('/images/common/logo.svg') no-repeat center; background-size:contain;}
	#side_menu .top_util {overflow:hidden; margin:25px -11px 15px;}
	#side_menu .top_util li {float:left; position:relative; padding:0 11px;}
	#side_menu .top_util li+li::before {position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-7px; background:#292929; content:'';}
	#side_menu .top_util a {font-size:15px; color:#292929; letter-spacing:0; font-weight:600;}
	#side_menu .gnb_list > li > a {display:block; position:relative; font-size:15px; line-height:2.566;}
	#side_menu .gnb_list > li > a::after {position:absolute; top:0; right:-8px; content:'+';}
    #side_menu .gnb_list > li.depth1 > a::after {display:none;}
	#side_menu .gnb_list .sub {display:none;}
	#side_menu .gnb_list .sub a {display:block; padding-left:4px; font-size:12px; line-height:2.5; color:#5e5e5e;}
	#side_menu .gnb_list > li.on > a::after {content:'-'}
	.nav_dimmed_bg {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:202; background:rgba(0,0,0,0.5)}

    #side_right{
        overflow: auto;
        position: fixed;
        top: 0;
        right: -220px;
        z-index: 203;
        bottom: 0;
        width: 220px;
        padding: 23px 25px;
        color: #010101;
        background: #fff;
        transition: right 0.4s;
    }
    #side_right.open{
        right:0;
    }
	#side_right .logo {display:block; width:55px; height:40px; background:url('/images/common/logo.svg') no-repeat center; background-size:contain;}
	#side_right .lang-list{
		padding-top:25px;
	}
	#side_right .lang-list li+li{margin-top:15px}
	#side_right .lang-list li a{
		display:flex;
		align-items:center;
	}
	#side_right .lang-list li a span{
		font-size:15px;
		margin-left:10px;
	}
	#side_right .lang-list li a img{
		width:30px;
	}
    #footer .cbox .info .info-top a{
        margin-left: 12px;
    }
}


#footer {padding:0px 0 80px; font-family: 'Noto Sans KR', sans-serif; color:#FFF; background:#0B2420}
#footer .notice_txt {padding:20px 0; border-bottom:1px solid #5c5c5c; font-size:14px; color:#7c7c7c; text-align:center;}
#footer .cbox {overflow:hidden; margin-top:30px; padding:0 20px 0 50px;}
#footer .blogo {width:200px; height:38px; background:url('/images/common/b_logo_gn.png') no-repeat; background-size:contain;}
#footer .addr {font-size:14px; line-height:1.714;}
#footer .copyright { font-size:14px; line-height:1.714;}
#footer .etc_link {margin-top:20px; font-size:0;}
#footer .etc_link li {display:inline-block; margin-right:8px;}
#footer .etc_link a {display:block; width:85px; border:1px solid #8e8e8e; font-size:10px; color:#7b7b7b; line-height:18px; text-align:center; transition:all 0.4s;}
#footer .etc_link a:hover {border-color:#fff; background:#fff;}
#footer .cbox > div {float:left; width:50%;}
#footer .cbox .info {width:40%;}
#footer .cbox .info .info-top{
    display: flex;
    align-items: center;
    margin-bottom:20px; 
}
#footer .cbox .info .info-top a{
    color:#fff;
    border:1px solid #fff;
    width: 79px;
    line-height: 21px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    margin-left: 15px;
}
#footer .cbox .hours {width:30%;}
#footer .cbox .contact {float:right; width:28%; max-width:310px; padding-top:23px;}
#footer .cbox .mbox {overflow:hidden; position:relative; height:137px; margin-top:17px; border:1px solid #ffffff;}
#footer .cbox .mbox .inbox {margin:-20px -50px -50px;}
#footer .root_daum_roughmap,
#footer .wrap_map {width:100% !important; height:237px !important;}
#footer h2 {font-size:24px; color:#fff; font-weight:500;}
#footer .hours {padding-top:23px; color:#fff;}
#footer .hours p {margin-top:10px; font-size:18px; line-height:1.444; font-weight:300;}
#footer .hours p strong {display:inline-block; width:100px; font-weight:300;}
#footer .hours p span {display:inline-block;}
#footer .hours .holyday {margin-top:15px; font-size:16px;}

@media all and (max-width:1200px){
	#footer .cbox {padding:0 10px;}
    
}
@media all and (max-width:991.9px){
	#footer {padding:0px 0 10px;}
	#footer .notice_txt {padding:10px 0; font-size:12px; line-height:1.5;}	
	#footer .cbox > div {float:none !important; width:auto !important;}
	#footer .addr {font-size:13px;}
	#footer .etc_link {margin-top:0px;}
	#footer .etc_link li{margin-top:10px;}
	#footer .etc_link a {width:80px; font-size:9px;}
	#footer h2 {font-size:19px;}
	#footer .hours {}	
	#footer .hours p { font-size:14px;}
}
#footer .csize div:nth-child(1) {display: flex; align-items: center; padding-top:80px; margin-bottom:40px; border-bottom: 1px solid #fff;}
#footer .csize div:nth-child(2) {display: flex; justify-content: space-between; align-items: center; font-size: 14px;}
#footer img {max-width:71px; margin-right:40px;}
#footer .tit {font-family: 'Rozha One'; font-size: 80px;}
#footer ul {text-align: right;}
#footer ul li {display: inline-block;}
#footer ul li::after{content: "|"; display: inline-block; margin:0 8px;}
#footer ul li:last-child::after{content:"";}
@media all and (max-width:1200px){
    #footer .csize div:nth-child(1) {display:block; margin-bottom:16px; padding-top:20px}
    #footer {padding:0px 0 20px;}
    #footer img {display: block; margin-right:0; margin-bottom:17px;}
    #footer .tit {display:block; font-size: 32px; margin-bottom:16px;}
    #footer .csize div:nth-child(2) {display: block;}
    #footer ul {text-align: left;}
    #footer .copyright {margin-bottom:6px;}

}

#fixed_counsel {position:fixed; left:0; right:0; bottom:0; z-index:1000; padding:40px 0; background:#3f3f3f;}
#fixed_counsel * {vertical-align:middle;}
#fixed_counsel .csize {max-width:1000px;}
#fixed_counsel .fbox {display: -ms-flexbox; display: flex; position:relative; padding-right:150px;}
#fixed_counsel input[type="submit"] {position:absolute; top:-5px; right:0; width:145px; height:40px; font-size:15px; color:#fff; font-weight:600; background:#ccb09c;}
#fixed_counsel h2 {width:110px; font-size:16px; color:#fff; font-weight:600; line-height:30px;}
#fixed_counsel .fbox > div {-ms-flex: 1; flex: 1; padding-right:18px;}
#fixed_counsel .fbox input[type="text"],
#fixed_counsel .fbox select {width:100%; height:30px; padding-left:10px; border:0; font-size:12px; color:#000; background:#fff;}
.mcheckbox {display:inline-block; overflow:hidden; position:relative; margin-top:4px; font-size:11px; color:#fff; line-height:15px;}
.mcheckbox * {vertical-align:middle;}
.mcheckbox input {position:absolute; left:0; top:50%; width:15px; height:15px; margin-top:-7px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.mcheckbox label {display:inline-block; position:relative; padding-left:23px;}
.mcheckbox label:before {position:absolute; top:50%; left:0; width:15px; height:15px; margin-top:-7px; background:#fff; content:'';}
.mcheckbox input:checked+label:before {background:url('/images/common/ico_mcheckbox.png') no-repeat center #fff; background-size:contain;}

#quick_pc {position:fixed; top:120px; right:0; z-index:1000; box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.2);font-size: 14px;}

#quick_m {display:none; position:fixed; left:0; right:0; bottom:0; z-index:100; padding:0 2%; background:#fff; box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.1);}
#quick_m ul {display: -ms-flexbox; display: flex; padding:10px 0;}
#quick_m li {-ms-flex: 1; flex: 1; text-align:center;}
#quick_m a {display:block; font-size:12px; color:#000;}
#quick_m a::before {display:block; margin:0px auto 7px; width:30px; height:30px; background:no-repeat center; background-size:contain; content:'';}
#quick_m li:nth-child(1) a::before {background-image:url('/images/common/icon_quick_tel.png');}
#quick_m li:nth-child(2) a::before {background-image:url('/images/common/icon_quick_kakao.png');}
#quick_m li:nth-child(3) a::before {background-image:url('/images/common/icon_quick_naver.png');}
#quick_m li:nth-child(4) a::before {background-image:url('/images/common/icon_quick_event.png');}
#quick_m li:nth-child(5) a::before {background-image:url('/images/common/icon_quick_contact.png');}

#kakao {position: fixed; bottom: 60px; left: 40px; z-index: 999; animation: quick_bounce 1.6s infinite; transform-origin: center bottom; width: 200px;}
@-webkit-keyframes quick_bounce {
	0%,100%,20%,53%,80% {
		-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
		transition-timing-function:cubic-bezier(0.215,.61,.355,1);
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
	40%,43% {
		-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
		transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
		-webkit-transform:translate3d(0,-30px,0);
		transform:translate3d(0,-30px,0)
	}
	70% {
		-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
		transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
		-webkit-transform:translate3d(0,-15px,0);
		transform:translate3d(0,-15px,0)
	}
	90% {
		-webkit-transform:translate3d(0,-4px,0);
		transform:translate3d(0,-4px,0)
	}
}

@media all and (max-width:991.9px){
	#fixed_counsel,
	#quick_pc,
	#kakao {display:none;}

	#quick_m {display:block;}
}

/*

-ms-flex-pack: end!important; justify-content: flex-end!important;

display: -ms-flexbox; display: flex;
-ms-flex-wrap: wrap; flex-wrap: wrap;
-ms-flex-align: stretch; align-items: stretch;
-ms-flex-align: center; align-items: center;

-ms-flex-item-align: center; align-self: center;
-ms-flex-item-align: stretch; align-self: stretch;

-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;
font-family: 'Nanum Myeongjo', serif,'Apple SD Gothic Neo';
font-family: 'Noto Sans KR', sans-serif,'Apple SD Gothic Neo';
font-family: 'S-Core Dream', sans-serif,'Apple SD Gothic Neo';


-ms-flex: 1; flex: 1;
*/

/*2023-01-16*/
.sub_contents.sub_contents_wrap{background: #e8ecef;padding: 53px 0 124px;}
.reserve_wrap{width:90%;max-width: 1200px; margin: 0 auto;background:#fff}
.reserve_wrap .writing{padding: 79px;}
.reserve_wrap .writing h1{width: 100%;padding-bottom: 40px;border-bottom: 1px solid #d5d5d5;font-weight: 500; font-size: 30px;color: #02584d;}
.reserve_wrap .writing h1 img{vertical-align: middle;margin-right: 10px;}
.reserve_wrap .writing .reserve_input{padding: 38px;border-bottom: 1px solid #d5d5d5;}
.reserve_wrap .writing .reserve_input table{width:100%;}
.reserve_wrap .writing .reserve_input table tr{width: 100%;display: inline-block;font-size: 20px;margin-bottom: 30px;}
.reserve_wrap .writing .reserve_input table th{width: 10%;text-align: left;font-size: 24px;}
.reserve_wrap .writing .reserve_input table tr td{width: 87%}
.reserve_wrap .writing .reserve_input table tr th{line-height: 1;vertical-align: middle;margin-right: 1vw;}
.reserve_wrap .writing .reserve_input table tr td label{line-height: 1;vertical-align: middle;margin-right: 1vw;}
.reserve_wrap .writing .reserve_input table tr td label input{vertical-align: top;width:22px;height:22px;margin-right:10px;}
.reserve_wrap .writing .reserve_input .b_2{border: 1px solid #d5d5d5; border-radius: 5px; padding: 28px;margin-bottom: 15px;display: flex;justify-content: flex-start;column-gap: 2vw;}
.reserve_wrap .writing .reserve_input .b_2.b_3{position:relative;}
.reserve_wrap .writing .reserve_input .b_2.b_3 th{position:absolute;padding: 1.3vw 1.3vw 1.0vw}
.reserve_wrap .writing .reserve_input .b_2.b_3 td{width:100%;}
.reserve_wrap .writing .reserve_input .b_2.b_3 td input{border: 1px solid #aaa;}
.reserve_wrap .writing .reserve_input .b_2 input[type="text"]{width: 100%; padding: 1vw 1.3vw;padding-left: 5.5vw; }
.reserve_wrap .writing .reserve_input .b_2 input[type="text"]::placeholder{color: #0d0d0d;font-size: 24px;}
.reserve_wrap .writing .reserve_input .b_2.text_area textarea{width:100%;height:300px;resize:none;padding: 1vw 1.3vw;padding-left: 5.5vw;}
.reserve_wrap .writing .reserve_input .b_2.text_area th {position:absolute;padding: 1.6vw 1.3vw 1.0vw;color: #0d0d0d;}
.reserve_wrap .writing .reserve_input .b_2.text_area textarea::placeholder {font-size:15px;line-height: 1.5; color: #535353;transition-delay:0.1s;}
.reserve_wrap .writing .reserve_input .b_2.text_area textarea:focus::placeholder{color:transparent}
.reserve_wrap .writing .reserve_input .b_2.text_area textarea:focus::-webkit-input-placeholder{color:transparent}
.reserve_wrap .writing .reserve_input .b_2.text_area textarea:focus:-moz-placeholder{color:transparent}
.reserve_wrap .writing .reserve_input .b_2.text_area textarea:focus::-moz-placeholder{color:transparent}
.reserve_wrap .writing .reserve_input .b_2.text_area textarea:focus:-ms-input-placeholder{color:transparent}
.reserve_wrap .writing .reserve_input2{padding: 40px 46px; padding-right: 0;}
.reserve_wrap .writing .reserve_input2 label{color: #535353;font-size: 18px;font-weight: 500;vertical-align: middle; margin-left: 10px;}
.reserve_wrap .writing .reserve_input2 input[type="checkbox"]{width: 22px;height: 22px;}
.reserve_wrap .writing .reserve_input2 > .open_agree{color: #009582;font-size: 18px;font-weight: 500; margin: 0 13px;margin-right:43px;}
.reserve_wrap .writing .reserve_input2 > span{font-size: 18px; font-weight: 500;color: #b2b3b3;}
.reserve_wrap .writing .btnApply{width: 100%;padding: 26px 0;background: #02584d;text-align: center;color: #fff;line-height: unset; height: unset;}
.reserve_wrap .writing .infotxt{text-align: center; color: #007465; font-size: 23px;font-weight: 600;margin:30px 0;}

@media (max-width: 1201px) {
	.sub_contents.sub_contents_wrap{padding: 4.417vw 0 10.333vw;}
	.reserve_wrap .writing{padding: 6.583vw;}
	.reserve_wrap .writing h1{padding-bottom: 3.333vw;border-bottom: 0.083vw solid #d5d5d5;font-size: 2.500vw;}
	.reserve_wrap .writing h1 img{margin-right: 0.833vw; width:5%;}
	.reserve_wrap .writing .reserve_input{padding: 3.167vw;border-bottom: 0.083vw solid #d5d5d5;}
	.reserve_wrap .writing .reserve_input table tr{font-size: 1.667vw;margin-bottom: 2.500vw;}
	.reserve_wrap .writing .reserve_input table th{font-size: 2.000vw;}
	.reserve_wrap .writing .reserve_input table tr td label input{width:1.833vw;height:1.833vw;margin-right:0.833vw;}
	.reserve_wrap .writing .reserve_input .b_2{border: 0.083vw solid #d5d5d5; border-radius: 0.417vw; padding: 2.333vw;margin-bottom: 1.250vw;column-gap: 2vw;}
	.reserve_wrap .writing .reserve_input .b_2.b_3 td input{border: 0.083vw solid #aaa;}
	.reserve_wrap .writing .reserve_input .b_2 input[type="text"]{padding-left: 8.5vw;}
	.reserve_wrap .writing .reserve_input .b_2 input[type="text"]::placeholder{font-size: 2.000vw;}
	.reserve_wrap .writing .reserve_input .b_2.text_area textarea{height:25.000vw;padding-left: 8.5vw;}
	.reserve_wrap .writing .reserve_input .b_2.text_area textarea::placeholder{font-size:1.250vw;}
	.reserve_wrap .writing .reserve_input2{padding: 3.333vw 3.833vw;}
	.reserve_wrap .writing .reserve_input2 label{font-size: 1.500vw;margin-left: 0.833vw;}
	.reserve_wrap .writing .reserve_input2 input[type="checkbox"]{width: 1.833vw;height: 1.833vw;}
	.reserve_wrap .writing .reserve_input2 > .open_agree{font-size: 1.500vw;margin: 0 1.083vw;margin-right:3.583vw;}
	.reserve_wrap .writing .reserve_input2 > span{font-size: 1.500vw;display: block; margin-top: 1vw;}
	.reserve_wrap .writing .btnApply{padding: 2.167vw 0;}
	.reserve_wrap .writing .infotxt{font-size: 1.917vw;margin:2.500vw 0;}
}

@media (max-width: 980px) {
	.sub_contents.sub_contents_wrap{padding: 5.408vw 0 12.653vw;}
	.reserve_wrap .writing{padding: 5.061vw;}
	.reserve_wrap .writing h1{padding-bottom: 4.082vw;font-size: 3.061vw;}
	.reserve_wrap .writing h1 img{margin-right: 1.020vw;}
	.reserve_wrap .writing .reserve_input{padding: 3.878vw;border-bottom: 0.102vw solid #d5d5d5;}
	.reserve_wrap .writing .reserve_input table tr{font-size: 2.041vw;margin-bottom: 3.061vw;}
	.reserve_wrap .writing .reserve_input table th{font-size: 2.449vw;width:15%;}
	.reserve_wrap .writing .reserve_input table tr td label input{width:2.245vw;height:2.245vw;margin-right:1.020vw;}
	.reserve_wrap .writing .reserve_input .b_2{border: 0.102vw solid #d5d5d5; border-radius: 0.510vw; padding: 2.857vw;margin-bottom: 1.531vw;}
	.reserve_wrap .writing .reserve_input .b_2.b_3 td input{border: 0.102vw solid #aaa;padding-left: 10.5vw;}
	.reserve_wrap .writing .reserve_input .b_2 input[type="text"]::placeholder{font-size: 2.449vw;}
	.reserve_wrap .writing .reserve_input .b_2.text_area textarea{height:30.612vw;padding-left: 10.5vw;}
	.reserve_wrap .writing .reserve_input .b_2.text_area textarea::placeholder {font-size:0.531vw;}
	.reserve_wrap .writing .reserve_input2{padding: 4.082vw 4.694vw;}
	.reserve_wrap .writing .reserve_input2 label{font-size: 1.837vw;margin-left: 1.020vw;vertical-align: baseline;}
	.reserve_wrap .writing .reserve_input2 input[type="checkbox"]{width: 4.5245vw;height: 4.5245vw;}
	.reserve_wrap .writing .reserve_input2 > .open_agree{font-size: 1.837vw;margin: 0 1.327vw;margin-right:4.388vw;vertical-align: baseline;}
	.reserve_wrap .writing .reserve_input2 > span{font-size: 1.837vw;}
	.reserve_wrap .writing .btnApply{padding: 2.653vw 0;font-size: 3.5vw;}
	.reserve_wrap .writing .infotxt{font-size: 2.347vw;margin:3.061vw 0;word-break: keep-all;}

}

/* 2024-02-22 */
body.ov-hidden {overflow:hidden !important;}
.m-block {display:none;}

/* popup */
.popup-wrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;}
.popup-wrap::after {content:""; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1;}
.popup-wrap.is-open {display:block;}
.popup-inners {position:fixed; top:50%; left:50%; width:100%; max-width:900px; border-radius:20px; z-index:2; transform:translate(-50%, -45%);}
.popup-inners > .popup-close {position:absolute; top:-50px; right:0; width:30px; height:30px; background:url('/images/common/btn_popup_close.svg') no-repeat 50% 50%; text-align:center;}
.popup-content {position:relative; width:100%; height:100%;}

/* 시술예약 완료 팝업 */
.popup-result .popup-inners {max-width:400px;}
.popup-result .popup-inners .popup-content img {width:100%;}
.popup-result .btn-confirm {position:absolute; bottom:40px; left:10%; width:80%; height:50px; background:#279b71; color:#fff; font-size:20px; font-weight:700; border-radius:10px;}

@media (max-width: 991px) {
    .m-block {display:block;}
    .pc-block {display:none;}

	/* popup */
	.popup-inners {max-width:768px; padding:0 30px; transform:translate(-50%, -45%);}
	.popup-inners > .popup-close {top:-55px; right:30px; width:25px; height:25px; background-size:100%;}
	.popup-inners > .popup-btn {padding:0;}
	.popup-inners > .popup-btn > * {width:50%;}
	.popup-inners > .popup-btn .btn-close {margin-left:0; font-size:11px; font-weight:500; border-left:1px solid #BFBFBF;}
	.popup-content {position:relative; width:100%; height:100%; max-height:80vh;}
	.popup-content::-webkit-scrollbar {width:6px;}
	.popup-content::-webkit-scrollbar-thumb {height:30%; background:#c1c1c1; border-radius:4px;}
}

@media (max-width:600px) {
    /* 시술예약 완료 팝업 */
    .popup-result .btn-confirm {bottom:7%; height:40px; font-size:16px;}
}