@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block; }

body {
    line-height: 1; }

ol, ul {
    list-style: none; }

blockquote, q {
    quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none; }

table {
    border-collapse: collapse;
    border-spacing: 0; }

strong {
    font-weight: normal; }

em {
    font-style: normal; }

a {
    color: inherit;
    text-decoration: none; }

button {
    border: none; }

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 {
    font-weight: normal; }

.fl {
    float: left !important; }

.fr {
    float: right !important; }

.fn {
    float: none !important; }

.al {
    text-align: left !important; }

.ar {
    text-align: right !important; }

.ac {
    text-align: center !important; }

.txtB {
    font-weight: bold; }

.txtN {
    font-weight: normal; }

.txtMainColor {
    color: #262626 !important; }

input[type="text"],
input[type="password"],
input[type="checkbox"],
input[type="radio"] {
    outline: none;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0; }

@font-face {
    font-family: 'Gilroy-Extrabold';
    src: url("../img/font/Gilroy-ExtraBold.eot");
    src: url("../img/font/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../img/font/Gilroy-ExtraBold.woff") format("woff"); }
@font-face {
    font-family: 'Gilroy-Light';
    src: url("../img/font/Gilroy-Light.eot");
    src: url("../img/font/Gilroy-Light?#iefix") format("embedded-opentype"), url("../img/font/Gilroy-Light.woff") format("woff"); }
@font-face {
    font-family: 'NotoSans-Light';
    src: url("../img/font/NotoSans-Light.eot");
    src: url("../img/font/NotoSans-Light?#iefix") format("embedded-opentype"), url("../img/font/NotoSans-Light.woff") format("woff"); }
@font-face {
    font-family: 'NotoSans-Medium';
    src: url("../img/font/NotoSans-Medium.eot");
    src: url("../img/font/NotoSans-Medium?#iefix") format("embedded-opentype"), url("../img/font/NotoSans-Medium.woff") format("woff"); }
@font-face {
    font-family: 'NotoSans-Regular';
    src: url("../img/font/NotoSans-Regular.eot");
    src: url("../img/font/NotoSans-Regular?#iefix") format("embedded-opentype"), url("../img/font/NotoSans-Regular.woff") format("woff"); }
@font-face {
    font-family: 'NotoSans-Bold';
    src: url("../img/font/NotoSans-Bold.eot");
    src: url("../img/font/NotoSans-Bold?#iefix") format("embedded-opentype"), url("../img/font/NotoSans-Bold.woff") format("woff"); }

html, body {
    height: 100%;
    font-family: 'NotoSans-Regular', sans-serif !important;color:#666;font-size:14px;}


#wrap {min-width:1354px;position:relative;}
#wrap a {transition:all 0.3s}
#header {background: transparent;position: absolute;top: 0;left: 0;z-index: 80;width: 100%;}
#header .header-cont {width:1200px;margin:0 auto;padding-top:38px;}
#header .header-cont:after {content:'';display:block;clear:both;}
html.on {overflow-y:hidden;}

#header .logo {float:left;width:20%;}
#header .logo img {height:23px;}
#header .menu {float:left;width:80%;margin-top:5px;}
#header .menu:after {content:'';display:block;clear:both;}
#header .m-menu {display:none;}

#header .menu .nav {float:left;}
#header .menu .nav:after {content:'';display:block;clear:both;}
#header .menu .nav li {float:left;}

#header .menu .nav a {font-size:18px;display:block;color:#555;margin-right:45px;position:relative;}
#header .menu .nav a.on, #header .menu .nav a:hover {font-family:NotoSans-Bold;color:#333;padding-bottom:15px;}
#header .menu .nav a.on:after,#header .menu .nav a:hover:after {content:'';display:inline-block;width:42px;height:3px;background:#85B74E;position:absolute;bottom:0;left:50%;margin-left:-21px;}
#header .menu .user {float:right;height:30px;line-height:30px;margin-top:-5px;}
#header .menu .user:after {content:'';display:block;clear:both;}
#header .menu .user li {float:left;transition: all 0.3s;}
#header .menu .user .name {color:#555;background:url('../img/ico_user.png') no-repeat left center;background-size:19px;padding-left:26px;margin-right:15px;}
#header .menu .user li a {display:inline-block;width:90px;height:28px;line-height:28px;text-align:center;}
#header .menu .user .b-btn {background:#85B74E;border:1px #85B74E solid;color:#fff;border-radius:25px;margin-right:5px;box-sizing:border-box;}
#header .menu .user .b-btn:hover {background:#609028;border:1px #609028 solid;color:#fff}
#header .menu .user .t-btn {border:1px #85b74e solid;color:#85b74e;border-radius:25px;background:#fff;opacity:0.8;box-sizing:border-box;}
#header .menu .user .t-btn:hover {border:1px #609028 solid;color:#609028;opacity:1;}

#container {width:100%;}
#container.sub {padding-top:112px;}
#container .slider-wrap {}
#container .slider-wrap .slider {}
#container .slider-wrap .slider .sl-main .sl-animate img {opacity:0;}
#container .slider-wrap .slider .on .sl-main .sl-animate img {opacity:1;}

#container .slider-wrap .slider li:nth-child(2) .sl-wrap {background:#fbebeb;}
#container .slider-wrap .slider li:nth-child(2) .sl-sub .sl-sub-logo {padding:0;margin-top:-40px;width:65%;}
#container .slider-wrap .slider li:nth-child(2) .sl-sub .sl-sub-logo img {width:auto;}
#container .slider-wrap .slider li:nth-child(2) .sl-sub .sl-sub-logo img.img_pc {display:block;}
#container .slider-wrap .slider li:nth-child(2) .sl-sub .sl-sub-logo img.img_mo {display:none;}
#container .slider-wrap .slider li:nth-child(2) .sl-sub .sl-sub-txt {width:35%;margin-top:0;}

#container .slider-wrap .slider li:nth-child(3) .sl-wrap {background:#deffff;}
#container .slider-wrap .slider li:nth-child(3) .sl-main .sl-animate {position:relative;}
#container .slider-wrap .slider li:nth-child(3) .sl-main .sl-animate .count {position:absolute;font-size:70px;top:147px;left:195px;color:#1163CB;font-family:NotoSans-Medium;white-space: nowrap;transition:all 0.5s;}
#container .slider-wrap .slider li:nth-child(3) .sl-main .sl-animate .count.on {left:60px;}
#container .slider-wrap .slider li:nth-child(3) .sl-main .sl-animate .count strong {font-size:120px;opacity: 0;transition:all 0.5s;}
#container .slider-wrap .slider li:nth-child(3) .sl-main .sl-animate .count strong.on {opacity:1}
#container .slider-wrap .slider li:nth-child(3) .sl-main .sl-animate .count span {transition:all 0.5s;position: relative;right: -50px;opacity: 0;}
#container .slider-wrap .slider li:nth-child(3) .sl-main .sl-animate .count span.on {right:0;opacity:1;}

#container .slider-wrap .slider li:nth-child(3) .sl-sub .sl-sub-logo {position:relative;background:url('../img/cont_img2.png') no-repeat 0 0;width:494px;height:321px;padding-top: 0;margin: -50px 30px 0 0;}
#container .slider-wrap .slider li:nth-child(3) .sl-sub .sl-sub-logo dl {position:absolute;line-height: 25px;}
#container .slider-wrap .slider li:nth-child(3) .sl-sub .sl-sub-logo dl dt {font-size:20px;text-align:center;color:#fff;}
#container .slider-wrap .slider li:nth-child(3) .sl-sub .sl-sub-logo dl dd {font-size:25px;text-align:center;color:#fff;font-family:NotoSans-Medium;}
#container .slider-wrap .slider li:nth-child(3) .sl-sub .sl-sub-logo .alliance {top: 123px;left: 182px;}
#container .slider-wrap .slider li:nth-child(3) .sl-sub .sl-sub-logo .monthly {top: 120px;right: 33px;}

#container .slider-wrap .slider li:nth-child(4) .sl-wrap {background:#d7ddff;}
#container .slider-wrap .slider li:nth-child(4) .sl-sub .sl-sub-logo img {width:auto;margin-right: 135px;}

#container .slider-wrap .slider li:nth-child(5) .sl-wrap {background:#fff9e0;}
#container .slider-wrap .slider li:nth-child(5) .sl-sub .sl-sub-logo img {width:auto;margin-right: 160px;}
#container .slider-wrap .slider li:nth-child(5) .sl-main .sl-title {margin-top:80px;}


#container .slider-wrap .slider h2 {font-size: 40px;font-family:NotoSans-Medium;line-height: 50px;color:#222;margin-bottom: 32px;letter-spacing:-1px;word-break:keep-all;}
#container .slider-wrap .slider .title-info {font-size:20px;color:#777;line-height:25px;}

#container .slider-wrap .slider .txt-animate {position:relative;left:-50px;opacity:0;transition:all 0.5s;}
#container .slider-wrap .slider .txt-animate.on {left:0;opacity:1;}

#container .slider-wrap .slider .sl-wrap {width: 100%;background: #e7ffde;padding-top: 76px;}

#container .slider-wrap .slider .sl-main {padding: 100px 0 80px;width: 1200px;margin: 0 auto;position: relative;}
#container .slider-wrap .slider .sl-main:after {content:'';display:block;clear:both;}
#container .slider-wrap .slider .sl-main .sl-title {float:left;margin-top:20px;}
#container .slider-wrap .slider .sl-main .sl-animate {float:right;margin-top: -40px;}


#container .slider-wrap .slider .sl-sub {}
#container .slider-wrap .slider .sl-sub-cont:after {content:'';display:block;clear:both;}
#container .slider-wrap .slider .sl-sub .sl-sub-cont {width:1200px;margin:49px auto 0;padding: 34px 0 20px;}
#container .slider-wrap .slider .sl-sub h3 {color:#222;font-size:30px;font-family:NotoSans-Medium;line-height:40px;margin-bottom:20px;}
#container .slider-wrap .slider .sl-sub .sub-title-info {color:#666;font-size:18px;line-height:25px;}

#container .slider-wrap .slider .sl-sub .sl-sub-txt {float:left;width:45%;margin-top:0;}
#container .slider-wrap .slider .sl-sub .sl-sub-logo {float:right;width:55%;text-align:right;padding: 10px 0 0 0;}
#container .slider-wrap .slider .sl-sub .sl-sub-logo img {width:100%;display:inline-block;}
#container .slider-wrap .slider .sl-sub .sl-sub-logo:after {content:'';display:block;clear:both;}
#container .slider-wrap .slider .sl-sub .sl-sub-logo li {display:inline-block;text-align:right;box-shadow:0 4px 10px rgba(0, 0, 0, 0.3);margin:0 0 27px 27px;}



.topBtn {position:fixed; bottom:147px; right:20px;display:block;opacity:0;transition:all 0.3s;}
.topBtn.on {opacity:1;}
.topBtn a {background: #000 url('../img/ico_topbtn_arrow.png') no-repeat center 14px;width:56px;height:56px;display:inline-block;border-radius:10px;color:#fff;padding-top: 27px;text-align:center;}
.ibot {position:fixed; bottom:24px; right:20px;display:block;}
.ibot a {background:url('../img/ico_ibot.png') no-repeat 0 0;text-indent:-9999px;width:111px;height:111px;display:inline-block;}

#container .slider-wrap .slider .m-btn {position: absolute;overflow:hidden;font-size:22px;left: 0;bottom: 104px;font-family:NotoSans-Medium;border-radius:30px;height:60px;line-height:60px;width:261px;display:block;margin-top: 85px;color:#fff;padding-left: 40px;background:#85B74E;transition:all 0.3s}
#container .slider-wrap .slider .m-btn span {position:relative;z-index:1;background: url('../img/ico_btn_arrow.png') no-repeat right center;padding-right: 23px;text-indent: -6px;display: inline-block;}
#container .slider-wrap .slider .m-btn:after {content: "";display: block;position: absolute;width: 0;height: 0;top: 50%;left: 50%;background-color: #6A9D2D;border-radius: 50%;box-sizing: border-box;transition: all .27s linear;}
#container .slider-wrap .slider .m-btn:hover:after {top: -240%;left: -50%;width: 200%;height: 600%;transition: all .4s linear .3s;}
#container .slider-wrap .slider .m-btn:before {content: "";display: block;position: absolute;width: 0;height: 0;top: 50%;left: 50%;background-color: #609028;border-radius: 50%;box-sizing: border-box;}
#container .slider-wrap .slider .m-btn:hover:before {top: -240%;left: -50%;width: 200%;height: 600%;transition: all .45s linear;}
#container .slider-wrap .slider  .m-btn:hover {box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.16);}

#footer {padding:36px 0 35px;background:#f7f7f7;}
#footer .footer_wrap {width:1200px; margin:0 auto;}
#footer .footer_area:after {content:'';display:block;clear:both;}
#footer .footer_area li {line-height: 20px;color:#7c7c7c;position: relative;padding:0 0 0 10px;margin: 0 0 0 6px;display:inline-block;font-size:16px;}
#footer .footer_area li:first-child {margin:0;padding:0;}
#footer .footer_area li:first-child:after {display:none;}
#footer .footer_area .list-info li {font-size:12px;color:#444;font-family:NotoSans-Light;}
#footer .footer_area .list-btn {margin-bottom:10px;}
#footer .footer_area .list-btn li {font-size:15px;color:#222;padding:0 0 0 15px;margin: 0 0 0 15px;}
#footer .footer_area .list-btn li:after {display: block;content: '';width: 1px;height: 14px;background: #666;position: absolute;left: 0;top: 3px;}
#footer .footer_area .list-btn li:first-child {margin:0;padding:0;}
#footer .footer_area .list-btn li:first-child:after {display:none;}
#footer ul.mobCls {display:block;}
#footer li.mobCls {display:inline-block;}

#footer .area-logo {margin: 35px 60px 0 0;color:#555;float:left;}
#footer .area-logo img {display:inline-block;}
#footer .area-logo p {display:inline-block;margin-left:5px;}
#footer .footer_area .area-comp {float:left;}
#footer .footer_area .area-comp > p {color:#444;font-size:12px;font-family:NotoSans-Light;margin-top:10px;}
#footer .footer_area .area-site {float:right;}
#footer .footer_area .area-site select {width:125px;height:36px;border:1px #d9d9d9 solid;padding-left:10px;font-size:12px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#fff url('../img/select_arrow.png') no-repeat 90% center;}
#footer .footer_area .area-site select::-ms-expand { display: none; }

#footer.type {border-top:0;text-align:center;}
#footer.type .area-logo {margin-top:14px;}
#footer.type .list-btn {display:inline-block;color:#262626;}
#footer.type .footer_area .list-btn strong {color:#262626;font-family:NotoSans-Bold;}



.layerP-policy {position: fixed;top: 50%;left: 50%;margin: -300px 0 0 -350px;background: #fff;z-index: 100;width: 700px;height: 600px;}
.layer-header {width: 100%;height: 86px;text-align: center;border-radius: 20px 20px 0 0;padding: 30px 0 0 0;background:#fff;}
.layer-header strong {font-size:25px;color:#000;display:inline-block;padding:10px 0 10px 0;}
.layer-header strong span {}

.layer-header .btn-close-layer {display: block;position: absolute;top: 20px;right: 20px;z-index: 10;width: 45px;height: 45px;background: url('../img/btn_close.png') top left no-repeat;text-indent:-9999px;}
.layer-contents {padding: 20px}
.layer-contents .text {width: 100%;height: 460px;overflow: hidden;overflow-y: auto;line-height: 170%;text-align: left;font-size:15px;color:#808080;}
.dim {width: 100%;height: 100%;background: rgba(0,0,0,.55);position: fixed;top: 0;left: 0;z-index: 75;}

/* 메인 슬라이드 */
.slider-wrap .bx-wrapper {position: relative;margin: 0;padding: 0; *zoom: 1;-ms-touch-action: pan-y;touch-action: pan-y;max-width:100% !important;}
.slider-wrap .bx-wrapper img {max-width: 100%; display: block;}
.slider-wrap .bxslider {margin: 0; padding: 0; -webkit-perspective: 1000;}
.slider-wrap ul.bxslider {list-style: none;}
.bx-viewport {-webkit-transform: translateZ(0);background: #fff url('../img/cont_bg.png') no-repeat center 90%;}
.slider-wrap .bx-wrapper {/*overflow: hidden;*/}
.slider-wrap .bx-wrapper .bx-pager, .slider-wrap .bx-wrapper .bx-controls-auto {position: absolute;top: 55%;width: 100%;}
.slider-wrap .bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;z-index:80;top:594px;}
.slider-wrap .bx-wrapper .bx-pager.bx-default-pager a {background: #000;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;opacity: 0.1;}
.slider-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .slider-wrap .bx-wrapper .bx-pager.bx-default-pager a.active, .slider-wrap .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #e7ffde;opacity: 0.3;width: 14px;height: 14px;border-radius: 20px;border: 3px #000 solid;}
.slider-wrap .bx-wrapper .bx-pager-item, .slider-wrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;vertical-align: middle; *zoom: 1; *display: inline;}
.slider-wrap .bx-wrapper .bx-pager-item {font-size: 0;line-height: 0;width: 14px;margin: 0 7px;}
.slider-wrap .bx-wrapper .bx-prev {left: -77px;background: url('../img/slider_left_arrow.png') no-repeat 0 0;}
.slider-wrap .bx-wrapper .bx-prev:hover, .slider-wrap .bx-wrapper .bx-prev:focus {background-position: 0 0;}
.slider-wrap .bx-wrapper .bx-next {right: -77px;background: url('../img/slider_right_arrow.png') no-repeat 0 0;}
.slider-wrap .bx-wrapper .bx-next:hover, .slider-wrap .bx-wrapper .bx-next:focus {background-position: 0 0;}
.slider-wrap .bx-wrapper .bx-controls-direction {width:1200px;position:absolute;height: 52px;top: 23%;left: 50%;margin-left: -600px;z-index:80;}
.slider-wrap .bx-wrapper .bx-controls-direction a {display: block;position: absolute;top: 25%;margin-top: 50px;outline: 0;width: 28px;height: 52px;text-indent: -9999px;z-index: 9;opacity:0.2;}
.slider-wrap .bx-wrapper .bx-controls-direction a:hover {opacity:0.5;}
.slider-wrap .bx-wrapper .bx-controls-direction a.disabled {}
.slider-wrap .bx-wrapper .bx-controls-auto {text-align: center;}
.slider-wrap .bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('images/controls.png') -86px -11px no-repeat; margin: 0 3px;}
.slider-wrap .bx-wrapper .bx-controls-auto .bx-start:hover, .slider-wrap .bx-wrapper .bx-controls-auto .bx-start.active, .slider-wrap .bx-wrapper .bx-controls-auto .bx-start:focus {background-position: -86px 0;}
.slider-wrap .bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('images/controls.png') -86px -44px no-repeat; margin: 0 3px;}
.slider-wrap .bx-wrapper .bx-controls-auto .bx-stop:hover, .slider-wrap .bx-wrapper .bx-controls-auto .bx-stop.active, .slider-wrap .bx-wrapper .bx-controls-auto .bx-stop:focus {background-position: -86px -33px;}
.slider-wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%;}
.slider-wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;}
.slider-wrap .bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%;}
.slider-wrap .bx-wrapper .bx-caption span {color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;}

/* 서브 슬라이드 */
.cont-st .bx-wrapper {position: relative;margin: 0 0 30px 0;padding: 0; *zoom: 1;-ms-touch-action: pan-y;touch-action: pan-y;max-width:100% !important;}
.cont-st .bx-wrapper img {max-width: 100%; display: inline-block; vertical-align: middle;}
.cont-st .bxslider {margin: 0; padding: 0; -webkit-perspective: 1000;}
.cont-st ul.bxslider {list-style: none;}
.cont-st .bx-viewport {-webkit-transform: translateZ(0);}
.cont-st .bx-wrapper {/*overflow: hidden;*/}
.cont-st .bx-wrapper .bx-pager, .cont-st .bx-wrapper .bx-controls-auto {position: absolute;bottom: -20px;width: 100%;}
.cont-st .bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666;}
.cont-st .bx-wrapper .bx-pager.bx-default-pager a {background: #999;text-indent: -9999px;display: block;width: 6px;height: 6px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.cont-st .bx-wrapper .bx-pager.bx-default-pager a:hover, .cont-st .bx-wrapper .bx-pager.bx-default-pager a.active, .cont-st .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #262626;}
.cont-st .bx-wrapper .bx-pager-item, .cont-st .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline;}
.cont-st .bx-wrapper .bx-pager-item {font-size: 0; line-height: 0;}
.cont-st .bx-wrapper .bx-prev {left: -50px;background: url('../img/cont_arrow_left.png') no-repeat 0 0;}
.cont-st .bx-wrapper .bx-prev:hover, .cont-st .bx-wrapper .bx-prev:focus {opacity:0.5;}
.cont-st .bx-wrapper .bx-next {right: -50px;background: url('../img/cont_arrow_right.png') no-repeat 0 0;}
.cont-st .bx-wrapper .bx-next:hover, .cont-st .bx-wrapper .bx-next:focus {opacity:0.5;}
.cont-st .bx-wrapper .bx-controls-direction a {display: block;position: absolute; top: 50%; margin-top: -5px; outline: 0; width: 14px; height: 25px; text-indent: -9999px; z-index: 1;opacity:0.2;}
.cont-st .bx-wrapper .bx-controls-direction a.disabled {}
.cont-st .bx-wrapper .bx-controls-auto {text-align: center;}
.cont-st .bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('images/controls.png') -86px -11px no-repeat; margin: 0 3px;}
.cont-st .bx-wrapper .bx-controls-auto .bx-start:hover, .cont-st .bx-wrapper .bx-controls-auto .bx-start.active, .cont-st .bx-wrapper .bx-controls-auto .bx-start:focus {background-position: -86px 0;}
.cont-st .bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('images/controls.png') -86px -44px no-repeat; margin: 0 3px;}
.cont-st .bx-wrapper .bx-controls-auto .bx-stop:hover, .cont-st .bx-wrapper .bx-controls-auto .bx-stop.active, .cont-st .bx-wrapper .bx-controls-auto .bx-stop:focus {background-position: -86px -33px;}
.cont-st .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%;}
.cont-st .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;}
.cont-st .bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%;}
.cont-st .bx-wrapper .bx-caption span {color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;}

