@charset "utf-8";
a.btn_more{display:inline-block; padding:18rem 70rem 18rem 35rem; background:#c5a56e 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: 175rem;position:fixed;top:0;lefT:0;width:100%;z-index:100;color:#fff; background:#002b5c;  transition:all .3s;}
#header h1 {z-index:51; position:relative;  top:20rem; font-size:0; text-align:center;}
#header h1 a {width: 315rem;height: 73rem; margin:0 auto; background-size:100%;background-image: url(../img/layout/logo.png);display: block;}
#header .gnb {text-align:center;}
#header .gnb:before{content:'';position:absolute;left:0;top:0;display:block;}
#header .gnb > ul{margin-top:60rem; }

#header .gnb .depth1 {margin: 0 35rem;position:relative;min-width:120rem;display: inline-block; text-align:center;}
#header .gnb .depth1 > a {color:#fff;display:inline-block;font-size: 20rem;letter-spacing:-.5px;font-weight:500;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:-.5px;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 { position:absolute; text-align:left; top:45rem; right:0%; transform:translateX(0%);  z-index:100;}
#header .user li {display:inline-block; font-size:17rem; font-weight:600; padding:0 12rem; letter-spacing:.5px; text-align:center; }
#header .user li:after {content: ""; position:absolute; width:1px; height:17px; background:rgba(255,255,255,0.2); text-align:left; margin-left:15px; margin-top:5px;}
#header .user li:last-child:after {background:none; }
#header .user a { color:#fff;  }
#header .user a:hover { color:#fff }
#header .user.on { opacity:1 }
#header .user.on a { height:40rem }
#header .gnb .depth1 > a:before {background:#c8a951;margin-top: 42rem;content:"";height:3px;left:0px; position: absolute;width:0%;transition:0.3s;}
#header .gnb .depth1:hover > a:before { width:100%; }

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

#header.on { }
#header.on a {}
#header.down .gnb .depth2 > a{color:#fff;}
.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;}

