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

body{
    letter-spacing: -1px;
}
.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;}
#hd_wrapper {position:relative; top:0; left:0; width:1210px; z-index:1000; }
#hd_wrapper h1 {position:absolute; left:0; top:35px;}
#hd_wrapper #top_menu {position:absolute; right:0; top:35px;}
#hd_wrapper #top_menu ul {display: inline-block;}
#hd_wrapper #top_menu ul li {display: inline-block;}
#hd_wrapper #top_menu ul li a {
    color: black;
    font-size: 15px;
    font-weight: 700;
}
#hd_wrapper #top_menu ul li::after {content: '|'; color:black; padding:0 10px;}
#hd_wrapper #top_menu ul li:last-child::after{content: ' '; padding: 0;}
#hd_wrapper #top_menu div.tel{    
    display: inline-flex;
    justify-content: center;
    align-items: center; 
    width: 230px; 
    height: 40px; 
    color: white;
    font-size: 17px;
    background-color: #1cc4a2; 
    border-radius: 20px; 
    margin-left: 20px;
    letter-spacing:0
}

.gnb {border-top: 1px solid #dddddd;border-bottom: 1px solid #ddd;height: 60px; background-color: #ffffff;}
.gnb .gnb_wrapper {width: 1210px;margin: 0 auto;height: 59px}
#gnb_1dul {
    height: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.7;
}
#gnb_1dul > li {height: inherit;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;border-left: 1px solid #dddddd}
#gnb_1dul > li:last-child {border-right: 1px solid #dddddd}
#gnb_1dul > li > a {height: inherit;text-align: center;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;color: #333333;font-size: 16px;font-weight: 500; position: relative; overflow: hidden;}
#gnb_1dul > li > a > div.beforeText,
#gnb_1dul > li > a > div.afterText{
    position: absolute;
    left:0;
    width: 100%;
    height: inherit;

    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;
  
    transition: .3s;
}

/*

    gnb_1dli_over 

*/
#gnb_1dul > li > a > div.beforeText{
  z-index: 900;
  top:0px;
}
#gnb_1dul > li.gnb_1dli_over > a > div.beforeText{
  top:-59px;
}
#gnb_1dul > li > a > div.afterText{
  z-index: 1000;
  top:59px;
  background-color: #005b49;
}
#gnb_1dul > li.gnb_1dli_over > a > div.afterText{
  top:0;
}

#gnb_1dul .gnb_inner {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    visibility: hidden;
    transition: .5s;
}
#gnb_1dul > li.gnb_1dli_on > a {color: #fff}
#gnb_1dul .gnb_1dli_over .gnb_inner {
    height: 250px;
    visibility: visible;
}

#gnb_1dul .gnb_inner .inner_wrap {display: -webkit-box;display: -ms-flexbox;display: flex;width: 1210px;height: 250px;margin: 0 auto}
#gnb_1dul .gnb_inner .mn_intro {
    width: 150px;
    height: inherit;
    background: #03a4b2;
    color: #fff;
    text-align: center;
    background-image: linear-gradient(-50deg,#38a0ae,#48cbaf);
    padding-top:45px;
    margin: 0;
}

/*
#gnb_1dul .gnb_1 .mn_intro {}
#gnb_1dul .gnb_2 .mn_intro {background: #53bde1}
#gnb_1dul .gnb_3 .mn_intro {background: #699606}
#gnb_1dul .gnb_4 .mn_intro {background: #8147c8}
#gnb_1dul .gnb_5 .mn_intro {background: #42beab}
#gnb_1dul .gnb_6 .mn_intro {background: #faad18}
#gnb_1dul .gnb_7 .mn_intro {background: #232e82}
#gnb_1dul .gnb_8 .mn_intro {background: #f96f14}
*/

#gnb_1dul .gnb_inner .mn_intro i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 94px;
    -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;
}
#gnb_1dul .gnb_inner .mn_intro .sjt {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}
#gnb_1dul .gnb_inner .mn_intro .sjt:after {content: '';display: block;width: 30px;height: 2px;background: #fff;margin: 13px auto}
#gnb_1dul .gnb_inner .mn_intro .con {
    font-size: 13px;
    color: #f3f3f3;
    line-height: 1.4;
}
#gnb_1dul .gnb_inner .mn_menu {width: 456px; height: 250px;}

/* Not 3depth menu */
#gnb_1dul .gnb_2 .gnb_inner .mn_menu,
#gnb_1dul .gnb_3 .gnb_inner .mn_menu,
#gnb_1dul .gnb_4 .gnb_inner .mn_menu,
#gnb_1dul .gnb_5 .gnb_inner .mn_menu {
    background: linear-gradient(90deg, #f5f5f5 35%, #ffffff 35%);
}

#gnb_1dul .gnb_inner .spot_img {
    width: 604px;
    font-size: 0;
}

#gnb_1dul .gnb_2dul {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 15px 30px;
}

#gnb_1dul .gnb_2dli {
    display: inline-block;
    width: 33%;
}

