@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
.box0{ margin:0 3%}
.box1{ width:1200px; margin:0 auto; max-width:95%}
.box2{ width:1000px; margin:0 auto; max-width:95%}
.box3{ width:964px; margin:0 auto; max-width:95%}
.box4{ width:1350px; margin:0 auto; max-width:95%}

.PC{ display:block !important}
.PHONE{ display:none !important}
.en{ font-family:'Ms'}

.PC1200{display:block;}
.PC1200f{;}
.PC1200i{display:inline-block;}
.PC1200t{display:table;}
.PHONE1200{display:none;}
.PHONE1200f{display:none;}
.PHONE1200i{display:none;}
.PHONE1200t{display:none;}
.PC768{display:block;}
.PC768f{;}
.PC768i{display:inline-block;}
.PC768t{display:table;}
.PHONE768{display:none;}
.PHONE768f{display:none;}
.PHONE768i{display:none;}
.PHONE768t{display:none;}
.PC500{display:block;}
.PC500f{;}
.PC500i{display:inline-block;}
.PC500t{display:table;}
.PHONE500{display:none;}
.PHONE500f{display:none;}
.PHONE500i{display:none;}
.PHONE500t{display:none;}
.PC412{display:block;}
.PC412f{;}
.PC412i{display:inline-block;}
.PC412t{display:table;}
.PHONE412{display:none;}
.PHONE412f{display:none;}
.PHONE412i{display:none;}
.PHONE412t{display:none;}
.PC360{display:block;}
.PC360f{;}
.PC360i{display:inline-block;}
.PC360t{display:table;}
.PHONE360{display:none;}
.PHONE360f{display:none;}
.PHONE360i{display:none;}
.PHONE360t{display:none;}

.click{ cursor:pointer;}

#header{position:relative; left:0; top:0; width:100%; z-index:1000; background:#fff; transition:.3s;}
#header .top_wrap,
#header .va_wrap{ height:5em}

#header .gnb_wrap .gnb{ text-align:center;}
#header .gnb_wrap .gnb > li{ position:relative}
#header .gnb_wrap .gnb > li:before,
#header .gnb_wrap .gnb > li:before{ left:50%}
#header .gnb_wrap .gnb > li:after{ right:50%}
#header .gnb_wrap .gnb > li .dp1{ color:#333; display:block; padding:0 3em; position:relative; transition:.3s;}
#header .gnb_wrap .gnb > li .dp1 .va{ position:relative; z-index:1; font-size:1.2em; font-weight:500;}
#header .gnb_wrap .gnb > li .dp2{ position:absolute; left:50%; margin-left:-5.5rem; width:11rem; opacity:0; visibility:hidden; border:1px solid #ddd;  background:#fff;}
#header .gnb_wrap .gnb > li .dp2 > li{ display:block}
#header .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; color:#888; text-align:center; padding:.8em .5em; border-top:1px dotted #999;}
#header .gnb_wrap .gnb > li .dp2 > li:first-child > a{ border-top:none}
#header .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:1em; position:relative;}
#header .gnb_wrap .gnb > li:hover .dp1{color:#9e0606}
#header .gnb_wrap .gnb > li:hover:before,
#header .gnb_wrap .gnb > li.on:before,
#header .gnb_wrap .gnb > li:hover:after,
#header .gnb_wrap .gnb > li.on:after{ opacity:1; width:50%}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ opacity:1}
#header .gnb_wrap .gnb > li:hover .dp2{ opacity:1; visibility:visible}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a{ color:#06419a}
#header .gnb_wrap .gnb > li .dp2:after{ content:""; position:absolute; left:0; top:-3px; width:0; height:3px; background:#06419a; z-index:1; transition:.3s;}
#header .gnb_wrap .gnb > li:hover .dp2:after,
#header .gnb_wrap .gnb > li.on .dp2:after{ width:100%;}
#header .gnb > li.m_guide{ display:none;}

#header .all_wrap .all{ position: fixed; z-index:1; right:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:.3s}
#header .all_wrap .all:before{ content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5}
#header .all_wrap .all .in{ position: absolute; top:-100%; width:100%; height:100%; background:#fff; transition:.3s; padding:9em 0; }
#header .all_wrap.on .all{ opacity:1; visibility:visible}
#header .all_wrap.on .all .in{ top:0}
#header .all_wrap .gnb > li{ width:25%; position:relative; box-sizing:border-box; padding:0 .3em; margin-bottom:2.5em;}
#header .all_wrap .gnb > li:before,
#header .all_wrap .gnb > li:after { content:""; position:absolute; top:0; left:4%; width:92%; height:8px; transform:skew(-45deg); transition:.5s;}
#header .all_wrap .gnb > li:before{ background:#ccc;}
#header .all_wrap .gnb > li:after { background:#06419a; width:0;}
#header .all_wrap .gnb > li:hover:after { width:96%;}
#header .all_wrap .gnb > li .dp1{ height:70px; font-size:1.250em;}
#header .all_wrap .gnb > li .dp2{ margin:0 8px; padding:1rem 0; background:#fff; border:1px solid #ddd; box-shadow:1px 1px 5px rgba(0,0,0,.1); height:400px;}
#header .all_wrap .gnb > li .dp2 .va_wrap{ height:inherit;}
#header .all_wrap .gnb > li .dp2 > li{ padding:.5em 1.5em;  display:block;}
#header .all_wrap .gnb > li .dp2 > li > a{ position:relative; font-size:.938em; transition:.2s; text-align: left; padding-left:10px;}
#header .all_wrap .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:0; top:.5em; width:4px; height:2px; background:#999;}
#header .all_wrap .gnb > li .dp2 > li:hover > a{ margin-left:.3em;}
#header .all_wrap .gnb li:hover > a{ color:#06419a;} 
#header .all_wrap .gnb li:hover .dp2{ background:#fcfcfc; border-color:#ccc; transition:.2s;}
#header .all_wrap .tit_wrap .allClose{ position:absolute; top:1%; right:4%; font-size:1.8em; color:#999; transition:.3s;}
#header .all_wrap .tit_wrap .allClose:hover{ color:#06419a;}

#header .etc_wrap {}
#header .etc_wrap .all_wrap .all_btn{ display:block; color:#999; text-align:center; position:relative; border:1px solid #ddd; width:2.8em; height:2.8em; font-size:1.125em; transition:.3s;}
#header .etc_wrap .all_wrap .all_btn .xi{ position:relative}
#header .etc_wrap .all_wrap .all_btn:hover,
#header .etc_wrap .mail_wrap .btn:hover{border:1px solid #06419a;}
#header .etc_wrap .all_wrap .all_btn:hover .xi,
#header .etc_wrap .mail_wrap .btn:hover{ color:#06419a;}
#header .etc_wrap .mail_wrap{ margin-right:7px;}
#header .etc_wrap .mail_wrap .btn{ font-size:1.125em; color:#999;  width:2.8em; line-height:2.8em; height:2.8em; border:1px solid #ddd; text-align:center;}
#header .etc_wrap .blog_wrap .btn:hover{ color:#06419a;}
#header .etc_wrap .blog_wrap{ margin-right:7px;}
#header .etc_wrap .blog_wrap .btn{ font-size:1.125em; color:#999;  width:2.8em; line-height:2.8em; height:2.8em; border:1px solid #ddd; text-align:center;}
#header .etc_wrap .blog_wrap .btn:hover{ color:#00c73c; border-color:#00c73c;}


