@charset "utf-8";

/*** main ***/
.visual_wrap {}
#visual {position: relative;overflow: hidden;margin: 0 auto;text-align: center;}
#visual ul {}
#visual ul li.visual_li {position: relative;float: left;height: 460px;}
#visual ul li.visual_li a {}
#visual ul li.visual_li a img{position: absolute;top: 0px;left:50%; margin-left: -1400px;max-width: inherit;/* height: 460px; */}
#visual .bx-controls{position: absolute;left: auto;bottom: 40px;z-index: 80;width: 100%;max-width: 100%;margin: auto;}
#visual .bx-wrapper .bx-pager {/* position: absolute; *//* left: 50%; *//* bottom: 0px; *//* margin-left: 10px; */}
#visual .bx-wrapper .bx-pager:after{height:100%;display: inline-block;vertical-align: middle;content:"";}
#visual .bx-wrapper .bx-pager .bx-pager-item{display: inline-block;margin: 0 5px;}
#visual .bx-wrapper .bx-pager.bx-default-pager a {display: block;width: 10px;height: 10px;border: 1px solid #fff;text-indent: -999em;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
#visual .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff;}
#visual .bx-wrapper .bx-controls-auto{padding-bottom: 4px;text-align: center;}
#visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;}
#visual .bx-wrapper .bx-controls-auto a{ width: 10px; height: 10px;text-indent: 100%; overflow: hidden; white-space: nowrap; display: inline-block; *display: inline; *zoom:1;}
#visual .bx-wrapper .bx-controls-auto .bx-start{display: none;background: url('../../images/btn_visual_play.png') center center no-repeat;}
#visual .bx-wrapper .bx-controls-auto .bx-stop{background: url('../../images/btn_visual_stop.png') center center no-repeat; }

