@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap');
/* @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css); */

/* common */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { 
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
i {font-style:normal;} 
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
li{list-style:none;}
legend  {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
img {border:0 none;}
body,th,td,input,select,textarea,button,
a {font-weight:400; font-family:'Roboto', 'NanumBarunGothic' , sans-serif; color:#666; text-decoration:none;}

.hidden {position:absolute; left:-9999px; top:-9999px; width:0; height:0; font-size:0; line-height:0;}

/* form reset */
input, select, textarea, button {border-radius:0; box-shadow:none;}
button, input[type="submit"] {cursor: pointer; border:0 none;}
input:focus, button:focus, select:focus, textarea:focus {outline:0;}
button::-moz-focus-inner {border:0 none; padding:0;}



@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(/assets/fonts/NanumSquareR.eot);
 src: url(/assets/fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(/assets/fonts/NanumSquareR.woff) format('woff'),
      url(/assets/fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(/assets/fonts/NanumSquareB.eot);
 src: url(/assets/fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(/assets/fonts/NanumSquareB.woff) format('woff'),
      url(/assets/fonts/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(/assets/fonts/NanumSquareEB.eot);
 src: url(NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(/assets/fonts/NanumSquareEB.woff) format('woff'),
      url(/assets/fonts/NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(/assets/fonts/NanumSquareL.eot);
 src: url(/assets/fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(/assets/fonts/NanumSquareL.woff) format('woff'),
      url(/assets/fonts/NanumSquareL.ttf) format('truetype');
}

@font-face {
  font-family: 'BMDOHYEON';
  font-style: normal;
  font-weight: normal;
  src: url(/assets/fonts/BMDOHYEON.eot);    
  src: url(/assets/fonts/BMDOHYEON.eot?#iefix) format('embedded-opentype'),
       url(/assets/fonts/BMDOHYEON.woff) format('woff'),
       url(/assets/fonts/BMDOHYEON.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumSquareRoundEB';
  font-style: normal;
  font-weight: normal;
  src: url(/assets/fonts/NanumSquareRoundEB.eot);    
  src: url(/assets/fonts/NanumSquareRoundEB.eot?#iefix) format('embedded-opentype'),
       url(/assets/fonts/NanumSquareRoundEB.woff) format('woff'),
       url(/assets/fonts/NanumSquareRoundEB.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-weight: 100;
 src: url(/assets/fonts/NanumBarunGothicUltraLight.eot);
 src: url(/assets/fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
      url(/assets/fonts/NanumBarunGothicUltraLight.woff) format('woff'),
      url(/assets/fonts/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-weight: 300;
 src: url(/assets/fonts/NanumBarunGothicLight.eot);
 src: url(/assets/fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
      url(/assets/fonts/NanumBarunGothicLight.woff) format('woff'),
      url(/assets/fonts/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-weight: 500;
 src: url(/assets/fonts/NanumBarunGothic.eot);
 src: url(/assets/fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
      url(/assets/fonts/NanumBarunGothic.woff) format('woff'),
      url(/assets/fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-weight: 700;
 src: url(/assets/fonts/NanumBarunGothicBold.eot);
 src: url(/assets/fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
      url(/assets/fonts/NanumBarunGothicBold.woff) format('woff'),
      url(/assets/fonts/NanumBarunGothicBold.ttf) format('truetype');
}

/* header 
--------------------------------------------------------------------------------------*/
#header {width:100%;}

/*-------------��ƿ------------ */
.utils {overflow:hidden;width: 100%; height:90px;  min-width:100%;}
.utils .header-utils  {float:right; padding-top:8px; padding-bottom:3px; box-sizing:border-box; }
.utils .header-utils ul {float:right; vertical-align:middle;}
.utils .header-utils ul li {float:left; margin-left:13px; letter-spacing:-0.5px;} 
.utils .header-utils ul li a {display:block; font-size:12px ; color:#444; box-sizing:border-box; }
.utils .header-utils ul li a strong {font-size:12px; font-weight:500;  color:#1764ab; line-height:1.7; }
.utils .header-utils li span.expire {background:#ff4200; border-radius:10px; padding:2px 7px; color:#fff;}
.utils .header-utils li span.expire2 {color:#444; font-weight:500;}

.utils .header-utils ul li a strong.my {font-size:12px; font-weight:500;  color:#1764ab; line-height:1.5;  }
.utils .header-utils ul li a strong.my2 {font-size:12px; font-weight:500;  color:#444; line-height:1.5;  }
.utils .header-utils ul li a span { font-size:12px;  font-weight:500; line-height:1.7; }
.utils .header-utils ul li:hover a {color:#3977ca;}
.utils .header-utils ul li a strong.login {font-size:12px; font-weight:500;  color:#1764ab; padding:3px 13px; background:#f1f5fa; border:solid 1px #a2b9da;} 
.utils .header-utils ul li a:hover strong.login {background:#347adc; border:solid 1px #347adc; color:#fff; padding:3px 13px;} 
.utils .header-utils ul li a strong.logout {font-size:12px; font-weight:500;  color:#666; padding:3px 6px; background:#fff; border:solid 1px #cccccc;}
.utils .header-utils ul li a:hover strong.logout {background:#f2f2f2; border:solid 1px #ccc; color:#666; } 
.utils .header-utils li.my-service {font-size:12px;  color:#444; box-sizing:border-box; }
.utils .header-utils li img {vertical-align:middle; margin-right:1px;}
.utils .header-utils li.my-service span.point {color:#ff4200; font-weight:600;}
.utils .header-utils li.my-service span.expire {background:#ff4200; border-radius:10px; padding:2px 7px; color:#fff;}
.utils .header-utils li.my-service span.expire2 {color:#444; font-weight:500;}


/*-------------logo------------ */
.header-logo {float:left; width:100%; box-sizing:border-box;  z-index:10000;}
.header-logo h1 {/* margin-bottom:15px; margin-right:20px; */float:left; margin-top:-8px; }
.header-logo h1 p {display:inline-block; padding-left:10px; padding-top:12px; font-size:13px; color:#444; font-weight:400; line-height:18px; letter-spacing:-1px; vertical-align:top;}
.header-logo h1 img {width:126px;}
.header-logo div.recruit {display:inline-block; margin-left:5px; font-size:15px; font-weight:600; vertical-align:text-bottom; letter-spacing:-0.5px; background:url('../images/common/icon_crown.png') no-repeat 135px 0px; padding-top:22px; }
.header-logo div.recruit strong {color:#347adc; font-weight:600; margin-right:2px;}
.header-logo div.recruit a {display:inline-block; text-decoration:underline; padding:0 3px; font-weight:600; box-sizing:border-box; }
.header-logo div.recruit a:hover {color:#347adc; }

.header-logo div.recruit2 {display:inline-block; margin-left:10px; font-size:16px; font-weight:600;  letter-spacing:-0.5px; padding-bottom:5px; vertical-align:middle; }
.header-logo div.recruit2 strong {font-weight:normal; text-decoration:underline;}
.header-logo div.recruit2 em {font-style:normal; font-weight:normal; color:#347adc; }

/* .header-logo .header-tell {position:absolute; top:18px; right:120px; margin-top:13px; padding-left:210px; }*/
.header-tell {display:inline-block; float:right; margin-top:7px; padding-left:210px; } 
.header-tell .tel-text {display:inline-block; font-size:15px; font-weight:500; color:#222222; line-height:19px;}
.header-tell .tel-text strong {padding-left:10px; color:#347adc; font-weight:500; }
.header-tell .tel {float:right; font-size:46px; color:#347adc; line-height:0.8; letter-spacing:-1px; font-weight:300; padding-left:3px;}

/*------------- pc �޴�------------ */
.header-menu {width:100%; background:#292e3e; overflow:hidden; height:50px; z-index:10000; }
.jbFixed {width:100%; background:#3977ca; overflow:hidden; height:50px; position: fixed; top:0; z-index:10000;  transition:.10s; !important;}

/*gnb*/
#gnb .navigation {float:left; width:100%;box-sizing:border-box; text-align:left; height:50px; z-index:10000; } 
#gnb .navigation li {display:inline-block; vertical-align:middle; float:left;}
#gnb .navigation li:last-child {float:right} 
#gnb .navigation li a {position:relative; display:inline-block; vertical-align:middle; padding:17px 23px 16px; line-height:1;  color:#fff; font-size:17px; font-weight:400; letter-spacing:0px;}
#gnb .navigation li a::before {left:0; bottom:0px; width:100%; height:4px; background:#f7cd33; transform:scaleX(0); content: '';position: absolute;transition: transform .3s ease; }
#gnb .navigation li:hover a::before {transform: scaleX(1);}
/* #gnb .navigation li:first-child a{padding-left:10px;} */
#gnb .navigation li:hover a {color:#f7cd33;}


/* -------- 2depth -------- */
#gnb .depth02 {display:block; overflow:hidden; position:absolute; position:fixed; top:auto;  left:0; z-index:9999; width:100%;  background:#eef2f6; /*url('../images/common/gnb_2depth_bg.png') no-repeat; background-position: 70px bottom; border-bottom:1px solid #292e3e; */box-sizing:border-box;}
#gnb .depth02 .inner {overflow:hidden; margin:0 auto; width:100%; box-sizing:border-box; padding:50px 0 40px 0;}
#gnb .depth02.product .inner {padding:0; height:auto;}
#gnb .depth02 .inner > div {float:left;}

/* title */

#gnb .depth02 .gnb-title {padding-left:40px; width:330px; height:300px; border-left:1px solid #e7e7e7; }

#gnb .depth02 .menu-box {position:relative; padding-right:10px; width:230px; height:100%; box-sizing:border-box; float:left;}
#gnb .depth02 .gnb-title a {padding:0px;}
#gnb .depth02 .gnb-title h2 a {font:700 25px/1 'NanumSquare'; color:#333; line-height:32px; padding:0px;}
#gnb .depth02 .gnb-title h2 a strong {color:#347adc;}
#gnb .depth02 .gnb-title h2 a::before {left:0; bottom:-5px; width:100%; height:0; background:#347adc; transform:scaleX(0); content: '';position: absolute;transition: transform .3s ease; }
#gnb .depth02 .gnb-title h2 a:hover {text-decoration:none;}
#gnb .depth02 .gnb-title p {width:350px; margin-top:10px; font-weight:400; font-size:15px; line-height:23px; color:#666;}
#gnb .depth02 .gnb-title p.ls {letter-spacing:-1px;} 
#gnb .depth02 .gnb-title p strong {color:#111; font-weight:400; }
#gnb .depth02 .gnb-title p strong.red {color:#dc1a00; font-weight:400; }
#gnb .depth02 .gnb-title p strong.blue {color:#276ccb; font-weight:400; }
#gnb .depth02 .gnb-title a img {margin-top:10px; padding:0px;}
#gnb .depth02 .gnb-title a::before  {left:0; bottom:-5px; width:100%; height:0; background:#347adc; transform:scaleX(0); content: '';position: absolute;transition: transform .3s ease; }
#gnb .depth02 .gnb-title a:hover {text-decoration:none;}
#gnb .depth02 .gnb-title img {width:317px;}

/* 2depth */
#gnb .depth02 .menu-box {width:220px;}
#gnb .depth02 .menu-box h3 {margin-bottom:10px; font-family:'Roboto', 'NanumBarunGothic', sans-serif; }
#gnb .depth02 .menu-box h3 a {display:inline-block; font-weight:500; font-size:17px; line-height:1; color:#1256b6; padding:5px 0px;}
#gnb .depth02 .menu-box h3 a::before {left:0; bottom:-5px; width:100%; height:1px; background:#347adc; transform:scaleX(0); content: '';position: absolute;transition: transform .3s ease; }
#gnb .depth02 .menu-box h3 a:hover a::before {transform: scaleX(1);}
#gnb .depth02 .menu-box > ul {height:165px;}


/* 3depth */
#gnb .depth02 .menu-box > ul li {display:block; clear:both;}
#gnb .depth02 .menu-box > ul li:last-child {float:left;}
#gnb .depth02 .menu-box > ul li em{font-style:normal; color:#cc0000;}

#gnb .depth02 .menu-box > ul li a {display:inline-block; margin-left:-2px; padding:1px 2px; box-sizing:border-box; font-weight:300; font-size:15px; line-height:22px;  color:#222; letter-spacing:-0.5px;/* border-bottom:1px solid #fff;*/ }
#gnb .depth02 .menu-box > ul li a::before {left:0; bottom:-5px; width:100%; height:0; background:#347adc; transform:scaleX(0); content: '';position: absolute;transition: transform .3s ease; }
#gnb .depth02 .menu-box > ul li a:hover {border-bottom-color:#347adc; color:#347adc;}

#gnb .depth02 .menu-box:after {display:none;}

#gnb .depth02 .inner .menu-wrap {float:left; margin-bottom:-20px; max-width:460px;}
#gnb .depth02 .inner .menu-wrap .menu-box {float:left; margin-bottom:20px; width:200px;}
#gnb .depth02 .inner .menu-wrap .menu-box:nth-child(3) {clear:both;}
#gnb .depth02.company .menu-box h3 {margin-bottom:25px;}

#gnb .depth02 .inner .banner-box {float:right;}
#gnb .depth02 .inner .banner-box img {width:360px; height:200px;}
#gnb .depth02 a.gnb-banner {width:650px; height:84px; clear:both; display:block; padding:0px; margin-bottom:15px; background:url('../images/common/gnb_ssl.gif') no-repeat; background-size:650px 84px; }
#gnb .depth02 a.gnb-banner::before {opacity:0;}
#gnb .depth02 .inner .gnb-event {margin-left:5px; margin-bottom:2px; padding:2px 5px; background:#347adc; font-size:10px; color:#fff; vertical-align:middle; letter-spacing:0.5px;}






/*------------- mobile �޴�------------ */
#sidebar {  width: 0%;  height: 100%;  position: fixed;  background: #347adc;  z-index: 200;  display: none;}
#main-content {  position: relative;}
#content-wrapper {  width: 30%;  height: 100%;  position: absolute;  -ms-filter: alpha(opacity=100);  filter: alpha(opacity=100);  opacity: 0.1;  -moz-opacity: 0.1;  left: 70%;  z-index: 200;  display: none;}
.navbar { right:15px; top:15px;  cursor: pointer;  color: #fff;  z-index: 300;  position: fixed; display: block;}

.navbar .m-menu {display:inline-block; float:right; margin-top:0px; padding-top:11px; /* width:50px; height:50px; background:#347adc; */ text-align:center; cursor:pointer; box-sizing:border-box; }
.navbar .m-menu span {position:relative; left:0; display:block; margin:4px auto; width:25px; height:3px; border-radius:1px; background:#fff; transition:.2s;}
.navbar .m-menu.on span:nth-child(1) {width:27px; transform:translateY(7px) rotate(45deg);}
.navbar .m-menu.on span:nth-child(3) {width:27px; transform:translateY(-7px) rotate(-45deg);}
.navbar .m-menu.on:hover span:nth-child(1) ,
.navbar .m-menu.on:hover span:nth-child(3) {left:0;}



/* menu btn */
#m-gnb {display:block; width:100%;}
#m-gnb .menu-btn {position:absolute; bottom:.5em; right:15px; display:inline-block; text-align:center;  z-index:10000;}
#m-gnb .menu-btn span:before{content:'\f0c9';font-family:"Font Awesome 5 Free"; font-weight:900; font-size:1.3rem;}

/* all-menu */
#m-gnb .all-menu {display:none; position:fixed; top:auto; right:0; margin-top:0; z-index:1000; width:60%; height:100%; background:#000; box-sizing:border-box; }
#m-gnb .all-menu .inner {overflow:hidden;}



/* footer
------------------------------------------------------ */
#footer {width:100%; }
#footer .inner {width:100%;}

/* -------- �������� -------- */

.customer-wrap {padding-top:10px; padding-left:20px; overflow:hidden;}
.customer-wrap h2 {font-size:26px; color:#333; text-align:center; font-weight:300; margin-bottom:15px; padding:0 15px;  line-height:35px; font-family:'Roboto', 'NanumBarunGothic', sans-serif; letter-spacing:0; word-break:keep-all; }
.customer-wrap .cs-box {margin:0px; padding:0px; width:100%; height:100%; border:none; box-sizing:border-box; }
.customer-wrap .cs-info {float:left; margin:0px; /*display:inline-block;*/ display:none; padding:25px 35px; width:270px; border-right:solid 1px #e3e3e3;  box-sizing:border-box;}
.customer-wrap .cs-info li {padding:8px 0; border-bottom:dashed 1px #c8c8c8; font-size:15px; background: url('../images/common/cs_arrow.png') no-repeat 8px 12px; background-position: 97% 50%}
.customer-wrap .cs-info li:last-child {border-bottom:none;}
.customer-wrap .cs-info li a { font-family:'NanumBarunGothic', sans-serif; font-size:15px; letter-spacing:-1px; font-weight:500; }
.customer-wrap .cs-info li a:hover {color:#3977ca;}

.customer-wrap .cs-serive {margin:0px; float:none; padding:20px 20px; width:100%; height:100%; border-right:none; vertical-align:top; text-align:center; box-sizing:border-box;}
.customer-wrap .cs-on {height:13px; padding:0px 5px; background:#f64d00; font-size:10px; color:#fff; border-radius:3px;}
.customer-wrap .cs-off {height:13px; padding:0px 5px; background:#787878; font-size:10px; color:#fff; border-radius:3px;}

/*����������*/
.star_area {display:block; margin:0 auto; min-width:300px; color:#ccc; font-size:26px; line-height:28px; text-align:center;margin-bottom:25px;}
.star_area h3 { display:inline-block; white-space:pre; word-wrap: break-word; word-break: break-all; color:#555; font-size: 14px; line-height:18px; text-align:left; font-weight:400;}
.star_area h3 strong { color:#fff; letter-spacing:0px; font-weight:700; color:#333; }
.star_area h4 { display:inline-block; color:#000000; font-size: 42px; line-height:50px;  letter-spacing:-2px; text-align:left; font-weight:800;}
.star_area .star_graph{display:inline-block; /* width:136px; height:24px;  background: url('../images/common/icon_star_n1.png') left ; background-size: 136px 24px; -webkit-background-size: 136px 24px; */} 
.star_area .star_graph {/* float:left;  padding:10px 0 5px 5px; */}
#star ul.star {margin:0; padding:0; width:150px; height:30px; left:8px; top:0px; position:relative; float:left; background: url('../images/common/icon_star_n1.png') repeat-x;}
#star li.curr {background: url('../images/common/icon_star_n1.png') left 31px; font-size:1px; height:31px;} 
#star li {margin:0; padding:0; float:left; display:block; width:15px; height:8px; text-decoration:none; z-index:20; position:absolute;}


/*ģ�����*/
.customer-wrap .cs_counseling {width:30%; display:inline-block; padding-bottom:10px; margin-right:8px; text-align:center;} 
.customer-wrap .cs_counseling img {height:60px; display:block; float:none; padding-right:0; margin:0 auto;}
.customer-wrap .cs_counseling p {float:none; line-height:1.6; word-break:keep-all; }
.customer-wrap .cs_counseling a {display:block;font-size:15px; color:#333; letter-spacing:-0.8px; font-weight:700;}
.customer-wrap .cs_counseling a strong {color:#347adc;  font-weight:700;}
/*���̹�����*/
.customer-wrap .cs_naver {width:30%; display:inline-block; padding-bottom:10px; margin-right:8px; text-align:center;}
.customer-wrap .cs_naver img {height:60px; display:block; float:none; padding-right:0; margin:0 auto;}
.customer-wrap .cs_naver p {float:none; line-height:1.6; word-break:keep-all; }
.customer-wrap .cs_naver a {display:block;font-size:15px; color:#333; letter-spacing:-0.8px; font-weight:700;}
.customer-wrap .cs_naver a strong {color:#36b044; font-weight:700;}
/*īī�����*/
.customer-wrap .cs_kakao {width:30%; display:inline-block; text-align:center;}
.customer-wrap .cs_kakao img {height:60px; display:block; float:none; padding-right:0; margin:0 auto;}
.customer-wrap .cs_kakao p {float:none; line-height:1.6; word-break:keep-all; }
.customer-wrap .cs_kakao a {display:block;font-size:15px; color:#333; letter-spacing:-0.8px; font-weight:700;}
/*ARS ��ȭ*/
.customer-wrap .cs-tel {margin:0px; float:none;  background:#f3f3f3; padding:30px 10px; width:100%; height:100%; vertical-align:top; overflow:hidden; box-sizing:border-box;}
.customer-wrap .cs-tel .tel-ars {text-align:center; }
.customer-wrap .cs-tel .tel-ars h3 {font-size:58px; color:#347adc; letter-spacing:-1.5px; font-weight:400; line-height:1; }
.customer-wrap .cs-tel .tel-ars dl {margin-top:3px; display:inline-block;  font-size:13px; color:#222; font-weight:400; margin-bottom:10px;}
.customer-wrap .cs-tel .tel-ars dl dt{float:left; line-height:1.6;}
.customer-wrap .cs-tel .tel-ars dl dd{float:left; padding-right:13px; font-size:14px; line-height:1.5;}
.customer-wrap .cs-tel .quick-num {float:left; width:50%;}
.customer-wrap .cs-tel .quick-num li {font-size:13px; margin-bottom:7px;font-family:'NanumBarunGothic', sans-serif; font-weight:500; }
.customer-wrap .cs-tel .quick-num span {background:#fff; font-size:12px; border:solid 1px #b7b7b7; color:#333; padding:2px 5px 1px 5px; margin-right:3px;}
@media (min-width:481px) and (max-width:767px) {
	.customer-wrap .cs-tel {padding:30px 40px; }
	.customer-wrap .cs-tel .quick-num span {margin-right:7px}
}
.customer-wrap .cs-tel .quick-num li.night-call {color:#222; font-size:13px; letter-spacing:-0.5px; padding-top:4px;}
.customer-wrap .cs-tel .quick-num li.night-call strong {color:#555}

/* -------- ����Ʈ�� -------- */

.site-map {display:none; position: relative; width:100%;  height: 470px; border-top:solid 2px #333; /*border-bottom:solid 1px #c6c6c6; */ padding-bottom:20px; margin-top:20px; overflow:hidden;}
/* .site-map:before {content:''; position:absolute; bottom:300px; left:50%; margin-left:-550px; width:1100px; height:1px; background:#dfdfdf; } */
.site-map .sitemap-box {float:left;  width:20%; height:435px; margin:30px 0 0 0; padding:0 0 0 20px; box-sizing:border-box; border-left:dashed 1px #dedede;}
.site-map .sitemap-box:nth-child(1) { border:none;}
.site-map .sitemap-box:nth-child(6) {clear:both;  border:none;}
.site-map .sitemap-box h3 {margin-bottom:10px; }
.site-map .sitemap-box h3 a {font-size:16px; color:#111; font-weight:700; font-family:'Roboto', 'NanumBarunGothic', sans-serif;  }
.site-map .sitemap-box h3 a:hover {color:#3977ca; text-decoration:underline; font-weight:500; }
.site-map .sitemap-box li {height:22px;}
.site-map .sitemap-box li a {font-size:14px; color:#888; line-height:20px; font-weight:400; font-family:'Roboto', 'NanumBarunGothic', sans-serif; }
.site-map .sitemap-box li a:hover  {color:#3977ca; text-decoration:underline;}
.site-map .sitemap-box div{height:270px;}

.sitemap-key-event {position:absolute; top:312px; left:990px; width:90px; height:142px; background:url('../images/common/site_keystone_n.png') no-repeat; background-size:90px 142px;}
.sitemap-event {margin-left:10px; height:12px; padding:0px 7px; background:#f64d00; font-size:11px; color:#fff; border-radius:10px; vertical-align:middle; letter-spacing:0.5px;}

/* -------- ��Ʈ�� -------- */
.partner-wrap div{padding:7px 0px;}
.partner-wrap h2 {font-size:26px; color:#333; text-align:center; font-family:'Roboto', 'NanumBarunGothic', sans-serif; font-weight:300; padding:30px 20px 10px;letter-spacing:-1px; overflow:hidden; word-break:keep-all; }
.partner-wrap h2 a{ font-weight:300; letter-spacing:-1px; color:#333; }
.partner-wrap h3 {display:block; font-size:18px; color:#333; text-align:center; font-family:'Spoqa Han Sans', sans-serif; font-weight:100; padding-top:0; padding-bottom:20px; overflow:hidden; background: url('../images/common/cs_arrow.png') no-repeat 8px 12px; background-position: 81% 40% }
.partner-wrap h3 a{ font-weight:200; letter-spacing:-1px; color:#333; }
.partner-wrap .owl-item {display:inline-block;}
.partner-wrap  img{width:115px; border:solid 1px #e8e8e8;  margin-right:15px;}
.partner-wrap .owl-carousel .owl-nav {display:none;}
.partner-wrap .owl-carousel .owl-nav .owl-prev {display:none;}
.partner-wrap .owl-carousel .owl-nav .owl-next {display:none;}
.partner-wrap .owl-carousel .owl-nav.disabled {display: block;}
.partner-wrap .owl-carousel .owl-dots.disabled {display:none;}
.partner-wrap .owl-carousel .owl-dots {display:none;}


/* -------- �ϴ���ƿ -------- */
.footer-utils {clear:both; padding:30px 0 0 0; width:auto; height:auto; background:#1e2026}
.footer-utils .footer-menu {clear:both; width:100%; height:auto; text-align:center;}
.footer-utils .utils {overflow:hidden; display:block; height:auto; width:90%; margin:0 auto;}
.footer-utils .utils li {display:inline-block;}
.footer-utils .utils li a {display:block; padding:0 8px; font-size:14px; line-height:28px; color:#7f838e; font-weight:500; letter-spacing:0px;}
.footer-utils .utils li a.footer_privacy{color:#dbdbdb; }
.footer-utils .utils li:first-child a {padding-left:10px;}
.footer-utils .utils li:hover a {color:#3977ca;}

/* �йи�����Ʈ */
.footer-utils  .family-site {position:relative; float:right;  padding:0 0 0 16px;  width:200px; height:38px; box-sizing:border-box; background:#fff url('../images/common/family_site_arrow.png') no-repeat 173px 15px;}
.footer-utils .family-site.on {background:#fff url('../images/common/family_site_arrow_on.png') no-repeat 173px 15px;}
.footer-utils .family-site h3 {font-weight:400; font-size:14px; line-height:39px; color:#777; cursor:pointer;}
.footer-utils .family-site ul {display:none; position:absolute; top:37px; left:0; z-index:22; padding:9px 0; width:100%; background:#fff;}
.footer-utils .family-site ul a {display:block; padding:0 15px; font-size:14px; line-height:30px; color:#777;}
.footer-utils .family-site ul li:hover a {background:#4992e1; color:#fff;}

/* �ּ� */
.address-wrap {background:#1e2026; padding:10px 0 40px; clear:both; text-align:center;}
.address-wrap .inner {overflow:hidden;}
.address-wrap .footer-logo {float:left; margin-right:50px; margin-bottom:30px;}
.address-wrap address{width:100%; float:left; font-style:normal; margin:20px 0 30px 15px; text-align:left;}
.address-wrap address span { float:left; margin-right:20px; font-weight:500; font-size:14px; line-height:22px; color:#5b5f6a; }
.address-wrap address span:nth-child(5),
.address-wrap address span:nth-child(8) {clear:both;} 
.address-wrap address span a.map {color:#cacaca; text-decoration:underline;}

/* sns */
ul.footer-sns  {float:none; width:330px; text-align:right; margin:0 auto;}
ul.footer-sns li{float:left; margin-left:10px;}
ul.footer-sns li img {width:55px;}

/* ���� �ؽ��� */
.footer-text {clear:both; padding-top:10px; padding-bottom:30px; font-size:16px; height:100%; background:#1e2026; overflow:hidden; width:100%; text-align:center; }
.footer-text ul {width:90%; margin:0 auto; padding-bottom:20px; border-bottom:solid 1px #5c5c5c;}
.footer-text li {float:none; padding-right:0; padding:3px 0; color:#fff; font-weight:500; letter-spacing:-1px; font-family:'Roboto', 'NanumBarunGothic', sans-serif; }
@media (min-width:481px) and (max-width:767px) {
	.footer-text li {display:inline-block; margin-right:15px;}
}
.footer-text li:last-child {padding-right:0; }
.btn_yellow_con {display:inline-block; width:150px; background:#ffcc00; font-size:14px; color:#3b300e; letter-spacing:-1px; font-weight:bold; text-align:center; padding:8px 0; border:none; font-family:'���� ����', 'Malgun Gothic', '��������','NanumGothic', '����', 'Dotum'; }
.btn_yellow_con:hover {background:#2767c1; color:#fff; transition:0.5s; cursor:pointer; }

/* ISMS */
.isms {display:inline-block; float:right; margin-bottom:15px; width:176px; height:58px;}
.isms2 {display:none; float:none; margin-bottom:15px; width:180px; height:58px; background:url('../images/common/footer_isms_logo.png') no-repeat; background-position:0; text-align:right; color:#c1c1c1; font-size:15px;}
.isms2 p {padding-top:10px;}
.isms2 strong {font-size:17px;}