.pc_img {display:inline-block !important;}
.m_img {display:none !important;}
.pc_img_visual {display:block !important;}
.mainBody {overflow-x:hidden}

.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mt80 {margin-top:80px !important}
/*메뉴시작*/
#topmenu_wrap {margin: auto;z-index:999;position:fixed;background-color:#fff;top:0;width:100%}


.o_img {display:none}
.line .o_img {display:inline-block}
.line .of_img {display:none}
.line .login_li a,
.line .login_li span,
.line .glo_open{color:#000 ;}
.line .glo_open {background: url(/image/main/dot_on.png) right 50% no-repeat;}
#gnb {margin:0 7rem}
#gnb_wrap {position:relative;z-index: 99;}
.ph_pc span {color:#193753;font-size:2.1rem;font-weight:normal;}
.ph_pc  {color:#454545;font-size:1.7rem;font-weight:300;margin-left:3rem;vertical-align: middle;}
.ph_pc_mo  {color:#454545;font-size:2.3rem;margin-top:15px;font-weight:300;margin-left:1rem;vertical-align: middle;}

#gnb>ul>li{float: left;position:relative;font-size:15px;color:#000;text-align: center;}
/*.menu>li {display:inline-block;position:relative;}*/
.menu {display:inline-block;overflow: hidden}
.menu>li {float:left;display:inline-block}
.menu>li>a {box-sizing: border-box;color: #080808;font-size:1.8rem;padding:4rem 4rem 3.5rem 4rem;}
.menu_top{display: block; color: #000;text-decoration: none;}
.menu_top_sel {background:url("/image/main/menu_arrow.png") center bottom no-repeat;}
/*.sub_menu {position:absolute;width:200px;left:-2.5rem;padding:1rem 0;overflow:hidden;background-color:#fff;}*/
.menu li:nth-child(2) .sub_menu  {left:-3.2rem}
#gnb h1 {position:relative;position:absolute;left:7rem;top:2.2rem; }
.sub_menu>li>a{display: block;text-align: left;color:#212121; background-color: #fff;font-weight: normal;font-size:1.7rem;}
#gnb .fr {margin-top:2rem}

.sub_menu_wrap {border-top:2px solid rgba(255,255,255,0);margin-top:-1px;display:none; width:100%;left:0px;position: relative;z-index: 99999;padding:2rem 0px 7rem 0;overflow: hidden;}
.sub_menu_wrap_on {display:block;}
.sub_menu {max-width:1180px;margin:auto;overflow:hidden;}
.sub_menu li {display: block;line-height:5rem;}
.sub_menu li a{display: block;text-align: center;color:#212121;line-height:5rem; background: none;font-weight: normal;font-size:1.7rem;}
.sub_menu li a:hover{color:#146ab5;}

.topbtl{position:absolute;width:300px;top:0px;left:217px;text-align:left;}
.topbtl .pcvl{display:block;}
.topbtl .movl{display:none;}
.topbtl .pcvl a{display:inline-block;height:59px;}
.topbtl .pcvl a img{max-width:229px;}

/*.sub_menu>li>a:hover{color:#002f65;}*/
.menu{zoom: 1;margin-bottom:0px;}
.menu:after{height: 0;visibility: hidden;content: ".";display: block;clear: both;}
.color_b2 {position: relative}
.color_b2:before {content:"";width:63px;height:5px;background-color:#1c344b;position: absolute;bottom:-8px;left:50%;margin-left:-30px}
#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;}
.aside-backdrop.in, .aside {display:none}
.close_side {border:0;background:none}
.topColor {background-color:#fff;border-bottom:1px solid #ddd !important;}
.topColor .right_m ,.topColor .right_m a, .topColor .menu_top{color:#000 }
.menu_top_sel {color:#002f65 !important;}

.en_btn {background-color:#fff;line-height:49px;border-left:1px solid #ddd;border-right:1px solid #ddd;width:145px;text-align:center;display:inline-block;color:#252525;font-size:1.4rem;position:absolute;right:0px;top:-8px}
.en_btn>a {display:block;    line-height: 49px !important;}

select::-ms-expand { /* for IE 11 */
    display: none;}

.on_img {display:none}

/*.line:before {background-color:#ddd;z-index:99;height:1px;content:"";position:absolute;top:108px;left:7rem;right:7rem;}*/
.pop_close {position: absolute;right:11rem;top:9rem;z-index: 99;cursor:pointer}
.top_sm_wrap>div {margin-left:-4rem;padding:15rem  10rem;}
.top_sm_wrap {position:fixed;width:100%;height:100vh;position:fixed;left:0;top:0;background-color:#105229;display:none;}
.top_sm_wrap>div>div {width:14%;float:left;padding-left:4rem;}
.sm_li>p {color:#fff;font-size:2.2rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,0.2);padding:1rem 0;background:url('/image/main/ch_ic.png') 98% 50% no-repeat;}
.sm_li>div>ul>li>a {color:#fff;display:block;font-size:1.6rem;}
.sm_li>div>ul>li{line-height:4rem;}

.sm_li>div>ul {margin:1rem 0;}
/*.sm_li>div>ul>li>ul>li>a:hover,
.sm_li>div>ul>li>a:hover {color:#002f65 }*/

.login_li a {color:#fff;opacity: .8;font-size:1.5rem;display:inline-block}
.login_li  li {float:left;position:relative;}
.login_li {margin-right:4rem}
.login_li  li span {color:#fff;display:inline-block;padding:0 1rem}

.right_ic {position: absolute;right:7rem;top:3.5rem;}
.right_ic li {float:left;margin-left:3rem}
.right_ic li img {vertical-align: middle;    margin-top: 1rem;}
.right_ic>p {margin-left:4rem}
/*메뉴끝*/


.custom_paging {margin-left:-560px;position:absolute;left:50%;bottom:28rem;width:100%;max-width:1180px;text-align:left;z-index: 99}
.custom_paging li {color:rgba(0,0,0,0);height:30px;}
.custom_paging li p {display:inline-block;font-size:2rem;position:absolute;top:0;left:50%;margin-left:-125px}
.custom_paging .slick-active {color:#fff;font-size:2rem;letter-spacing:0.5rem;font-weight:300}
.custom_paging .slick-active span {    letter-spacing: -0.25px;color:#4ab2e9;}
.custom_paging li.slick-active p {border:1px solid #ddd;padding:1rem 8rem;border-radius:50rem;}
.custom_paging li p  span {}

.mainWrap{position:relative;min-height:680px;height:100%; overflow:hidden;}
.mainStep{ position:fixed; right:0%;top:0px; height:100% !important;width:160px; box-sizing:border-box;  height:-webkit-calc(100% - 90px); height:calc(100% - 90px);  z-index:999;}
.mainStep ul{margin:2rem 0  }
.mainStep>div { position:absolute; left:0; top:50%;z-index:2;  -webkit-transform:translate(0, -50%);transform:translate(0, -50%);}
.mainStep ul li{margin-top:20px;}
.mainStep ul li:first-child{margin-top:0;}
.mainStep ul a{display:block; text-align:center;width:100%;position:relative; z-index:2}
/*.mainStep ul a:after{content:""; display:block; width:100%; height:30px; border-radius:50px; position:absolute; left:20px; top:0;  opacity:0; filter:alpha(opacity=0);
  -webkit-transition:all 200ms ease-out;
  -moz-transition:all 200ms ease-out;
  -ms-transition:all 200ms ease-out;
  -o-transition:all 200ms ease-out;
  transition:all 200ms ease-out;
}*/
.animated, .appear-animation{animation-delay:100ms;}
.mainStep ul a .txt{display:block; width:10px; height:10px; background-color:rgba(255,255,255,0);margin:auto;border:2px solid #fff; border-radius:50px;}
.mainStep .btnStep {position:absolute; left:70px; bottom:100px; z-index:2;}
.mainStep ul li:first-child .txt:before {background:none}
.mainStep ul a:hover:after{opacity:1 !important; filter:alpha(opacity=100) !important; left:0 !important;}
.mainStep ul .on a:after{opacity:1 !important; filter:alpha(opacity=100) !important; left:0 !important;}

.mainStep ul .on a .txt{width:16px;height:16px; border:4px solid #fff;}
.mo_img_visual,
.mo_img {display:none !important}

.btn_main_down{display:block; position:absolute; left:0;bottom:50px;margin:0 0 0 0; z-index:20; width:100%; text-align:center;}

/* main secstion */
.sectionWrap{position:absolute; left:0; top:0; width:100%;}
.section.bg .sectionCon{background-color:#f8f8f8;}
.sectionCon_in,
.sectionCon {height:100%}
.section{position:relative;}
.sectionCon_in {display:table;width:100%}
.section_in_in {display:table-cell;vertical-align: middle}
/* title */


.base-height{
	position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
}
/* content */
select::-ms-expand { /* for IE 11 */
    display: none;}



.visual_box2  .visual_txt2{
overflow:hidden;
}

.visual_box2 .visual_txt2{
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
	
	-webkit-transition: opacity 0.1s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 1.4s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
	transition: opacity 0.1s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 1.4s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
}
.visual_box2.active-item .visual_txt2{
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transform:translateX(0);
	transform:translateX(0);
	    z-index: 99;
}


.visual_box2  .visual_txt3{
overflow:hidden;
}

.visual_box2 .visual_txt3{
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
	
	-webkit-transition: opacity 0.8s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 1.4s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
	transition: opacity 0.8s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 1.4s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
}
.visual_box2.active-item .visual_txt3{
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transform:translateX(0);
	transform:translateX(0);
	    z-index: 99;
}


.visual_box2  .visual_txt4{
overflow:hidden;
}

.visual_box2 .visual_txt4{
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
	
	-webkit-transition: opacity 2s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 1.4s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
	transition: opacity 2s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 1.4s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
}
.visual_box2.active-item .visual_txt4{
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transform:translateX(0);
	transform:translateX(0);
	    z-index: 99;
}




.main_visual {width:100%;height:100%;}
.bxslider .slick-slide>div,
.bxslider .slick-slide,
.bxslider .slick-list,
.bxslider .slick-track,
.bxslider {height:100%;}
.visual_box {height:100%;background-size:cover !important;}
.visual_wp {height: 100%}
.bxslider .slick-prev {text-indent:-999999px;z-index:999;border:0;bottom:8.3rem;position:absolute;left:50%;margin-left:-130px;background-color:rgba(255,255,255,0);background:url('/image/main/visual_left.png') no-repeat;width:25px;height:10px;}
.bxslider .slick-next {text-indent:-999999px;z-index:999;border:0;bottom:8.3rem;position:absolute;right:50%;margin-right:-130px;background-color:rgba(255,255,255,0);background:url('/image/main/visual_right.png') no-repeat;width:25px;height:10px;}
.nav_st1 .slick-track {transform: translate3d(0, 0px, 0px) !important; }
.nav_st1 {position: absolute;width:100%;max-width:1100px;margin-left:-550px;cursor:pointer;font-size:1.7rem;bottom:5rem;color:rgba(255,255,255,0.6);text-align:center;left:50%;}
.visual_txt {font-size:5rem;color:#fff;font-weight:500}
.visual_txt {position: absolute;top:0;width:100%;left:36rem;z-index: 9;height:100%;display:table;}
.visual_txt>div {display:table-cell;vertical-align: middle}
textarea:focus { outline: none; } 
button:focus { outline: none; } 
input:focus { outline: none; }
.img_dummy {display:block;background-size:cover !important;background-position:center center !important}
.visual_txt1 {position:absolute;max-width:1460px;margin:auto;left:50%;margin-left:-730px;top:0;width:100%;height:100%;display:table;}
.visual_txt1>div {display:table-cell;vertical-align: middle;position:relative;}
/*.visual_txt1>div>p ,
.visual_txt1>div>div{display:table-cell;vertical-align: middle}*/
.visual_txt1>div>div {color:#fff;vertical-align: middle}
.visual_txt1 .box1 {background-color:rgba(28,52,75,.8);padding:7rem 0;max-width:1180px;margin:auto}
.visual_txt1>div>div .st1 {font-family: 'Poppins', sans-serif;font-weight:500;font-size:5.1rem}
.visual_txt1>div>div .st2 {font-size:2.8rem;margin-top:2rem;font-weight:300}
.visual_txt1>div>div .st3 img {display:inline;margin-top:1rem}
/*.bxslider {margin-right:7rem}*/
.bxslider {padding-top:10rem}
.bxslider  .slick-dots {text-align:center;position:absolute;width:100%;bottom:3rem;left:0;margin:auto;}
.bxslider  .slick-dots:after {content:""; display:block; clear:both;}
.bxslider  .slick-dots > li {display:inline-block;margin: 4rem 1rem}
.bxslider .slick-dots > li button{vertical-align:middle;width:9px; height:9px; border-radius: 50%;border:0; overflow:hidden; text-indent: -9999px;border:0; position:relative;background-color:#fff; }
.bxslider .slick-dots > li.slick-active button{background:url('/image/main/dot_ac.png') no-repeat;width:25px;height:36px;border:0;;border-radius:0}

.visual_bar {position:absolute;width:100%;bottom:0;left:0;}
.visual_bar img {width:100%;vertical-align: middle;}





/*section1*/
#section1 {position:relative;}
#section1:before {content:"";width:600px;height:100%;background-color:#fff8e8;position: absolute;right:0;top:0;}
.sec2_box1 {position:absolute;left:360px;top:50%;margin-top:-200px;}
.fp-viewing-secondPage #fp-nav ul li.active .fp-tooltip {color:#1c344b !important;}
.fp-viewing-secondPage #fp-nav ul li a:before {background-color:rgba(28,52,75,.4);}

.sectionCon_in2 {height:100%;width:100%;max-width:1920px;margin:auto}
.sec2_box1>div {padding-left:430px;position: relative}
.sec2_box_li {min-height:420px;}
.sec2_box1 .left {padding-top:20px;position: absolute;left:0;top:0;}
.sec2_box_li {max-width:1080px;}
.sec2_box_li .slick-slide {padding-right:30px} 

.sec2_box1 .st1 {line-height:6.2rem;font-weight:300;color:#1c344b;font-size:5.1rem;font-family: 'Poppins', sans-serif;}
.sec2_box1 .st1 span{font-size:5.7rem;font-weight:800}
.sec2_box1 .st2  {color:#373737;font-size:2rem;;}

.sec2_box_li .st1 {}
.sec2_box_li .st2 {color:#0e0e0e;font-weight:500;font-size:2.1rem;padding:1.5rem 0 1rem;}
.sec2_box_li .st3 {color:#3d3d3d;font-size:1.6rem}
.sec2_box_li .st4 {color:#1c344b;font-size:1.4rem;border:1px solid #1c344b;border-radius:50rem;padding:1rem 2rem;min-width:160px;display:inline-block;background:url('/image/main/arrow1.png') 90% 50% no-repeat}

.sec2_box_li .slick-prev {text-indent:-999999px;z-index:999;border:0;bottom:0;position:absolute;left:-440px;background-color:rgba(255,255,255,0);background:url('/image/main/visual_left2.png') no-repeat;width:60px;height:60px;}
.sec2_box_li .slick-next {text-indent:-999999px;z-index:999;border:0;bottom:0;position:absolute;left:-381px;background-color:rgba(255,255,255,0);background:url('/image/main/visual_right2.png') no-repeat;width:60px;height:60px;}
.sec2_box_li .st1 {position:relative}
.sec2_box_li .st1:before {content:"";width:100%;height:100%;background-color:rgba(255,255,255,.6);position: absolute;right:0;top:0}
.sec2_box_li .st3 ,
.sec2_box_li .st4 {display:none}
.sec2_box_li .slick-current .st3 {display:block}
.sec2_box_li .slick-current .st4 {display:inline-block}
.sec2_box_li .slick-current .st1:before {display:none}
/*section1 끝*/











/*section2*/
.sec3_li {max-width:1393px;margin:auto;margin-top:100px}
.sec3_li .top {position: relative;padding-right:470px;}
.sec3_li .top p {position: absolute;right:0;top:0}
.sec3_li .bottom {margin-left:-1rem}
.sec3_li .bottom>div {width:33.3333%;float:left;padding-left:1rem}
.sec3_li .bottom>div>div {color:#fff;padding:0 3rem;background-color:#69afe2;display:table;width:100%;height:240px;}
.sec3_li .bottom>div>div>div {display:table-cell;vertical-align: middle}
.sec3_li .bottom>div>div .st1 {font-size:2rem;}
.sec3_li .bottom>div>div .st2 {margin-top:2rem;font-size:1.8rem}
.sec3_li .bottom>div>div .st3 {font-size:1.7rem;opacity:.8;font-weight:300}
.sec3_li .bottom>div>div .st4 a{color:#fff;display:block;padding:1.2rem 0;font-size:1.7rem;border:1px solid #fff;border-radius:50rem;}
.search_st4 {color:#fff;display:block;border:1px solid #fff;border-radius:50rem;}
.search_st4 input[type="text"] {vertical-align: middle;color:#fff;font-size:1.7rem;height:50px;width:80%;background:none;border:0;text-align:center}
.search_st4 input::placeholder {color:#fff}
.search_st4 button{border:0;background:none}
.sec3_li .bottom_2 {background-color:#3386c3 !important;}
.sec3_li .bottom_2 .st1 {font-size:2rem;padding-bottom:1rem;margin-bottom:1rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.2)}
.sec3_li .bottom_2 .st2 {font-size:1.9rem !important; margin-top:0 !important}
.sec3_li .bottom_2 .st3 {font-size:1.7rem !important; opacity: 1  !important}
.sec3_li .bottom_2 .st4 a{color:#fff;display:block;font-size:1.7rem;border:1px solid #fff;border-radius:50rem;padding:1.2rem 0;}
.sec3_li .bottom_2 .st4 a img {vertical-align: text-top}
.sec3_li .bottom_3 {background-color:#326dbe !important;}
.sec3_li .bottom_3 li {float:left;width:50%}
.sec3_li .bottom_3 li:nth-child(1) {border-right:1px solid rgba(255,255,255,.4)}

.fp-viewing-3rdPage #fp-nav ul li.active .fp-tooltip {color:#1c344b !important;}
.fp-viewing-3rdPage #fp-nav ul li a:before {background-color:rgba(28,52,75,.4);}

/*section3*/





/*section3 끝*/
#section4 {background:url('/image/main/sec4_bg.png') 50% 50% no-repeat;background-size:cover}
.sec4_in {margin:0 7rem}
.sec4_in .st1  {padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,0.2)}
.sec4_in .st1 p {font-size:5rem;font-weight:300;color:#fff;max-width:1180px;margin:auto}
.sec4_in .st1 p span {font-weight:600}
.sec4_in .st2 {max-width:1180px;margin:auto;}
.sec4_in .txt_1 {font-size:3.3rem;color:#fff}
.sec4_in .txt_2 {font-size:1.8rem;color:#fff;opacity:.7}
.sec4_in .st2>div {position:relative}
.sec4_in .st2>div >span {position:absolute;top:0;right:0}
.sec4_li {margin-left:-2rem}
.sec4_li>li {width:33.33333%;float:left;padding-left:2rem;margin-bottom:2rem;}
.sec4_li>li>a {color:#fff;display:block;border:1px solid rgba(255,255,255,.3);padding:5rem 4rem;background-color:rgba(255,255,255,.2)}
.sec4_li .sec4_st1 {font-size:2rem;font-weight:500;margin-bottom:2rem;}
.sec4_li .sec4_st2 {font-size:1.7rem;opacity: .8;min-height:9rem}
.sec4_li .sec4_st3 {font-size:1.5rem;color:#fae101;}

#footer_wrap .sns_ic {position: absolute;right:10rem;top:4rem;}

/*familsite*/
.family_wrap {float: right}
.family_wrap .family_inner2{  font-family: 'Noto Sans KR';width:180px; height:33px;  position:relative;}
.family_wrap .family_inner2 .family{position:absolute; right:0; top:2rem;}
.family_wrap .family_inner2 .family button{border-radius:50rem;background:url('/image/main/sm_btn.png') 90% 50% no-repeat;border:0;border:1px solid #1c344b; width:230px; padding:1rem 2rem;text-align:left;  font-size:1.4rem; color:#1c344b; outline:none;}
.family_list{  width:230px; position:absolute; left:0; bottom:41px;   line-height:33px; border-bottom:none;background-color:#f0f0f0; border:1px solid #1c344b;overflow:auto; display:none;}
.family_list a{display:block; color:#676767;text-align:left;font-size: 13px;text-indent:10px;}



.f_con>p {color:#676767;font-size:1.6rem;}

.foot_right .ar {margin-top:7rem;color:#676767;font-size:1.6rem;}
.fcont2 {background-color:#f0f0f0;padding:3rem 7rem}
.f_con .top {position:relative;color:#232323;}
.f_con .top a {color:#232323;font-size:1.4rem;}
.f_con .top span {padding:0 1rem;display:inline-block}
.f_con .bottom {color:#6d6d6d;font-size:1.4rem;}
.sns_ic {position:absolute;right:0;top:0}

