@charset "utf-8";
@import url('common.css');

html {font-size: 16px;}
body {font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 1rem; min-width: 1600px;}
#wrap {position: relative;max-width: 1920px;margin: 0 auto;padding-top: 80px;}
#wrap>#content {min-height: 400px;}
.container {max-width: 1130px;margin: 0 auto;width: 100%;}
.flexslider {background: none;}
.slick-prev, .slick-next {width: 4rem;height:4rem;border-radius: 0;font-size: 0; z-index: 2; background-color: #fff;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.slick-prev:hover, .slick-next:hover {background-color: #004c96}
.slick-prev:hover:before, .slick-next:hover:before {color: #fff}
.slick-prev:before,.slick-next:before  {font: normal normal normal 2rem/1 FontAwesome;color: #ccc}
.slick-prev:before {content: "\f104";}
.slick-next:before {content: "\f105";}
.slick-prev {left: -2rem}
.slick-next {right: -2rem}
.flex-direction-nav a {-webkit-box-shadow: none;box-shadow: none;text-shadow: none; width: 4rem;background: #fff !important;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); height: 4rem;margin-top: -35px;font-size: 0;padding: 0;text-align: center !important;}
.flex-direction-nav .flex-prev:before {content: "\f104"}
.flex-direction-nav .flex-next:before {content: "\f105"}
.flex-direction-nav .flex-prev {left: -35px}
.flex-direction-nav .flex-next {right: -35px}
.flex-direction-nav a:hover {background-color: #004c96 !important}
.flex-direction-nav a:before {content: "";text-shadow: none; display: block !important;font: normal normal normal 2rem/1 FontAwesome;width: 4rem;height: 4rem;line-height: 4rem;color: #aaa}
.flex-direction-nav a:hover:before {color: #fff;}
.flex-control-paging {bottom: 5%}
.flex-control-paging li a {width: 1rem; height: 1rem}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: .8}

.top-banner {/* background: #00aeef; */color: #fff;line-height: 1.4}
.top-banner .container {display: table;}
.top-banner .left {display: table-cell;vertical-align: middle;padding: .85em 0;}
.top-banner .right {display: table-cell;vertical-align: middle;padding: .85em 0;text-align: right}
.top-banner .right a {display: inline-block;padding-right: 10px;background: url(../img_srpots/arr_go.png) no-repeat 100% 50%}

/* HEADER */
#header {position: fixed;z-index: 99;top: 0;left: 0;width: 100%;min-width: 1800px}
#header.fixed {background: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;width: 100%;}
#header h1 {font-size: 0rem;font-weight: bold;color:#00aeef;width: 15%}
#header .logo-area {}
#header .logo-area .container-fluid {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 80px;background: #fff;width: 100%;}
#header #gnb {position: relative;}
#header #gnb ul li.depth1 {display: inline-block;vertical-align: middle;position: relative;line-height: 85px; font-size: 1.062rem;}
#header #gnb ul li.depth1>a {display: block;margin-left: 50px; }
#header #gnb ul li.depth1:last-child a {padding-right: 0;color: #34a3ff;font-weight: bold}
#header #gnb ul li:hover ul {display: block;}
#header #gnb ul ul {display: none;position: absolute;left: 0;top: 100%; width: 100%; font-size: 1rem; background: #00aeef;text-align: center;z-index: 3;padding: 1rem;}
#header #gnb ul ul li+li {margin-top: 10px;padding-left: 0;}
#header #gnb ul ul li:hover {color: #fff;}
#header #gnb ul ul li {float: none; line-height: 1.2;}
#header #gnb ul ul li a {padding: 0;}
#header .mobile-link {margin: 0 1rem;display: inline-block;}
#toggle-open {display: none}
#header #send-msg {display: none}
.toggle-nav-wrap {display: none;z-index: 9999;}
.toggle-nav-wrap #overlay {z-index: 98;}
#header .top-search {position: absolute;left: 50%;top: 50%;margin-top: -50px;margin-left: -240px;width: 480px;}
#header .top-search input {padding-right: 40px;background: url(../img_srpots/ic_search.png) no-repeat 96% 49%;height: 50px;border: 2px solid #00aeef;border-radius: 3.928rem}

.login-section {font-size: .812rem;margin-left: auto;text-align: right}
.login-section .form-control {width: 125px;font-size: .812rem;display: inline-block;margin: 0 5px;}
.login-section a+a {padding-left: 5px;margin-left: 5px;border-left: 1px solid #e5e5e5}
.login-section .after-login {color: #fff;}
.login-section .after-login .member {margin-bottom: 1rem;}
.login-section .after-login b {font-size: 1.285rem;font-weight: 500;line-height: 1.1}
.login-btns {display: none}

@media (max-width: 1800px) {
    #header h1 {}
    #header #gnb ul li.depth1 {font-size: 1rem;}
    #header #gnb ul li.depth1>a {margin-left: 2rem;}
}

/* FOOTER */
#footer {padding: 45px 0;position: relative; background: #fff;font-size: .75rem; border-top:1px solid #ddd; }
#footer .logo {float: left;margin-right: 55px;}
#footer address {float: left;}
#footer small {color: #888; display: block;line-height: 2;text-transform: uppercase}
#footer .bar {padding-left: 10px;margin-left: 10px;border-left: 1px solid #ddd; line-height: 1; font-weight: 300; font-size: 85%;}
#footer ul { padding-bottom:0; margin-bottom: 1.5rem; font-size: .75rem;}
#footer li {display: inline-block;}
#footer li+li:before {content:"|"; margin:0 .25rem; padding:0 .25rem; color:#ccc; }

.float-banner {font-size:0;}
.float-banner span {display: block;}
.float-banner a {display: block;}
.float-banner .left {position: absolute;left:0;top:203px;z-index: 99;}
.float-banner .right {position: absolute;right:0;top:203px;z-index: 99;}
.float-banner.fixed .left, .float-banner.fixed .right {}

/* MAIN */
.index #content {padding-top: 0 !important;}
.index section {padding: 5% 0}
.index section h1 {font-size: 34px;text-align: center;margin-bottom: 3rem;font-weight: bold}
.index section h1+p {font-size: 1.125rem;text-align: center;margin-top: -2rem;margin-bottom: 3rem;}
.index .more {margin-top: 5%;text-align: center}
.index .more .btn {font-size: 1.625rem;background: none;padding: 0;border-bottom: 1px solid #000;}
.index .tab-nav {text-align: center;margin-bottom: 4%;}
.index .tab-nav ul {display: inline-block;width: auto;}
.index .tab-nav li {float: none;display: inline-block;padding: 0 1.5rem;}
.index .tab-nav li a {border: 0;border-bottom: 3px solid transparent; background: none;padding: .5rem;display: block;color: #666}
.index .tab-nav li.active a {border-bottom-color: #34a3ff;font-weight: bold;color: #000}
.index .tab-contents .tab-item {padding: 0 15px;}
.index .sc1 {text-align: center}
.index .sc1 .ad-list {font-size: 0;margin-bottom: -1rem;text-align: left;}
.index .sc1 .ad-list li {display: inline-block;vertical-align: top;width: 16.6666%;font-size: 1.25rem;margin-bottom: 1rem;text-align: center;}
.index .sc1 .ad-list img {display: block;margin: 0 auto 1rem;max-height: 40px}
.index .sc1 .ad-list .btn {display: none}
.index .sc2 {background: #f1f5f8}
.index .sc2 .container {max-width: 1300px;}
.index .sc2 ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;}
.index .sc2 li {-ms-flex-preferred-size: 25%;flex-basis: 25%;padding: 15px;position: relative;}
.index .sc2 li span {position: absolute;color: #fff;left: 0;top: 0;width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 1.2em}
.index .sc4 {background: #f1f5f8}
.index .sc4 .goods-list ul {}
.index .sc4 .goods-list li {width: 50%;}
.index .sc4 .goods-list li .thumb span {padding-top: 60.6430%;}
.index .sc4 .goods-list li .info i {font-style: normal;background: #fff;padding: 5px 10px;font-size: .875rem;display: inline-block;margin-bottom: 10px;}
.index .sc5 .tab-item {position: relative}
.index .sc5 .swiper-container {}
.index .sc5 .swiper-slide span {display: block;padding-top: 100%;position: relative;overflow: hidden}
.index .sc5 .swiper-slide span img {position: absolute;left: 0;top: 0;height: 100%;-o-object-fit: cover;object-fit: cover}
.index .sc5 .swiper-slide p {background: rgba(0, 0, 0, 0.8);position: absolute;left: 0;bottom: 0;right: 0;padding: 1rem;color: #fff;}
.index .swiper-button-prev, .index .swiper-button-next {width: 36px;height: 87px;top: 50%;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);margin: 0;z-index: 1;}
.index .swiper-button-prev:after, .index .swiper-button-next:after {display: none}
.index .swiper-button-prev {background: url(../img_srpots/btn_prev2.png);left: -10px}
.index .swiper-button-next {background: url(../img_srpots/btn_next2.png);right: -10px}
.index .goods-list {overflow: hidden}
.index .goods-list ul {margin-bottom: -1rem;overflow: hidden}
.index .goods-list li {float: left;width: 25%;padding: 5px 15px;margin-bottom: 1rem;}
.index .goods-list li:nth-child(4n+1) {clear:left;}
.index .goods-list li:nth-child(n+4) {/* display: none */}
.index .goods-list li .thumb span {display: block;position: relative;overflow: hidden;padding-top: 100%;}
.index .goods-list li .thumb span img {position: absolute;left: 0;top: 0;height: 100%;-o-object-fit: cover;object-fit: cover}
.index .goods-list li .info {margin-top: 1rem;}
.index .goods-list li .info strong {font-size: 1.25rem;display: block}
.index .goods-list li .info span {color: #666;font-size: .875rem;}
.top-ad-slider {position: relative}
.top-ad-slider .swiper-slide {background: #f1f5f8;height: 818px;background-position: 50%;background-size: cover;background-repeat: no-repeat}
.top-ad-slider .swiper-slide .copy {display: inline-block;font-size: 1.785rem;vertical-align: middle;font-weight: 500;margin-right: 5%;}
.top-ad-slider .swiper-slide .img {font-size:0}
.top-ad-slider .swiper-slide .img img {width: 100%}
.top-ad-slider .swiper-pagination {bottom: 3rem;text-align: center;font-size: 0;width: 100%;}
.top-ad-slider .swiper-pagination .swiper-pagination-bullet {background: #fff;opacity: 1;width: 1rem;height: 1rem; border-radius: 10px;-webkit-transition:all 0.3s;transition:all 0.3s}
.top-ad-slider .swiper-pagination .swiper-pagination-bullet-active {background: #00aeef;}

.login-section2 {background: rgba(255, 255, 255, 0.4);padding: 25px;position: absolute;top: 250px;width: 325px;color: #fff; z-index: 2;right: 50%;margin-right: -550px;text-align: left}
.login-section2 .form-control {margin-bottom: 5px;height: 45px;color:#000}
.login-section2 .check {font-size: .75rem;color: #fff;}
.login-section2 .check .checkbox {display: inline-block;border: 0;}
.login-section2 .check a {padding-left: 5px;margin-left: 5px;border-left: 1px solid rgba(255, 255, 255, 0.33)}
.login-section2 .btn {font-size: 1.125rem;padding: .75rem;display: block;width: 100%;font-weight: bold}
.login-section2 .btn+.btn {margin-top: 5px;}
.login-section2 .btn.login {background: #00aeef}
.login-section2 .btn.mypage {background: #00aeef}
.login-section2 .btn.join {border: 1px solid #fff}
.login-section2 .btn.logout {border: 1px solid #fff}
.login-section2 .after-login {color: #fff;}
.login-section2 .after-login .member {margin-bottom: 1rem;}
.login-section2 .after-login b {font-size: 1.285rem;font-weight: 500;line-height: 1.1}

.local-map {text-align: center;position: relative;width: 350px;margin: 0 auto;height: 450px}
.local-map .map {position: relative;display: inline-block;}
.local-map .map img {display: block;margin: 0 auto}
.local-map .map:not(._all) {display: none;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;}
.local-map .map .sub-map {display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%;width: 100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.local-map .pin {cursor: pointer;position: absolute;font-size: 0;width: 28px;height: 28px;background: #9cd8ee;border-radius: 50%;}
.local-map .pin:hover span {display: block;}
.local-map .pin:after {content: "";width: 18px;height: 18px;background: #00aeef;border-radius: 50%;position: absolute;left: 50%;top: 50%;border: 2px solid #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);z-index: 1;}
.local-map .pin span {position: absolute;display: none;z-index: 3;}
.local-map .pin span img {width: auto;max-width: inherit;}
.local-map .pin.small {width: 18px;height: 18px}
.local-map .pin.small:after {width: 10px;height: 10px;}
.local-map .pin.jeju {}
.local-map .pin.chonnam {}
.local-map .pin.kwangju {}
.local-map .pin.kwangju span {}
.issue-list {position: relative;;max-width: 500px;margin: 0 auto;margin-top: 30px;}
.issue-list .swiper-container {height: 380px;}
.issue-list .swiper-slide .inner {display: table;width: 100%;background: #fff;border-collapse: collapse;padding: 5px 0;}
.issue-list .swiper-slide {height: calc(100% / 3);}
.issue-list .swiper-slide .thumb {display: table-cell;width: 60%;vertical-align: middle;border: 1px solid #ddd;}
.issue-list .swiper-slide .thumb img {max-height: 80px;}
.issue-list .swiper-slide .info {display: table-cell;border: 1px solid #ddd;padding: 1.5rem;border-left: 1px solid #ddd; vertical-align: middle;font-weight: 500;font-size: 1.25rem; text-align: left}
.issue-list .swiper-slide .info span {display: block;color: #00aeef;margin-bottom: 10px;font-weight: 400;}
.issue-list button {padding: 0;border: 0;font-size: 0;outline: 0;}
.issue-list .swiper-button-next, .issue-list .swiper-button-prev {left: -60px; z-index: 1;}
.issue-list .swiper-button-next {right: -60px;left: auto}
.mobile-local-tab {display: none}

.footer-customer {background: #484848;color: #fff;font-size: 1.125rem;margin-bottom: -20px;}
.footer-customer dt {margin-bottom: 1em;}
.footer-customer nav {float: left;width: 65%;padding: 50px 0}
.footer-customer nav dt {font-weight: normal;padding-right: 50px;}
.footer-customer nav dl:last-child dt {padding-right: 0;}
.footer-customer nav dl {float: left;}
.footer-customer nav dd {color: #999;font-size: 1rem;margin-top: .25rem;}
.footer-customer .cs {padding: 50px 0;float: right;border-left: 1px solid rgba(255, 255, 255, 0.1);width: 35%;padding-left: 65px;}
.footer-customer .cs dd {font-size: 1.25rem}
.footer-customer .cs b {font-size: 2.312rem;color: #00aeef;display: block;}
.footer-customer .cs dd:last-child {margin-top: 1rem;}
.footer-customer .cs small {font-size: .937rem}

.popup.guide {width: 90%;max-width: 1100px;}
.popup.guide .slides {position: relative;max-width: 850px;margin: 0 auto;}
.popup.guide .slides li {display: none}
.popup.guide .slides li.active {display: block}
.popup.guide .slides li img {width: auto;margin: 0 auto}
.popup.guide .btn {-webkit-box-shadow: none;box-shadow: none;text-shadow: none; width: 4rem; height: 4rem;background: #fff !important;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);margin-top: -35px;font-size: 0;padding: 0;text-align: center !important;position: absolute;top: 50%;}
.popup.guide .btn.next:before {content: "\f105"}
.popup.guide .btn.prev:before {content: "\f104"}
.popup.guide .prev {left: -35px}
.popup.guide .next {right: -35px}
.popup.guide .btn:hover {background-color: #004c96 !important}
.popup.guide .btn:before {content: "";text-shadow: none; display: block !important;font: normal normal normal 2rem/1 FontAwesome;width: 4rem;height: 4rem;line-height: 4rem;color: #aaa}
.popup.guide .btn:hover:before {color: #fff;}


/* SUB */
.breadcrumb {text-align: right;font-size: .812rem;margin-bottom: 15px;}
.sub-top {background-color: #e6e6e6;text-align: center;height: 235px;margin-top: -20px;background-position: 50%;background-repeat: no-repeat; line-height: 1;position: relative}
.sub-top h1 {padding-top: 95px;font-size: 3.125rem;font-weight: 600; color:#fff;}
.sub-top p {margin-top: 10px;font-size: 17px}
.sub-top .go-back {display: none}
.sub-link {display: none;border-top: 1px solid rgba(255, 255, 255, 0.34);font-size: 0;position: relative;margin-top:  -80px;margin-bottom: 30px;}
.sub-link ul {border-left: 1px solid rgba(255, 255, 255, 0.35);}
.sub-link li {display: inline-block;vertical-align: top;padding: 0 15px;height: 50px;line-height: 50px;border-right: 1px solid rgba(255, 255, 255, 0.35);min-width: 50px;text-align: center;position: relative}
.sub-link li label {cursor: pointer;min-width: 220px;font-size: 1.125rem;color: #fff;text-align: left;padding-right: 30px;background: transparent url(../img_srpots/arr_select2.png) no-repeat 100% 50%;}
.sub-link ul ul {position: absolute;border: 0;padding: 1rem;left: 0;top: 100%;margin-top: -1px;width: 100%;display: none;font-size: 1rem;background: #222a3b;color: #fff;line-height: 1.6;z-index: 222;}
.sub-link ul ul li {display: block;float: none;border: 0;padding: 0;min-width: inherit;text-align: left;color: #fff;line-height: 1.6;height: auto;}
.sub-content .btn-home img {max-width: 30%}
.sub-category {position: relative;margin-top: 30px;margin-bottom: 40px; z-index: 22;}
.form {}
.form span.bar {padding: 0 5px;line-height: 30px;min-width: 20px;}
.form table.table {border-bottom: 1px solid #333}
.form table.table th {padding-left: 2rem;background: #f8f8f8;height: 50px; font-weight: 600;}
.form table.table th span {width:10px;display: inline-block;color: #e02d56;margin-left: -10px;}
.form table.table td .help-block {display: inline-block;margin-left: 15px;}
.form table.table td .btn {min-width: 90px;}
.form table.table td .checkbox, .form table.table td .radio {margin: 0;}
.form .form-group {max-width: 98%;}
.form .email div>div, .form .addr div>div{margin-bottom: 5px;}
.form .email div>div:last-child, .form .addr div>div:last-child  {margin: 0;}
.form .btn-box .btn {width: 120px;height: 40px;font-size: 15px;}
.form .form-group .help-block {line-height: 2rem}

.sub-content {padding: 30px 0;}
.sub-content h2 {text-align: center;font-size: 3.125rem;margin-bottom: 3%;}
.sub-content h2 p {display: block;font-size: 0.533em;color: inherit}
.sub-content h3 {text-align: center;font-size: 3.125rem;margin-top: 40px;margin-bottom: 40px; position: relative}
.sub-content h3:first-child {margin-top: 0;}
.sub-content h3+p {text-align: center;margin-top: -3%;margin-bottom: 5%;}
.sub-content h4 {font-size: 1.062rem;margin-top: 2rem;margin-bottom: 2rem;}

/* 소개 */
.company {}
.company .sub-top {color:#222}
.company strong {font-size: 1.125rem;display: block;letter-spacing:-1px}
.company p {color: #666; line-height: 1.8;font-size:1.1rem;}
.company .intro strong {margin-top: 40px;font-size:1.9rem;letter-spacing:-1px;padding-bottom: 30px;margin-bottom: 20px;position: relative;}
.company .intro strong:after {content:"";display: block;width: 50px;height: 1px;background: #222;position: absolute;left:0;bottom:0}
.company .intro p b {font-size: 1.562rem}
.company .intro .bg {padding: 70px 100px;color: #fff;height: 380px; font-size: 1.125rem;background: url(../img_srpots/bg_intro.png) no-repeat 0 0;background-size: cover;position: relative;margin-bottom: 8%}
.company .intro .bg strong {font-size: 2.062rem;font-weight: 500;display: block;padding-bottom: 1.25rem;margin-bottom: 1.25rem;position: relative}
.company .intro .bg strong:after {content: "";display: block;width: 2.5rem;height: 2px;background: #fff;position: absolute;left: 0;bottom: 0}
.company .intro .bg p {color: #fff;}
.company .intro .bg span {position: absolute;right: 1rem;bottom: -4rem}
.company .intro .sign {font-size: 1.437rem}
.company .intro .sign img {max-width: 80%}
.company .intro .row+.row {margin-top: 5%;}
.company .philosophy {text-align: center}
.company .philosophy .bg strong {font-size: 1.75rem;font-weight: 500;display: block;line-height: 1.3; vertical-align: top;position: relative;margin-bottom: 10px;}
.company .philosophy .bg strong span {color: #00a1ee;font-size: 2.5rem;font-weight: 800;display: inline-block;vertical-align: text-bottom}
.company .philosophy .bg strong span img {max-width: 16rem}
.company .philosophy .bg:before {content: "";display: block;height: 1.875rem;background: url(../img_srpots/bg_intro3_a.png) no-repeat 50%;}
.company .philosophy .bg:after {content: "";display: block;height: 3rem;background: url(../img_srpots/bg_intro3_b.png) no-repeat 50%;}
.company .vision {text-align: center}
.company .vision .bg strong {font-size: 1.75rem;font-weight: 500;display: block;line-height: 1.3; vertical-align: top;position: relative;margin-bottom: 10px;}
.company .vision .bg strong span {color: #00a1ee;font-size: 2.5rem;font-weight: 800;display: inline-block;vertical-align: text-bottom}
.company .vision .bg strong span img {max-width: 12.687rem}
.company .vision .bg:before {content: "";display: block;height: 1.875rem;background: url(../img_srpots/bg_intro3_a.png) no-repeat 50%;}
.company .vision .bg:after {content: "";display: block;height: 3rem;background: url(../img_srpots/bg_intro3_b.png) no-repeat 50%;}

/* 광고 */
.ad .intro .row {margin-bottom: 3rem;}
.ad .intro .row img {width: 100%}
.ad .intro .lead {text-align: center;margin-bottom: 90px}
.ad .intro strong {font-size: 1.5rem;display: block;margin-bottom: 5px;margin-top: 1em;}
.ad .intro strong:first-child {margin-top: 0;}
.ad .intro p {color: #666}
.ad .intro .bg {font-size: 0; background: url(../img_srpots/bg_ad.png);text-align: center;color: #fff;padding: 70px 20px;background-size: cover}
.ad .intro .bg strong {font-size: 2.5rem;margin-bottom: 1em}
.ad .intro .bg li {display: inline-block;vertical-align: top;min-width: 18%;padding: 0 6px;max-width: 20%}
.apply .flow {font-size: 0;margin-left: -1rem;margin-right: -1rem;}
.apply .flow li {width: calc(20% - 2rem);margin: 0 1rem;background: #f6f6f6;border: 1px solid #ddd;padding: 1rem;height: 6.875rem; display: inline-block;vertical-align: top;text-align: center;font-size: 1.125rem;position: relative}
.apply .flow li img {display: block;margin: 0 auto .5rem;}
.apply .flow li+li:before {content: "";display: block;background: url(../img_srpots/arr_flow.png) no-repeat 50%;width: 2rem;height: 1rem;position: absolute;left: -2rem;top: 50%;margin-top: -.5rem;}
.apply h4 {font-size: 1.625rem;margin-bottom: 1rem;}
.apply .form-group {line-height: 32px;}
.apply .form-group .form-control.inline {width: 65%}
.apply .table th small {font-size: .812rem;color: #888;display: block;margin-top: 5px;}
.apply hr {clear: both;border: 0;margin: 0;padding: 10px 0 0}
.apply hr:before {content: "";display: table;width: 100%;clear: both}
.apply hr:after {content: "";display: table;width: 100%;clear: both}

/* 회원 */
.login-form {overflow: hidden;position: relative}
.login-form h2 {}
.login-form section {border: 1px solid #e5e5e5;padding: 65px !important; overflow: hidden;height: 330px; position: relative}
.login-form section.login-banner {border: 0;padding: 0 !important;}
.login-form h4 {font-size: 1.25rem;margin-bottom: 1em;margin-top: 0;}
.login-form ul {text-align: left;display: inline-block;margin: 1.875rem auto 0;width: 100%;color: #666;font-size: .875rem;}
.login-form li {display: inline-block;}
.login-form li label {margin: 0;}
.login-form li input[type='checkbox'] {margin-top: -2px;vertical-align: middle;margin-right: 5px;}
.login-form li span.var {content: "";display: inline-block;vertical-align: middle;width: 1px;height: 12px;background: #ddd;margin-right: 5px;margin-left: 5px;}
.login-form li span.right {float:right;}
.login-form li+li {padding-left: 5px;margin-left: 5px;border-left: 1px solid #ddd;}
.login-form .form-group {margin: 0; position: relative;padding-right: 100px;}
.login-form .form-group .form-control {height: 3.125rem; background-color: #fbfbfb !important;border-color: #e5e5e5}
.login-form .form-group .form-control:last-child {margin-top: -1px;}
.login-form .form-group .btn {position: absolute;top: 0;right: 0;padding: 0;width: 105px; height: 100%;font-size: 15px;font-weight: 700;}
.login-form .login-footer {clear: both;position: relative;text-align: center;padding-top: 2.5rem;}
.login-form .login-footer .lead {font-size: 1.125rem;font-weight: bold;color: #453434;margin-bottom: 8px;}
.login-form .login-footer span {display: block;font-size: .875rem;margin-bottom: 1rem}
.login-form .login-footer .btn {padding: 10px 15px;font-size: 1.125rem; min-width: 130px}
.login-form .btn-box {padding: 0;overflow: hidden;margin-top: 10px;}
.login-form.idpw {}
.login-form.idpw h3 {text-align: left;font-size: 1.5rem;}
.login-form.idpw h3+p {text-align: left;margin-bottom: 3%;font-size: 1.125rem}
.login-form.idpw section {height: auto;border: 0;text-align: left;padding: 0;}
.login-form.idpw section .inner {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #fbfbfb;padding: 40px}
.login-form.idpw dl {max-width: 335px;margin: 0 auto}
.login-form.idpw dd+dd {margin-top: 10px;}
.login-form.idpw dt {font-size: .937rem;font-weight: 500;display: table-cell;width: 35%;}
.login-form.idpw dd {line-height: 30px}
.login-form.idpw .form-control {display: ;font-size: .937rem;height: 2.812rem;}
.login-form.idpw .bar {font-size: 1rem;text-align: center;display: inline-block;}
.login-form.idpw .phone {font-size: 0;}
.login-form.idpw .phone dd {font-size: 0;}
.login-form.idpw .phone .form-control {width: 30%}
.login-form.idpw .phone .bar {width: 5%;}
.login-form.idpw .sn .form-control {width: 30%}
.login-form.idpw .sn .bar {width: 70%;text-align: left;padding-left: 5px;}
.login-form.idpw .sn dd {font-size: 0;}
.login-form.idpw .btn-box {margin: 4% auto 8%}
.login-form.idpw .btn {font-size: 1.125rem;height: 2.5rem; width: 120px;height: 45px;;margin: 0 auto;}
.member-auth {}
.member-auth section {border: 1px solid #e1e1e1;padding: 60px;margin-bottom: 30px;}
.member-auth .inner {max-width: 580px;margin: 0 auto;}
.member-auth h3 {font-size: 20px;font-weight: bold;}
.member-auth .help-block {padding: 20px 0 30px; overflow: hidden; font-size: 14px; color: inherit;}
.member-auth p {float: left;}
.member-auth .checkbox {float: right;white-space: nowrap;}
.member-auth .btn-box {margin: 0; overflow: hidden;}
.member-auth .btn-box .btn {width: 280px;height: 80px; float: left;}
.member-auth .btn-box .btn img {margin-right: 10px;}
.member-auth .btn-box .btn:last-child {float: right}
.nonmember {clear:both; text-align:center; margin-top:-12px; margin-bottom:15px;}
.nonmember button {width:100%;}
.join-form {}
.join-form span.tit {margin-top: 30px;display: block;margin-bottom: 15px;font-weight: 500;}
.join-form span.tit em {color: #ff0000}
.join-form table.table th {padding-left: 30px;background: #f8f8f8;height: 50px; font-weight: 500;}
.join-form table.table th span {width:10px;display: inline-block;color: #ff0000;margin-left: -10px;}
.join-form table.table td .help-block {display: inline-block;margin-left: 15px;line-height: 2rem}
.join-form table.table td .help-block2 {display:block; margin-left:10px; color:#888; line-height:1.3rem; font-size:.75rem; margin-top:1.5rem;}
.join-form table.table td {font-size: .937rem}
.join-form table.table td .btn {min-width: 90px;}
.join-form table.table td .checkbox, .join-form table.table td .radio {margin: 0;}
.join-form table.table td .radio+.radio {margin-left: 1rem;}
.join-form .form-group {max-width: 90%;}
.join-form .email div>div, .join-form .addr div>div{margin-bottom: 5px;}
.join-form .email div>div:last-child, .join-form .addr div>div:last-child  {margin: 0;}
.join-form .btn-box .btn {width: 150px;height: 45px;font-size: 1rem;}
.join-form .join-result {text-align: center;font-size:1.5rem;margin: 5% 0;padding: 3rem;border:2px solid #e5e5e5;}
.terms {}
.terms .scrollable {white-space: pre-line;}
.terms .pre {white-space: pre-line;}
.terms h5 {font-size: 1.375rem;font-weight: 500}
.sitemap {color: #444}
.sitemap dt {font-size: 1.125rem;margin-bottom: 1rem;padding: 1rem;text-align: center;font-weight: normal; background: #fafafa; border: 1px solid #ddd;-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06);box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06)}
.sitemap dd {font-size: .937rem;line-height: 1.8;padding: 0 1rem;}

/* 게시판 */
.faq-category {clear: both;margin: 30px 0}
.faq-category {position:relative;overflow: hidden;}
.faq-category:after {content: "";display: block;position: absolute;left: 0;right: 0;bottom: 0px;border-bottom: 1px solid #bbb;}
.faq-category ul {padding-top: 1px; padding-left: 1px;}
.faq-category li {float: left;width: 14.2857%}
.faq-category li a {display: block;padding: .5rem 0;border: 1px solid #e1e1e1;background-image: none; background-color: #f5f5f5; color:#666;text-align: center;margin-top: -1px;margin-left: -1px;-webkit-transition: none;transition: none;}
.faq-category li.active a {background:#fff;border-color: #bbb;border-bottom-color: #fff; color: #222; position: relative; z-index: 1;}
.faq-list .table tbody td+td {border-left: 0;}
.faq-list .table tbody td {padding: 1rem 0}
.faq-list .table tbody td:first-child {width: 50px}
.faq-list .table .answer {display: none;}
.faq-list .table .answer td {text-align: left;padding-left: 100px;background: #f8f8f8}
.faq-list .table pre {word-break: keep-all; white-space: pre-wrap; font-family: inherit;background: none;border: 0;padding: 0;font-size: inherit;max-height: inherit;overflow: visible;border-radius: 0;margin: 0;}
.faq-list .table .answer.active {display: table-row}
.board-list table.table {}
.board-list table.table tr.notice td:first-child {color: #ff0000}
.board-list table.table th, .board-list table.table td {border-color: #eee; text-align: center; font-weight: 600; height: 50px;}
.board-list table.table.search td {text-align: left; height:auto; padding:2rem 1rem;}
.board-list table.table.search td h5{font-weight:600; margin-bottom:1rem; font-size:1.25rem; color:#222;}
.board-list table.table.search td div{margin-bottom:1rem; color:#777; font-size:.8751rem}
.board-list table.table.search td div p{text-decoration:underline; color:#0045f6; font-size:1.125rem; margin-bottom:.25rem;}
.board-list table.table thead th {border-color: #ddd;}
.board-list table.table td {color: #666; font-weight: normal;}
.board-list table.table td img {margin: 0 3px;vertical-align: -1px;}
.board-list table.table td .thumb img {vertical-align: middle;margin: 0 10px 0 0;}
.board-list table.table td.img img {max-width:90px}
.board-list table.table td.state span {color: #cbcbcb}
.board-list table.table td.state b {color: #353535;font-weight: normal}
.board-list table.table td.state .btn {background: none; border-bottom: 1px solid #ddd;padding: 0;padding-bottom: 3px}
.board-list table.table td.title {text-align: left;}
.board-list table.table td.reply .title {padding-left: 20px;}
.board-list table.table td.date a {color: #353535; display: block;}
.board-list table.table td.mileage {color: #353535}
.board-list table.table td.mileage.total {color: inherit}
.board-list table.table td.score img {margin: 0;}
.board-list table.table td.price {color: #222}
.board-list table.table td.price b {}
.board-list table.table td.price span {color: #353535;margin-left: 10px;}
.board-list table.table td b {color: #222;}
.board-list ul {border-top: 2px solid #333;}
.board-list li {padding-top: 2.5rem;padding-bottom: 2.5rem;border-bottom: 1px solid #e5e5e5}
.board-list li:nth-child(3n+1) {clear: left}
.board-list li .thumb {position: relative;margin-bottom: 1.25rem;padding-top: 50%;}
.board-list li .thumb a:after {content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.board-list li .thumb img {position: absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%}
.board-list li strong {font-size: 1.375rem;display: block;margin-bottom: 10px;}
.board-list li strong small {font-size: 1.125rem;font-weight: 300}
.board-list li dl {}
.board-list li dl dd {position: relative;padding-left: 1rem;}
.board-list li dl dd:before {content: "· ";position: absolute;left: 2px}
.board-list.partner li {min-height:440px}
.board-list.partner .thumb {padding-top: 40.0584%}
.board-list.ad-view .thumb {margin-bottom: 10px;}
.board-list.ad-view .thumb:after {content: "";display: block;position: absolute;left:0;top: 0;width: 100%;height: 100%; background: url(../img_srpots/ic_plus.png) no-repeat 50%;background-size: 4.312rem}
.board-list.ad-view .info {text-align: center}
.board-list.ad-view .info img {max-height: 3.125rem}
/* .board-list.ad-exp .thumb:after {content: "";display: block;position: absolute;right: -5px;bottom: -35px; width: 100px;height: 100px; background: url(../img_srpots/ic_click.png) no-repeat 100%;z-index: 1;} */
.board-list.ad-exp .info {text-align: center;max-width: 70%;border: 1px solid #e5e5e5;border-radius: 2rem;margin-left: auto;margin-right: auto;overflow: hidden}
.board-list.ad-exp .info img {max-height: 3.125rem}
.board-view table.table th, .board-write table.table th {padding-left: 30px;border-color: #ddd;}
.board-view table.table td, .board-write table.table td {border-color: #ddd;}
.board-view .board-con {padding: 20px;text-align: left}
.board-view .board-con img {margin-bottom: 1em;display: block;max-width: 100%;margin-left: auto;margin-right: auto;}
.board-write table.table textarea {min-height: 280px;}
.board-write table.table th {background: #fcfcfd;}
.board-write select {width: auto;min-width: 150px;}
.board-write .email div>div, .board-write .addr div>div{margin-bottom: 5px;}
.board-write .email div>div:last-child, .board-write .addr div>div:last-child  {margin: 0;}
.board-list .btn-box .btn, .board-write .btn-box .btn, .board-view .btn-box .btn, .board-lock .btn-box .btn {width: 160px;height: 45px; font-size: 1rem;}
.board-search {width: 474px;margin: 20px auto;}
.board-search .row {margin: 0;}
.board-search .row>div {padding: 0;}
.board-search .search-key {padding-left: 5px !important;padding-right: 70px !important;position: relative;}
.board-search select {background-color: #f9f9f9 !important;height: 2.2rem; background-image: url(../img_srpots/arr_select.gif)}
.board-search input {width: 100%;float: left;height: 2.2rem;background: #f9f9f9 !important;}
.board-search .btn {min-width: inherit; width: 65px;height: 2.2rem;padding: 0;border-radius: 0;position: absolute;right: 0;}
.board-search+.btn-box {padding-top: 0;margin-top: 0;float: right;position: relative;margin-top: -7.75rem;}
.board-search+.btn-box .btn {width: 120px; height: 45px;}
.board-lock {}
.board-lock .pw-confirm {text-align: center;padding: 65px; font-size: 14px; border: 1px solid #e5e5e5}
.board-lock .pw-confirm span {display: inline-block;margin-right: 15px;line-height: 32px;vertical-align: top;}
.board-lock .form-control {min-width: 35%}

.popup.guide {width: 90%;max-width: 1100px;}
.popup.guide .slides {position: relative;max-width: 850px;margin: 0 auto;}
.popup.guide .slides li {display: none}
.popup.guide .slides li.active {display: block}
.popup.guide .slides li img {width: auto;margin: 0 auto}
.popup.guide .btn {-webkit-box-shadow: none;box-shadow: none;text-shadow: none; width: 4rem; height: 4rem;background: #fff !important;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);margin-top: -35px;font-size: 0;padding: 0;text-align: center !important;position: absolute;top: 50%;}
.popup.guide .btn.next:before {content: "\f105"}
.popup.guide .btn.prev:before {content: "\f104"}
.popup.guide .prev {left: -35px}
.popup.guide .next {right: -35px}
.popup.guide .btn:hover {background-color: #004c96 !important}
.popup.guide .btn:before {content: "";text-shadow: none; display: block !important;font: normal normal normal 2rem/1 FontAwesome;width: 4rem;height: 4rem;line-height: 4rem;color: #aaa}
.popup.guide .btn:hover:before {color: #fff;}
#joinWrap iframe {border: 0;}

.point-save-pop {position: fixed;left: 50%;top: 50%;margin-left: -202px;margin-top: -150px;z-index: 9;}
.point-save-pop span {display: block;cursor: pointer;margin: 0 auto;text-align: center}

.chart .tab-nav {margin: 0 auto;text-align: center;}
.chart .tab-nav li {float:none;display: inline-block;width:30%;max-width:300px}
.chart .tab-nav li a {border:1px solid #00aeef;display: block;font-size:1.1rem;background: none;}
.chart-view .tit {background: #f1f5f8;padding: 1rem;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;margin-top: 30px;}
.chart-view .tit b {font-size:1.3rem;display: inline-block;margin-right: 1em;}
.chart-view .tit small {color:#666;font-size:.9rem}
.chart-view .tit span {border-radius:3px;background: #599bd7;line-height: 1;font-size:.8rem;padding: 2px .5em;color:#fff}
.chart-view .graph {text-align: center;padding: 5% 0;}
.chart-view .data {color:#666;padding: 1em;}
.chart-view .data b {color:#000;padding: 0 5px;}
.chart-view .data span {display: inline-block;}
.chart-view .data span+span {border-left: 1px solid #e5e5e5;margin-left: 8px;padding-left: 8px;}
.chart-view .data .up {color: #ff0000}
.chart-view .data .down {color: #1c8ff0}
.chart-view .data strong {font-size:2rem;display: block;line-height: 1.6;}
.chart-view .data {display: table;width: 100%;table-layout: fixed;padding: 1rem;}
.chart-view .data dt {font-weight: normal;}
.chart-view .data>* {display: table-cell;vertical-align: middle;}
.chart-view .sort {padding: 1rem;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.chart-view .sort a {display: inline-block;padding: .25em 1.5em;font-size:1.1rem;}
.chart-view .sort .active {background: #2b7dca;color:#fff;border-radius:1em}
.chart-view .sort-data {font-size:85%}
.chart-view .sort-data li {display: inline-block;width: 22%;}

.bg-gray {background:#f5f5f5; padding:6rem 0; }
.bg-gray h2 { text-align:center; font-size:34px; font-weight:bold; margin-bottom:6rem; }
.bg-gray .container, .bg-gray .sc3  {max-width:1400px; }
.bg-gray .img {text-align:right }
.bg-gray .m-tx { color:#666; }
.bg-gray .m-tx span.tit {display:block; color:#9eda37; font-size:58px; }
.bg-gray .m-tx span.tit b {font-weight:700; }
.bg-gray .m-tx strong {color:#333; }

.sc3 { padding:6rem 0; }
.sc3 h2 { text-align:center; font-size:34px; font-weight:bold; margin-bottom:4rem; }
.sc3 .logo {display:block; text-align:center; }
.sc3 ul.word {width:92%; margin:3rem auto; }
.sc3 ul.word li {display:inline-block; width:24%; padding:2rem; box-shadow:1px 1px 6px 4px rgba(0, 0, 0, 0.05); text-align:left; font-size:17px; color:#666; vertical-align:top; min-height:520px; }
.sc3 ul.word li+li {margin-left:1%}
.sc3 ul.word li img { display:block; margin:0 auto; }
.sc3 ul.word li b {display:block; margin:2rem 0; font-size:22px; color:#000; }

.bg-gray.ty1 {width:100%; position:relative; background:#f5f5f5; padding:0; overflow:hidden; }
.bg-gray.ty1 .intro {max-width:700px; text-align:left; margin:6rem 0; color:#666; line-height:1.8; }
.bg-gray.ty1 .intro b {display:block; font-size:30px; color:#000; margin-bottom:4rem; }
.bg-gray.ty1 .bg-img {position:absolute; left:50%; top:0; }

ul.people {}
ul.people li b.blue {display:block; color:#259cf5; font-size:18px; font-weight:normal; margin-bottom:2rem; min-height:5rem;}
ul.people li img {float:left; margin-right:2rem; }
ul.people li .info {color:#666; }
ul.people li .info b {display:block; color:#000; font-size:18px; margin:.5rem 0; }
ul.people li .info small {display:block; color:#888; font-size:14px; margin-bottom:1rem; }

.imgwrap img:last-child {display:none;}
.imgwrap:hover img:first-child {display:none;}
.imgwrap:hover img:last-child {display:inline-block;}

ul.organ-map {margin-top:3rem; font-size:0; background:#407c51; }
ul.organ-map li {display:inline-block; width:33.333%; height:420px; border-bottom:1px solid #333; overflow:hidden; }
ul.organ-map li:nth-child(3n+1), ul.organ-map li:nth-child(3n+2) {border-right:1px solid #333; }
ul.organ-map li:nth-child(13), ul.organ-map li:nth-child(14), ul.organ-map li:nth-child(15) {border-bottom:0px solid #333; height:280px }

@media (max-width: 768px) {
    html {font-size: 14px}
    body {min-width: 320px;overflow-x: hidden;}
    #wrap {position: relative;padding-top: 50px;overflow-x: hidden;}
    #wrap>#content {min-height: inherit;}
    .slick-prev, .slick-next {width: 2.5rem;height:2.5rem;}
    .slick-prev {left: -15px}
    .slick-next {right: -15px}
    .flex-direction-nav a {width:15px;height:30px;margin-top:-15px;line-height: 28px;color: #fff; text-align: center !important; background: rgba(0, 0, 0, 0.2);border-radius: 0; z-index: 2;}
    .flex-direction-nav a:before {display: none}
    .flex-direction-nav .flex-prev {opacity: 1;}
    .flex-direction-nav .flex-next {opacity: 1;}
    .flex-direction-nav .flex-disabled {opacity: 1 !important;z-index: 0}
    .flex-control-nav {bottom: 5%}
    .flex-control-paging li {margin: 0 3px}
    .flex-control-paging li a {width: 8px;height: 8px;}
    .flex-direction-nav a {width: 40px;height: 40px;margin-top: -20px;}
    .flex-direction-nav .flex-prev {left: -20px;}
    .flex-direction-nav .flex-next {right: -20px;}
    .flex-direction-nav a:before {width: 40px;height: 40px;line-height: 40px;}
    .top-banner {display: none}

    /* HEADER */
    #header {min-width: 320px; z-index: 60;border-bottom: 1px solid #e5e5e5;}
    #header .logo-area {padding: 0;position: fixed;background: rgba(255, 255, 255, 0.8); top: 0;left: 0;right: 0; padding: 0;z-index: 66;}
    #header h1 {position: static;line-height: 50px !important;width: auto;float: none;font-size:1.25rem}
    #header h1 img {max-height: 1rem;}
    #header .container {display: block;}
    #header .logo-area .container-fluid {height: 50px}

    #header .top-area>div {padding: 10px}
    #header .top-area>div.link {display: none}
    #header .top-area {height: 50px;font-size: 1rem;}
    #header .top-area .box {margin: 0;padding: .5rem;display: block}
    #header #gnb {display: none}
    .toggle-nav-wrap {display: block}
    .toggle-nav-wrap.active {}
    .toggle-nav-wrap.active #overlay {display: block}
    .toggle-nav-wrap.active .toggle-nav {display: block;;right: 0;-webkit-transition: right 0.6s;transition: right 0.6s;}
    .toggle-nav-wrap.active #toggle-close {opacity: 1; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.6s; transition: all 0.6s; z-index: 991;}
    #toggle-open {display:block; position: absolute;right: 15px;top: 0;padding: 0;background: none;height: 50px;font-size: 1.857rem;z-index: 90;color: #000}
    #header #send-msg {display:block; position: absolute;right: 15px;top: 0;padding: 0;font-size: 0;background: none;height: 50px;}
    #header #send-msg img {max-height: 1.2rem}
    #toggle-close {opacity: 0;position: fixed;right: 0;top: 0.5rem;padding: 0;line-height: 1;width: 3.5rem;/* height: 100%; */font-size: 2rem;background: none;color: #fff;z-index: -1;}
    .toggle-nav .user-info {padding: 1rem;padding-right: 3rem;min-height: 5rem;border-bottom: 1px solid #e5e5e5;font-size: 1rem;background: #00aeef;color: #fff;}
    .toggle-nav .user-info img {max-height: 1.1rem;margin-top: -2px;margin-right: 5px;}
    .toggle-nav .user-info a {margin-right: 5px;font-size: 0.8rem;border: 1px solid #0097cf;background:
#fff;border-radius: 5px;padding: .5em 1em;color: #111;}
    .toggle-nav .user-info .member {/* color: #00a1ee; */font-size: .937rem;}
    .toggle-nav .user-info .name {}
    .toggle-nav .user-info .btns {margin-top: 10px;}
    .toggle-nav .user-info .btns a {font-size: .785rem;border-radius: 5px;line-height: 1}
    .toggle-nav {position: fixed;right: -30rem;top: 0;height: 100%;overflow-y: auto;/* padding-bottom: 30px; */width: 20rem;text-align: left;background: #f7f7f7;color: #333;-webkit-transition: right 0.6s;transition: right 0.6s;z-index: 99;}
    .toggle-nav nav {float: none;/* padding-left: 1.875rem; */background: #f7f7f7;}
    .toggle-nav nav>ul>li {position: relative;display: block;margin: 0;line-height: normal;margin-bottom: 5px;border-bottom: 1px solid #e5e5e5;background: #fff;}
    .toggle-nav nav>ul>li>a {border-bottom: 1px solid #e5e5e5;position: relative;padding: .75rem 1rem;font-weight: bold;}
    .toggle-nav nav>ul>li>a span {display: block;/* padding: 1.5em 0 .5em 0 ; *//* font-size: 1.125rem; */position: relative;}
    .toggle-nav nav>ul>li>a span:after {/* content: ""; */position: absolute;left: 0;bottom: -2px;width: 100%;height: 2px;background: #00aeef;}
    .toggle-nav ul a {display: block;}
    .toggle-nav ul a img {display: block;margin: 0 auto 3px;max-height:1.95rem;}
    .toggle-nav ul ul li {padding: 0.7rem 0;display: inline-block;font-size: .8rem;width: 25%;text-align: center;}
    .toggle-nav ul ul {font-size: 0;}
    #header .mobile-link {position: absolute;right: 50px;top: 0; height: 50px;line-height: 50px;color: #fff;/* background: url(../img_srpots/ic_go.png) no-repeat 50% 0;background-size: 2rem;padding-top: 1.8rem; */font-size: .857rem;z-index: 222;}
    #header .top-search {position: static;margin: 15px;width: auto;margin-top: 5px;}
    #header .top-search input {height: 34px;background-color: #fff}
    #header .logo-area .bn {display: none}

    .login-btns {display: block;background: #fff;padding: 10px;text-align: center;border-top: 1px solid #e5e5e5;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}
    .login-btns .btn {border-radius:30px;width:30%}
    .login-btns .btn.blue {background: #00aeef;border-color: #00aeef;}
    .login-btns .btn.line {background: #fff;color: #222;}
    .top-widget {position: static;width: auto;padding-right: 10px;padding-left: 10px;height: 40px;background: none;}
    .top-widget .prev, .top-widget .next {border: 0;top: 0;bottom: 0;background: #fff}
    .top-widget span {font-size:90%}
    .top-widget .next {right: 5px;}
    .top-widget .prev {left: 5px;right: auto;}
    .top-widget .air, .top-widget .gold, .top-widget .coin {height: 40px}

    /* FOOTER */
    #footer {text-align: center;padding: 30px 0}
    #footer .logo {float: none;margin: 0 0 1rem;display: block;}
    #footer .logo img {max-height: 1rem}
    #footer .scroll-top {position:fixed; display:none; right:20px; bottom:0; background:#00aeef; width:35px; height:35px; color:#fff; line-height:35px; text-align:center; cursor:pointer; border-radius:100%; opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s;z-index: 3}
    #footer .scroll-top.is-showing {bottom:2em; opacity:0.9;}

    .float-banner {font-size:0;}
    .float-banner .left {position: static;-webkit-transform:none;transform:none;}
    .float-banner .right {position: static;-webkit-transform:none;transform:none;}
    .float-banner a {float: left;width: 25%;}


    /* MAIN */
    .index section {padding: 50px 0}
    .index section h1 {font-size: 1.312rem;margin-bottom: 1.5rem;}
    .index section h1+p {font-size: 1.062rem;margin-bottom: 1.5rem;margin-top: -1rem;}
    .index .more .btn {font-size: 1.062rem}
    .index .tab-nav ul {border-bottom: 0;}
    .index .tab-nav li {padding: 0}
    .index .tab-contents .tab-item {padding: 0;}
    .index .swiper-button-prev, .index .swiper-button-next {width: 18px;height: 44px;background-size: cover}
    .index .goods-list li:nth-child(odd) {clear:left;}
    .index .goods-list li .info strong {font-size: 1.062rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient:vertical}
    .footer-customer nav {float: none;width: auto;overflow: hidden;padding: 30px 0}
    .footer-customer nav dl {width: 32%;margin: 0;padding: 1rem 0;}
    .footer-customer .cs {float: none;width: auto;padding: 30px 0;border-top: 1px solid rgba(255, 255, 255, 0.1);border-left: 0;overflow: hidden;}
    .footer-customer .cs dd {font-size: 1rem;}
    .index .goods-list ul {margin-left: -10px;margin-right: -10px;}
    .index .goods-list li {width: 50%;padding-left: 10px;padding-right: 10px;}
	.index .goods-list li:nth-child(odd) {clear:left;}
    .top-ad-slider {/* margin-top: -15px;border-top: 10px solid #f1f5f8;border-bottom: 10px solid #f1f5f8; */}
    .top-ad-slider .swiper-slide {height: auto}
    .top-ad-slider .swiper-slide .copy {font-size: 1.153rem}
    .top-ad-slider .swiper-slide .img {/* max-width: 20%; */}
    .top-ad-slider .swiper-pagination {text-align: center;left: 10px;bottom: 1rem}

    .index .sc1 .ad-list ul {text-align: left}
    .index .sc1 .ad-list li:nth-child(n+9) {/*display: none*/}
    .index .sc1 .ad-list li {width: 25%;font-size: 1rem;text-align: center}
    .index .sc1 .ad-list li img {max-height: 2rem}
    .index .sc1 .ad-list .btn {display: inline-block}
    .index .sc1 .ad-list.active {}
    .index .sc1 .ad-list.active li:nth-child(n+11) {display: inline-block}
    .index .sc1 .ad-list.active .btn {display: none}

    .index .sc2 ul {margin-left: -5px;margin-right: -5px;}
    .index .sc2 li {-ms-flex-preferred-size: 33.3333%;flex-basis: 33.3333%;padding: 5px;}
    .index .sc2 li span {font-size: .9em}

    .mobile-local-tab {display: block;border: 1px solid #e5e5e5;background: #fff;position: relative}
    .mobile-local-tab dl {width: 25%;height: 204px;overflow-y: auto}
    .mobile-local-tab dt {background: #f1f5f8;color: #89949c;font-weight: normal;border-right: 1px solid rgba(0, 0, 0, 0.1); line-height: 40px;padding: 0 1em;border-bottom: 1px solid rgba(0, 0, 0, 0.1)}
    .mobile-local-tab dt.active {background: #fff;border-right-color: #fff}
    .mobile-local-tab dd {display: none;position: absolute;left: 25%;top: 0; right: 0;height: 100%;background: #fff}
    .mobile-local-tab dd.active {display: block}
    .mobile-local-tab ul {max-height: 200px;padding: 0 15px;font-size: 0;overflow-y: auto}
    .mobile-local-tab li {display: inline-block;width: 50%;font-size: 14px;line-height: 40px;text-align: center;border-bottom: 1px solid rgba(0, 0, 0, 0.1)}
    .mobile-local-tab li.active, .mobile-local-tab li:hover {color: #00aeef}

    #content aside {float: none;width: auto}
    .login-section {display: none}

    /* SUB */
    .breadcrumb {display: none}
    .sub-top {display: block;position: relative; color: #333; height: auto; text-align: center;margin-top: -15px;background: none !important; width: 100%;}
    .sub-top:before {display: none}
    .sub-top h1 {font-size: 1.187rem; display: block; padding:2rem 1rem 1rem 1rem !important; background-color: #f2f2f2; color:#222;  border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
    .sub-top h1+p {display: none; height: 3.125rem;margin: 0; vertical-align: middle; font-weight: bold;}
    .sub-top .go-back {display: block;position:absolute;left: 0;top: .5rem; line-height: 24px;padding: 1rem 0; margin-left: 15px;font-size:1.75rem;line-height: 1;z-index:2;}
    .sub-link {display: none;margin-top: 0;color: #000;background: #f9f9f9;border-bottom: 1px solid #ddd;border-top: 0;}
    .sub-link .container {padding: 0;}
    .sub-link li {border-color: #ddd;height: 30px;line-height: 30px;min-width: 30px;}
    .sub-link li:first-child {background: #ddd}
    .sub-link li label {color: inherit;font-size: 1rem;min-width: inherit;}
    .sub-link select.form-control {line-height: 30px;height: 30px;font-size: 1rem;}
    .sub-category {margin-bottom: 20px;margin-top: 0;}
    .sub-content {padding: 15px 0}
    .sub-content h2 {margin-top: 5%;margin-bottom: 1rem;font-size: 1.562rem}
    .sub-content h3 {margin: 4% 0; font-size: 1.5rem}

    /* 소개 */
    .company .intro strong {margin-top: 0;font-size:1.6rem}
    .company .intro .pull-right {text-align: center;float:none !important}
    .company .intro img {width: 100%;margin: 0 auto 1rem;}
    .company .intro .bg {padding: 30px;height: auto;}
    .company .intro .bg span {position: static;display: block;text-align: center;margin: 0 auto;margin-top: 1rem;}
    .company .intro .bg strong {font-size: 1.875rem;}
    .company .intro .bg strong br {display: none}
    .company .intro .bg p {font-size: 1rem;}
    .company .intro .bg p br {display: none}
    .company .philosophy .bg {padding: 30px;height: auto}
    .company .philosophy .bg strong {font-size: 1.5rem;}
    .company .philosophy .bg strong b {font-size: 2rem}
    .company .philosophy .bg p {font-size: 1rem;}
    .company .philosophy .bg p br {display: none}
    .company .vision .bg strong {font-size: 1.25rem;}
    .company .vision .bg strong b {font-size: 2rem}
    .company .vision .bg p br {display: none}

    /* 광고 */
    .apply .table {}
    .apply .table .text-right {text-align: left !important}
    .apply .table .border-right {border: 0 !important}
    .apply .flow {margin-left: -10px;margin-right: -10px;}
    .apply .flow li {font-size: .812rem;height: auto;padding: 10px 0;width: calc(20% - 20px);margin: 0 10px}
    .apply .flow li img {max-width: 1.875rem}
    .apply .flow li+li:before {background-size: .75rem;left: -20px;width: 20px;;}
    .ad .intro .lead {margin-bottom: 5%}
    .ad .intro .row img {margin-bottom: 1rem;}
    .ad .intro .bg {padding: 30px 15px}
    .ad .intro .bg strong {font-size: 1.875rem;}
    .ad .intro .bg li {max-width: inherit;width: 30%;margin-bottom: 1rem}

    /* 회원 */
    .login-form {width: 100%;}
    .login-form section {width: 100%;padding: 15px !important;height: auto}
    .login-form .form-group {padding-right: 80px;height: auto;}
    .login-form .form-group .form-control {width: 100%;height: 34px;padding-left: 5px;}
    .login-form .form-group .form-control.pw {border-top: 1px solid #ddd;}
    .login-form .form-group .btn {height: 100%;width: 75px;font-size: 15px;}
    .login-form .login-bottom .lead {font-size: 12px;display: block;margin-right: 0;margin-bottom: 5px;}
    .login-form .login-bottom span {display: block;line-height: normal;font-size: 11px;}
    .login-form .login-bottom .btn {margin: 0;}
    .login-form .login-footer {text-align: center}
    .login-form .login-footer .lead {font-size: 14px;}
    .login-form .login-footer span {font-size: 12px;}
    .login-form .login-footer .btn {position: static;padding: 6px 12px;min-width: inherit;}
    .login-form section.login-banner {display: none}
    .login-form .form-group.nologin {padding-right: 80px;}
    .login-form .form-group.nologin .btn {height: 100%;width: 75px;font-size: 15px;}
    .login-form .tab-nav li {width: 50%;}
    .login-form .tab-nav li+li {margin: 0;}
    .login-form .tab-nav li a {font-size: 13px;line-height: inherit;margin: 0;}
    .login-form .tab-contents {padding: 15px; height: auto;}
    .nonmember {clear:both; text-align:center; margin-top:-22px; margin-bottom:10px;}
    .nonmember button {width:100%;}
    .login-form.idpw section {}
    .login-form.idpw section .inner {padding: 20px;}
    .login-form.idpw h3 {font-size: 1.25rem;}
    .login-form.idpw h3+p {font-size: 1rem}
    .login-form.idpw .login-footer {max-width: inherit;padding-bottom: 30px;padding-top: 40px;margin-top: 0;}
    .member-auth {}
    .member-auth section {padding: 30px;margin-bottom: 10px;}
    .member-auth .inner {max-width: none;}
    .member-auth h3 {font-size: 16px;}
    .member-auth .help-block {font-size: 13px;padding: 15px 0;}
    .member-auth p {float: none;margin-bottom: 5px;}
    .member-auth .checkbox {float: none;}
    .member-auth .btn-box .btn {display: block;width: 100%; float: none;margin: 0 auto; height: auto;font-size: 15px;}
    .member-auth .btn-box .btn:last-child {margin-top: 5px;float: none;}
    .member-auth .btn-box .btn img {height: 12px;margin-right: 5px;vertical-align: 0}

    .join-form {}
    .join-form .sns-login {margin-bottom: 15px;}
    .join-form span.tit {}
    .join-form span.tit small {color: #888;margin-left: 10px;font-weight: normal;}
    .join-form table.table {border: 0;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
    .join-form table.table tbody {display: block;}
    .join-form table.table tr {display: block; padding: 12px 0; overflow: hidden}
    .join-form table.table tr+tr {border-top: 1px dotted #ddd;}
    .join-form table.table th {display: block;width: 100%; height: auto; padding: 0 10px;margin-bottom: 10px; border: 0; background: none;}
    .join-form table.table td {display: block;width: 100%;padding: 0 10px;border: 0;}
    .join-form table.table th span {width: 10px;margin-left: 1px;}
    .join-form table.table td span.bar {line-height: 30px;min-width: inherit;vertical-align: top;}
    .join-form table.table td .help-block {margin-left: 0;display: block;padding-top: 5px;clear: both;float: left;font-size: 90%;width:  100%;margin-top:  5px;}
    .join-form table.table td .help-block2 {margin-left: 0;display: block;padding-top: 5px;clear: both;float: left;font-size: 90%;width:  100%;margin-top:  5px;}
    .join-form table.table td .form-group {max-width: none;}
    .join-form table.table td .btn {min-width: inherit;padding-right: 0;padding-left: 0;width: 100%;}
    .join-form span.bar {padding: 0 1px;}
    .join-form td .col-xs-12+.col-xs-12 {margin-top: 5px;}
    .join-form .board .table td, .join-form .board .table th {padding: 5px;font-size:90%}
    .join-form .colTbl {text-align: center;width:100%}

    .join-form td.email span.bar {width: 8%;}
    .join-form td.email div[class*=col]:first-child {width: 42%}
    .join-form td.birth span.bar {width:5%;}
    .join-form td.birth div[class*=col] {width: 27%}
    .join-form td.birth div[class*=col]:first-child {width: 29%}
    .join-form td.phone div[class*=col] {width: 30%}
    .join-form .btn-box .btn {min-width: 30%;width: auto;height: auto;}

    .join-form .table .table tbody  {display: table-row-group}
    .join-form .table .table td  {display: table-cell;padding: 10px;border: 1px solid #ddd;}
    .join-form .table .table th  {display: table-cell;padding: 10px;border: 1px solid #ddd;}
    .join-form .table .table colgroup {display: table-column-group;}
    .join-form .table .table tr  {display: table-row}

    .agree-check {font-size: 12px;margin-top: 15px;}
    .agree-check .agree-top {padding: 8px;}
    .agree-check .agree {width: 100%;float: left;padding: 0;}
    .agree-check .terms {height: 100px;}
    .agree-check .privacy {width: 100%;margin-top: -1px;margin-left: 0;}

    .sitemap dl {margin-bottom: 1rem;}
    .sitemap dl:nth-child(3n+1) {clear: left}

    /* 게시판 */
    .faq-category {}
    .faq-category:after {display: none;}
    .faq-category li {width: 25%}
    .faq-category li a {font-size: 1em; border: 1px solid #d8dad8; padding: 0;height: 40px;line-height: 38px;}
    .faq-category li.active a {border: 1px solid #333;}
    .faq-list .table .answer td {padding: 1rem;}
    .board-list table.table {text-align: left;border-bottom-color: #eee}
    .board-list table.table th, .board-list table.table td {height: auto;}
    .board-list table.table thead {display: none}
    .board-list table.table tr:first-child {border-top: 0;}
    .board-list table.table tr.notice td:first-child {background: #353535;color: #fff;padding: 1px 5px;border-radius: 2px;}
    .board-list table.table tr {display: block;position: relative;padding: 10px 5px;border-top: 1px dotted #ddd;margin-top: -1px; overflow: hidden;}
    .board-list table.table td {border: 0 !important;padding: 0;display: inline-block;vertical-align: top;}
    .board-list table.table td+td {margin-right: 5px;}
    .board-list table.table td.no {font-weight: bold;position: absolute;right: 0;display: none}
    .board-list table.table td.no-list {display:block;}
    .board-list table.table td.hit {display: none}
    .board-list table.table td.date {color: #999;}
    .board-list table.table td.date a {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;}
    .board-list table.table td.order-no {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;margin-right: 0;}
    .board-list table.table td.mileage:before {content: "P ";}
    .board-list table.table td.mileage.total:before {content: "누적 P ";}
    .board-list table.table td.category {color: #353535;}
    .board-list table.table td.title {margin: 5px 0; line-height: 1.2; font-weight: bold;display: block;position: relative; height: auto;color: #222;}
    .board-list.thumb table.table tr {padding-left: 80px;min-height: 75px;}
    .board-list.thumb table.table .thumb {position: absolute;left: 0;top: 0;;margin-left: -80px;margin-top: -5px;}
    .board-list table.table td.img {float: left; width: 60px; height: 60px; margin-right: 10px;}
    .board-list table.table td.img img {max-width: 100%;}
    .board-list table.table td.writer {}
    .board-list table.table td.reply {padding-left: 12px;}
    .board-list table.table td.reply .title {padding-left: 0;}
    .board-list table.table td.state {position: absolute;right: 0;bottom: 0;padding: 10px 5px;margin: 0;}
    .board-list table.table td.state b {}
    .board-list table.table td.state .btn {padding: 2px 5px; border: 1px solid #ddd;}
    .board-list table.table td.qty:before {content: "수량 : "}
    .board-list table.table td.price:before {content: "판매금액 : ";}
    .board-list table.table td.price.pay:before {content: "결제금액 : ";}
    .board-list table.table td.price.total:before {content: "누적계 : ";}
    .board-list table.table td.qty+.state {bottom: auto;top: 0;}
    .board-list li:nth-child(3n+1) {clear: none;}
    .board-list.ad-view .thumb:after {background-size: 3.125rem}
    .board-list.ad-exp .thumb:after {background-size: 3.125rem}
    .board-view table.table {border: 0;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
    .board-view table.table tbody {display: block;}
    .board-view table.table tr {display: block; padding: 12px 0; overflow: hidden;}
    .board-view table.table tr+tr {border-top: 1px dotted #ddd;}
    .board-view table.table th {display: block;width: 100%; height: auto; padding: 0;margin-bottom: 10px; border: 0; background: none;}
    .board-view table.table td {display: block;width: 100%; padding: 0; border: 0;}
    .board-view table.table td.title {font-size: 16px;}
    .board-view table.table tr.board-info th, .board-view table.table tr.board-info td {display: inline-block;width: auto;margin: 0;font-size: 90%}
    .board-view table.table tr.board-info td {padding: 0 10px;}
    .board-view table.table td .board-con {padding: 0; word-break: break-all}
    .board-write table.table {border: 0;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
    .board-write table.table tbody {display: block;}
    .board-write table.table tr {display: block; padding: 12px 0; overflow: hidden;}
    .board-write table.table tr+tr {border-top: 1px dotted #ddd;}
    .board-write table.table th {display: block;width: 100%; height: auto; padding: 0;margin-bottom: 10px; border: 0; background: none;}
    .board-write table.table td {display: block;width: 100%; padding: 0; border: 0;}
    .board-write table.table textarea {min-height: 150px;}
    .board-write table.table select {width: 100%;}
    .board-write [class*=wp] {width: 100% !important;}
    .board-list .btn-box .btn, .board-write .btn-box .btn, .board-view .btn-box .btn, .board-lock .btn-box .btn {width: auto;height: auto; min-width: 30%;}
    .board-search {width: 100%;float: none;padding: 0 10px;margin: 20px auto;}
    .board-search select {background-size: 30px}
    .board-search .row {margin: 0;}
    .board-search .row>div {padding: 0;}
    .board-search+.btn-box {margin: 5% 0; float: none;text-align: center;}
    .board-search+.btn-box .btn {width: auto;height: auto;}
    .board-lock {}
    .board-lock .pw-confirm {padding: 35px 0;}
    .board-lock .pw-confirm span {margin-right: 5px;}

    .point-save-pop {-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);margin: 0;min-width: 90%}

    .chart .tab-nav li {max-width: inherit;width: 50%;}
    .chart-view .data {}
    .chart-view .data strong {display: inline-block;}
    .chart-view .data>dt {display: block;}
    .chart-view .data>* {display: inline-block;margin-right: 10px;}
    .chart-view .data b {padding: 0;}
    .chart-view .sort a {width:32%;text-align: center;}
    .chart-view .sort-data li {display: inline-block;vertical-align: top;width: auto;display: block;padding: 2px 0;margin: 0;}
    .chart-view .data span+span {padding-left: 5px;margin-left: 5px;}

	.bg-gray {padding:3rem 0; }
	.bg-gray h2 { text-align:center; font-size:1.5rem; font-weight:bold; margin-bottom:2rem; }
	.bg-gray .container, .bg-gray .sc3  {max-width:100%; }
	.bg-gray .img {text-align:center; margin-top:2rem }
	.bg-gray .m-tx { color:#666; }
	.bg-gray .m-tx span.tit {display:block; color:#9eda37; font-size:2.25rem; margin-bottom:1rem }

	.sc3 { padding:3rem 0; }
	.sc3 h2 { text-align:center; font-size:1.5rem; font-weight:bold; margin-bottom:2rem; }
	.sc3 .logo img {width:50%;}
	.sc3 ul.word {width:90%; margin:2rem auto; }
	.sc3 ul.word li {display:inline-block; width:100%; padding:1.5rem; text-align:left; font-size:1rem; color:#666; vertical-align:top; min-height:15rem; }
	.sc3 ul.word li+li {margin-left:0%; margin-top:1rem; }
	.sc3 ul.word li img { display:block; margin:0 auto; width:5rem;}
	.sc3 ul.word li b {display:block; margin:1rem 0; font-size:1.25rem; color:#000; }

	.bg-gray.ty1 {width:100%; position:relative; background:#f5f5f5; padding:0; overflow:hidden; }
	.bg-gray.ty1 .container {width:100%; margin:0; padding:0; }
	.bg-gray.ty1 .intro {max-width:100%; text-align:left; margin:2rem 1rem; color:#666; line-height:1.6; }
	.bg-gray.ty1 .intro b {display:block; font-size:1.5rem; color:#000; margin-bottom:2rem; }
	.bg-gray.ty1 .bg-img {display:block; position:relative; left:0; bottom:0; }

	ul.people li b.blue {display:block; color:#259cf5; font-size:1.15rem; font-weight:normal; margin-bottom:1rem; }
	ul.people li img {float:left; margin-right:1.5rem; width:30%;  }
	ul.people li .info {float:left; width:60%;color:#666; vertical-align:top; }
	ul.people li+li { margin-top:2rem; }
	ul.people li .info b {display:block; color:#000; font-size:18px; margin: 0 0 .5rem 0; }
	ul.people li .info small {display:block; color:#888; font-size:14px; margin-bottom:1rem; }

	.imgwrap1 img:last-child {display:none;}
	.imgwrap1:hover img:first-child {display:none;}
	.imgwrap1:hover img:last-child {display:inline-block;}

	ul.organ-map {width:100% !important; margin-top:2rem; }
	ul.organ-map li {height:10rem; }
	ul.organ-map li:nth-child(13), ul.organ-map li:nth-child(14), ul.organ-map li:nth-child(15) {height:7rem; }
}

@media all and (max-width: 576px) {
}

@media all and (max-width: 320px) {
    html {font-size: 12px}
}

/* 룰렛 */
.roulette {position: absolute;left:0;right:0;top:0;z-index: 99999;color:#fff}
.roulette #overlay {position: fixed;;display: block;background: rgba(0,0,0,0.7);opacity: 0.9;top:0;left:0;right:0;bottom:0;z-index: 1;}
.roulette .inner {max-width:705px;margin: 0 auto;position: relative;text-align: center;z-index: 999;}
.roulette .tit {position: relative;margin-top: 10%;margin-bottom: 5%;z-index: 2;}
.roulette #r-close {position: absolute;right:-80px;top:-10px}
.roulette .animation-area {position: relative;z-index: 3;}
.roulette .animation-area .image-wrap {display: inline-block;position: relative;border-radius: 50%;}
.roulette .animation-area #pointer {position: absolute;top: 15px;left: 50%;margin-left: -20px; z-index: 3;}
.roulette .animation-area #image {position: relative;z-index: 2;}
.roulette .animation-area #info {position: absolute;right:-80px;top: 0;}
.roulette .animation-area #people {position: absolute;left:-10px;bottom: -10px;}
.roulette .animation-area #start {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 0;width: 150px;height: 150px;background: none;outline: 0; border: 0;padding: 0; z-index: 15;}
.roulette .animation-area .roulette-event-text {position: absolute;width: 100%;height: 100%;top: 0;z-index: 12;}
.roulette .animation-area .roulette-event-text ul {height: 100%;position: relative;}
.roulette .animation-area .roulette-event-text li {width: 25%;font-size: 1.4rem; color: #000;height: 50%;position: absolute;left: 50%;padding-top: 12%;bottom: 50%;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}
.roulette .animation-area .roulette-event-text li b {font-size: 2rem;;display: block}
.roulette .animation-area .roulette-event-text li:nth-child(1) {-webkit-transform: translate(-50%, 0) rotate(23deg);transform: translate(-50%, 0) rotate(23deg)}
.roulette .animation-area .roulette-event-text li:nth-child(2) {-webkit-transform: translate(-50%, 0) rotate(69deg);transform: translate(-50%, 0) rotate(69deg)}
.roulette .animation-area .roulette-event-text li:nth-child(3) {-webkit-transform: translate(-50%, 0) rotate(112deg);transform: translate(-50%, 0) rotate(112deg)}
.roulette .animation-area .roulette-event-text li:nth-child(4) {-webkit-transform: translate(-50%, 0) rotate(158deg);transform: translate(-50%, 0) rotate(158deg)}
.roulette .animation-area .roulette-event-text li:nth-child(5) {-webkit-transform: translate(-50%, 0) rotate(201deg);transform: translate(-50%, 0) rotate(201deg)}
.roulette .animation-area .roulette-event-text li:nth-child(6) {-webkit-transform: translate(-50%, 0) rotate(246deg);transform: translate(-50%, 0) rotate(246deg)}
.roulette .animation-area .roulette-event-text li:nth-child(7) {-webkit-transform: translate(-50%, 0) rotate(293deg);transform: translate(-50%, 0) rotate(293deg)}
.roulette .animation-area .roulette-event-text li:nth-child(8) {-webkit-transform: translate(-50%, 0) rotate(338deg);transform: translate(-50%, 0) rotate(338deg)}

@media all and (max-width: 768px) {
    /* 룰렛 */
    .roulette {padding-top: 10vw;}
    .roulette .inner {max-width: 90vw;}
    .roulette .tit {max-width:65vw;margin-left:auto;margin-right: auto;}
    .roulette #r-close {right:-10vw;}
    .roulette #r-close img {max-width:10vw}
    .roulette .animation-area #pointer {max-width: 6vw;margin-left: -3vw;}
    .roulette .animation-area #image {position: relative;z-index: 2;}
    .roulette .animation-area #info {right:0;top:-5vw;max-width:20vw;z-index: 33;}
    .roulette .animation-area #start {width: 12vw;height: 12vw;}
    .roulette .animation-area .roulette-event-text li {font-size: .9rem}
    .roulette .animation-area .roulette-event-text li b {font-size: 1.3rem}
}

.panel {width:100vw !important;height: 100vh !important;}

.btn-point {text-align: center;padding: 2em 0;margin-top: 4%;}
.btn-point .btn.red {border:1px solid #000;background: none;color:#000;font-size:1.5em;padding: 1em 3em;}

/* join_step2 */
.agreeAll {margin:30px 0;background: #f5f5f5;border: 1px solid #ddd;padding: 15px 0;text-align:center;}
.agreeAll label {font-size:14px;}
.agreeTxt .agreeArea {margin-top:10px;}
.agreeTxt .agreeArea .infoTxt {font-size: 16px;font-weight: bold;color: #2193b9;margin-bottom: 20px;margin-top:  30px;}
.agreeTxt .agreeArea .agreeInner {height: 180px;border: #e9e9e9 1px solid;overflow-y:auto; padding:15px; line-height:22px;}
.agreeTxt .agreeArea .agreeInner.type2{overflow-y:inherit; height:auto}
.agreeTxt .agreeArea .agreeInner strong{ color:#222; font-size:13px;}
.agreeTxt .agreeArea p.lableP {margin-top: 15px;margin-bottom: 30px;width: 100%;}

.visible-phone     { display: none; }

@media (max-width:767px) {

    .visible-phone     {display: block; }
    .hidden-phone      { display: none; }
    .hidden-desktop    { }
    .visible-desktop   { display: none; }
}

@media (min-width:768px) {

    .visible-phone     { display: none; }
    .visible-tablet    { display: none; }
    .visible-desktop   { }
    .hidden-phone      { }
    .hidden-tablet     { }
    .hidden-desktop    { display: none; }
}