@charset "utf-8";
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 

@font-face { font-family: 'S-Core Dream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'S-Core Dream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'S-Core Dream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'S-Core Dream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'S-Core Dream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'S-Core Dream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: 900; font-style: normal; }


/* common */
html,body { height:100%; }
body {-webkit-text-size-adjust: 100%;}
* {margin:0; padding:0; list-style:none; text-decoration:none; font-family:"Noto Sans KR", 'S-Core Dream'; outline:none; letter-spacing:-0.5px }
ul>li>a { text-decoration:none; }
a { color:inherit;}
em {font-style:normal}
table { border-collapse: collapse; }
select::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */
i {display:inline-block; vertical-align:middle;}
textarea { -webkit-border-radius:0;
-webkit-appearance: none; resize: none;}
/* LAYOUT */
#A_Wrap { width:100%; height:100%; position:relative;}
#A_Header {	width:100%; clear:both; background: #fff;  z-index: 999; position:fixed; top:0; border-bottom: 1px solid #eee;}
#A_Container_Wrap {	width:100%;	clear:both;}
#A_Container{margin:0 auto; clear:both; position:relative;   }
#A_Container_L{ float:left;	width:210px; padding-right:40px; margin-top:50px;}
#A_Container_C{ width:760px; float:left; overflow:hidden; }
#A_Container_R{ float:right; display:none; }
#A_Footer {	overflow: hidden; clear: both; position:relative;  width:100%; }
.inner {max-width: 1400px; margin: 0 auto; width: 100%;}



/* 로고/GNB*/
.logo_gnb { width:100% ; max-width:1400px; margin:0 auto; text-align:center;     position: relative;   
    height: 80px;}
