@charset "UTF-8";
/* 레이아웃 */
div#sub_wrap	{width:100%; height:100%; margin:0; padding:0;}

body{
    letter-spacing: -1px;
    min-width: 1300px;
    overflow-x: hidden;
}
.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.wrap_top_menu {background-color: white;}
.cont_center	{position:relative;width:1000px; margin:0 auto; overflow:hidden;}
.menu_cont_center	{width:1000px; margin:0 auto; overflow:hidden;}
li{list-style:none;}

.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}

#header {position:relative; width:100%; top:0px; background-color: white; z-index:1000;margin-bottom:53px}
#header .bx-wrapper {position:relative}
#header .bx-wrapper .bx-controls {position:absolute;bottom:5px;left:50%;transform:translateX(-50%); z-index: 99;}
#header .bx-wrapper .bx-controls .bx-pager .bx-pager-item {display:inline-block;float:left}
#header .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {display:block;background-color:rgba(0,0,0,0.3);width:7px;height:7px;border-radius:20px;margin:0 3px;font-size:0}
#header .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {background-color:#1dad5d}
/*탑 이벤트배너*/
.topPop_close, .topPop_open {width:1180px;margin:0 auto;cursor:pointer}
.topPop_open {display:none}
.topPop_close a, .topPop_open a {float:right;z-index: 9999;position: relative;cursor:pointer}





#hd_wrapper {position:relative; top:0; left:0; width:1210px; z-index:1000; }
#hd_wrapper h1 {position:absolute; left:50%;transform: translateX(-50%); top:35px;}
#hd_wrapper .lnb {position:absolute; right:0; top:50px;}
#hd_wrapper .lnb li {display: inline-block;}
#hd_wrapper .lnb li a {
    color:#111;
    font-size: 15px;
    font-weight: 500;
}
#hd_wrapper .lnb li::after {content: '|'; color:black; padding:0 10px;}
#hd_wrapper .lnb li:last-child::after{content: ' '; padding: 0;}

#hd_wrapper div.tel {font-size:20px;color:#111;padding-top: 27px;display: inline-block;}
#hd_wrapper div.tel img {vertical-align: top;padding-top: 10px;margin-right: 8px;}
#hd_wrapper div.tel p {display:inline-block}
#hd_wrapper div.tel p span {font-size:28px;font-weight:300;display:inline-block;padding-left:5px}

/*네비게이션*/
#nav.on {height:303px}
#nav { overflow:hidden; position:absolute; height:53px; z-index:101; width:100%;  /*background-color: #433939;*/background:url('../../img/common/nav/gnb_bg.png') top repeat-x; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}
#nav > ul { margin:0 auto; overflow:hidden;width:1275px}
#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:16px; color:#111; line-height:53px; display:block}
#nav > ul > li > a:hover, #nav > ul > li.on > a {color: #127088;}
#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: 1275px;
    height: inherit;
    background: #fff;
    margin: 0 auto;
    position:relative;
}
#nav > ul > li > div.Wrap .intro{
    margin: 0;
    width: 159px;
    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: 90px;
    -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: 500px;
    text-align: left;
    padding: 30px 0 0 50px;
}
#nav > ul > li > div.Wrap .sub_menu li{
    margin: 0 0 10px;
    display: inline-block;
    min-width: 140px;
    opacity: 1;
    font-size:15px;
    letter-spacing:-0.5px
}
#nav > ul > li > div.Wrap .sub_menu li a {font-weight: 500;color: #333;}
#nav > ul > li > div.Wrap .sub_menu li a:hover {color:#67a90b; -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}




/* contents */
#contents	{overflow:hidden;}
/* contents_board는 보드 style 대부분 자체 style 파일을 통해 css가 결정 되나, 일부 skin 호환을 위해 남겨둠*/
#contents_board {width:1275px; margin:0 auto 80px ; /*padding-top:80px;*/}
#contents_register {width:1275px; margin:152px auto 80px ; padding-top:80px;}

/* 

    Link Area 

*/
section#subContents.linkArea{
    width:100%;
    margin: 80px auto;
}

section#subContents.linkArea div.innerWrap{
    display: flex;
}
section#subContents.linkArea{
    flex-direction: column;
    background-color: #ededed;
    margin: 80px 0 0;
}
section#subContents.linkArea div.innerWrap{
    flex-direction: column;
}
section#subContents.linkArea div.innerWrap > ul {
    height: 173px;
    display: flex;
}
section#subContents.linkArea div.innerWrap > ul > li {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: inherit;
    font-size: 17px;
    overflow: hidden;
}

