@charset "utf-8";
a.btn_more{display:inline-block; padding:18rem 70rem 18rem 35rem; background:#1c2d63 url(../img/layout/icon_btn.svg) no-repeat right 35rem center; background-size:14rem; border-radius:30rem; color:#fff; font-size:15rem}
a.btn_more:hover{background-color:#654423;}

/* pop layer */
#popLayerBg { position:fixed; z-index:99; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); display:none }
.pop_layer { z-index:100; display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; border-radius:0; box-shadow:0 0 5px rgba(0,0,0,0.6); }
.pop_layer > header { background:#576f8d; height:46px; border-radius:0; }
.pop_layer > header h2 { text-align:center; font-family:nanumsquare; font-size:18px; font-weight:500; color:#fff; line-height:42px; }
.pop_layer .btn_close { position:absolute; top:12px; right:12px; display:block; font-size:20rem; text-align:center; width:20rem; height:20rem; line-height:20px; text-indent:-9000px; background:url(../img/btn_close.png) no-repeat; background-size:100% }
.pop_layer > header + .con { padding:30rem; padding-bottom:40rem }
.pop_layer .btn_add i { font-size:19rem }
.pop_layer .btn_area { text-align:center; margin:30rem 0 0 0 }
.pop_layer .btn_area .btn { min-width:150rem }

.wrap {width:1400rem; margin:0 auto; position:relative }

#header {height: 100rem;position:fixed;top:0;lefT:0;width:100%;z-index:100;color:#fff; transition:all .3s;display: flex;align-items: flex-start;justify-content: space-between;}
#header h1 {z-index:51; position:absolute; left:0; top:35rem; font-size:0; text-align:center;}
#header h1 a {width: 190rem;height: 30rem;background-size:100%;background-image: url(../img/layout/logo.png);display: block;}
#header .gnb {position: relative; margin-right:0rem; float: right;}
#header .gnb:before{content:'';position:absolute;left:0;top:0;display:block;}
#header .gnb > ul{display:inline-block; margin-top:38rem; }

#header .gnb .depth1 {margin: 0 10rem;position:relative;min-width:110rem;display: inline-block; text-align:center;}
#header .gnb .depth1 > a {color:#fff;display:inline-block;font-size: 18rem;font-weight:600;font-family:'Pretendard';}
#header .gnb .depth1 ul {padding-top:0;transition:all .3s;height:0;overflow:hidden;width: 100%;position: absolute;left: 0;top: 80rem;}
#header .gnb .depth1 ul li{text-align:center;}
#header .gnb .depth2 > a {display:inline-block;font-weight:400;font-size:16rem;line-height:1.4;padding:7rem 0;letter-spacing:-1px;font-family:'Pretendard';color: #fff;word-break: keep-all;}
#header .btn_user { float:right; margin:35rem 0 0 0; display:block; font-size:19px }

#header .user {cursor:pointer; position:absolute; right:0rem; top:35rem; }
#header .user ul {display: flex;      align-items: center;    justify-content: center; }
#header .user li { padding:5rem 15rem; font-weight:500; color:#000; font-size:14rem; }
#header .user li i {border-radius:50rem; border:1px solid #ddd; }

#header .user.on { opacity:1 }
#header .user.on a { height:40rem }
#header .gnb .depth1 > a:before {background:#4a4741;margin-top: 63rem;content:"";height:3px;left:0px; position: absolute;width:0%;transition:0.3s;}
#header .gnb .depth1:hover > a:before { width:100%; }

#header.down {height: 380rem; background: #fff;}
#header.down a {}
#header.down .gnb .depth1 > a { margin-bottom:8rem; color:#000;}
#header.down .gnb .depth1 ul { height:100%; overflow:visible  }
#header.down .gnb .depth2 > a:hover { color:#000  }

#header.on { background:#fff; }
#header.on a {}
#header.on .gnb .depth1 > a { margin-bottom:8rem; color:#111;}
#header.down .gnb .depth2 > a{color:#000;}
.header-login{position:absolute; right:0; top:-6rem; display:flex; align-items:center;}
.header-login a{color:#fff; white-space:nowrap;}
.header-inner.wrap{}
.header-login li:nth-child(1) a{color:#248689;}
.header-login  a{display:block; padding:8rem 14rem; background:#fff; font-weight:500; font-size:15rem; text-align:center; min-width:82rem;}
.header-login li:nth-child(2) a{background:#15686c;}

/* footer */
#footer { padding:50rem 0; margin:0rem 0 0 0; background:#0b0b0b; font-size:16rem; color:#fff;}
#footer b{display:block; margin-bottom:25rem; color:#fff;}
#footer h1 { float:left }
#footer h1 a { text-indent:-9000px; font-size:0; width:200rem; height:29rem; background-image:url(../img/ci.png); background-position:0 29rem; display:block; overflow:hidden; background-size:100% }
#footer nav  {margin-bottom:30rem; }
#footer nav ul {display: flex; gap:30rem;  }
#footer nav li a {color:#fff;}
#footer .list_info li{line-height:2; float:left; margin-right:30rem; opacity:0.9;}
#footer .list_info li:nth-child(5n){clear:both;}
#footer dl{line-height:2;}
#footer dt, #footer dd { display:inline-block }
#footer dd { margin:0 15rem 0 0rem }
#footer .copyright {font-weight:300; margin:30rem 0 0 0; color:#a8a8a8; opacity:0.3;}
#footer #top_btn { border:0; background:none; font-size:30rem; color:#ddd; right:25px; bottom:50px }
#footer #top_btn:hover { color:#609e7d;  }
#footer #top_btn i { vertical-align:2rem }



@media (min-width:2000px){

}


@media (max-width:1480px){
	.wrap{width:100%; padding:0 30rem;}
	
	#header h1{left:30rem}
}


@media (max-width:1023px) {
	#header { height:80rem }
	#header::before{height:80rem}
	#header.down { height:0 }
	#header h1 {left:5rem;top: 5rem;}
	#header h1 a{width:160rem; height:25rem; margin:20rem 0;}
	.header-login{right:65rem; top:20rem}
	#header .btn_user { position:absolute; right:70rem; top:25rem; font-size:22rem; z-index:8; float:none; margin:0 }
	#header .btn_gnb { position:absolute; right:20rem; top:25rem; font-size:22rem; z-index:15; color:#000;}
	#header .btn_gnb.on { color:#111; transform:rotate(-90deg) }
	#header .btn_gnb.on .fa-bars:before{content: "\f00d";}
	#header .gnb { position:fixed; width:100%; background:#fff; height:100%; top:0; right:-100%; margin:0; float:none; z-index:9; transition:all .3s }
	#header .gnb.on {z-index:11; right:0;}
	#header .gnb > ul{display:block; margin-top:80rem; padding-top:40rem; border-top:1rem solid #ddd;}
	#header .gnb:before{display:none;}
	#header.down .gnb a { color: #111 }
	#header.down .gnb .depth1 > a { margin-bottom:0 }
	#header.down .gnb .depth1:hover > a { color:#fff }
	#header.on .btn_gnb {color:#111;}
	#header .gnb.on .depth1 ul {display:none;height: auto;position: static; padding:20rem; background:#f8f8f8; border-top:1rem solid #cc925f; transition: none;}
	#header .gnb.on .depth1 ul li a{display:block; padding:0 0 14rem 0; color:#222; text-align:left;}
	#header .gnb.on .depth1 ul li:last-child a{padding-bottom:0}

	#header .gnb .depth1 > a:before { display:none }
	#header .gnb .depth1 {float:none;margin-bottom:20rem;text-align: left;display: block;}
	#header .gnb .depth1 > a {display:block; height:auto; padding-bottom:12rem; line-height:1; color:#222; }

	#header .user { right:43rem; top:22rem }
	#header .user.on a { color:rgba(0,0,0,0.7) }

	#header.on { background:#fff }
	#header.on .gnb a { color:#222; font-size:20rem; }
	#header.on .gnb .depth1 ul li a{font-size:17rem;}

	#footer { padding:30rem 0 }
	#footer h1 { display:none }
	#footer .f_left { float:none !important; margin:0; }
	#footer nav ul {display:grid;grid-template-columns: repeat(3, 1fr); gap:10rem;}
	#footer nav li { font-size:14rem; }
}


@media (max-width:860px){	
	#header .gnb .depth1 {margin-bottom:10rem}
	.right_map {width:100%; height:200rem; float:none;}
	.right_map > div {border-radius:200rem;}
	
}



@media (max-width:540px) {

	#header .gnb{width:100%}
	#header .btn_gnb{top:24rem}
	
	.header-login{top:25rem; right:49rem}
	.header-login a{min-width:55rem;padding: 6rem 10rem;font-size:13rem;}
	
	a.btn_more{padding: 10rem 55rem 10rem 25rem; background: #1c2d63 url(../img/layout/icon_btn.svg) no-repeat right 25rem center; background-size:12rem; font-size:12rem}

	#footer{font-size:14rem; padding-bottom:80rem; }
	#footer .list_info li{clear:both;}

	#header .user { right:43rem; top:27rem }
	#header .user li { padding:5rem 5rem; font-size:11rem; }
	#header .user li img { width:20rem; }
}



/* quickmenu */
.quickmenu{ position: fixed; bottom:100rem;right:30rem;z-index: 7000;}
.quickmenu li {margin-top:10px; text-align:right;}
.quickmenu li a {display:inline-block;width: 38px;height: 38px;border-radius:50rem;overflow:hidden;position:relative;vertical-align: top;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.quickmenu li a span {font-size:0;line-height:0;text-indent:-999px;width:0;}
.quickmenu li a i { display:inline-block;width:38px;height:38px;color: #fff; font-size: 16px;position:absolute;left: 0px;top:0; text-align: center; line-height: 36px}
.quickmenu li a:before {display:inline-block;width:38px;height:38px;content:'';position:absolute;left:0;top:0;background-repeat:no-repeat !important;background-position: 50% 50% !important; background-size: 25px auto}

.quickmenu li:nth-child(1) a {background-color:#4a4741;}
.quickmenu li:nth-child(1) a:before {background-image:url('../img/layout/ico_kakao.svg');background-color:#4a4741; background-size: 18px auto}

.quickmenu li:nth-child(2) a {background-color:#4a4741;}
.quickmenu li:nth-child(2) a:before {background-image:url('../img/layout/ico_naver.svg');background-color:#4a4741; background-size: 18px auto}

.quickmenu li:nth-child(3) a {background-color:#4a4741;}
.quickmenu li:nth-child(3) a:before {background-image:url('../img/layout/ico_youtube.svg'); background-color: #4a4741; background-size: 18px auto}

.quickmenu li:nth-child(4) a {background-color:#4a4741;}
.quickmenu li:nth-child(4) a:before {background-image:url('../img/layout/ico_instagram.svg'); background-color: #4a4741; background-size: 18px auto}

.quickmenu li a:hover {padding-left: 38px;width:auto;min-width: 38px;box-shadow:0 6px 20px rgba(0, 0, 0, 0.1);}
.quickmenu li a:hover:before,
.quickmenu li a:hover i{ left:0px;}
.quickmenu li a:hover span {display:inline-block;width:auto;padding-right:1.5em;font-size: 13px;font-weight:400 !important;line-height: 36px;text-indent:0;color:#fff;}

.quickmenu-bottom {display:none !important}
.quickmenu-bottom  {position: fixed; bottom:50rem;right:30rem;z-index: 7000;}

.quickmenu-bottom li {margin-top:10px; text-align:right;}
.quickmenu-bottom li a {display:inline-block;width: 38px;height: 38px;border-radius:50rem;overflow:hidden;position:relative;vertical-align: top;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.quickmenu-bottom li a span {font-size:0;line-height:0;text-indent:-999px;width:0;}
.quickmenu-bottom li a i { display:inline-block;width:38px;height:38px;color: #fff; font-size: 16px;position:absolute;left: 0px;top:0; text-align: center; line-height: 36px}
.quickmenu-bottom li a:before {display:inline-block;width:38px;height:38px;content:'';position:absolute;left:0;top:0;background-repeat:no-repeat !important;background-position: 50% 50% !important; background-size: 25px auto}
.quickmenu-bottom li:nth-child(1) a {background-color:#000;}
.quickmenu-bottom li:nth-child(1) a:before  {background-image:url('../img/layout/ico_kakao.svg'); background-color: #333333; background-repeat:no-repeat; background-size: 15px auto}
.quickmenu-bottom li:nth-child(2) a {background-color:#000 ;}
.quickmenu-bottom li:nth-child(2) a:before  {background-image:url('../img/layout/ico_naver.svg'); background-color: #cdb88d; background-repeat:no-repeat;background-size: 15px auto}
.quickmenu-bottom li:nth-child(3) a {background-color:#000;}
.quickmenu-bottom li:nth-child(3) a:before {background-image:url('../img/layout/ico_youtube.svg'); background-color: #000;background-size: 15px auto}
.quickmenu-bottom li:nth-child(4) a {background-color:#000;}
.quickmenu-bottom li:nth-child(4) a:before {background-image:url('../img/layout/ico_instagram.svg'); background-color: #302e2e;background-repeat:no-repeat;background-size: 15px auto}
.quickmenu-bottom li:nth-child(5) a {background-color:#000;}
.quickmenu-bottom li:nth-child(5) a:before {background-image:url('../img/layout/ico_youtube.svg'); background-color: #302e2e;background-repeat:no-repeat;background-size: 15px auto}



@media only screen and (max-width: 1200px){ 

	.quickmenu{right:-1px; top:inherit; bottom: 0; width: calc(100% + 2px ); background-color: #fff; display:none;}
	.quickmenu li {margin:0px;text-align: center;float: left;width: 25%;;}
	.quickmenu li:nth-child(2) {position: relative;}
	.quickmenu li:nth-child(2):before,
	.quickmenu li:nth-child(2):after{ content: ""; width: 1px; height: 50px; background-color: rgba(0,0,0,.21); position: absolute; top:50%; margin-top: -25px}
	.quickmenu li:nth-child(2):before{ left: 0}
	.quickmenu li:nth-child(2):after{ right: 0}
	.quickmenu li a {width: 100%;height: 50px;border-radius:0;background-color: transparent !important;}
	.quickmenu li a span {display:inline-block;width:auto;font-size: 14px;font-weight:400 !important;line-height: 50px;text-indent:0;color:#666; vertical-align: top; padding-right: 15px;color: #fff;}
	.quickmenu li a i,
	.quickmenu li a:before{position:relative; left:inherit; top:inherit;vertical-align: top;width: 35px; height: 50px;line-height:50px; font-size: 18px; color: #fff}

	.quickmenu li a:hover {padding-left: 0;width:100%;min-width:inherit;box-shadow:none; line-height: 45px; }
	.quickmenu li a:hover:before,
	.quickmenu li a:hover i{ left:inherit;width: 35px; height: 50px;line-height:50px;}
	.quickmenu li a:hover span {line-height: 50px; width: auto; font-size: 14px;padding-right: 15px; color: #000}

	.quickmenu li:nth-child(1),
	.quickmenu li:nth-child(1) a,
	.quickmenu li:nth-child(1) a:before {background-color: #000;}
	.quickmenu li:nth-child(2),
	.quickmenu li:nth-child(2) a,
	.quickmenu li:nth-child(2) a:before  {background-image:url('../img/ico_kakao_b.svg'); background-color: #fae100;}
	.quickmenu li:nth-child(2) a:hover span, .quickmenu li:nth-child(2) a span {color:#3e2a2e}
	.quickmenu li:nth-child(3),
	.quickmenu li:nth-child(3) a,
	.quickmenu li:nth-child(3) a:before {background-color: #35ae3c}	
	.quickmenu li:nth-child(4),
	.quickmenu li:nth-child(4) a{ background:radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), 
    radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),  radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), 
    linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);}
	.quickmenu li:nth-child(4) a:before {background:url('../img/instagram-ico.svg') no-repeat}


	.quickmenu-bottom{right:-1px; top:inherit; bottom: 0; width: calc(100% + 2px ); background-color: #fff; display:block !important}
	.quickmenu-bottom li {margin:0px;text-align: center;float: left;width: 25%;}
	.quickmenu-bottom li a {width: 100%;height: 50px;border-radius:0;background-color: transparent !important;}
	.quickmenu-bottom li a span {display:inline-block;width:auto;font-size: 14px;font-weight:400 !important;line-height: 50px;text-indent:0;color:#666; vertical-align: top; padding-right: 15px;color: #fff;}
	.quickmenu-bottom li a i,
	.quickmenu-bottom li a:before{position:relative; left:inherit; top:inherit;vertical-align: top;width: 35px; height: 50px;line-height:50px; font-size: 18px; color: #fff}

	.quickmenu-bottom li a:hover {padding-left: 0;width:100%;min-width:inherit;box-shadow:none; line-height: 45px; }
	.quickmenu-bottom li a:hover:before,
	.quickmenu-bottom li a:hover i{ left:inherit;width: 35px; height: 50px;line-height:50px;}
	.quickmenu-bottom li a:hover span {line-height: 50px; width: auto; font-size: 14px;padding-right: 15px; color: #000}

	.quickmenu-bottom li:nth-child(1),
	.quickmenu-bottom li:nth-child(1) a,
	.quickmenu-bottom li:nth-child(1) a:before {background-color: #4a4741;}
	.quickmenu-bottom li:nth-child(2),
	.quickmenu-bottom li:nth-child(2) a,
	.quickmenu-bottom li:nth-child(2) a:before {background-color: #4a4741}	
	.quickmenu-bottom li:nth-child(3),
	.quickmenu-bottom li:nth-child(3) a,
	.quickmenu-bottom li:nth-child(3) a:before {background-color: #4a4741}	
	.quickmenu-bottom li:nth-child(4),
	.quickmenu-bottom li:nth-child(4) a,	
	.quickmenu-bottom li:nth-child(4) a:before {background-color: #4a4741}

  }

@media only screen and (max-width: 768px){ 

	.quickmenu li a:hover {padding-left:0;width:100%;min-width: 100%;box-shadow:none}
	.quickmenu li a:hover,
	.quickmenu li a  {height: 50px;background-color: transparent !important;}
	.quickmenu li:nth-child(2):before,
	.quickmenu li:nth-child(2):after { height: 50px}
	.quickmenu li a span,
	.quickmenu li a:hover span{display:block;width:100%;font-size: 12px;line-height: 20px;height: 20px;padding-right: 0px;position: absolute;left: 0;top: 26px;color: #fff;}
	.quickmenu li a i,
	.quickmenu li a:before,
	.quickmenu li a:hover i,
	.quickmenu li a:hover:before {position:relative;left:0;top:2px;width: 100%;height: 26px;line-height:26px;font-size: 16px;}
	
	.quickmenu-bottom li a:hover {padding-left:0;width:100%;min-width: 100%;box-shadow:none}
	.quickmenu-bottom li a:hover,
	.quickmenu-bottom li a  {height: 50px;background-color: transparent !important;}
	.quickmenu-bottom li a span,
	.quickmenu-bottom li a:hover span{display:block;width:100%;font-size: 12px;line-height: 20px;height: 20px;padding-right: 0px;position: absolute;left: 0;top: 26px;color: #fff;}
	.quickmenu-bottom li a i,
	.quickmenu-bottom li a:before,
	.quickmenu-bottom li a:hover i,
	.quickmenu-bottom li a:hover:before {position:relative;left:0;top:2px;width: 100%;height: 26px;line-height:26px;font-size: 16px;}
}





.fix_box{position: sticky; left: 0; bottom: 0; width: 100%; background-color: #4f4941; border-bottom:1px solid rgba(255,255,255,0.1);  z-index: 10;}
.fix_box.temp{display: none;}

@media screen and (max-width:1023px){
	.fix_box{position: relative;  padding-bottom:10rem; }
}

/* .m_clse */
.m_btn{position: relative; width: 1500px; margin: 0 auto;}
.m_clse{position: absolute; right: 0; top: -40px; justify-content: center; align-items: center; width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.5); border-top-left-radius: 6px; border-top-right-radius: 6px; cursor: pointer; border:0;}
.m_clse span{display: none; color: #fff; font-size: 12px;}
.m_clse img{display: block; margin: 0 auto; transform: rotate(180deg);}

/* on */
.m_clse.on img{transform: rotate(0);}

/* mv_form */
#mv_form{display: flex; justify-content: center; align-items: center; width: 1350rem; height: 130rem; margin: 0 auto;}
#mv_form .call_box{width: 550rem; margin-right: 30px;}
#mv_form .call_box a{display: flex; align-items: center; flex-flow: row wrap;}
#mv_form .call_box a span{display: inline-block;}
#mv_form .call_box a span.txt1{margin-right: 25rem; color: #fff; font-weight: 800; font-size: 50rem; letter-spacing:-1px;  }
#mv_form .call_box a span.txt2{color: #ffffff; font-weight: 500; font-size: 18rem; letter-spacing: -.5px;}
#mv_form form{width: calc(100% - 180rem);}
#mv_form .form_box{display: flex;}
#mv_form .form_box .input_box{display: flex; align-items: center; width: calc(100% - 200rem); margin-right: 25rem; font-size: 0;}
#mv_form .form_box .input_box dl{display: flex; width: 100%;}
#mv_form .form_box .input_box dl dd{word-break: keep-all; display: flex; align-items: center; width: 140px; margin-right: 5px; background-color: #fff; border-radius: 6px;}
#mv_form .form_box .input_box dl dd:last-child{margin-right: 0;}
#mv_form .form_box .input_box dl dd label{position: relative; padding: 0 10rem; color: #191919; font-weight: 500; font-size: 15rem;}
#mv_form .form_box .input_box dl dd label::after{display: block; content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1rem; height: 12rem; 
background-color: #ccc;}
#mv_form .form_box .input_box dl dd input{display: block; padding: 0 10rem; color: #191919; font-weight: 500; font-size: 15rem; line-height: 40rem; border-radius: 6rem; outline: none; border:0;}
#mv_form .form_box .input_box dl dd input::placeholder{color: #191919; font-weight: 500;}
#mv_form .form_box .input_box dl dd textarea {outline: none; border:0; line-height: 15rem;}
#mv_form .form_box .input_box dl dd.name label{width: 50rem;}
#mv_form .form_box .input_box dl dd.name input{width: calc(100% - 60rem);}
#mv_form .form_box .input_box dl dd.tel{width: calc((100% - 0rem)/2); background-color: #fff; border-radius: 6rem;}
#mv_form .form_box .input_box dl dd.tel label{width: 60rem;}
#mv_form .form_box .input_box dl dd.tel .inp_box{display: flex; align-items: center; width: calc(100% - 57px);}
#mv_form .form_box .input_box dl dd.tel input{width: calc((100% - 24px)/3); margin: 0; padding: 0 10px; text-align: center;}
#mv_form .form_box .input_box dl dd.tel span{display: inline-block; width: 7px; color: #191919; font-size: 18px;}
#mv_form .form_box .input_box dl dd.mail{width: calc((100% - 60rem)/2);}
#mv_form .form_box .input_box dl dd.mail label{width: 100px;}
#mv_form .form_box .input_box dl dd.mail input{width: calc(100% - 57px); }
#mv_form .form_box .input_box dl dd.area{position: relative; display: block;}
#mv_form .form_box .input_box dl dd.area > a{position: relative; display: block; padding: 0 10px; color: #191919; font-weight: 500; font-size: 15px; line-height: 40px; 
background-color: #ffffff; border-radius: 6px;}
#mv_form .form_box .input_box dl dd.area > a::after{display: block; content: ''; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 14px; height: 10px; 
background: url('../images/ico/depth_arr.png') 50% 50% no-repeat; background-size: cover;}
#mv_form .form_box .input_box dl dd.area select { width:90%; border:0; border-radius:20rem;}
#mv_form .form_box .input_box dl dd.area ul{display: none; position: absolute; left: 0; bottom: 41px; width: 100%; background-color: #ffffff; 
border-radius: 6px; box-shadow: 0 0px 4px 2px rgba(0, 0, 0, 0.1); overflow-y: scroll; max-height: 380px;}
#mv_form .form_box .input_box dl dd.area ul::-webkit-scrollbar{width: 6px;}
#mv_form .form_box .input_box dl dd.area ul::-webkit-scrollbar-track{background-color: #ddd; border-radius: 50px;}
#mv_form .form_box .input_box dl dd.area ul::-webkit-scrollbar-thumb{background-color: #000322; border-radius: 50px;}
#mv_form .form_box .input_box dl dd.area ul li{}
#mv_form .form_box .input_box dl dd.area ul li a{display: block; padding: 10px 15px; color: #191919; font-weight: 500; font-size: 15px; border-radius: 6px;}
#mv_form .form_box .input_box dl dd.area ul li a:hover{background-color: #000322; color: #ffffff;}
#mv_form .form_box .btn_box{display: flex; align-items: center; width: 300rem;}
#mv_form .form_box .btn_box .agree{width: 100rem; margin-right: 25rem;}
#mv_form .form_box .btn_box .agree label{display: inline-block; vertical-align: middle;}
#mv_form .form_box .btn_box .agree label .check{display: inline-block; vertical-align: middle; position: relative; width: 25px; height: 25px; background-color: #4f4941;}
#mv_form .form_box .btn_box .agree label .check input{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10px; z-index: -10;}
#mv_form .form_box .btn_box .agree label .check span.ck_box{cursor:pointer;position: relative; display: block; height: 100%; background-color: rgba(79, 73, 65, 0.2); 
border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%;}
#mv_form .form_box .btn_box .agree label .check span.ck_box::after{content: ''; position: absolute; left: 48%; top: 42%; transform: translate(-50%, -50%) rotate(-45deg); width: 10px; height: 5px; 
border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; opacity: 0.3;}
#mv_form .form_box .btn_box .agree label span.txt{cursor:pointer; display: inline-block; vertical-align: middle; padding-left: 10px; color: #ffffff; font-weight: 300; font-size: 15px;}
#mv_form .form_box .btn_box .agree label .check input:checked ~ span.ck_box{background-color: #ffffff; border: 1px solid #ffffff;}
#mv_form .form_box .btn_box .agree label .check input:checked ~ span.ck_box::after{border-left: 2px solid #000322; border-bottom: 2px solid #000322; opacity: 1;}
#mv_form .form_box .btn_box .agree a{display: inline-block; vertical-align: middle; color: #ffffff; font-weight: 300; font-size: 15px;}
#mv_form .form_box .btn_box .apply  {width: 140rem;}
#mv_form .form_box .btn_box .apply input{border:0; width: 140rem;display: block; color: #4a4741; font-weight: 800; font-size: 20rem; text-align: center; line-height: 40rem; background-color: #fff; border-radius: 6rem;}


@media screen and (max-width:1560px){
	.m_btn{width: 100%;}
	#mv_form{display: block; width: 1200rem; height: inherit; padding: 30rem 0;}
	#mv_form .call_box{width: 100%; margin-right: 0; margin-bottom: 10px;}
	#mv_form form{width: 100%;}
}

@media screen and (max-width:1400px){
	#mv_form{width: 100%;}
	#mv_form .form_box .input_box dl dd{width: 120px;}
	#mv_form .form_box .input_box dl dd.tel{width: calc((100% - 0)/2);}
	#mv_form .form_box .btn_box .agree{width: 200rem; }
}

@media screen and (max-width:900px){
	#mv_form .form_box{display: block;}
	#mv_form .form_box .input_box{width: 100%; margin-right: 0; margin-bottom: 5px;}
	#mv_form .form_box .btn_box{width: 100%; justify-content: flex-end; margin-top:10rem; }

}

@media screen and (max-width:900px){
	#mv_form{width: 480px; padding: 6%;}
	#mv_form .call_box a{display: block;}
	#mv_form .call_box a span{display: block; text-align: center;}
	#mv_form .form_box .input_box{margin-bottom: 0;}
	#mv_form .form_box .input_box dl{flex-flow: row wrap;}
	#mv_form .form_box .input_box dl dd:nth-child(n){width: 100%; margin-right: 0; margin-bottom: 5px;}
	#mv_form .form_box .btn_box .agree{margin-right: 15px;}
	#mv_form .form_box .btn_box .apply{width: calc(100% - 100px);}

	#mv_form .call_box a span.txt1{margin-right: 0; font-size: 22rem;}
	#mv_form .form_box .input_box dl dd label{font-size: 13rem;}
	#mv_form .form_box .btn_box .agree label span.txt{font-size: 12rem;}
	#mv_form .form_box .btn_box .apply input {font-size:18rem; line-height: 30rem; }
	#mv_form .form_box .input_box dl dd input{padding: 0 10px; font-size: 13rem; line-height: 35px;}
}

@media screen and (max-width:480px){
	#quick{top: -100px;}
	#quick ul li button{width: 40px; height: 40px;}

	.m_clse{display: flex; align-items: center; justify-content: center; width: 80px; }
	.m_clse img{margin: 0; margin-left: 5px;}
	.m_clse span{display: block;}

	#mv_form{width: 100%;}
	#mv_form .form_box .input_box dl dd{width: 49%; margin-right: 2%; margin-bottom: 2%;}

}


/* 고운빛의원 로고 */
#header h1 a{background-position:center;background-repeat:no-repeat;background-size:contain;}

/* 고운빛의원 v1.1.0 공통 헤더/메뉴 접근성 보완 */
#header h1 a {display:block;min-height:42px;background-size:contain;text-indent:-9999px;overflow:hidden;white-space:nowrap;}
#header .gnb a:focus-visible, .goun-cta a:focus-visible {outline:3px solid #9e727f;outline-offset:3px;}
.goun-cta .goun-cta-inner {max-width:1180px;margin:0 auto;}
.goun-cta .goun-cta-actions {display:flex;justify-content:center;flex-wrap:wrap;gap:10px;}
.goun-cta .goun-cta-actions a {margin:0;min-height:48px;box-sizing:border-box;}
.goun-footer a {color:inherit;}
@media(max-width:767px) {
  #header h1 a {min-height:36px;}
  .goun-cta {padding:34px 16px;}
  .goun-cta .goun-cta-actions {display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .goun-cta .goun-cta-actions a {font-size:15px;padding:14px 8px;line-height:1.4;}
  .goun-footer {padding:24px 16px;font-size:14px;word-break:keep-all;}
}
@media(max-width:360px) {
  .goun-cta .goun-cta-actions {grid-template-columns:1fr;}
}

/* 고운빛 v1.5.0 헤더/로고 가독성 개선: 기존 DB 메뉴와 스크롤 JS 유지 */
@media(min-width:1024px){
    #header{background:rgba(255,255,255,.93);box-shadow:0 2px 15px rgba(68,48,56,.07);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
    #header .gnb .depth1>a{color:#352e32;font-weight:650;text-shadow:none}
    #header .gnb .depth1>a:hover,#header .gnb .depth1>a:focus{color:#9f687a}
    #header h1{top:18rem}
    #header h1 a{width:250px;height:65px;min-height:65px;background-size:contain;background-position:left center}
    #header.down{background:#fff}
    #header.down .gnb .depth1>a{color:#352e32}
}
@media(max-width:1023px){
    #header{background:rgba(255,255,255,.97)}
    #header h1{top:3rem}
    #header h1 a{width:180px;height:55px;min-height:55px;background-size:contain;background-position:left center;margin:10rem 0}
    #header .btn_gnb{color:#392d32}
}
@media(max-width:420px){
    #header h1 a{width:165px;height:52px;min-height:52px}
}

/* v1.8.4 로고: 투명도 없는 선명한 렌더링, 밝은 헤더에서 대비 강화 */
#header h1 a{opacity:1!important;filter:contrast(1.16) saturate(1.1);-webkit-filter:contrast(1.16) saturate(1.1);background-size:contain!important;image-rendering:auto;}

/* ===== 고운빛의원 v1.8.5 퀵메뉴/고해상도 로고 (한글 주석) ===== */
/* 기존 퀵메뉴는 공통 PHP에서 제거했으므로 이 전용 클래스만 적용합니다. */
#header h1 a {background-image:url('../img/layout/logo_v185.png') !important;background-repeat:no-repeat !important;background-position:center left !important;background-size:contain !important;filter:none !important;opacity:1 !important;}
.goun-quick-v185 {position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:190;display:flex;flex-direction:column;gap:9px;font-family:'Pretendard',sans-serif;}
.goun-quick-v185 a,.goun-quick-v185 .goun-quick-pending {display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box;width:104px;min-height:75px;gap:6px;border-radius:15px;text-decoration:none;font-size:12px;font-weight:600;line-height:1.3;text-align:center;box-shadow:0 7px 25px rgba(50,38,41,.12);transition:transform .2s,box-shadow .2s;color:#fff;}
.goun-quick-v185 a:hover {transform:translateX(-3px);box-shadow:0 9px 25px rgba(50,38,41,.2);}
.goun-quick-v185 .goun-quick-icon {font-size:22px;line-height:1;}
.goun-quick-v185 .goun-quick-kakao {background:#fee500;color:#30291d;}
.goun-quick-v185 .goun-quick-call {background:#926b78;color:#fff;}
.goun-quick-v185 .goun-quick-location {background:#fff2f5;color:#6f4a56;border:1px solid #ead7dc;}
.goun-quick-v185 .goun-quick-pending {opacity:.75;cursor:default;}
@media(max-width:767px){
  /* 모바일에서는 하단 고정 3분할 퀵메뉴와 본문 여백을 함께 적용합니다. */
  .goun-quick-v185 {top:auto;right:0;bottom:0;left:0;transform:none;flex-direction:row;gap:0;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;box-shadow:0 -5px 22px rgba(45,30,37,.13);z-index:1000;}
  .goun-quick-v185 a,.goun-quick-v185 .goun-quick-pending {width:33.333%;flex:1;min-width:0;height:65px;min-height:65px;border-radius:0;box-shadow:none;gap:4px;font-size:11px;}
  .goun-quick-v185 .goun-quick-icon {font-size:20px;}
  body {padding-bottom:calc(65px + env(safe-area-inset-bottom,0px));}
  #footer {padding-bottom:75px;}
}