.logo { position:relative; float:left;}
.login_wrap {  width:100%; background:#f2f4f6; height:42px;}
.login_wrap ul { overflow:hidden; float:right;}
/*
.login_wrap ul li { float:left;font-size:16px; font-weight:500; line-height:42px; text-align:center;}
.login_wrap ul li:last-child { width:215px; color:#fff; background:#25bcc5; margin-left:30px;}
*/
.login_wrap ul li { float:left; color:#a9abb1; font-size:14px; line-height:42px; text-align:center;}
.login_wrap ul li:first-child:after { content:''; display:inline-block; width:1px; background:#d2d3d7; height:12px; margin:0 30px;}
.login_wrap ul li:last-child { width:215px; color:#fff; font-weight:600; background:#25bcc5; margin-left:30px;}

.login_wrap .call { font-size: 18px; color: #666; background: url(../image/main/call.png)no-repeat left center; padding-left: 30px; clear: both;}
.logo .login  { overflow:hidden; float: right; margin-bottom: 10px;}
.logo .login li { float:left; font-size:13px; color:#888; }
.logo .login li:hover {color:#812990 }

.logo .login li:last-child:after { display:none;}
.logo img { margin-top:17px;}
.gnb { line-height: 80px; float:right; }
.gnb>li { float: left; zoom: 1; margin-left:45px; text-align: center;font-size:18px; color: #191919; box-sizing: border-box; position:relative; font-weight:600;}
.gnb>li:hover { color:#812990}
.gnb>li:after { content: ''; display: block; width:0; height: 2px; background: #812990; position: absolute; bottom: 0; }
.gnb>li .line {     width:0%; height: 1px; background: #812990; display: block; margin: auto; position: absolute;
    bottom: -1px; left: 0;
    right: 0;}
.dp2_wrap {     position: absolute;
    background: rgba(255,255,255,0.95);
    height: 60px;
    width: 100%;
    left: 0; top:123px; display:none; z-index:98; }
.gnb .dp2 {   position: absolute; line-height:60px; z-index:99; top:81px; display:none; width:1100px;}
.gnb .dp2 li { float:left; font-size:15px; color:#666; font-weight:normal;}
.gnb .dp2 li:hover { color:#812990}

.gnb .dp2 li:after { content:''; width:2px; height:2px; border-radius:50%; background:#666; display:inline-block ;margin:0 20px; vertical-align:middle;}
.gnb .dp2 li:last-child:after { display:none;}

.gnb .loginBtn {margin-left:60px; }
.gnb .loginBtn a {display: block;}
.gnb .loginBtn i {width:28px; height:80px; background:url(../image/main/mypage_icon.png) no-repeat 0 50%;}
.gnb .allMenu {cursor:pointer; margin-left:40px;   }
.gnb .allMenu i {width:28px; height:23px; background:url(../image/main/allmenu.png) no-repeat 0 50%;}

.gnb>li:nth-child(7) .dp2 {right:0;}
.gnb>li:nth-child(8) .dp2 {right:0;}
.gnb>li:nth-child(9) .dp2 {right:0;}
.gnb>li:nth-child(7) .dp2 ul,.gnb>li:nth-child(8) .dp2 ul,.gnb>li:nth-child(9) .dp2 ul { right:0; position:absolute; } 

.menu_bar {display:none; position:absolute; height:30px; left:20px; top:0; bottom:0; margin:auto; cursor:pointer; z-index: 99;}

.call_btn {display:none;}
.call_btn .loginBtn_m {position: absolute; right:100px; top: 0; bottom: 0; margin:auto; width: 60px; height: 60px; z-index: 90;}
.call_btn .loginBtn_m button {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; border:0; width: 60px; height: 60px; background:url(../image/common/login_btn_wh.png) no-repeat 0 0; cursor: pointer;}
.call_btn .call_btn_top {position:absolute; width: 60px; height: 60px; right:20px; top:0; bottom:0; margin:auto; border-radius: 50%; background-color: #812990; cursor:pointer; z-index: 90;}
.call_btn img {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; vertical-align:top;}
.call_btn .call_txt {box-sizing: border-box; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; width: 60px; height: 60px; margin: 0 auto; line-height: 60px; font-size: 24px; font-weight: 500; color: #812990; border: 1px solid #812990; background-color: #fff; border-radius: 50%;}

/* 헤더 - 상담 깜빡임 */
.call_btn img  {
	animation: callimg 1.0s ease infinite;
	-moz-animation: callimg 1.0s ease infinite;
	-webkit-animation: callimg 1.0s ease infinite;
	animation-duration: 5.0s;
}

@keyframes callimg {
  0%,
  100%, 49% {
    opacity: 1;
  }
  50%, 99% {
    opacity: 0;
  }
}

.call_btn .call_txt {
	animation: calltxt 1.0s ease infinite;
	-moz-animation: calltxt 1.0s ease infinite;
	-webkit-animation: calltxt 1.0s ease infinite;
	animation-duration: 5.0s;
}

@keyframes calltxt {
  0%,
  100%, 49% {
    opacity: 0;
  }
  50%, 99% {
    opacity: 1;
  }
}

.call_btn .call_dropDown {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.6); z-index: 91;}
.call_btn .call_dropDown .dropDown_close {display: block; position: absolute; top: 10px; right: 20px; width: 60px; height: 60px; border-radius: 50%; background: #812990 url(../image/common/btn_close.png) no-repeat center; text-indent: -9999px;}
.call_btn .call_dropDown ul {display: none; position: absolute; top: 120px; right:10px;}
.call_btn .call_dropDown ul li {margin: 0 0 20px 0;}
.call_btn .call_dropDown ul li a {display: block; position: relative; box-sizing: border-box; height: 80px; line-height: 80px; padding-right: 100px; font-size: 24px; color: #fff; text-align: right;}
.call_btn .call_dropDown ul li:nth-child(1) a:after {display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 80px; height: 80px; border-radius: 50%; background: #812990 url(../image/common/quick_counsel01.png) no-repeat center; content: '';}
.call_btn .call_dropDown ul li:nth-child(2) a:after {display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 80px; height: 80px; border-radius: 50%; background: #812990 url(../image/common/quick_counsel02.png) no-repeat center; content: '';}
.call_btn .call_dropDown ul li:nth-child(3) a:after {display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 80px; height: 80px; border-radius: 50%; background: #812990 url(../image/common/quick_counsel03.png) no-repeat center; content: '';}

.menubar { width:35px; cursor:pointer; position:absolute; top:0; bottom:0; margin:auto;  height: 30px; z-index:999;    left: 20px; display:none;	}
.menubar li { width:100%; height:4px; background:#231f20; position:absolute;}
.menubar li:nth-child(1) { top:0; }
.menubar li:nth-child(2) { top:13px; }
.menubar li:nth-child(3) { top:26px; }

.full_wrap { background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; width:100%; height:100% ;  right:0; margin:auto;     z-index: 10; display:none;     overflow-y: scroll; }
.full_gnb {position: absolute; top: 0; left:0px; z-index: 99; width: 100%; background:#fff;} 
.full_gnb .logo_box { height:80px; background:#fff; text-align:center; border-bottom:1px solid #e5e5e5; position:fixed; width:100%; z-index: 900;}


.ss_menu {display: none; border-bottom: 1px solid rgba(255,255,255,0.4); background-color: #f9f9f9;}
.ss_menu li a {display: block; margin: 0 30px; border-bottom: 1px solid #e5e5e5; color: #666; font-size: 28px; line-height: 100px; font-weight: normal !important; background: none !important;}
.ss_menu li.on a, .ss_menu li a:hover {font-weight: 600;}
.sss_menu {padding-left: 10px;} 
.sss_menu li a:hover {color: #666;}
.ss_menu li:last-child a {border-bottom: none;}

.lnb li {float: none;}
.lnb li a {display: block; padding-left: 20px; border-bottom: 1px solid #d0d0d0; color: #444; font-size:18px; font-weight: 600; line-height:80px; background:url(../image/common/lnb_more.png) no-repeat scroll 94% 50% #ffffff;}
.lnb > li > a.on, .lnb > li:hover > a {color: #444;}

.lnb1 li {float: none;}
.lnb1 li p {display: block; padding-left: 20px; color: #1c1c1c; font-size: 30px; font-weight: 600; line-height: 100px; background: url(../image/common/lnb_more.png) no-repeat scroll 94% 50% ; border-bottom: 1px solid #e5e5e5; cursor: pointer;}

.lnb1 > .open > p, .lnb1 > li:hover > p {color: #822b91;}
.gnb_banner img {width: 100%;}

.login_btn { overflow:hidden; margin-top:80px;}
.login_btn li { float:left; width: 25%; line-height:80px; color:#fff;background:#7a7a81; text-align:center; font-size:28px; box-sizing:border-box; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.login_btn li + li{ border-left:1px solid #ddd; }
.login_btn li:nth-child(2) {width: 35%;}
.login_btn li:last-child {width: 40%; background-color: #25bcc5; }
.login_btn li a { display:inline-block; width:100%; height:100%;}


/* fullmenu */

.full_menu {position: absolute; display:none; top: 125px; left:0px; z-index: 99; width: 100%; background:#fff; height:230px;}
.full_menu .full_menu_ul {overflow:hidden;}
.full_menu .full_menu_ul > li {float:left; width:155px; height:230px; box-sizing:border-box; padding:15px;}
.full_menu .full_menu_ul > li:nth-child(2n+2) {background:#fbfbfb;}
.full_menu .full_menu_ul .full_dp1 {text-align:left; box-sizing:border-box;}
.full_menu .full_menu_ul .full_dp1 .tit a {font-size:16px; font-weight:500; color:#444; margin-bottom:10px;}
.full_menu .full_menu_ul .full_dp1 li {padding:3px 0;}
.full_menu .full_menu_ul .full_dp1 li a {font-size:14px; color:#666; letter-spacing:-1px;}
.full_menu .full_menu_ul .full_dp1 li a:hover {color:#812990;}

/* footer */
.foot_comInfo {  margin:0 auto; position:relative;  background:#30354b;}
.ft_topwrap { height:60px; line-height:60px;}
.foot_comInfo .foot_list { overflow:hidden; float:left; }
.foot_comInfo .foot_list li { color:rgba(255,255,255,0.6); float:left; font-size:15px; font-weight: 300; margin-right:20px;}
.foot_comInfo .foot_list li .pt { font-weight:600;}
.foot_comInfo .foot_list li:hover { color:#f287b7}
.foot_comInfo .foot_list li:last-child { margin-right:0;}
.foot_comInfo .foot_list li:last-child:after { display:none; }
.foot_comInfo .info { border-top:1px solid #454a5d; padding:40px 0; clear: both; color:rgba(255,255,255,0.4); font-size:14px; position:relative; font-weight:300}
.foot_comInfo .info span:after { content:''; width:1px; height:12px; background:rgba(255,255,255,0.4);  display: inline-block; margin-right: 15px;  margin-left: 15px; }
.foot_comInfo .info .copy_txt {padding-top:15px}

.foot_comInfo .sns_list { float:right; overflow:hidden; }
.foot_comInfo .sns_list li { float:left; border-right:1px solid #454a5d; width:60px; height:60px; cursor: pointer; }
.foot_comInfo .sns_list li a { display:inline-block; width:100%; height:100%;}
.foot_comInfo .sns_list li:nth-child(1) { background:url(../image/main/sns_icon07.png)no-repeat center #cd1f21; }
.foot_comInfo .sns_list li:nth-child(2) { background:url(../image/main/sns_icon08.png)no-repeat center}
.foot_comInfo .sns_list li:nth-child(3) { background:url(../image/main/sns_icon09.png)no-repeat center #3b5998}
.foot_comInfo .sns_list li:nth-child(4) { background:url(../image/main/sns_icon06.png)no-repeat center #fae80c}
.foot_comInfo .sns_list li:nth-child(5) { background:url(../image/main/sns_icon03.png)no-repeat center #1ed045}
.foot_comInfo .sns_list li:nth-child(6) { background:url(../image/main/sns_icon02.png)no-repeat center #1ed045}






.sns_menu { height:80px; padding:10px 0; box-sizing:border-box; display:none;}
.sns_menu ul { display:table; margin:auto;}
.sns_menu ul li { width:60px; height:60px; float:left; margin-right:10px;}
.sns_menu ul li button {display: block; width: 100%; height: 100%; background: none; border: 0; cursor: pointer;}
.sns_menu ul li a { display:inline-block; width:100%; height:100%;}
.sns_menu ul li:last-child { margin-right:0;}
.sns_menu li:nth-child(1) { background:url(../image/main/sns_icon07.png)no-repeat center #cd1f21; }
.sns_menu li:nth-child(2) { background:url(../image/main/sns_icon08.png)no-repeat center}
.sns_menu li:nth-child(3) { background:url(../image/main/sns_icon09.png)no-repeat center #3b5998}
.sns_menu li:nth-child(4) { background:url(../image/main/sns_icon06.png)no-repeat center #fae80c}
.sns_menu li:nth-child(5) { background:url(../image/main/sns_icon03.png)no-repeat center #1ed045}
.sns_menu li:nth-child(6) { background:url(../image/main/sns_icon02.png)no-repeat center #1ed045}


.sns_menu ul li:hover { opacity:0.7;}


/* 카카오플친 팝업 */
.kakao_popup {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 1000;}
.kakao_popup .popup_wrap {position: relative; width: 640px; top: 50%; transform: translateY(-200px); left: 0; right: 0; margin: 0 auto;}
.kakao_popup .popup_wrap .close {position: absolute; top: 0; right: -50px; width: 29px; height: 29px; cursor: pointer;}
.kakao_popup .popup_wrap .close img {width: 100%; vertical-align: top;}
.kakao_popup .popup_wrap .img_box img {width: 100%; vertical-align: top;}
.kakao_popup .popup_wrap .img_box .pc_img {display: block;}
.kakao_popup .popup_wrap .img_box .m_img {display: none;}





/* list paging */
.list_page { margin:45px auto 0; text-align: center; zoom: 1;   clear:both; }
.list_page .first_btn, .list_page .first2_btn { display:inline-block; height:50px; text-indent: -9999px; vertical-align: bottom;}
.list_page .first_btn { width:50px; background: url(../image/sub/arrow_l02.png) no-repeat left top; }
.list_page .first2_btn { width:50px; background: url(../image/sub/arrow_l.png) no-repeat  top; margin-left: 5px;}
.list_page ul { display: inline-block; overflow: hidden; vertical-align: bottom;     margin: 0 20px;}
.list_page li { float: left; margin: 0 2px;}
.list_page li:hover a, .list_page li a.on { color: #fff; border:1px solid #812990; background:#812990; box-sizing:border-box;}
.list_page li a { display: block; width: 50px; height: 50px; font-size:20px; color: #ddd; text-align: center; line-height: 50px; border:1px solid #ddd; box-sizing:border-box;}
.list_page .last2_btn, .list_page .last_btn { display: inline-block; height:50px; text-indent:-9999px; vertical-align:bottom; }
.list_page .last2_btn { width:50px; background:url(../image/sub/arrow_r.png) no-repeat left top; }
.list_page .last_btn { width:50px; background:url(../image/sub/arrow_r02.png) no-repeat right top; margin-left: 5px;}


.quick { position:fixed; right:20px; top: 50%; transform: translateY(-50%); z-index:105; opacity:1; transition:1s;}
.quick ul { width:80px; background:#fff; border-radius:50px; padding-bottom:20px; border:1px solid #f7f7f7; overflow:hidden;}
.quick ul li { width:80px; height:85px; text-align:center; color:#999; font-size:16px; cursor:pointer; font-weight:300; border-bottom:1px solid #eee; }
.quick ul li a {display: block; box-sizing: border-box; width: 100%; height: 100%; padding-top:50px; transition: all 0.3s;}
.quick ul li a:hover { color: #fff; }
.quick ul li.q_login {height: 100px;}
.quick ul li.q_login a { background:url(../image/common/quick01.png)no-repeat center 20px; height: 100px; padding-top:60px;}
.quick ul li.q_join a { background:url(../image/common/quick02.png)no-repeat center 12px;}
.quick ul li.q_reserve a { background:url(../image/common/quick03.png)no-repeat center 18px;}
.quick ul li.q_counseling a { background:url(../image/common/quick04.png)no-repeat center 12px;}
.quick ul li.q_event a { background:url(../image/common/quick05.png)no-repeat center 12px;}
.quick ul li.q_sms {height: 100px;}
.quick ul li.q_sms a {background:url(../image/common/quick06.png)no-repeat center 12px; border-bottom:0;}

.quick ul li.q_login a:hover {background:url(../image/common/quick01_on.png)no-repeat center 20px #812990;}
.quick ul li.q_join a:hover {background:url(../image/common/quick02_on.png)no-repeat center 12px #812990;}
.quick ul li.q_reserve a:hover {background:url(../image/common/quick03_on.png)no-repeat center 18px #812990;}
.quick ul li.q_counseling a:hover {background:url(../image/common/quick04_on.png)no-repeat center 12px #812990;}
.quick ul li.q_event a:hover {background:url(../image/common/quick05_on.png)no-repeat center 12px #812990;}
.quick ul li.q_sms a:hover {background:url(../image/common/quick06_on.png)no-repeat center 12px #812990;}

.quick ul li.q_logout {height: 100px;}
.quick ul li.q_logout a {background: url(../image/common/ic_logout.png) no-repeat center 20px; padding-top:60px;}
.quick ul li.q_logout a:hover {background: url(../image/common/ic_logout_on.png) no-repeat center 20px #812990;}

.quick ul li.top { border-bottom:0; width:60px; height:60px; background:url(../image/common/top.png)no-repeat center 15px #812990; color:#fff; border-radius:50%;  margin: 20px auto 0; padding-top:0; }
.quick ul li.top a { width: 100%; height: 100%; display: inline-block;padding-top:25px;}






/* tablet */
@media screen and (min-width:868px) and (max-width:1410px) {
	.inner { width:100%; padding:0 15px; box-sizing: border-box;  }
	.login_wrap { display:none;}
	.gnb { display:none;}
	.logo { float:none;}
	.menubar { display:block;}
	.call_btn{  display:block;}
	.foot_comInfo .foot_list li:nth-child(3), .foot_comInfo .foot_list li:nth-child(6) { display:none;}
	.sns_list { display: none;}
	.sns_menu { display:block;}
	.quick { display:none;}

}


@media screen and (min-width:481px) and (max-width:867px) {
	.inner {box-sizing: border-box; width:100%; padding: 0 15px;}
	.login_wrap { display:none;}
	.gnb { display:none;}
	.logo_gnb { height:100px;}
	.logo img { margin-top: 27px;}
	.full_gnb .logo_box { height:100px;}
	.login_btn { margin-top:100px;}
	.logo { float:none;}
	.menubar { display:block;}
	.call_btn{  display:block;}
	.foot_comInfo .foot_list li:nth-child(3), .foot_comInfo .foot_list li:nth-child(6) { display:none;}
	.foot_comInfo .foot_list li:nth-child(5) { margin-right:0;}
	.sns_list { display: none;}
	.sns_menu { display:block; height: 100px; padding: 20px 0;}
	.ft_topwrap {height: 80px; line-height: 80px;}
	.foot_comInfo .foot_list { display:table; margin:auto; float:none;}
	.foot_comInfo .foot_list li {margin-right: 10px; font-size: 22px;}
	.foot_comInfo .info .txt {font-size: 24px;}
	.foot_comInfo .info .copy_txt {font-size: 24px;}
	.quick { display:none;}
	.call_btn .call_dropDown .dropDown_close {top: 20px;}
	
	/* 카카오플친 팝업 */
	.kakao_popup .popup_wrap {width: 90%; transform: translateY(-50%);}
	.kakao_popup .popup_wrap .close {top: 20px; right: 20px;}
	.kakao_popup .popup_wrap .img_box .pc_img {display: none;}
	.kakao_popup .popup_wrap .img_box .m_img {display: block;}
}


/* mobile */
@media screen and (min-width:320px) and (max-width:480px) {
	.inner {box-sizing: border-box; width:100%; padding: 0 15px;}
	.login_wrap { display:none;}
	.gnb { display:none;}
	.logo { float:none;}
	.logo_gnb { height:100px;}
	.login_btn { margin-top:100px;}
	.logo img { margin-top: 27px;}
	.full_gnb .logo_box { height:100px;}
	.menubar { display:block;}
	.call_btn{  display:block;}
	.foot_comInfo .foot_list li:nth-child(3), .foot_comInfo .foot_list li:nth-child(6) { display:none;}
	.foot_comInfo .foot_list li:nth-child(5) { margin-right:0;}
	.sns_list { display: none;}
	.sns_menu { display:block; height: 100px; padding: 20px 0;}	
	.ft_topwrap {height: 80px; line-height: 80px;}
	.foot_comInfo .foot_list { display:table; margin:auto; float:none;}
	.foot_comInfo .foot_list li {margin-right: 5px; font-size: 21px;}
	.foot_comInfo .info .txt {font-size: 24px;}
	.foot_comInfo .info .copy_txt {font-size: 24px;}
	.quick { display:none;}
	.call_btn .call_dropDown .dropDown_close {top: 20px;}
	
	/* 카카오플친 팝업 */
	.kakao_popup .popup_wrap {width: 90%; transform: translateY(-50%);}
	.kakao_popup .popup_wrap .close {top: 20px; right: 20px;}
	.kakao_popup .popup_wrap .img_box .pc_img {display: none;}
	.kakao_popup .popup_wrap .img_box .m_img {display: block;}
}