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

#subContents {width:100%;padding-left:200px;box-sizing:border-box}

#header {position: fixed;left: 0;top: 0;width: 200px;height: 100%;background:rgba(7,54,106,1);overflow: hidden;z-index: 100}
#header .scroll_wrap {width: 200px;height: 100%;overflow: auto;-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
#header .scroll_wrap::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
#header .logo {width: 200px;/*height: 120px;*/text-align: center;/*padding:50px 0 0;*/padding:30px 0 0;box-sizing: border-box;margin-bottom: 20px;}
#header #login_content {text-align: center;margin:0 auto;width:130px;height: 30px;line-height: 30px;border-top:1px solid #fff;border-bottom:1px solid #fff;font-size: 0}
#header #login_content li {height: 100%;padding: 0 5px;display: inline-block;vertical-align: top;background: url(../images/login_bar.gif) no-repeat right}
#header #login_content li:last-child {background: none}
#header #login_content li a {padding: 0 3px;font-size: 14px;color: #fff}
#header #quickOpen {text-align: center;display: block;width: 200px;margin: 0 0 /*30*/35px;cursor: pointer}
#header .make {padding-left:30px;font-size:13px;color:#fff}
#header .make a {color:#fff;margin-left: 5px;}

#siteMap {}
#siteMap .pop_wrap .pop_windo {width: 1200px;height: 600px;margin: -300px 0 0 -600px;background: rgba(0,0,0,.9)}
#siteMap h2 {color: #fff;font-size: 32px;font-weight: 500;padding: 0 0 20px;border-bottom: 2px solid #fff}
#siteMap #mn_field {width: 100%}
#siteMap #mn_field tr {border-bottom: 1px solid #444}
#siteMap #mn_field th {color: #a69fde;vertical-align: middle;font-size: 20px;padding: 0 10px}
#siteMap #mn_field td {padding: 20px 0}
#siteMap #mn_field td li {float: left;margin: 0 10px 0 0;line-height: 21px}
#siteMap #mn_field td a {color: #fff;font-size: 16px}
#siteMap #mn_field td a:hover {color: #f5d21d}
#siteMap .pop_wrap .pop_close {top: 26px;right: 40px}
#siteMap #mn_field a {background: none;width: auto;height: auto;background: none;border: 0}
#siteMap #mn_field .img {display: none;}
#siteMap #mn_field tr:nth-child(9),
#siteMap #mn_field tr:nth-child(10) {display: none;}

#gnb {margin:/*50px*/30px auto 30px;position:relative}
#gnb:before {content:'';position:absolute;left:38px;top:0;width:1px;height:/*510px*/410px;background-color:#fff;margin-top:20px}
#gnb > li.arrow {padding-left:24px;height: /*50*/35px;}
#gnb > li.arrow:last-child {line-height:65px}
#gnb > li.hover > a {background: #fff;color: #303395}
#gnb > li.hover > a span {color: #303395}
#gnb > li.hover > a:after {background: url(../images/gnb_arrow.png) right}
#gnb > li.hover .dp1 {display: block;}
#gnb > li > a {position: relative;height: 50px;line-height: 50px;padding: 0px 0 0 60px;color: #fff;font-size:18px;letter-spacing: -1.5px;display: block;transition: background .3s,color .3s;box-sizing: border-box}
#gnb > li > a:before {content:'';position:absolute;left:30px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:16px;border:2px solid #fff;background-color:#222;box-sizing:border-box;transition:.3s}
#gnb > li > a:hover {color:#ffb400}
#gnb > li > a:hover::before {background-color:#ffb400;border-color:#ffb400}

#gnb .dp {padding:30px}
#gnb .dp1 ul {height:50px}
#gnb > li {position:relative}
#gnb > li > a:after {content: '';position: absolute;top: 18px;right: 20px;width: 7px;height: 12px;background: url(../images/gnb_arrow.png) left;transition: background .3s}
#gnb > li > a b {display: block;font-weight: 500}
#gnb > li > a span {font-size: 10px;transform: scale(0.8);transform-origin: left;display: block;color: #aaa;margin: 2px 0 0;letter-spacing: 0;display: none}

