@charset "utf-8";

/* *******************************************************
 * description : 메인페이지 사이트이동 menu 추가
******************************************************** */

/* quick banner */

.quick_banner { position: absolute; right:5%;  top:258px; z-index: 999; font-family: 'Noto Sans KR', sans-serif; box-sizing:border-box; }
.quickArea {  background:#fff;  width:100px; border-radius:20px; padding:0 15px; border: 1px solid rgba(54,54,54,0.6); box-sizing:border-box;   }
.quickArea .upperInfo { padding-top: 23px; margin-bottom: 20px; overflow: hidden; text-align: center; }
.quickArea .upperInfo:after { content:''; display: block; clear: both; }
.quickArea .upperInfo span { display: inline-block; width: 47px; }
.quickArea .upperInfo span img { width: 100%; }
.quickArea .upperInfo p { font-size: 25px; letter-spacing: -0.025em; font-weight:600; margin:20px 0; line-height:26px;}
.quickArea .upperInfo .btnMall { display:block;margin:0 auto;width: 30px; height: 30px; border: 1px solid #ccc; border-radius:50%;  font-size: 0; transform: rotate(180deg); background:#fff url('../img2018/open_btn.png') center center no-repeat; overflow: hidden;}
.quickArea .upperInfo .btnMall:hover { border-color: #999; }
.quickArea .underContent { clear: both; overflow: hidden; margin-top: 20px; display: none; }
.quickArea .underContent:before { content:''; display: block; width: 100%; height: 10px; background:url('../img2018/quick_top_line.png') center bottom no-repeat; }
.quickArea .underContent ul li { margin:25px 0;  }
.quickArea .underContent ul li:first-child { margin-top: 10px; }
.quickArea .underContent ul li a {  font-size: 18px; color: #6a717c; font-weight:600; display: inline-block; position: relative; line-height:40px; padding-left:25px; letter-spacing: -0.05em; width: 100%;  }
.quickArea .underContent ul li a span { display: inline-block; background:#fff; border-radius:30px; width: 100%; padding-left:22px;  -webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; }
.quickArea .underContent ul li a:before { display: inline-block; content:''; width: 40px; height: 40px; border-radius:50%; position: absolute; left: 0; top: 0; background: #aab2bd url('../img2018/quick_icon.png') left top no-repeat; -webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; }
.quickArea .underContent ul li.site_02 a:before { background-position:-40px top; }
.quickArea .underContent ul li.site_03 a:before { background-position:-80px top; }
.quickArea .underContent ul li.site_04 a:before { background-position:-120px top; }

.quickArea .underContent ul li a:hover { color: #0894c9; }
.quickArea .underContent ul li a:hover span { background:#e6f5fa; }
.quickArea .underContent ul li a:hover:before { background-color: #00a1de; } 

.quickSns { overflow: hidden; padding:0 0 30px 10px; margin-top:10px;  }
.quickSns  a { display: inline-block; text-indent:-99999px; width:50px; height:50px; border-radius:50%; background: #4f62af url('../img2018/sns_icon_bg.png') left top no-repeat; margin:0 5px; }
.quickSns  a.sns_02 { background: #36ac3a url('../img2018/sns_icon_bg.png') -50px top no-repeat; }
.quickSns  a.sns_03 { background: #c81c1f url('../img2018/sns_icon_bg.png') -100px top no-repeat; }

.quickArea.open  { width:240px; }
.quickArea.open .underContent { display: block;  }
.quickArea.open .upperInfo span { display: block; }
.quickArea.open .upperInfo p { float: left; margin-top: 3px; }
.quickArea.open .upperInfo .btnMall { float: right; transform: rotate(0deg); }

/* 문의하기  */

.right_quick2{ margin-top:18px; position: relative; overflow: hidden; }
.right_quick2.on{right:0px;}
.right_quick2 ul{  }
.right_quick2 ul li{margin-bottom:1px;}
.right_quick2 ul li a{display:block;width:100px;height:100px; margin:0 auto; background:url('../img2018/img_right_banner02.png') no-repeat center center;text-indent:-9999px;overflow:hidden;}
.right_quick2 .newsletter{ width:350px;padding-bottom:40px;;height:420px; border-radius:10px;overflow:hidden; position: fixed; bottom:20px; right:-450px; 
-webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; } 
.right_quick2 .newsletter img{width:100%;max-width:350px;height:42px; }
.right_quick2 .newsletter .in {width:100%;height:100%;}
.right_quick2 .newsletter .close_newsletter2 { display: block; height:42px; }
.right_quick2 .newsletter .in .close_newsletter{position:absolute;right:0;top:16px;}
.right_quick2 .newsletter .in h1{font-size:18px;color:#f6ff00;line-height:130%;font-weight:bold; padding-bottom:10px;}
.right_quick2 .newsletter .in p{font-size:12px;color:#afd6f1;line-height:130%;padding-bottom:30px;}
.right_quick2 .newsletter .in .email-type{color:#fff;padding-bottom:20px;}
.right_quick2 .newsletter .in .email-type label{padding:0 10px 10px 5px;display:inline-block;vertical-align:top}
.right_quick2 .newsletter .in .email-type input[type="radio"]{margin-bottom:10px}
.right_quick2 .newsletter .in input[type="text"]{width:154px;border:1px solid #cfcfcf;height:26px;line-height:26px;margin-bottom:8px;}
.right_quick2 .newsletter .in input[type="submit"]{background:url('../img2018/btn_request.png') no-repeat left top;width:156px;height:30px;text-indent:-9999px;overflow:hidden;border:0;cursor:pointer}
.right_quick2 .newsletter_bottom{margin-left:39px;width:160px;height:240px;padding:15px 25px 0 25px;background:#fde34e;border-radius:10px 0 0 10px} /* height:285px; */
.right_quick2 .newsletter_bottom .in h1{font-size:18px;color:#696969;line-height:130%;font-weight:bold;padding-bottom:10px;}
.right_quick2 .newsletter_bottom .in p{font-size:12px;color:#878787;line-height:130%;padding-bottom:30px;}
.right_quick2 .newsletter_bottom .in iframe table{border-collapse:collapse;}
.right_quick2 .newsletter_bottom .in iframe table td{border:1px solid black;padding:10px;text-align:center;}
.right_quick2 iframe{width:100%;height:100%;border:0;}

.right_quick2.open { overflow: visible; }
.right_quick2 .newsletter.on { right: 0; }

@media only screen and (max-width: 761px){
	.quick_banner { display: none; }
}