/* main content */
.main_cont_wrap{}
.main_cont_wrap .inner{padding: 50px 0;}
.main_cont_wrap .main_tit {margin-bottom: 35px;vertical-align: middle;}
.main_cont_wrap .main_tit:after{display: block;clear: both;content: "";}
.main_cont_wrap .main_tit h2 {display: inline-block;font-size: 22px;color: #333;vertical-align: middle;}
.main_cont_wrap .main_tit .btn_more {display: inline-block;width: 17px;height: 17px;margin-left: 10px;background: url(../../images/btn_more.png);vertical-align: middle;text-indent: -999em;}

.main_top {background-color: #f9f9fa;border-bottom: 1px solid #f0f0f1;}
.main_top .inner .cont_box{float: left;width: 100%;}
.main_top .inner .cont_box.left {width: 75%;padding-right: 50px;}
.main_top .inner .cont_box.left .main_tit {display: inline-block;margin-bottom: 20px;}
.main_top .inner .cont_box.right {width: 25%;margin-top: 42px;}
.main_top .inner .cont_box.right a{display: inline-block;margin-top: 10px;}
.main_top .inner .cont_box.right a:first-child{margin-top: 0;}

.main_top .tab_area {background: #fff;border: 1px solid #f0f0f1;}
.main_top .tab_area .tab_list{width: 100%;background: #fff;}
.main_top .tab_area .tab_list > ul{}
.main_top .tab_area .tab_list > ul:after{display:block; clear:both; content:"";}
.main_top .tab_area .tab_list > ul > li{float: left;width: 11.11%;text-align: center;vertical-align: middle;}
.main_top .tab_area .tab_list > ul > li a{position: relative;display: table;width: 100%;height: 100%;padding: 15px 0;border-left: 1px solid #f0f0f1;border-bottom: 1px solid #f0f0f1;text-decoration: none;color: #b2b2b2;font-weight: 300;line-height: 1.25em;font-size: 15px;}
.main_top .tab_area .tab_list > ul > li:first-child a{border-left: none;}
.main_top .tab_area .tab_list > ul > li a span{display: table-cell;vertical-align: middle;}
.main_top .tab_area .tab_list > ul > li.on a {border-bottom: none;color: #333;font-weight: 400;}
.main_top .tab_area .tab_list > ul > li.on a:after{position: absolute;bottom: 0;left: 50%;content: "";width: 12px;height: 2px;margin-left: -6px;background: #333;}
.main_top .tab_area .tab_cont > .tab_cont_box{display: none;}
.main_top .tab_area .tab_cont > .tab_cont_box.on{display: block;}

.main_top .tab_cont .tab_cont_box{height: 150px;padding: 30px 20px 30px 40px;}

.vslide_box {position: relative;width: 100%;}
.vslide_box:after{display:block; clear:both; content:"";}
.vslide_box > div {width: 100%;}
.vslide_box > div ul{width: 100%;}
.vslide_box > div ul li {width: 100%;margin-top: 20px;}
.vslide_box > div ul li:after{display: block;clear: both;content: "";}
.vslide_box > div ul li:first-child{margin-top: 0;}
.vslide_box > div ul li a {float: left; display: block;width:620px;padding-right: 20px;line-height:16px; color:#333; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.vslide_box > div ul li span {float: right;width: 80px;padding-left: 20px;line-height:16px;color:#b2b2b2; font-size:12px;font-weight: 300;}

/* .vslide_box #vslide_cont1 {width: 100%;}
.vslide_box #vslide_cont1 ul{width: 100%;}
.vslide_box #vslide_cont1 ul li {width: 100%;height:54px;}
.vslide_box #vslide_cont1 ul li a {float: left; display: block;width:83%;padding-right: 20px;line-height:54px; color:#333; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.vslide_box #vslide_cont1 ul li span {float: left;width: 17%;padding-left: 20px;line-height:54px;color:#b2b2b2; font-size:12px;font-weight: 300;}

.vslide_box #vslide_cont2 {width: 100%;}
.vslide_box #vslide_cont2 ul{width: 100%;}
.vslide_box #vslide_cont2 ul li {width: 100%;height:54px;}
.vslide_box #vslide_cont2 ul li a {float: left; display: block;width:83%;padding-right: 20px;line-height:54px; color:#333; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.vslide_box #vslide_cont2 ul li span {float: left;width: 17%;padding-left: 20px;line-height:54px;color:#b2b2b2; font-size:12px;font-weight: 300;}

.vslide_box #vslide_cont3 {width: 100%;}
.vslide_box #vslide_cont3 ul{width: 100%;}
.vslide_box #vslide_cont3 ul li {width: 100%;height:54px;}
.vslide_box #vslide_cont3 ul li a {float: left; display: block;width:83%;padding-right: 20px;line-height:54px; color:#333; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.vslide_box #vslide_cont3 ul li span {float: left;width: 17%;padding-left: 20px;line-height:54px;color:#b2b2b2; font-size:12px;font-weight: 300;}

.vslide_box #vslide_cont4 {width: 100%;}
.vslide_box #vslide_cont4 ul{width: 100%;}
.vslide_box #vslide_cont4 ul li {width: 100%;height:54px;}
.vslide_box #vslide_cont4 ul li a {float: left; display: block;width:83%;padding-right: 20px;line-height:54px; color:#333; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.vslide_box #vslide_cont4 ul li span {float: left;width: 17%;padding-left: 20px;line-height:54px;color:#b2b2b2; font-size:12px;font-weight: 300;}

.vslide_box #vslide_cont5 {width: 100%;}
.vslide_box #vslide_cont5 ul{width: 100%;}
.vslide_box #vslide_cont5 ul li {width: 100%;height:54px;}
.vslide_box #vslide_cont5 ul li a {float: left; display: block;width:83%;padding-right: 20px;line-height:54px; color:#333; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.vslide_box #vslide_cont5 ul li span {float: left;width: 17%;padding-left: 20px;line-height:54px;color:#b2b2b2; font-size:12px;font-weight: 300;}

.vslide_box #vslide_cont6 {width: 100%;}
.vslide_box #vslide_cont6 ul{width: 100%;}
.vslide_box #vslide_cont6 ul li {width: 100%;height:54px;}
.vslide_box #vslide_cont6 ul li a {float: left; display: block;width:83%;padding-right: 20px;line-height:54px; color:#333; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.vslide_box #vslide_cont6 ul li span {float: left;width: 17%;padding-left: 20px;line-height:54px;color:#b2b2b2; font-size:12px;font-weight: 300;}
 */
.vslide_box .btn_box{position:absolute; right: 0;top:0px;}
.vslide_box .btn_box a{display: block;width: 18px;height: 26px;border: 1px solid #e5e5e5;text-indent: -999em;}
.vslide_box .btn_box a.prev {background: url(../../images/btn_slide_up.png) center center no-repeat;}
.vslide_box .btn_box a.next {background: url(../../images/btn_slide_down.png) center center no-repeat;border-top: none;}

.main_bot{}
.main_bot .inner{padding: 0;}
.main_bot .inner .cont_box{float: left;width: 50%;padding: 50px 0;}
.main_bot .inner .cont_box.left{padding-right: 50px;border-right: 1px solid #e5e5e5;}
.main_bot .inner .cont_box.right{padding-left: 50px;}
.main_bot .inner .cont_box .main_bbs_list {}
.main_bot .inner .cont_box .main_bbs_list > ul{background: #fff;}
.main_bot .inner .cont_box .main_bbs_list > ul > li {margin-top: 30px;}
.main_bot .inner .cont_box .main_bbs_list > ul > li .tit {width: 100%;}
.main_bot .inner .cont_box .main_bbs_list > ul > li .tit:after{display: block;clear: both;content: "";}
.main_bot .inner .cont_box .main_bbs_list > ul > li .tit a {float: left;display: block;max-width: 100%;padding-right: 32px;margin-right: -32px;font-size: 18px;line-height: 1.5em;color: #333;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_bot .inner .cont_box .main_bbs_list > ul > li .tit a:hover{text-decoration: underline;}
.main_bot .inner .cont_box .main_bbs_list > ul > li .tit span {float: left;margin: 7px 0 0px 5px;font-size: 11px;color: #b01818;font-weight: 600;}
.main_bot .inner .cont_box .main_bbs_list > ul > li .txt {padding-top: 5px;font-size: 14px;line-height: 1.5em;color: #828282;font-weight: 300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_bot .inner .cont_box .main_bbs_list > ul > li .date {padding-top: 8px;font-size: 12px;color: #b2b2b2;font-weight: 300;}

/*** sub ***/
/* sub common */
.sub_visual_wrap {}
.sub_visual_wrap .sub_visual {position: relative;overflow: hidden;height: 244px;}
.sub_visual_wrap .sub_visual .bg_img {}
.sub_visual_wrap .sub_visual .bg_img img{position: absolute;top: 0;left: 50%;width: 2800px;max-width: inherit;margin-left: -1400px;}
.sub_visual_wrap .sub_visual .inner{position: absolute;top: 0;left: 50%;margin-left: -550px;display: table;height: 100%;vertical-align: middle;}
.sub_visual_wrap .sub_visual .inner h3 {display: table-cell;width: 100%;height: 100%;padding-bottom: 46px;color: #fff;text-align: center;font-weight: 100;line-height: 1.25em;vertical-align: middle;font-size: 30px;}
.sub_visual_wrap .sub_visual .inner h3 span{}
.sub_visual_wrap .sub_visual .sub_menu {position: absolute;left: 50%;bottom: 0;width: 1100px;max-width: 100%;margin-left: -550px;}
.sub_visual_wrap .sub_visual .sub_menu > ul {display: flex;}
.sub_visual_wrap .sub_visual .sub_menu > ul:after{display: block;clear: both;content: "";}
.sub_visual_wrap .sub_visual .sub_menu > ul > li {float: left;}
.sub_visual_wrap .sub_visual .sub_menu > ul > li a {display: block;padding: 15px 0;background: #fff;color: #333;text-align: center;	font-size: 16px;}
.sub_visual_wrap .sub_visual .sub_menu > ul > li a:hover,
.sub_visual_wrap .sub_visual .sub_menu > ul > li.on a{background: #255386;color: #fff;}
.sub_visual_wrap .sub_visual .sub_menu.n1 > ul > li{width: 100%;}
.sub_visual_wrap .sub_visual .sub_menu.n2 > ul > li{width: 50%;}
.sub_visual_wrap .sub_visual .sub_menu.n3 > ul > li{width: 33.33%;}
.sub_visual_wrap .sub_visual .sub_menu.n4 > ul > li{width: 25%;}
.sub_visual_wrap .sub_visual .sub_menu.n5 > ul > li{width: 20%;flex: 1;}
.sub_visual_wrap .sub_visual .sub_menu.n6 > ul > li{width: 16.66%;}
.sub_visual_wrap .sub_visual .sub_menu.n7 > ul > li{width: 14.28%;}



.content.sub {min-height: 660px;padding: 100px 0;}
.content.sub > .inner {}
.content.sub > .inner .tit_area {float: left;width: 23%;}
.content.sub > .inner .tit_area h2{width: 185px;padding: 17px 0 18px;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;text-align: center;color: #333;line-height: 1.4em;font-weight: 100;font-size: 25px;letter-spacing: -0.04em;}
.content.sub > .inner .cont_area {float: left;width: 77%;}

.cont_area .cont_box{margin-top: 40px;}
.cont_area .cont_box:first-child{margin-top: 0px;}

.cont_area .img {}
.cont_area .img img {}

.cont_area .tit_box{display: block;padding: 17px 0 18px;border-bottom: 1px solid #d9d9d9;color: #255386;font-weight: 300;line-height: 1.4em;font-size: 25px;}

.cont_area .txt_box {}
.cont_area .txt_box p {margin-top: 40px;color: #333;line-height: 1.5em;font-size: 16px;}
.cont_area .txt_box p:first-child{margin-top: 0;}
.cont_area .txt_box p b{color: #255386;}

.cont_area .gray_box{padding: 40px;background: #fdfdfd;border: 1px solid #f6f6f6;}

.cont_area .box_list {}
.cont_area .box_list ul {background: #fff;border-top: 1px solid #ebeaea;border: 1px solid #ebeaea;}
.cont_area .box_list ul:after{display: block;clear: both;content: "";}
.cont_area .box_list ul li {position: relative;float: left;width: 33.33%;padding: 30px 0;border-right: 1px solid #ebeaea;text-align: center; line-height: 1.5em;font-size: 16px;}
.cont_area .box_list.n2 ul li{width: 50%;}
.cont_area .box_list ul li:after{position: absolute;top: 0;left: 50%;content: "";width: 5px;height: 10px;margin-left: -2px;background: #255386;}
.cont_area .box_list ul li.last{border-right: none;}

.cont_area .sub_menu2 {margin: 40px 0;}
.cont_area .sub_menu2 > ul {border: 1px solid #255386;}
.cont_area .sub_menu2 > ul:after{display: block;clear: both;content: "";}
.cont_area .sub_menu2 > ul > li {float: left;}
.cont_area .sub_menu2 > ul > li a {display: block;padding: 15px 0;background: #fff;border-left: 1px solid #255386;color: #333;text-align: center;	font-size: 16px;}
.cont_area .sub_menu2 > ul > li:first-child a{border-left: none;}
.cont_area .sub_menu2 > ul > li a:hover,
.cont_area .sub_menu2 > ul > li.on a{background: #255386;color: #fff;}
.cont_area .sub_menu2.n1 > ul > li{width: 100%;}
.cont_area .sub_menu2.n2 > ul > li{width: 50%;}
.cont_area .sub_menu2.n3 > ul > li{width: 33.33%;}
.cont_area .sub_menu2.n4 > ul > li{width: 25%;}
.cont_area .sub_menu2.n5 > ul > li{width: 20%;}
.cont_area .sub_menu2.n6 > ul > li{width: 16.66%;}
.cont_area .sub_menu2.n7 > ul > li{width: 14.28%;}



/* sub content */
/* about */
#about {}
#about .about-top {
    background: url(../../images/img_about_top2.jpg) no-repeat #f2f3f3 right 49px bottom;
    padding: 0 50px;
    height: 275px;
    display: flex;
    align-items: center;
    aspect-ratio: 847/275;
    width: 100%;
}
#about .about-top .text-box {}
#about .about-top .text-box .tit {
    /* border-bottom: 1px solid #dfdfe0; */
    font-size: 14px;
    font-weight: 900;
    color: #333333;
    margin-bottom: 18px;
    padding-bottom: 18px;
    position: relative;
}
#about .about-top .text-box .tit:after{content:'';background: #dfdfe0;height: 1px;position: absolute;display: block;width: 290px;bottom: 0;}
#about .about-top .text-box .cont {
    font-size: 20px;
    color: #333333;
    font-weight: 100;
    line-height: 1.6;
}

/* purpose */
#purpose{}

/* history */
#history{}
.history_list {border-top: 1px solid #255386;}
.history_list dl {display: table;width: 100%;}
.history_list dl dt {display: table-cell;position: relative; padding: 30px 40px;border-right: 1px dotted #e5e5e5;border-bottom: 1px dotted #e5e5e5;color: #255386;font-size: 20px;}
.history_list dl dt:after{position: absolute;top: 33px;right: -8px;content: "";width: 15px;height: 15px;background: url(../../images/history_dot.png) center center no-repeat;}
.history_list dl dd {display: table-cell; width: 100%;padding: 30px 40px;border-bottom: 1px dotted #e5e5e5;}
.history_list dl dd p {margin-top: 5px;}
.history_list dl dd p:first-child{margin-top: 0;}
.history_list dl dd p b {margin-right: 5px;color: #255386;line-height: 1.5em;font-weight: 400;font-size: 15px;}
.history_list dl dd p span {color: #333;line-height: 1.5em;font-size: 15px;}

/* people */
#people {}
#people .people_list {}
#people .people_list ul {margin: 0 0 0 -20px;}
#people .people_list ul:after{display: block;clear: both;content: "";}
#people .people_list ul li {float: left;width: 268px;height: 200px;margin-left: 20px;border-top: 1px solid #d9d9d9;}
#people .people_list ul li dl {margin-top: 25px;}
#people .people_list ul li dl dt {font-size: 20px;color: #255386;line-height: 1.5;font-weight: bold;font-family: 'Spoqa Han Sans';}
#people .people_list ul li dl dt span{font-size: 14px;color: #255386;line-height: 1.55;font-weight: 400;letter-spacing: -0.02em;font-family: 'Spoqa Han Sans';}
#people .people_list ul li dl dd {margin-top: 10px;font-size: 14px;color: #333333;line-height: 1.55;font-weight: 400;letter-spacing: -0.02em;font-family: 'Spoqa Han Sans';}
#people .people_list ul li dl dd span{color: #255386;}

/* together */
#together{}
.together_list {}
.together_list ul {margin: -17px 0 0 -22px;}
.together_list ul:after{display: block;clear: both;content: "";}
.together_list ul li {float: left;width: 194px;margin:17px 0 0 22px;border: 1px solid #f3f3f3;}
.together_list ul li a {cursor: inherit;}
.together_list ul li a img {}

/* 오시는 길 */
.map_list {margin-top: 40px;border-top: 1px solid #255386;}
.map_list dl {display: table;width: 100%;padding: 40px 0;border-bottom: 1px solid #e5e5e5;}
.map_list dl dt {display: table-cell;width: 195px;padding: 0 40px;border-right: 1px solid #e5e5e5;}
.map_list dl dt img {}
.map_list dl dd {display: table-cell;height: 100%;padding-left: 40px;vertical-align: middle;}
.map_list dl dd p {display: table;padding-top: 12px;}
.map_list dl dd p:first-child {padding-top: 0;}
.map_list dl dd p b {display: table-cell;min-width: 60px;padding-right: 20px;color: #333333;line-height: 1.5em;font-size: 15px;}
.map_list dl#m2 dd p b {min-width: inherit;padding-right: 5px;}
.map_list dl#m2 dd p b em{margin-left: 5px;padding: 0px 5px 2px;font-style: normal;color: #fff;line-height: 1em;font-size: 10px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.map_list dl#m2 dd p b em.green{background: #3cb44a;}
.map_list dl#m2 dd p b em.orange{background: #ff8939;}
.map_list dl#m2 dd p b em.red{background: #ce3245;}
.map_list dl#m3 dd p b {min-width: 245px;margin-right: 70px;}
.map_list dl dd p b i{font-style: normal;font-weight: 300;}
.map_list dl dd p > span {display: table-cell;font-weight: 300;color: #656565;line-height: 1.5em;font-size: 15px;}
.map_list dl#m2 dd p > span > em{font-style: normal;font-weight: 300;color: #ce3245;}
.map_list dl dd p > span > span{display: block;margin-top: 5px;}
.map_list dl dd p > span > span em{margin-right: 8px;padding: 0px 8px 2px;font-style: normal;color: #fff;line-height: 1em;font-size: 10px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.map_list dl dd p > span > span em.blue{background: #6372d7;}
.map_list dl dd p > span > span em.orange{background: #f06b52;}
.map_list dl dd p > span > span em.brown{background: #aa8874;}
.map_list dl dd p > span > span em.mint{background: #00aeab;}
.map_list dl dd p > span > span em.green{background: #53a135;}
.map_list dl dd p > span > span i{font-style: normal;font-weight: 300;color: #656565;line-height: 1.5em;font-size: 15px;}

/* 법률지원 */
#law{}


#support{}



/* 개인정보취급방침 */
#txt_privacy {color: #333;line-height: 1.5em;font-size: 16px;}
#txt_privacy strong {margin-left:-15px;}