/* 공통 색상 */
:root { 
--white:#fff;
--black:#000;
--gray100:#111;
--gray200:#222;
--gray300:#333;
--gray400:#444;
--gray500:#555;
--gray600:#666;
--gray700:#777;
--gray800:#888;
--gray900:#999;
--blue100:#0f32a4;
}
a { text-decoration:none; color:var(--black); }
.full_img { width:100%; }


/* 탑메뉴 */
#main #header { border:0; }
#header { position:relative; width:100%; z-index:99; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
#header:after { content:''; display:block; clear:both; }
#header #topCate ul.top_menu .t_menu:hover .bg { display:block; }
#header .cate_section .contents { position:relative; width:100%; height:55px; line-height:55px; max-width:100%; background:#fff; margin:0 auto; text-align:center; padding:0 25px; box-sizing:border-box; box-shadow:0 3px 7px rgb(0 0 0 / 5%); }

/* 로고영역 */
#header .logo_show { position:absolute; left:32px; top:15px; width:40px; }
#header .logo_show img { width:100%; }

/* 카테고리 */	
#header #topCate { text-align:center; }
#header #topCate ul.top_menu { display:inline-block;  }
#header #topCate ul.top_menu:after { display:block; content:""; clear:both; }
#header #topCate ul.top_menu li { float:left; display:inline-block; box-sizing:border-box; width:170px; }
#header #topCate ul.top_menu .t_menu:hover:after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:3px; background:var(--orangebtn); }
#header #topCate ul.top_menu .t_menu:last-child:hover:after { display:none; }
#header #topCate ul.top_menu .t_menu:hover a { color:var(--blue100); }
#header #topCate ul.top_menu li a .on  { color:#e57278; }
#header #topCate ul.top_menu li a { font-size:15px; font-weight:500; letter-spacing:-0.1px; color:#000; }
#header #topCate ul.top_menu li .select { color:var(--blue100); }
#header #topCate ul.top_menu li a:hover { color:var(--blue100); }
#header #topCate ul.top_menu li.cate_login a { font-size:16px; padding:5px 20px; border-radius:30px; border:2px solid #fff; color:#fff !important; }

/* 카테고리 hover */
#header #topCate ul.top_menu .t_menu .t_view { position:absolute; display:none; background:#f2f2f2; top:55px; left:0; width:100%; height:auto; z-index:999;
	transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s;  -moz-transition: all 400ms ease-in-out 0s;  -o-transition: all 400ms ease-in-out 0s;  -ms-transition: all 400ms ease-in-out 0s;  }
.leftCategory .category > ul > li:hover .sub-category { display:block; opacity:1; visibility:visible;}
#header #topCate ul.top_menu .t_view li { /*padding:0 25px;*/ }
#header #topCate ul.top_menu .t_view li a { padding:0; line-height:2; transition:.3s all; }
#header #topCate ul.top_menu .t_view .position { display:inline-block; box-sizing:border-box; }
#header #topCate ul.top_menu .t_view .position ul:after { content:''; display:block; clear:both; }
#header #topCate ul.top_menu .t_view .position li { width:auto; margin:0 57px; padding:0 5px; box-sizing:border-box; position:relative; display:block; float:left; text-align:center; }
#header #topCate ul.top_menu .t_view .position li:hover { transition:all 0.3s ease; -khtml-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
#header #topCate ul.top_menu .t_view .position li a { color:var(--black); font-size:15px; letter-spacing:-0.5px; line-height: 45px; font-weight:400; }
#header #topCate ul.top_menu .t_view .position li ul li a { color:#999; font-size:14px; }
#header #topCate ul.top_menu .t_view .position li a:hover,
#header #topCate ul.top_menu .t_view .position li ul li a:hover { color:var(--blue100); }
#header #topCate ul.top_menu .t_view .position li a:after { width: 100%; height: 0; background: var(--blue100); content: ''; position: absolute; top: 75%; left: 0; opacity: 0; transition: all 0.3s ease-out; margin: auto; }
#header #topCate ul.top_menu .t_view .position li a:hover::after { opacity: 1; top: 90%; height: 4px; }
#header .cate_section .contents.smaller { position:fixed;  background-color:rgba(255,255,255,0.95); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; box-shadow:0 3px 7px rgba(0,0,0,0.05); z-index:98; }