section#subContents.linkArea div.innerWrap > ul > li a{
    display: block;
    width: 100%;
    height: 82px;
    text-align: center;
    border-left: solid white 1px;
    overflow: visible;
}
section#subContents.linkArea div.innerWrap > ul > li:last-child a{
    border-right: solid white 1px;
}
section#subContents.linkArea div.innerWrap > ul > li a > img,
section#subContents.linkArea div.innerWrap > ul > li a > h3{
    transition: .3s;
}
section#subContents.linkArea div.innerWrap > ul > li a > h3{
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    opacity: 1;
}
section#subContents.linkArea div.innerWrap > ul > li a > h4{
    color: #898989;
    font-size: 15px;
    font-weight: 500;
}

section#subContents.linkArea div.innerWrap > ul > li:hover a > img{
    margin-top: 15px;
}
section#subContents.linkArea div.innerWrap > ul > li:hover a > h3{
    margin-top: -15px;
    opacity: 0;
}

/* terms */
#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: #1a3544}
#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% - 105px);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}


/*footer*/
#footer {background: url(../../img/footer/ft_bg.jpg) no-repeat center center;background-size: cover;height:423px}
#footer > div.w1200 {height:inherit}
#footer .ft_left {color:#fff;float: left;padding:80px 0}
#footer .ft_left h2 {font-size:44px;font-weight:300;margin-bottom:10px;line-height: 1.3;}
#footer .ft_left h2 b {font-weight: 500;}
#footer .ft_left p {font-size:12px;font-weight:300;letter-spacing:10.7px;line-height:1;margin-bottom:20px}


#footer .hours {display: -webkit-box;display: -ms-flexbox;display: flex;width: 546px;clear: both;border: 1px solid #8f8f8f;background: rgba(44,44,44,.62)}
#footer .hours .consul {width: 213px;color: #fff;padding: 17px;background: url(../../img/footer/ft_clock.png) no-repeat calc(100% - 10px) calc(100% - 10px)}
#footer .hours .consul p {font-size: 10px;opacity: .77;letter-spacing: 0}
#footer .hours .consul h5 {font-size: 20px;font-weight: 400}
#footer .hours table {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;color: #fff;font-size: 16px;border-left: 1px solid #8f8f8f;border-collapse: collapse}
#footer .hours table th {padding: 0 0 0 25px;width: 140px;font-weight: 400;line-height: 34px;text-align: left}
#footer .hours table tr+tr th {border-top:1px solid #8f8f8f}
#footer .hours table tr+tr td {border-top:1px solid #8f8f8f}

#footer .ft_cont {float: right;width: 347px;height: inherit;background: #000;color: #ededed;font-size: 13px;text-align: center;}
#footer .ft_cont .ft_logo {padding:60px 0 35px}
#footer .ft_cont .ft_hp_info p {word-break: keep-all;line-height: 19px}
#footer .ft_cont .ft_hp_info p span+span:before {content: '';margin: 0 5px;width: 1px;height: 10px;background: #444;display: inline-block;vertical-align: middle}
#footer .ft_cont .ft_hp_info .make {margin: 20px 0 0}
#footer .ft_cont .ft_hp_info .make a {color: #fff}
#footer .ft_cont .ft_hp_info .make a span {color: #bbb}
#footer .ft_cont .ft_hp_info .mb1 {margin: 0 0 25px}
#footer .ft_cont .agr_list {margin: 0 0 25px}
#footer .ft_cont .agr_list li {display: inline-block;cursor: pointer}
#footer .ft_cont .agr_list li+li:before {content: '';margin: 0 5px;width: 1px;height: 10px;background: #444;display: inline-block;vertical-align: middle}
#footer .ft_cont .agr_list li b {color: #7cffb2;font-weight: 500}

.footerBg {display:block;height:70px;width:100%;transition:.5s;background-color:#000}


/*기타페이지*/
#sns_register {width: 1200px;margin: 80px auto 10px;}
#fregister {width:1200px;margin:0 auto 80px}
#register_form {width: 1200px;margin: 50px auto;}
#fregisterform .btn_confirm {margin-bottom:80px}
.new_win {width:600px}