@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');

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','Noto Sans KR', 'NanumBarunGothic' , sans-serif; color:#666; text-decoration:none;}
a:link{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 .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;}

.header-logo {float:left; width:100%; box-sizing:border-box;  z-index:10000;}
.header-logo h1 {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 a {position:relative; display:inline-block; vertical-align:middle; padding:17px 23px 16px; line-height:1;  color:#222; font-size:17px; font-weight:400; letter-spacing:0px; display: flex;}
#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;}







/* footer
------------------------------------------------------ */
#footer {width:100%; }
#footer .inner {width:100%;max-width:1200px; margin:0 auto;}

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

.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:#050919}
.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:#050919; 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%;max-width:800px; 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:#050919; 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;}




















/*네비게이션 221114 추가*/
#navigation{background:#fff;width:100%; margin:0 auto; left: 0; right: 0; z-index: 99999999; border-bottom: 4px solid #347adc;box-sizing: border-box; height:11vh; position: fixed; font-family:'Roboto','NanumBarunGothic' , sans-serif;}
.jbContent{padding-top:11vh;}
.top_navi{position: relative;width: 90%;max-width: 1105px; margin: 0 auto;}
.top_navi ul{text-align: right; /* padding-right: 3%; */ display: flex; justify-content: flex-end;  align-items: center; position: absolute; right:0; top: 10px;}
.top_navi ul li a{margin:10px 0 0 10px; font-size:.8em; color:#d1d1d1; font-family:'Roboto','NanumBarunGothic' , sans-serif;}
.top_navi ul li:nth-child(2) a:before{content:'｜'; margin-right:10px;}
.main_navi{max-width:1200px; width:95%; height:100%; margin:0 auto; left: 0; right: 0; display: flex; align-items: flex-end;justify-content: space-between; }
.main_navi .logo{width:10%; min-width:100px;}
.main_navi .logo img{width:100%; padding:20px 10px 10px 0;}
.main_navi .navi{display:flex;justify-content: space-between; width:70%;}
.main_navi .navi ul{width:100%; text-align:center; position: relative;}
.main_navi .navi ul a{display:block; font-weight:500; color:#222; font-size:1.2rem; padding:20px 0;font-family:'Roboto','NanumBarunGothic' , sans-serif;}
.submenu{display:none; position: absolute; top:70px; left:0; width:100%; background:#347adc;padding:10px 0; box-sizing:border-box;z-index: 9999999;}
.submenu li{ box-sizing:border-box;}
.main_navi .navi ul .submenu li a{font-size:1rem;padding:8px 0; color:#fff;}
.submenuM{display:none;}
#m-gnb{display:none;}
.navi_M ul{width:100%; margin:0; padding:0;}
.navi_M ul.menu li{}
.navi_M ul.menu li a{display:block; width:100%; height:100%;  color:#fff; font-size: 1.1rem;font-weight: 500; padding: 10px 10px 10px 20px;box-sizing: border-box;}
.navi_M ul.menu li .sub a{font-weight:300; background:#303030; color:#bbb; font-size:1rem;}

.navi_M_bottom ul{display:flex;justify-content: center;border-top: 1px solid #3a3a3a;padding-top: 1em;}
.navi_M_bottom ul li a{margin:10px 0 0 10px; color:#d1d1d1; font-size:.8em;}
.navi_M_bottom ul li:last-child a:before{content:'｜'; margin-right:10px;}
@media (max-width: 1280px){
	.main_navi .navi ul .submenu li a{font-size:80%;}
}
@media (max-width: 767px){
	#navigation{height:9vh; }
	.jbContent{padding-top:9vh;}
	#m-gnb{display:block;}
	.main_navi .navi{display:none;}
	.main_navi .logo img{padding:10px 10px 0 10px;}
	.top_navi{display:none;}
}
/*로그인*/
.partner_svc {display:block; width:100%; margin:0 auto; padding:1em 0;  box-sizing:border-box; text-align:center;}
.partner_svc.login{max-width:440px;}
.partner_svc h6:before{content:'\f007';font-family:"Font Awesome 5 Free"; font-weight:900;  margin-right:5px;}
.partner_svc h6 {font-size:1.2rem; color:#222; margin-bottom:15px; }
.partner_svc h6 b{font-weight:600;text-decoration: underline;}
.btn_area {text-align:center; margin:15px auto;}
.btn_area_v2 {text-align:center; display:flex;justify-content: center; margin-top:15px;}
.btn_area_v2 input{width:100%; font-size:1rem;padding:12px 0; border:none; background: #f1f1f1; border: 1px solid #d1d1d1; box-sizing: border-box;}
.btn_area_v2 input:first-child{margin-right:15px;background:#fff;}
.btn_confirm_cs {background:#347adc; width:100%; border: none; color: #fff;  font-size:1rem; cursor:pointer; padding:12px 0; }
.btn_cancel_cs {background:#595959; width:210px; height:65px; border: none; color: #fff; font-size:20px; cursor:pointer;}
.main_contents.memb{background: #fbfbfb;border-top: 2px solid #347adc;border-bottom: 1px solid #d1d1d1;}

@media (max-width: 767px){
	.login_contents{padding: 2em!important;}
	.partner_svc{padding:0;}
	.partner_svc h6{border-bottom:none; padding:0;}
	.partner_svc h6 span{display:block;}
	.main_contents.memb{background:none; border:none;}
}

/*회원가입*/
.join_container{margin-top:50px;}
.join_container .dt2{display:flex;flex-direction: row;align-items: flex-start; margin-bottom:10px; font-size:.9em;}
.join_container .dt2:last-child{margin-bottom:0;}
.join_container .dt2 dl{width:100%;display:flex;align-items: center;}
.join_container .dt2 dl:first-child{margin-right:3%;}
.join_container .dt2 dl dt{width:26%; text-align:left;font-weight:600; color:#222;display: flex; align-items: baseline;}
.join_container .dt2 dl dt:before{content:'\f00c';font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:5px;font-size: 70%;position: relative; bottom:2px;}
.join_container .dt2 dl dd{width:80%;}
.join_container .dt2 dl.add{align-items: baseline}
.join_container .dt2 dl.add dd div{display:flex;}
.join_container .dt2 dl.add dd>input{border-top:none;}
.btn_post {background:#333;border: none; color: #eee; cursor:pointer; padding: 0 20px; }
.stip_area{display:flex; margin-top:40px;}
.stip_area>div{border:1px solid #d1d1d1;background:#fff;}
.stip_area>div:first-child{border-right:none;}
.stip_area>div>em{text-align: left;display: block; font-weight:500; padding:10px; box-sizing:border-box; border-bottom:2px dotted #d1d1d1;  background:#f5f5f5; color:#222;}
.stip_area>div>em a{float:right; display:inline-block; padding:2px 12px; border:1px solid #d1d1d1; border-radius:100px; font-size:.8em; background:#fff;}
.stip_area>div>.subpage_tit{display:none;}
.stip_area>div>#contents{padding:1em 0;  overflow-y:scroll; height:200px; width:100%; padding:10px; box-sizing:border-box; text-align:left;}
.stip_area>div>#contents .policybox{font-size:.7rem;}
.partner_svc label{display:block; background: #f5f5f5; padding: 1em 0 1em 1em; border: 1px solid #d1d1d1; border-top: none; text-align: left; margin-bottom: 3em; color:#222;}
.partner_svc label input{margin-right:5px;}
.btn_area_v2.bluebtn{width:100%;}
.btn_area_v2.bluebtn .btn_confirm_cs{background:#347adc; margin-right:0;width: 100%; max-width: 600px; border: none; padding: 1.2em;  font-weight:700;}
.btn_area_v2.bluebtn .btn_confirm_cs:hover{transition: .3s; background: #1d57a7;}
.btn_area_v2.bluebtn .btn_confirm_cs:not(:hover){transition: .3s; background: #347adc;}


@media (max-width:1280px){
	.partner_svc, .partner_svc input[type="text"], .partner_svc textarea, .partner_svc input[type="password"]{font-size:90%;min-width:unset;}
}
@media (max-width: 767px){
	.join_contents{font-size:85%;}
	.join_container{margin-top:25px;}
	.join_container .dt2{flex-direction: column; margin-bottom:0;}
	.join_container .dt2 dl{flex-direction: column; margin-bottom:10px;}

	.join_container .dt2 dl dd{width:100%;}
	.join_container .dt2 dl dt{display:none;}
	.stip_area{flex-direction: column; margin-top:20px;}
	.stip_area>div:first-child{border-right:1px solid #d1d1d1; border-bottom:none;}
	.stip_area>div>em{letter-spacing:-2px;}
	.stip_area>div>#contents{height:100px;}
	/*.partner_svc, .partner_svc input[type="text"], .partner_svc textarea, .partner_svc input[type="password"]{font-size:90%;}*/
	.partner_svc label{display: flex;align-items: flex-start;}

}


/*공통사항*/
input[type="checkbox"], input[type="radio"]{margin-left:5px;margin-right:3px; vertical-align: top;}
input[type="text"], textarea,  input[type="password"], select{border:1px solid #d1d1d1; display:inline-block; box-sizing:border-box; vertical-align:middle;  color:#666; padding: 7px 10px;min-width:220px; width:100%; resize:none;}
::placeholder {color: #c4c4c4; font-weight:100; }
::-webkit-input-placeholder {color: #c4c4c4; font-weight:100;}
:-ms-input-placeholder {color: #c4c4c4 !important; font-weight:100;}
::-ms-input-placeholder {color: #c4c4c4; font-weight:100;}
::-moz-placeholder {color: #c4c4c4; font-weight:100;}

#contents{clear:both; width:90%; max-width:1200px; margin:0 auto; padding:5em 0;}
.main_contents{text-align:center; word-break: keep-all; word-wrap: break-word;}
.page_title{width:100%;padding:15px 0; border-bottom:1px solid #d1d1d1;}
.page_title dl{width:90%; max-width:1200px; margin:0 auto; display:flex;}
.page_title dl dt a:before{content:'\f015';font-family:"Font Awesome 5 Free"; font-weight:900;color:#222;}
.page_title dl dt:after{content:'｜';margin-left:10px; margin-right:10px; color:#d1d1d1;}
.page_title dl dd{color: #bdbdbd;font-weight: 300;}
.nopadding{padding:0!important;}
.padding30{padding:2em 30px!important;}
.nomargin{margin-top:0!important;}
.bgfff{background:#fff!important;}
.width60{width:60%!important;}
.width40{width:40%!important;}
.marginR30{margin-right:30px;}
.marginT10{margin-top:10em!important;}
.marginT7{margin-top: 7em; border-top: 1px solid #d1d1d1; padding-top: 5em;}
.marginT5{margin-top:5em!important;}
.marginT3{margin-top:3em!important;}
.marginT2{margin-top:2em!important;}
.marginT1{margin-top:1em!important;}
.half_box{display:flex;}
.font7{font-size:7em;}
.font3{font-size:3em;}
.font2-5{font-size:2.5em;}
.font2{font-size:2em;}
.font1-5{font-size:1.5em;}
.font1-2{font-size:1.2em;}
.font1{font-size:1.1em;}

@media (max-width: 1280px){
	.x-scroll{overflow-x:scroll;}
	.font7{font-size:4em;}
	.font3{font-size:2.5em;}
	.font2-5{font-size:2em;}
	.font2{font-size:1.7em;}
	.font1-5{font-size:1.2em;}
	.font1-2{font-size:1.2em;}
	.font1{font-size:1em;}
}
@media (max-width: 767px){
	#contents{padding:2em 0;}
	.page_title{font-size:80%;}
	.padding30{padding:1em!important;}
	.x-scroll{overflow-x:scroll;}
	.marginR30{margin-right:20px!important;}
	.marginT10{margin-top:5em!important;}
	.marginT7{margin-top: 3.5em; border-top: 1px solid #d1d1d1; padding-top: 2.5em;}
	.marginT5{margin-top:2.5em!important;}
	.marginT3{margin-top:1.2em!important;}
	.marginT2{margin-top:1em!important;}
	.marginT1{margin-top:.5em!important;}
	.half_box{display:flex;flex-direction: column;}
	.font7{font-size:3.5em;}
	.font3{font-size:1.7em;}
	.font2-5{font-size:1.5em;}
	.font2{font-size:1.3em;}
	.font1-5{font-size:1em;}
	.font1-2{font-size:0.9em;}
	.font1{font-size:0.9em;}
}



/*이용약관  221114 추가*/
.subpage_tit{text-align:center; font-size:1.7em; padding:8vh 0 1vh; box-sizing:border-box;font-weight: 700;color: #222;color: #222; margin-bottom: 5vh;}
.policybox{font-size:1rem; line-height:1.7; font-weight:300;padding: 0 0 10vh;}
.policybox ul{margin-bottom:10px;}
.policybox ul:last-child{margin-bottom:0;}
.policybox ul li{display:block;}
.policybox ul li:first-child{}
.policybox ul li b{font-weight:700; color:#222;border-bottom: 2px solid; display: inline-block; margin-bottom: 8px;}
.policybox ul li ol{display:flex;}
.policybox ul li ol:nth-of-type(1):before{content:'①';margin-right:5px;}
.policybox ul li ol:nth-of-type(2):before{content:'②';margin-right:5px;}
.policybox ul li ol:nth-of-type(3):before{content:'③';margin-right:5px;}
.policybox ul li ol:nth-of-type(4):before{content:'④';margin-right:5px;}
.policybox ul li ol:nth-of-type(5):before{content:'⑤';margin-right:5px;}
.policybox ul li ol:nth-of-type(6):before{content:'⑥';margin-right:5px;}
.policybox ul li ol:nth-of-type(7):before{content:'⑦';margin-right:5px;}
.policybox ul li ol:nth-of-type(8):before{content:'⑧';margin-right:5px;}
.policybox ul li ol:nth-of-type(9):before{content:'⑨';margin-right:5px;}
.policybox ul li em{color:#222; font-weight: 400;}
.policybox ul span{display:flex;}
.policybox ul span:before{content:'-'; margin-right:5px; margin-left:1rem;}
.policybox .subcount{counter-reset: var-count;margin-left: 1rem;}
.policybox .subcount p{display:flex;}
.policybox .subcount p:before{counter-increment: var-count; content: counter(var-count) ".";margin-right:5px;}
@media (max-width: 767px){
	.subpage_tit{font-size:1.2em;}
	.policybox{font-size:80%;}
}

/* 푸터   221114 추가*/
#footer{width:100%; background:#222; padding:2vh 0 5vh;}
#footer .footer_container{width:90%; max-width:1200px; margin:0 auto;background: url('/resource/home/img/home/logo_GY.png')bottom right no-repeat; background-size: 20%;}
#footer .footer_wrap{margin:0 auto;}
#footer .footer_wrap ul{display:flex; margin-bottom:10px;align-items: center;    flex-direction: row; flex-wrap: wrap;justify-content: flex-start;}
#footer .footer_wrap ul li{margin: 0 10px;}
#footer .footer_wrap ul li a{font-size:.9em;line-height: 1; font-weight:600;}
#footer .footer_wrap ul li:first-child{margin-left:0;}
#footer .footer_wrap ul li:last-child{margin-right:0;}
#footer .address_wrap{margin:0 auto;}
#footer .address_wrap dl{display:flex;font-size:.9em;}
#footer .address_wrap dl dt{margin-right:5px; font-weight:600;}
#footer .address_wrap dl dd{font-weight:300;}
@media (max-width: 767px){
	#footer .footer_container{background:none;}
	#footer .footer_wrap ul li{margin:0;text-align:center;}
	#footer .footer_wrap ul li a{font-size:.8rem; letter-spacing:-1px;}
	#footer .address_wrap dl{font-size:.8rem; letter-spacing:-1px;}
}


/*컨텐츠 인트로 221114*/
.contents_intro{width:100%; height: 100%;  /*padding:15vh 0 0;*/ height:43vh; background:#222; position: relative;}
.intro_container{width:90%; max-width:1200px; margin:0 auto; }
.contents_intro.about:before{content:'';background:url('/resource/home/img/home/company.jpg')center center no-repeat; background-size:cover;background-attachment: fixed; width:100%; height:100%; opacity: .3;  left: 0; top: 0; display: block; position: absolute;}
.contents_intro.service:before{content:'';background:url('/resource/home/img/home/service.jpg')center bottom no-repeat; background-size:cover;background-attachment: fixed; width:100%; height:100%; opacity: .3;  left: 0; top: 0; display: block; position: absolute;}
.contents_intro.member:before{content:'';background:url('/resource/home/img/home/member.jpg')center center no-repeat; background-size:cover;background-attachment: fixed; width:100%; height:100%; opacity: .3;  left: 0; top: 0; display: block; position: absolute;}
.contents_intro.notice:before{content:'';background:url('/resource/home/img/home/notice.jpg')center center no-repeat; background-size:cover;background-attachment: fixed; width:100%; height:100%; opacity: .3;  left: 0; top: 0; display: block; position: absolute;}
.contents_intro.proposal:before{content:'';background:url('/resource/home/img/home/proposal.jpg')center center no-repeat; background-size:cover;background-attachment: fixed; width:100%; height:100%; opacity: .3;  left: 0; top: 0; display: block; position: absolute;}
.contents_intro:after{content:'';background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); width:100%;height: 20%; position: absolute; bottom: 0; opacity: .4;}
.contents_intro .intro_visual{visibility:hidden; width:90%; max-width:1200px;padding-top: 17vh; text-align:center; margin:0 auto; z-index: 10; position:relative; color:#fff;}
.contents_intro .intro_visual h2{font-size:5vh; font-weight:700;}
.contents_intro .intro_visual h3{font-size:1.8vh; font-weight:300; color:#b1b1b1;}

@media (max-width: 767px){
	.contents_intro{}
	.contents_intro .intro_visual h3 span{display:block;}
	.contents_intro.about:before, .contents_intro.service:before, .contents_intro.member:before, .contents_intro.notice:before, .contents_intro.proposal:before{background-attachment:unset;}
}


/*테이블레이아웃 221114*/
.table_01{width:100%;font-size: .95em;}
.table_01 th{background:#f7f7f7; padding:7px 0; text-align:center; font-weight:500; color:#222;  border-top:2px solid #222; border-bottom:1px solid #d1d1d1;vertical-align: middle;}
.table_01 td{padding:7px 0;  font-weight:300; border-bottom:1px solid #d1d1d1;}
.table_01 td.table_tit{text-align:left;}
.table_01 .table_tit a{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.2em;}
.pagination{width: 90%; max-width: 300px; display: flex; margin: 20px auto 0;}
.pagination a{font-size:1rem; width:100%; color:#d1d1d1;}
.pagination a.active{color:#222;}

.view .table_tit{text-align:left; padding: 10px; box-sizing: border-box; font-weight:600;word-break: break-word;}
.view .table_tit span{margin-left:10px; font-size:.5rem; color:#c1c1c1; font-weight:300;float: right;margin-top:3px;}
.view td{padding:2em 0;}
.view_btn{text-align:right; margin-top:10px;}
.view_btn a{font-size:.8rem; display:inline-block; padding:.3em 2em; border:1px solid #d1d1d1; background:#fff;}

@media (max-width: 767px){
	.table_01 th, .table_01 td{font-size:.8rem;}
	.table_01 .table_date{display:none;}
}


/*인덱스*/
.main_visual{width:100%; overflow:hidden;}
.main_visual .main_top{width:100%; background-color:#222;padding:10em 0; position: relative;}
.main_visual .main_top:before{content:''; width:100%; height:100%; background:url('/resource/home/img/home/proposal.jpg')center center no-repeat; position:absolute; top:0; left:0; z-index: 1; opacity:.35; }
.main_visual .main_top:after{content:''; width:100%; height:100%;  background:url('/resource/home/img/home/roundline2.png')center bottom no-repeat; position:absolute; bottom:0; left:0; z-index: 2;background-size: contain;}

.main_visual .main_top .top_container{visibility:hidden; width:80%; max-width:1200px; margin:0 auto; position: relative; z-index: 10;display: flex;justify-content: space-between;align-items: flex-start;}
.main_visual .main_top .top_container .top_tit{font-size:3em; font-weight:700; color:#fff; letter-spacing: -0.03em; line-height:1.2; }
.main_visual .main_top .top_container .top_tit .phone{position: absolute;left: 1em; top: 2.5em;}
@keyframes up down{
	  from {top:2.7em;}
	  to {top:2.4em;}
}
.main_visual .main_top .top_container .login_container{width: 400px; padding:2.4em 3em; background: #fff; box-sizing: border-box; box-shadow:12px 14px 19px rgb(34 34 34 / 33%);}
.main_visual .main_top .top_container .login_container .btn_join{background: #ebebeb; width: 100%; border: none; color: #222; font-size: 1rem; cursor: pointer;padding: 12px 0; display:block; margin-top:5px;  box-sizing: border-box;border: 1px solid #d1d1d1;}
.main_visual .main_top .top_container .login_container .idpw_area{display:flex; font-size:.75em; justify-content: space-between; margin-top:5px; color:#d1d1d1;}
.main_visual .main_top .top_container .login_container .idpw_area a{color:inherit; font-size:inherit;}
.main_visual .main_top .top_container .login_container .idpw_area input[type="checkbox"] {display:none;}
.main_visual .main_top .top_container .login_container .idpw_area input[type="checkbox"] + label {color:#bfbfbf;}
.main_visual .main_top .top_container .login_container .idpw_area input[type="checkbox"] + label span {display:inline-block; width:19px; height:19px; margin:-2px 5px 0 0; vertical-align:middle; background:url('/resource/home/img/home/check_sheet.png') left top no-repeat; cursor:pointer;}
.main_visual .main_top .top_container .login_container .idpw_area input[type="checkbox"]:checked + label span {background:url('/resource/home/img/home/check_sheet.png') -19px top no-repeat;}
.main_visual .main_top .top_container .login_container .btn_area{margin-bottom:0;}

.user_area li{border: 1px solid #d1d1d1; box-sizing: border-box; width: 100%; vertical-align: middle; font-size: 1rem; color: #666;padding: 15px 20px; text-align:center;}
.user_area li.user_info{border-bottom:none;display: flex;justify-content: space-between; align-items: center;}
.user_area li.user_info .step{padding: 0.1em 0.9em 0.15em;background: #133b72; color: #fff; border-radius: 100px;font-size: .8em;}
.user_area li.user_info .name span{font-weight:500; color:#222;}
.user_area li.user_info .shop{font-size:.9em; color:#a5a5a5;}
.user_area li.user_info .shop:after{content:'｜'; margin-left:5px; color:#d1d1d1;}
.user_area li.user_info a{font-size: .8em; color: #a5a5a5;}
.user_area li.user_cont .course{font-size:.9em; color: #222;display: flex; justify-content: space-between; align-items: center;}
.user_area li.user_cont .course .type{padding: .1em .9em;background: #133b72; color: #fff; border-radius: 100px;font-size: .9em;}
.user_area li.user_cont .course .date span{font-weight:600; margin-left:5px; color:#347adc;}

.main_visual .main_mid01{width:90%; max-width: 1200px; margin:0 auto 5em; text-align:center; visibility: hidden;}
.main_visual .mid_tit{padding:5em 0 2em;}
.main_visual .mid_tit h2{font-size:1.2em; font-weight:700; color:#222;text-decoration: underline; margin-bottom:5px;}
.main_visual .mid_tit h3{ font-family: 'Noto Sans KR', sans-serif; color:#cbcbcb; font-weight:300;}
.main_visual .main_mid01 .mid_content{margin-top: 2em;}
.main_visual .main_mid01 .mid_content .video_content{display:inline-block; width:60%; margin-right:5%;}
.main_visual .main_mid01 .mid_content .video_content .video-container{position: relative;width:100%; height:0; padding-bottom: 56.25%; margin-right:2em;}
.main_visual .main_mid01 .mid_content .video_content .video-container iframe{position: absolute; width:100%; height:100%; left:0; right: 0;}

.main_visual .main_mid01 .mid_content .typeinfo{display:inline-block;vertical-align: top; margin-top: 6.5em;}
.main_visual .main_mid01 .mid_content .typeinfo li{margin-bottom:10px; position:relative;}
.main_visual .main_mid01 .mid_content .typeinfo li a{background: #f5f5f5;padding: 1em 6em;display:block;text-align: left;border-radius: 100px;box-sizing:border-box; color: #222; font-size: 1.1em;font-weight: 700;font-family: 'Noto Sans KR', sans-serif; }
.main_visual .main_mid01 .mid_content .typeinfo li a span{font-weight:300; margin-right:10px; font-family:'Roboto'; color:#878787;}
.main_visual .main_mid01 .mid_content .typeinfo li a:hover{background:#fff; transition: .5s; }
.main_visual .main_mid01 .mid_content .typeinfo li a:hover:after{content:'\f061';font-family:"Font Awesome 5 Free"; font-weight:900;  position: absolute; margin-left:10px; color:#878787; opacity: .2;}

.main_visual .main_mid02{width:100%; background-color:#225295;padding:6em 0; position: relative; text-align:center;}
.main_visual .main_mid02:before{content:''; width:100%; height:100%; background:url('/resource/home/img/home/company.jpg')center bottom no-repeat;background-size:cover; background-attachment: fixed;position:absolute; top:0; left:0; z-index: 1; opacity:.2; }
.main_visual .main_mid02 h2{font-size:2em; color:#fff; font-weight:700;font-family: 'Noto Sans KR', sans-serif; position: relative; z-index: 10;}
.main_visual .main_mid02 ul.value_cont{display:flex;width:90%; max-width:1200px; margin:0 auto;position: relative; z-index: 10; }
.main_visual .main_mid02 ul.value_cont li{width:100%;}
.main_visual .main_mid02 ul.value_cont li .value_icon img{width:70px;}
.main_visual .main_mid02 ul.value_cont li .value_tit{color:#fff; font-size:1em; margin-top:10px; font-weight:300; line-height:1.2;}

.main_visual .main_mid03{width:100%;margin: 0 auto 6em; position: relative; text-align:center;}
.main_visual .main_mid03 .brand_content{width:90%; max-width:1200px; margin:0 auto;}
.main_visual .main_mid03 .brand_content ul{display: flex; flex-direction: row; flex-wrap: wrap;align-items: center;}
.main_visual .main_mid03 .brand_content ul li{width: calc(96%/4); border: 1px solid #d1d1d1; height: 20vh; display: flex; justify-content: center; align-items: center; overflow: hidden; margin: .5%; background:#fff; position: relative;}
.main_visual .main_mid03 .brand_content ul li img{max-width: 70%;max-height: 40%; position: relative; z-index: 10;}
.main_visual .main_mid03 .brand_content ul li:hover:before{transform: scale(1.2); transition: 1s;}
.main_visual .main_mid03 .brand_content ul li:not(:hover):before{transform: scale(1); transition: 1s;}
.morebrand{color: #fff; font-size: .9em; cursor: pointer; padding: 12px 65px; display: inline-block; margin-top: 2em; box-sizing: border-box; border-radius: 100px;}
.morebrand:hover{background:#fff;color: #222; transition: .5s; }
.morebrand:not(:hover){background:#27528e;color: #fff; transition: .5s; }
.morebrand:hover:after{content:'\f061';font-family:"Font Awesome 5 Free"; font-weight:900;  position: absolute; margin-left:10px; color:#27528e; opacity: .3; }

.main_visual .main_mid03 .brand_content ul li.k2safety:before{content:''; background:url('/resource/home/img/home/k2safetyBG.png')center bottom no-repeat; background-size:cover; opacity: .3; position:absolute;z-index: 1; width:100%; height:100%;}
.main_visual .main_mid03 .brand_content ul li.ziben:before{content:''; background:url('/resource/home/img/home/zibenBG.png')center center no-repeat; background-size:cover; opacity: .2; position:absolute;z-index: 1; width:100%; height:100%;}
.main_visual .main_mid03 .brand_content ul li.blackyak:before{content:''; background:url('/resource/home/img/home/blackyakBG.png')center center no-repeat; background-size:cover; opacity: .3; position:absolute;z-index: 1; width:100%; height:100%;}
.main_visual .main_mid03 .brand_content ul li.nepa:before{content:''; background:url('/resource/home/img/home/nepaBG.png')center center no-repeat; background-size:cover; opacity: .3; position:absolute;z-index: 1; width:100%; height:100%;}
.main_visual .main_mid03 .brand_content ul li.t3m:before{content:''; background:url('/resource/home/img/home/3mBG.png')center center no-repeat; background-size:cover; opacity: .3; position:absolute;z-index: 1; width:100%; height:100%;}
.main_visual .main_mid03 .brand_content ul li.yuhankimberly:before{content:''; background:url('/resource/home/img/home/yuhankimberlyBG.png')center center no-repeat; background-size:cover; opacity: .3; position:absolute;z-index: 1; width:100%; height:100%;}
.main_visual .main_mid03 .brand_content ul li.otos:before{content:''; background:url('/resource/home/img/home/otosBG.png')center center no-repeat; background-size:cover; opacity: .2; position:absolute;z-index: 1; width:100%; height:100%;}
.main_visual .main_mid03 .brand_content ul li.safers:before{content:''; background:url('/resource/home/img/home/safersBG.png')center top no-repeat; background-size:cover; opacity: .5; position:absolute;z-index: 1; width:100%; height:100%;}
.main_visual .main_mid03 .brand_content ul li.bosch:before{content:''; background:url('/resource/home/img/home/boschBG.png')center center no-repeat; background-size:cover; opacity: .3; position:absolute;z-index: 1; width:100%; height:100%;}
.main_visual .main_mid03 .brand_content ul li.milwaukee:before{content:''; background:url('/resource/home/img/home/milwaukeeBG.png')center center no-repeat; background-size:cover; opacity: .2; position:absolute;z-index: 1; width:100%; height:100%;}
.main_visual .main_mid03 .brand_content ul li.prospecs:before{content:''; background:url('/resource/home/img/home/prospecsBG.png')center center no-repeat; background-size:cover; opacity: .2; position:absolute;z-index: 1; width:100%; height:100%;}
.main_visual .main_mid03 .brand_content ul li.mountia:before{content:''; background:url('/resource/home/img/home/mountiaBG.png')center center no-repeat; background-size:cover; opacity: .2; position:absolute;z-index: 1; width:100%; height:100%;}


@media (max-width:1280px){
	.main_visual .main_top .top_container .top_tit .phone{display:none;}
	.main_visual .main_top .top_container{flex-direction: column;align-items: center;}
	.main_visual .main_top .top_container .top_tit{margin-bottom:20px;}
	.main_visual .main_mid01 .mid_content{flex-direction: column;}
	.main_visual .main_mid01 .mid_content iframe{margin-bottom:2em;}
	.main_visual .main_mid01 .mid_content img{width:80%;}
	.main_visual .main_mid01 .mid_content .video_content{width:80%;margin-right:0;}
	.main_visual .main_mid01 .mid_content .typeinfo{margin-top:1em;}
	.main_visual .main_mid02:before{background-attachment: unset;}
	.main_visual .main_mid02 ul.value_cont{display:block;}
	.main_visual .main_mid02 ul.value_cont li{display:inline-block; width:45%; font-size:1em; margin:2.5% 1%;}
}
@media (max-width: 767px){
	.content_slider{background:#424242;}
	.user_area li.user_info .step{display:none;}
	.main_visual .main_top .top_container .top_tit .phone{display:none;}
	.main_visual .main_top{padding:5em 0;}
	.main_visual .main_top .top_container .top_tit{font-size:1.7em; margin-bottom:20px;}
	.main_visual .main_top .top_container{flex-direction: column;}
	.main_visual .main_top .top_container .login_container{width:100%; padding:1.5em;}
	.main_visual .main_mid01 .mid_content{flex-direction: column; margin-top:0;}
	.main_visual .main_mid01 .mid_content img{width:90%;}
	.main_visual .main_mid01 .mid_content .video_content{width:80%;margin-right:0;}
	.main_visual .main_mid01 .mid_content .typeinfo{margin-top:1em;}
	.main_visual .main_mid01 .mid_content .typeinfo li a{padding: 0.7em 4.7em; font-size:.9em;}
	.main_visual .main_mid02{padding:2em 0;}
	.main_visual .main_mid02:before{background-attachment: unset;}
	.main_visual .main_mid02 ul.value_cont{display:block;}
	.main_visual .main_mid02 ul.value_cont li{display:inline-block; width:45%; font-size:.8em; margin:2.5% 1%;}
	.main_visual .main_mid02 ul.value_cont li .value_icon img{width:40%;}
	.main_visual .main_mid03 .brand_content ul li{width: calc(96%/3); height:13vh;}
}
.lineAc{width:100%; height:10px; background:#efefef; z-index: -1; position:absolute; left:0;bottom:2px;animation-name: lineAction; animation-duration: 2s;  animation-fill-mode: both;animation-iteration-count: 1;}
@keyframes lineAction{
	  from {width:0%;}
	  to {width:100%;}
}

.main_visual .main_container:after{content:''; width:100%; height:100%;  background:url('/resource/home/img/home/roundline2.png')center bottom no-repeat; position:absolute; bottom:-1px; left:0; z-index: 2;background-size: contain;}

.main_container{position:relative;background-color: #222; visibility: hidden;}

.main_container .swiper-slide{background: #222; position: relative;}
.swiper-slide .main_txt {padding:10em 0 16em;}
.swiper-slide .main_txt div{position: relative; z-index: 10; font-weight:700; color:#fff; letter-spacing: -0.03em; line-height:1.2; width:90%; max-width:1200px; margin:0 auto; }
.swiper-slide .main_txt.txt01:before{content: ''; background: url('/resource/home/img/home/company.jpg')center center no-repeat; background-size: cover;  width: 100%; height: 100%; opacity: .3; left: 0; top: 0; display: block; position: absolute;}
.swiper-slide .main_txt.txt02:before{content: ''; background: url('/resource/home/img/home/service.jpg')center center no-repeat; background-size: cover;  width: 100%; height: 100%; opacity: .3; left: 0; top: 0; display: block; position: absolute;}
.swiper-slide .main_txt.txt03:before{content: ''; background: url('/resource/home/img/home/notice.jpg')center center no-repeat; background-size: cover;  width: 100%; height: 100%; opacity: .3; left: 0; top: 0; display: block; position: absolute;}
.swiper-slide .main_txt.txt04:before{content: ''; background: url('/resource/home/img/home/design.jpg')center center no-repeat; background-size: cover;  width: 100%; height: 100%; opacity: .3; left: 0; top: 0; display: block; position: absolute;}

.container1100{width:90%; max-width:1100px; margin:0 auto; position: relative;}
.login_container{width:90%; max-width: 400px; padding:2.4em 3em; background: #fff; box-sizing: border-box; box-shadow:12px 14px 19px rgb(34 34 34 / 33%); position: absolute; z-index: 99; right:0; bottom:0px;}
.login_container .btn_join{background: #ebebeb; width: 100%; border: none; color: #222; font-size: 1rem; cursor: pointer;padding: 12px 0; display:block; margin-top:5px;  box-sizing: border-box;border: 1px solid #d1d1d1;}
.login_container .idpw_area{display:flex; font-size:.75em; justify-content: space-between; margin-top:5px; color:#d1d1d1;}
.login_container .idpw_area a{color:inherit; font-size:inherit;}
.login_container .idpw_area input[type="checkbox"] {display:none;}
.login_container .idpw_area input[type="checkbox"] + label {color:#bfbfbf;}
.login_container .idpw_area input[type="checkbox"] + label span {display:inline-block; width:19px; height:19px; margin:-2px 5px 0 0; vertical-align:middle; background:url('/resource/home/img/home/check_sheet.png') left top no-repeat; cursor:pointer;}
.login_container .idpw_area input[type="checkbox"]:checked + label span {background:url('/resource/home/img/home/check_sheet.png') -19px top no-repeat;}
.login_container .btn_area{margin-bottom:0;}

@media (max-width:1280px){
	.swiper-slide .main_txt{padding: 3em 0 17em;}
	.container1100{display: flex;align-items: center; justify-content: center;}
	.login_container{right:unset; bottom:-3em;}
}
@media (max-width: 767px){
	.login_container{width:80%; padding:1.7em;}
}






/* about*/
.about_contents .visual_01{display:flex;align-items: center; visibility: hidden;}
.about_contents .visual_cont .visual_tit h2{font-size:1.7em;font-weight:400; color:#222;font-family: 'Noto Sans KR', sans-serif;margin-bottom:1em; line-height:1.4; letter-spacing: -0.05em;}
.about_contents .visual_cont .visual_tit h2 b{font-weight:700;position: relative;z-index: 2; color:#0f4a9d;}
.about_contents .visual_cont .visual_tit h3{font-size:1em; font-weight:300; color:#222;font-family: 'Noto Sans KR', sans-serif; }
.about_contents .visual_cont .visual_tit h3 span{display:block;}
.about_contents .visual_cont .visual_tit h3 p{margin-bottom:20px;}
.about_contents .visual_cont .visual_tit h3 p:last-child{margin-bottom:0;}



/*.about_contents .visual_01 .visual_tit h2 em{position: relative;z-index: 2;}
.about_contents .visual_01 .visual_tit h2 em:before{content:''; width:100%; height:10px; background:#bae5f7; z-index: -1; position:absolute; left:0;bottom:2px;}*/

.about_contents .visual_01 div{width:50%;}
.about_contents .visual_01>div img{width:100%;}



.storageSwiper img{width:100%;}
.storageSwiper .swiper-button-next, .storageSwiper .swiper-rtl .swiper-button-prev{right: 0; left: auto; background: #fff; padding: 30px; color: #222; border:1px solid #d1d1d1; box-sizing:border-box;}
.storageSwiper .swiper-button-prev, .storageSwiper .swiper-rtl .swiper-button-next{left: 0; left: auto; background: #fff; padding: 30px; color: #222; border:1px solid #d1d1d1; box-sizing:border-box;}
.storageSwiper .swiper-button-next:after, .storageSwiper .swiper-button-prev:after{font-size:2em;}

.about_contents .visual_02{display:block;}
.about_contents .visual_02 .patent_cont{display:flex;align-items: center; justify-content: center; text-align: center; }
.about_contents .visual_02 .patent_cont ul{padding:7vh; width:100%; position:relative; background-color:#222; overflow:hidden; box-shadow: 12px 14px 19px rgb(34 34 34 / 16%);
	border-bottom: 6px solid #222;border-top: 6px solid #347adc;border-radius: 0 20px;}
.about_contents .visual_02 .patent_cont ul:first-child{margin-right:3em;}
.about_contents .visual_02 .patent_cont ul:first-child:before{content:''; background:url('/resource/home/img/home/102030592.jpg') center top no-repeat; background-size:cover;
	width:110%; margin:-5% 0 0 -5%; height:110%; opacity:.5; position:absolute;left:0; top:0; z-index: 1; filter: blur(10px);  -webkit-filter: blur(5px);}
.about_contents .visual_02 .patent_cont ul:last-child:before{content:''; background:url('/resource/home/img/home/100698637.jpg') center top no-repeat; background-size:cover;
	width:110%; margin:-5% 0 0 -5%; height:110%; opacity:.5; position:absolute;left:0; top:0; z-index: 1; filter: blur(10px);  -webkit-filter: blur(5px);}

.about_contents .visual_02 .patent_cont ul li{background: #fff; padding: 6vh 2vh; box-sizing: border-box; position: relative; z-index: 2;}
.about_contents .visual_02 .patent_cont ul li b{font-weight: 700; color: #222; font-size: 1.4em;}
.about_contents .visual_02 .patent_cont ul li a{padding: 4px 28px; border: 1px solid #d1d1d1;display: inline-block;margin-top:10px; font-size:.8em; color:#bdbdbd;}
.about_contents .visual_02 .patent_cont ul:hover:before{transform: scale(1.2); transition: 1s;}
.about_contents .visual_02 .patent_cont ul:not(:hover):before{transform: scale(1); transition: 1s;}

.popup_layer{display:none; z-index: 999999999; border:3px solid #222; background-color: #fff; padding: 7vh; box-sizing: border-box; max-width:900px; width:90%; box-sizing: border-box; box-shadow: 12px 14px 19px rgb(34 34 34 / 30%);}
.popup_layer .popup_cont{border-top:3px solid #222;}
.popup_layer .popup_cont ul{display:flex;align-items: center; border-bottom:1px solid #d1d1d1;padding: 10px 0;}
.popup_layer .popup_cont ul li:first-child{margin-right:10px;}
.popup_layer .popup_cont ul li img{max-width:200px; width:90%;}
.popup_layer .popup_cont ul li{color:#222;}
.popup_layer .popup_cont ul li b{display:block; font-weight:700; font-size:1.2em;}
.popup_layer .popup_cont ul li span{display:block; font-size: .8em; font-weight:300; color:#939393; margin-top:5px;}
.popup_layer .popup_btn a{position: absolute; top:10px; right:13px; color:#222; font-weight:700;}
.popup_layer .popup_btn a:after{content:'\f00d';font-family:"Font Awesome 5 Free"; font-weight:900;margin-left:3px; color:#222;}
#popup_layerBG{width:100%; height:100%; background:rgb(0 0 0 / 50%); position:fixed; top:0; left:0; z-index: 999999998; display:none;}

.about_contents .visual_03{display:block;}
.root_daum_roughmap .wrap_map{height:500px!important;}
.about_contents .visual_03 .map_txt{display:flex;justify-content: space-between; align-items: center;margin: 5vh 0; padding: 3em 0; border-top: 2px solid #347adc; border-bottom:1px solid #d1d1d1;}
.about_contents .visual_03 .map_txt  dl{display:flex;font-size:1.2em; color:#222;margin-bottom:10px;align-items: center;}
/*.about_contents .visual_03 .map_txt .add dl:first-child:before{content:'\f1b9';font-family:"Font Awesome 5 Free"; font-weight:900;margin-right:10px; color:#222;}
.about_contents .visual_03 .map_txt .add dl:nth-child(2):before{content:'\f238';font-family:"Font Awesome 5 Free"; font-weight:900;margin-right:10px; color:#222;font-size: 82%;}
.about_contents .visual_03 .map_txt .add dl:nth-child(3):before{content:'\f55e';font-family:"Font Awesome 5 Free"; font-weight:900;margin-right:10px; color:#222;font-size: 90%;}*/
.about_contents .visual_03 .map_txt .add dl dt{font-weight:700; width:320px; position:relative; margin-right:20px;}
.about_contents .visual_03 .map_txt dl dt:after{content:'｜'; position: absolute; right:0; color:#d1d1d1;}

.about_contents .visual_03 .map_txt .tel dl dt{font-weight:700; width:80px; position:relative; margin-right:20px;}


@media (max-width: 1280px){
	.about_contents .visual_cont .visual_tit h2{font-size:1.2em;}
	.about_contents .visual_cont .visual_tit h3{font-size:.8em;}
	.about_contents .visual_02 .patent_cont ul{padding:2em;}
	.about_contents .visual_02 .patent_cont ul li{padding:1em;}
	.about_contents .visual_02 .patent_cont ul li b{font-size:1em;}

	.about_contents .visual_03 .map_txt{width: 100%; display: flex; flex-direction: column; align-items: flex-start; font-size:70%;}
	.about_contents .visual_03 .map_txt .add dl dt, .about_contents .visual_03 .map_txt .tel dl dt{width:unset;}
	.about_contents .visual_03 .map_txt dl dt:after{right:unset;}
}
@media (max-width: 767px){
	.about_contents .visual_01{flex-direction: column;}
	.about_contents .visual_01 div{width:100%;}
	.about_contents .visual_cont .visual_tit h2{font-size:1.2em;}
	.about_contents .visual_cont .visual_tit h3{font-size:.8em;}
	.about_contents .visual_cont .visual_tit h3 span{display:inline;}
	.storageSwiper .swiper-button-next, .storageSwiper .swiper-rtl .swiper-button-prev{right: 0; left: auto; padding: 20px;}
	.storageSwiper .swiper-button-prev, .storageSwiper .swiper-rtl .swiper-button-next{left: 0; left: auto; padding: 20px;}
	.storageSwiper .swiper-button-next:after, .storageSwiper .swiper-button-prev:after{font-size:1em;}
	.about_contents .visual_cont .visual_tit h2 span{display:block;}
	.about_contents .visual_02 .patent_cont{flex-direction: column;}
	.about_contents .visual_02 .patent_cont ul:first-child{margin:10px 0;}
	.about_contents .visual_02 .patent_cont ul li b{font-size:1.2em;}
	.about_contents .visual_02 .patent_cont ul li{font-size:.8em;}
	.popup_layer{padding:6vh 3vh;}
	.popup_layer .popup_cont ul li b{font-size:1em;}
	.popup_layer .popup_cont ul li{font-size:.8em;}
	.root_daum_roughmap .wrap_map{height:300px!important;}

	.about_contents .visual_03 .map_txt .add dl dt span{display:none;}


}


/*service*/
.service_contents .visual_01{visibility: hidden; width:100%; position: relative;}
.service_contents .visual_cont .visual_tit{position: relative; z-index: 10;}
.service_contents .visual_cont .visual_tit h2{font-size:1.7em;font-weight:400; color:#222;font-family: 'Noto Sans KR', sans-serif;margin-bottom:1em; line-height:1.4; letter-spacing:-1px;}
.service_contents .visual_cont .visual_tit h2 b{font-weight:700;position: relative;z-index: 2; color:#0f4a9d;}
.service_contents .visual_cont .visual_tit h3{font-size:1.15em; font-weight:300; color:#222;font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.05em;}
.service_contents .visual_cont .visual_tit h3 b{font-weight:500;}
.service_contents .visual_cont .visual_tit h3 span{display:block;}
.service_contents .visual_cont .visual_tit h3 p{margin-bottom:20px;}
.service_contents .visual_cont .visual_tit h3 p:last-child{margin-bottom:0;}
/*.service_contents .visual_cont .visual_tit:before{content:''; background:url('/resource/home/img/home/service_img.png')bottom right no-repeat; position: absolute; right:0; bottom:0; width:100%; height:100%; z-index:0;background-size: contain;}
*/
.service_contents .visual_02{ display:block;}
.advantage_cont{width:100%; margin: 0 auto; display:flex;flex-wrap: wrap;border-left:1px solid #d1d1d1;border-top:4px solid #347adc;}
.advantage_cont ul{background:#fff; width: calc(100%/4);  padding:27px 30px;border-bottom:1px solid #d1d1d1;border-right:1px solid #d1d1d1; box-sizing:border-box;text-align: center; font-family: 'Noto Sans KR', sans-serif;}

.advantage_cont ul:nth-child(3n), .advantage_cont ul:nth-child(1), .advantage_cont ul:nth-child(8){background:#f5f5f5;}
.advantage_cont ul li{display: inline-block;margin-bottom: 15px}
.advantage_cont ul li img{width:80%;background:#347adc; border-radius: 15px; padding: 20px; box-sizing: border-box;}
.advantage_cont ul ol{font-size:.92em;text-align: left;}
.advantage_cont ul ol b{display:block; font-weight:600; color:#222; font-size:1.2em; margin-bottom:5px; text-align:center;}

.service_contents .visual_03{display:block;}
.plusServiceSwiper{overflow:visible!important; }
.plusServiceSwiper:before{content:'';position: absolute; left: -100%; width: 100%; background: #fff; height: 115%; z-index: 10; margin-top:-1%;}
.plusServiceSwiper .swiper-slide{padding:50px 60px 150px; background:#222; color:#fff; border-radius:20px;box-shadow: 12px 14px 19px rgb(34 34 34 / 16%); overflow: hidden; height:323px;}
.plusServiceSwiper .swiper-slide.plusService01:before{content:''; background:url('/resource/home/img/home/sms.jpg') center top 33% no-repeat; background-size:cover; width:100%; height:100%; position: absolute; top:0; left:0; opacity: .3;z-index: 1; }
.plusServiceSwiper .swiper-slide.plusService02:before{content:''; background:url('/resource/home/img/home/payment.jpg') center top no-repeat; background-size:cover; width:100%; height:100%; position: absolute; top:0; left:0; opacity: .3;z-index: 1; }
.plusServiceSwiper .swiper-slide.plusService03:before{content:''; background:url('/resource/home/img/home/design.jpg') center top no-repeat; background-size:cover; width:100%; height:100%; position: absolute; top:0; left:0; opacity: .3;z-index: 1; }

.plusServiceSwiper .swiper-slide h2{font-size:1.7em; margin-bottom:10px; font-weight:700; position: relative; z-index: 10;}
.plusServiceSwiper .swiper-slide h3{font-size:1em; font-weight:300; position: relative; z-index: 10;}

.plusServiceSwiper .swiper_btn{width: 106px; position: relative; float: right; left: -25%;}
.plusServiceSwiper .swiper-button-next, .plusServiceSwiper .swiper-button-prev{top:auto; bottom:20px;background: #fff; padding: 10px 20px; opacity: .2;}
.plusServiceSwiper .swiper-button-next:after, .plusServiceSwiper .swiper-button-prev:after, .plusServiceSwiper .swiper-button-next:after, .plusServiceSwiper .swiper-button-prev:after{font-size:1.7em; color:#222;}

.po p{display:flex; font-weight:400;}
.po p:before{content:'\f002';font-family:"Font Awesome 5 Free"; font-weight:900;margin-right:10px; color:#347adc;}
.plat_url{width:95%; margin:0 auto; text-align:center;}
.plat_url th{text-align: center; vertical-align: middle; border: 1px solid #d1d1d1; padding: 7px; background: #f2f2f2; font-weight: 500; color: #222;}
.plat_url td{text-align: center; vertical-align: middle; border: 1px solid #d1d1d1; padding: 7px; background: #fff; color:#222;}
.plat_url td a{padding: 2px 10px 1px; background: #f5f5f5; border-radius: 100px; border: 1px solid #d1d1d1; font-size: 80%; margin-left: 5px;}
.service_contents .visual_cont .visual_tit h3 .sb{margin-bottom:20px; display:flex;}
.service_contents .visual_cont .visual_tit h3 .sb:before{content:'\2b';font-family:"Font Awesome 5 Free"; font-weight:900;margin-right:10px; margin-left:5px; color:#222;}

@media (max-width: 1280px){
	.advantage_cont ul{width:calc(100%/3);}
	.advantage_cont ul:nth-child(3n), .advantage_cont ul:nth-child(1), .advantage_cont ul:nth-child(8){background:#fff;}
	.advantage_cont ul:nth-child(2n){background:#f5f5f5;}
}
@media (max-width: 767px){
	.service_contents .visual_01{flex-direction: column;}
	.service_contents .visual_01 div{width:100%;}
	.service_contents .visual_cont .visual_tit h2{font-size:1.2em;}
	.service_contents .visual_cont .visual_tit h3{font-size:1em;}
	.service_contents .visual_cont .visual_tit h3 span{display:inline;}

	.advantage_cont ul{width:calc(100%/2); padding:15px;}
	.advantage_cont ul:nth-child(3n), .advantage_cont ul:nth-child(1), .advantage_cont ul:nth-child(8), .advantage_cont ul:nth-child(2n){background:#fff;}
	.advantage_cont ul:nth-child(1), .advantage_cont ul:nth-child(4), .advantage_cont ul:nth-child(5), .advantage_cont ul:nth-child(8), .advantage_cont ul:nth-child(9){background:#f5f5f5;}
	.advantage_cont ul ol{font-size:.8em;}
	.advantage_cont ul li img{width:70%; padding:10px;}
	.plusServiceSwiper .swiper-slide{padding:20px 20px 70px;}
	.plusServiceSwiper .swiper-slide h2{font-size:1.2em;}
	.plusServiceSwiper .swiper-slide h3{font-size:.8em;}
	.plusServiceSwiper .swiper_btn{left:-20%;}
	.plusServiceSwiper .swiper_btn{width:85px;}
	.plusServiceSwiper .swiper-button-next, .plusServiceSwiper .swiper-button-prev{padding:3px 15px;}
	.plusServiceSwiper .swiper-button-next:after, .plusServiceSwiper .swiper-button-prev:after, .plusServiceSwiper .swiper-button-next:after, .plusServiceSwiper .swiper-button-prev:after{font-size:1.2em; color:#222;}
	.plat_url td a{display:block;}
}





/*플랫폼안내 */
.content_slider{background:#3d4a6d; width:100%; position:relative; }
.platformSwiper{width:100%; /*max-width:1200px; */margin:0 auto; height:43vh;}
.platformSwiper .swiper-wrapper .swiper-slide{width:100%; height: 100%;position: relative; overflow:hidden;}
.platformSwiper .swiper-wrapper .swiper-slide .slide_txt{width:1200px;margin:0 auto;height:100%; position: relative; z-index: 10; color:#fff;font-size:3em; line-height:1.3; word-break: keep-all; padding-top: 10vh; font-family: 'Noto Sans KR', sans-serif; font-weight:300;letter-spacing:-1px;}
.platformSwiper .swiper-wrapper .swiper-slide .slide_txt:before{content:'';}
/*.platformSwiper .swiper-wrapper .swiper-slide.tit01{background-color:#25387c;}
.platformSwiper .swiper-wrapper .swiper-slide.tit02{background-color:#1d5370;}
.platformSwiper .swiper-wrapper .swiper-slide.tit03{background-color:#8a5bdf;}
.platformSwiper .swiper-wrapper .swiper-slide.tit04{background-color:#e54d6c}*/
.platformSwiper .swiper-wrapper .swiper-slide.tit01 .slide_txt img{position: absolute; bottom:0; right:7%; max-width: 456px; width: 70%; z-index: -1;}
.platformSwiper .swiper-wrapper .swiper-slide.tit02 .slide_txt img{position: absolute; bottom:0; right:-10%; max-width: 785px; width: 100%; z-index: -1;}
.platformSwiper .swiper-wrapper .swiper-slide.tit03 .slide_txt img{position: absolute; bottom:0; right:3%; max-width: 576px; width: 100%; z-index: -1;}
.platformSwiper .swiper-wrapper .swiper-slide.tit04 .slide_txt img{position: absolute; bottom:0; right:7%; max-width: 610px; width: 100%; z-index: -1;}
.platformSwiper .swiper-wrapper .swiper-slide.tit05 .slide_txt img{position: absolute; bottom:0; right:3%; max-width: 512px; width: 100%; z-index: -1;}


.platformSwiper .swiper-wrapper .swiper-slide .slide_txt b{font-weight:700;color: #3cffff;}
.platformSwiper .swiper-wrapper .swiper-slide .slide_txt span{display:block;}
.platformSwiper .swiper-wrapper .swiper-slide .slide_txt em{font-size:1em;}
.platformSwiper .swiper-button-next, .platformSwiper .swiper-rtl .swiper-button-prev{right: 0; left: auto; padding: 30px; background: #161c2e; opacity: .5;}
.platformSwiper .swiper-button-prev, .platformSwiper .swiper-rtl .swiper-button-next{left: 0; right: auto; padding: 30px; background: #161c2e; opacity: .5;}
.platformSwiper .swiper-button-prev:after, .platformSwiper .swiper-rtl .swiper-button-next:after, .platformSwiper .swiper-button-next:after, .platformSwiper .swiper-rtl .swiper-button-prev:after{color: #3d4a6d;}
.platformSwiper .swiper-pagination{z-index: 999;}
.platformSwiper .swiper-pagination-bullet{opacity: 1;}
.platformSwiper .swiper-pagination-bullet-active{background:#fff;width: 50px; border-radius: 50px;}

.platform_contents .visual_01{width:100%; position: relative;visibility: hidden;}
.platform_contents .visual_cont .visual_tit{position: relative; z-index: 10;}
.platform_contents .visual_cont .visual_tit h2{font-size:1.7em;font-weight:400; color:#222;font-family: 'Noto Sans KR', sans-serif;margin-bottom:1em; line-height:1.4; letter-spacing:-1px;}
.platform_contents .platformType:first-child .visual_cont:first-child .visual_tit h2:before{content:'01'; display:block;font-weight: 900; font-size: 2em; color: #0f4a9d;font-family: 'Roboto', sans-serif;}
.platform_contents .platformType:nth-child(2) .visual_cont:first-child .visual_tit h2:before{content:'02'; display:block;font-weight: 900; font-size: 2em; color: #0f4a9d;font-family: 'Roboto', sans-serif;}
.platform_contents .platformType:nth-child(3) .visual_cont:first-child .visual_tit h2:before{content:'03'; display:block;font-weight: 900; font-size: 2em; color: #0f4a9d;font-family: 'Roboto', sans-serif;}
.platform_contents .platformType:nth-child(4) .visual_cont:first-child .visual_tit h2:before{content:'04'; display:block;font-weight: 900; font-size: 2em; color: #0f4a9d;font-family: 'Roboto', sans-serif;}
.platform_contents .platformType:nth-child(5) .visual_cont:first-child .visual_tit h2:before{content:'05'; display:block;font-weight: 900; font-size: 2em; color: #0f4a9d;font-family: 'Roboto', sans-serif;}

.platformType .faq_cont .faq_box li:nth-child(2n+0){background:#fff;}
.platformType .faq_cont .faq_box li .faq_question p{font-weight:500;}
.platformType .faq_cont .faq_box li .faq_question p:before{color:#222;}
.platformType .faq_cont .faq_box li .faq_answer p{font-weight:400;}
.platformType .cont_form{border-top:2px solid #222;}

.platform_contents .visual_cont .visual_tit h2 b{font-weight:700;position: relative;z-index: 2; color:#222;}
.platform_contents .visual_cont .visual_tit h3{font-size:1.15em; font-weight:300; color:#222;font-family: 'Noto Sans KR', sans-serif; letter-spacing:-1px; }
.platform_contents .visual_cont .visual_tit h3 b{font-weight:500;}
.platform_contents .visual_cont .visual_tit h3 span{display:block;}
.platform_contents .visual_cont .visual_tit h3 p{margin-bottom:20px;display: flex; font-weight:400;}
.platform_contents .visual_cont .visual_tit h3 p:last-child{margin-bottom:0;}
.platform_contents .visual_cont .visual_tit h3 p:before{content:'\f002';font-family:"Font Awesome 5 Free"; font-weight:900;margin-right:10px; color:#347adc;}

.platform_contents .visual_cont .visual_tit.sub_cont{padding: 3em 4em; background: #f7f7f7;word-break: break-all;text-align: justify;border-radius: 20px;}
.platform_contents .visual_cont .visual_tit.sub_cont h2{display: flex; align-items: center;font-size:1.2em;}
.platform_contents .visual_cont .visual_tit.sub_cont h2:before{content: '\f0c6';font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 10px;color: #222;font-size: 67%;}
.platform_contents .visual_cont .visual_tit.sub_cont h3 p{font-weight:300;font-size: 100%;}
.platform_contents .visual_cont .visual_tit.sub_cont h3 p:before{content: '\2b';font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 10px;color: #222;}
.platform_contents .visual_cont .visual_tit.sub_cont summary{text-align: center; padding: 1em; border: 1px solid #d1d1d1;  margin: 3em 0 1em; cursor: pointer; color: #222; font-weight: 400; border-radius: 20px;}
.platform_contents .visual_cont .visual_tit.sub_cont summary:before{content: '\2b';font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 10px;color: #222;}

.platform_contents .visual_02{display:block;}

.platform_contents .visual_box{display:flex;}
.platform_contents .visual_box li{width:100%; position:relative; z-index:10; margin-right:20px; text-align: center; background: #f1f1f1; padding: 2em 0; border-radius: 15px; font-size: 1.3em; font-weight:700;  color: #222; overflow:hidden;  display: flex; flex-direction: column; align-items: center; justify-content: center;}
.platform_contents .visual_box li:last-child{margin-right:0;}


.platformType_cont{margin-top:10vh;}
.platformType_cont .Type_form{width:100%; text-align:center;}
.platformType_cont .Type_form .form_inline{position:relative; display:flex;}
.platformType_cont .Type_form .form_inline>div{width:100%; padding:1em; font-size:1.4em;background:#347adc;margin-left:10px; border:1px solid #347adc;border-radius: 15px 15px 0 0; color:#fff; font-weight:700;box-shadow: 4px 5px 19px rgb(34 34 34 / 10%);}
.platformType_cont .Type_form .form_inline>div:first-child{background:none;margin-left:0; border:none; box-shadow:none;}
.platformType_cont .Type_form .form_inline .type_label{display: flex; align-items: center;width:100%;border-bottom: 1px solid #d1d1d1;box-sizing:border-box; font-weight:700;color:#222;}
.platformType_cont .Type_form .form_inline .type_label div{width:100%; font-size:1.2em;  padding:1em;}
.platformType_cont .Type_form .form_inline .type_label div.type_price{border-right:1px solid #d1d1d1; border-left:1px solid #d1d1d1; margin-left:10px; box-shadow: 4px 5px 19px rgb(34 34 34 / 10%); background:#fff;}
.platformType_cont .Type_form .form_inline .type_label div.type_name{font-weight:700; color:#222;letter-spacing: -2px; white-space: nowrap;overflow: hidden;}
.platformType_cont .Type_form .form_btn{display:flex; justify-content: flex-end; margin-top:20px;}
.platformType_cont .Type_form .form_btn a{width:66.6%; display:block; background:#222; color:#fff;padding: 25px; font-size: 1.6em; font-weight: 700; border-radius: 15px;box-shadow: 4px 5px 19px rgb(34 34 34 / 10%);}
.platformType_cont .Type_form .form_btn a:after{content:'\f054';font-family:"Font Awesome 5 Free"; font-weight:900;margin-left:10px;}
.type_label::before{content:''; width: 1.2em; height: 1.2em; background: #ffffff; border: 1px solid #d1d1d1; position: absolute; left:10px;}
.type_label::before{border-radius: 50%;}
.type_radio{display: none;}
.type_radio:checked + .type_label::before{background: #0f4a9d; border: 1px solid #0f4a9d;}
.type_radio:checked + .type_label{border-bottom: 1px solid #0f4a9d!important; background: #f5f5f5; transition: .5s ease-out;}
.type_radio:checked + .type_label div.type_price{background:#e4eefb!important; transition: .5s ease-out;}

@media (max-width: 1280px){
	.platformType_cont .Type_form .form_inline>div, .platformType_cont .Type_form .form_inline .type_label div, .platformType_cont .Type_form .form_btn a{font-size:1.2em;}
	.platformSwiper .swiper-wrapper .swiper-slide .slide_txt{width:80%;padding-top:5vh;}
	.platformSwiper .swiper-wrapper .swiper-slide .slide_txt img{opacity: .5;}
	.platformSwiper .swiper-wrapper .swiper-slide.tit01 .slide_txt img{right: -10%!important;bottom: -5%;width:85%;}
	.platformSwiper .swiper-wrapper .swiper-slide.tit02 .slide_txt img{right: -20%!important; width:85%!important;}
	.platformSwiper .swiper-wrapper .swiper-slide.tit03 .slide_txt img{right: -10%!important; width:70%;}
	.platformSwiper .swiper-wrapper .swiper-slide.tit04 .slide_txt img{right: -10%!important; width:70%;}
	.platformSwiper .swiper-wrapper .swiper-slide.tit05 .slide_txt img{right: -10%!important; width:70%;}

	.platform_contents .visual_cont .visual_tit.sub_cont{padding: 2em 2.2em;}
	.platform_contents .visual_cont .visual_tit.sub_cont summary{margin: 2em 0 1em;}
}
@media (max-width: 767px){
	.platform_contents{font-size:90%;}
	.platform_contents .visual_cont .visual_tit h2{font-size:1.2em;}
	.platform_contents .visual_cont .visual_tit h3{font-size:1em;}
	.platformSwiper{height:35vh!important;}
	.platformSwiper .swiper-wrapper .swiper-slide .slide_txt{width:90%; font-size:2em; padding-top:5vh;}
	.platformSwiper .swiper-wrapper .swiper-slide .slide_txt span{display:inline;}
	.platformSwiper .swiper_btn{display:none;}
	.platformSwiper .swiper-pagination{text-align:right;}
	.platformSwiper .swiper-horizontal>.swiper-pagination-bullets, .platformSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .platformSwiper .swiper-pagination-custom, .platformSwiper .swiper-pagination-fraction{width:95%; margin:0 auto;}

	.platformSwiper .swiper-wrapper .swiper-slide.tit01 .slide_txt img{right:0!important;width:60%;}
	.platform_contents .visual_box{flex-wrap: wrap;justify-content: center;}
	.platform_contents .visual_box li{width:calc(100%/3); margin:0; font-size:1em;border: 5px solid #fff;}
	.platformType_cont{width:110%; padding-bottom: 2em;padding-right: 5em;}
	.platformType_cont .Type_form{min-width: 600px;margin-right:5em;}
	.platformType_cont .Type_form .form_inline .type_label div{padding:1em 0;}
	.platformType_cont .Type_form .form_btn{margin-top:10px;}
	.platformType_cont .Type_form .form_btn a{padding:15px; border-radius:5px;}
	.platformType_cont .Type_form .form_inline .type_label div.type_price, .platformType_cont .Type_form .form_inline>div{margin-left:3px;}
	.platformType_cont .Type_form .form_inline>div, .platformType_cont .Type_form .form_inline .type_label div, .platformType_cont .Type_form .form_btn a{font-size:1em;}

	.platform_contents .visual_cont .visual_tit.sub_cont{font-size: 90%;padding: 1.25em;}
	.platform_contents .visual_cont .visual_tit.sub_cont summary{margin:1em 0; padding: 0.5em;font-size: 1em;}
}
@media (max-width: 400px){
	.platformSwiper .swiper-wrapper .swiper-slide .slide_txt{font-size: 1.5em;}
	.platformSwiper .swiper-wrapper .swiper-slide .slide_txt span{display:inline;}
}


/*마이페이지 */
.tab_container{}
.tab_container>ul{display:flex;}
.tab_container>ul>li{width:200px; text-align:center; padding: 15px 0; background: #464646; color: #fff; cursor: pointer; position: relative; margin-right:2px;}
.tab_container>ul>li:after{content: ''; background: rgb(34,34,34); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(34,34,34,1) 100%);
    width: 100%; height: 23%; position: absolute; bottom: 0; left:0; opacity: 1;}
/*.tab_container>ul>li:first-child{margin-right:10px;}*/
.tab_container>ul>li.tab_on{background:#fff; color:#222; border:1px solid #d1d1d1;}
.tab_container>ul>li.tab_on:after{display:none;}
.tab_container .tab_box{ padding:4em 0; box-sizing:border-box;}
.tab_container .tab_box .tab_content{display:none;}
.tab_container .tab_box .tab_content.cont_on{display:block;}
.tab_container .tab_box .tab_content h2{font-size:2.5em; color:#222;line-height:1.2;position: relative; }
.tab_container .tab_box .tab_content h2 b{font-weight:700;}
.tab_container .tab_box .tab_content h3{color:#222; margin-top:10px;}
.tab_container .tab_box .tab_content h3 b{font-weight:700;text-decoration: underline; color:#347adc;}
.tab_container .tab_box .tab_content h3 span{display:block;}
.user_form{display:flex; flex-wrap: wrap; margin-top:50px; color:#222;}
.user_form dl{display: flex; justify-content: space-between; padding:10px 0;}
.user_form dl dt{width:200px; font-weight:600;display: flex;}
.user_form dl dt:before{content:'\f00c';font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:10px;font-size: 66%;margin-top: 4px;}
.user_form dl dd{width:calc(100% - 200px); text-align:left; display: flex;}
.user_form dl dd:before{content:'｜'; margin-right:10px; color:#e5e5e5;}
.box50{width:50%;}
.box100{width:100%;}
.br{margin-top:50px;border-top: 2px dotted #d1d1d1; padding-top: 50px!important}
.subtit{margin:50px 0 10px;color:#222; font-weight:600; position: relative;}
.subtit b{font-weight:800;color: #347adc;}
.subtit b:after{content:'｜'; margin:0 5px; color:#e5e5e5;}
.date_form{width:100%;  display:flex; align-items: flex-end;}
.date_form .form_inline{width:100%;position: relative; text-align:center; margin: 5px;box-shadow: 4px 5px 19px rgb(34 34 34 / 10%);border-radius: 15px;background: #fff;min-width: 150px;}
.date_form .form_inline div{padding:10px 0; }
.date_form .form_inline label{ padding: 20px 0; border-radius: 15px;  border: 2px solid #d1d1d1;}
.date_form .form_inline.noline{box-shadow:none;background:none; min-width:80px;max-width: 150px;}
.date_form .form_inline.noline label{border:none;cursor:default;}
.date_form .form_inline.noline label>div{font-weight:600; color:#222;}
.date_form .form_inline label .date_name{font-weight:600;}
.date_form .form_inline label .date_price{width:100%;}
.date_form .form_inline label .date_price:nth-child(3){border-bottom: 2px dotted #d1d1d1;}
.date_form .form_inline label .date_price:nth-child(2){text-decoration:line-through;}
.date_form .form_inline label .date_price:last-child{font-weight:800; color:#000;}
.date_label{display: flex;flex-direction: column; align-items: center;}
.date_label::before{content:''; width: 1em; height: 1em; background: #ffffff; border: 1px solid #d1d1d1; }
.date_label::before{border-radius: 50%;}
.date_radio{display: none;}
.date_radio:checked + .date_label::before{background: #347adc;}
.date_radio:checked + .date_label{border:2px solid #222;  transition: .5s ease-out;}
.date_radio:checked + .date_label>div{color:#222;}
.total_price{font-size:1.5em; text-align:right; margin-top:30px; font-weight:700; color:#222;}

.pay_form details summary{text-align: center; cursor: pointer; padding: 7px;  font-size: 90%; font-weight: 500; color: #afafaf;}


.cont_form{background: #f9f9f9; border-top: 2px solid #347adc; border-bottom: 1px solid #d1d1d1; padding:2em 0; overflow:hidden;}

.cont_form table.style01{width:100%;}
.cont_form table.style01 tr{border-bottom: 1px solid #d1d1d1;}
.cont_form table.style01 tr:last-child{border-bottom:none;}
.cont_form table.style01 th{padding:10px 15px; box-sizing:border-box; background:#f9f9f9;vertical-align: middle; color:#222;font-weight:600;font-size:.9em;}
.cont_form table.style01 td{padding:10px 15px; box-sizing:border-box;font-size:.9em;vertical-align: middle;background:#fff;}
.cont_form table.style01 .label_design.agree{display:flex; align-items: flex-start;}
.cont_form table.style01 .label_design.agree p{margin-left:5px;}
.cont_form table.style01 .label_design.agree p span{display: block;}
.cont_form table.style01 .subtxt{color:#b1b1b1; font-size:.8em;}
.cont_form input[type="text"], .cont_form textarea,  .cont_form input[type="password"], .cont_form select	{padding: 5px 10px;font-size:.9em}
.cont_form select	{width:unset;}



.cont_form select{padding:6px 10px;}
.cont_form .filebox .upload-name{display: inline-block; padding: 5px 10px; vertical-align: middle; border: 1px solid #d1d1d1; color: #666;min-width:220px;}
.cont_form .filebox label {display: inline-block; padding: 5px 10px; color: #fff; vertical-align: middle; background-color: #347adc; cursor: pointer;}
.cont_form .filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}

.cont_form table.style01 td .pay_select input{display:none;}
.cont_form table.style01 td .pay_select li{display: inline-block;}
.cont_form table.style01 td .pay_select li label span{display:block; background:#347adc;border: 1px solid #347adc;padding: 10px 0; width:120px;  text-align:center; color: #fff;}
.cont_form table.style01 td .pay_select input:checked + .lineup{background:#fff; color:#347adc;border: 1px solid #347adc; box-sizing: border-box;}
.paybtn{text-align:center; margin-top:30px;}
.paybtn .btn_confirm_cs{background: #347adc;margin-right: 0; width: 100%; max-width: 600px; border: none; padding: 1.2em; font-weight: 700; font-size: 1.2em; border-radius: 10px;}
.paybtn .btn_confirm_cs:hover{transition: .3s; background: #1d57a7;}
.paybtn .btn_confirm_cs:not(:hover){transition: .3s; background: #347adc;}


@media (max-width: 1280px){
	.mypage_contents{font-size:85%;}
	.user_form dl dt{width:30%;}
	.user_form dl dd{width:70%;}
}
@media (max-width: 767px){
	.mypage_contents{font-size:85%;}
	.tab_container>ul{width: 70%;}
	.user_form, .br{margin-top:20px;}
	.user_form dl dt{width:30%;}
	.user_form dl dd{width:70%;}
	.box50{width:100%;}
	.cont_form table.style01 th span{display:block;}
	.cont_form table.style01 th{padding:10px 5px; width:20%; text-align:center;}
	.cont_form table.style01 td{padding:10px; width:80%;}
	.cont_form table.style01 td .pay_select li label span{width: 80px;}

	.cont_form input[type="text"], .cont_form textarea, .cont_form input[type="password"], .cont_form select{width:100%;}
	.cont_form input[type="checkbox"], .cont_form input[type="radio"]{vertical-align: sub;}
	.cont_form input[type="checkbox"], .cont_form input[type="radio"]{margin-left:5px;margin-right:3px; vertical-align: top;}
	.cont_form input[type="text"], .cont_form textarea, .cont_form  input[type="password"],
	.cont_form select, .cont_form .filebox .upload-name{min-width: unset;}
	.paybtn .btn_confirm_cs{font-size:1em; padding:1em;}
}


/*승인신청*/
.cont_form .partner_svc, .apply_contents .cont_form .join_container{padding:0; margin:0 auto;}
.apply_contents .cont_form .partner_svc input[type="text"], .apply_contents .cont_form .partner_svc textarea, .partner_svc input[type="password"]{color:#c5c5c5; font-weight:300;}


.modifyBtn{font-size:12px; color:#c3c3c3; margin-left:10px;}
.modifyBtn:before{content:'\f013';font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:3px; font-size: 100%;}
.modifyBtn:hover{color:#c3c3c3;}

.cont_form table.style02{width:100%; margin:0 auto;}
.cont_form table.style02 th{text-align:center; vertical-align:middle; border:1px solid #d1d1d1; padding:7px; background: #f2f2f2; font-weight:500; color:#222; }
.cont_form table.style02 td{text-align:center; vertical-align:middle; border:1px solid #d1d1d1; padding:7px; background: #fff;}
.cont_form .pricelist table.style02{min-width:800px; font-size: .9em;}

.cont_form .subtt{margin-top:30px; margin-bottom:5px; color:#222; font-size:.9em; font-weight:600;}
.cont_form .subtt:first-child{margin-top:0;}
.cont_form .subtt:before{content:'\f002';font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:5px; font-size: 75%;}
.cont_form .subtt span{font-weight:300; color:#555;}
.cont_form .subtt.ps{color:#d54848;}
.cont_form .subtt.ps:before{content:'\f05a';font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:5px; font-size: 100%;}
.cont_form .pricelist table.style02 .totalbg td{background: #347adc; border: 1px solid #1250a7; font-weight: 500; padding: 14px 5px;color: #fff;}
.cont_form .pricelist table.style02 .lineThrough td{text-decoration:line-through;}
.cont_form table.style02 .total th{background: #347adc; color:#fff; border: 1px solid #1250a7;}
.cont_form table.style02 .total td{font-weight: 700; color:#222;}
.cont_form table.style02 .total1 td{background:#f5f5f5;}
.cont_form table.style02 .total2 td{background:#ededed;}
.cont_form table.style02 .total3 td{background:#e5e5e5;}
.cont_form table.style02 .total1 th, .cont_form table.style02 .total1 td{border-top:2px solid #347adc;}
.cont_form table.style02 .total1 th:first-child{border-left:2px solid #347adc; border-bottom:2px solid #347adc;}
.cont_form table.style02 .total td:last-child{border-right:2px solid #347adc;}
.cont_form table.style02 .total3 th, .cont_form table.style02 .total3 td{border-bottom:2px solid #347adc;}

.estimate{display:flex;justify-content: space-between;text-align: center;}
.estimate li span{display:block; font-weight:700; font-size:130%; }
.estimate li{width: 100%; padding: 2em;font-weight: 400; position: relative;display: flex;align-items: center; justify-content: center;flex-direction: column; color:#222;}
.estimate li:first-child:after{content:'\2b';font-family:"Font Awesome 5 Free"; font-weight:900; position: absolute; right:0px;font-size: 140%; color:#222;}
.estimate li:nth-child(2):after{content:'\3d';font-family:"Font Awesome 5 Free"; font-weight:900; position: absolute; right:0px;font-size: 140%; color:#222;}
.estimate li:last-child{margin-left:60px; background: #fff; color: #222; border-radius:10px;  font-weight: 700; border:1px solid #d1d1d1; font-size:120%; }


@media (max-width: 1280px){
	.apply_contents{font-size:85%;}
}
@media (max-width: 767px){
	.apply_contents{font-size:85%;}
	.cont_form .pricelist{width: calc(100% + 1em); padding-right:1em;}
	.estimate{font-size:80%;}
	.estimate li{padding:10px;}
	.estimate li:first-child:after{right:-6px;}
	.estimate li:last-child{margin-left:10px;}
}


/*고객센터*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.customer_contents .cont_form.bkline{border-top:2px solid #222;}
.faq_cont .faq_box li{padding:1em;border-bottom: 1px solid #d1d1d1;cursor: pointer;}
.faq_cont .faq_box li:last-child{border-bottom:none;}
.faq_cont .faq_box li .faq_question{display: flex; justify-content: space-between;}
.faq_cont .faq_box li .faq_question p{font-weight:400; color:#222; display:flex; }
.faq_cont .faq_box li .faq_question p:before{content:'Q'; margin-right:10px; font-weight:800; color:#347adc;font-family: 'Raleway', sans-serif;}
.faq_cont .faq_box li .faq_question:after {content:'\f078';font-family:"Font Awesome 5 Free"; font-weight:900;margin-left: 10px;}
.faq_cont .faq_box li .faq_answer{display:none; padding-top:1em;border-top: 2px dotted #d1d1d1; margin-top: 0.7em;text-align: justify; word-break: break-all;}
.faq_cont .faq_box li .faq_answer p{display:flex;font-weight: 300;}
.faq_cont .faq_box li .faq_answer p:before{content:'A'; margin-right:10px; font-weight:800; color:#222;font-family: 'Raleway', sans-serif;}
.faq_cont .faq_box li.faq_on{background:#f9f9f9;}
.faq_cont .faq_box li.faq_on .faq_question:after {content:'\f077';font-family:"Font Awesome 5 Free"; font-weight:900; margin-left: 5px;}
.counselform textarea{height:160px;}
.counselform input[type="text"]{margin-bottom:10px;}
.counselform .btn_confirm_cs{max-width:100%!important;}
.callcenter{background:#222; position: relative; overflow:hidden;border-radius: 20px;}
.callcenter:before{content:''; background: url('/resource/home/img/home/customer.jpg')center center no-repeat; background-size: cover; opacity:.15; width:100%; height:100%; position: absolute;  top: 0; left: 0;}
.callcenter .callcenter_box{display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3em; position: relative; z-index: 10; height:100%; color:#fff; font-weight:300;}
.callcenter .callcenter_box a{font-size:2em; color:#fff; font-weight:800;}
.callcenter .callcenter_box h1{padding: 2px 10px; border: 1px solid #fff;margin-bottom: 5px; font-size: .8em;letter-spacing: 1px;}
.callcenter .callcenter_box h3, .callcenter .callcenter_box h4{font-size: .8em;}
@media (max-width: 767px){
	.customer_contents{font-size:85%;}
	.counselform{width:100%!important; margin-right:0;}
	.callcenter{width:100%!important; margin-right:0; margin-top:20px;}
}




/*친구처럼~ 페이지*/
	.sidejob_contents{font-family: 'Roboto', 'Noto Sans KR' , sans-serif;}
	.sidejob_top{width:100%; background:url('/resource/home/img/home/sidejob_titBG2.jpg')center top no-repeat; background-size: cover; background-color:#fff; }
	.sidejob_tit{width: 100%; max-width:1200px; margin:0 auto; position: relative;  display:flex;}

	.sidejob_tit .txt_cont{color:#fff; width:90%;margin:0 auto;  position: relative; z-index: 10;padding:7em 0; }
	.sidejob_tit .txt_cont h2{font-weight:700; letter-spacing:-0.05em; visibility: hidden; }
	.sidejob_tit .txt_cont h3{font-weight:300;  letter-spacing:-0.05em; visibility: hidden; }
	.sidejob_tit .txt_cont h4{font-weight:700;  letter-spacing:-0.05em; visibility: hidden; }
	.sidejob_tit .txt_cont em{color:#d7ff3d;}
	.sidejob_tit .txt_cont span{display:block;}
	.sidejob_tit .txt_cont .ex{display:flex;}
	.sidejob_tit .txt_cont .ex:before{content:'\2b'; font-family:"Font Awesome 5 Free"; font-weight:900; margin-right: 5px;}
	.sidejob_tit img{visibility: hidden;}
	.sidejob_tit img.img1{position: absolute; right:-2em; bottom:-10em; max-width: 721px; width: 70%;}
	.sidejob_tit img.img2{position: absolute; right:0em; bottom:-5px; max-width: 637px; width: 70%;}
	.sidejob_tit img.img3{position: absolute; right:-2em; bottom:-2em; max-width: 600px; width: 70%;}


	.sidejob_mid{text-align:center;width:90%;max-width:1200px; margin:0 auto; }
	.midtit{font-weight:700; color:#222; position: relative; z-index: 10;letter-spacing:-1.2px; display:inline-block;}
	.midtit:before{content:''; background:url('/resource/home/img/home/mro.png');width: 69px; height: 100%; position: absolute; left: -4%; top: -50%;  background-size: contain;  background-repeat: no-repeat;}
	.nope{font-weight:800; color: #347adc;background:url('/resource/home/img/home/x.png')center center no-repeat; background-size: contain; padding:.1em 0;}
	.midtxt{word-break: keep-all;}
	.midtxt span{display:block;}
	.midtxt p{letter-spacing:-.7px;font-weight:300;}

	.midsubtit{font-weight:400; color:#222; position: relative; z-index: 10;letter-spacing:-1.2px; display:inline-block;}
	.midsubtit b{font-weight:800;}
	.midsubtit:before{content:'｜'; margin-right:20px;}
	.midsubtit:after{content:'｜'; margin-left:20px;}

	.nope_container{width:90%; max-width:1000px; margin:0 auto;}
	.nope_container ul{display:flex; align-items: center; margin:10% auto;}
	.nope_container ul li:first-child{width:50%; max-width:460px;}
	.nope_container ul li:last-child{width:50%; margin-left:10%; text-align:left;}
	.nope_container ul li .nope_img{overflow:hidden;border-radius: 10%; background: #222; box-shadow: 12px 14px 19px rgb(34 34 34 / 20%); position: relative;display:flex;align-items: center;justify-content: center;}
	.nope_container ul li .nope_img img{width:100%; opacity: .5;}
	.nope_container ul li .nope_img:before{content:'';background:url('/resource/home/img/home/x.png')center center no-repeat; width:73%; height:100%; position: absolute; z-index: 9; background-size:contain;}

	.nope_container ul li .nope_tit{font-size:2.8em; line-height:1.2; font-weight:700; letter-spacing:-2px; color:#222;margin-bottom: 5%;word-break: keep-all;}
	.nope_container ul li .nope_tit em{display:block;font-size:200%;}
	.nope_container ul li .nope_txt{word-break: keep-all;letter-spacing: -.7px; color: #b4b4b4;}

	.sidejob_bottom{width:100%; background-color:#f5f5f5; padding:7em 0; text-align:center; position:relative; overflow:hidden;}
	.sidejob_bottom.money:after{content:'';background:url('/resource/home/img/home/money1.png')center center no-repeat; background-size:contain; position:absolute; width:578px; height:328px; bottom:-1em; left:0; z-index: 9;}

	.sidejob_bottom .bottomtit{font-weight:300; color:#222; margin-bottom:30px; letter-spacing:-2px; line-height:1.35;}
	.sidejob_bottom .bottomtit b{font-weight:800;}


	.nope_slider{width:90%; max-width:1000px; margin:0 auto; position: relative;}
	.nope_slider:before{content:''; background:url('/resource/home/img/home/slider_icon.png')center center no-repeat;background-size:contain; position:absolute; width:132px; height:111px; top:-50px; left:-27px; z-index: 99;}


	.nope_slider .nopeSwiper{background:#fff;border-radius:50px; width:100%; box-shadow: 12px 14px 19px rgb(199 199 199 / 20%);}
	.nope_slider .nopeSwiper .swiper-slide{padding:4.7em;}
	.nope_slider .nopeSwiper .swiper-slide .slide_txt{text-align:justify; font-weight:300; color:#222; line-height:1.7;letter-spacing: -0.05em; }
	.nope_slider .nopeSwiper .swiper-slide .slide_txt p{margin:1em auto; display: flex;}
	.nope_slider .nopeSwiper .swiper-slide .slide_txt b{font-weight:700; margin-right:10px;}
	.nope_slider .swiper-button-next, .nope_slider .swiper-rtl .swiper-button-prev,
	.nope_slider .swiper-button-prev, .nope_slider .swiper-rtl .swiper-button-next{color:#222;}
	.nope_slider .swiper-button-prev, .nope_slider .swiper-rtl .swiper-button-next{left:20px;}
	.nope_slider .swiper-button-next, .nope_slider .swiper-rtl .swiper-button-prev{right:20px;}
	.nope_slider .swiper-button-prev:after, .nope_slider .swiper-rtl .swiper-button-next:after, .nope_slider .swiper-button-next:after, .nope_slider .swiper-rtl .swiper-button-prev:after{font-size:2em;}

	.bottombtn a{font-weight:800; color:#fff; background:#222; padding:20px 100px; border-radius:100px; box-shadow: 4px 8px 14px rgb(118 118 118 / 25%);letter-spacing: -1.5px; z-index: 999; position:relative;}
	.bottombtn a:hover{background:#347adc; transition: .5s; }
	.bottombtn a:not(:hover){background:#222;color: #fff; transition: .5s; }


	.midtit2{font-weight:300; color:#222; line-height:1.2; letter-spacing: -0.05em;}
	.midtit2 b{font-weight:800;}
	.qna{width:90%; max-width:1040px; margin:0px auto; text-align:left; color:#222;letter-spacing: -0.02em;  line-height:1.2; counter-reset: var-count;}
	.qna .qna_cont{display: flex; align-items: flex-start;margin-bottom: 5em;}
	.qna .qna_cont:before{counter-increment: var-count; content: '0' counter(var-count);font-size: 3em; background: #222; border-radius: 100%; color: #fff; padding: 0.5em; margin-right: 0.7em;}
	.qna .qna_cont:nth-child(n+10):before{content: counter(var-count);}
	.qna .qna_cont:nth-child(odd):before{background: #fff; border: 1px solid #d1d1d1; color: #222; box-sizing: border-box;}

	.qna .qna_cont:after{content:'';}
	.qna_cont dl dt{font-size:2em; font-weight:700;letter-spacing: -0.05em; }
	.qna_cont dl dd{font-size:1.2em; margin-top:1em; font-weight:300;line-height: 1.4;}
	.qna_cont dl dd b{font-weight:500; text-decoration: underline;}

	@media (max-width: 1280px){
		.nope_container ul li .nope_tit{font-size:2em;}
		.sidejob_contents{font-size:90%;}
		.sidejob_tit .txt_cont{padding: 4em 0;}
		.sidejob_tit img.img1{width: 50%; bottom:-5em; top:unset;}
		.sidejob_tit img.img2{width:50%;}
		.sidejob_tit img.img3{width:50%;}
		.nope_slider{width:80%;}
		.sidejob_bottom.money{overflow:visible;}
		.sidejob_bottom.money:after{top: -7em;width: 45%;}
	}
	@media (max-width: 767px){
		.sidejob_contents{font-size:85%;}
		.sidejob_tit img.img1{width: 60%; bottom:-5em; right:-4em; top:unset;}
		.sidejob_tit img.img2{width:60%;}
		.sidejob_tit img.img3{width:60%;}
		.sidejob_mid1{margin-top:2em; font-size: 90%;}
		.sidejob_mid p{display:inline;}
		.midtxt span{display:inline;}
		.sidejob_bottom{padding:4em 0;}
		.nope_container ul{align-items: flex-start;}
		.nope_container ul li .nope_tit{font-size:1.2em;}
		.nope_container ul li .nope_tit em{font-size:120%;}
		.nope_container ul li .nope_txt{font-size:.9em;word-break: normal;}
		.nope_slider:before{width:60px;}
		.nope_slider .nopeSwiper{border-radius:20px;}
		.nope_slider .nopeSwiper .swiper-slide{padding:2.5em;}
		.nope_slider .swiper-button-prev, .nope_slider .swiper-rtl .swiper-button-next{left:0px;}
 		.nope_slider .swiper-button-next, .nope_slider .swiper-rtl .swiper-button-prev{right:0px;}
 		.nope_slider .swiper-button-prev:after, .nope_slider .swiper-rtl .swiper-button-next:after, .nope_slider .swiper-button-next:after, .nope_slider .swiper-rtl .swiper-button-prev:after{font-size:1.5em;}
 		.bottombtn a{padding: 10px 0;width: 80%;display:block; margin:0 auto;}
		.qna .qna_cont:before{font-size:1.6em;}
		.qna_cont dl dt{font-size:1.2em;}
		.qna_cont dl dd{font-size:0.9em;}
		.sidejob_bottom.money{overflow:visible;}
		.sidejob_bottom.money:after{top: -10em;width: 45%;}


	}