/* 모바일 햄버거 메뉴 */
#mheader .logo { display: block; font-size: 2rem; color: #333; font-weight: 700; text-transform: uppercase; }
#mheader .logo img { width:200px; }
#header .cate_section .contents .r_menu { position:absolute; top:0; right:13px; display:flex; align-items:center; }
#header .cate_section .contents .r_menu div { float:left; font-size:13px; letter-spacing:-0.7px; color:var(--black); margin-right:17px; }
#header .cate_section .contents .r_menu div p { font-weight:500; }
#header .cate_section .contents .r_menu .mBtn { float:left; cursor:pointer; width: 21px; height: 21px; background-repeat:no-repeat; background-size:100%; background-position:center; 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128ZM40,76H216a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24ZM216,180H40a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Z'%3E%3C/path%3E%3C/svg%3E");  }
#header .cate_section .contents .r_menu .country {  position:relative; border-right:1px solid #eee; border-left:1px solid #eee; padding:0 15px; cursor:pointer; }
#header .cate_section .contents .r_menu .country i { font-size:20px; vertical-align:middle; }
#header .cate_section .contents .r_menu .country_menu { position:absolute; width:100%; left:0; background:rgba(255,255,255,0.8); border:1px solid #eee; box-shadow:0 3px 7px rgb(0 0 0 / 5%); z-index:98;}
#header .cate_section .contents .r_menu .country_menu > li { height:33px; line-height:33px; text-align:left; padding-left:15px; box-sizing:border-box; color:var(--gray500);}
#header .cate_section .contents .r_menu .country_menu > li a { color:var(--gray600); }
#header .cate_section .contents .r_menu .country_menu > li a:hover { padding-left:2px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
#mheader .mNav { z-index: 99; position: fixed; background-color: #fff; top: 0; right: -100%; width: 25%; height: 100%; transition: all 0.3s ease; }
#mheader .mNav.on { right: 0; }
#mheader .mNav .mNav_logo { background:var(--blue100); padding:27px 20px; align-items:center; justify-content:space-between; display:flex; }
#mheader .mNav .mNav_logo img  { width:119px; }
#mheader .mNav .mNav_logo .closeBtn { width:25px; height:25px; cursor:pointer; background-repeat:no-repeat; background-size:100%; background-position:center; 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z'%3E%3C/path%3E%3C/svg%3E"); }
#mheader .bg-shadow { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 2; background: rgba(0, 0, 0, 0.5); display: none; cursor: pointer; }
#mheader .sub { position: relative;}
#mheader .sub li a { display: block; font-size: 15px; color: #333; }
#mheader .sub .log { padding:15px 0; box-sizing:border-box; border-bottom:1px solid #e8e8e8; }
#mheader .sub .log li { float:left; width:50%; text-align:center; color:#222; }
#mheader .sub .log li:first-child { border-right:1px solid #e8e8e8; }
#maccordian li{ list-style:none; }
#maccordian li >h1{ position:relative; cursor:pointer; font-size:15px; font-weight:600; padding:15px 25px; border-bottom:1px solid #eee; color:#222; }
#maccordian li >h1 .acc_tit { color:#f36f23; display:inline-block; text-align:center; width:5%; box-sizing:border-box; }
#maccordian li >h1 .ico_ar { position:absolute; right:20px; width:20px; height:20px; background-repeat:no-repeat; background-size:100%; background-position:center; 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23222222' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E"); }
#maccordian li > ul{ display:none; padding:25px 0; border-bottom:1px solid #eee; background:#f7f7f7; padding:20px 30px; }
#maccordian li > ul >li{ color:#555; font-size:16px; margin-bottom:7px; font-weight:300; }
#maccordian li > ul >li:last-child { margin-bottom:0; }
.con_ico { display:inline-block; width:15px; height:15px; background-repeat:no-repeat; background-size:100%; background-position:center; 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23222222' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E"); }
.country > p { display:flex; align-items:center; gap:5px; }

/* 상단 비주얼 */
.sub_visual { position:relative; width:100%; }
.sub_visual.sub1bg { background:url('../images/visual01.jpg') no-repeat center center; width:100%; height:300px; background-size:cover; }
.sub_visual.sub2bg { background:url('../images/visual02.jpg') no-repeat center center; width:100%; height:300px; background-size:cover; }
.sub_visual.sub3bg { background:url('../images/visual03.jpg') no-repeat center center; width:100%; height:300px; background-size:cover; }
.sub_visual.subkkbg { background:url('../images/bus_kk.jpg') no-repeat center center; width:100%; height:1025px; background-size:cover; }
.sub_visual.subwcbg { background:url('../images/bus_wc.jpg') no-repeat center center; width:100%; height:1025px; background-size:cover; }
.sub_visual.subscbg { background:url('../images/bus_sc.jpg') no-repeat center center; width:100%; height:1025px; background-size:cover; }
.sub_visual.subbgbg { background:url('../images/bus_bg.jpg') no-repeat center center; width:100%; height:1025px; background-size:cover; }
.sub_visual.subjpbg { background:url('../images/bus_jp.jpg') no-repeat center center; width:100%; height:1025px; background-size:cover; }
.sub_visual.subzrbg { background:url('../images/bus_zr.jpg') no-repeat center center; width:100%; height:1025px; background-size:cover; }
.sub_visual.subhpbg { background:url('../images/bus_hp.jpg') no-repeat center center; width:100%; height:1025px; background-size:cover; }
.sub_visual.subfpbg { background:url('../images/bus_fp.jpg') no-repeat center center; width:100%; height:1025px; background-size:cover; }
.sub_visual .inner { width:100%; text-align:center; padding-top:113px; }
.sub_visual .inner .sub_title .su_tit { font-size:46px; color:#fff; letter-spacing:-1px; font-weight:700; margin-bottom:15px; }
.sub_visual .inner .sub_title .su_con { font-size:16px; color:#fff; font-weight:300; }
.sub_visual .bu_inner { width:100%; text-align:center; padding-top:317px; }
.sub_visual .bu_inner .business_title .bu_tit { font-size:70px; color:#fff; letter-spacing:-1px; font-weight:400; margin-bottom:120px; }
.sub_visual .bu_inner .business_title .bu_desk { font-size:18px; color:#fff; font-weight:300; margin-bottom:50px; }
.sub_visual .bu_inner .business_title .bu_desk span { display:block; font-weight:600; margin-bottom:5px; }

.scroll_down { position:absolute; bottom:30px; left:47%; text-align:center;  }
.scroll_down i { position:absolute; left:25%; top:-40px; color:#fff; font-size:40px; text-indent: -99999px; width: 40px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 100%; background-position: center; }
.chatbox { animation: motion 0.4s /* 속도 */ linear 0s   /* 처음부터 끝까지 일정 속도로 진행 */ infinite alternate; /* 무한 반복 */}
@keyframes motion { 0% {margin-top: 0px;} /* 처음 위치 */ 100% {margin-top: 10px;} /* 마지막 위치 */ }
.scroll_down p { color:#fff; font-weight:300; font-size:14px; }

.main_title { text-align:center; margin:100px 0 50px; }
.main_title h2 { font-size:40px; color:var(--black); }
.main_title p { font-size:18px; color:var(--black); margin-top:60px; }
.sub_inner { max-width:1280px; margin:0 auto; }
.sub_inner.margin { margin-bottom:100px; }

/* bx slider */
.bxslider li { background-size: cover; background-repeat: no-repeat; width: 523px; height: 1025px; float:left; }
.bxslider .slide_txt { max-width:1280px; margin:125px auto 0; }
.bxslider .slide_txt p { color:#fff; text-shadow:0 4px 4px rgb(0 0 0 / 26%); font-size:55px; line-height:70px; font-weight:600; }
.bxslider .slide_txt span { font-size:27px; display:block; font-weight:400; margin-top:10px; }
.bx-prev { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -4.5 192 201' xml:space='preserve'%3E%3Cpath fill='none' d='M0 0h192v192H0z'/%3E%3Cpath fill='none' stroke='%23FFF' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' d='M171.992 191.5 76.491 96 171.992.5'/%3E%3Cpath opacity='.5' fill='none' stroke='%23FFF' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' d='M114.508 191.5 19.009 96 114.508.5'/%3E%3C/svg%3E"); 
 left:3%; }
.bx-next {background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -4.5 192 201' xml:space='preserve'%3E%3Cpath fill='none' d='M0 0h192v192H0z'/%3E%3Cpath fill='none' stroke='%23FFF' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' d='M19.008.5 114.509 96l-95.501 95.5'/%3E%3Cpath opacity='.5' fill='none' stroke='%23FFF' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' d='M76.492.5 171.991 96l-95.499 95.5'/%3E%3C/svg%3E");
 right:3%; }
.bx-prev,.bx-next { font-size:0; line-height:0; position:absolute; top:50%; width:45px; height:45px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%);
transform:translate(0, -50%); cursor:pointer; border:none; outline:none; }
.bx-wrapper { position:relative; }
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display:inline-block; vertical-align:bottom; }
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto { position:absolute; bottom:30px; width:100%; text-align:center; }
.bx-wrapper .bx-pager.bx-default-pager a { background:rgba(255,255,255,0.5); text-indent:-99999px; display:block; width:12px; height:12px; margin:0 7px; outline:0; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; transition:width 0.5s; }
.bx-wrapper .bx-pager.bx-default-pager a.active { background:var(--white); }

/* 연혁 */
.bn  { width:100%; border-collapse:collapse;border-spacing:0; margin:100px 0 50px; }
.bn td { border-top:1px solid #eee; font-size:14px; font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal; padding:40px 0 50px; box-sizing:border-box; }
.bn th{ border-top:1px solid #eee; font-size:14px; font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal; padding:40px 0 50px; box-sizing:border-box; }
.bn .bn-0pky{ width:25%; float:left; padding:15px 0 50px; box-sizing:border-box; word-break:keep-all; margin-right:5%; 
border-top:2px solid var(--blue100); font-weight:600; font-size:28px; color:var(--blue100); text-align:left;vertical-align:top}
.bn .bn-0lax{ position:relative; width:70%; float:left; padding:20px 0 0; box-sizing:border-box; border-top:1px solid #eee; line-height:31px; font-size:16px; color:#555; font-weight:300; text-align:left; vertical-align:top; }
.bn .bn-0lax p { padding-left:35px; padding-bottom:20px; border-bottom:1px solid #eee; margin-bottom:20px;}
.bn .bn-0lax p:last-child { border-bottom:0; margin-bottom:0; }
.bn .bn-0lax span { position:absolute; left:0; color:var(--black); font-weight:600; margin-right:30px; }
.bn .bn-0lax .blank_area { width:49px; margin:0; display:inline-block; }
.bn .bn-blank { border-top:0; width:5%; }
.big_tit { position:relative; display:inline-block; font-size:100px; color:#f5f5f5; font-weight:700; letter-spacing:-1px; }
.bslider li { background-size: cover; background-repeat: no-repeat; height:409px; float:left; }

/* 인사말 */
.greeting_area { margin-bottom:100px; }
.greeting_area h2 {  display:inline-block; padding:25px 0 70px; border-top:2px solid var(--blue100); font-weight:600; font-size:24px; color:var(--black); }
.greeting_area h2 span { color:var(--blue100); }
.greeting_area p { font-size:18px; letter-spacing:-0.2px; color:var(--black); line-height:44px; margin-bottom:35px; font-weight:300; }
.greeting_area .ceo_in { text-align:right; }
.greeting_area .ceo_in span { font-family:'Noto Serif KR'; font-weight:700; font-size:28px; margin-left:10px; }

/* 그룹소개 */
.outline_bg { background-image:url('../images/outline_bg.jpg'); height:500px; background-size:cover; background-repeat:no-repeat; margin-bottom:125px; }
.outline_bg ul { padding-top:169.5px; box-sizing:border-box; font-size:0; }
.outline_bg ul:after { content:''; display:block; clear:both; }
.outline_bg ul li { width:16.6%; display:inline-block; color:#fff; text-align:center; color:#7fc8ff; font-weight:600; font-size:16px; }
.outline_bg ul li img { display:block; margin:0 auto 30px; }
.outline_bg ul li span { display:block; color:#fff; font-weight:400; margin-top:3px;  }
.outline_title { text-align:center; margin-bottom:180px; }
.outline_title h2 { font-size:36px; color:var(--black); }
.outline_title h2:after { content:''; display:block; width:2px; height:60px; background:var(--blue100); margin:40px auto; }
.outline_title p { font-size:48px; color:var(--black); display:inline-block; margin:0 50px; letter-spacing:-0.5px; }
.outline_title .db { position:absolute; top:50%; color:#c8c8c8; font-size:180px; line-height:0; vertical-align:middle; }
.outline_title .db.dl { left:5%; }
.outline_title .db.dr { right:5%; }
.outline_title p .blu { color:var(--blue100); }
.outline_title p .gre { color:#137543; }
.outline_title .o_desk { position:relative; }

/* ci */
.info_ci { background-color:#f8f8f8; padding:90px 0; margin:100px 0 125px; text-align:center; }
.info_ci .ci_logo { margin-bottom:50px; }
.ci_tit { font-size:18px; color:#000; font-weight:500; margin-bottom:40px; padding-bottom:40px; border-bottom:2px solid #ddd; }
.ci_tit .green { color:#145431; }
.ci_desk { font-size:16px; color:#666; }
.ci_area { margin-bottom:145px; }
.ci_title { text-align:center; margin-bottom:45px; }
.ci_title h3 { font-size:30px; font-weight:500; color:#000; margin-bottom:5px; }
.ci_title p { font-size:16px; color:#000; }
.ci_color { font-size:0; }
.ci_color > li { width:32.666%; padding:15px 15px 65px 15px; display:inline-block; vertical-align:top; margin-right:1%; font-size:16px; }
.ci_color li .cc_tit { color:#fff; margin-bottom:10px; }
.ci_color li .cc_list li { margin-bottom:2px; color:rgba(255,255,255,0.9); font-weight:300; }
.ci_color li .cc_list li > span { display:inline-block; width:25%; }
.ci_color li:last-child { margin-right:0; }
.ci_color > li:nth-child(1) { background-color:#2d2823; }
.ci_color > li:nth-child(2) { background-color:#f59100; }
.ci_color > li:nth-child(3) { background-color:#0f5532; }

/* 사업분야 */
.main_business { text-align:left; margin:93px 0 150px; }
.main_business .ti_bg { margin-bottom:55px; background:#f7f7f7; padding:100px 0 195px; }
.main_business h2 { font-size:36px; color:var(--black); }
.main_business ul { margin-top:-200px; font-size:0;  }
.main_business ul li { display:inline-block; vertical-align:top; letter-spacing:0; width:19.2%; margin-right:1%; text-align:center; }
.main_business ul li img { width:100%; margin-bottom:35px; }
.main_business ul li:last-child { margin-right:0; }
.main_business ul li .b_tit:before { position:absolute; left:50%; top:-55px; content:''; display:block; width:2px; height:40px; background:var(--blue100); margin:0 auto; }
.main_business ul li .b_tit { position:relative; font-size:20px; color:var(--black); font-weight:600; margin-bottom:15px; }
.main_business ul li .b_desk { font-size:16px; color:var(--black); }

.bus_list { margin:100px 0; font-size:0; display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 10px; grid-row-gap: 10px; }
.bus_list::after { display:none; }
.bus_list li { cursor:pointer; display:inline-block; vertical-align:top; font-size:15px; background-color:var(--black); }
.bus_list li > img { width:100%; display:block; }
.bus_list li div { text-align:center; padding:40px 0 50px; box-sizing:border-box; background:var(--black); color:#fff; font-weight:300; }
.bus_list li div > img { margin-bottom:25px; width:150px; }

.business_icon { margin-bottom:125px; }
.business_icon { margin-top:120px; box-sizing:border-box; font-size:0; }
.business_icon:after { content:''; display:block; clear:both; }
.business_icon li { position:relative; width:20%; font-size:16px; display:inline-block; vertical-align:top; color:#fff; text-align:center; color:var(--blue100); font-weight:600; }
.business_icon li:after { content:''; display:inline-block; width:1px; height:170px; background:#bebebe; position:absolute; right:0; top:0; }
.business_icon li:last-child:after { display:none; }
.business_icon li img { display:block; margin:0 auto 30px; }
.business_icon li span { display:block; color:var(--black); font-weight:400; margin-top:3px;  }

.ceti_list { font-size:0; margin:0 auto 150px; }
.ceti_list li {  text-align:center; margin-right:1%; vertical-align:top; display:inline-block; width:19%; margin-bottom:40px; }
.ceti_list li:nth-child(5) { margin-right:0; }
.ceti_list li p { font-size:15px; color:var(--black); font-weight:500; margin-top:10px; }
.ceti_list li img { border:1px solid #bebebe; width:100%; box-sizing:border-box; }
.wcceti li { width:24.2%; }
.wcceti li:nth-child(4n+0) { margin-right:0; }
.wcceti li:nth-child(5) { margin-right:1%; } 

.barea_img { text-align:center; margin-bottom:120px; }
.barea_img.margin { margin:120px 0; }
.barea_img li { position:relative; margin-bottom:15px; }
.barea_img li img { width:100%; }
.green_point { width:30px; height:30px; cursor:pointer; margin:0 auto; margin-bottom:12px; border-radius:100%; box-sizing: content-box; background-repeat:no-repeat; background-size:100%; background-position:center;
background-image: url("../images/green_point.png"); }
.black_bname { display:none; background-color:#222; color:#fff; font-size:16px; padding:8px 18px; }
.pop_wh { display:none; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:600px; height:300px; padding:30px; background-color:#fff; }
.pop_wh > div { display:flex; gap:30px; }
.le_img { width:240px; height:240px; }
.le_img img { width:100%; height:100%; object-fit:cover; }
.ri_tit { font-size:40px; color:#222; font-weight:600; margin-top:-12px; }
.ri_list li { font-size:20px; text-align:left; color:#222; margin-bottom:10px; font-weight:400; }
.ri_list li:last-child { margin-bottom:0; }
.ri_txt { display:flex; justify-content:space-between; flex-flow:column; align-items: start; }
.ri_txt.row { justify-content:start; gap:10px; }
.pw_inner { display:none !important; }
.pw_inner.on { display:flex !important; }

.img_conts { position:absolute; text-align:center; min-width:128px; }
.img_conts:hover .black_bname { display: block; animation-name: dropdown; animation-duration: 500ms; animation-direction: normal; }
.img_conts.zc { top:47%; left:7%; }
.img_conts.dzc { top:53%; left:38%; }
.img_conts.cc { top:55%; left:45%; }
.img_conts.ic { top:50%; left:62%; }

.img_conts.wczc { top:52%; left:80%; }
.img_conts.wcdzc { top:58%; left:50%; }
.img_conts.wccc { top:52%; left:45%; }
.img_conts.wcic { top:52%; left:58%; }

.img_conts.shg { top:33%; left:17%; }
.img_conts.psg { top:75%; left:22%; }
.img_conts.trm { top:46%; left:30%; }
.img_conts.bsg { top:33%; left:57%; }
.img_conts.trm2 { top:52%; left:65%; }
.img_conts.psg2 { top:85%; left:80%; }


/* 오시는길 */
.map_list { margin-bottom:100px; }
.map_list ul { font-size:0; border-bottom:1px solid #eee; padding-bottom:25px; margin-bottom:25px; }
.map_list ul:last-child { border-bottom:0; }
.map_list ul li { width:50%; display:inline-block; vertical-align:top; font-size:18px; }
#daumRoughmapContainer1633418385292 { width:100% !important; }
#daumRoughmapContainer1633418733788 { width:100% !important; }
#daumRoughmapContainer1633418771101 { width:100% !important; }
#daumRoughmapContainer1633418793562 { width:100% !important; }
.root_daum_roughmap .wrap_btn_zoom { z-index:1 !important; }
.map_list ul .txt_area { padding-left:30px; box-sizing:border-box; }
.map_list ul li .map_tit:before { content:''; position:absolute; top:0; display:block; width:80px; height:3px; background:var(--blue100); }
.map_list ul li .map_tit { position:relative; color:var(--blue100); font-size:24px; font-weight:600; padding-top:15px; margin-bottom:30px; }
.map_list ul li .map_desk { color:var(--black); font-weight:300; margin-bottom:10px; }
.map_list ul li .map_desk span { font-weight:600; margin-right:15px; }

.board_skin { max-width:1280px; margin:0 auto 100px; }
.sc_top .navi { display:none; }
.sc_top { margin:100px 0 50px; text-align:center; }
.sc_top h2 { font-size:40px; color:var(--black); }

/* 푸터 */
#footer {  background:#f4f4f4; }
#footer .f_inner { max-width:1280px; display:flex; justify-content:space-between; align-items:center; margin:0 auto; padding:40px 0; box-sizing:border-box; }
#footer .f_inner h2 { width:190px; }
#footer .f_inner h2 img { width:100%; }
#footer .f_inner div { float:left; }
#footer .f_inner .company_info li { font-size:15px; color:#444; }
#footer .f_inner .copyright { font-size:15px; margin-top:10px; color:#999; }

.footer_map { font-size:15px; color:#444; border:1px solid #444; padding:5px 10px; border-radius:50px; }
.f_logo { height:100%; display:flex; align-items:center; border-left:1px solid #444; border-right:1px solid #444; padding:0 20px; }
.f_logo img { width:60px; }
.f_bck { background-color:#333333; }
.bck_inner { max-width:1280px; display:flex; align-items:center; margin:0 auto; height:75px; box-sizing:border-box; }
.bck_slide { position:relative; width:92%; height:100%; display:flex; align-items:center; padding:0 80px; }
.footerSwiper .swiper-slide img { width:100%;   image-rendering:-webkit-optimize-contrast; transform:translateZ(0); backface-visibility:hidden;}
.footerSwiper .swiper-wrapper { align-items:center; } 
.fs-next { right:26px !important; }
.fs-prev { left:26px !important; }
.fs-next::after, .fs-prev::after { color:#fff; font-size:10px; font-size:12px !important; }
.map_topimg { margin-bottom:25px; border-bottom:1px solid #eee; padding-bottom:25px; }

.vd_wrap { margin-bottom:100px; }
.vd_wrap.mt { margin-top:100px; }
.vd_flex { display:flex; width:100%; gap:20px; margin-top:20px; }
.vd_conts { width:50%; }
.zen_info { padding-top:50px; border-top:1px solid #eee; text-align:center; }
.zi_tit { font-size:40px; color:var(--black); font-weight:600; }
.zi_desk { font-size:22px; color:var(--black); margin-top:25px; }
.zen_list_wrap { margin:80px 0 100px; }
.zen_list { display:flex; gap:20px; }
.zen_list li { position:relative; width:50%; border:1px solid #eee; }
.zen_list li a { position:relative; }
.zl_txt { position:relative; padding:20px 20px; }
.zl_img { width:100%; height:auto; }
.zl_img img { width:100%; height:100%; object-fit:cover; }
.zlt_tit { font-size:20px; font-weight:600; color:var(--black); }
.zlt_desk { font-size:16px; margin-top:10px; }
.plus_icon { position:absolute; right:30px; top:50%; transform:translate(0,-50%); width:35px; height:35px; background-color:#222; border-radius:100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z'%3E%3C/path%3E%3C/svg%3E"); 
background-repeat:no-repeat; background-size:28px; background-position:center; }

/*----- button 3 -----*/
.zen_list li::before, .zen_list li::after{
  content:"";
  width: 0;
  height: 5px;
  position: absolute;
  transition: all 0.2s linear;
  background: #222;
}

.zen_list li a::before, .zen_list li a::after{
  content:"";
  width:5px;
  height:0;
  position: absolute;
  transition: all 0.2s linear;
  background: #222;
}
.zen_list li:hover::before, .zen_list li:hover::after{
  width: 100%;
  z-index:10;
}
.zen_list li:hover a::before, .zen_list li:hover a::after{
  height: 100%;
}
.btn-3::after{
  left: 0;
  bottom: 0;
  transition-delay: 0.6s;
}
.btn-3 a::after{
  transition-delay: 0.4s;
  right: 0;
  bottom: 0
}
.btn-3::before{
  right: 0;
  top: 0;
  transition-delay: 0.2s;
}
.btn-3 a::before{
  transition-delay: 0s;
  left: 0;
  top: 0;
}

.btn-3:hover::after{
  transition-delay: 0s;
}
.btn-3:hover a::after{
  transition-delay: 0.2s;
}
.btn-3:hover::before{
  transition-delay: 0.4s;
}
.btn-3:hover a::before{
  transition-delay: 0.6s;
}

.bns_wrap { display:flex; gap:50px; margin-top:100px; }
.bns_b { width:50%; display:flex; gap:20px; background-color:#f8f8f8; padding:20px; }
.bns_s { width:50%; }
.bnsb_img { width:55%; height:450px; }
.bnsb_img img { width:100%; height:100%; object-fit:cover; }
.bnsb_tit { font-size:25px; font-weight:600; color:var(--black); }
.bnsb_txt { width:45%; display:flex; flex-flow:column; justify-content:space-between; }
.bnsb_btn { padding:10px 25px; background-color:#222; border:3px solid #222; color:#fff; align-self: flex-end; font-weight:600; }
.bnsb_btn:hover { background-color:#fff; color:#222;  -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.bnss_list { margin-top:18px; }
.bnss_list li { position:relative; border-bottom:1px solid #ddd; padding:20px 0; font-size:30px; color:var(--black); text-align:right; }
.bnss_list li:first-child { border-top:1px solid #ddd; }
.bnss_list li span { position:absolute; left:0; top:10px; font-size:16px; text-align:left; }
.bnss_tit { font-size:30px; color:var(--black); font-weight:600; }
.hp_img_wrap { margin-top:100px; }
.hi_big { position:relative; width:100%; height:auto; border:1px solid #eee; }
.hi_big img { width:100%; height:100%; object-fit:cover; }
.hi_list { display:flex; align-items:center; gap:10px; margin-top:10px; }
.hi_list::after { display:none; }
.hi_list li { position:relative; height:240px; border:1px solid #eee; font-size:0; cursor:pointer; }
.hi_list li img { width:100%; height:100%; object-fit:cover; transition: transform 0.3s; }
.hi_plus { position:absolute; right:15px; bottom:15px; width:35px; height:35px; background-color:#222; border-radius:100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z'%3E%3C/path%3E%3C/svg%3E"); 
background-repeat:no-repeat; background-size:28px; background-position:center; pointer-events: none; }
.hi_plus.green { background-color:#0c5332; }
 .overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.overlay img {
	max-width: 60%;
}

.close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	border: none;
	width: 40px;
	height: 40px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z'%3E%3C/path%3E%3C/svg%3E");
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:transparent;
}
.yellow_point { width:25px; height:25px; cursor:pointer; margin:0 auto; margin-bottom:12px; border-radius:100%; background-color:#f7931d; background-repeat:no-repeat; background-size:17px; background-position:center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z'%3E%3C/path%3E%3C/svg%3E"); }
.black_name { display:none; background-color:#222; color:#fff; font-size:14px; padding:8px 18px; }

.hb_conts { position:absolute; text-align:center; min-width:116px; }
.hb_conts:hover .black_name { display: block; animation-name: dropdown; animation-duration: 500ms; animation-direction: normal; }
.hb_conts.gc { top:57%; left:11%; }
.hb_conts.bc { top:53%; left:31%; }
.hb_conts.tc { top:41%; left:42%; }
.hb_conts.jb { top:36%; left:51%; }
.hb_conts.jg { top:36%; left:57%; }
.hb_conts.hp { top:28%; left:69%; }

@keyframes dropdown {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
  }
}