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

.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;}
.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

.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:fixed; width:100%; top:0px; background-color: white; z-index:1000;}
#header #hd_top {background-color:#f3574a;width:100%;height:75px;line-height:75px;}
#header #hd_top .bx-wrapper {position:absolute;left:55px;top:0px}
#header #hd_top .bx-wrapper li {font-size:16px;color:#fff}
#header #hd_top .bx-wrapper li span {display:inline-block;width:65px}
#header #hd_top .lnb {position:absolute;right:0;top:0}
#header #hd_top .lnb li {float:left;}
#header #hd_top .lnb li a {color:#fff;font-size:14px}
#header #hd_top .lnb li a::after {content:'';height:12px;width:1px;display:inline-block;margin: 0 15px;background-color:#fff;}


#hd_wrapper {position:relative; top:0; left:0;width:1210px;height:100px; z-index:1000; }
#hd_wrapper h1 {position:absolute; left:0; top:30px;z-index:999}
#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;
}

#gnb {position:absolute;left:0;top:40px;width:100%}
#gnb .gnb_wrap {width:auto;float:right}
#gnb .set_menu {height:60px}
#gnb .set_menu>li {display: inline-block;padding:0 15px;height:100%}
#gnb .set_menu>li:hover > a {color:#f3574a;position:relative}
#gnb .set_menu>li:hover > a::after {display:inline-block;background:url(../../img/common/header/gnb_ico.png) no-repeat center center;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:14px;height:10px}
#gnb .set_menu>li > a {display:block;font-size:18px;color:#333;height:100%}

#gnb .set_menu .cont_center {width:1210px}
#gnb .sub_menu	{visibility:hidden; position:absolute; left:0;top:60px; width:100%; background:#fff; z-index:100;}
#gnb .sub_menu .menu_left	{float:left; width:150px;height:260px;text-align:center; background:#f3574a;padding-top:60px;box-sizing:border-box}
#gnb .sub_menu .menu_left h2 {font-size:18px;color:#fff;font-weight:600}
#gnb .sub_menu .menu_left span {display:inline-block;width:30px;height:2px;background-color:#fff;margin:10px auto}
#gnb .sub_menu .menu_left p {font-size:13px;color:#f3f3f3;line-height:1.4}

#gnb .sub_menu .menu_quick {float:right;width:600px}
#gnb .sub_menu .menu_quick li {float:left;width:50%}

.sub_menu ul	{float:left;}
.sub_menu .menu_list {position:relative; width:450px; height:250px; padding:15px 30px;background-color:#fff}

.menu_list .dep2_tp2	{width:33.333%;float:left;margin-bottom:8px}
.menu_list .dep2_tp2 a	{position: relative;display:block;padding-left:15px; font-weight: 500; color:#333;font-size:14px}
.menu_list .dep2_tp2 a::before	{position: absolute; top:5px; left:0px; content: 'ㆍ'; font-weight:500; font-size: 1px; color:#333;}
.menu_list .dep2_tp2 a:hover, .menu_list .dep2_tp2 a:hover::before {color:#f3574a}


.menu2 .sub_menu .menu_list, .menu3 .sub_menu .menu_list, .menu4 .sub_menu .menu_list, .menu5 .sub_menu .menu_list {position:relative; width:390px; height:250px; padding:15px 30px; background:url(../../img/nav/dep2_bg.jpg) repeat-y left top #fff;}
.sub_menu .menu_list .dep2>a	{position: relative;display:block; overflow:hidden; width:155px; font-size:14px; padding-left:15px; padding-right:15px; font-weight:500; color:#333;line-height:1.7 }
.sub_menu .menu_list .dep2>a::before	{position: absolute; top:5px; left:0px; content: 'ㆍ'; font-weight:500; font-size: 1px; color:#333;}
.sub_menu .menu_list .dep2.on>a, .sub_menu .menu_list .dep2.on>a::before {color:#f3574a;}

.sub_menu .menu_list .dep3	{position:absolute; top:15px; left:160px; visibility:hidden; width:290px; height:auto; padding-left:30px; opacity:0;z-index:100;}
.sub_menu .menu_list .dep3 li	{width:100%;float:left;}
.sub_menu .menu_list .dep3 li a	{position: relative; display:block; overflow:hidden; width:100%; padding-left:15px; font-weight: 500; color:#555555;font-size: 14px;line-height: 1.7;}
.sub_menu .menu_list .dep3 li a::before	{position: absolute; top:5px; left:0px; content: 'ㆍ'; font-weight:400; font-size: 1px; color:#555;}
.sub_menu .menu_list .dep3 li a:hover, .sub_menu .menu_list .dep3 li a:hover::before {color:#f3574a}

.sub_menu .menu_list .dep3.w50 li {width:50%;display:inline-block;}

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

/* 

    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:430px; 
    margin:0 auto;
}
#footer > .footerContents img.text{
    position: absolute;
    top: 50px;
    left: 0;
}
#footer .ft_right {position:absolute;right:0;top:0;background:url('../../img/footer/ft_pattern.png') no-repeat center center;background-size:cover;height:430px;width:400px;text-align:center;color:#fff;box-sizing: border-box;padding: 80px 0 0;font-size:14px}
#footer .ft_right .logo {margin-bottom:40px}
#footer .ft_right .info .footerAgree {width:305px;margin:0 auto 18px}
#footer .ft_right .info .footerAgree li {float:left;font-size:16px;color:#f0ff00;cursor: pointer}
#footer .ft_right .info .footerAgree li::after {content:''; display:inline-block;height: 17px;width:1px;background-color:#f0ff00;margin: 0 10px;vertical-align: top;margin-top: 3px;}
#footer .ft_right .info .footerAgree li:last-child::after {display:none}
#footer .ft_right .info p {margin-bottom:5px}
#footer .ft_right .info p span {display:inline-block;margin:0 5px}
#footer .ft_right .info p.copy {margin-top:12px}
#footer .ft_right .info p.copy span {margin-bottom:5px}
#footer .ft_right .info p.copy a {color:#fff}

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