.top_call { position:absolute; text-align:left; top:33rem; left:0%; transform:translateX(0%);  z-index:100;}
.top_call ul {display: flex;      align-items: center;    justify-content: center; gap:10px;}
.top_call ul li {position:relative; letter-spacing:-.5px;  }
.top_call ul li p {font-size:17rem; color:#fff; font-weight:300; }
.top_call ul li span {cursor:pointer; display:inline-block; font-size:30rem; color:#fff; font-weight:300; }
.top_call ul li span b {font-weight:800; }

.right_banner { position:absolute; text-align:left; top:45rem; right:0%; transform:translateX(0%);  z-index:100;}
.right_banner i {float:left; padding-top:9rem;}
.right_banner span {font-size:25rem; color:#79a1c4; font-weight:800; display:inline-block; padding-top:8rem; padding-left:5rem;}

.mo_ver { display:none !important }

/* footer */
#footer { text-align:center; padding:70rem 0; margin:0rem 0 0 0; background:#002b5c; font-size:16rem; color:#9c9c9c}
#footer b{display:block; margin-bottom:8rem; color:#fff;}
#footer h1 { margin:0 auto 30rem; }
#footer nav { position:absolute; right:0; top:0 }
#footer nav li { float:left; margin:0 0 0 17px; }
#footer .list_info li{line-height:2; display:inline-block; margin-right:30rem;}
#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; }
#footer #top_btn { border:0; background:rgba(0,0,0,0.5); font-size:30rem; color:#fff; right:30px; bottom:30px }
#footer #top_btn:hover { background:rgba(0,0,0,1) }
#footer #top_btn i { vertical-align:2rem }



@media (min-width:2000px){

}


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

@media (max-width:1200px){
	.inner{width:100%; }
}

@media (max-width:1023px) {
	#header { height:80rem }
	#header::before{height:80rem}
	#header.down { height:0 }
	#header h1 {left:0rem;top: 0rem; z-index:10;}
	#header h1 a{width:170rem; height:40rem; 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:105; color:#fff;}
	#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:30rem; padding-top:40rem; border-top:0rem solid #ddd;}
	#header .gnb:before{display:none;}
	#header.down .gnb a { color: #fff }
	#header.down .gnb .depth1 > a { margin-bottom:0 }
	#header.down .gnb .depth1:hover > a { color:#fff }
	#header .gnb.on .depth1 ul {display:none;height: auto;position: static; padding:20rem; background:#f8f8f8; border-top:1rem solid #061d54; 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:58rem; top:30rem }
	#header .user li { font-size:13rem; padding:0 5rem;}
	#header .user li:after { width:1px; height:11px;margin-left:7px; margin-top:5px;}
	#header .user.on a { color:rgba(0,0,0,0.7) }

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

	.top_call {display:none;}

	.mo_ver { display:block !important }

	.left_banner {display:none;}

	.right_banner {display:none; top:30rem; right:0%; transform:translateX(0%);  z-index:100;}
	.right_banner span {font-size:15rem; padding-top:8rem; padding-left:5rem;}

	#footer { padding:30rem 0 90rem; }
	#footer h1 { display:none }
	#footer .f_left { float:none !important; margin:0; }
	#footer nav { position:static; margin:0 0 10rem }
	#footer nav li { margin:0 17px 0 0 }

	#footer #top_btn { background:none; font-size:30rem;  right:0px; bottom:60px }
}


@media (max-width:860px){	
	#header .gnb .depth1 {margin-bottom:10rem}
}



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

	#header .user li { font-size:12rem;}
	
	a.btn_more{padding: 10rem 55rem 10rem 25rem; background: #c5a56e url(../img/layout/icon_btn.svg) no-repeat right 25rem center; background-size:12rem; font-size:12rem}

	#footer{ font-size:11rem;}
	#footer .list_info li{clear:both; margin-right:10rem;}
}


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

@media screen and (max-width:1023px){
	.fix_box{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: 250rem; 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: #c8a951; font-weight: 800; font-size: 40rem; 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: #002b5c;}
#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{position: relative; display: block; height: 100%; background-color: rgba(0, 43, 92, 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{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: #fff; font-weight: 800; font-size: 20rem; text-align: center; line-height: 40rem; background-color: #c8a951; 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%;}

}



/* 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:#002b5c;}
.quickmenu li:nth-child(1) a:before {background-image:url('../img/layout/ico_kakao.svg');background-color:#002b5c; background-size: 21px auto}

.quickmenu li:nth-child(2) a {background-color:#002b5c;}
.quickmenu li:nth-child(2) a:before {background-image:url('../img/layout/ico_naver_w.svg');background-color:#002b5c;}

.quickmenu li:nth-child(3) a {background-color:#002b5c;}
.quickmenu li:nth-child(3) a:before {background-image:url('../img/layout/ico_instagram.svg'); background-color: #002b5c; }


.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/icon_call.svg'); background-color: #333333; background-repeat:no-repeat; background-size:20px;}
.quickmenu-bottom li:nth-child(2) a {background-color:#000 ;}
.quickmenu-bottom li:nth-child(2) a:before  {background-image:url('../img/layout/ico_kakao.svg'); background-color: #cdb88d; background-repeat:no-repeat; background-size:25px;}
.quickmenu-bottom li:nth-child(3) a {background-color:#000;}
.quickmenu-bottom li:nth-child(3) a:before {background-image:url('../img/layout/ico_naver_w.svg'); background-color: #000; }
.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:30px;}



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

	.quickmenu{right:-1px; top:inherit; bottom: 0; width: calc(100% + 2px ); background-color: #fff; border-top: 1px solid #1a416d; 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; border-top: 1px solid #1a416d;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: #002b5c;}
	.quickmenu-bottom li:nth-child(2),
	.quickmenu-bottom li:nth-child(2) a,
	.quickmenu-bottom li:nth-child(2) a:before {background-color: #002b5c}	
	.quickmenu-bottom li:nth-child(3),
	.quickmenu-bottom li:nth-child(3) a,
	.quickmenu-bottom li:nth-child(3) a:before {background-color: #002b5c}	
	.quickmenu-bottom li:nth-child(4),
	.quickmenu-bottom li:nth-child(4) a,	
	.quickmenu-bottom li:nth-child(4) a:before {background-color: #002b5c}

  }

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




/*
#quickmenu {
    position: fixed;
    z-index: 100000;
}
#quickmenu .tabs {background:#fff; padding:10rem 0;border-radius:10rem; box-shadow:3px 3px 10px rgba(0,0,0,0.1);
    margin-bottom: 0px;
    border-top: 0px;
}
#quickmenu .tabs-vertical .nav-tabs {
    z-index: 101;
    width: 100%;
    padding: 0px;
}
#quickmenu .tabs .nav-tabs li {
    margin-bottom: 0px;
    margin-right: 0px;
}

#quickmenu .tabs .nav-tabs li  {
    padding:10px 0 20px;
    text-align: center;
    margin: 0px;
    border: 0px;
    width: 90px;
}

#quickmenu .tabs .nav-tabs li a p{
    font-size: 13rem; margin-top:5rem; 
    line-height: 1.2em;
    color: #333;
    letter-spacing: -.5px;
	font-weight:600;
}


#quickmenu .tabs .nav-tabs li a img.quick_on {
    display: none;
}

@media (min-width:769px){
    #quickmenu { right: 10px; top: 30%; }
	#quickmenu .tabs {padding:0;}
    #quickmenu .tabs .nav-tabs li { margin-bottom: 0px; }
}
@media (max-width:768px){
    #quickmenu {right:0%; transform:translateX(0%); bottom:0;font-size:0;}
    #quickmenu .tabs .nav-tabs li { display:inline-block; }
	#quickmenu .tabs .nav-tabs li { padding:0px 0 2px 0; width: 45px;  margin-right: 0px;	}
    #quickmenu .tabs .nav-tabs li a p {display:none; font-size: 11rem; color: #fff; }
	#quickmenu .tabs .nav-tabs li a img { width: 30px; }
}
*/