#gnb_1dul .gnb_2 .gnb_2dli, 
#gnb_1dul .gnb_3 .gnb_2dli, 
#gnb_1dul .gnb_4 .gnb_2dli, 
#gnb_1dul .gnb_5 .gnb_2dli {
    display: block;
    width: 35%;
}
#gnb_1dul .gnb_2dli > a {
    position: relative;
    display: block;
    font-size: 14px;
    color: #333;
    font-weight:500;
    padding-left: 15px;
}
#gnb_1dul .gnb_2dli > a::before {
    position: absolute;
    top: 5px;
    left: 0px;
    content: 'ㆍ';
    font-weight: 500;
    font-size: 1px;
    color: #333;
}
#gnb_1dul .gnb_2dli > a:hover,
#gnb_1dul .gnb_2dli > a:focus,
#gnb_1dul .gnb_2dli > a:hover::before,
#gnb_1dul .gnb_2dli.gnb_2dli_over > a {
    color: #2cb99c
}

#gnb_1dul .gnb_3dul {
    position: absolute;
    top: 0;
    left: 160px;
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    flex-wrap: wrap;
    width: 290px;
    height: 235px;
    padding-top: 15px;
    padding-left: 30px;
    display: none;
}
#gnb_1dul .gnb_2dli.gnb_2dli_over .gnb_3dul {
    display: block;
}
#gnb_1dul .gnb_3dul li {
    width: 100%
}
#gnb_1dul .gnb_2dli.innerOverflow .gnb_3dul li {
    display: inline-block;
    width: 49%;
}
#gnb_1dul .gnb_3dul li a {
    position: relative;
    display: block;
    font-size: 13px;
    color: #555555;
    font-weight:500;
    padding-left: 15px;
}
#gnb_1dul .gnb_3dul li > a::before {
    position: absolute;
    top: 5px;
    left: 0px;
    content: 'ㆍ';
    font-weight: 500;
    font-size: 1px;
    color: #555;
}
#gnb_1dul .gnb_3dul li a:hover,
#gnb_1dul .gnb_3dul li a:focus, 
#gnb_1dul .gnb_3dul li > a:hover::before  {
    color: #2cb99c
}





/* contents */
#contents	{overflow:hidden;}
#contents_board {width:1275px; margin:0 auto 80px ; /*padding-top:80px;*/}
#contents_register {width:1275px; margin:152px auto 80px ; padding-top:80px;}

#contentsWrap {display:none}
#contentsWrap .m_sub_top {display:none}

/* 

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

/* 

    footer 

*/
#footer	{
    position: relative;
    background: url(../../img/footer/bg_footer.jpg)center no-repeat;
    background-size:cover;
    background-color: white;
    margin-bottom: 0px;
    z-index: 10;
}
#footer > .footerContents{
    position: relative;
    width:1210px; 
    height:570px; 
    margin:0 auto;
}
#footer > .footerContents img.text{
    position: absolute;
    top: 70px;
    left: 13px;
    width: 409px;
    height: 91px;
}
#footer > .footerContents img.logo{
    position: absolute;
    bottom: 70px;
    width: 190px;
    height: 45px;
}
#footer > .footerContents p.signature{
    position: absolute;
    top: 175px;
    left: 305px;
    font-size: 16px;
    color: #1cc4a2;
}
#footer > .footerContents p.signature > img{
    position: relative;
    top: -5px;
}
#footer > .footerContents > ul.time{
    position: absolute;
    top: 250px;
    left: 21px;
    width: 100%;
    height: 120px;
    font-size: 0px;
}
#footer > .footerContents > ul.time > li{
    display: inline-block;
    width: 175px;
    height: inherit;
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 300;
    text-align: center;
    color: white;
    margin-right: 25px;
    background:url('../../img/footer/footer_timeBg.png') no-repeat center top;
    background-size: 100%;
    padding-top: 8px;
}
#footer > .footerContents > ul.time > li:hover{
    color: #1fb395;;
}
#footer > .footerContents > ul.time > li:last-child{
    margin-right: 0px;
}
#footer > .footerContents > ul.time > li > h3{
    color: #333333;
    letter-spacing: 1px;
    margin-bottom: 12px;
}
#footer > .footerContents div.info{
    position: absolute;
    left: 220px;
    bottom: 70px;
    width: 100%;
    height: 90px;
}
#footer > .footerContents div.info ul.footerAgree{
    font-size: 16px;
    color: #ffeb00;
    margin-bottom: 20px;
}
#footer > .footerContents div.info ul.footerAgree > li{
    display: inline-block;
    cursor: pointer;
}
#footer > .footerContents div.info ul.footerAgree > li+li:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 15px;
    background: #ffeb00;
    vertical-align: middle;
    margin: 0 5px;
}
#footer > .footerContents div.info > p {
    color: white;
    font-size: 14px;
}
#footer > .footerContents div.info > p:last-child {
    margin-top: 10px;
}
#footer > .footerContents div.info > p span {
    margin-right: 10px;
}
#footer > .footerContents div.info > p span:last-child {
    margin-right: 0;
}
#footer > .footerContents div.info > p > a {
    color: white;
}
.footerBg{
    width: 100%;
    height: 70px;
    background-color: black;
    z-index: 1;
}

/* 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}