@charset "utf-8";

::-moz-selection {background: #2bbade;color: #fff;}
::selection {background: #2bbade;color: #fff;}
body {letter-spacing: -0.05em;}
.w1210 {width: 1210px;margin:0 auto;position:relative}
.w1275 {width:1275px;margin:0 auto;position:relative}
.w1190 {width:1190px;margin:0 auto;position:relative}
.w1200 {width:1200px;margin:0 auto;position:relative}
.w1160 {width:1160px;margin:0 auto;position:relative}
.cont_center {overflow:hidden; width:1210px; margin:0 auto;}
.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
 
/* header */
#hd {position: relative;height: 160px;z-index: 100;}
#hd_h1 {font-size: 0;position: absolute;left: 0;top: 0;width: 0;height: 0}
#hd_wrapper {position:relative; top:0; left:0; width:100%; height: 100px; z-index:1000; }
#hd_wrapper h1 {position:absolute; left:50%; top:30px; margin-left:-141px;z-index:99999}

#top_menu	{position: absolute; overflow:hidden; width:100%; height:30px; top:70px; font-size:14px; font-weight: 600;background-color:#e9efdc}
#top_menu .top_line	{float:left; height:30px; background-color:#e9efdc}
#top_menu .top_line.top_line2 {float:right;position:absolute;right:0;z-index:99}
#top_menu .cont_center	{float:left;position:absolute;left:50%;transform:translateX(-50%);z-index:9999;width:1160px;background: #fff;}
#top_menu .color1 {color:#75a216;font-weight: 500;}
.top_left	{float:left;}
.top_left ul	{float:left; width:430px; height:30px; border-top-right-radius: 150px; background-color:#e9efdc;}
.top_left ul li	{float:left; margin-right:25px; padding-top:6px;font-weight: 400;color: #333;}
.top_right	{float:right;}
.top_right	ul	{float:right; width:430px; height:30px; border-top-left-radius: 150px; background-color:#e9efdc} 
.top_right ul li	{float:left; margin-left:33px; padding-top:8px;font-weight: 400;font-size:12px;color:#444}

#hd_wrapper > .cont_center {position:relative;height:inherit;width:1160px}
#hd_wrapper .top_menuRight {position:absolute;right:0;top:15px}
#hd_wrapper .top_menuRight li {position:relative;float:left;margin:0 13px}
#hd_wrapper .top_menuRight li:first-child img {margin-right: 5px;vertical-align: middle;margin-top: -4px;}
#hd_wrapper .top_menuRight li:after {content: '';position: absolute;right: -14px;top:4px; width: 1px; height: 15px;background: #b9b9b9;}
#hd_wrapper .top_menuRight li:last-child::after {display:none}
#hd_wrapper .top_menuRight li a {font-size:14px;color:#333}


/*네비게이션*/
#nav.on {height:303px}
#nav { overflow:hidden; position:absolute; height:60px; z-index:101; width:100%;background-color: #91b34a;/*background:url('../../img/common/nav/gnb_bg.png') top repeat-x; */transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
#nav > ul { margin:0 auto; overflow:hidden;width:1160px}
#nav > ul:after { display:block; clear:both; content:''; }
#nav > ul > li {width:12.5%;box-sizing:border-box;border-right:1px solid #ddd;float:left;text-align:Center}
#nav > ul > li:first-child {border-left:1px solid #ddd}
#nav > ul > li:last-child {border-right:1px solid #ddd}
#nav > ul > li > a {position:relative; font-size:17px; color:#fff; line-height:60px; display:block;font-weight:400}
#nav > ul > li > div.Wrap{display: none;position: absolute;left: 0;width: 100%;height: 250px;background:rgba(255,255,255,0.5);border-bottom: 1px solid #ccc;}
#nav > ul > li > div.Wrap > .contents{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1160px;
    height: inherit;
    background: #fff;
    margin: 0 auto;
    position:relative;
}
#nav > ul > li > div.Wrap .intro{
    margin: 0;
    width: 145px;
    height: inherit;
    background: url('../../img/common/nav/bg.png') no-repeat center center;
    background-size:cover;
    color: #fff;
    font-weight: 300;
    text-align: center;
}
#nav > ul > li > div.Wrap .intro > i{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 13px;
}
#nav > ul > li > div.Wrap .intro > p.title{
    font-size: 16px;
    margin-bottom:8px
}
#nav > ul > li > div.Wrap .intro > p.subTitle{
    font-size: 13px;
    line-height: 18px;
    padding: 0 17px;
    word-break: keep-all;
    margin-top:0
}
#nav > ul > li > div.Wrap .sub_menu{
    width:460px;
    text-align: left;
    padding: 30px 0 0 30px;
}
#nav > ul > li > div.Wrap .sub_menu li{
    margin: 0 0 10px;
    display: inline-block;
    min-width: 130px;
    opacity: 1;
    font-size:14px;
    letter-spacing:-1px
}
#nav > ul > li > div.Wrap .sub_menu li a {font-weight: 500;color: #333;font-size:14px;}
#nav > ul > li > div.Wrap .sub_menu li a:hover {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
#nav > ul > li > div.Wrap .imgArea{
    width: 600px;
    font-size: 0;
    position:absolute;
    right:0
}
#nav > ul > li.menu01:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu02:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu03:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu04:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu05:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu06:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu07:hover > div.Wrap{
    display: block;
    overflow: hidden
}
#nav > ul > li.menu08:hover > div.Wrap{
    display: block;
    overflow: hidden
}