.visual {width:100%;height:180px;line-height:180px;background:url('../img/sub_visual01.png') no-repeat 0 0;}
.visual2 {width:100%;height:180px;line-height:180px;background:url('../img/sub_visual02.png') no-repeat 0 0;}
.visual h2, .visual2 h2 {font-size:33px;text-align:center;color:#fff;}
.cont-wrap {}
.cont-wrap .cont-st {padding-top:90px;}
.cont-wrap ul .cont-st:last-child {padding-bottom:120px;}
.cont-wrap ul .cont-st:nth-child(2) {background:#fafafa;}
.cont-wrap .cont-st .cont-st-wr > strong, .cont-wrap .cont-st .cont-st-wr .cont-bg > strong {color:#85b74e;font-size:48px;font-family:Gilroy-Extrabold;margin-bottom: 15px;display:block;}
.cont-wrap .cont-st h3 {font-size:49px;color:#222;line-height:60px;}
.cont-wrap ul .cont-st:first-child h3 {margin-bottom:100px;}
.cont-wrap .cont-st h3 strong {font-family:NotoSans-Bold;word-break:keep-all;}

.cont-wrap .cont-st .cont-st-wr {width:1200px;margin:0 auto;}
.cont-wrap .cont-st .cont-st-wr .cont-bg {}
.cont-wrap .cont-st .cont-st-wr .cont-bg.vis1 {background:url('../img/cont_bg1.png') no-repeat right center}
.cont-wrap .cont-st .cont-st-wr .cont-bg.vis2 {background:url('../img/cont_bg2.png') no-repeat right center}
.cont-wrap .cont-st .cont-st-wr .cont-bg p {width:497px;}

.cont-wrap .cont-st .tab-list {position:relative;border-top:1px #ddd solid;padding:70px 0 120px;}
.cont-wrap .cont-st .tab-list:after {content:'';clear:both;display:block;}
.cont-wrap .cont-st .tab-list > li {float:left;}
.cont-wrap .cont-st .tab-list > li > ul {display:none;}
.cont-wrap .cont-st .tab-list > li.on a, .cont-wrap .cont-st .tab-list > li a:hover {color:#222;border-bottom:2px #000 solid;font-weight:bold;}
.cont-wrap .cont-st .tab-list > li.on > ul {display:block;}
.cont-wrap .cont-st .tab-list > li a {font-size:20px;color:#777;position:absolute;top:-55px;padding:0 15px 33px;display:block;}
.cont-wrap .cont-st .tab-list > li:nth-child(2) a {left: 115px;}
.cont-wrap .cont-st .tab-list > li:nth-child(3) a {left: 260px;}
.cont-wrap .cont-st .tab-list > li:nth-child(4) a {left: 400px;}
.cont-wrap .cont-st .tab-list > li:nth-child(5) a {left: 510px;}
.cont-wrap .cont-st .tab-list > li ul li {width:220px;height:120px;line-height: 120px;border:1px #eaeaea solid;display:inline-block;text-align:center;background: #fff;margin: 0 21px 21px 0;}
.cont-wrap .cont-st .tab-list > li ul li:nth-child(5n+0) {margin-right:0;}
.cont-wrap .cont-st .tab-list > li ul li img {vertical-align:middle;}

.cont-wrap .cont-st .header-txt {color:#777;font-size:21px;margin-top: 25px;word-break:keep-all;line-height:26px;}
.cont-wrap .cont-st .advertiser {margin: 83px 0 0;padding-bottom: 110px;}
.cont-wrap .cont-st .advertiser:after {content:'';clear:both;display:block;}
.cont-wrap .cont-st .advertiser li {float:left;border: solid 1px #eaeaea;margin:0 10px 14px 0;background: #fff;}
.cont-wrap .cont-st .advertiser li:nth-child(4),.cont-wrap .cont-st .advertiser li:nth-child(8) {margin-right:0;}
.cont-wrap .cont-st .advertiser strong {display:inline-block;border-bottom: solid 1px #eaeaea;width: 290px;height: 99px;font-size:20px;color:#222;padding-left:30px;line-height:99px;position:relative;text-align:left;}
.cont-wrap .cont-st .advertiser strong:before {content:'';display:block;position:absolute;top:23px;left:30px;width:30px;height:1px;background:#222;}
.cont-wrap .cont-st .advertiser li > div {text-align:center;padding:30px 0;}

.cont-wrap .cont-st .ordered {margin: 70px -11px 0;}
.cont-wrap .cont-st .ordered:after {content:'';clear:both;display:block;}
.cont-wrap .cont-st .ordered li {float:left;width:283px;height:448px;border: solid 1px #efefef;margin:0 11px;position:relative;box-shadow: 0 5px 10px 0 rgba(150, 150, 150, 0.16);}
.cont-wrap .cont-st .ordered li > strong {font-size:20px;font-weight:bold;color:#222;display:inline-block;margin:44px 35px 0;position:relative;}
.cont-wrap .cont-st .ordered li > strong:before {content:'';display:block;position:absolute;top:-15px;left:0;width:30px;height:1px;background:#222;}
.cont-wrap .cont-st .ordered li > p {font-size:15px;margin:14px 35px 0;color:#777;line-height:20px;}

.cont-wrap .cont-st .ordered li.banner {background:url('../img/cont3_bg1.png') no-repeat center 185px;}
.cont-wrap .cont-st .ordered li.banner .btn_size {width:210px;height:39px;line-height:39px;border: solid 1px #222;font-size:14px;color:#222;position:absolute;left:37px;bottom:43px;text-align:center;text-indent: -20px;}
.cont-wrap .cont-st .ordered li.banner .btn_size:after {content:'';background:url('../img/link_arrow.png') no-repeat 0 0;position:absolute;top:15px;right: 35px;width:7px;height:11px;}
.cont-wrap .cont-st .ordered li.banner .btn_size:hover {color:#fff;background-color:#222;}
.cont-wrap .cont-st .ordered li.banner .btn_size:hover:after {content:'';background:url('../img/link_arrow_w.png') no-repeat 0 0;}
.cont-wrap .cont-st .ordered li.brand {background:url('../img/cont3_bg2.png') no-repeat center 188px;}
.cont-wrap .cont-st .ordered li.icover {background:url('../img/cont3_bg3.png') no-repeat center 212px;}
.cont-wrap .cont-st .ordered li.native {background:url('../img/cont3_bg4.png') no-repeat center 216px;}

.cont-wrap .cont-st .procedure {position:relative;margin-bottom:120px;}
.cont-wrap .cont-st .procedure ul:after {content:'';clear:both;display:block;}
.cont-wrap .cont-st .procedure li {float:left;text-align:center;width:21%;margin:0 2%;padding:184px 0 0 0;position:relative;transition:all 0.5s;opacity:0;}
.cont-wrap .cont-st .procedure li.on {opacity:1;}
.cont-wrap .cont-st .procedure li:after {content:'';display:block;position:absolute;top:50%;left:50%;margin: -6px 0 0 -6px;width: 12px;height: 12px;border: solid 3px #d9d9d9;border-radius:20px;background:#fff;z-index:1;}
.cont-wrap .cont-st .procedure li strong {font-size:21px;color:#222;font-family:NotoSans-Medium;}
.cont-wrap .cont-st .procedure li p {word-break:keep-all;color:#777;margin-top:12px;line-height:20px;}

.cont-wrap .cont-st .procedure li.prd1 {background:url('../img/cont_procedure1.png') no-repeat center 0;}
.cont-wrap .cont-st .procedure li.prd2 {background:url('../img/cont_procedure2.png') no-repeat center 0;}
.cont-wrap .cont-st .procedure li.prd3 {background:url('../img/cont_procedure3.png') no-repeat center 0;}
.cont-wrap .cont-st .procedure li.prd4 {background:url('../img/cont_procedure4.png') no-repeat center 0;}
.cont-wrap .cont-st .procedure .dashed {text-indent:-9999px;border-top:1px #d9d9d9 dashed;height:1px;position:absolute;top:132px;left:0;;width:100%;transition:all 0.3s;opacity:0;}
.cont-wrap .cont-st .procedure .dashed.on {opacity:1;}
.cont-wrap .cont-st .cont-st-wr .brand-slider-wr {margin: 140px 50px 0;padding-bottom:94px;}
.cont-wrap .cont-st .cont-st-wr .brand-slider {}
.cont-wrap .cont-st .cont-st-wr .brand-slider:after {content:'';clear:both;display:block;}
.cont-wrap .cont-st .cont-st-wr .brand-slider li {float:left;width:220px !important;height:50px;line-height:50px;text-align:center;background:#fafafa;}

.scroll, .scroll1, .scroll2, .scroll3 {transition:all 1s;opacity:0;position:relative;top:50px;}
.scroll.on, .scroll1.on, .scroll2.on, .scroll3.on {opacity:1;top:0;}

.size_guide {width:800px;height:850px;border-radius:0;margin:-425px 0 0 -400px;}
.size_guide .layer-header {background:#fff;}
.size_guide .layer-header strong {font-size:25px;color:#000;display:inline-block;background:url('../img/popup/ico_size.png') no-repeat left center;padding:10px 0 10px 53px;}
.size_guide .layer-contents {padding:40px 0;}
.size_guide .layer-contents .tab-list {position:relative;}
.size_guide .layer-contents .tab-list li {}
.size_guide .layer-contents .tab-list li a {display:inline-block;width:50%;position:absolute;top: -44px;right:0;font-size:20px;color:#777;text-align:center;padding:0 0 23px 0;}
.size_guide .layer-contents .tab-list li.on a {color:#222;font-family:NotoSans-Bold;border-bottom:1px #222 solid;}


.size_guide .layer-contents .tab-list li.size_pc {}
.size_guide .layer-contents .tab-list li.size_pc a {left:0;}
.size_guide .layer-contents .tab-list li .size_cont {margin: 43px 0 0 0;padding: 0 36px 0;border-top: solid 1px #ddd;height: 650px;}
.size_guide .layer-contents .tab-list li .size_cont:after {content:'';display:block;clear:both;}
.size_guide .layer-contents .tab-list li .size_cont ul {float:left;}
.size_guide .layer-contents .tab-list li .size_cont ul:first-child {margin-top:50px;}
.size_guide .layer-contents .tab-list li .size_cont ul:first-child li {margin-right:45px;}
.size_guide .layer-contents .tab-list li .size_cont ul:first-child li:last-child {margin-right:0;}

.size_guide .layer-contents .tab-list li.size_pc .size_cont ul:nth-child(2) {width:300px;}
.size_guide .layer-contents .tab-list li.size_pc .size_cont ul:nth-child(2) li {float:none;}

.size_guide .layer-contents .tab-list li.size_pc .size_cont ul:nth-child(3) {width:400px;}
.size_guide .layer-contents .tab-list li.size_pc .size_cont ul:nth-child(3) li {margin:0 0 45px 45px;}

.size_guide .layer-contents .tab-list li.size_mobile .size_cont ul:nth-child(2) {}
.size_guide .layer-contents .tab-list li.size_mobile .size_cont ul:nth-child(2) li {margin-left:45px;}
.size_guide .layer-contents .tab-list li.size_mobile .size_cont ul:nth-child(2) li:first-child {margin-left:0}

.size_guide .layer-contents .tab-list li.size_mobile .size_cont ul:nth-child(3) li {margin-left:45px;}
.size_guide .layer-contents .tab-list li.size_mobile .size_cont ul:nth-child(3) li:first-child {margin-left:0}

.size_guide .layer-contents .tab-list li .size_cont ul li {position:relative;float:left;margin-bottom:45px;}
.size_guide .layer-contents .tab-list li .size_cont ul li p {position:absolute;right:0;bottom:0;color:#fff;background:rgba(0, 0, 0, 0.7);font-size:13px;text-align:center;padding:5px;}

.size_guide .layer-contents .tab-list li > div {display:none;}
.size_guide .layer-contents .tab-list li.on > div {display:block;}

.layer-header .btn-close-layer {background:url('../img/popup/popup_close.png') top left no-repeat;width:40px;height:40px;top:0;right:-50px;}

.size_guide .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {right:0;}
body .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#dedede; }


/* 회원가입 */
input[type=checkbox] { display:none; }
input[type=checkbox] + label {display: inline-block;cursor: pointer;line-height: 20px;padding-left: 30px;background: url('../img/check_box_s.png') 0 0 no-repeat;}
input[type=checkbox]:checked + label {background-position:0 -20px}

input[type=radio] { display:none; }
input[type=radio] + label {display: inline-block; cursor: pointer; line-height: 20px; padding-left: 30px; background: url('../img/check_radio.png') 0 0 no-repeat;}
input[type=radio]:checked + label {background-position:0 -20px}

#wrap input {transition:all 0.5s;font-family:NotoSans-Regular}
#wrap input.on {border:1px #262626 solid;}

#header.line {border-bottom:1px #ddd solid;padding-bottom:20px;}
#header .header-cont > span {font-size:20px;color:#333;display:inline-block;margin:5px 0 0 -20px;}
.joinCont {margin:0 auto 100px;width:1067px;padding-top:144px;}
.joinCont .joinNav {text-align:center;background:url('../img/join_nav01.png') no-repeat center top;padding-top:54px;}
.joinCont.int .joinNav {background:url('../img/join_nav02.png') no-repeat center top;}
.joinCont.comp .joinNav {background:url('../img/join_nav03.png') no-repeat center top;}
.joinCont .joinNav li {display:inline-block;font-size:17px;color:#676868;}
.joinCont .joinNav li:nth-child(2) {margin:0 72px;}
.joinCont .joinNav li.on {color:#262626;}

.joinCont .agrCont {}
.joinCont .agrCont .allTxt {margin-top:65px;}
.joinCont .agrCont .allTxt label {font-family:NotoSans-Medium;font-size:23px;color:#333;display:inline-block;position:relative;}
.joinCont .agrCont .allTxt label span {display:inline-block;position:relative;}
.joinCont .agrCont .allTxt label span:after {content:'';display:block;width:100%;height:1px;background:#676868;position:absolute;bottom:-3px;left:0;}
.joinCont .agrCont .allTxt input[type=checkbox] + label {display: inline-block; cursor: pointer; line-height: 30px; padding-left: 45px; background: url('../img/check_box.png') 0 0 no-repeat;}
.joinCont .agrCont .allTxt input[type=checkbox]:checked + label {background-position:0 -30px}

.joinCont .agrInfo {padding-top:10px;}
.joinCont .agrInfo li {margin-top:30px;}
.joinCont .agrInfo li .chk {}
.joinCont .agrInfo li .chk label {font-size:16px;color:#010101;}
.joinCont .agrInfo li .chk label span {color:#262626;}

.joinCont .agrInfo .txtBox {}
.joinCont .agrInfo .txtBox .text {overflow-y:scroll;height:110px;border:1px #ccc solid;font-size:14px;color:#8b8b8b;padding:20px 15px 6px;margin-top:10px;line-height:18px;}

.joinCont .jonBtn_area {text-align:center;margin-top:54px;height:61px;}
#wrap .joinCont .jonBtn_area a {display:inline-block;text-align:center;width:225px;height:61px;line-height:61px;font-size:22px;vertical-align:middle;transition:none;}
.joinCont .jonBtn_area a.agrN {border:1px #8e8e8e solid;color:#8e8e8e;background:#fff;border-radius: 30px;}
.joinCont .jonBtn_area a.agrN:hover {
    border:0;
    color:#fff;
    background:#5a5a5a;
    background: linear-gradient(-45deg, #5a5a5a, #000, #929393, #a2a3a3);
    background-size: 400% 400%;
    -webkit-animation: Gradient 2s ease;
    -moz-animation: Gradient 2s ease;
    animation: Gradient 2s ease;
    -webkit-animation-fill-mode:both;
    box-shadow:0 4px 10px rgba(0, 0, 0, 0.16);
}
.joinCont .jonBtn_area a.agrY, .joinCont .jonBtn_area a.joinB, .joinCont .jonBtn_area a.startB, a.btnGra {background:#262626;color:#fff;margin-left:5px;border-radius: 30px;}
.joinCont .jonBtn_area a.agrY:hover, .joinCont .jonBtn_area a.joinB:hover,  .joinCont .jonBtn_area a.startB:hover, a.btnGra:hover {
    background: linear-gradient(90deg, #33b2ce, #14abaf, #0e4ad2, #1a449c);
    /*background: linear-gradient(90deg, #2498b1, #14abaf, #262626, #486bb4);*/
    /*background: linear-gradient(90deg, #14abaf, #486bb4);*/
    background-size:400% 400%;
    -webkit-animation: GradientBtn 2s ease;
    -moz-animation: GradientBtn 2s ease;
    animation: GradientBtn 2s ease;
    -webkit-animation-fill-mode:both;
    box-shadow:0 6px 13px rgba(0, 0, 0, 0.16);
}

@-webkit-keyframes GradientBtn {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 40% 40%
    }
    100% {
        background-position: 40% 40%
    }
}

@-moz-keyframes GradientBtn {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 40% 40%
    }
    100% {
        background-position: 40% 40%
    }
}

@keyframes GradientBtn {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 40% 40%
    }
    100% {
        background-position: 40% 40%
    }
}

.joinCont.int, .joinCont.comp {width:620px; margin-left:auto;margin-right:auto;}
.joinCont.int .intCont {margin-top:89px;}
.joinCont.int .intCont dl {margin-top: 14px;}
.joinCont.int .intCont dl:after {content:'';display:block;clear:both;}
.joinCont.int .intCont dl dt {float:left;width:140px;line-height: 40px;}
.joinCont.int .intCont dl dd {float:left;}
.joinCont.int .intCont dl dd input[type=text], .joinCont.int .intCont dl dd input[type=password] {width:479px;height:40px;border:1px #ccc solid;padding-left:16px;font-family:NotoSans-Regular;}
/*.joinCont.int .intCont dl dd input[type=password] {font-size:24px;}*/
.joinCont.int .intCont dl dd input[type=text]::placeholder, .joinCont.int .intCont dl dd input[type=password]::placeholder  {font-family:NotoSans-Regular;font-size:14px;color:#999;}

/*.joinCont.int .intCont .areaFirst dl:last-child dd:nth-of-type(2) input {border-top:0;}*/
.joinCont.int .intCont > div > dl:first-child {margin-top:22px;margin-bottom:22px;}
.joinCont.int .intCont > div > dl:first-child dt {line-height:20px;}
.joinCont.int .intCont > div > dl:first-child dd span:last-child {margin-left:40px;}

.layerMessage {width:448px;height:151px;position:absolute;border:1px #bfbfbf solid;background:#fff;padding:21px 17px;box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);z-index:1;}
.layerMessage strong {display:block;font-size:18px;}
.layerMessage p {font-size:14px;color:#5f6368;margin-top:12px;}
.layerMessage .layerBtn {text-align:right;position: absolute;right: 15px;bottom: 15px;}
.layerMessage .layerBtn .btn {display:inline-block;width:64px;height:32px;line-height:32px;font-size:14px;color:#fff;background:#262626;text-align:center;}

.joinCont.comp .intCont .joinMeg {text-align:center;margin-top:150px;}
.joinCont.comp .intCont .joinMeg .joinTitle {font-fmaily:NotoSans-Medium;font-size:73px;}
.joinCont.comp .intCont .joinMeg .joinTitle strong {border-bottom:1px #000 solid;display: inline-block;padding-bottom: 7px;}
.joinCont.comp .intCont .joinMeg .joinTxt {font-size:25px;margin-top: 35px;line-height:35px;color:#1e1e1e;word-break: keep-all;}
.joinCont.comp .intCont .joinMeg .joinInfo {color:#999;margin-top:16px;}
.join_infoTxt {width:620px;margin:0 auto;}
.join_infoTxt p {color:#000;}
.join_infoTxt ul {margin-bottom:50px;}
.join_infoTxt ul li {margin-top:10px;word-break:keep-all;color:#999;font-size:13px;}


.loginCont {width:400px;margin:0 auto 200px;padding-top:200px;}
.loginCont .loInpt {margin-bottom:20px;}
.loginCont .loInpt.mb {margin-bottom:43px;}
.loginCont .loInpt p {margin-bottom:8px;padding-left:9px;}
.loginCont .loInpt span {display:block;}
.loginCont .loInpt span.loId {margin-bottom:14px;}
.loginCont .loInpt span.loId input {background:url('../img/ico_id.png') no-repeat 14px center;}
.loginCont .loInpt span.loPw input {background:url('../img/ico_pw.png') no-repeat 14px center;}
.loginCont .loInpt input {height:51px;border:1px #ccc solid;width:100%;padding-left:48px;}

.loginCont .loSave {margin-bottom:34px;}
.loginCont .loSave label {font-size:14px;padding-left:32px;}
.loginCont .loBtn_area {text-align:center;margin-bottom:60px;}
#wrap .loginCont .loBtn_area a {display:inline-block;width:225px;height:60px;line-height:60px;font-size:22px;text-align:center;border-radius:30px;transition:none;}
#wrap .loBtn_area.ser a{width:190px;}

.loginCont .loMenu {border-top:1px #ddd solid;padding-top:40px;text-align:center;}
.loginCont .loMenu li {display:inline-block;margin-left:10px;padding-left:10px;position:relative;}
.loginCont .loMenu li:after {display: block;content: '';width: 1px;height: 14px;background: #999;position: absolute;left: 0;top: 3px;}
.loginCont .loMenu li:first-child:after {display:none;}
.loginCont .loMenu li:first-child {margin-left:0;padding-left:0;}
.loginCont .loMenu li a {color:#999;display:inline-block;font-size:14px;}
.loginCont .loMenu li a:hover {color:#262626;}

.loginCont .loTitle {margin-bottom:53px;}
.loginCont .loTitle .idSer {font-family:NotoSans-Medium;font-size:40px;background: url('../img/ico_id_serch.png') no-repeat 72px center;display:block;text-align:center;padding:5px 0 5px 40px;margin-bottom:25px;}
.loginCont .loTitle .pwSer {font-family:NotoSans-Medium;font-size:40px;background:url('../img/ico_pw_serch.png') no-repeat 72px center;display:block;text-align:center;padding:5px 0 5px 70px;margin-bottom:25px;}
.loginCont .loTitle p {font-size:14px;text-align:center;}
.loginCont .loInpt .inBasic {padding-left:16px;display:inline-block;margin-bottom:14px;}

.loginCont .loInpt.email {width:100%;text-align:center;padding:38px 0;border:1px #ccc solid;margin-bottom:43px;line-height:28px;}
.loginCont .loInpt.email span {display:block;}






@media (max-width: 1024px) {

    #wrap {min-width:1000px;}
    #header .header-cont {width:100%;padding:38px 3% 0;}

    .slider-wrap .bx-wrapper .bx-controls-direction {width:100%;margin-left:0;left:0;}
    .slider-wrap .bx-wrapper .bx-prev {left:0;}
    .slider-wrap .bx-wrapper .bx-next {right:0;}

    #container .slider-wrap .slider .sl-main {width:100%;text-align:center;}
    #container .slider-wrap .slider .sl-main .sl-title {float:none;}
    #container .slider-wrap .slider .sl-main .sl-animate {float:none;text-align:center;margin-top: 116px;}
    #container .slider-wrap .slider .sl-main .sl-animate img {display:inline-block;}
    #container .slider-wrap .slider .sl-sub .sl-sub-cont {width:100%;}
    #container .slider-wrap .slider .sl-sub .sl-sub-txt {float:none;width:100%;}
    #container .slider-wrap .slider .m-btn {margin: 0 0 0 -130px;text-align: left;bottom: auto;top: 315px;left: 50%;}

    #container .slider-wrap .slider .sl-sub h3 {text-align: center;}
    #container .slider-wrap .slider .sl-sub .sub-title-info {text-align: center;line-height: 20px;margin: 0 10%;word-break: keep-all;}
    #container .slider-wrap .slider .sl-sub .sl-sub-txt {float:none;width:100%;margin-bottom: 45px;}
    #container .slider-wrap .slider .sl-sub .sl-sub-logo {float:none;width: 78%;margin: 0 auto;text-align: center;}
    #container .slider-wrap .slider .sl-sub .sl-sub-logo li {margin:0 10px 27px}
    #container .slider-wrap .slider li:nth-child(2) .sl-sub .sl-sub-txt {width:100%;text-align:center;}
    #container .slider-wrap .slider li:nth-child(3) .sl-sub .sl-sub-logo {margin:0 auto;}
    #container .slider-wrap .slider li:nth-child(4) .sl-sub .sl-sub-logo img {margin-right:0;}
    #container .slider-wrap .slider li:nth-child(5) .sl-sub .sl-sub-logo img {margin-right:0;}
    .slider-wrap .bx-wrapper .bx-pager {top:930px}

    .cont-wrap .cont-st .cont-st-wr {width:100%;padding-left: 20px;padding-right: 20px;}
    .cont-wrap .cont-st .tab-list > li {width:100%;}
    .cont-wrap .cont-st .tab-list > li a {font-size:20px;color:#777;position:absolute;top:-55px;padding: 0 15px;display:block;word-break: keep-all;text-align: center;height: 55px;}
    .cont-wrap .cont-st .tab-list > li:nth-child(2) a {left: 115px;}
    .cont-wrap .cont-st .tab-list > li:nth-child(3) a {left: 260px;}
    .cont-wrap .cont-st .tab-list > li:nth-child(4) a {left: 400px;}
    .cont-wrap .cont-st .tab-list > li:nth-child(5) a {left: 510px;}

    .cont-wrap .cont-st .tab-list > li > ul {}
    .cont-wrap .cont-st .tab-list > li > ul:after {content:'';display:block;clear:both;}
    .cont-wrap .cont-st .tab-list > li ul li {margin:0 1% 2%;float:left;width:31%;height: 66px;line-height: 66px;}
    .cont-wrap .cont-st .advertiser li:nth-child(4), .cont-wrap .cont-st .advertiser li:nth-child(8) {margin-right:10px;}
    .cont-wrap .cont-st .tab-list > li ul li:nth-child(5n+0) {margin:0 1% 2%;}

    .cont-wrap .cont-st .advertiser {text-align:center;}
    .cont-wrap .cont-st .advertiser strong {width:100%;}
    .cont-wrap .cont-st .advertiser li {width:31.3%;margin:0 1% 2%;display:inline-block;}
    .cont-wrap .cont-st .advertiser li:nth-child(even) {margin:0 1% 2%;}
    .cont-wrap .cont-st .advertiser li > div > img {width:90%;}
    .cont-wrap .cont-st .ordered {}
    .cont-wrap .cont-st .ordered li {margin-bottom:22px;}


    #footer {padding: 20px 0;}
    #footer .footer_wrap {width:100%;margin:0 auto;padding: 0 3%;position: relative;}
    #footer .footer_area ul:first-child {margin-bottom:10px;}
    #footer .footer_area:after {content:'';display:block;clear:both;}
    #footer .footer_area ul:nth-child(2) {margin-bottom: 0;}
    #footer .footer_area ul:nth-child(2) li:not(:nth-child(3)) {padding-left:0;margin-left:0;}
    #footer .footer_area ul:nth-child(2) li:first-child {margin-bottom: 0;}
    #footer .footer_area li {line-height: 21px;color:#7c7c7c;position: relative;padding:0;margin:0;display:inline-block;font-size: 0.9rem;}
    #footer .footer_area ul:nth-child(2) li:not(:nth-child(3)):after {display:none;}
    #footer .footer_area li:first-child {margin:0;padding:0;}
    #footer .footer_area li:first-child:after {display:none;}
    #footer .footer_area .list-btn {margin-bottom:10px;}
    #footer .footer_area .list-btn li {color:#222;font-size:12px;padding-left: 10px;margin-left: 10px;}
    #footer .footer_area .list-btn li:after {height:10px;top:5px;}

    #footer .footer_area .area-comp {float:none;}
    #footer .footer_area .area-site {float:none;position: absolute;top: 34px;right: 3%;}
    #footer .area-logo {margin: 0 0 16px 0;color:#555;float:none;}
    #footer .area-logo img {display:inline-block;}
    #footer .area-logo p {display:inline-block;margin-left:5px;font-size: 0.8rem;letter-spacing: -0.5px;}

}

/*@media (max-width: 920px) {

	#header .logo {padding-left:15px;}
	#header .m-menu {display:block;text-indent:-9999px;background:url('../img/mob_btn_menu.png') no-repeat 0 0;position:absolute;top:40px;right:15px;}

	#header .menu {float: none;padding-bottom: 10px;position: fixed;display: block;width: 100%;top: 55px;right: -100%;overflow: hidden;height: 100%;background: #fff;transition:all 0.51s;z-index:2;}
	#header .menu.on {right:0;}
	#header .menu .nav {float: none;font-size:16px;margin:10px 86px 0 0;width: 100%;position:relative;overflow: hidden;}
	#header .menu .nav li {float: inherit;padding: 20px;border-bottom: 1px #dfdfdf solid;}
	#header .menu .nav li:first-child {border-top: 1px #dfdfdf solid;}
	#header .menu .nav li a {padding-right:62px;width: 100%;display: block;}
	#header .menu .nav a.on {color:#262626;}
	#header .menu .user {float: inherit;width: 100%;}
	#header .menu .user a {display: block;font-size:17px;height: 50px;line-height: 50px;margin: 0 10%;width: 80%;border-radius:20px;text-align:center;position:relative;}
	#header .menu .user a:first-child {margin-top:20px;margin-bottom:20px;}
	#header .menu .user a.join {border:1px #aaa solid;margin-right:10px;}
	#header .menu .user a.join:hover {opacity:0.6;}
	#header .menu .user a.login {border:1px #7eb798 solid;background:#262626;margin-bottom: 20px;color:#fff;}
	#header .menu .user a.login:hover{opacity:0.6;}
	#header .menu .user .loginName{color:#000;margin-right:20px;display: block;text-align: center;padding: 15px 0;}

	#header .top h1 span {font-size:1rem;color:#2b2b2b;margin-left:15px;}

	#container .slider-wrap .slider h2 {font-size:35px;line-height:50px;}
	#container .slider-wrap .slider .sl-main {padding:60px 0 100px;}
	#container .slider-wrap .slider .sl-sub .sl-sub-cont {margin:50px auto 0;}
	#container .slider-wrap .slider .m-btn {top:270px;}

	.cont-wrap .cont-st .tab-list {padding:40px 0 60px}
	#container .slider-wrap .slider li:nth-child(2) .sl-sub .sl-sub-logo {width:100%;}
	#container .slider-wrap .slider li:nth-child(2) .sl-sub .sl-sub-logo img {width:100%;max-width:700px;}


}

@media (max-width: 650px) {

	.cont-wrap .cont-st .tab-list > li a {width:20%;padding:0;}
	.cont-wrap .cont-st .tab-list > li:nth-child(2) a {left: 20%;}
	.cont-wrap .cont-st .tab-list > li:nth-child(3) a {left: 40%;}
	.cont-wrap .cont-st .tab-list > li:nth-child(4) a {left: 60%;}
	.cont-wrap .cont-st .tab-list > li:nth-child(5) a {left: 80%;}

	.cont-wrap .cont-st .advertiser strong {width:100%;}
	.cont-wrap .cont-st .advertiser li {float:left;width:48%;margin:0 1% 1%;}
	.cont-wrap .cont-st .advertiser li > div > img {width:90%;}

}*/

/*
@media (max-width: 414px) {
*/
@media (max-width: 520px) {
    #wrap {min-width:320px;}
    #header {height:50px;width:100%;min-width:100%;z-index:100;}

    #header .header-cont {padding-top:21px;width:100%;}
    #header .logo {padding-left:0;position: relative;z-index: 3;width:auto;}
    #header .logo img {height:18px;}
    #header .m-menu {display:block;text-indent:-9999px;background:url('../img/mob_btn_menu.png') no-repeat 0 0;position:absolute;top:21px;right:10px;z-index: 3;height:24px;}
    #header .m-menu.on {background:url('../img/mob_btn_menu_close.png') no-repeat 0 0;}
    #header .menu .user {float:none;height:auto;width: 100%;text-align:left;}
    #header .menu .user li.name {width:100%;font-size: 15px;padding: 15px 15px 15px 42px;background-position: 15px center;text-align:left;}
    #header .menu .user li {width:50%;text-align:center;font-size:15px;}
    #header .menu .user li a {width:100%;height:100%;line-height: inherit;}
    #header .menu .user .b-btn {margin-right:0;border-radius:0;height:45px;line-height:45px;position: relative;}
    #header .menu .user .b-btn:after {content:'';display:inline-block;width:1px;height: 30px;position: absolute;background:#fff;top: 7px;right: 0;}
    #header .menu .user .t-btn {border-radius:0;height:45px;line-height:45px;background:#85B74E;color:#fff;opacity:1;}
    #header .menu .nav a.on:after, #header .menu .nav a:hover:after {display:none;padding-bottom:0;}

    #header .menu {float: none;padding-bottom: 10px;position: fixed;display: block;width: 100%;top: 0;padding-top: 50px;right: -100%;margin-top: 0;overflow: hidden;height: 100%;background: #fff;transition:all 0.51s;z-index:2;}
    #header .menu.on {right: 0;}
    #header .menu .nav {float: none;font-size:16px;margin:10px 86px 0 0;width: 100%;overflow: hidden;}
    #header .menu .nav li {float: inherit;padding:25px 15px;border-bottom: 1px #dfdfdf solid;}
    #header .menu .nav li:first-child {border-top: 1px #dfdfdf solid;}
    #header .menu .nav li a {padding-right:62px;width: 100%;display: block;background:url('../img/btn_menu_arrow.png') no-repeat right center;}
    #header .menu .nav a.on, #header .menu .nav a:hover {padding-bottom:0;}

    #container.sub {padding-top:60px;}
    #container .slider-wrap .slider h2 {font-size:30px;text-align:center;line-height:38px;margin: 0 7%;word-break: keep-all;}
    #container .slider-wrap .slider .sl-main {width:100%;padding: 0 0 50px;min-height:595px;}
    #container .slider-wrap .slider .title-info {font-size: 14px;text-align: center;margin: 24px 1%;word-break: keep-all;line-height: 18px;}
    #container .slider-wrap .slider .m-btn {width: 230px;margin:0 auto;font-size: 18px;font-family:NotoSans-Regular;height: 50px;line-height: 50px;background-size: 6px 10px;top: 185px;margin-left: -115px;}

    #container .slider-wrap .slider .sl-sub .sl-sub-cont {width:100%;margin: 40px 0 0;padding: 0;}
    #container .slider-wrap .slider .sl-main .sl-animate {margin:116px 5% 0;}

    #container .slider-wrap .slider li:nth-child(2) .sl-sub .sl-sub-logo {margin-top:0;}
    #container .slider-wrap .slider li:nth-child(2) .sl-sub .sl-sub-logo img.img_pc {display:none;}
    #container .slider-wrap .slider li:nth-child(2) .sl-sub .sl-sub-logo img.img_mo {display:block;}

    #container .slider-wrap .slider li:nth-child(3) .sl-sub .sl-sub-logo {width:346px;height:223px;background-size:100%;}
    #container .slider-wrap .slider li:nth-child(3) .sl-sub .sl-sub-logo dl {line-height:20px;}
    #container .slider-wrap .slider li:nth-child(3) .sl-sub .sl-sub-logo dl dt {font-size:15px;}
    #container .slider-wrap .slider li:nth-child(3) .sl-sub .sl-sub-logo dl dd {font-size:17px;}
    #container .slider-wrap .slider li:nth-child(3) .sl-sub .sl-sub-logo .alliance {top:37%;left:36%;}
    #container .slider-wrap .slider li:nth-child(3) .sl-sub .sl-sub-logo .monthly {top:37%;right:8%;}

    #container .slider-wrap .slider li:nth-child(3) .sl-main .sl-animate .count {top:95px;left:30%;}
    #container .slider-wrap .slider li:nth-child(3) .sl-main .sl-animate .count.on {left:16%;}
    #container .slider-wrap .slider li:nth-child(3) .sl-main .sl-animate .count strong {font-size:60px;}
    #container .slider-wrap .slider li:nth-child(3) .sl-main .sl-animate .count span {font-size:38px;}

    #container .slider-wrap .slider li:nth-child(5) .sl-main .sl-title {margin-top:20px;}
    #container .slider-wrap .slider li:nth-child(5) .sl-main .sl-animate {margin-top:170px;}

    #container .slider-wrap .slider li:nth-child(2) .sl-sub .sl-sub-logo, #container .slider-wrap .slider li:nth-child(4) .sl-sub .sl-sub-logo, #container .slider-wrap .slider li:nth-child(5) .sl-sub .sl-sub-logo {width:80%;}

    #container .slider-wrap .slider .sl-sub h3 {font-size: 24px; text-align: center; line-height: 30px;}
    #container .slider-wrap .slider .sl-sub .sub-title-info {font-size: 15px;text-align: center;line-height: 20px;margin: 0 10%;word-break: keep-all;}
    #container .slider-wrap .slider .sl-sub .sl-sub-txt {float:none;width:100%;margin-bottom: 45px;}
    #container .slider-wrap .slider .sl-sub .sl-sub-logo {float:none;width:100%;text-align: center;margin-bottom:40px !important;}
    #container .slider-wrap .slider .sl-sub .sl-sub-logo li {margin: 0 10px 20px; width: 140px;}

    .cont-wrap .cont-st {padding-top:50px;}
    .visual h2, .visual2 h2 {font-size:27px;}
    .visual, .visual2 {height:120px;line-height:120px;}
    .visual {background:url('../img/sub_visual01_m.png') no-repeat 0 0;background-size:cover;}
    .visual2 {background:url('../img/sub_visual02_m.png') no-repeat 0 0;background-size:cover;}
    .cont-wrap .cont-st .cont-st-wr > strong, .cont-wrap .cont-st .cont-st-wr .cont-bg > strong {font-size:39px;}
    .cont-wrap .cont-st h3 {font-size:33px;line-height:45px;}
    .cont-wrap ul .cont-st:first-child h3 {margin-bottom:50px;}

    .cont-wrap .cont-st .procedure {margin-bottom:80px;}
    .cont-wrap .cont-st .procedure li {float:none;width:100%;padding: 85px 0 0 0;margin-bottom:70px;background-size: 20% !important;}
    .cont-wrap .cont-st .procedure li:after {left: 5px;}
    .cont-wrap .cont-st .procedure li p {margin:12px 20% 0;}
    .cont-wrap .cont-st .procedure li.prd1 {}
    .cont-wrap .cont-st .procedure li.prd4 {padding-bottom:0;}
    .cont-wrap .cont-st .procedure .dashed {top: 0;width: 1px;height: 100%;left: 14px;border: 1px #d9d9d9 dashed;}

    .cont-wrap .cont-st .header-txt {font-size:16px;}

    .cont-wrap .cont-st .cont-st-wr .cont-bg p {width:100%;}
    .cont-wrap .cont-st .cont-st-wr .cont-bg.vis1, 	.cont-wrap .cont-st .cont-st-wr .cont-bg.vis2 {background-position:center bottom;background-size:70%;padding-bottom:50%;}
    .cont-wrap ul .cont-st:last-child {padding-bottom:80px;}

    .cont-wrap .cont-st .cont-st-wr .brand-slider-wr {margin:70px 20px 0;padding-bottom:80px;}
    .cont-st .bx-wrapper .bx-controls-direction a {margin-top:-10px;}
    .cont-st .bx-wrapper .bx-prev {left:-25px;}
    .cont-st .bx-wrapper .bx-next {right:-25px;}
    .cont-wrap .cont-st .cont-st-wr .brand-slider {background:#fafafa;}
    .cont-wrap .cont-st .cont-st-wr .brand-slider li {width: 70px !important;height: 24px;line-height: 23px;background:#fafafa;margin:0 19px;}

    .cont-wrap .cont-st .tab-list {padding:40px 0 80px;margin-top: 85px;}
    .cont-wrap .cont-st .tab-list > li {width:100%;}
    .cont-wrap .cont-st .tab-list > li a {font-size:16px;top: -40px;padding:0;height: 40px;width:15%;}
    .cont-wrap .cont-st .tab-list > li:nth-child(2) a {width:20%;left: 15%;}
    .cont-wrap .cont-st .tab-list > li:nth-child(3) a {width:20%;left: 35%;}
    .cont-wrap .cont-st .tab-list > li:nth-child(4) a {width:10%;left: 55%;}
    .cont-wrap .cont-st .tab-list > li:nth-child(5) a {width:35%;left: 65%;}
    .cont-wrap .cont-st .tab-list > li ul li img {width: 59%;}
    .cont-wrap .cont-st .tab-list > li ul li img.img_rectangle {width: 59%;}
    .cont-wrap .cont-st .tab-list > li ul.img_square li img {width: 39%;}

    .cont-wrap .cont-st .advertiser {margin:50px 0 0;text-align:center;padding-bottom:80px;}
    .cont-wrap .cont-st .advertiser strong {width:71%;padding-left:0;border-bottom:0;}
    .cont-wrap .cont-st .advertiser strong:before {left:0;}
    .cont-wrap .cont-st .advertiser li {float:none;width:90%;display:inline-block;}
    .cont-wrap .cont-st .advertiser li > div {border-top:solid 1px #eaeaea;}
    .cont-wrap .cont-st .advertiser li > div > img {width:71%;}

    .cont-wrap .cont-st .ordered {margin:50px 0 0;text-align:center;}
    .cont-wrap .cont-st .ordered li {float:none;width:90%;margin:0 1% 2%;display:inline-block;}
    .cont-wrap .cont-st .ordered li.banner .btn_size {display:none;}
    .cont-wrap .cont-st .ordered li > strong {text-align:left;margin:44px 0 0;width:71%;}
    .cont-wrap .cont-st .ordered li > strong:before {}
    .cont-wrap .cont-st .ordered li > p {width:71%;text-align:left;margin:14px 0 0;display:inline-block;}

    #footer .footer_area .area-site {top:34px;}
    #footer .footer_area .area-site select {width:111px;height:27px;}
    #wrap #footer .mobCls {display:none;}
    #wrap #footer .moMar {margin-right:10px;}

    .bx-viewport {background:none;}
    .slider-wrap .bx-wrapper .bx-pager {top:650px;}
    .slider-wrap .bx-wrapper .bx-controls-direction {display:none;}

    .topBtn {}
    .topBtn a {}

    .layerP-policy {position: fixed;top: 50%;left: 0;margin: -250px 0 0 0;background: #fff;z-index: 100;width: 100%;height: 500px;}
    .layer-header {width: 100%;height: 52px;text-align: center;}
    .layer-header strong {font-size: 1.4rem;}
    .layer-header strong span {}
    .layer-header .btn-close-layer {display: block;position: absolute;top: -40px;right:0;z-index: 10;text-indent:-9999px;}
    .layer-contents {padding: 20px}
    .layer-contents .text {width: 100%;height: 410px;overflow: hidden;overflow-y: auto;line-height: 170%;text-align: left;font-size:15px;color:#808080;}

    .mobCk {display:block;position:absolute;width: 47px;height: 100%;top: 0;background: #fff;right:10px;}
    .mobCk:after {content:'';display:block;position:absolute;top: 2px;right: 13px;width:1px;height: 35px;background-color:#000;transform: rotate(90deg);transition: 0.5s all;}
    .mobCk:before {content:'';display:block;position:absolute;top: 15px;right: 13px;width:1px;height: 35px;background-color:#000;transform: rotate(90deg);transition: 0.5s all;}
    .mobCk.on:after {content:'';display:block;position:absolute;top: 12px;right: 13px;transform: rotate(-45deg);}
    .mobCk.on:before {content:'';display:block;position:absolute;top: 12px;right: 13px;transform: rotate(45deg);}


    #header .header-cont > span {font-size:1.2rem;color:#2b2b2b;margin-left:15px;}

    .joinCont {margin: 0 auto 76px;width:100%;padding-top:85px;}
    #wrap .joinCont .joinNav {background-size: 80%;}
    .joinCont .joinNav {text-align:center;background:url('../img/join_nav01.png') no-repeat center top;padding-top: 35px;}
    .joinCont.int .joinNav {background:url('../img/join_nav02.png') no-repeat center top;}
    .joinCont.comp .joinNav {background:url('../img/join_nav03.png') no-repeat center top;}
    .joinCont .joinNav li {display:inline-block;font-size: 0.9rem;color:#676868;}
    .joinCont .joinNav li:nth-child(2) {margin: 0 16%;}
    .joinCont .joinNav li.on {color:#262626;}

    .joinCont .agrCont {margin: 0 20px;}
    .joinCont .agrCont .allTxt {margin-top: 57px;}
    .joinCont .agrCont .allTxt label {font-family:NotoSans-Medium;font-size: 1rem;color:#333;display:inline-block;position:relative;}
    .joinCont .agrCont .allTxt label span {display:inline-block;position:relative;}
    .joinCont .agrCont .allTxt label span:after {content:'';display:block;width:100%;height:1px;background:#676868;position:absolute;bottom:-3px;left:0;}
    .joinCont .agrCont .allTxt input[type=checkbox] + label {display: inline-block;cursor: pointer;line-height: 24px;padding-left: 39px;background: url('../img/check_box.png') 0 0 no-repeat;background-size: 24px;}
    .joinCont .agrCont .allTxt input[type=checkbox]:checked + label {background-position: 0 -24px;}

    .joinCont .agrInfo {padding-top:10px;}
    .joinCont .agrInfo li {margin-top:30px;}
    .joinCont .agrInfo li .chk {}
    .joinCont .agrInfo li .chk label {font-size:16px;color:#010101;}
    .joinCont .agrInfo li .chk label span {color:#262626;}

    .joinCont .agrInfo .txtBox {}
    .joinCont .agrInfo .txtBox .text {overflow-y:scroll;height:110px;border:1px #ccc solid;font-size:14px;color:#8b8b8b;padding:20px 15px 6px;margin-top:10px;line-height:18px;}

    .joinCont .jonBtn_area {text-align:center;margin-top: 42px;height: auto;}
    #wrap .joinCont .jonBtn_area a {display:inline-block;text-align:center;width: 40%;height: 40px;line-height: 40px;font-size: 1rem;vertical-align:middle;}
    #wrap .joinCont .jonBtn_area a.agrN {border:1px #8e8e8e solid;color:#8e8e8e;background:#fff;border-radius: 30px;}
    .joinCont.comp .intCont .joinMeg .joinInfo {word-break:keep-all;line-height:20px;}

    .joinCont.int, .joinCont.comp {width:100%; margin-left:auto;margin-right:auto;}
    .joinCont.int .intCont {margin: 30px 20px 0;}
    .joinCont.int .intCont dl {margin-top: 14px;}
    .joinCont.int .intCont dl:after {content:'';display:block;clear:both;}
    .joinCont.int .intCont dl dt {float:left;width:100%;line-height: 40px;}
    .joinCont.int .intCont dl dd {float:left;width: 100% !important;}
    .joinCont.int .intCont dl dd input[type=text], .joinCont.int .intCont dl dd input[type=password] {width: 100%;height:40px;border:1px #ccc solid;padding-left:16px;box-shadow: none;font-size: 1rem;font-family:NotoSans-Regular;}
    .joinCont.int .intCont dl dd input[type=text]::placeholder, .joinCont.int .intCont dl dd input[type=password]::placeholder  {font-family:NotoSans-Regular;font-size:14px;color:#999;}

    .joinCont.int .intCont .areaFirst dl:nth-child(2) dd input[type=text]::placeholder {font-size:13px;}
    .joinCont.int .intCont .areaFirst dl:nth-child(3) dd input[type=password]::placeholder {font-size:13px;letter-spacing:-0.5px;}
    .joinCont.int .intCont div dl:first-child {margin-top:22px;margin-bottom:22px;}
    .joinCont.int .intCont div dl:first-child dt {line-height: 40px;}
    .joinCont.int .intCont div dl:first-child dd span:last-child {margin-left:40px;}
    .join_infoTxt {width:92%;margin:0 4%;}


    .layerMessage {width:100%;height:151px;position:absolute;border:1px #bfbfbf solid;background:#fff;padding:21px 17px;box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);z-index:1;}
    .layerMessage strong {display:block;font-size:18px;}
    .layerMessage p {font-size:14px;color:#5f6368;margin-top:12px;}
    .layerMessage .layerBtn {text-align:right;position: absolute;right: 15px;bottom: 15px;}
    .layerMessage .layerBtn .btn {display:inline-block;width:64px;height:32px;line-height:32px;font-size:14px;color:#fff;background:#262626;text-align:center;}

    .joinCont.comp .intCont .joinMeg .joinTitle {font-size:3rem;}
    .joinCont.comp .intCont .joinMeg {margin-top:106px;}
    .joinCont.comp .intCont {margin:0 20px;}
    .joinCont.comp .intCont .joinMeg .joinTxt {font-size:1.2rem;line-height:24px;}

    .loginCont {width:100%;margin:0 0 100px; padding:150px 20px 0;}
    .loginCont .loInpt input {font-size:1rem}
    #wrap .loginCont .loBtn_area a {display:inline-block;width:40%;height:40px;line-height:40px;font-size:1rem;text-align:center;border-radius:30px;}

    .loginCont .loTitle {text-align:center;}
    .loginCont .loTitle p {word-break:keep-all;line-height:20px;}
    .loginCont .loTitle .idSer {font-size:2rem;background-size: 36px 38px;background-position: 0 center;padding-left: 42px;display: inline-block;}
    .loginCont .loTitle .pwSer {font-size:2rem;background-size: 40px 37px;background-position: 0 center;padding-left: 45px;display: inline-block;}
    #wrap .loginCont .btnst {width:70%;}

}


@media (max-width: 390px) {
    #container .slider-wrap .slider h2 {font-size:28px;}

}

@media (max-width: 380px) {
    .cont-wrap .cont-st .cont-st-wr .brand-slider li {margin:0px 14px;}
}

@media (max-width: 360px) {
    .joinCont .joinNav li:nth-child(2) {margin:0 12%;letter-spacing:-0.5px;}
    .joinCont .agrInfo li .chk label {font-size:0.9rem;}
}


@media (max-width: 320px) {
    #container .slider-wrap .slider .m-btn {top:200px;}
    #container .slider-wrap .slider li:nth-child(3) .sl-main .sl-animate .count strong {font-size:50px;}
    #container .slider-wrap .slider li:nth-child(3) .sl-main .sl-animate .count span {font-size:28px;}
    .cont-wrap .cont-st .cont-st-wr .brand-slider-wr {margin:70px 5px 0;}
    .cont-wrap .cont-st .cont-st-wr .brand-slider li {margin:0 10px;}

    #container .slider-wrap .slider .sl-sub .sl-sub-logo li {margin: 0 5px 20px;}
    #container .slider-wrap .slider li:nth-child(3) .sl-sub .sl-sub-logo {width: 300px;height: 200px;background-size:100%;}
    #container .slider-wrap .slider li:nth-child(3) .sl-sub .sl-sub-logo dl {line-height:20px;}
    #container .slider-wrap .slider li:nth-child(3) .sl-sub .sl-sub-logo dl dt {font-size:15px;}
    #container .slider-wrap .slider li:nth-child(3) .sl-sub .sl-sub-logo dl dd {font-size:17px;}
    #container .slider-wrap .slider li:nth-child(3) .sl-sub .sl-sub-logo .alliance {top: 36%;left: 35%;}
    #container .slider-wrap .slider li:nth-child(3) .sl-sub .sl-sub-logo .monthly {top: 36%;right: 6%;}

    .cont-wrap .cont-st .tab-list > li ul li {width:47%;}
    .cont-wrap .cont-st .tab-list > li {width:100%;}
    .cont-wrap .cont-st .tab-list > li a {font-size:16px;top: -40px;height: 40px;width:15%;}
    .cont-wrap .cont-st .tab-list > li:nth-child(2) a {width:22%;left: 15%;}
    .cont-wrap .cont-st .tab-list > li:nth-child(3) a {width:22%;left: 37%;}
    .cont-wrap .cont-st .tab-list > li:nth-child(4) a {width:8%;left: 57%;}
    .cont-wrap .cont-st .tab-list > li:nth-child(5) a {width:33%;left: 65%;}
    .cont-wrap .cont-st .tab-list > li ul li img {width: 59%;}
    .cont-wrap .cont-st .tab-list > li ul li img.img_rectangle {width: 59%;}
    .cont-wrap .cont-st .tab-list > li ul.img_square li img {width: 39%;}
}