@charset "utf-8";
@import url('https://webfontworld.github.io/sebang/SebangGothic.css');
/* Common */
body,p,hr,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,div {margin:0;padding:0}
body,textarea,table {font-family:'Pretendard','Montserrat','Noto Sans KR', Gulim, AppleGothic, sans-serif;font-size:13px;}
height: 100%;
word-break: keep-all;
}
::selection {
    background: rgba(250,69,21,0.9);
    color: #fff;
}
0% {
    opacity: 0;
    transform: translateY(50px);
}
100% {
    opacity: 1.0;
    transform: translateY(0);
}
img,fieldset{border:0;}
ul,ol{list-style:none;}
em,address {font-style:normal}
a {color:black;text-decoration:none}
a:hover,a:active,a:focus {text-decoration:none}
.blind {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:0;line-height:0}

*{box-sizing:border-box}

.container{position:relative;max-width:1300px;margin:0 auto}
.container .page-title{padding:30px 0;text-align:center;font-size:23px;font-weight:bold}

.tab-box{margin-bottom:30px;}
.tab-box:after{display:block;clear:both;content:''}
.tab-box a{display:inline-block;padding:6px;border:1px solid #ccc}
.tab-box a.active{background-color:#666;font-weight:bold;color:#fff;border-color:#666}
.tab-box a:first-child{border-radius:5px 0 0 5px;border-right:0}
.tab-box a:last-child{border-radius:0 5px 5px 0}

.tbl-list,
.tbl-list th,
.tbl-list td{border:0}
.tbl-list{width:100%;margin-bottom:30px;border-collapse:collapse;table-layout:fixed;border-top:2px solid #444}
.tbl-list caption{padding:8px;text-align:left;font-weight:bold}
.tbl-list th,
.tbl-list td{padding:10px 8px;border:1px solid #666}
.tbl-list thead th{    background-color: #5b8fe2;
    color: #fff;}
.tbl-list tbody td{white-space:nowrap;overflow:hidden}
.tbl-list tbody td .count{color:red;font-size:11px;margin-left:5px}
.tbl-list tbody .finish{opacity:.35}
.tbl-list tbody .item{cursor:pointer}
.tbl-list tbody .active{background-color:#efefef}
.tbl-list .i_text{position:relative;max-width:100%;margin:2px;margin-right:14px;padding:6px 8px;border:1px solid #ddd;outline:none;box-sizing:border-box;}
.tbl-list .i_check,
.tbl-list .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.tbl-list a{;}
.tbl-list .btn{margin:0 2px}
.tbl-list .btn-detail{cursor:pointer}
.tbl-list .btn-detail:hover{background-color:#f0f0f0}

.tbl-info, .tbl-info th, .tbl-info td{border:0}
.tbl-info{width:100%;border-collapse:collapse;table-layout:fixed;}
.tbl-info caption{padding:8px;text-align:left;font-weight:bold}
.tbl-info th, .tbl-info td{padding:8px;border-bottom:1px solid #e5e5e5}
.tbl-info th{background-color:#f0f0f0;color:#444}

.tbl-type-a{;}
.tbl-type-b{;}
.tbl-type-b th{background-color:#f0f0f0}

.btn{display:inline-block;padding:8px 12px;border:0;cursor:pointer;white-space:nowrap;text-decoration:none;line-height:1.2}
.btn-small{padding:4px}
.btn-default{background-color:#777;color:#fff;border-radius:3px;}
.btn-primary{background-color:#444;color:#fff;border-radius:3px}

.btn-right{padding:6px 0;text-align:right}

.btn-both{padding:8px 0;}
.btn-both:after{display:block;clear:both;content:''}
.btn-both .fl{float:left;}
.btn-both .fr{float:right}

.mask{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8)}
.loading{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8) url(../images/logo.png) center no-repeat;z-index:1000}

.mw{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100}
.mw .bg{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}
.mw .fg{position:fixed;top:50%;left:50%;background-color:#fff}
.mw.active{display:block}

.paginate-complex{margin-bottom:30px;padding:15px 0;line-height:normal;text-align:center;}
.paginate-complex a{margin:0 1px;padding:5px 10px;color:#666;font-size:13px;text-decoration:none}
.paginate-complex a.on,
.paginate-complex a:hover{color:#ff565c;font-weight:bold}

.form-search{position:relative;margin-bottom:14px;padding:16px;padding-bottom:0;border-radius:4px}
.form-search label{display:inline-block;width:90px;font-weight:bold}
.form-search .item{margin-bottom:14px}
.form-search .i_text{position:relative;max-width:100%;margin:2px;margin-right:14px;padding:6px 8px;border:1px solid #ddd;outline:none;box-sizing:border-box;}
.form-search select.i_text{padding:5px 8px}
.form-search .datepicker{margin-right:0;margin:0 5px}
.form-search .btn-group{position:absolute;top:16px;right:16px}
.form-search .btn-download{padding-left:24px;border:1px solid #bbb;background:#efefef url(../images/download.png) 4px 7px no-repeat;color:#444}

.form-table{}
.form-table input,
.form-table textarea,
.form-table select,
.form-table table,
.form-table button{vertical-align:top}
.form-table table,
.form-table th,
.form-table td{border:0}
.form-table table{width:100%;margin-bottom:20px;border:0;table-layout:fixed;border-collapse:collapse;border-top:2px solid #ccc}
.form-table caption{padding:8px;font-weight:bold;text-align:left}
.form-table th,
.form-table td{padding:8px}
.form-table th{color:#333}
.form-table td{color:#666}
.form-table thead th{border-bottom:1px solid #ccc;background:#f8f8f8}
.form-table tbody th{border-bottom:1px solid #ddd;background:#fafafa;text-align:left}
.form-table tfoot th{border-bottom:1px solid #ddd}
.form-table tbody td{border-bottom:1px solid #ddd}
.form-table tfoot td{border-bottom:1px solid #ddd;font-weight:bold;color:#333}
.form-table em{color:#f33}
.form-table .item{position:relative;margin:-4px 0}
.form-table .item .i_help{position:absolute;top:4px;right:0}
.form-table .item .i_label{ top:6px; left:10px}
.form-table .item .i_dsc{margin:2px 0}
.form-table .item .i_check,
.form-table .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.form-table .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.form-table .item .i_text{position:relative;max-width:100%;margin:2px;padding:6px 8px;border:1px solid #ddd;outline:none;box-sizing:border-box}
.form-table .item .i_text:hover,
.form-table .item .i_text:focus{border-color:#334478}
.form-table .item .i_text:read-only{background-color:#ddd}
.form-table .item label{margin:0 10px 0 0;cursor:pointer;white-space:nowrap}
.form-table .cont{margin:20px 0;background:#fff}
.form-table .right{float:right}
.form-table .space{display:inline-block;padding:3px 40px 0 0}

#header{border-bottom:1px solid #ccc;}
#header h1{padding:30px 0}
#header h1 a{text-decoration:none}
#header .gnb{padding:12px 0;text-align:right;background-color:#f0f0f0}
#header .lnb{background-color:#ccc}
#header .lnb ul{;}
#header .lnb ul:after{display:block;clear:both;content:''}
#header .lnb ul li{float:left;width:20%;}
#header .lnb ul li a{display:block;padding:12px 0;font-size:15px;font-weight:bold;text-align:center;text-decoration:none}
#header .lnb ul li a:hover{background-color:#444;color:#fff}

#footer{ background:#1c1c1c; color:#afafaf; padding:30px 0;text-align:center}

/* 로그인 */
#page-login{width:100%;min-height:600px;margin-bottom:0}
#page-login .page-title{text-align:center}
#page-login form{width:480px;margin:0 auto 0px;padding:30px;}
#page-login .item-group{margin-bottom:15px}
#page-login .item{position:relative;margin:0 0 8px;border:1px solid #d7d7d7;}
#page-login .item label{position:absolute;top:12px;left:12px;font-weight:bold;font-size:12px}
#page-login .item .i_text{width:70%;margin-left:25%;padding:12px 5px; border:0; outline:none;border-left:1px solid #ccc;-webkit-appearance:none;appearance:none;-webkit-border-radius:0;}
#page-login .item-save{}
#page-login form .btn-primary{display:inline-block;width:100%;padding:15px;border:0;background-color:#ffc800;color:#fff;font-size:17px;margin-bottom:20px;}
#page-login form .btn-info-search{padding:15px 0;text-align:center; border-top:1px solid #e4e4e4; margin-top:15px; font-size:13px; color:#3f3f3f; color:#e4e4e4;}
#page-login form a{padding:3px 5px;white-space:nowrap;text-decoration:none}

/* 회원가입 - 이용약관 */
#page-join-agreement{width:800px}
#page-join-agreement h2{margin-bottom:30px}
#page-join-agreement form{}
#page-join-agreement section{margin-bottom:30px;}
#page-join-agreement section h2{margin-bottom:24px}
#page-join-agreement section div{height:300px;margin-bottom:12px;padding:12px;border:1px solid #ccc;overflow:auto;}
#page-join-agreement section p{}
#page-join-agreement section .i_check{position:relative;top:3px;margin-right:5px}
#page-join-agreement .btn-center{padding:30px 0;text-align:center}

/* 회원가입 */
#page-join{padding:35px 17px;background-color:#fff;}
#page-join.finish textarea {margin: 10px 0;}
#page-join h2{margin-bottom:18px;padding:12px 12px;border-top:2px solid #444;color:#444;font-weight:600;background-color:#f0f0f0}
#page-join .row{margin-bottom:18px;}
#page-join .row:after{display:block;clear:both;content:''}
#page-join .row label{float:left;width:90px;padding-top:12px;font-weight:bold;font-size:12px;}
#page-join .row label em{color:#f33}
#page-join .row .item{margin:0;margin-left:90px;}
#page-join .row .item .i_text{margin-left:0;width:100%;padding:10px;border:0;box-sizing:border-box;outline:none;background-color:transparent;font-size:12px;}
#page-join .item .btn-validate{float:none;position:absolute;top:1px;right:1px;bottom:1px}
#page-join .item .email1{width:30%}
#page-join .item .email2{display:none;width:60%}
#page-join .item .email3{width:60%}
#page-join em{color:#f33;margin-right:3px}

#page-join{width:800px;}
#page-join .i_text{margin:3px 1px;padding:3px}
#page-join section{margin-bottom:20px;}
#page-join textarea{width:99%; background-color: #f7f7f7; margin: 0 auto; color: #111111; border: 1px solid #d7d7d7; padding: 5px; box-sizing: border-box;}
#page-join h2{margin-bottom:18px;padding:12px 12px;border-top:2px solid #444;color:#444;font-weight:600;background-color:#f0f0f0}
#page-join label{display:inline-block;white-space:nowrap;}
#page-join .btn{display:inline-block;padding:12px;border:0;text-align:center;cursor:pointer}
#page-join .btn-group{padding:12px 0;text-align:center}
#page-join .btn-group .inputset{float:left;width:82%;}
#page-join .btn-group .inputset .i_text{width:90%;margin:3px 0;padding:6px 2px;text-align:center}
#page-join .btn-group .btn{float:left;width:18%;margin:3px 0;padding:8px 0}
#page-join .btn-primary{;}
#page-join .btn-default{background-color:#fff;border:1px solid #16a2fb;color:#16a2fb}
#page-join .btn-validate{background-color:#3b3b39;color:#fff;}
#page-join .btn-center{text-align:center;}
#page-join .btn-both{margin-bottom:20px;overflow:hidden;}
#page-join .btn-both .fl{float:left}
#page-join .btn-both .fr{float:right}
#page-join .btn-both .btn,
#page-join .btn-center .btn{width:48%;padding:10px 0;}
#page-join .btn-both .btn-full{width:100%}
#page-join p.dot{position:relative;padding-left:14px}
#page-join p.dot::before{position:absolute;top:0;left:0px;content:'※'}
#page-join .item{position:relative;border:1px solid #d7d7d7;background-color:#f7f7f7}
#page-join .item.phone,
#page-join .item.userphone,
#page-join .item.useremail{display:flex;border:0;background-color:transparent;}
#page-join .item.phone .i_text,
#page-join .item.useremail .i_text{border:1px solid #d7d7d7;background-color:#f7f7f7}
#page-join .item.phone select.i_text{width:30%;padding:9px}
#page-join .item select[name=userphone1],
#page-join .item input[name=userphone2],
#page-join .item input[name=userphone3]{width:35%;}
#page-join .item.label .i_text{margin-left:35%;width:60%}
#page-join .item .btn-validate{float:none;position:absolute;top:1px;right:1px;bottom:1px}
#page-join .item .email1{width:30%}
#page-join .item .email2{display:none;width:60%}
#page-join .item .email3{width:60%}

#page-join-finish{width:800px}
#page-join-finish h2{margin-bottom:30px}
#page-join-finish textarea{display:block;width:100%;height:300px;margin:0 auto 12px;padding:12px;border:1px solid #ccc;overflow:auto;}
#page-join-finish .btn-center{padding:30px 0;text-align:center}

/* 게시판 */
#page-board-lists{;}
#page-board-lists table,
#page-board-lists th,
#page-board-lists td{border:0}
#page-board-lists table{width:100%;border-top:2px solid #444;border-spacing:0}
#page-board-lists th,
#page-board-lists td{padding:8px;border-bottom:1px solid #ccc}
#page-board-lists thead th{background-color:#eee}
#page-board-lists table .notice{background-color:#f9f9f9}
#page-board-lists table .notice .ico-notice{display: inline-block;margin: 1px 3px 0 0;width: 52px;height: 25px;line-height: 23px;text-align: center;font-size: 12px;color: #fff;border-radius: 3px;background: #e23950;;}
#page-board-lists table .notice a{font-weight:bold;color:#f24d63;}
#page-board-lists .category{margin-bottom:30px}
#page-board-lists .category a{display:inline-block;width:120px;margin-right:10px;padding:10px 15px;text-align:center;border:1px solid #444;text-decoration:none;font-size:15px}
#page-board-lists .category a.active{background-color:#444;color:#fff;}

#page-board-view{;}
#page-board-view .comment{}
#page-board-view .comment h3.hx{padding:12px;background-color:#f9f9f9;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#page-board-view .comment .list{margin-bottom:12px;}
#page-board-view .comment .list .item{padding:12px;background-color:#fff;border-bottom:1px solid #e1e1e1}
#page-board-view .comment .list .item p{margin-bottom:12px}
#page-board-view .comment .list .item .username{color:#666}
#page-board-view .comment .list .item .date{color:#666}
#page-board-view .comment .list .reply{padding:12px;padding-left:30px;background-color:transparent}
#page-board-view .comment .list .reply .cont{}
#page-board-view .comment .list .reply p{margin-bottom:12px}
#page-board-view .comment .list .reply .username{color:#666}
#page-board-view .comment .list .reply .date{color:#666}
#page-board-view .comment .form{}
#page-board-view .comment .form .item{}
#page-board-view .comment .form .item .i_text{width:100%;height:120px;padding:6px;border:0;outline:none;box-sizing:border-box}
#page-board-view .section-reply{display:none;margin-top:10px;}
#page-board-view img{max-width:100%}

#page-main{min-height:500px}
#page-main{}
#page-main .swiper {display:block;width:100%;height:100%;font-family: 'Noto Sans KR';}
#page-main .swiper .mouse_wheel { z-index:999999;position: absolute; left: 50%; bottom: 100px; z-index: 5; transform: translateX(-50%); text-decoration:none;text-align: center; font-size: 12px; font-weight: 600; color: #fff; text-transform: uppercase; display: flex; flex-direction: column; align-items: center; }
#page-main .swiper .mouse_wheel:after { content: ''; margin-top:10px; width: 12px; height: 12px; border-bottom: 3px solid #fff; border-left: 3px solid #fff; transform: rotate(-45deg); }

#page-main .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;position:relative;}
#page-main .swiper-slide .item-bg { display:block;}
#page-main .swiper-slide .text { position:absolute;  z-index:3000; font-family:'GmarketSans';}
#page-main .swiper-slide .text p {overflow: hidden;}
#page-main .swiper-slide .text .text01 { font-weight: 300; display:block;margin-top:50px;color:#fff; line-height: 120px; font-size: 72px;letter-spacing:-2px;   }
#page-main .swiper-slide .text .text02 {font-weight: 800; display:block;color:#fff; line-height: 110px; font-size: 110px; }
#page-main .swiper-slide img { display: block; width: 100%;  height: 100%; object-fit: cover;}
#page-main .swiper-slide.swiper-slide-active .item-bg{animation:itembg 3s; }
#page-main .swiper-slide.swiper-slide-active .text01{animation:main-tit01 2s;}
#page-main .swiper-slide.swiper-slide-active .text02{animation:main-tit02 2s;}
#page-main .swiper-slide.swiper-slide-active .text03{animation:main-tit03 6s;}
#page-main .swiper-button-next,
#page-main .swiper-rtl .swiper-button-prev { right:100px; font-size:0;color:transparent;}
#page-main .swiper-button-prev,
#page-main .swiper-rtl .swiper-button-next { left:100px; font-size:0;color:transparent;}

@keyframes main-tit01 {
    from { transform:translate(0, -50px); opacity:0; }
    to { transform:translate(0, 0); opacity:0.8 }
}

@keyframes main-tit02 {
    from { transform:translate(0, 50px); opacity:0; }
    to { transform:translate(0, 0); opacity:0.8 }
}


@keyframes txt01 {
    from { transform:translate(0, 20px); opacity:0; }
    to { transform:translate(0, 0); opacity:1 }
}
@keyframes txt02 {
    from { transform:translate(0, 40px); opacity:0; }
    to { transform:translate(0, 0); opacity:1 }
}
@keyframes txt03 {
    0% { transform:translate(0, 60px); opacity:0; }
    100% { transform:translate(0, 0); opacity:1 }
}


#navbar{position:fixed;top:0;width:100%;transition: 0.4s;z-index: 10000; padding: 10px 0 0 0; border-bottom:0px solid rgba( 255, 255, 255, 0.2); }
#navbar #header-wrap { width:100%; margin:0 auto; position:relative;}
#navbar #header-wrap #header-top { float:left; width:30%; }
#navbar #header-wrap #header-top .logo {font-family: 'SebangGothic'; transition: 0.4s; margin:30px 0 30px 40px; overflow:hidden; color:#fff; font-size: 42px; text-decoration:none;}
#navbar #header-wrap #header-top .logo img { height: 40px; margin-top: -5px;}
#navbar #header-wrap #header-top .logo-a{display:block;}
#navbar #header-wrap #header-top .logo-b{display:none;}
#navbar #header-wrap #header-top .tnb { position:absolute; right:20px; top:50px;}
#navbar #header-wrap #header-top .tnb a { color:#fff; font-size:13px; margin-left:20px; padding: 4px 0;text-decoration:none;}
#navbar #header-wrap #header-top .tnb a:hover ,#navbar #header-wrap #header-top .tnb a.active { color:#bae104; }
#navbar #header-wrap #header-bottom { float:left; width:70%; }
#navbar #header-wrap #header-bottom .gnb { width:85%; margin:40px 0; }
#navbar #header-wrap #header-bottom .gnb img { margin-right:15px;}
#navbar #header-wrap #header-bottom .gnb ul li { float:left; margin:0  40px; font-size:20px; font-weight: 600; }
#navbar #header-wrap #header-bottom .gnb ul li a { display:block; color:#fff;}
#navbar #header-wrap #header-bottom .gnb ul li a:hover{ color:#ffc800; }
#navbar #header-wrap #header-bottom .all-menu {float:left; margin-top:20px; display:block;}
#navbar #header-wrap #header-bottom .all-menu .menu-a {display:block;}
#navbar #header-wrap #header-bottom .all-menu .menu-b {display:none;}

#navbar .gnb-full { display:none; background:rgba(43,93,178,0.9);}
#navbar:hover .gnb-full { display:block;}
#navbar .gnb-full {  display:none; width:100%; overflow:hidden; padding:20px 0;}
#navbar .gnb-full .wrap { width:1190px; margin:0 auto; padding-left:110px; }
#navbar .full-gnb { float:left; text-align:center; font-size:16px; font-weight:500;  min-height:170px;}
#navbar .full-gnb li { padding: 7px 0;}
#navbar .full-gnb a { color:#fff; padding: 7px 0;line-height:20px;}
#navbar .full-gnb a:hover { color:#000;}

.fixed #navbar{position:fixed;top:0;width:100%; background:rgba(0, 0, 0, 0.8);transition: 0.4s;z-index: 10000; padding: 10px 0 0 0; border:0; }
.fixed #navbar #header-wrap { width:100%; margin:0 auto; position:relative; }
.fixed #navbar #header-wrap #header-top { float:left; width:30%; }
.fixed #navbar #header-wrap #header-top .logo {transition: 0.4s; margin:10px 0 15px 40px; overflow:hidden; color:#ffc800; font-size: 30px;}
.fixed #navbar #header-wrap #header-top .logo img { height: 30px; margin-top: -5px;}
.fixed #navbar #header-wrap #header-top .logo-a{display:block;}
.fixed #navbar #header-wrap #header-top .logo-b{display:none;}
.fixed #navbar #header-wrap #header-top .tnb { position:absolute; right:20px; top:22px;}
.fixed #navbar #header-wrap #header-top .tnb a { color:#fff; font-size:13px; margin-left:20px; padding: 4px 0;}
.fixed #navbar #header-wrap #header-top .tnb a:hover ,#navbar #header-wrap #header-top .tnb a.active {  color:#bae104;}
.fixed #navbar #header-wrap #header-bottom { float:left; width:70%; }
.fixed #navbar #header-wrap #header-bottom .gnb { width:85%; margin:15px 0;font-weight: 400;}
.fixed #navbar #header-wrap #header-bottom .gnb img { margin-right:15px;}
.fixed #navbar #header-wrap #header-bottom .gnb ul li { float:left; margin:0  40px;}
.fixed #navbar #header-wrap #header-bottom .gnb ul li a {font-size:18px; display:block; color:#fff; font-weight:600;}
.fixed #navbar #header-wrap #header-bottom .gnb ul li a:hover{ color:#ffc800;}
.fixed #navbar #header-wrap #header-bottom .all-menu {float:left; margin-top:20px; display:block;}
.fixed #navbar #header-wrap #header-bottom .all-menu .menu-a {display:block;}
.fixed #navbar #header-wrap #header-bottom .all-menu .menu-b {display:none;}


#main_banner { background: url('../image/main_banner.jpg') top center no-repeat; background-size:cover; min-height:776px; }
#main_banner .text-group { width:1400px; margin:0 auto; padding-top:150px; text-align: left;}
#main_banner .text-group .txt01 { font-size: 20px; font-weight:600; color:#fff; margin-bottom: 30px;}
#main_banner .text-group .txt02 { font-size: 60px; font-weight:600; color:#fff; font-family: 'GmarketSans';  margin-bottom: 20px;}
#main_banner .text-group .txt03 { font-size: 28px; font-weight:300; color:#fff;font-family: 'GmarketSans'; letter-spacing: 0px;}
#main_banner .text-group .btn-more { border-radius:30px;transition: 0.4s;  cursor:pointer; position: relative; display:block; width:200px;  padding: 30px; transition: 0.4s;  margin-top:50px; font-size:20px; text-align:center;font-weight:bold; color:#fff;background:#3275bc; text-decoration:none; }
#main_banner .text-group .btn-more:hover { transition: 0.4s;  border:0;}
#main_banner .text-group .overlay {transition: 0.4s;  border-radius:30px; z-index:999;position: absolute; bottom: 0; left: 0; right: 0; background-color: #ffc800; overflow: hidden; width: 0; height: 100%; transition: .5s ease; }
#main_banner .text-group .btn-more:hover .overlay { border-radius:30px; width: 100%; cursor:pointer;border-radius:30px;}
#main_banner .text-group .text {cursor:pointer;  z-index:1000; position: absolute; color: white;  font-size: 15px;  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  white-space: nowrap;}
#main_banner .text-group .text:hover { color:#343434;}
#main_banner .text-group .btn-more:hover .text {color:#343434}

#main_slide { width:1400px; margin:207px auto 137px; color:#343434; height:514px; text-align: left;}
#main_slide .txt-01 { animation:txt01 1s; font-size: 20px; font-weight:600; margin-bottom: 30px;}
#main_slide .txt-02 { animation:txt02 1s; font-family: 'GmarketSans'; font-size: 52px; font-weight:600; margin-bottom: 30px;}
#main_slide .txt-03 { animation:txt03 1s;font-family: 'GmarketSans'; font-size: 22px; font-weight:500; margin-bottom: 30px; line-height: 30px;}
#main_slide .pic { position:relative; float:right; margin-left:50px;}
#main_slide .pic .btn-view {  transition: 0.4s;  pointer:cursor; z-index:10000;position: absolute; right:40px; bottom:-30px; width:110px; height:110px; background:#3275bc; border-radius:300px; color:#fff; font-size: 70px; text-align:center; line-height: 110px; font-weight: 300;}
#main_slide .pic .btn-view:hover {  transition: 0.4s;  pointer:cursor; background:#ffc800; color:#343434; font-size: 100px; }


/** 메인배너 슬라이스 **/

.mySlides {display: none}
img {vertical-align: middle;}


/* Slideshow container */
.slideshow-container {
    max-width: 1400px;
    position: relative;
    margin: auto;
}

/* Next & previous buttons */
.prev, .next ,.prev a, .next a {
    cursor: pointer;
    position: absolute;
    top: 90%;
    width: 55px;
    height:55px;
    padding: 16px;
    margin-top: -22px;
    color: #000000;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 300px;
    user-select: none;
    border:1px solid #b2b2b2;
}

/* Position the "next button" to the right */
.next { left: 70px; }

/* On hover, add a black background color with a little bit see-through */
.prev:hover { border: 1px solid #5c5c5c; }
.next:hover { border: 1px solid #5c5c5c; }

/* Caption text */
.slide-text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* Fading animation */
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .prev, .next,.text {font-size: 11px}
}

#page-main .visual_sect .swiper-slide-active .text_box .tit { color: #fff; font-weight: 700; line-height: 1.4;  opacity: 1; transform: translateY(0px)}
#page-main .visual_sect .slide_move { display: flex; align-items: center; position: absolute; z-index: 10; width: 100%; max-width: 100%; top: 69%; left: 97%; transform: translate(-50%,-50%);}
#page-main .visual_sect .slide_move .btn {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#page-main .visual_sect .slide_move .btn .pause {display: flex;justify-content: space-between;width: 10px;height: 12px;}
#page-main .visual_sect .slide_move .btn .pause span{width: 3px; height: 100%; background-color: #fff; display: block; border-radius: 5px;}
#page-main .visual_sect .slide_move .btn .off {display: none;}
#page-main .visual_sect .slide_move .btn .play {color: #fff;}
#page-main .visual_sect .slide_move .btn .play i {color:#fff;}
#page-main .visual_sect .slide_move .paging_btn {display: flex;align-items: center;}
#page-main .visual_sect .slide_move .swiper-button-next,
#page-main .visual_sect .slide_move .swiper-button-prev {position: static; margin: 0; width: auto; height: auto; color: #fff; font-size: 18px; opacity: 0.5 ;transition: all .3s}

#page-main .visual_sect .slide_move .swiper-pagination {position: static; color: #ffffff; font-size: 18px; font-weight: 700; margin: 0 30px}
#page-main .visual_sect .slide_move .swiper-pagination span {opacity: 0.5}
#page-main .visual_sect .slide_move .swiper-pagination .barSpace {margin: 0 15px; }
#page-main .visual_sect .slide_move .swiper-pagination .swiper-pagination-current {opacity: 1}

#timer {margin: 0px;width: 40px;height: 40px;position: relative;}

@-webkit-keyframes scroll {
    0% { -webkit-transform:translate(-50%, 0); opacity:0; }
    40% { opacity:1; }
    80% { -webkit-transform:translate(-50%, 20px); opacity:0; }
    100% { opacity:0; }
}

@keyframes scroll {
    0% { transform:translate(-50%, 0); opacity:0; }
    40% { opacity:1; }
    80% { transform:translate(-50%, 20px); opacity:0; }
    100% { opacity:0; }
}


.submenu-bg { background: #202227; height:120px;}


.innerwrap { margin: 100px  auto; width:1320px;}
.innerwrap  .top-title { font-family:'GmarketSans'; font-size: 68px;  font-weight: 700; margin-bottom:50px;}
.sub-visual01 { width:130%; margin-bottom: 100px; background: url('../image/sub_visual01.jpg') top left no-repeat; height:500px;}
.info { font-size:22px; line-height:40px; font-family:'GmarketSans'; font-weight: 200; min-height:700;}

.sub-visual{position:relative;width:100%; height:473px;}
.sub-visual:after { display:block;clear:both;content:''}
.sub-visual .subtop{ display:block;width:100%;height:473px;background-position:bottom center;background-repeat:no-repeat;background-color:#ccc;background-size:cover;}
.sub-visual h2 {position:absolute;width:100%;text-align:center;top:65%;font-size:50px;color:#fff;transform:translateY(-50%);letter-spacing:-1px;z-index:9;font-weight:800;text-transform:uppercase;animation:fadein 2s ease-in-out;}
.sub-visual h2:before{display: block; width: 45px;height: 0px; margin: 0 0 10px 4px;content: '';background-color:#eb5350;}

#sub_visual01 .subtop_sub01{background-image:url(../image/sub_visual01.jpg);}


#page-company-info{padding:0;}
#page-market{;}