#footer{background:#fff; border-top:1px solid #ddd;/*f_menu숨기고 border-top추가*/}
#footer .fb_wrap > div{ margin-top: 15px; }
#footer .f_menu{ border:1px solid #ddd; border-left:none; border-right:none; text-align:center;}
#footer .f_menu > li{ display:inline-block; margin-right:3em;}
#footer .f_menu > li a{ color:#111; font-size:.938em; padding:.9em 0; display:block;}
/*#footer .info_wrap .f_logo{ width:150px;}*/
#footer .info_wrap .f_logo{ width:150px; margin-right:2em;}
#footer .info_wrap .info{ box-sizing:border-box; /* width:calc(100% - 150px);*/}
#footer .info_wrap .info > li.sitename{ font-size:14px; color:#777; margin-bottom:10px;}
/*#footer .info_wrap .info > li{ margin-right:2em; color:#888;  line-height:1.6; letter-spacing:0;  font-size:.875em; display:inline-block;}*/
#footer .info_wrap .info > li{ margin-right:1em; color:#888;  line-height:1.6; letter-spacing:0;  font-size:13px; display:inline-block;}
#footer .info_wrap .copyright{ padding-top:30px; color:#999;  font-size:.813em; letter-spacing:.5px; font-family:'Ms'; text-transform: uppercase;}
#footer .fb_wrap{ padding:2em 0;}
#footer .info_wrap .info .info_li_1{width:31em;}
#footer .info_wrap .info .info_li_2{width:10em}


