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


/*메뉴시작*/
#topmenu_wrap {width:100%;margin: auto;z-index:999;}
#gnb {margin:0 7rem;}
#gnb>ul>li{float: left;position: relative;color:#000;text-align: center;}
.menu>li>a {box-sizing: border-box;font-size:1.7rem;font-weight:500;padding:3rem 0 ;color: #000;}
.menu_top{display: block; color: #000;text-decoration: none;}

.sub_menu {display:none;width:100%;background-color:#0051a4;padding-bottom:1.5rem;padding-top:3.5rem;position: absolute;z-index: 99999;overflow: hidden;}
.sub_menu li a{display:inline-block;margin-bottom:2rem;border-bottom:1px solid #0051a4;vertical-align:middle;text-align: center;color:#fff;letter-spacing:-0.05rem;font-weight: normal;font-size:1.5rem;}
/*.sub_menu li a:hover{border-bottom:1px solid #fff;}*/
.sub_sub_menu  {margin-top:-1.5rem;margin-bottom:2rem;padding-left:1rem}
.sub_sub_menu li a {margin-bottom:0;text-align:left;display:block;opacity:.8;font-weight:300;font-size:1.3rem;}
.sub_menu li:last-child {border-bottom:0}
.menu{zoom: 1;margin-bottom:0px}
.menu:after{height: 0;visibility: hidden;content: ".";display: block;clear: both;}
#gnb h1 {margin-right:17rem;margin-top:2rem}
#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;display:none;}
.close_side img {height:30px}
.aside-backdrop.in, .aside.in {display: none !important}
.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}
.menu_top>span {padding:1rem 6rem;}
.menu_top_sel span {color:#0051a4 !important;border-bottom:1px solid #0051a4}
.right_menu a {color:#000;font-size:1.3rem;line-height:3rem;}
.right_menu span {color:#000;font-size:1.3rem;display:inline-block;margin:0 0.5rem}
.right_lang li a {display:block;color:#0051a4;padding:0.5rem 3rem;border:1px solid #0051a4;border-radius: 5rem;font-size:1.3rem}
.right_lang li {margin-left:1rem;float:left;}
.right_lang  {margin-left:4rem;}
.right_lang li a.on {background-color:#0051a4;color:#fff}
.all_menu {margin-top:2.5rem;}

/*메뉴끝*/

/*메인비쥬얼*/
#main_visual {margin:auto;}
.bxslider .slick-dots{position:absolute; left:0; bottom:5rem; z-index:12; width:100%; text-align:center; font-size:0; line-height:0;}
.bxslider .slick-dots > li {display:inline-block; vertical-align:top; padding:0 10px; position:relative;}


.bxslider .slick-dots > li button{width:13px; height:13px;border-radius:50%; overflow:hidden; text-indent:-9999px;border:2px solid rgba(255,255,255,0.6);background-color:rgba(255,255,255,0);position:relative; z-index:2}
.bxslider .slick-dots > li.slick-active button{background-color:rgba(255,255,255,255) ;width:40px;border-radius:5rem;}
.bxslider .slick-arrow{position:absolute; top:50%;margin-top:-30px;overflow:hidden; text-indent:-9999px; z-index:2; background-size:cover !important;}
.bxslider .slick-prev {text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;left:13%;background-color:rgba(255,255,255,0);background:url('/image/main/btn_prev2.png') no-repeat;width:60px;height:60px;}

.bxslider .slick-next {text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;right:13%;background-color:rgba(255,255,255,0);background:url('/image/main/btn_next2.png') no-repeat;width:60px;height:60px;}
.visual_box span {display:block;background-size:cover !important;background-position:center center !important}
.visual_box {position:relative}
.visual_txt {position:absolute;top:35%;left:0;text-align:center;width:100%;color:#fff;}
.visual_txt .txt1 {font-size:6.6rem;font-weight:600}
.visual_txt .txt2 {font-size:3.2rem;font-weight:300}
.visual_txt .txt3 a {font-size:1.6rem;line-height:1.6rem;margin-top:3rem;color:#fff;padding:1.5rem 4rem;background-color:#0051a4;display:inline-block;border-radius:5rem;}


/*메인비쥬얼 끝*/

/*메인컨텐츠*/
.con_wrap1 {background-color:#0051a4;padding:7rem 0 15rem;}
.con_title1 .txt1 {font-size:2.7rem;color:#fff;font-weight:500;position: relative;display:inline-block}
.con_title1 .txt2 {margin-top:1rem;font-size:1.7rem;color:rgba(255,255,255,0.6);}
.con_title1 .txt1:before {content:"";width:120px;height:8px;position:absolute;left:-150px;top:15px; background:url('/image/main/title_dot1.png') no-repeat;}
.con_title1 .txt1:after {content:"";width:120px;height:8px;position:absolute;right:-150px;top:15px; background:url('/image/main/title_dot2.png') no-repeat;}
.tabcontent {position: relative;}
.tab_con_in {position: absolute;top:0;left:0;}
.tab_con2 {margin:0 18rem 0 18rem}
.tab_wrap {max-width: 1180px;margin:auto}
.tab_con2 .tab{margin-left:-2rem;margin-top:3rem;width:100%;margin-bottom:6rem;}
.tab_con2 .tab p {width:50%;padding-left:2rem;float:left;}
.tab_con2 .tab p button {font-weight:500;width:100%;border:0;background:none;font-size:2rem;color:rgba(255,255,255,0.6);padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,0.3)}
.tab_con2 .tab p.active button {color:#fff;border-bottom:2px solid #fff;}

.con_in {
    display:none;
}

.con_in.active {
    display:block;
}
.con_wrap  .slick-list{margin-left:-28px;}
.con_wrap .slick-slide {padding-left:30px;margin-right:2px;}
.con_wrap .box1 {position:relative;border:1px solid rgba(255,255,255,0.3);padding:3rem 4rem 4rem 4rem;}

.hover_b {padding:3rem 4rem 4rem 4rem;display:none;position: absolute;left: 0;top:0;bottom:0;right:0;background-color:#fff;}

.con_wrap .box1 .txt1 {color:#fff;font-size:2.3rem;font-weight:500}
.con_wrap .box1 .txt2 {color:#fff;font-size:2rem;font-weight:300;opacity:0.8}
.con_wrap .box1 .txt3 {min-height:22rem;color:#fff;font-size:1.7rem;font-weight:300;border-top:1px solid rgba(255,255,255,0.3);margin-top:2rem;padding-top:2rem;}
.con_wrap .box1 .img1 span {display: block;background-size:cover !important;background-position:center center !important}

.hover_b  .txt4 {color:#0051a4;font-size:2.3rem;font-weight:500}
.hover_b .txt5 {color:#000;font-size:2rem;margin-bottom:2rem;font-weight:300;}


.con_wrap .slick-dots{position:absolute; left:0; bottom:-6rem; z-index:12; width:100%; text-align:center; font-size:0; line-height:0;}
.con_wrap .slick-dots > li {display:inline-block; vertical-align:top; padding:0 10px; position:relative;}

.con_wrap .slick-dots > li button{width:13px; height:13px;border-radius:50%; overflow:hidden; text-indent:-9999px;border:2px solid rgba(255,255,255,0.6);background-color:rgba(255,255,255,0);position:relative; z-index:2}
.con_wrap .slick-dots > li.slick-active button{background-color:rgba(255,255,255,255) ;width:13px;border-radius:5rem;}
.con_wrap .slick-arrow{position:absolute; top:50%;margin-top:-30px;overflow:hidden; text-indent:-9999px; z-index:2; background-size:cover !important;}
.con_wrap .slick-prev {text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;left:-5rem;background-color:rgba(255,255,255,0);background:url('/image/main/btn_prev3.png') no-repeat;width:22px;height:41px;}

.con_wrap .slick-next {text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;right:-5rem;background-color:rgba(255,255,255,0);background:url('/image/main/btn_next3.png') no-repeat;width:22px;height:41px;}


#con_wrap2 {padding:8rem 0 15rem;max-width:1180px;margin: auto}

.con2_in {position:relative}
.con2_in .img {position: absolute;right: -4rem;top:0;}
.con2_in .txt1 {color:#0051a4;font-size:4rem;line-height:5rem;font-weight:600;padding-top:3rem;}
.con2_in .txt2 {position:relative;color:#000;font-size:4rem;line-height:5rem;font-weight:300;margin-bottom:6rem;}
.con2_in .txt2:after {content:"";width:600px;height:1px;background-color:#0051a4;position: absolute;left:0;bottom:-2rem;z-index: 99;}
.con2_in .txt3 {color:#252525;font-size:2rem;font-weight:500}
.con2_in .txt4 {color:#252525;font-size:1.7rem;margin-top:1.5rem;}
.con2_in .txt5 a {display:inline-block;padding:1rem 5rem;margin-right:1rem;border-radius:5rem;border:1px solid #0051a4;color:#0051a4;font-size:1.7rem;}
.con2_in .txt5 a.on {background-color:#0051a4;color:#fff}


#con_wrap3 {background-color:#f1f3f8;padding:5rem 0 ;}
.con_wrap3_in {max-width:1180px;margin: auto}

.con_title2 .txt1 {font-size:2.7rem;color:#000;font-weight:500;position: relative;display:inline-block}
.con_title2 .txt2 {margin-top:1rem;font-size:1.7rem;color:#676767;}
.con_title2 .txt1:before {content:"";width:120px;height:8px;position:absolute;left:-150px;top:15px; background:url('/image/main/title_dot3.png') no-repeat;}
.con_title2 .txt1:after {content:"";width:120px;height:8px;position:absolute;right:-150px;top:15px; background:url('/image/main/title_dot4.png') no-repeat;}
.con3_box>div {width:25%;padding-left:2rem;float:left;}
.con3_box {margin-left:-2rem}
.con3_box span {display:block;background-size:cover !important;background-position:center center !important}
.con3_box  .txt1 {margin-top:1rem;color:#252525;font-size:1.7rem;}
.con3_box  .txt2 {margin-bottom:1rem;color:#676767;font-size:1.6rem;}
.con3_box  .txt3 {border-top:1px solid #ddd;color:#676767;font-size:1.4rem;padding-top:1rem;}
.con3_box  .txt3 img {vertical-align: middle;margin-left:0.5rem;}



/*메인컨텐츠 끝*/




/*하단*/
#footer_wrap {position:relative;width:100%;background-color:#252525;color:#979797;font-size:1.6rem;clear: both;overflow:hidden}
#footer_inner {position:relative;font-size:1.4rem;color:#767676;padding:3rem 6rem;overflow:hidden;background:url("/image/main/foot_logo.png") left center no-repeat;}
#footer_wrap a {color:#979797;font-size:1.6rem;}
#footer_inner>p {margin-bottom:1.5rem;}
#footer_wrap .sns_ic {position: absolute;right:13rem;top:4rem;}