body {width: 100%; overflow-x: auto;}
#wrapper {margin: auto;overflow: hidden;position: relative;}
img {max-width:100%}


/*메뉴시작*/
#topmenu_wrap {position:absolute;top:0px;left:0px;width:100%;margin: auto;z-index:999;}
#gnb {max-width:1180px;margin:auto;}
#gnb>h1 img {height:23px}
#gnb>ul>li{float: left;position: relative;color:#000;text-align: center;}
.menu>li>a {box-sizing: border-box;font-size:1.7rem;margin-top:0.1rem;font-weight:300;padding:0 3.5rem 1rem;color: #fff;}
.menu_top{display: block; color: #000;text-decoration: none;}
.sub_menu {display:none;position: absolute;border-top:1px solid #ddd;z-index: 99999;background-repeat: no-repeat;overflow: hidden;}
.sub_menu li {display: table;border-bottom:1px solid #ddd;}
.sub_menu li a{width:200px;display: table-cell;vertical-align:middle;height:50px;text-align: center;color:#606060;letter-spacing:-0.05rem; background-color: #fff;font-weight: normal;font-size:1.4rem;}
.sub_menu li a:hover{color:#191919;}
.menu{zoom: 1;margin-bottom:0px}
.menu:after{height: 0;visibility: hidden;content: ".";display: block;clear: both;}
#gnb h1 {margin-right:8rem;}
#mb_gnb, .mb_header{display:none}
#visual_down {position:absolute;bottom:10px;left:50%;margin-left:-25px;z-index: 999}
.top_ic {position:fixed;right:20px;bottom:20px;z-index:999;}
.close_side {cursor:pointer;position:absolute;right:10px;top:22px;display:none;}
.close_side img {width:55%}
.aside-backdrop.in, .aside.in {display: none !important}
.right_sm {margin:2.5rem 0px 1.8rem;color:#fff;opacity:0.7}
.right_sm>a {color:#fff;opacity:0.7;font-size:1.1rem;}

.family_wrap .family_inner2{margin:1.6rem 0px;position:relative;} 
.family_wrap .family_inner2 .family{position:relative; right:0; top:10px;} 
.family_wrap .family_inner2 .family button{background: url(/image/main/arrow_select.png) 90% center no-repeat; border:1px solid #ddd; border-radius:5rem;padding:0.8rem 3rem 0.8rem 1.3rem; text-align:left; font-size:1.2rem; color:#007ac7; outline:none;} 
.family_list{ position:absolute; left:0; top:28px;   line-height:28px;  overflow:auto; display:none; }
.family_list a{display:block; color:#007ac7; font-size: 1.3rem;text-indent:15px;}

.family_list li {width:130px;border:1px solid #ddd;}
/*.menu_top_sel {background-color:#0b4da1;color:#fff !important;}*/
.pop_wrap {display:none;position:fixed;background-color:rgba(0,0,0,0.6);width:100%;height:100%;top:0;left:0}
.all_menu_wrap {background-color:#102857;width:100%;padding:4rem 0px 10rem;}
.all_menu_in {max-width:1180px;margin:auto;color:#fff; position:relative;}
.all_menu_in .txt1{font-size:2.8rem;font-weight:500;}
.all_menu_in .txt2 {position:absolute;right:0;top:1.5rem;}
.all_li {margin-left:-3rem;}
.all_li>div {width:20%;padding-left:3rem;float:left;margin-top:9rem;}
.all_li>div>p {font-size:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,0.3);}
.all_li>div>ul>li>a {opacity:0.8;margin-top:1rem;color:#fff;font-size:1.6rem;display:block;}
/*메뉴끝*/

/*메인비쥬얼*/
#main_visual {max-width:1920px;margin:auto;height:850px}

.bx-wrapper {width: 100%; height: 100%;}
.bx-viewport, .bx-wrapper{
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
}
.bxslider, .bxslider li{
    height: 100% !important;;
}
.bxslider li{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.bx-wrapper .bx-viewport{
    border: none !important;
}
#main_visual .bx-pager {display: none}

/*메인비쥬얼 끝*/

/*메인컨텐츠*/
.main_con_wrap {background-color:#f8f8f8;max-width:1920px;margin:auto;}
.main_con {max-width:1180px;margin:6rem auto;position:relative;}
.main_banner {margin-left:-2rem;margin-top:-25rem;}
.main_banner>div{width:33.33333333%;float:left;padding-left:2rem;}
.main_banner>div>div {position:relative;padding:4rem 3rem;background-color:#fff;border-radius: 15px;-webkit-box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.18);
box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.18);}
.main_banner>div>div>div {padding-right:15rem}
.main_banner>div>div:hover {background-color:#1e2188;}
.main_banner>div>div:hover .txt1,.main_banner>div>div:hover .txt2 {color:#fff !important;}
.main_banner>div>div:hover .txt3 {color:#fff !important;opacity:0.7}
.main_banner>div>div:hover a>p {background-color:rgba(255,255,255,0.2);}
.main_banner>div>div>a>p {position:absolute;display:table;right:3rem;top:4rem;width:90px;height:90px;line-height:90px;text-align:center;background-color:#efefef;border-radius: 50%;}
.main_banner>div>div>a>p span {vertical-align: middle;display:table-cell;}
.main_banner>div>div>a>p span .on_img {display:none}
.main_banner>div>div:hover .on_img{display:inline-block;}
.main_banner>div>div:hover .off_img{display:none;}
.main_banner>div>div .txt1 {color:#464646;font-size:1.5rem;}
.main_banner>div>div .txt2 {color:#0c0c0c;font-size:1.8rem;font-weight:500;margin-top:5rem;margin-bottom:2rem;}
.main_banner>div>div .txt3 {color:#565656;font-size:1.5rem;}
.main_con2 {max-width:1180px;margin: auto;}
.main_con2>div {margin-left:-3rem;padding-bottom:7rem;}
.main_con2>div>div {width:50%;padding-left:3rem;float:left;}
.main_con2>div>div>p {color:#101010;font-size:2.2rem;font-weight:500;margin-bottom:2rem}
.main_con2>div>div>p img {margin-top:5px}
.banner_img {margin-left:-1.5rem}
.banner_img>div {width:50%;float:left;padding-left:1.5rem;}
.banner_img>div>div  {position:relative;}
.banner_img>div>div>p {position:absolute;left:3rem;bottom:3rem;color:#fff;font-size:1.6rem;}
.banner_img>div>div .txt1 {color:#fff;font-size:1.8rem;margin:3rem 0px 2rem;}
.banner_img>div>div .txt2 {color:#fff;border-bottom:1px solid #fff;display:inline-block;font-size:1.3rem;opacity:0.7;}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(17,44,96,0.95);
  border-radius:5px
}

.con_banner1>div:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.qna_wrap>li {border:1px solid #ddd;background-color:#fff;border-radius:15px;padding:1.2rem 2rem;margin-bottom:1.5rem}
.qna_wrap>li img {vertical-align:middle;padding:0px 1rem;}
.qna_wrap>li .txt1 {color:#363636;font-size:1.6rem;text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
width:300px;
overflow:hidden;}
.qna_wrap>li .txt2 {color:#5f5f5f;font-size:1.3rem;}
/*메인컨텐츠 끝*/




/*하단*/
.foot_bar {border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f8f8f8}
.foot_bar>ul {max-width:1180px;margin:auto;border-left:1px solid #ddd;}
.foot_bar>ul>li>a {line-height:5rem;float:left;width:140px;text-align:center;color:#676767;font-size:1.3rem;border-right:1px solid #ddd;}
#footer_wrap {width:100%;background-color:#fffm;clear: both;overflow:hidden}
#footer_inner {position:relative;font-size:1.2rem;line-height:2rem;color:#787878;max-width:1180px;margin:auto;padding:3rem 0px;overflow:hidden;background:url("/image/main/foot_logo.png") right center no-repeat;}









.board_wrap {border-top:1px solid #1e2188}
.board_wrap li {border-bottom:1px solid #ddd;background:url("/image/main/board_more.png") 97% center no-repeat;}
.board_wrap li a {color:#363636;font-size:1.6rem;display:block;overflow:hidden;padding:1.6rem 6rem 1.6rem 2rem;}