@charset "utf-8";
@import url('https://fastly.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css');
* { font-family: 'Wanted Sans', 'Sans-serif'; }


/*-----------------------------------------------------------------------------------------------------------
common css
-----------------------------------------------------------------------------------------------------------*/

body {margin:0;padding:0;font-family: 'Wanted Sans', 'Sans-serif'; font-size:12px;}
img{border:0;}
h1, h2, h3, h4, h5, p{padding:0;margin:0;}
a {text-decoration:none;color:#6c6c6c;}
a:hover {text-decoration:none;color:#b51010}
hr{clear:both;display:none;}
caption {display:none;}
form {padding:0;margin:0;}

input, textarea, select, button { font-size:12px; font-family: 'Wanted Sans', Dotum, Verdana, Arial, Helvetica, sans-serif; color: #787878;  text-decoration: none; margin-top:2px;margin-bottom:2px; }


.blind {display:none;}
.clear {clear:both;}

td {padding:7px 0px 3px 0px}

#wrap {width:100%; height:auto;}
#container {margin:0 auto;}
#contents {overflow:hidden; min-height:640px;}
#contents h2 {text-align:center;}

/* header */
#header {height:100px; border-bottom:1px solid #e5e5e5; }

 #floatDiv {
        position:absolute;
        right:1%;
        margin-top:100px;
        margin-left:-200px;
        width:200px;
        height:200px;
        background-color: red;
    }
.warps {width:1440px; margin:0 auto;}
/**/
.application {text-align:right;}
.application span.app_text a{font-family:'dotum'; font-size:11px; letter-spacing:-1px; color:#8e8e8e; padding:12px; background:url('/img/new/common/app_bar.gif') no-repeat left 9px;}
.application span.app_textst a{font-family:'dotum'; font-size:11px; letter-spacing:-1px; color:#8e8e8e; padding:12px; background:none}
.logo {float:left;}
/* navigation */

.gnb {width:685px; float:left; position:relative; left:24px; top:9px;}
.gnb  a{display:block}
.gnb  li{position:relative; margin-left:34px;  padding-bottom:3px; float:left; }
.gnb  li .oneD{height:21px; padding:29px 0;  text-align:center; font-size:16px; color:#222;  font-size:16px;}
.gnb  li .oneD span{display:block; margin-left:13px; height:25px;}
.gnb  li.one .oneD span.nav{background:url('/img/new/common/gnb.png') 0px 0px no-repeat; text-indent:-9999999px;  width:90px;}
.gnb  li.fiv .oneD span.nav{background:url('/img/new/common/gnb.png') -417px 0px no-repeat; text-indent:-9999999px;  width:100px;}
.gnb  li.thr .oneD span.nav{background:url('/img/new/common/gnb.png') -91px 0px no-repeat; text-indent:-9999999px;  width:75px;}
.gnb  li.fou .oneD span.nav{background:url('/img/new/common/gnb.png') -163px 0px no-repeat; text-indent:-9999999px;  width:75px;}
.gnb  li.two .oneD span.nav{background:url('/img/new/common/gnb.png') -319px 0px no-repeat; text-indent:-9999999px;  width:100px;}
.gnb  li.six .oneD span.nav{background:url('/img/new/common/gnb.png') -420px 0px no-repeat; text-indent:-9999999px;  width:90px;}
.gnb  li.one .oneD span.nav.on{background:url('/img/new/common/gnb_on.png') 0 -0px no-repeat; text-indent:-9999999px;  width:90px;}
.gnb  li.two .oneD span.nav.on{background:url('/img/new/common/gnb_on.png') -91px -0px  no-repeat; text-indent:-9999999px; }
.gnb  li.thr .oneD span.nav.on{background:url('/img/new/common/gnb_on.png') -417px -0px no-repeat; text-indent:-9999999px; }
.gnb  li.fou .oneD span.nav.on{background:url('/img/new/common/gnb_on.png') -163px -0px no-repeat; text-indent:-9999999px; }
.gnb  li.fiv .oneD span.nav.on{background:url('/img/new/common/gnb_on.png') -319px -0px no-repeat; text-indent:-9999999px; }
.gnb  li.six .oneD span.nav.on{background:url('/img/new/common/gnb_on.png') -420px -0px no-repeat; text-indent:-9999999px; }
.gnb  li .oneD span.arrow{display:block; position:absolute; top:59px; left:37px; width:23px; height:10px; background:url('/img/new/gnb_arrow.png') no-repeat -10 0}

.gnb  li .twoD{overflow:hidden; position:absolute; top:77px; height:50px; font-family: "Wanted Sans Korea"}	/* 2015-01-26 추가 overflow:hidden */
.gnb li.one .twoD{left:-250px; width:990px;}
.gnb li.two .twoD{left:-28px; width:605px;}
.gnb li.thr .twoD{left:-10px; width:455px;}
.gnb li.fou .twoD{left:-250px; width:690px;}
.gnb li.fiv .twoD{left:-450px; width:820px;}
.gnb li.six .twoD{left:-250px; width:820px;}
.gnb  li .twoD a{display:inline-block; font-size:12px; color:#555; padding:0 10px 13px 10px; height:30px;}
.gnb  li .twoD a:hover {color:#b51010}
.gnb  li .twoD span{display:inline-block; font-size:9px; color:#d2d2d2; font-weight:normal;}

.gnb  li .twoD2{overflow:hidden; position:absolute; top:77px; height:50px; font-family: "Wanted Sans Korea" ;width:1000px;left:-880px}	/* 2015-01-26 추가 overflow:hidden */
.gnb  li .twoD2 a{display:inline-block; font-size:12px; color:#555; padding:0 10px 13px 10px; height:0px;}
.gnb  li .twoD2 a:hover {color:#b51010}
.gnb  li .twoD2 span{display:inline-block; font-size:9px; color:#d2d2d2; font-weight:normal;}
	.menu_boxes {float:left}
	.menu_boxes li{clear:both;}

.menu_boxes3 {margin-left:-5px;margin-right:5px}
.menu_boxes4 {margin-left:-5px;margin-right:15px}
.menu_boxes5 {margin-left:-10px}
.sns {float:right; position:relative; top:24px;}
.sns span {display:inline-block;}

#contents > div > p {min-height:605px; text-align:center;}

#contents > div > p >img.sorry {margin-top:50px;}

#footer {clear:both;width:100%;margin-top:50px; border-top:1px solid #e1e1e1; }
#footer .warps .footer_menu {padding:15px 0px 15px 0px}
#footer .warps .footer_menu .footmenu{float:left;}
#footer .warps .footer_menu .footmenu li {float:left; margin-right:20px;margin-top: 10px;}
#footer .warps .footer_menu .fsns{float:right}
#footer .footer_area {background:#595252; height:130px;}
#footer .footer_area .warps .cp_wraps{padding:20px 0px 20px 0px; color:#fff;}
#footer .footer_area .warps .cp_wraps .copyright{float:left}
#footer .footer_area .warps .cp_wraps .copyright li {float:left; margin-right:20px;}
#footer .footer_area .warps .cp_wraps .tel{float:right;}






/* Padding*/

.padB30 {padding-bottom:30px;}
.padT20 {padding-top:20px;}
.padT15 {padding-top:15px;}
.padT70 {padding-top:70px;}
.padT30 {padding-top:30px;}
.padB10 {padding-bottom:10px;}
.padB20 {padding-bottom:20px;}
.padB35 {padding-bottom:35px;}
.padR10 {padding-right:10px;}
.padL30 {padding-left:30px;}
.padL40 {padding-left:40px;}
.padL45 {padding-left:45px;}
.padL50 {padding-left:50px;}
.tcenter {text-align:center;}
/* member */

.join_guide {width:1100px;margin:0 auto;}
.join_guide .join_title{text-align:center; margin:0 auto; padding:30px 0px 10px 0px;}
.join_guide>p {padding:10px 0px 10px 0px;}
.join_btn {width:100%; margin:0 auto; text-align:center; margin-top:20px;}

.login_guide {overflow:hidden;width:515px;margin:0 auto;border:1px solid #d7d7d7;padding:20px;margin-bottom:300px;background:#fff;}
.login_btn {float:right;width:68px;padding-top:21px;padding-right:90px;}

.other {overflow:hidden;width:440px; padding-top:30px; font-family:dotum; letter-spacing:-1px; font-size:11px; color:#999; }
.mem {width:440px; padding-left:27px;}
.mem span {float:left}
.mem span.other_text {width:180px;padding-top:10px; text-align:left;}
.mem span.txt_mem {width:100px;padding-top:10px; text-align:left;}


.contentTable {width:100%; }
.contentTable .msg {font-family:dotum; letter-spacing:-1px; font-size:11px; color:#999; }
.contentTable table, th, td {padding:0;margin:0;text-align:left; font-size:13px;}
.contentTable thead th {border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;padding:10px 20px;}
.contentTable thead td {border-top:1px solid #d7d7d7;  border-bottom:1px solid #d7d7d7;padding:5px 0 8px 15px;}
.contentTable tbody th {border-bottom:1px solid #d7d7d7;padding:10px 20px;}
.contentTable tbody td {border-bottom:1px solid #d7d7d7;padding:5px 0 8px 15px;}
.contentTable span.msgred {color:#990033}


.contentTable1 {overflow:hidden;float:left;margin:0 auto;}
.contentTable1 table, th, td {padding:0;margin:0;}
.contentTable1 th {padding:10px 0;}
.contentTable1 td {padding-left:15px;}

/* sub body */

.connectBoard {overflow:hidden;width:1100px;}
.connectBoard .btn {width:594px;margin:0 auto;}
.connectBoard .btn span {float:left;}

.tabmenu {width:1000px;}
.tabmenu li {float:left;}

.subcontents {width:1000px;overflow:hidden;background:#fff;padding-bottom:40px;}

.intro {width:773px;overflow:hidden;background:#ebebeb;margin:0 auto;padding:60px;}
.maparea {width:902px;overflow:hidden;background:#fecfbd;margin:0 auto;}
.map {float:left;width:577px;padding:2px 0 2px 2px;}
.call {float:right;}


 #floatMenu{
    position: absolute;
    width: 101px;
    right: 50px;
    padding: 0;
    margin: 0;
    z-index: 1000;
    text-align: center;
    top: 43px;
    z-index: 99999999;
}
#page_up {
width: 31px;
height: 31px;
cursor: hand;
}
#home {
width: 31px;
height: 31px;
background: url();
cursor: hand;
}
#page_down {
width: 31px;
height: 31px;
background: url();
cursor: hand;
}

@media (max-width: 998px) {
    .warps {width: 100%;}
    .feature-image {width: 100%;}
    .feature-text {width: 100%;}
    .feature-content{width: 100%; flex:none; display:block; gap:0; flex-direction: column;}
    .product-info{width: 100%; flex:none; display:block; gap:0; flex-direction: column;}
    .product-image {width: 100%;}
    .product-details{width: 100%; flex:none; display:block; gap:0; flex-direction: column;}
}