@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% } 
.box2.st2 { width:1150px; 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 { display:flex; } 
.PC1200i { display:inline-block; } 
.PC1200t { display:table; } 
.PHONE1200 { display:none; } 
.PHONE1200f { display:none; } 
.PHONE1200i { display:none; } 
.PHONE1200t { display:none; } 
.PC768 { display:block; } 
.PC768f { display:flex; } 
.PC768i { display:inline-block; } 
.PC768t { display:table; } 
.PHONE768 { display:none; } 
.PHONE768f { display:none; } 
.PHONE768i { display:none; } 
.PHONE768t { display:none; } 
.PC500 { display:block; } 
.PC500f { display:flex; } 
.PC500i { display:inline-block; } 
.PC500t { display:table; } 
.PHONE500 { display:none; } 
.PHONE500f { display:none; } 
.PHONE500i { display:none; } 
.PHONE500t { display:none; } 
.PC412 { display:block; } 
.PC412f { display:flex; } 
.PC412i { display:inline-block; } 
.PC412t { display:table; } 
.PHONE412 { display:none; } 
.PHONE412f { display:none; } 
.PHONE412i { display:none; } 
.PHONE412t { display:none; } 
.PC360 { display:block; } 
.PC360f { display:flex; } 
.PC360i { display:inline-block; } 
.PC360t { display:table; } 
.PHONE360 { display:none; } 
.PHONE360f { display:none; } 
.PHONE360i { display:none; } 
.PHONE360t { display:none; } 

#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:#d85529 } 
#header .gnb_wrap .gnb > li .dp2:after { content:""; position:absolute; left:0; top:-3px; width:0; height:3px; background:#d85529; 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:#ee4309; 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:#ee4309; } 
#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:#d85529; } 

#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 #ee4309; } 
#header .etc_wrap .all_wrap .all_btn:hover .xi,
#header .etc_wrap .mail_wrap .btn:hover { color:#ee4309; } 
#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; } 


#footer { background:#fff; } 
#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 .info { box-sizing:border-box; width:calc(100% - 150px); } 
#footer .info_wrap .info > li.sitename { color:#333; margin-bottom:8px; } 
#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 .copyright { padding-top:30px; color:#888; font-size:.813em; letter-spacing:.5px; font-family:'Ms'; text-transform: uppercase; } 
#footer .fb_wrap { padding:2em 0; } 


.goTop { z-index:998; position:fixed; right:2em; bottom:2em; width:3.6em; height:3.6em; background:#c11010; border-radius:100%; transition:.2s; } 
.goTop .xi { display:block; line-height:1em; color:#fff; } 
.goTop .tt { font-size:.750em; color:#fff; } 
.goTop:hover { background:#570000; } 
 

#contents { } 
#contents .doc { padding:4em 0 8em 0 } 
#contents .sub_visual_wrap { position:relative } 
#contents .sub_visual_wrap .va_wrap { position:relative; height:35em; 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 .txt { display:none; width:0; height:.1em; margin:1.25em auto; background:#fff; transition:1s; transition-delay:.5s } 
.dp1_6 #contents .sub_visual_wrap .slogan .txt { display:block; width:100%; height: 0; color: #fff; text-shadow:1px 2px 3px rgba(0,0,0,.6); margin-left:5em; background:#fff; font-size: 1.75em; transition:1s; transition-delay:.5s; opacity: 0; } 
#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 .txt { margin-left: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:#7b0b0b; 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 { display:flex; align-items:flex-end } 
.mainVisual_wrap .control_wrap .paging { margin-left:auto; } 
.mainVisual_wrap .control_wrap .paging ol { display:flex; 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 { display:flex; 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:#c11010; 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:#c11010; box-shadow:0 0 .5em .1em rgba(0,0,0,.2); transition:.3s } 
.main_menu .el.on .tit_wrap { display:flex; 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 { display:flex; } 
.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:#c11010; } 
.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:#c11010; } 
.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 #c11010; } 
.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:#c11010; } 
.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 #c11010; } 
.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 { display:flex; 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:#c11010; } 
.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 0 0; background:url('../images/main/main_con3_bg.jpg') no-repeat center/cover; } 
.main_con3.st2 { padding:3.75rem 0; background:url('../images/main/main_con3-1_bg.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:#333; margin-bottom:1em; } 
.main_con3 .con_tit_wrap .con_tit2 { font-size:2.125em; font-weight:bold; color:#fff; margin-bottom:1em; } 
.main_con3 .con_tit_wrap .con_tit_sub { color:#333; margin-bottom:2.5rem; } 
.main_con3 .pay_cons > li .in { border:2px solid rgb(248, 153, 153); cursor: pointer; } 
.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:#cb0f0f; 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_con4 { padding:3.375rem 0 6.875rem; background:url('../images/main/main_con4_bg.jpg') no-repeat center/cover; color:#fff; /* position:relative; */ } 
/* .main_con4 .con_bg_line { background:#a25e77; width:100%; height:1px; position:absolute; left:0; top:345px; } 
.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 { width:220px; height:54px; border:1px solid #fff; box-sizing:border-box; display:flex; 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:3rem; text-align:center; } 
.main_con4 .con_more .more_btn { display:inline-flex; width:140px; height:40px; justify-content:center; align-items:center; color:#a50707; 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_con4 .con_tit_wrap { text-align:center; } 
.main_con4 .con_tit_wrap .con_tit { font-size:2.125em; font-weight:bold; color:#fff; margin-bottom:1em; } 
.main_con4 .con_tit_wrap .con_tit_sub { color:#333; margin-bottom:2.5rem; } 
.main_con4 .pay_cons > li .in { border:2px solid #d70808; cursor: pointer; } 


.main_con5 { padding-bottom:3rem; } 
.main_con5 .con_tit_wrap { margin-top:-3.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 { display:flex; justify-content:space-between; } 
.main_con5 .con_ctt_wrap .cc_wrap .qna_wrap { width:62.5%; display:flex; flex-direction:column; } 
.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap { width:35.5%; } 
.main_con5 .con_ctt_wrap .cc_wrap .cc_tit { color:#420b0b; font-size:1.25em; margin-bottom:.5rem; } 
.main_con5 .con_ctt_wrap .cc_wrap .qna_wrap li { border:1px solid #ddd; display:flex; 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; display:flex; 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% - 38px); background:#f9f9f9; border:1px solid #ddd; border-top:2px solid #c11010; 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:#c11010; } 
.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:#e85700; } 
.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; display:flex; align-items:center; } 
.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap .cu_ctt .cc_top .cc_tel { margin-left:8px; color:#6c0000; font-size:1.75em; } 
.main_con5 .con_ctt_wrap .cc_wrap .cu_wrap .cu_ctt .cc_bot { padding:1rem; box-sizing:border-box; display:flex; 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 { display:flex; } 
.main_con6 .partner_wrap .pt_control_box { width:168px; display:flex; justify-content:center; align-items:center; } 
.main_con6 .partner_wrap .pt_control_box .pt_arr { border:1px solid #ddd; display:flex; 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 #c11010; } 
.main_con6 .partner_wrap .pt_control_box .pt_arr i { color:#c11010; 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 #c11010; } 
.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:#c11010; vertical-align:baseline; } 
.txt_orange { color:#ff9f2d !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:.75em; 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:#c11010; border-color:#af0909 } 




/*연혁*/
.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:#e60012; 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 #e60012; 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-bottom:1em; font-size:1.45em; font-weight:500; } 
.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; font-weight:400; box-sizing:border-box; text-align:center; } 
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:55px; margin-bottom:5px; margin-top:5px; line-height:1.5; } 
.map_info1 .t1 span:last-child { margin-right:0; } 
.map_info1 .t1 .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:#c11010 } 
.map_view { border-top:3px solid #ee3614; 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; } 
.map_info1 .map_area { margin-right: 3.5em; } 
.map_info1 .map_area:last-of-type { margin-right: 0; } 
.map_info1 .map_area .map_txt { color: #666; } 
.map_info1 .map_area .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: #c11010; } 

/*구성원 리스트*/
.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 { float:none; 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 #c11010; 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; } 
.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:#c11010; 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:#c11010 } 
.pro_list > li .in_wrap:hover .pro_btn { background:#c11010 } 

/*구성원 뷰팝업*/
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:#c11010 } 

.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:#c11010; } 
.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 #dc1818; font-family:'Ms','notokr' } 
.bs_cont .bs_tx { font-size:1.1em; color:#333; line-height:1.6; margin-top:2em; } 

.pay_cons { margin:-1.5em -1.5em 0 0; } 
.pay_cons > li { flex:1 33.33%; } 
.pay_cons.st2 > li { flex:1 25%; } 
.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:3.5em 1.8em; text-align:center; background:#fff; } 
.pay_cons > li .in .p_icon { width:2.4em; height:2.4em; line-height:2.4em; background:#ffecec; color:#c11010; border-radius:50%; margin:0 auto .5em; font-size:1.4em; display: flex; justify-content: center; align-items: center; } 
.pay_cons > li .in .p_tt { font-size:1.125em; font-weight:500; color: #333; } 
.pay_cons > li .in .p_line { width:22px; height:3px; background:#dc1818; margin:.8em 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:#c11010; 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:5em; position:relative; } 
.step_cons > li .s_cons:after { content:''; width:11px; height:11px; border-radius:50%; background:#c11010; position:absolute; top:-3em; left:50%; margin-left:-5.5px; } 
.step_cons > li .s_cons:before { content:''; width:1px; height:38px; background:#c11010; 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:#c11010; 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; } 


/*인사말*/
.about_content2 { background:url(../images/sub/greetings_img1.jpg) no-repeat center; background-size:cover; box-sizing:border-box; padding:6em 0 9em; background-color:#aaa; } 
.about_content2 .in_tx_box { color:#333; line-height:1.5; padding:6em 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.st2 { color:#333; line-height:1.5; padding:3em 1em 3em; 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 #c11010; 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: #c11010; 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; } 

/*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 #dc1818; 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 #dc1818; 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:#dc1818; } 
.sub3_tab_btn_wrap ul li:hover span { color:#dc1818; } 

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

.sub_page_tab_wrap { margin-bottom:2em; } ab_wrap .list { margin:0 0 0 -.625em; } 
.sub_page_tab_wrap .list > li { flex:1; /* max-width:25%; */ } 
.sub_page_tab_wrap .list > li .in { height:3.5em; margin:0 0 0 .625em; padding:.5em .5em; background:#fff; border:1px solid #7b0b0b; border-radius:6px; color:#111; transition:.2s; box-sizing: border-box; font-size: 1.1em; text-align: center; } 
.sub_page_tab_wrap .list > li .in .tt { } 
.sub_page_tab_wrap .list > li.on .in,
.sub_page_tab_wrap .list > li:hover .in { border-color:#7b0b0b; box-shadow:0 3px .375em rgba(0,0,0,.1); color:#7b0b0b; } 
.sub_page_tab_wrap .list > li.on .in .tt,
.sub_page_tab_wrap .list > li:hover .in .tt { font-weight:700; } 

#contents .doc img { width: 80%; } 
#contents .doc img.st2 { width: 100%; } 
#contents .doc img.st3 { width: 90%; } 
/* .map_view > div img { width: 100% !important; } */
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.sm_3 > img { width: 100%; } 

.map_phone { display: none; } 
.map_pc { display: block; } 
.img_phone { display: none; } 
.img_phone2 { display: none; } 
.img_pc { display: block; } 

.input_flex { display: flex; align-items: center; } 
.input_flex > p { margin: 0 .2em; } 
.input_st.inp_w2 { margin-left: .2em; } 


.main_con7{height:25em ;}
.main_con7 .box4 .con_tit_wrap{padding: 5em 0; box-sizing:border-box; color:#fff;}

.con_tit_wrap.w2{width: 18%;}
.con_ctt_wrap.w2{width: 80%;}
.main_mission { } 
.mission_list { display:flex; flex-wrap:wrap; overflow:hidden; border-radius:2em; margin-top:-1em } 
.mission_list > li { flex: 1 33%; } 
.mission_list > li .in { position:relative; cursor:pointer; } 
.mission_list > li .in:before { content:""; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid rgba(255,255,255,.1); border-right:none; border-bottom:none } 
.mission_list > li .in .con_wrap { position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; box-sizing:border-box; padding:2em; gap:1em; text-align:center; color:#fff; z-index: 1; } 
.mission_list > li .in .con_wrap .t1 { font-weight:700; font-size:1.2em } 
.mission_list > li .in .img_wrap { position: relative; overflow: hidden; } 
.mission_list > li .in .img_wrap .in { transition: all .3s; } 
.mission_list > li:hover .in .img_wrap::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: #000; opacity: .1; z-index: 1; } 
.mission_list > li:hover .in .img_wrap .in { transform: scale(1.25); } 
.mission_list > li .in .img_wrap::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: #000; opacity: .35; z-index: 1; } 


.sub_tit .tit{font-size: 26pt; color:#c11010; font-weight:700;}
.sub_tit .txt{font-size: 16pt; color:#444;}

.img_list {width: 100%;display: flex;align-items: center;justify-content: center;gap: 1em; } 

.img_list li {width: 31%;height: 12em; } 

.img_list li p {width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center center;filter: grayscale(1); } 


.table_st { } 

.table_st td,
.table_st th {height: 1.5em;padding: .5em 0; } 

.table_st th {background: #7b0b0b;border-bottom-color: #ddd;text-align: center;color: #fff; } 
.table_st.st2 th {background: #7b0b0b;border-bottom-color: #ddd;text-align: center;color: #fff; font-size: 17px; } 
.table_st th.bg1 {background: #f3f3f3;border-bottom-color: #ddd;text-align: center;color: #333; } 

.table_st.write {border-top: none}

.table_st td {border: 1px solid #ddd;border-width: 1px 0px 1px 1px;padding-left: .3em;box-sizing: border-box;color: #444;font-weight: 300; font-size: 14px; } 
.table_st.st2 td {border: 1px solid #ddd;border-width: 1px 0px 1px 1px;padding-left: .3em;box-sizing: border-box;color: #444;font-weight: 300; font-size: 16px; letter-spacing: 1px; } 

.table_st td.bold {color: #444;font-weight: 700; } 

.table_st td.brnone {border-width: 0px 1px 0px 1px !important; } 

.table_st td.brnoneT {border-width: 0px 1px 1px 1px !important; } 
.table_st td.brnoneR {border-width: 1px 1px 1px 1px !important; } 

.table_st td:last-of-type {border-width: 1px 1px 1px 0px;padding-right: .3em;box-sizing: border-box; } 

.table_st.write th {background: none}
.Bh30{height:30em; gap: 2em;}
.Bh25{background: rgba(233 , 114, 114, 0.1); padding:1em 0; height:25em}
.Bh25 .box1{padding-top: 2em; box-sizing:border-box; gap:2em}
.member_agree .agree{ padding:3em; border:solid #ddd; border-width:2px 1px 1px 1px; border-top-color:#333; font-size:.938em; color:#777; line-height:1.5em;}
.member_agree .agree.H{ padding:1em 1.5em; border-top-width:1px; height:10em; overflow-y:scroll;}
.member_agree .agree p{ padding:.5em 0;}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree strong{ color:#333;}
.member_agree .check{ padding:1em 2em; border:solid #ddd; border-width:0 1px 1px 1px; text-align:right;}

.elW{width: 100%; background-color:#eeeeee; padding:1.5em}
.elW p{font-size: 1.25em; position: relative; padding-left: .5em; color: #444;}
.elW p::before{content: ""; position: absolute; top: 12px; left: -0.1em; width: 5px; height: 5px; border-radius: 50% ; background-color: #7b0b0b;}

.b_tit{background-color: #444; padding:.5em 0; margin-top:2em;}
.b_tit .tt{color: #fff; font-size:1.125em;}

.S_tit{font-weight: 800; color:#7C0C0B; font-size:3.5em;}
.S_tt{font-weight: 800; color:#FFF; font-size:1.5em; background-color:#7C0C0B; display:inline-block; padding:.3em; border-radius:5em;}



/* 구성원 */

.member_wrap {display:flex; flex-flow:column nowrap;margin:0 auto; width:80%;}
.member_wrap .con {width:100%;}
.member_wrap .con .mem_tit::before {content:""; width:5px; height:100%; background-color:#420b0b; position:absolute; left:0; top:50%; transform:translateY(-50%); }
.member_wrap .con .mem_tit {margin-bottom:1em; position:relative; display:flex; flex-flow:row nowrap; align-items:center; justify-content: start; padding-left:1em; font-size:2rem; font-weight:700;}
.member_wrap .con .mem {margin-bottom:5em;}
.member_wrap .con .mem .mem_con {height:fit-content; display:flex; flex-flow:row nowrap; gap:3em;}
.member_wrap .con .mem .mem_con .profile {width:35%;}
.member_wrap .con .mem .mem_con .profile img {width:100%!important;  box-shadow: 0 4px 10px rgba(0,0,0,0.1);}
.member_wrap .con .mem .mem_con .card {width:65%; background-color:#eee; border-radius:2em; padding:2em; }
.member_wrap .con .mem .mem_con .card .top {margin-bottom:1em; gap:0.3em; display:flex; flex-flow:row nowrap; justify-content: start; align-items: end;}
.member_wrap .con .mem .mem_con .card .top .name {font-size:1.8rem; font-weight:700; border-bottom:1px solid #420b0b;}
.member_wrap .con .mem .mem_con .card .top .position {font-size:1.3rem;}
.member_wrap .con .mem .mem_con .card .list {column-count: 2;}
.member_wrap .con .mem .mem_con .card ul > li { break-inside: avoid; padding-left:1em; position:relative; font-size:0.8em; font-weight:300;}
.member_wrap .con .mem .mem_con .card ul > li::before {content:""; background-color:#570000; width:4px; height:4px; position:absolute; left:0; top:50%; transform:translateY(-50%); }
.member_wrap .con .mem .mem_con .card ul > li.title {padding:0; font-weight: 600; color: #420b0b;}
.member_wrap .con .mem .mem_con .card ul > li.title p {font-size:1rem; text-align: left;}
.member_wrap .con .mem .mem_con .card ul > li.title::before {display:none;}

.gap0- > li {margin-bottom:0.5em;}
.gap1 > li {margin-bottom:1em;}
.gap1- > li {margin-bottom:1.5em;}
.gap2 > li {margin-bottom:2em;}
.gap3 > li {margin-bottom:3em;}