.goTop{ z-index:998; position:fixed; right:2em; bottom:2em; width:3.6em; height:3.6em; background:#06419a; border-radius:100%; transition:.2s;}
.goTop .xi{ display:block; line-height:1em;  color:#fff;}
.goTop .tt{ font-size:.750em;  color:#fff;}
.goTop:hover{ background:#006db8;}
 
 
/* nav.php */
.link_box{ display:none;}

#contents{}
#contents .doc{ padding:3.5em 0 3.5em 0}
#contents .sub_visual_wrap{ position:relative}
#contents .sub_visual_wrap .va_wrap{ position:relative; height:23em; overflow:hidden}
#contents .sub_visual_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#aaa; transform:scale(1,1); transition:2s;}

.dp1_1.dp2_2 #contents .sub_visual_wrap .bg{background-position:center 30%;}
.dp1_2 #contents .sub_visual_wrap .bg{background-position:center 50%;}
.dp1_3.dp2_1 #contents .sub_visual_wrap .bg{background-position:center 80%;}
/*.dp1_3.dp2_2 #contents .sub_visual_wrap .bg{background-position:center 30%;}*/
.dp1_4 #contents .sub_visual_wrap .bg{background-position:center 65%;}

#contents .sub_visual_wrap .slogan{ position:relative;}
#contents .sub_visual_wrap .slogan .tit{ font-size:2.25em; color:#fff; margin-right:5em; opacity:0; transition:1s;  text-shadow:1px 2px 3px rgba(0,0,0,.6);}
#contents .sub_visual_wrap .slogan .sec{ display:block; width:0; height:.1em; margin:1.25em auto; background:#fff; transition:1s; transition-delay:.5s}
#contents .sub_visual_wrap .slogan .nav{ font-size:.875em; color:#fff; opacity:0; line-height:1.5; transition:1s; transition-delay:.5s; display:none;}
#contents .sub_visual_wrap .slogan .nav .xi{ font-size:1em;}
#contents .sub_visual_wrap .slogan .nav .arrow{ margin:0 .3em 0 .2em}
#contents .sub_visual_wrap .slogan .nav .arrow:before{content:"\e93f"}
.load #contents .sub_visual_wrap .slogan .tit{ margin-right:0; opacity:1;}
.load #contents .sub_visual_wrap .slogan .nav{ opacity:1}
.load #contents .sub_visual_wrap .slogan .sec{ width:2.5em}
#contents .sub_visual_wrap .sub_gnb_wrap{ position:absolute; left:0; bottom:0; width:100%}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb{ text-align:center; margin-top:-1em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp1{ display:none}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2{ display:block}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li{ max-width:20%; }
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a{ background:#06419a; height:3.5em; color:#fff; border-left:1px solid rgba(255,255,255,.1);transition:.3s; opacity:.85}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:1.125em}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a{ opacity:1}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a{ background:#fff;  opacity:1; color:#000;}

.agree_wrap{ padding:.5em; font-size:.875em; line-height:1.5}
.agree_wrap strong{ vertical-align:inherit; font-weight:bold;}

/*=========================================================================main=========================================================================*/
.mainVisual .el{ height:780px; position:relative; overflow:hidden}
.mainVisual .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center bottom; /*transform:scale(1.2,1.2);*/ transition:3s; background-size:cover;}
.mainVisual_wrap{ position:relative}
.mainVisual_wrap .control_wrap{ position:absolute; left:0; bottom:7.5em; width:100%; z-index:100}
.mainVisual_wrap .control_wrap .wrap_in{ ; align-items:flex-end}
.mainVisual_wrap .control_wrap .paging{ margin-left:auto;}
.mainVisual_wrap .control_wrap .paging ol{ ; align-items:flex-end;}
.mainVisual_wrap .control_wrap .paging ol > li > a{ display:block; width:1em; height:1em; margin-top:4em; background:#fff; text-indent:-2em; overflow:hidden; font-size:.75em; margin-right:.5em; opacity:.5; transition:.3s}
.mainVisual_wrap .control_wrap .paging ol > li > a.flex-active{ width:5em; margin-top:0; opacity:1}
.mainVisual_wrap .control_wrap .nav{ ; margin-left:1em; display:none;}
.mainVisual_wrap .control_wrap .nav.direct{ margin-left:auto}
.mainVisual_wrap .control_wrap .nav .btn{ display:block; width:2.5em; line-height:2.5em; border:1px solid #fff; text-align:center; color:#fff; margin-right:-1px; opacity:.5; transition:.3s}
.mainVisual_wrap .control_wrap .nav .btn:hover{ opacity:1}
.mainVisual_wrap .control_wrap .auto .flex-play{ display:none}
.mainVisual_wrap .control_wrap .auto.on .flex-pause{ display:none}
.mainVisual_wrap .control_wrap .auto.on .flex-play{ display:block}
.mainVisual_wrap .control_wrap .auto.on .flex-play .btn{ opacity:1}

.mainVisual  .slogan_wrap{ position: absolute; left:4.5em; top:7em; width:100%;}
.mainVisual  .slogan{ width:1200px; margin:0 auto; position:relative; padding:70px; max-width:95%;}
.mainVisual  .slogan .t1{ font-weight:700; font-size:2.65em; color:#fff; padding-bottom:.5em; opacity:0; margin-left:-10%; text-shadow:1px 1px 3px rgba(0,0,0,0.2); font-family:'Montserrat'}
.mainVisual  .slogan .t2{  font-size:1.05em; color:#eee; line-height:1.5; opacity:0; margin-left:-10%}
.mainVisual  .slogan .line{ position:absolute; background:#fff; width:10px; height:10px}
.mainVisual  .slogan .line.line1{ height:0; left:10%; bottom:90%}
.mainVisual  .slogan .line.line2{ width:0; right:90%; top:0}
.mainVisual  .slogan .line.line3{ height:0; left:0; top:0}
.mainVisual  .slogan .line.line4{ width:0; left:0; bottom:0}
.mainVisual  .slogan .line.line5{ height:0; left:20%; bottom:0}
.mainVisual .flex-active-slide .slogan .line{ transition:.5s}
.mainVisual .flex-active-slide .slogan .line.line1{ height:10%}
.mainVisual .flex-active-slide .slogan .line.line2{ width:10%; transition-delay:.5s}
.mainVisual .flex-active-slide .slogan .line.line3{ height:100%; transition-delay:1s}
.mainVisual .flex-active-slide .slogan .line.line4{ width:20%; transition-delay:1.5s}
.mainVisual .flex-active-slide .slogan .line.line5{ height:10%; transition-delay:2s}
.mainVisual .flex-active-slide .slogan .t1{ opacity:1; margin-left:0; transition:1s}
.mainVisual .flex-active-slide .slogan .t2{ opacity:1; margin-left:0; transition:1s; transition-delay:.5s}

.main_con1{background:#e9edf2; padding:4rem 0;}
.main_con1 .box1{position:relative;}
.main_menu{width:100%; padding:1px 0 0 1px;/* position:absolute; top:0; z-index:10;*/}
.main_menu .el{ flex:1 1 auto; width:12.5%; transition:.5s; margin-right:20px; overflow:hidden;}
.main_menu .el:nth-of-type(1){background:url('../images/main/menu_img1.jpg') no-repeat center/cover;}
.main_menu .el:nth-of-type(2){background:url('../images/main/menu_img2.jpg') no-repeat center/cover;}
.main_menu .el:nth-of-type(3){background:url('../images/main/menu_img3.jpg') no-repeat center/cover;}
.main_menu .el:nth-of-type(4){background:url('../images/main/menu_img4.jpg') no-repeat center/cover; margin-right:0;}
.main_menu .el .wrap_in{ cursor:pointer; overflow:hidden; position:relative; border:1px solid #ccc; margin:-1px 0 0 -1px; height:23.75em; box-sizing:border-box; /*padding:1.5em 2.5em;*/ /*background:#fff*/}
.main_menu .el .tit_wrap{width:90%; height:45%; border-radius:15px 0 0 0; background:rgba(255,255,255,.4); margin-bottom:-7rem; margin-right:-8rem; transition:.3s;}
.main_menu .el:hover .tit_wrap{margin-bottom:0; margin-right:0;}
.main_menu .el:nth-of-type(1):hover .tit_wrap{background:rgba(248,25,46,.5);}
.main_menu .el:nth-of-type(2):hover .tit_wrap{background:rgba(44,122,219,.5);}
.main_menu .el:nth-of-type(3):hover .tit_wrap{background:rgba(152,150,2,.7);}
.main_menu .el:nth-of-type(4):hover .tit_wrap{background:rgba(205,83,220,.5);}
.main_menu .el .tit_wrap .t1{ font-size:1.063em; font-weight:700; color:#000; margin:1em 0 0 0; padding-left:1.5rem; box-sizing:border-box; transition:.3s; position:relative;}
.main_menu .el .tit_wrap .t1:after{content:''; display:block; width:20px; height:2px; background:#fff; position:absolute; left:1.5rem; bottom:-1.5rem;}
.main_menu .el:hover .tit_wrap .t1{color:#fff;}
.main_menu .el .tit_wrap .t2{ color:#111; margin-top:2em; padding-left:1.5rem; box-sizing:border-box; transition:.3s;}
.main_menu .el:hover .tit_wrap .t2{color:#fff;}
.main_menu .el .con_wrap{ margin-top:1em; width:400%; position:absolute; left:0; top:0; opacity:0; visibility:hidden}
.main_menu .el .con_wrap .img{ width:47%}
.main_menu .el .con_wrap .info{ width:47%}
.main_menu .el .con_wrap .info .t1{ font-size:1.063em; color:#111}
.main_menu .el .con_wrap .info .link{}
.main_menu .el .con_wrap .info .link > li > a{ display:block; background:#06419a; color:#fff; position:relative; padding:.25em 1em; margin-top:.25em; transition:.3s}
.main_menu .el .con_wrap .info .link > li > a .tt{ font-weight:500; font-size:.875em}
.main_menu .el .con_wrap .info .link > li > a .arrow{ position:absolute; right:1em; top:50%; line-height:1em; margin-top:-.5em; font-size:.625em}
.main_menu .el .con_wrap .info .link > li > a .arrow:before{content:"\ea3e"}
.main_menu .el .con_wrap .info .link > li > a:hover{ background:#970808}
.main_menu .el.on{ width:50%}
.main_menu .el.on .wrap_in{ display:block; z-index:1; border-color:#06419a; box-shadow:0 0 .5em .1em rgba(0,0,0,.2); transition:.3s}
.main_menu .el.on .tit_wrap{ ; align-items:center}
.main_menu .el.on .tit_wrap .img{ width:2.5em}
.main_menu .el.on .tit_wrap .t1{ font-size:1.5em; color:#0b3142; margin:0 0 0 .5em}
.main_menu .el.on .con_wrap{ width:100%; position:static; opacity:1; visibility: visible; transition-delay:.3s}

.main_con2{padding:55px 0 100px;}
.main_member{;}
.main_member .member_info{width:32.5%; position:relative;}
.main_member .member_info .mi_tit_wrap{}
.main_member .member_info .mi_tit_wrap .t1{font-size:1.125em;}
.main_member .member_info .mi_tit_wrap .t2{font-size:2.125em; margin-top:-10px; color:#333;}
.main_member .member_info .mi_line{margin:15px 0 25px; width:35px; height:3px; background:#aaa;}
.main_member .member_info .mi_ctt_wrap{}
.main_member .member_info .mi_ctt_wrap .t1{font-size:1.125em; margin-bottom:1rem;}
.main_member .member_info .mi_ctt_wrap .t2{font-size:.938em; color:#666;}
.main_member .member_info .mi_more_wrap{margin-top:2rem;}
.main_member .member_info .mi_more_wrap .mi_more{font-size:.8125em; display:inline-block; cursor:pointer; transition:.3s; font-weight:bold;}
.main_member .member_info .mi_more_wrap .mi_more:hover{color:#06419a;}
.main_member .member_info .mi_more_wrap .mi_more i{font-size:1em; color:#333; transform:translateY(-1px); font-weight:bold; margin-left:4px; transition:.3s;}
.main_member .member_info .mi_more_wrap .mi_more:hover i{margin-left:14px; color:#06419a;}
.main_member .member_info .member_slides_arr_wrap{position:absolute; width:100%; bottom:24px; text-align:right;}
.main_member .member_info .member_slides_arr_wrap .slick-arr-cus{width:45px; height:45px; border:1px solid #ddd; background:#f5f5f5; box-sizing:border-box; display:inline-block; position:relative; text-align:center; line-height:43px; cursor:pointer; transition:.3s;}
.main_member .member_info .member_slides_arr_wrap .slick-arr-cus:hover{border:1px solid #06419a;}
.main_member .member_info .member_slides_arr_wrap .slick-arr-cus:before{color:#333; transition:.3s;}
.main_member .member_info .member_slides_arr_wrap .slick-arr-cus:hover:before{color:#06419a;}
.main_member .member_info .member_slides_arr_wrap .slick-arr-cus#slick-arr-prev{}
.main_member .member_info .member_slides_arr_wrap .slick-arr-cus#slick-arr-prev:before{content:'\e93d'; display:block; font-family:'xeicon'; font-size:24px;}
.main_member .member_info .member_slides_arr_wrap .slick-arr-cus#slick-arr-next{margin-right:66px;}
.main_member .member_info .member_slides_arr_wrap .slick-arr-cus#slick-arr-next:before{content:'\e940'; display:block; font-family:'xeicon'; font-size:24px;}
.main_member .member_lists{width:67.5%; overflow:hidden;}
.main_member .member_lists .member_slides .slick-list{margin-left:-11px; padding-right:8px; padding-top:4px;}
.main_member .member_lists li{height:336px; border:1px solid #ddd; box-sizing:border-box; padding:15px; padding-bottom:0; transition:.3s; margin-bottom:24px; margin-left:14px; box-shadow:3px 3px 7px 0px rgba(50, 50, 50, 0.5); cursor:pointer;}
.main_member .member_lists li:hover{border:1px solid #06419a;}
.main_member .member_lists li .member_wrap{width:100%; height:100%;}
.main_member .member_lists li .member_wrap .img_box{width:100%; height:calc(100% - 60px);}
.main_member .member_lists li .member_wrap .img_box .member_img{width:100%; height:100%;}
.main_member .member_lists li .member_wrap .name_box{width:100%; height:60px; transform:translateY(24px);}
.main_member .member_lists li .member_wrap .name_box .member_name_wrap{; justify-content:center; align-items:center; background:#750000; color:#fff; height:100%; transition:.3s;}
.main_member .member_lists li:hover .member_wrap .name_box .member_name_wrap{background:#06419a;}
.main_member .member_lists li .member_wrap .name_box .member_name_wrap span{vertical-align:baseline;}
.main_member .member_lists li .member_wrap .name_box .member_name_wrap .member_position{font-size:.875em; transform:translateY(3px); margin-right:8px;}
.main_member .member_lists li .member_wrap .name_box .member_name_wrap .member_name{font-size:1.25em;}

.main_con3{padding:3.75rem 0; background:url('../images/sub/greetings_img6.jpg') no-repeat center/cover;}
.main_con3 .con_tit_wrap{text-align:center;}
.main_con3 .con_tit_wrap .con_tit{font-size:2.125em; font-weight:bold; color:#fff; margin-bottom:.5rem;}
.main_con3 .con_tit_wrap .con_tit_sub{color:#fff; margin-bottom:2.5rem;}
.main_con3 .pay_cons > li .in{border:0.5px; height:279px;}
.main_con3 .con_more{margin-top:3rem; text-align:center;}
.main_con3 .con_more .more_btn{display:inline-flex; width:140px; height:40px; justify-content:center; align-items:center; color:#fff; font-size:.8125em; background:#06419a; border-radius:20px; cursor:pointer;}
.main_con3 .con_more .more_btn i{font-size:1em; margin-left:4px; transition:.3s;}
.main_con3 .con_more .more_btn:hover i{margin-left:14px;}

.main_con3 .pay_cons > li:hover .p_icon{ background: #06419a; color: #ebf7fc;}


.main_con4{padding:2.375rem 0 6.875rem; background:url('../images/main/main_con4_bg1.jpg') no-repeat center/cover; color:#fff; position:relative;}
.main_con4 .con_bg_line{background:#0095dc; width:100%; height:1px; position:absolute; left:0; top:304px;}
.main_con4 .con_tit_wrap{text-align:center;}
.main_con4 .con_tit_wrap .con_tit_line{width:1px; height:30px; background:#fff; margin:0 auto 1rem;}
.main_con4 .con_tit_wrap .con_tit.t1{font-size:1.0625em;}
.main_con4 .con_tit_wrap .con_tit.t2{font-size:2.125em; margin-bottom:1rem;}
.main_con4 .con_tit_wrap .con_tit_sub{color:rgba(255,255,255,.7); font-weight:300;}
.main_con4 .con_ctt_wrap{margin-top:4rem;}
.main_con4 .con_ctt_wrap ul{display:flex; justify-content:space-between;}
.main_con4 .con_ctt_wrap ul li{ display:flex; width:220px; height:54px; border:1px solid #fff; box-sizing:border-box; ; justify-content:center; align-items:center; position:relative}
.main_con4 .con_ctt_wrap ul li:before{content:''; display:block; width:1px; height:28px; background:#c091a3; opacity:.45; position:absolute; left:50%; bottom:-29px; transform:translateX(-50%);}
.main_con4 .con_ctt_wrap ul li:after{content:''; display:block; width:6px; height:6px; background:#fff; border-radius:50%; position:absolute; left:50%; bottom:-29px; transform:translateX(-50%);}
.main_con4 .con_ctt_wrap ul li span:not(.txt_bold){vertical-align:baseline; font-weight:300;}
.main_con4 .con_more{margin-top:5rem; text-align:center;}
.main_con4 .con_more .more_btn{display:inline-flex; width:140px; height:40px; justify-content:center; align-items:center; color:#06419a; font-size:.8125em; background:#fff; border-radius:20px; cursor:pointer;}
.main_con4 .con_more .more_btn i{font-size:1em; margin-left:4px; transition:.3s;}
.main_con4 .con_more .more_btn:hover i{margin-left:14px;}

.main_con5{padding-bottom:6rem;}
.main_con5 .con_tit_wrap{margin-top:-2.5rem; background:#fff; padding:3rem 0; position:relative; z-index:10; text-align:center;}
.main_con5 .con_tit_wrap .con_tit{font-size:2.0625em; color:#333; margin-bottom:.5rem;}
.main_con5 .con_tit_wrap .con_tit_sub{color:#666;}
.main_con5 .con_ctt_wrap{}

.main_con5 .con_ctt_wrap .cc_wrap{ justify-content:space-between;}
.cu_wrap_all .cu_wrap:first-child{margin-right:1em;}
.cu_wrap_all .cu_wrap:nth-child(2){margin-right:1em;}
.cu_wrap_all{margin:2em 0;}
.main_con5 .con_ctt_wrap .cc_wrap .qna_wrap{width:100%; ; flex-direction:column;}
.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap{width:33.3333%;}
.main_con5 .con_ctt_wrap .cc_wrap .cc_tit{color:#420b0b; font-size:1.25em; margin-bottom:.5rem; margin-top:3em}
.main_con5 .con_ctt_wrap .cc_wrap .qna_wrap li{border:1px solid #ddd; ; height:33.33%; padding:14px 20px; box-sizing:border-box; cursor:pointer; transition:.3s;}
.main_con5 .con_ctt_wrap .cc_wrap .qna_wrap li:hover{border:1px solid #420b0b;}
/*.main_con5 .con_ctt_wrap .cc_wrap .qna_wrap li:not(:first-of-type){border-top:none;}*/
.main_con5 .con_ctt_wrap .cc_wrap .qna_wrap li .qna_date{width:80px; text-align:center; color:#666;}
.main_con5 .con_ctt_wrap .cc_wrap .qna_wrap li .qna_date .qna_year{font-weight:bold; font-size:1.25em;}
.main_con5 .con_ctt_wrap .cc_wrap .qna_wrap li .qna_subj{width:calc(100% - 80px); padding:0 2rem; box-sizing:border-box; ; align-items:center;}
.main_con5 .con_ctt_wrap .cc_wrap .qna_wrap li .qna_subj .qna_txt{width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap .cu_ctt{width:100%; height:calc(100% - 3px); background:#f9f9f9; border:1px solid #ddd; border-top:2px solid #06419a; box-sizing:border-box; padding:.75rem 1.25rem;}
.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap .cu_ctt .cc_icon{display:inline-flex; border-radius:50%; justify-content:center; align-items:center; color:#fff;}
.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap .cu_ctt .cc_icon.st1{width:54px; height:54px; background:#06419a;}
.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap .cu_ctt .cc_icon.st1 i{font-size:1.75rem;}
.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap .cu_ctt .cc_icon.st2{width:38px; height:38px; background:#006db8;}
.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap .cu_ctt .cc_icon.st2 i{}
.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap .cu_ctt .cc_top{border-bottom:1px solid #eee; padding:1rem; box-sizing:border-box; ; align-items:center;}
.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap .cu_ctt .cc_top .cc_tel{margin-left:8px; color:#06419a; font-size:1.75em;}
.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap .cu_ctt .cc_bot{padding:1rem; box-sizing:border-box; ; flex-wrap:wrap;}
.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap .cu_ctt .cc_bot .cc_left{width:86px; margin-bottom:.5rem;}
.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap .cu_ctt .cc_bot .cc_left .s1{margin-left:10px; color:#666;}
.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap .cu_ctt .cc_bot .cc_right{width:calc(100% - 86px); padding-top:7px;}

.main_con6{border-top:1px solid #ddd; background:#f5f5f5; padding:20px 0; box-sizing:border-box;}
.main_con6 .partner_wrap{;}
.main_con6 .partner_wrap .pt_control_box{width:168px; ; justify-content:center; align-items:center;}
.main_con6 .partner_wrap .pt_control_box .pt_arr{border:1px solid #ddd; ; justify-content:center; align-items:center; width:40px; height:40px; box-sizing:border-box; background:#fff; transition:.3s; cursor:pointer;}
.main_con6 .partner_wrap .pt_control_box .pt_arr:hover{border:1px solid #06419a;}
.main_con6 .partner_wrap .pt_control_box .pt_arr i{color:#06419a; font-size:20px;}
.main_con6 .partner_wrap .pt_control_box .pt_arr.pt_next{margin-right:10px;}
.main_con6 .partner_wrap .pt_control_box .pt_arr.st_p i.xi-pause{display:block;}
.main_con6 .partner_wrap .pt_control_box .pt_arr.st_p i.xi-play{display:none;}
.main_con6 .partner_wrap .pt_control_box .pt_arr:not(.st_p) i.xi-pause{display:none;}
.main_con6 .partner_wrap .pt_control_box .pt_arr:not(.st_p) i.xi-play{display:block;}
.main_con6 .partner_wrap .pt_list_box{width:calc(100% - 168px);}
.main_con6 .partner_wrap .pt_list_box .pt_slides{}
.main_con6 .partner_wrap .pt_list_box .pt_slides li{border:1px solid #aaa; height:70px; box-sizing:border-box; margin-right:20px; cursor:pointer; transition:.3s;}
.main_con6 .partner_wrap .pt_list_box .pt_slides li:hover{border:1px solid #06419a;}
.main_con6 .partner_wrap .pt_list_box .pt_slides li .pt_img{width:100%; height:100%;}

/*=========================================================================sub=========================================================================*/

.txt_gray{color:#999999; vertical-align:baseline;}
.txt_gray2{color:#888888; vertical-align:baseline;}
.txt_red{color:#06419a; vertical-align:baseline;}
.txt_orange{color:#fff !important; vertical-align:baseline;}
.txt_bold{font-weight:bold;}
.txt_ms{font-family:'Ms'; vertical-align:baseline;}

.sub_tit .t1{ text-align:center; font-size:2.5em; color:#000; margin:0 0 1em 0; font-weight:300}
.sub_tit .line{ display:block; width:1px; height:.75em; background:#000; margin-bottom:.25em; margin-left:auto; margin-right:auto}
.load .sub_tit .line{transform: scaleY(1); visibility: visible;}
.scrollAniY{ visibility:hidden; transition:.8s; transition-timing-function:ease-in-out; transform:scaleY(0); transform-origin:left top }

.page_tit{ margin-bottom:2em; margin-top:4em}
.page_tit:first-child{ margin-top:0}
.page_tit .t1{ font-size:2em; color:#222; letter-spacing:-2px; word-spacing:2px;}
.page_tit .t2{ font-size:1.625em; color:#222; letter-spacing:-2px; word-spacing:2px; display: inline-block;}

.tab_idx{ margin:-1em 0 3em -1em;}
.tab_idx > li{flex:1 33.33%;}
.tab_idx > li > a{ padding:0 .5em; height:4em; border:1px solid #ddd; margin:1em 0 0 1em; color:#666; transition:.3s;}
.tab_idx > li > a .va{font-size:1.068em; font-weight:500}
.tab_idx > li > a:hover,
.tab_idx > li.on > a{ box-shadow:0 0 1em .125em rgba(0,0,0,.1); color:#06419a; border-color:#06419a}


/*연혁*/
.history_bgw {overflow:hidden; position:relative;}
.history_bgw .bg_w {position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; transform:scale(1.2,1.2); transition:2s;} 
.history_bgw .txt_wrap {text-align:center;}
.history_bgw .txt_wrap .en {font-size:.813em; letter-spacing:.9px; padding-bottom:.2em;  color:#fff;}
.history_bgw .txt_wrap .kr {font-size:1.9em; color:#fff; font-weight:500;}
.history_bgw .line_wrap{ position:relative; height:11em;}
.history_bgw .line_wrap .line{ position:absolute; background:#fff; width:1px; height:1px; transition:1s; opacity:.5; display:none;}
.history_bgw .line_wrap .line.hor{ transition-delay:1s}
.history_bgw .line_wrap .line.top{ top:0}
.history_bgw .line_wrap .line.bot{ bottom:0}
.history_bgw .line_wrap .line.left{ left:0}
.history_bgw .line_wrap .line.right{ right:0}
.load .history_bgw .bg_w {transform:scale(1,1);}
.load .history_bgw .line_wrap {margin:1.5em;}
.load .history_bgw .line_wrap .line.ver{ height:100%}
.load .history_bgw .line_wrap .line.hor{width:40%;}
.load .history_bgw .line_wrap .line{ display:block}

.history_wrap{ position:relative; overflow:hidden; padding:2em 0}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:#06419a; transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid #06419a; border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:4em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year{ width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li .year .wrap_in{ position:relative; overflow:hidden; width:15em}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:2.5em; font-weight:700; letter-spacing:-3px; color:#423936; font-family: Georgia, "Times New Roman", Times, serif}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li .year .tt:after{ content:"'"; font-weight:400; font-style:italic}
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:35% !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{ flex:0 0 3em}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.125em; font-weight:700; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px}
.history_wrap .history > li .list .month .tt:after{ content:" 월"; font-size:.813em; font-weight:400;}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#333}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:.5em; width:.75em; border-top:2px solid #ddd}
.history_wrap .history > li:nth-child(2n) .year{ justify-content:flex-start; text-align:right}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ left:auto; right:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}

/*찾아오시는 길*/
.root_daum_roughmap{ width:100% !important;}
.map_tw{padding:0 0 1em 1em; font-size:1.45em; font-weight:500; position: relative}
.map_tw::before{ content:""; width: 10px; height:10px; background: #11b0e9; position: absolute; left:0; top:9px;}
.map_tw::after{ content: ""; width: 10px; height:10px; border: 2px solid #fff; background: #005aa6; position: absolute; left: 2px; top: 11px;}
.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em 6em; margin-top:1em; font-weight:400; box-sizing:border-box;}
.map_info1 .t1{ display:flex; justify-content:space-between; }
.map_info1 .t1 li , .subway > p { color:#666; display:inline-block; margin-right:55px; margin-bottom:5px; margin-top:5px; line-height:1.5;}
.map_info1 .t1 li:last-child { margin-right:0;}
.map_info1 .t1 .xi , .subway > p > .xi{ font-size:1em; color:#fff; margin-right:10px; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; background:#06419a}
.map_view{ border-top:3px solid #06419a; box-shadow:0 .25em .5em rgba(0,0,0,.2); transition:.3s; padding:1em; border-radius:0 0 1em 1em}
.map_view .tt {padding-bottom:10px; font-size:1.063em; color:#222; letter-spacing:-2px; vertical-align:middle;}
.map_view .xi {vertical-align:middle; font-size:1.188em; padding-right:5px;}
.subway{ margin-top: 20px;}
.subway > p{ margin-bottom: 10px;}
.subway .subway_list { margin-left: 30px; }
.subway .subway_list li{ display:flex; align-items:center; margin-bottom: 15px;}
.subway .subway_list li:last-child{ margin-bottom: 0;}
.subway .subway_list li img{ height:25px; margin-right: 10px; object-fit:cover; }
.subway .subway_list li P { font-size:14px; color:#666; vertical-align:top;}


/*구성원 리스트*/
.pro_wrap{ margin-top:4em;}
.pro_wrap .board_search_wrap .right .write{ display:none;}

.pro_list{ margin-right:-1.5em;}
.pro_list > li{ width:50%;}
.pro_list > li.w100{margin:0 auto;}
.pro_list > li .in_wrap{ border:1px solid #bbb; margin-right:1.5em; margin-bottom:1.5em; box-sizing:border-box; padding:1em 1.2em; position:relative; transition:.3s; cursor:pointer;}
.pro_list > li .in_wrap .img_z{width:195px;}
.pro_list > li .in_wrap .img_z .p_img{ border:1px solid #e5e5e5;}
.pro_list > li .in_wrap .img_z .p_img.resize{ padding-bottom:118%;}
.pro_list > li .in_wrap .txt_z{ width:calc(100% - 195px); box-sizing:border-box; padding:1em 0 1em 2.5em;}
.pro_list > li .in_wrap .txt_z .t1{ font-size:.938em; color:#666;}
.pro_list > li .in_wrap .txt_z .name{ font-size:1.6em; font-weight:600; border-bottom:4px solid #06419a; padding-bottom:3px; display:inline-block;}
.pro_list > li .in_wrap .txt_z .t2{font-weight:500; margin-top:15px; font-size: 1.068em;}
.pro_list > li .in_wrap .txt_z .s_list{ margin-top:8px; min-height:28em;}
.pro_list > li .in_wrap .txt_z .s_list > li{ font-size:.938em; margin-bottom:3px; position:relative; padding-left:.7em; color:#333; width:85%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.pro_list > li .in_wrap .txt_z .s_list > li:before{ content:''; width:3px; height:3px; background:#06419a; border-radius:50%; position:absolute; top:10px; left:0;}
.pro_list > li .in_wrap .txt_z .s_list > li:last-child{ margin-bottom:0;}
.pro_list > li .in_wrap .pro_btn{ width:2em; height:2em; line-height:2em; font-size:1.25em; background:#aaa; position:absolute; bottom:0; right:0; text-align:center; color:#fff; transition:.3s;}
.pro_list > li .in_wrap:hover{border-color:#06419a}
.pro_list > li .in_wrap:hover .pro_btn{ background:#06419a}

/*구성원 뷰팝업*/
body.pop .popWrap.pro_view .popIn .popCon{padding:3em 1.25em 2em 1.25em}
body.pop .popWrap.pro_view .popIn:before{ background:#fff}
body.pop .popWrap.pro_view .popIn .popClose{ color:#aaa;}
body.pop .popWrap.pro_view .popIn .popClose:hover{color:#06419a}

.pop1_explain{}
.pop1_explain .left { width:28%; float:left;}
.pop1_explain .right { width:71%; float:right;}

.pop1_explain .left{ box-sizing:border-box; position:relative;}
.pop1_explain .left .resize{ padding-bottom:105%; border:1px solid #ddd;}
.pop1_explain .right{ padding-left:40px; box-sizing:border-box;}
.pop1_explain .right .right_in > li {border-top:1px dashed #aaa; overflow:hidden; padding:15px 5px;}
.pop1_explain .right .right_in > li:last-child {border-bottom:1px dashed #aaa;}
.pop1_explain .right .right_in > li .tit{ font-size:1.25em; margin-bottom:10px; position:relative; padding-left:.7em;}
.pop1_explain .right .right_in > li .tit:before{ content:''; width:6px; height:19.5px; position:absolute; top:6px; left:0; background:#06419a;}
.pop1_explain .right .right_in > li .pro_box{ margin-bottom:1em;}
.pop1_explain .right .right_in > li .in_list > li {padding-left:10px; position:relative; margin-bottom:3px; font-size:.938em; color:#333;}
.pop1_explain .right .right_in > li .in_list > li:before {position:absolute; content:''; width:5px; height:1px; background:#666; left:0; top:11px;}
.pop1_explain .right .right_in > li .info_list > li{ margin-bottom:8px; font-size:1.125em;}
.pop1_explain .right .right_in > li .info_list > li .xi{ width:2em; height:2em; line-height:2em; background:#e54724; color:#fff; margin-right:7px; text-align:center; border-radius:50%; font-size:.938em;}
.pop1_explain .right .right_in > li .info_list > li .inf_w{ font-size:.938em; color:#666; vertical-align:baseline; margin-right:3px;}

.view_tit{ margin-bottom:10px;}
.view_tit .t1{ font-size:1.8em; font-weight:600; display:inline-block;}
.view_tit .t2{  color:#888; display:inline-block; margin-left:10px;}


/*온라인 문의*/
.agree_box{ border:1px solid #ddd; background:#fff; border-radius:5px}
.agree_box:after{ display:block; clear:both; content:'';}
.agree_box .con{  padding:2em; font-size:1em; color:#333}
.agree_box .con.scrollst{ height:13em; overflow-y:scroll; border:1px solid #ededed; margin:1em; background:#fff;}


/*업무영역*/
.bs_cont{ margin-bottom:4em;}
.bs_cont .bs_bg{background-size:cover; background-position:center; background-repeat:no-repeat; height:280px;}
.bs_cont .bs_tit{background:#fff; padding:2em 4em 0; max-width:100%; width:1200px; box-sizing:border-box; margin:0 auto 0; text-align:center;}
.bs_cont .bs_tit .t1{ font-size:1.35em; color:#444;}
.bs_cont .bs_tit .t2{ display:inline-block; font-size:2.25em; font-weight:700; text-transform:uppercase; margin-top:-5px; border-bottom:8px solid #06419a; font-family:'Ms','notokr'}
.bs_cont .bs_tx{ font-size:1.1em; color:#333; line-height:1.6; margin-top:2em;}

.pay_cons{ margin:-2.5em -1.5em 0 0;}
.pay_cons > li{flex:1 33.33%;}
/*.pay_cons > li .in{ margin:1.5em 1.5em 0 0; border:1px solid #c08585; box-shadow:5px 5px 0 rgba(0,0,0,0.15); box-sizing:border-box; padding:1.8em; text-align:center; background:#fff;}*/
/*.pay_cons > li .in{ margin:1.5em 1.5em 0 0; border:1px solid #06419a; box-shadow:5px 5px 0 rgba(0,0,0,0.15); box-sizing:border-box; padding:1.8em 1.2em; text-align:center; background:#fff;}*/
.pay_cons > li .in{ margin:1.5em 1.5em 0 0; border:1px solid #06419a; box-shadow:5px 5px 0 rgba(0,0,0,0.15); box-sizing:border-box; padding:1.8em 1.2em; text-align:center; background:rgba(255,255,255,0.7)}
.pay_cons > li .in .p_icon{ width:2.4em; height:2.4em; line-height:2.4em; background:#ebf7fc; color:#06419a; border-radius:50%; margin:0 auto .5em; font-size:1.4em;}
.pay_cons > li .in .p_tt{ font-size:1.25em; font-weight:500;}
.pay_cons > li .in .p_line{width:22px; height:3px; background:#06419a; margin:1.1em auto;}
.pay_cons > li .in .p_tw{ font-size:.938em; color:#333; min-height:66px;}
.st_sm.pay_cons > li .in .p_tw{min-height:66px;}

.cons_bg{ background:url(../images/sub/pro_bg2.jpg) no-repeat center; background-size:cover; padding:3em 0 9em; margin-top:5em;}
.cons_bg .ct_list{ border:1px solid #c08585; box-sizing:border-box; padding:2em; background:rgba(255,255,255,.9);}
.cons_bg .ct_list > li{ margin-bottom:1em; padding-bottom:1em; border-bottom:1px dashed #ddd;}
.cons_bg .ct_list > li:last-child{ margin-bottom:0; border-bottom:none; padding-bottom:0;}
.cons_bg .ct_list > li .in .nm{ display:inline-block; width:2.3em; height:2.3em; line-height:2.3em; text-align:center; border-radius:50%; background:#06419a; margin-right:10px; color:#fff; font-size:.875em;}

/*업무순서*/

.step_cons{ margin-top:6em;}
.step_cons > li {flex:1 15%; box-sizing:border-box; padding:0 1em;}
.step_cons > li .in{border:3px solid #c7c3c3; background:#fff; width:13em; height:13em; border-radius:50%; margin:0 auto; position:relative;}
.step_cons > li .in:after{ content:''; width:60px; height:1px; border-bottom:5px dotted #aaa; position:absolute; top:50%; right:-4.8em;}
.step_cons > li:last-child .in:after{ display:none;}
.step_cons > li .in .icon{ margin:7px auto 3px;}
.step_cons > li .in .nm{ font-family:'Ms'; color:#544444; opacity:.85; font-weight:500;}
.step_cons > li .in .tt{ font-size:1.3em; font-weight:500; color:#333; }
.step_cons > li .tw{ text-align:center; color:#333; width:90%; margin:1.2em auto 0;}
.step_cons > li .s_cons{ margin-top:7em; position:relative;}
.step_cons > li .s_cons:after{ content:''; width:11px; height:11px; border-radius:50%; background:#06419a; position:absolute; top:-3em; left:50%; margin-left:-5.5px;}
.step_cons > li .s_cons:before{ content:''; width:1px; height:38px; background:#06419a; position:absolute; top:-38px; left:50%; margin-left:-0.5px;}
.step_cons > li .s_cons > li{ border:1px solid #ddd; box-sizing:border-box; padding:1.5em; border-top-color:#06419a; background:#fff;}
.step_cons > li .s_cons > li .s_tt{ font-size:1.068em; color:#333; font-weight:500; margin-bottom:7px;}
.step_cons > li .s_cons > li .s_tw{ font-size:.938em; color:#555;}
.step_bg{ height:27em; background:#f5f5f5; margin-top:-18.7em;}


/* customer center */
.cs_box { display:flex;}
.cs_box > div { margin-right:10px;}
.cs_box > div:last-child { margin-right:0;}
.cs_box .cs_banner{ width: 25%}
.cs_box .cs_banner ul { height:100%;}
.cs_box .cs_banner ul li{  
	height: calc( 50% - 5px); 
	color: #fff; background-size:cover; 
	background-repeat:no-repeat; background-position: left center; 
	position:relative;
}
.cs_box .cs_banner .tit{ padding-right:10px; position: absolute; left:110px; bottom:28px;}
.cs_box .cs_banner .tit_tit{ font-weight:500; font-size: 20px;}
.cs_box .cs_banner .tit_desc{ font-size: 14px;}

.cs_box .cs_center{ 
	width: calc( 50% - 20px); padding: 50px 40px; 
	background: url(../images/main/cs_center_bg.png) no-repeat center / cover;
}
.cs_box .cs_center .tit{ margin-bottom: 5px; font-wight:600; font-size:24px; color:#fff;}
.cs_box .cs_center .desc{ margin-bottom: 25px; font-weight:300; font-size:14px; color:#fff;}
.cs_box .cs_center form{ }
.cs_box .cs_center form .input_area{ display:flex; height: 186px; }
.cs_box .cs_center form .input_area .left{ 
	display:flex; flex-wrap:wrap; 
	width:75%; height:130px; 
	margin-right: 15px;
}
.cs_box .cs_center form .input_area .left .name{ width: calc(50% - 5px); height: 30px; margin-right:10px; }
.cs_box .cs_center form .input_area .left input{ 
    width: 100%; height: 45px;
	padding-left: 10px;
	border: 2px solid #ccc;
	box-sizing: border-box;
    font-size: 13px; color: #555; line-height: 45px;
}
.cs_box .cs_center form .input_area .left .p_num{ width:calc(50% - 5px);}
.cs_box .cs_center form .input_area .left .content{ width: 100%; height: 100%; margin-top: 10px;}
.cs_box .cs_center form .input_area .left .content textarea{
	width: 100%; height: 100%;
	padding: 10px;
    border: 2px solid #ccc;
    box-sizing: border-box;
	font-size: 13px; color: #555;
}
.cs_box .cs_center form .input_area .btn{
	width: calc(25% - 10px); height: 100%;
	box-sizing:border-box;
	background-color: #46a393 ;
	position:relative;
}
.cs_box .cs_center form .input_area .btn::before{ content:"";
	width:21px; height:25px;
	background: url(../images/main/btn_bg.png) no-repeat center;
	position:absolute; left:50%; top:55px; 
	transform: translateX(-50%);
}
.cs_box .cs_center form .input_area .btn input{ 
	width:100%; height:90%;
	margin-top: 20px;
	color: #fff;
    border: none;
	background-color:transparent;
    cursor: pointer;
}

.cs_box .cs_contact{ width: 25%; ; flex-direction:column; justify-content:space-between;}
.cs_box .cs_contact > div{ margin-bottom: 10px; }
.cs_box .cs_contact > div:last-child{ margin-bottom: 0;}
.cs_box .cs_contact .cs_contact_list{ 
	display:flex; flex-direction:column; 
	height: calc( 60% - 20px ); 
	margin-bottom: 10px; padding: 30px 40px; 
	box-sizing:border-box;
	background-color:#06419a;
	/*background: url(../images/main/cs_contact.png) no-repeat center / cover;*/
}
.cs_box .cs_contact .cs_contact_list .tit{ height:20%; margin-bottom: 10px; font-size:24px; color: #fff;}
.cs_box .cs_contact .cs_contact_list ul{ height: calc( 80% - 10px); }
.cs_box .cs_contact .cs_contact_list ul li{ 
	display:flex; justify-content:center; align-items:center; 
	width: 100%; height: calc( (100% - 20px) / 2);
	box-sizing:border-box;
	margin-bottom:10px; 
	background-color: rgba(255, 255, 255, .95); 
}
.cs_box .cs_contact .cs_contact_list ul li:last-child{ margin:0;}
.cs_box .cs_contact .cs_contact_list ul li span{margin-right: 10px;}
.cs_box .cs_couns_link{ 
	display: flex; justify-content:center; align-items:center; 
	width:100%; height:20%; 
	box-sizing: border-box; 
	background-color:#266a90; 
}
.cs_box .cs_couns_link::before{
	display: inline-block;
	padding-right: 20px;
    font-family: xeicon;
    font-weight: 300;
    font-size: 2em;
    color: #fff;
}
.cs_box .cs_couns_link.couns::before{ content:"\ea98";}
.cs_box .cs_couns_link a{ font-weight:600; font-size: 20px; color: #fff; }

.cs_box .cs_contact .cs_couns_link.way{ background-color: #46a393;}
.cs_box .cs_couns_link.way::before{ content:"\eb59"}


/* sub-nav */
.sub_con_top{margin-bottom: 3.5em;}
.sub_con_top .con_nav{ margin: 0 auto;}
.sub_con_top .con_nav > li{ display:flex; align-items:center;}
.sub_con_top .con_nav > li:nth-child(n+2):nth-child(-n+3):before {
    content: "\e93e";
	display:inline-block;
	padding: 0 10px; 
    font-family: xeicon; font-weight:300; font-size: .85em; color: #888;
}
.sub_con_top .con_nav > li:nth-child(2){ color:#888;}


/* sub1_1 인사말 */
.about_content2{ background:url(../images/sub/greetings_img1.jpg) no-repeat center; background-size:cover; box-sizing:border-box; padding:3.5em 0 7em; background-color:#aaa;}
.about_content2 .in_tx_box{color:#333; line-height:1.5; padding:4em 10em 5em; box-sizing:border-box; background:rgba(255,255,255,.95); text-align:center; box-shadow:0 0 25px rgb(0 0 0 / 10%)}
.about_content2 .in_tx_box .tw_en{ color:#999; letter-spacing:6px; font-size:1.068em; font-family:'Ms';}
.about_content2 .in_tx_box .tw_tit{ font-size:2em; line-height:1.4; margin-bottom:20px; font-weight:500;}
.about_content2 .in_tx_box .tw_tit .c_st{ font-size:1.125em; font-weight:600; letter-spacing:-2px; font-family:'Ms';}
.about_content2 .in_tx_box .tw{ margin-bottom:15px; font-size:1.068em;}
.about_content2 .in_tx_box .bar{ width:40px; height:2px; background:#ddd; display:block; margin:40px auto;}
.about_content2 .in_tx_box .ab_list{ margin-right:-1em; margin-top:4em;}
.about_content2 .in_tx_box .ab_list > li{flex:1 33.33%;}
.about_content2 .in_tx_box .ab_list.st2 > li{flex:1 50%;}
.about_content2 .in_tx_box .ab_list > li .in{ text-align:left; margin-right:1em; margin-bottom:2em; box-sizing:border-box; padding:2em 1em 3em; border-top:1px solid #06419a; border-bottom:1px solid #aaa; font-size:1.068em; font-weight:500; min-height:168px;}
.about_content2 .in_tx_box .ab_list > li .in .ab_n{ font-family:'Ms'; color: #06419a; font-size:1.068em; margin-bottom:3px; font-weight:400;}

.mg_2rem{height:2rem;}
.mg_3rem{height:3rem;}
.txt_small{font-size:.625em; vertical-align:baseline;}

.sub_greeting{ text-align:left;}
.sub_greeting .greeting_m{}
.sub_greeting .greeting_m p:first-child{}
.sub_greeting .txt_box {margin-bottom:50px;}
.sub_greeting .txt_box > div{ display:flex; justify-content:space-between;}
.sub_greeting .txt_box > div .txt p{ margin-bottom:20px;}
.sub_greeting .txt_box > div .txt p:last-child{ margin-bottom:0;}
.sub_greeting .txt_box > div .img img{ width:100%;}
.sub_greeting .txt_box .txt_box1 .txt p:first-child{ font-size:20px; margin-top:60px;}
.sub_greeting .txt_box .txt_box1 .img{ order:-1; width: 30%; margin-right:30px;}
.sub_greeting .txt_box .txt_box1 .txt{ width: calc( 70% - 30px ); }
.sub_greeting .txt_box .txt_box2 .img{ width: 40%; margin-left:30px;} 
.sub_greeting .txt_box .txt_box2 .txt{ width: calc( 60% - 30px );}
.sub_greeting .txt_box .txt_box2 .txt p span{ font-size:1.125em;}
.sub_greeting .txt_box .txt_box2 .img{ margin-top: -70px;}
.sub_greeting .greeting_sig{ display:flex;}
.sub_greeting .greeting_sig p{ margin-right: 20px; font-size: 1.125em;}


/*sub2*/
.sub2_tit{ margin-bottom:15px; padding-top:12px; font-weight:500; font-size:32px; position:relative;}
.sub2_tit::before{ content:"";
	width:20px; height:3px;
	background-color: #06419a;
	position: absolute; left:0; top:0; 
}
.sub2_con .sub2_tit::after{ content:"";
	width:20px; height:3px;
	background-color: #ddd;
	position: absolute; left:20px; top:0; 
}
.sub2_con .sub2_txt{ margin-bottom: 50px; font-weight:400; font-size:1.125em; line-height:1.6em; color: #555;}
.sub2_con .sub2_txt strong{ font-weight:500; color:#06419a; vertical-align:bottom; }
.sub2_con .sub2_txt p{ margin-bottom: 10px;}
.sub2_con .sub2_txt p:last-child{ margin-bottom: 0;}
.sub2_txt_box { margin-bottom: 60px;}
.sub2_txt_box .tit{ font-size:20px; color:#333; position:relative;}
.sub2_txt_box .tit span{ margin-left: 25px; }
.sub2_txt_box .tit::before{ content:"";
    left: 0;
    top: 9px;
    width: 10px;
    height: 10px;
    background: #11b0e9;
	position: absolute;
}
.sub2_txt_box .tit::after{
	content: "";
    position: absolute;
    left: 2px;
    top: 11px;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    background: #005aa6;	
}

.sub2_txt_box ul{ justify-content: space-between;}
.sub2_txt_box ul li{ 
	display:flex; flex-direction:column; justify-content:center; align-items:center;
	 
	margin: 1em 1em 0 0;
    border: 1px solid #06419a;
    box-shadow: 5px 5px 0 rgb(0 0 0 / 15%);
    box-sizing: border-box;
    padding: 1.8em 1.5em;
    font-size: 16px; color: #555; text-align: center; 
    background: rgba(255,255,255,0.7);
}
.sub2_txt_box ul li:nth-child(4){margin-right:0;}
.sub2_txt_box ul li:nth-child(8){margin-right:0;}
.sub2_txt_box ul li span{ display:flex; justify-content:center; align-items:center; width:70px; height:70px; margin-bottom:10px; border-radius:100%; background-color:#ebf7fc;}
.sub2_txt_box ul li span img{ width: 60%;}
.sub2_txt_box ul li em{ display:flex; align-items:center; height:60px;}
.sub2_txt_box ul li h4{ margin-bottom:5px;}
.sub2_txt_box ul li p{ height:50px;}
.sub2_di { display:flex; margin-top:1em; border:1px solid #06419a; box-shadow: 5px 5px 0 rgb(0 0 0 / 15%); }
.sub2_di img{ width: 90%; margin:0 auto; padding: 45px 0;}

/*sub2_1*/
.sub2_1_txt_box ul li{ width: 23%;}
.sub2_1_txt_box ul li:nth-child(4){ margin-right:0;}
.sub2_1_txt_box ul li:nth-child(8){ margin-right:0;}

/*sub2_2,3,4,5*/
.sub2_n_txt_box ul li{ width: 49%;}
.sub2_n_txt_box ul li:nth-child(2){ margin-right:0;}
.sub2_n_txt_box ul li:nth-child(4){ margin-right:0;}


/*sub3_2*/
.sub3_tab_btn_wrap{}
.sub3_tab_btn_wrap ul{ display:flex; justify-content:space-between;}
.sub3_tab_btn_wrap ul li{width:48%; height:60px; border:1px solid #ddd; background:#fff; transition:.3s; cursor:pointer;}
.sub3_tab_btn_wrap ul li.on{border:1px solid #06419a; box-shadow:3px 3px 0px 0px rgba(50, 50, 50, 0.75); transform:translate(-3px,-3px);}
.sub3_tab_btn_wrap ul li:hover{border:1px solid #06419a; box-shadow:3px 3px 0px 0px rgba(50, 50, 50, 0.75); transform:translate(-3px,-3px);}
.sub3_tab_btn_wrap ul li span{ display:flex; width:100%; height:100%; justify-content:center; align-items:center; color:#555; transition:.3s;}
.sub3_tab_btn_wrap ul li.on span{color:#06419a;}
.sub3_tab_btn_wrap ul li:hover span{color:#06419a;}

.sub3_idx{display:none;}
.sub3_idx.on{display:block;}



/*****대표노무사*********/
.pro_list > li .in_wrap .txt_z .s_list div{margin:1em 0 0.5em 0}