#gnb .dp {display:none;position:fixed;left:200px;background:rgba(0,0,0,0.7);z-index:999}
#gnb > li:hover .dp {display:block}
#gnb .dp1 {top:170px}
#gnb .dp2 {top:215px}
#gnb .dp3 {top:265px}
#gnb .dp4 {top:315px}
#gnb .dp5 {top:365px}
#gnb .dp6 {top:415px}
#gnb .dp7 {top:465px}
#gnb .dp8 {top:515px}
#gnb .dp9 {top:565px}

#gnb .dp.dp1::before{content: ''; position: absolute; top: 35px;left: -20px;border-right: 20px solid rgba(0,0,0,0.7);border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
#gnb .dp::before{content: ''; position: absolute; top:50%;transform:translateY(-50%); left: -20px;border-right: 20px solid rgba(0,0,0,0.7);border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
#gnb > li:hover .dp ul {display: flex;padding-left: 10px;}
#gnb .dp li {display: inline-flex;align-items: center;}
#gnb .dp li a {font-size: 18px;color: white;}
#gnb .dp li:hover > a {color: #ffb400;}
#gnb .dp li::after {content: '|';color: white;margin: 0 10px;}
#gnb .dp li:last-child::after{ content: ''; padding: 0;}


#header .hd_cs {padding:0 0 30px 30px}
#header .hd_cs h2 {font-size: 16px;color: #fff;font-weight: 700;margin: 0 0 5px}
#header .hd_cs p.deco1 {color: #ffb400;font-size: 20px;font-weight: 700;margin: 0 0 10px}
#header .hd_cs p.deco2 {color: #fff;font-size: 11px;line-height: 18px;letter-spacing: 0}
#header .hd_cs p.deco2 .th {display: inline-block;width: 32px;height: 11px;margin: 0 7px 0 0;vertical-align: top;text-align: justify}
#header .hd_cs p.deco2 .th:after {content: '';display: inline-block;width: 100%}
#header .hd_cs p.deco3 {color: #fff;font-size: 11px;line-height: 18px;letter-spacing: 0}







/* 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:380px;padding-left:200px;width:100%;box-sizing:border-box}
#footer > div.w1200 {height:inherit}
#footer .ft_left {color:#fff;float: left;width:50%;padding:50px 0 0;height:inherit}
#footer .ft_left h4 {position:relative;font-size:20px;font-weight: 400;margin-bottom: 15px;}
#footer .ft_left h4:after {content:'';position:absolute;right:30px;top:50%;transform:translateY(-50%);width:409px;height:1px;background-color:#fff}
#footer .ft_left h4:before {content:'';position:absolute;right:30px;top:14px;width:1px;height:65px;background-color:#fff}
#footer .ft_left h2 {font-size:40px;font-weight:400;margin-bottom: 42px;line-height: 1;}
#footer .ft_left .family a {float:left;margin-right:10px;margin-bottom:10px}
#footer .ft_left .family a:nth-child(3n) {margin-right:0}


#footer .ft_right {float: right;width:50%;color: #fff;font-size: 14px;text-align:left;padding: 50px 0 0 30px;background: rgba(0,0,0,0.35);height: inherit;}
#footer .ft_right .ft_logo {margin-bottom:20px}
#footer .ft_right .ft_sns {margin-bottom:25px}
#footer .ft_right .ft_sns a {float:left;margin-right:10px;}
#footer .ft_right .ft_sns a:last-child {margin-right:0}
#footer .ft_right .agr_list {margin: 0 0 15px}
#footer .ft_right .agr_list li {display: inline-block;cursor: pointer;color:#ffeb00;font-size:16px}
#footer .ft_right .agr_list li+li:before {content: '';margin: 0 5px;width: 1px;height: 10px;background: #ffeb00;display: inline-block;vertical-align: middle}
#footer .ft_right .ft_hp_info p {line-height: 1.6;}
#footer .ft_right .ft_hp_info p.copy {margin-top:8px;letter-spacing: -0.5px;}
#footer .ft_right .ft_hp_info p.copy a {color:#fff;margin-left:8px}


/*기타페이지*/
#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}