#nav .Wrap .contents .intro span {width:30px;height:2px;background-color:#fff;display:inline-block;margin:0 auto 8px}
/* footer */
.ft_wrap {background-color:#000;height:100px}
#ft {position:relative;width: 100%;;height:477px;background:#000 url(../../img/common/ft_bg.jpg) center no-repeat;background-size: cover;/*z-index: -1;*/ padding-bottom: 70px; transition: 0.1s;}
#ft #ft_wr {height: inherit}
#ft .ft_info {float: left}
#ft .ft_info h4 {padding: 50px 0 0;color: #dedede;font-weight: 300;font-size: 44px}
#ft .ft_info h4 b {font-weight: 500}
#ft .ft_info p {margin-top:15px;}

#ft .ft_info .sign {position: relative;float: right;padding: 0 25px 30px 0;color: #83b7ff;font-size: 16px;font-weight: 300; margin-right:150px;}
#ft .ft_info .sign b {font-weight: 500}
#ft .ft_info .sign:after {content: '';background: url(../../img/common/sign.png);width: 49px;height: 41px;position: absolute;right: -25px;top: -20px}
#ft .hours {width:590px; height:70px; clear: both; background: url(../../img/common/bottomHoursBg.png) no-repeat}
#ft .hours > ul{
    width: inherit;
    height: inherit;
    font-size: 0px;
}
#ft .hours > ul > li{
    float:left;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 10px;
    width: 190px;
    margin-right: 10px;
}
#ft .hours > ul > li:nth-child(2){
    color:#ffeb00;
}
#ft .hours > ul > li:last-child{
    margin-right: 0px;
}
#ft .hours > ul > li h3{
    width:190px;
    height: 40px;
    color:#282828;
    display:block;
    padding: 5px 0; 
    margin-right: 10px;
}
#ft .ft_cont {width: 100%;height: 153px;background: rgba(0,0,0,0.8);color: #fff;font-size: 13px;text-align: left;position:absolute;bottom:0;padding: 35px 0;}
#ft .ft_cont .w1160 > div {float:left}
#ft .ft_cont .ft_logo {margin-right:35px;padding-top: 10px;}
#ft .ft_info p.mb1 {margin-top:8px}
#ft .ft_info p.mb1 span {margin:0 8px 0 0;font-size: 14px;font-weight: 300;}
#ft .ft_info p.mb1 span a {color:#fff}
#ft .ft_info p.mb1:nth-of-type(2) {margin-top:3px}

#ft .ft_cont .agr_list {color:#ffeb00; margin: 0 0 15px; font-size:16px;}
#ft .ft_cont .agr_list li {display: inline-block;cursor: pointer}
#ft .ft_cont .agr_list li+li:before {content: '';margin:-2px 5px 0;width: 1px;height: 10px;background: #ffeb00;display: inline-block;vertical-align: middle}

#terms {position: fixed;z-index: 1103;width: 70%;height: 90%;background: #fff;top: 101%;left: 15%}
#terms .t_group {display: -webkit-box;display: -ms-flexbox;display: flex;height: 55px}
#terms .t_group > li {-webkit-box-flex: 1;-ms-flex: 1;flex: 1}
#terms .t_group > li+li .mn {border-left: 1px solid #ddd}
#terms .mn {position: relative;height: 55px;line-height: 55px;background: #f6f6f6;border-bottom: 1px solid #ddd;text-align: center;font-size: 15px;cursor: pointer;outline: none}
#terms .mn.on {background: #fff;border-bottom: 0;font-weight: 500}
#terms .mn.on:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 2px;background: #d025bb}
#terms .cont { display: none;position: absolute;top: 55px;left: 0;right: 0;bottom: 0;padding: 15px 35px 35px;-webkit-transition: opacity .4s;transition: opacity .4s;}
#terms .mn.on+.cont {display: block;}
#terms h5 {font-size: 35px;text-align: center;font-weight: 500;margin: 0 0 20px}
#terms .txt { white-space: pre-line;border: 1px solid #ddd;padding: 20px;font-size: 15px;line-height: 25px;overflow: auto;height: calc(100% - 70px);word-break: keep-all}
#terms_bg {display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%!important;height: 100%!important;z-index: 1102;background: #000;opacity: 0.7}
#terms_close {opacity: 0;-webkit-transform: scale(0);transform: scale(0);position: absolute;right: -50px;top: 0;cursor: pointer}

/*ajax complete popup */
.smComplete {opacity: 0;position: fixed;left: 50%;top: 50%;margin: -43px 0 0 -107px;padding: 0 40px;height: 85px;line-height: 85px;white-space: nowrap;color: #fff;font-size: 16px;background: rgba(0,0,0,.8);border-radius: 5px;z-index: 1500}


/*게시판 너비*/
#bo_list, #bo_v, #bo_gall, #bo_w {width:1200px !important;margin:0 auto;position:relative}

#fregister {width:1275px;margin:0 auto 80px}
#register_form {width: 1200px; margin: 50px auto 0;}
#fregisterform .btn_confirm {margin-bottom:80px}