@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* for styles */
@import url("default.css");

/* layout */
html, body {width:100%; overflow-x:hidden; word-break:keep-all; -webkit-text-size-adjust:100%;}
input[type="text"],
input[type="password"],
select,
textarea {border:#ddd 1px solid; max-width:100%; border-radius:4px;}
input[type="text"],
input[type="password"],
select {height:30px; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url('/pub/images/arrow_select.svg') no-repeat right 10px center / 10px;}
textarea {padding:10px;}
button,a {transition:.2s linear; -webkit-tap-highlight-color:transparent;}
a.smoth_link {scroll-behavior:smooth;}
.imgfit img {width:100%; height:100%; object-fit:cover;}

.inner {width:100%; max-width:1480px; margin:0 auto; padding:0 20px;}
span.br {display:block;}
.mo_vw,
.tb_vw {display:none !important;}

.btn {display:block; width:200px; height:50px; line-height:50px; font-size:18px; color:#fff; background:#000; border-radius:25px; text-align:center;}
.btn.ib {display:inline-block; vertical-align:top;}
.btn.mt {margin-top:10px;}
.btn.mt2 {margin-top:20px;}
.btns .btn {margin:0 10px;}

.green {color:#00ABAD !important;}

::-webkit-scrollbar {width:10px; height:10px;}
::-webkit-scrollbar-thumb {background-color:#005454; border-radius:10px; background-clip:padding-box; border:2px solid #fff;}
::-webkit-scrollbar-track {background-color:#f5f5f5; border-radius:10px; box-shadow:inset 0px 0px 5px white;}

/* overflow:hidden; ios 스크롤 막기 설정 */
html.over_h,body.over_h,
html.fancybox-lock, html.fancybox-lock body {touch-action:none; overflow-scrolling:none; -webkit-overflow-scrolling:none; overscroll-behavior:none;}

/* 높이값 설정 */
.height_vh {height:100vh; max-height:calc(var(--vh, 1vh) * 100);}

/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#005454; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	body {overflow:hidden;}
	body .ie_wrap {display:block;}
}

.blind_link a {position:fixed; top:0; left:0; width:100%;font-size:0; text-align:center; z-index:101;}
.blind_link a:active,
.blind_link a:focus {font-size:20px; color:#fff; background:#000; padding:20px;}

/* 게시판 목록 */
.board_list {border-top:#222 2px solid;}
.board_list col.w1 {width:110px;}
.board_list col.w2 {width:180px;}
.board_list th,
.board_list td {text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {font-size:17px; color:#000; font-weight:500; height:65px;}
.board_list td {font-size:18px; color:#999; font-weight:300; height:80px;}
.board_list td.tal a {position:relative; color:#444; font-weight:400; line-height:80px; display:inline-block; vertical-align:top; max-width:100%; padding-right:23px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list td.notice i {display:inline-block; vertical-align:middle; font-size:15px; color:#fff; font-weight:400; line-height:25px; height:25px; width:50px; text-align:center; border-radius:3px; background:#005454; margin-right:12px;}
.board_list td.new a:after {content:""; position:absolute; top:0; right:0; display:block; vertical-align:top; width:15px; height:100%; background:url('/pub/images/icon_new.svg') no-repeat 50% 50% / contain; margin-left:8px;}

.board_search {background:#F9FBFB; padding:50px 20px; text-align:center; border-radius:10px; margin-bottom:60px; display:flex; justify-content:center; align-items:center;}
.board_search .text,
.board_search .search {display:inline-block; vertical-align:top; height:60px;}
.board_search select.text {width:200px;}
.board_search input.text {width:280px; margin:0 10px; outline:0; transition:.2s linear;}
.board_search input.text:focus {border-color:#999;}
.board_search .search {width:60px; border:0; background:url('/pub/images/icon_search.svg') no-repeat #222 50% 50%; border-radius:3px;}

.board_bottom .btns {overflow:hidden; margin-top:20px;}
.board_bottom .btns .btn {display:inline-block; width:80px; height:30px; line-height:30px; background:#005454; color:#fff; font-weight:bold; text-align:center; border:0; border-radius:4px; vertical-align:top;}
.board_bottom .paging {margin-top:60px; text-align:center; font-size:0;}
.board_bottom .paging a {display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; border:0; border-radius:5px; font-size:15px; color:#444; vertical-align:top; margin:0 1px;}
.board_bottom .paging a.on {background:#005454; color:#fff; border-color:#005454;}
.board_bottom .paging .nums {margin:0 10px;}
.board_bottom .paging .arrow {position:relative; border:#ddd 1px solid;}
.board_bottom .paging .arrow:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#ddd; mask:no-repeat 50% 50%; -webkit-mask:no-repeat 50% 50%; transition:.2s linear;}
.board_bottom .paging .arrow.first {margin-right:5px;}
.board_bottom .paging .arrow.first:before {mask-image:url('/pub/images/page_first.svg'); -webkit-mask-image:url('/pub/images/page_first.svg');}
.board_bottom .paging .arrow.prev {margin-right:8px;}
.board_bottom .paging .arrow.prev:before {mask-image:url('/pub/images/page_prev.svg'); -webkit-mask-image:url('/pub/images/page_prev.svg');}
.board_bottom .paging .arrow.next {margin-left:8px;}
.board_bottom .paging .arrow.next:before {mask-image:url('/pub/images/page_next.svg'); -webkit-mask-image:url('/pub/images/page_next.svg');}
.board_bottom .paging .arrow.last {margin-left:5px;}
.board_bottom .paging .arrow.last:before {mask-image:url('/pub/images/page_last.svg'); -webkit-mask-image:url('/pub/images/page_last.svg');}

/* 게시판 상세 */
.board_view .tit {position:relative; font-size:34px; color:#222; font-weight:600; line-height:40px; padding-bottom:20px; border-bottom:#222 1px solid;}
.board_view .tit .date {position:absolute; top:0; right:0; font-size:18px; color:#999; font-weight:300;}
.board_view .file {border-bottom:#ddd 1px solid; text-align:right;}
.board_view .file a {display:inline-block; vertical-align:top; line-height:60px;}
.board_view .file a i {display:inline-block; vertical-align:top; width:17px; height:60px; background:url('/pub/images/icon_down.svg') no-repeat 50% 50% / contain; margin:0 9px;}
.board_view .con,
.board_view .con * {font-family:'Pretendard' !important;}
.board_view .con {padding:40px 20px; border-bottom:#ddd 1px solid; line-height:1.3;}
/* .board_view .con br {display:none;}
.board_view .con table td {border:#ddd 1px solid !important; padding:10px;} */
.board_view .btns {position:relative; margin-top:40px;}
.board_view .btns .btn_list {display:block; font-size:16px; color:#fff; font-weight:400; line-height:40px; height:40px; width:80px; border-radius:5px; background:#005454; font-family:'Montserrat'; margin:0 auto; text-align:center;}
.board_view .btns .arrow {position:absolute; top:0; width:40px; height:40px; border:#ccc 1px solid; border-radius:5px;}
.board_view .btns .arrow:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#ddd; mask:no-repeat 50% 50%; -webkit-mask:no-repeat 50% 50%; transition:.2s linear;}
.board_view .btns .prev {left:0;}
.board_view .btns .prev:before {mask-image:url('/pub/images/page_prev.svg'); -webkit-mask-image:url('/pub/images/page_prev.svg');}
.board_view .btns .next {right:0;}
.board_view .btns .next:before {mask-image:url('/pub/images/page_next.svg'); -webkit-mask-image:url('/pub/images/page_next.svg');}

/* header */
.header {position:fixed; top:-50px; left:0; opacity:0; width:100%; height:100px; border-bottom:rgba(255,255,255,.2) 1px solid; z-index:100; animation:header 2s forwards; transition:.2s linear;}
@keyframes header {
	0% {top:-50px; opacity:0;}
	100% {top:0; opacity:1;}
}
.header .logo {position:absolute; top:0; left:60px; line-height:100px; font-size:0; background:url('/pub/images/logo.svg') no-repeat 50% 50% / contain;}
.header .logo img {opacity:0;}
.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}
.header .btn_menu {position:absolute; top:0; right:0; width:100px; height:100px; background:#005454;}
.header .btn_menu p {position:absolute; top:50%; left:50%; width:24px; height:2px; background:#fff; border-radius:2px; margin-left:-12px; transition:.2s linear;}
.header .btn_menu .t {margin-top:-7px;}
.header .btn_menu .m {margin-top:-1px;}
.header .btn_menu .b {margin-top:5px;}
.header .gnb > ul {display:flex; justify-content:center;}
.header .gnb > ul > li {position:relative;}
.header .gnb > ul > li > a {display:block; font-size:18px; color:#fff; font-weight:500; line-height:100px; padding:0 50px;}
.header .gnb > ul > li.on > a {opacity:.7;}
.header .gnb .snb {position:absolute; top:100px; left:-10%; width:120%; height:0; overflow:hidden; background:rgba(255,255,255,.6); border-radius:10px; border:#ddd 0 solid; transition:.2s linear; backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px);}
.header .gnb .snb a {display:block; font-size:15px; color:#333; line-height:20px; text-align:center; padding:10px 0;}
.header .gnb .snb .on a {color:#ED6D04;}
.header .langs {position:absolute; top:0; right:160px; display:flex; gap:20px;}
.header .langs a {display:block; font-size:15px; color:#fff; font-weight:600; line-height:100px; opacity:.5; font-family:'Poppins';}
.header .langs a.on {opacity:1;}
.header .sitemap {position:fixed; top:100px; left:100%; width:100%; height:calc(100vh - 100px); max-height:calc((var(--vh, 1vh) * 100) - 100px); opacity:0; transition:.4s linear;}
.header .sitemap > ul {display:flex; justify-content:space-between; height:100%;}
.header .sitemap > ul > li {width:calc(20% - 1px); background:rgba(0,0,0,.85); padding:110px 0; text-align:center;}
.header .sitemap > ul > li:first-child {width:20%;}
.header .sitemap > ul > li > a {display:flex; align-items:flex-end; justify-content:center; font-size:26px; color:#fff; font-weight:700; line-height:30px; height:30px; margin-bottom:40px;}
.header .sitemap > ul > li > a span {display:block; height:0; opacity:0; overflow:hidden;}
.header .sitemap > ul > li.on {background:rgba(0,0,0,.9);}
.header .sitemap .snb > li > a {display:block; font-size:18px; color:#fff; font-weight:300; line-height:28px; padding:15px;}
.header .sitemap .snb > li.on > a {color:#00abad;}
.header .sitemap .depth {display:none;}
.header .sitemap .depth a {display:block; font-size:16px; color:#999; font-weight:300; line-height:20px; padding:10px;}
.header .sitemap .depth a.on {color:#00abad; opacity:.9;}

.header.fixed {background:rgba(0,0,0,.7);}
/* .header.fixed .logo {background-image:url('/pub/images/logo_b.svg');}
.header.fixed .gnb > ul > li > a,
.header.fixed .langs a {color:#231f20;} */

.header.on {background:rgba(0,0,0,.7);}
.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
.header.on .btn_menu .m {width:0; margin-left:0;}
.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
.header.on .logo {background-image:url('/pub/images/logo.svg');}
.header.on .gnb > ul > li > a,
.header.on .langs a {color:#fff;}
.header.on .sitemap {left:0; opacity:1;}
.header.on .sitemap > ul > li > a span {height:0; opacity:0; animation:sitemap_g 1s forwards; animation-delay:.4s;}
@keyframes sitemap_g {
	0% {height:0; opacity:0;}
	100% {height:30px; opacity:1;}
}
.header.on .sitemap .snb {opacity:0; transform:translate(50px,0); overflow:hidden; animation:sitemap_s 2s forwards; animation-delay:.8s;}
@keyframes sitemap_s {
	0% {opacity:0; transform:translate(0,50px);}
	100% {opacity:1; transform:translate(0,0);}
}

/* footer */
.footer {background:#272622;}
.footer .inner {position:relative;}
.footer .links {display:flex; gap:33px; padding:25px 0; border-bottom:rgba(255,255,255,.05) 1px solid;}
.footer .links li {position:relative;}
.footer .links li:after {content:""; position:absolute; top:50%; right:-18px; width:3px; height:3px; background:rgba(255,255,255,.1); border-radius:50%; margin-top:-2px;}
.footer .links li:last-child:after {display:none;}
.footer .links a {display:block; font-size:15px; color:#fff; line-height:20px;}
.footer .links a b {color:#00ABAD;}
.footer .address {padding:30px 0 60px; display:flex; flex-wrap:wrap; gap:20px 26px; font-size:15px;}
.footer .address span {color:rgba(255,255,255,.4); font-weight:300; line-height:20px;}
.footer .address b {color:rgba(255,255,255,.8); margin-right:10px;}
.footer .address .copy {width:100%; color:rgba(255,255,255,.15); font-weight:300; line-height:20px;}
.gotop {position:fixed; bottom:80px; right:80px; width:20px; display:flex; flex-direction:column; z-index:-10; opacity:0;}
.gotop.on {animation:gotopon 1s forwards;}
.gotop span {order:2; display:block; font-size:15px; color:#000; line-height:20px; transform:rotate(90deg); letter-spacing:2px; transition:.2s linear;}
.gotop i {order:1; display:block; width:20px; height:20px; background:#000; mask:url('/pub/images/arrow_gotop.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_gotop.svg') no-repeat 50% 50% / contain; margin-bottom:15px; animation:mv_scroll 2s infinite; transition:.2s linear;}
.gotop.unfixed {z-index:10; opacity:1;}
.gotop.unfixed span {color:#fff;}
.gotop.unfixed i {background:#fff;}
@keyframes gotopon {
	0% {opacity:0; z-index:-10;}
    100% {opacity:1; z-index:10;}
}

/* main */
.mvisual_wrap {position:relative;}
.gotop_height {position:absolute; top:0; left:0; width:0; height:100%;}
.mvisual .slick-slide {position:relative; height:980px; max-height:calc(var(--vh, 1vh) * 100); overflow:hidden; font-size:0;}
.mvisual .slick-slide img {position:absolute; top:0; left:50%; width:auto; height:100%; min-width:1920px; transform:translate(-50%,0);}
.mvisual_wrap .mv_txt {position:absolute; top:50%; left:50%; width:100%; max-width:1480px; padding:0 20px; transform:translate(-50%,-50%);}
.mvisual_wrap .mv_txt span.poppins {display:flex; font-size:16px; color:#fff; font-weight:500; line-height:24px; letter-spacing:10px; margin-bottom:50px;}
.mvisual_wrap .mv_txt span.poppins span {animation:mv_txt_span 1s linear forwards; transform:translate(20px,0); opacity:0;}
.mvisual_wrap .mv_txt span.poppins span.ml {margin-left:15px;}
@keyframes mv_txt_span {
	0% {transform:translate(20px,0); opacity:0;}
	100% {transform:translate(0,0); opacity:1;}
}
.mvisual_wrap .mv_txt .tt {display:block; font-size:52px; color:#fff; font-weight:600; line-height:80px;}
.mvisual_wrap .mv_txt .tt .words {display:flex;}
.mvisual_wrap .mv_txt .tt .words div {display:flex;}
.mvisual_wrap .mv_txt .tt .words span {position:relative; animation:mv_txt_tt 1s linear forwards; opacity:0; transform:translate(30px,0);}
.mvisual_wrap .mv_txt .tt .words span.ml {margin-left:10px;}
@keyframes mv_txt_tt {
	0% {transform:translate(30px,0); opacity:0;}
	100% {transform:translate(0,0); opacity:1;}
}
.mvisual_wrap .mv_txt .navi {display:flex; margin-top:90px;}
.mvisual_wrap .mv_txt .navi * {height:50px; line-height:50px;}
.mvisual_wrap .mv_txt .navi .play_pause {position:relative; width:50px; margin-right:30px;}
.mvisual_wrap .mv_txt .navi .play_pause > * {width:100%; display:none;}
.mvisual_wrap .mv_txt .navi .play_pause > *.on {display:block;}
.mvisual_wrap .mv_txt .navi .play {background:#fff; mask:url('/pub/images/icon_play.svg') no-repeat 50% 50% / 10px; -webkit-mask:url('/pub/images/icon_play.svg') no-repeat 50% 50% / 10px; display:none;}
.mvisual_wrap .mv_txt .navi .pause {position:relative;}
.mvisual_wrap .mv_txt .navi .pause:before,
.mvisual_wrap .mv_txt .navi .pause:after {content:""; position:absolute; top:50%; left:50%; width:2px; height:10px; background:#fff; margin-top:-5px;}
.mvisual_wrap .mv_txt .navi .pause:before {margin-left:-4px;}
.mvisual_wrap .mv_txt .navi .pause:after {margin-left:2px;}
.mvisual_wrap .mv_txt .navi .pro_round {position:absolute; top:0; left:0; width:100%; height:100%; display:block; transform:rotate(-90deg); z-index:-1;}
.mvisual_wrap .mv_txt .navi .pro_round:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:rgba(255,255,255,.3) 3px solid; border-radius:50%;}
.mvisual_wrap .mv_txt .navi .pro_round .progress circle {stroke:#fff; stroke-width:3; fill:transparent;}
.mvisual_wrap .mv_txt .navi .pro_round.off .progress circle {stroke-dashoffset:-144 !important;}
.mvisual_wrap .mv_txt .arrow {position:relative; /* width:27px; */ width:50px;}
.mvisual_wrap .mv_txt .arrow:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/arrow_mv.svg') no-repeat 50% 50%;}
.mvisual_wrap .mv_txt .mv_next:before {transform:rotate(180deg);}
.mvisual_wrap .mv_txt .mv_paging {margin:0 40px;}
.mvisual_wrap .mv_txt .slick-dots {position:relative;}
.mvisual_wrap .mv_txt .slick-dots li {display:none; font-size:15px; color:rgba(255,255,255,.5); }
.mvisual_wrap .mv_txt .slick-dots li.slick-active {display:flex; align-items:center;}
.mvisual_wrap .mv_txt .slick-dots li em {width:2px; height:2px; background:#fff; border-radius:50%; margin:0 8px;}
.mvisual_wrap .mv_txt .slick-dots li strong {color:#00ABAD;}
.mvisual_wrap .scroll {position:absolute; bottom:80px; right:80px; z-index:20; width:20px;}
.mvisual_wrap .scroll span {display:block; font-size:15px; color:#fff; line-height:20px; transform:rotate(-90deg); letter-spacing:2px;}
.mvisual_wrap .scroll i {display:block; width:20px; height:20px; background:url('/pub/images/arrow_scroll.svg') no-repeat 50% 50% / contain; margin-top:15px; animation:mv_scroll 2s infinite;}
@keyframes mv_scroll {
	0% {transform:translate(0,0);}
	50% {transform:translate(0,-5px);}
	100% {transform:translate(0,0);}
}

.mcon01 {position:relative; background:url('/pub/images/bg_mcon01.png') no-repeat top center / cover; overflow:hidden;}
.mcon01 .inner {position:relative; padding-bottom:150px; display:flex; justify-content:flex-end;}
.mcon01 .point {position:absolute;}
.mcon01 .point_fixed_start_before {top:-30vh;}
.mcon01 .point_fixed_start {top:0;}
.mcon01 .point_fixed_end {bottom:100vh;}

.mcon01 .tit_box {position:absolute; top:-20px; left:calc(50% - 720px); width:330px; height:100vh; max-height:calc(var(--vh, 1vh) * 100); transition:.4s linear; display:flex; flex-direction:column; justify-content:center; color:#000;}
.mcon01 .tit_box > * {display:block;}
.mcon01 .tit_box span {font-size:34px; color:#333; font-weight:600; line-height:40px; margin-bottom:20px;}
.mcon01 .tit_box strong {position:relative; font-size:68px; color:#005454; font-weight:900; line-height:88px; padding-bottom:40px; margin-bottom:40px;}
.mcon01 .tit_box strong:before,
.mcon01 .tit_box strong:after {content:""; position:absolute; left:0;}
.mcon01 .tit_box strong:before {bottom:0; width:100%; height:1px; background:#ddd;}
.mcon01 .tit_box strong:after {bottom:-1px; width:100px; height:3px; background:#005454;}
.mcon01 .tit_box p {font-size:18px; color:#666; font-weight:300; line-height:32px;}

.mcon01 .list_box {width:53.5%; padding-top:400px; display:flex; flex-wrap:wrap; gap:100px 70px;}
.mcon01 .list_box .ani {position:relative; perspective:600px; -webkit-perspective:600px; width:calc(50% - 45px); height:480px;}
.mcon01 .list_box .ani1 {margin-top:140px;}
.mcon01 .list_box .ani4 {margin-top:-140px;}
.mcon01 .list_box a {position:relative; display:flex; flex-direction:column; justify-content:flex-end; width:100%; height:100%; border-radius:30px; padding:42px 30px 35px; letter-spacing:-1px; box-shadow:rgba(0,0,0,.18) 0 10px 30px; overflow:hidden; z-index:1; /* transform:translate(0,40vh); */ transition:1s; transform:translateY(40vh) rotateX(-30deg); transform-origin:center top; transform-style:preserve-3d;}
.mcon01 .list_box a:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat 50% 50% / cover; z-index:-1; transition:.6s linear;}
.mcon01 .list_box a.show {transform:translate(0px, 0px);}
.mcon01 .list_box .a1:before {background-image:url('/pub/images/img_mc01_01.jpg');}
.mcon01 .list_box .a2:before {background-image:url('/pub/images/img_mc01_02.jpg');}
.mcon01 .list_box .a3:before {background-image:url('/pub/images/img_mc01_03.jpg');}
.mcon01 .list_box .a4:before {background-image:url('/pub/images/img_mc01_04.jpg');}
.mcon01 .list_box a .text {display:flex; flex-direction:column;}
.mcon01 .list_box .point {position:absolute; top:-70vh;}
.mcon01 .list_box a > * {display:block;}
.mcon01 .list_box .t {font-size:15px; color:rgba(255,255,255,.6); font-weight:300; line-height:20px;}
.mcon01 .list_box strong {font-size:34px; color:#fff; font-weight:600; line-height:40px; margin-top:12px;}
.mcon01 .list_box p {font-size:15px; line-height:26px;}
	/* 최고 수준의 서비스 진입시 */
.mcon01.landing_before .tit_box {top:0;}
.mcon01.landing .tit_box {position:fixed; top:0;}
.mcon01.landing .list_box li .text,
.mcon01.landing_end .list_box li .text {position:relative;}
.mcon01.landing_end .tit_box {position:absolute; top:auto; bottom:0;}

.mcon02 {position:relative; padding:190px 0;}
.mcon02 .bg {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; background:#F9FBFB;}
.mcon02 .bg li {width:50%; height:100%;}
.mcon02 .bg li.left {background:url('/pub/images/bg_mcon02.jpg') no-repeat 50% 50% / cover; border-radius:0 150px 0 0; overflow:hidden;}
.mcon02 .inner {position:relative; z-index:1; height:520px; display:flex; align-items:center;}
.mcon02 .tit {width:490px;} 
.mcon02 .tit .tt {font-size:52px; color:#fff; line-height:70px;}
.mcon02 .tit p {font-size:18px; color:rgba(255,255,255,.57); font-weight:300; line-height:32px; margin:30px 0 130px;}
.mcon02 .tit .more {display:block; font-size:20px; color:#fff; font-weight:500; line-height:58px; height:60px; width:210px; border:#fff 1px solid; border-radius:30px; text-align:center;}
.mc2_slide_wrap {position:relative; width:calc(100% - 490px);}
.mc2_slide {position:relative; margin-left:-36px;}
.mc2_slide .slick-list {width:calc(100% + ((100vw - 1440px)/2)); padding-right:calc((100vw - 1440px)/2);}
.mc2_slide .slick-slide {padding-left:36px;}
.mc2_slide a {position:relative; display:block; background:#fff; border:#ebebeb 1px solid; padding:48px 40px 40px; height:520px; border-radius:5px;}
.mc2_slide a * {display:block;}
.mc2_slide a p * {display:inline;}
.mc2_slide strong {font-size:16px; color:#005454; line-height:24px;}
.mc2_slide .tt {font-size:26px; color:#333; font-weight:700; line-height:40px; height:80px; overflow:hidden; margin:40px 0;}
.mc2_slide .cn {font-size:18px; color:#666; font-weight:300; line-height:32px; max-height:124px; overflow:hidden; letter-spacing:-1px;}
.mc2_slide .cn div {display:inline;}
.mc2_slide .date {position:absolute; bottom:40px; left:40px; font-size:15px; color:#999; font-weight:300; line-height:18px;}
.mc2_slide .slick-current a {border-color:#005454;}
.mc2_slide_wrap .btns {position:absolute; top:-60px; right:0; display:flex;}
.mc2_slide_wrap .btns:before {content:""; position:absolute; top:50%; left:50%; width:1px; height:12px; background:#ddd; margin-top:-6px;}
.mc2_slide_wrap .btns button {position:relative; display:block; font-size:16px; color:#ddd; font-weight:700; line-height:24px; font-family:'Poppins';}
.mc2_slide_wrap .btns button:before {content:""; position:absolute; top:0; width:20px; height:100%; background:#ddd; mask:url('/pub/images/arrow_prev.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_prev.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.mc2_slide_wrap .btns .mc2_prev {padding:0 24px 0 30px;}
.mc2_slide_wrap .btns .mc2_prev:before {left:0;}
.mc2_slide_wrap .btns .mc2_next {padding:0 30px 0 24px;}
.mc2_slide_wrap .btns .mc2_next:before {right:0; transform:scale(-1);}

.mcon03 {background:url('/pub/images/bg_mcon03.jpg') no-repeat 50% 50% / cover; padding:100px 0 65px;}
.mcon03 .text_area {padding-left:50%; transition:.2s linear;}
.mcon03 .title {font-size:52px; color:#fff; font-weight:600; line-height:70px; text-align:center;}
.mcon03 .tel {text-align:center; margin:10px 0 30px;}
.mcon03 .tel span {position:relative; font-size:16px; color:#fff; font-weight:300; line-height:20px; padding-left:24px; background:url('/pub/images/icon_tel.svg') no-repeat 0 2px;}
.mcon03 .tar {text-align:right; font-size:15px; color:#fff; font-weight:300; margin-bottom:12px;}
.mcon03 .tar b {color:#00ABAD; font-weight:400;}
.mcon03 .inputs {display:flex; flex-wrap:wrap; gap:20px 16px;}
.mcon03 dl {width:calc(50% - 8px); background:rgba(255,255,255,.15); border-radius:5px; display:flex; border:transparent 2px solid; transition:.2s linear;}
.mcon03 dl.on {border-color:#fff;}
.mcon03 dt,
.mcon03 dd {font-size:18px; font-weight:300; line-height:56px;}
.mcon03 dt {width:100px; color:#fff;}
.mcon03 dt label {display:block; padding-left:20px;}
.mcon03 dd {width:calc(100% - 100px);}
.mcon03 .capcha_wrap {background:none; border:0;}
.mcon03 .capcha_wrap dt {line-height:50px;}
.mcon03 .capcha_wrap dt label {padding-left:0;}
.mcon03 .capcha_wrap .re,
.mcon03 .capcha_wrap .text {background-color:rgba(255,255,255,.15);}
.mcon03 .capcha_wrap .img {border:0;}
.mcon03 .capcha_wrap .re {background-image:none; border:0;}
.mcon03 .capcha_wrap .re:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; mask:url('/pub/images/arrow_re.svg') no-repeat 50% 50% / 16px; -webkit-mask:url('/pub/images/arrow_re.svg') no-repeat 50% 50% / 16px;}
.mcon03 .capcha_wrap .text {border:transparent 2px solid;}
.mcon03 .capcha_wrap .text:focus {border-color:#fff;}
.capcha .re {position:relative; background:url('/pub/images/arrow_re.svg') rgba(255,255,255,.15) no-repeat 50% 50% / 16px;}
.capcha {display:flex;}
.capcha * {border-radius:5px; background:#fff;}
.capcha .img,
.capcha .re,
.capcha .text {border:#ddd 1px solid;}
.capcha .img {width:140px; height:50px; font-size:0; overflow:hidden;}
.capcha .img img {width:100%; height:100%; object-fit:cover; vertical-align:top;}
.capcha .re {width:50px; height:50px; margin:0 10px;}
.capcha .text {width:120px; height:50px; padding:0 10px; transition:.2s linear;}
.capcha .text:focus {border-color:#999;}
.mcon03 input,
.mcon03 textarea {display:block; border:0; background:none; outline:0; width:100%; padding:18px 0; color:#fff;}
.mcon03 input {height:56px;}
.mcon03 ::placeholder {color:rgba(255,255,255,.3);}
.mcon03 .radios {display:flex; gap:30px; padding:18px 0;}
.mcon03 label.radio,
.mcon03 label.check {color:#fff;}
.mcon03 label.check {display:block; width:100%; margin-top:15px;}
.mcon03 label.radio i,
.mcon03 label.check i {border:#fff 1px solid;}
.mcon03 label.radio i:before,
.mcon03 label.check i:before {background:#00ABAD;}
.mcon03 label.radio input:checked + i:before {width:6px; height:6px;}
.mcon03 textarea {height:160px; line-height:20px;}
.mcon03 .btn_submit {display:block; font-size:20px; color:#fff; font-weight:500; line-height:60px; height:60px; width:210px; background:#005454; border-radius:30px; margin:40px auto 0;}

/* 공통 */
label.radio,
label.check {position:relative; padding-left:30px; font-size:18px; line-height:20px;}
label.radio input,
label.check input {display:none;}
label.radio i,
label.check i {position:absolute; top:0; left:0; width:20px; height:20px; border:#707070 1px solid;}
label.radio i {border-radius:50%;}
label.check i {border-radius:2px;}
label.radio i:before,
label.check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#005454; transform:translate(-50%,-50%); transition:.2s linear;}
label.radio i:before {border-radius:50%;}
label.check i:before {border-radius:2px;}
label.radio input:checked + i:before,
label.check input:checked + i:before {width:14px; height:14px;}

/* sub */
/* 서브페이지 임시 설정 */
.before_image {position:relative;}
.before_image img {position:relative; top:0; left:50%; max-width:none; transform:translate(-50%,0);}

.svisual {position:relative; height:600px; box-shadow:rgba(0,0,0,.16) 0 10px 30px; overflow:hidden;}
.svisual:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat 50% 50% / cover; transform:scale(1.05); animation:sv_img 4s forwards;}
@keyframes sv_img {
	0% {transform:scale(1.05);}
	100% {transform:scale(1);}
}
.svisual .inner {position:relative; display:flex; flex-direction:column; justify-content:flex-end; height:100%; padding:60px 20px; z-index:1;}
.svisual .location {position:relative; display:flex; font-size:15px; color:#fff; font-weight:300;}
.svisual .location > * {position:relative; height:20px; line-height:20px; left:40px; opacity:0; animation:sv_location 2s forwards;}
@keyframes sv_location {
	0% {left:40px; opacity:0;}
	100% {left:0; opacity:1;}
}
.svisual .location i {display:block; width:12px; background:url('/pub/images/icon_home.svg') no-repeat 50% 50%;}
.svisual .location em {width:34px; background:url('/pub/images/arrow_location.svg') no-repeat 50% 50%;}
.svisual .location span {color:rgba(255,255,255,.6)}
.svisual .location strong {font-weight:300;}
.svisual h2 {font-size:68px; color:#fff; font-weight:400; line-height:80px; margin-top:20px;}
.svisual h2 span {position:relative; left:40px; opacity:0; animation:sv_location_h2 2s forwards;}
@keyframes sv_location_h2 {
	0% {left:40px; opacity:0;}
	100% {left:0; opacity:1;}
}
.svisual.g01.s01:before {background-image:url('/pub/images/svisual0101.jpg');}
.svisual.g01.s02:before {background-image:url('/pub/images/svisual0102.jpg');}
.svisual.g01.s03:before {background-image:url('/pub/images/svisual0103.jpg');}
.svisual.g01.s04:before {background-image:url('/pub/images/svisual0104.jpg');}
.svisual.g01.s05:before {background-image:url('/pub/images/svisual0105.jpg');}
.svisual.g01.s06:before {background-image:url('/pub/images/svisual0106.jpg');}
.svisual.g02.s01:before {background-image:url('/pub/images/svisual0201.jpg');}
.svisual.g02.s02:before {background-image:url('/pub/images/svisual0202.jpg');}
.svisual.g02.s03:before {background-image:url('/pub/images/svisual0203.jpg');}
.svisual.g03:before {background-image:url('/pub/images/svisual03.jpg');}
.svisual.g04.s01:before {background-image:url('/pub/images/svisual0401.jpg');}
.svisual.g04.s02:before {background-image:url('/pub/images/svisual0402.jpg'); background-position:80% 50%;}
.svisual.g04.s03:before {background-image:url('/pub/images/svisual0403.jpg');}
.svisual.g05:before {background-image:url('/pub/images/svisual05.jpg');}
.svisual.g06.s01:before {background-image:url('/pub/images/svisual0601.jpg');}
.svisual.g06.s02:before {background-image:url('/pub/images/svisual0602.jpg');}
.svisual.g06.s03:before {background-image:url('/pub/images/svisual0603.jpg');}
.svisual.g06.s04:before {background-image:url('/pub/images/svisual0604.jpg');}
.svisual.g07:before {background-image:url('/pub/images/svisual07.jpg');}

[data-aos^=fade][data-aos^=fade].aos-animate {transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}

.container {padding:110px 0 140px; font-size:18px; color:#222; font-weight:300; line-height:32px;}
.container.inner {padding:110px 20px 140px;}
.container .title {position:relative; font-size:52px; color:#222; font-weight:700; line-height:60px; text-align:center; padding-bottom:44px; margin-bottom:50px;}
.container .title:after {content:""; position:absolute; bottom:0; left:50%; width:60px; height:1px; background:#ddd; transform:translate(-50%,0);}
.container .title_l {position:relative; font-size:71px; color:#222; line-height:80px; margin-bottom:100px;}
.container .title_l em {position:absolute; top:-10px; right:0; font-size:120px; color:#eee; font-weight:600; line-height:100px;}
.container .title.nonb {padding-bottom:0; margin-bottom:75px;}
.container .title.nonb:after {display:none;}
.container .ctit {text-align:center; margin-bottom:80px;}
.container .ctit strong {font-size:34px; color:#005454; font-weight:600; line-height:40px;}
.container .ctit p {color:#666; font-weight:400; line-height:30px; margin-top:10px;}
.container .gtit {font-size:34px; color:#005454; font-weight:600; line-height:40px; text-align:center; margin:120px 0 80px;}
.container .gtit p {font-size:24px; color:#222; font-weight:400; line-height:36px; margin-top:20px;}

.tabs {display:flex; flex-wrap:wrap; width:720px; max-width:100%; margin:0 auto 120px; border:#eee 1px solid;}
.tabs a {display:block; font-size:18px; color:#999; font-weight:500; line-height:58px; text-align:center; flex:1 1 33%; border-left:#eee 1px solid;}
.tabs a:first-child {border-left:0;}
.tabs a.on {color:#fff; background:#005454;}
.tabs a:nth-child(n+4) {border-top:#eee 1px solid;}
.tabs a.on:hover {color:#fff;}
.tabs.set4 {width:960px;}
.tabs.set4 a {flex:1 1 25%;}

/* About Us */
.aboutus .con01 {position:relative; padding-right:395px; min-height:454px;}
.aboutus .con01:after {content:""; position:absolute; top:0; right:0; width:305px; height:454px; background:url('/pub/images/img_s0101_01.jpg') no-repeat 50% 50% / cover; border-radius:5px;}
.aboutus .con02 {font-size:26px; color:#222; font-weight:500; line-height:40px; margin:50px 0 120px;}
.aboutus .con03 {display:flex; align-items:center;}
.aboutus .con03 dt,
.aboutus .con03 dd {width:50%;}
.aboutus .con03 dd {text-align:right;}
.aboutus .con03 dd .tt {font-size:80px; color:#eee; line-height:100px; margin-bottom:20px;}
.aboutus .con03 dd .tt strong {font-weight:900;}
.aboutus .con03 dd .tt em {font-weight:600;}
.aboutus .con03 dd .cn strong {display:block; font-size:34px; color:#005454; font-weight:600; line-height:40px;}
.aboutus .con03 dd .cn p {font-size:26px; color:#222; line-height:30px; margin-top:15px;}

/* CEO Message */
.ceo_message {position:relative;}
.ceo_message .img {background:url('/pub/images/img_s0102.jpg') no-repeat 50% 50% / cover; padding:120px 0 290px 160px;}
.ceo_message .img b,
.ceo_message .img strong {display:block; color:#222; line-height:50px;}
.ceo_message .img b {font-size:32px;}
.ceo_message .img strong {font-size:38px;}
.ceo_message .txt {position:relative; width:calc(100% - 160px); margin:-180px 0 0 160px; z-index:1; background:#fff; padding:90px;}
.ceo_message .txt .tar {font-size:20px; color:#666; line-height:30px; margin-top:20px;}
.ceo_message .txt .name {font-size:26px; color:#222; font-weight:500; line-height:60px;}
.ceo_message .txt .name strong {font-size:44px; font-family:'dimibang_new';}

/* Company Profile */
.organization {position:relative;}
.organization .txt {position:absolute; top:100px; left:50px; line-height:60px;}
.organization .txt span {font-size:80px; color:#eee; font-weight:600;}
.organization .txt strong {font-weight:900;}
.organization .txt p {font-size:70px; color:#eee; font-weight:600; padding-left:60px;}
.organization .chart div {position:relative; color:#fff; border-radius:50%; margin:0 auto 60px; text-align:center;}
.organization .chart div:after {content:""; position:absolute; top:calc(100% + 4px); left:50%; width:1px; height:60px; background:#ddd; z-index:-1;}
.organization .chart .president {font-size:26px; line-height:132px; height:140px; width:140px; background:#005454; border:#003B3B 4px solid;}
.organization .chart .ceo {font-size:20px; line-height:82px; height:90px; width:90px; background:#00ABAD; border:#009495 4px solid;}
.organization .chart ul {position:relative; display:flex; justify-content:space-between; width:100%;}
.organization .chart ul:before {content:""; position:absolute; top:0; left:50%; width:calc(100% - 240px); height:1px; background:#ddd; transform:translate(-50%,0);}
.organization .chart li {position:relative; width:210px; max-width:calc((100% - 80px)/5); padding-top:40px;}
.organization .chart li:before {content:""; position:absolute; top:0; left:50%; width:1px; height:40px; background:#ddd;}
.organization .chart li:first-child:before,
.organization .chart li:last-child:before {width:15px; background:none; border-top:#ddd 1px solid;}
.organization .chart li:first-child:before {border-left:#ddd 1px solid; border-radius:15px 0 0 0;}
.organization .chart li:last-child:before {border-right:#ddd 1px solid; border-radius:0 15px 0 0; left:auto; right:50%;}
.organization .chart dt {font-size:16px; color:#222; font-weight:600; line-height:20px; height:70px; text-align:center; background:#fff; border:#00ABAD 2px solid; border-radius:15px; display:flex; justify-content:center; align-items:center;}
.organization .chart dd {position:relative; box-shadow:rgba(0,0,0,.16) 0 0 6px; border-radius:15px; height:210px; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top:40px; font-size:16px; color:#666; line-height:20px;}
.organization .chart dd:before {content:""; position:absolute; bottom:100%; left:50%; width:1px; height:40px; background:#ddd;}
.organization .chart dd p {padding:4px 0; text-align:center;}

/* History */
.container.g01.s04 {background:url('/pub/images/bg_s0104.jpg') no-repeat bottom center;}
.history_wrap dl {position:relative; padding-right:calc(50% + 42px); text-align:right; margin-top:46px; z-index:1;}
.history_wrap dl svg {content:""; position:absolute; top:calc(100% - 14px); left:50%; width:92px; height:170px; transform:translate(-50%,0); z-index:-1;}
.history_wrap dt {font-size:68px; color:#005454; font-weight:600; font-style:italic; line-height:70px; font-family:'Poppins';}
.history_wrap dd {position:relative; margin-top:30px;}
.history_wrap dd:before {content:""; position:absolute; top:14px; right:4px; width:1px; height:calc(100% - 28px); background:#707070;}
.history_wrap dd p {position:relative; color:#666; font-weight:300; line-height:28px; margin-bottom:42px; padding-right:130px;}
.history_wrap dd p:last-child {margin-bottom:0;}
.history_wrap dd p:before {content:""; position:absolute; top:10px; right:0; width:9px; height:9px; background:#005454; border-radius:50%; z-index:1;}
.history_wrap dd p b {position:absolute; top:0; right:40px; font-size:24px; color:#333; font-weight:500; font-style:italic;}
.history_wrap dd p .btns {display:inline-block; margin-left:2px;}
.history_wrap dd p .btns span {display:inline-block; vertical-align:top; font-size:14px; color:#fff; font-weight:300; line-height:24px; margin:2px 2px 0; background:#999; border-radius:12px; padding:0 8px;}
.history_wrap dd p .btns span.blue {background:#00236A;}
.history_wrap dd p .btns span.fsi {font-style:italic;}
.history_wrap dl dd p:last-child:after {content:""; position:absolute; top:14px; left:4px; width:1px; height:100%; background:#fbfbf9;}
.history_wrap dl:nth-child(2n) {padding:0 0 0 calc(50% + 42px); text-align:left;}
.history_wrap dl:nth-child(2n) svg {transform:translate(-50%,0) scale(-1,1);}
.history_wrap dl:nth-child(2n) dd:before {left:4px; right:auto;}
.history_wrap dl:nth-child(2n) dd p {padding:0 0 0 130px; flex-direction:row;}
.history_wrap dl:nth-child(2n) dd p:before {left:0; right:auto;}
.history_wrap dl:nth-child(2n) dd p b {left:40px; right:auto;}
.history_wrap dl:first-child dt {color:#00ABAD;}
.history_wrap dl:first-child dd p:first-child:before {background:#00ABAD; top:6px; right:-4px; width:17px; height:17px;}
.history_wrap dl:last-child dd p:last-child:before {top:6px; left:-4px; width:17px; height:17px;}

/* Our Value */
.container.g01.s05 {background:url('/pub/images/bg_s0105.jpg') no-repeat bottom center;}
.our_value {display:flex; flex-wrap:wrap; gap:40px 36px;}
.our_value li {width:calc((100% - 72px)/3); height:400px; background:#fff; border-radius:5px; padding:80px 40px; box-shadow:rgba(0,0,0,.07) 0 0 20px;}
.our_value li i {display:block; width:100%; height:69px; background:no-repeat left center;}
.our_value li i.i1 {background-image:url('/pub/images/icon_our_value01.svg');}
.our_value li i.i2 {background-image:url('/pub/images/icon_our_value02.svg');}
.our_value li i.i3 {background-image:url('/pub/images/icon_our_value03.svg');}
.our_value li i.i4 {background-image:url('/pub/images/icon_our_value04.svg');}
.our_value li i.i5 {background-image:url('/pub/images/icon_our_value05.svg');}
.our_value li .num {font-size:16px; color:#005454; font-weight:700; line-height:24px; margin:55px 0 13px;}
.our_value li strong {display:block; font-size:26px; color:#222; line-height:30px; margin-bottom:24px;}
.our_value li p {color:#666;}

/* 찾아오시는 길 */
.root_daum_roughmap {max-width:100%;}
.location .map_text {position:relative; display:flex; gap:40px; margin-top:-80px; z-index:30; padding:0 60px;}
.location .map_text > li {background:#fff; width:calc(50% - 20px); padding:40px; box-shadow:rgba(0,0,0,.08) 0 0 15px;}
.location .map_text .tit {position:relative; font-size:26px; color:#222; font-weight:700; padding-bottom:31px; margin-bottom:30px;}
.location .map_text .tit:after {content:""; position:absolute; bottom:0; left:0; width:30px; height:1px; background:#ccc;}
.location .map_text ul {display:flex; flex-wrap:wrap; gap:20px 0;}
.location .map_text li li {position:relative; padding-left:42px; color:#666; width:50%; border-radius:5px;}
.location .map_text i {position:absolute; top:0; left:0; width:32px; height:32px; background:no-repeat left center / contain;}
.location .map_text i.i1 {background-image:url('/pub/images/icon_map01.svg');}
.location .map_text i.i2 {background-image:url('/pub/images/icon_map02.svg');}
.location .map_text i.i3 {background-image:url('/pub/images/icon_map03.svg');}
.location .map_text i.i4 {background-image:url('/pub/images/icon_map04.svg');}
.location .map_text i.i5 {background-image:url('/pub/images/icon_map05.svg');}

/* What We Do */
.summary21 .con01 {min-height:531px; padding-right:50%;}
.summary21 .con01:after {content:""; position:absolute; top:0; right:0; width:489px; height:531px; background:url('/pub/images/img_s0201a_01.jpg') no-repeat 50% 0; border-radius:5px;}
.summary .con01 .b {display:block; font-size:26px; color:#333; font-weight:600; line-height:48px; margin-top:40px;}
.summary .business_area {display:flex; justify-content:space-between; align-items:center;}
.summary .business_area dt,
.summary .business_area dd {height:240px;}
.summary .business_area dt {width:240px; display:flex; justify-content:center; align-items:center; border:10px solid; border-radius:50%; text-align:center;}
.summary .business_area dt.c1 {border-color:#00ABAD;}
.summary .business_area dt.c2 {border-color:#005454;}
.summary .business_area dd {width:calc((100% - 960px)/3); background:url('/pub/images/icon_plus.svg') no-repeat 50% 50%;}
.process_area {display:flex; gap:160px; flex-wrap:wrap; justify-content:center;}
.process_area li {position:relative; width:calc((100% - 480px)/4); height:240px; padding:30px; background:rgba(0,0,0,.03); border-radius:15px; display:flex; flex-direction:column;}
.process_area li:nth-child(2),
.process_area li:nth-child(4),
.process_area li:nth-child(5) {background:rgba(0,84,84,.05);}
.process_area li:after {content:""; position:absolute; top:0; left:100%; width:160px; height:100%; background:url('/pub/images/arrow_process.svg') no-repeat 50% 50%;}
.process_area .num {font-size:16px; color:#666; font-weight:700; line-height:20px; font-family:'Poppins';}
.process_area i {display:block; width:100%; height:60px; background:no-repeat 50% 50%; margin:8px 0 30px;}
.process_area p {font-weight:600; line-height:28px; text-align:center;}
.process_area .n1 {order:1;}
.process_area .n1 i {background-image:url('/pub/images/icon_process01.svg');}
.process_area .n2 {order:2;}
.process_area .n2 i {background-image:url('/pub/images/icon_process02.svg');}
.process_area .n3 {order:3;}
.process_area .n3 i {background-image:url('/pub/images/icon_process03.svg');}
.process_area .n4 {order:4;}
.process_area .n4:after {left:auto; top:100%; right:100%; height:160px; transform:rotate(135deg);}
.process_area .n4 i {background-image:url('/pub/images/icon_process04.svg');}
.process_area .n5 {order:6;}
.process_area .n5:after {left:auto; right:100%; transform:rotate(180deg);}
.process_area .n5 i {background-image:url('/pub/images/icon_process05.svg');}
.process_area .n6 {order:5;}
.process_area .n6:after {left:0; top:auto; bottom:100%; width:100%; height:160px; transform:rotate(-90deg);}
.process_area .n6 i {background-image:url('/pub/images/icon_process06.svg');}
.process_area .n6 .bln_box {position:absolute; top:-110px; left:-230px; width:280px; height:60px; font-size:16px; color:#fff; font-weight:300; line-height:24px; padding-right:28px; text-align:right; background:#00ABAD; border-radius:15px; display:flex; flex-direction:row-reverse; align-items:center;}
.process_area .n6 .bln_box:before {content:""; position:absolute; top:0; left:calc(100% - 1px); width:15px; height:100%; background:url('/pub/images/arrow_bln.svg') no-repeat 50% 50% / contain;}
.half_more_area {display:flex; flex-wrap:wrap; justify-content:center; gap:80px;}
.half_more_area li {display:block; width:calc(50% - 80px);}
.half_more_area li a {display:block; padding:40px; box-shadow:rgba(0,0,0,.07) 0 0 20px; border-radius:5px; border:#fff 1px solid; background:#fff;}
.half_more_area .tt {font-size:26px; color:#333; font-weight:700; line-height:30px;}
.half_more_area p {font-size:18px; color:#666; font-weight:300; line-height:30px; margin:40px 0;}
.half_more_area .btn {display:block; font-size:20px; color:#999; font-weight:500; line-height:56px; height:60px; width:180px; background:#fff; border:#999 2px solid; border-radius:30px; text-align:center; transition:.2s linear;}

.onstop ul {display:flex; justify-content:space-between; gap:45px;}
.onstop li {width:calc((100% - 90px)/3); border-radius:15px; overflow:hidden; box-shadow:rgba(0,0,0,.1) 0 0 15px;}
.onstop .txt {padding:40px; height:320px;}
.onstop .sv {color:#fff; font-weight:500; line-height:52px; width:184px; text-align:center; border-radius:26px;}
.onstop .sv i {display:inline-block; vertical-align:top; width:32px; height:52px; background:no-repeat 50% 50%; margin-right:10px;}
.onstop .txt p {line-height:24px; margin-top:24px;}
.onstop .txt p.thin {font-size:16px; color:#999; margin-top:0;}
.onstop .i1 .sv {background:#999;}
.onstop .i1 .sv i {background-image:url('/pub/images/icon_onstop01.svg');}
.onstop .i2 .sv {background:#00ABAD;}
.onstop .i2 .sv i {background-image:url('/pub/images/icon_onstop02.svg');}
.onstop .i3 .sv {background:#005454;}
.onstop .i3 .sv i {background-image:url('/pub/images/icon_onstop03.svg');}
.onstop .tar {margin-top:40px;}

.container.g02.s01.d03 {background:url('/pub/images/bg_s0201c.jpg') no-repeat bottom center;}
.travel_consulting ul {display:flex; flex-wrap:wrap; justify-content:space-between; gap:60px 80px;}
.travel_consulting li {width:calc(50% - 40px); background:#fff; border-radius:5px; box-shadow:rgba(0,0,0,.07) 0 0 20px; padding:40px; min-height:500px;}
.travel_consulting .img {height:180px; text-align:right; font-size:0; margin-bottom:40px;}
.travel_consulting .img span {display:inline-block; vertical-align:top; width:180px; height:180px; background:no-repeat 50% 50% / cover; border-radius:50%;}
.travel_consulting .tit {font-size:26px; color:#333; font-weight:500; line-height:30px; letter-spacing:-.5px; margin-bottom:20px;}
.travel_consulting p {color:#666;}
.travel_consulting21 .i1 .img span {background-image:url('/pub/images/img_travel_consulting01.jpg');}
.travel_consulting21 .i2 .img span {background-image:url('/pub/images/img_travel_consulting02.jpg');}
.travel_consulting21 .i3 .img span {background-image:url('/pub/images/img_travel_consulting03.jpg');}
.travel_consulting21 .i4 .img span {background-image:url('/pub/images/img_travel_consulting04.jpg');}
.travel_consulting21 .i5 .img span {background-image:url('/pub/images/img_travel_consulting05.jpg');}
.travel_consulting21 .i6 .img span {background-image:url('/pub/images/img_travel_consulting06.jpg');}

/* Why MAC Travel? */
.container.g02.s02.d01 {background:url('/pub/images/bg_s0202a.jpg') no-repeat bottom center;}
.container.g02.s02 .tabs a.on {background:#00ABAD;}

.round_tri {display:flex; justify-content:center; gap:126px; margin-top:80px;}
.round_tri li {display:block; width:300px; height:300px; display:flex; flex-direction:column; justify-content:center; align-items:center; font-weight:600; text-align:center; background:#F2F6F6; border-radius:50%;}
.round_tri li:nth-child(2) {background:#F4F4F4;}
.round_tri.arrows li {position:relative;}
.round_tri.arrows li:before {content:""; position:absolute; top:0; left:100%; width:126px; height:100%; background:url('/pub/images/arrow_714.svg') no-repeat 50% 50%;}
.round_tri.arrows li:last-child:before {display:none;}
.txt_img_half {margin-top:80px; display:flex;}
.txt_img_half > * {width:50%; height:406px;}
.txt_img_half dt {font-size:32px; color:#333; font-weight:500; line-height:54px; display:flex; align-items:center;}
.txt_img_half dd {background:url('/pub/images/img_cost_optimization.jpg') no-repeat 50% 50% / cover;}
.travel_consulting22 .img {text-align:left;}
.travel_consulting22 .img span {border-radius:36px;}
.travel_consulting22 .i1 .img span {background-image:url('/pub/images/img_process01.jpg');}
.travel_consulting22 .i2 .img span {background-image:url('/pub/images/img_process02.jpg');}
.travel_consulting22 .i3 .img span {background-image:url('/pub/images/img_process03.jpg');}
.travel_consulting22 .i4 .img span {background-image:url('/pub/images/img_process04.jpg');}
.travel_consulting22 .i5 .img span {background-image:url('/pub/images/img_process05.jpg');}
.travel_consulting22 .i6 .img span {background-image:url('/pub/images/img_process06.jpg');}

.container.g02.s02.d04 p.mt {margin-top:15px;}
.container.g02.s02.d04 p strong {font-weight:600;}
.service_box {display:flex; gap:30px; margin-top:60px;}
.service_box li {width:calc((100% - 60px)/3); border-radius:15px; box-shadow:rgba(0,0,0,.1) 0 0 15px; padding:50px;}
.service_box li.img {background:url('/pub/images/img_service.jpg') no-repeat 50% 50% / cover;}
.service_box li .tit {font-weight:500; margin:40px 0 20px;}
.service_box li .tit:first-child {margin-top:0;}
.service_box li .tit strong {font-weight:600;}
.service_box li p {color:#999;}
.service_box li p b {font-size:26px; color:#333; font-weight:400; margin-right:10px;}
.service_box li .time {display:flex; gap:8px;}
.service_box li .time span {display:block; font-size:16px; color:#fff; font-weight:500; line-height:35px; padding:0 15px; border-radius:17px;}
.service_box li .time .c1 {background:#00ABAD;}
.service_box li .time .c2 {background:#005454;}
.service_box li .time .c3 {background:#ababab;}
.service_btm {background:#EEF3F3; padding:80px 0; margin-top:120px;}
.service_btm .half {display:flex; gap:40px;}
.service_btm .half dl {width:calc(50% - 20px); background:#fff; border-radius:5px; height:310px; display:flex; align-items:center;}
.service_btm .half dt {width:210px; padding-left:40px; font-size:26px; color:#222; font-weight:700; line-height:40px; letter-spacing:-.5px;}
.service_btm .half dt i {display:block; width:100%; height:60px; margin-bottom:30px; background:no-repeat 0 50% / contain;}
.service_btm .half dd {width:calc(100% - 210px); color:#666;}
.service_btm .inner > p {color:#333; margin-top:60px;}
.service_btm .half .i1 dt i {background-image:url('/pub/images/icon_service_btm01.svg');}
.service_btm .half .i2 dt i {background-image:url('/pub/images/icon_service_btm02.svg');}

.expertise ul {display:flex; justify-content:space-between; margin-bottom:80px;}
.expertise li {width:380px; max-width:32%; text-align:center; line-height:22px; padding:40px 20px; background:#F4F4F4; border-radius:5px;}
.expertise li:nth-child(2) {background:#F2F6F6;}
.expertise li:before {content:""; display:block; width:100%; height:60px; background:no-repeat 50% 50% / contain;}
.expertise li.i1:before {background-image:url('/pub/images/icon_expertise01.svg');}
.expertise li.i2:before {background-image:url('/pub/images/icon_expertise02.svg');}
.expertise li.i3:before {background-image:url('/pub/images/icon_expertise03.svg');}

.cs_box {display:flex; gap:70px; margin-top:120px;}
.cs_box dt,
.cs_box dd {height:300px; display:flex; border-radius:15px;}
.cs_box dt {width:calc(50% - 30px); background:url('/pub/images/img_cs.jpg') no-repeat #000 0 50%; justify-content:flex-end; align-items:flex-end; padding:40px 47px;}
.cs_box dt .txt {font-size:26px; color:#ccc; line-height:40px; text-align:right;}
.cs_box dt .txt strong {color:#fff; font-weight:600;}
.cs_box dd {width:calc(50% - 20px); flex-direction:column; justify-content:center; align-items:flex-start; box-shadow:rgba(0,0,0,.1) 0 0 15px; padding:80px;}
.cs_box dd .poppins {font-size:26px; color:#999; font-weight:600; line-height:40px; font-style:italic;}
.cs_box dd .poppins strong {color:#222; font-weight:600;}
.cs_box dd p {color:#333; font-weight:700; margin-top:40px;}

/* 거래제안 */
.contact_inputs {display:flex; flex-wrap:wrap; gap:20px; margin-top:80px;}
.contact_inputs dl {width:calc(50% - 10px); border-radius:5px; display:flex; border:#ddd 1px solid; transition:.2s linear;}
.contact_inputs dl.on {border-color:#999;}
.contact_inputs dt,
.contact_inputs dd {font-size:18px; font-weight:300; line-height:56px;}
.contact_inputs dt {width:100px; color:#222;}
.contact_inputs dt label {display:block; padding-left:20px;}
.contact_inputs dd {width:calc(100% - 100px);}
.contact_inputs input,
.contact_inputs textarea {display:block; border:0; background:none; outline:0; width:100%; padding:18px 0;}
.contact_inputs input {height:56px;}
.contact_inputs ::placeholder {color:#999;}
.contact_inputs .radios {display:flex; gap:30px; padding:18px 0;}
.contact_inputs textarea {height:200px; line-height:20px;}
.contact_inputs label.check {display:block; width:100%;}
.contact_inputs .btn_submit {display:block; font-size:20px; color:#fff; font-weight:500; line-height:60px; height:60px; width:210px; background:#005454; border-radius:30px; margin:20px auto 0;}
.contact_inputs .capcha_wrap {border:0;}
.contact_inputs .capcha_wrap dt label {padding-left:0;}

/* 인센티브 */
.incentive .con01 {position:relative; font-weight:400; letter-spacing:-.5px; min-height:440px;}
.incentive .incen_tit {font-size:100px; color:#eee; font-weight:600; font-style:italic; line-height:1; margin-bottom:50px;}
.incentive .con01 i {position:absolute; top:0; right:10px; width:430px; height:430px; border-radius:50%; background:no-repeat 50% 50% / cover; box-shadow:#E9E9E9 10px 10px 0;}
.incentive .con01 i.incen_a {background-image:url('/pub/images/img_incen_a01.jpg');}
.incentive .con01 i.incen_b {background-image:url('/pub/images/img_incen_b01.jpg');}
.incentive .con01 i.incen_c {background-image:url('/pub/images/img_incen_c01.jpg');}
.incentive .con01 p {padding-right:50%;}
.incentive .jq_tabonoff {padding:0 120px;}
.incentive .jq_tab {display:flex; margin:-30px 0 55px;}
.incentive .jq_tab li {flex:1 1 33%;}
.incentive .jq_tab button {position:relative; display:block; color:#333; font-weight:400; line-height:20px; padding:30px 0; border-bottom:#eee 4px solid; width:100%; text-align:center;}
.incentive .jq_tab button:after {content:""; position:absolute; bottom:-4px; left:50%; width:0; height:4px; background:#00ABAD; transition:.2s linear;}
.incentive .jq_tab li.on button {font-weight:600;}
.incentive .jq_tab li.on button:after {left:0; width:100%;}
.incentive .incen_slider {position:relative; padding:40px 40px 100px; background:#fff; border-radius:5px; box-shadow:rgba(0,0,0,.08) 0 0 15px;}
.incentive .incen_slider .slick-slide > div {height:800px;}
.incentive .incen_slider .slick-slide > div img {width:100%; height:100%; object-fit:cover;}
.incentive .incen_slider .slick-arrow {position:absolute; top:calc(50% - 60px); width:40px; height:40px; border-radius:5px; border:#ccc 1px solid; font-size:0; transform:translate(0,-50%); z-index:1;}
.incentive .incen_slider .slick-arrow:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/arrow_slide.svg') no-repeat 50% 50%;}
.incentive .incen_slider .slick-prev {left:-120px;}
.incentive .incen_slider .slick-prev:before {transform:scale(-1);}
.incentive .incen_slider .slick-next {right:-120px;}
.incentive .incen_slider .slick-dots {margin-top:35px;}
.incentive .incen_slider .slick-dots li {font-size:16px; color:#222; font-weight:500; font-style:italic; line-height:24px; text-align:center; display:none;}
.incentive .incen_slider .slick-dots li.slick-active {display:block;}

/* 해외 입국 안내 */
.over_sea .tit {font-size:26px; color:#333; font-weight:500; text-align:center; margin-bottom:80px;}
.over_sea .links {display:flex; gap:80px;}
.over_sea .links dl {width:calc(50% - 40px); display:flex; box-shadow:rgba(0,0,0,.1) 0 0 15px; border-radius:15px; overflow:hidden;}
.over_sea .links dt,
.over_sea .links dd {width:50%; height:200px;}
.over_sea .links dt {background:no-repeat 50% 50%;}
.over_sea .links dd a {display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%; color:#222; font-weight:500;}
.over_sea .links dd a:after {content:""; display:block; width:100%; height:24px; background:#666; mask:url('/pub/images/icon_link.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_link.svg') no-repeat 50% 50% / contain; margin-top:20px; transition:.2s linear;}
.over_sea .links .i1 dt {background-image:url('/pub/images/img_oversea01.jpg');}
.over_sea .links .i2 dt {background-image:url('/pub/images/img_oversea02.jpg');}

/* 주요고객사 리스트 */
.clients .ctit {font-size:24px;}
.clients ul {display:flex; flex-wrap:wrap; gap:60px 80px;}
.clients li {width:calc((100% - 240px)/4);}
.clients li a {display:block;}
.clients li i {display:block; box-shadow:rgba(0,0,0,.16) 0 0 10px; border-radius:10px; overflow:hidden;}
.clients li p {color:#333; line-height:20px; margin-top:20px; text-align:center; transition:.2s linear;}
.clients li p:after {content:""; display:inline-block; vertical-align:bottom; width:24px; height:24px; background:#666; mask:url('/pub/images/icon_link.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_link.svg') no-repeat 50% 50% / contain; margin-left:10px; transition:.2s linear;}

/* 여행이용권 구매안내 */
.travel_pass .con01 {display:flex; gap:80px; margin-bottom:120px;}
.travel_pass .con01 li {width:calc(50% - 40px);}
.travel_pass .con02 {display:flex; flex-wrap:wrap;}
.travel_pass .con02 > li {flex:1 1 50%;}
.travel_pass .con02 > li .tt {font-size:26px; color:#222; font-weight:600; line-height:30px; height:60px; padding-left:80px; display:flex; align-items:center;}
.travel_pass .con02 > li .tt:before {content:""; position:absolute; top:0; left:0; width:60px; height:60px; background:no-repeat 50% 50% / contain; border-radius:10px; overflow:hidden;}
.travel_pass .con02 > li > p {font-weight:400; line-height:28px; padding:5px 0 0 80px;}
.travel_pass .con02 > li > p span {font-size:16px; color:#999;}
.travel_pass .con02 > li.i1 .tt:before {background-image:url('/pub/images/icon_travel_pass_a01.svg');}
.travel_pass .con02 > li.i2 .tt:before {background-image:url('/pub/images/icon_travel_pass_a02.svg');}
.travel_pass .con02 > li.i3 {width:100%; margin-top:60px;}
.travel_pass .con02 > li.i3 .tt {margin-bottom:40px;}
.travel_pass .con02 > li.i3 .tt:before {background-image:url('/pub/images/icon_travel_pass_a03.svg');}
.travel_pass .process_area .n4:after {display:none;}
.travel_pass .process_area .n1 i {background-image:url('/pub/images/icon_travel_pass_b01.svg');}
.travel_pass .process_area .n2 i {background-image:url('/pub/images/icon_travel_pass_b02.svg');}
.travel_pass .process_area .n3 i {background-image:url('/pub/images/icon_travel_pass_b03.svg');}
.travel_pass .process_area .n4 i {background-image:url('/pub/images/icon_travel_pass_b04.svg');}

/* 전자결제 */
.payment_inputs {width:100%; max-width:720px; margin:0 auto; display:flex; flex-wrap:wrap; gap:20px;}
.payment_inputs dl {width:100%; border-radius:5px; display:flex; border:#ddd 1px solid; transition:.2s linear;}
.payment_inputs dl.on {border-color:#999;}
.payment_inputs dt,
.payment_inputs dd {font-size:18px; font-weight:400; line-height:56px;}
.payment_inputs dt {width:270px; color:#222;}
.payment_inputs dt label {display:block; padding-left:40px;}
.payment_inputs dd {width:calc(100% - 270px);}
.payment_inputs input,
.payment_inputs textarea {display:block; border:0; background:none; outline:0; width:100%; padding:18px 0;}
.payment_inputs input {height:56px;}
.payment_inputs .radios {display:flex; gap:30px; padding:18px 0;}
.payment_inputs textarea {height:200px; line-height:32px;}
.payment_inputs ::placeholder {color:#999; font-weight:300;}
.payment_inputs .check {width:100%;}
.payment_inputs .btn_submit {display:block; font-size:20px; color:#fff; font-weight:500; line-height:60px; height:60px; width:250px; background:#005454; border-radius:30px; margin:20px auto 0;}

.payment_inputs.confirm dt {width:200px;}
.payment_inputs.confirm dd {width:calc(100% - 200px);}
.payment_inputs.confirm .disabled {background:#F8F8F8; border-color:#F8F8F8;}

/* 개인정보처리방침 */
.fancybox-close {top:65px; right:70px; width:23px; height:23px; background:url('/pub/images/btn_close.svg') no-repeat 50% 50% / contain;}
.yak_area {padding:60px 70px;}
.yak_area .tit {font-size:26px; color:#222; font-weight:700; line-height:30px; padding-bottom:50px; border-bottom:#ccc 1px solid; margin-bottom:70px;}
.yak_area .con {height:calc(100vh - 311px); overflow:auto; font-size:18px; color:#222; font-weight:300; line-height:28px;}
.yak_area .con::-webkit-scrollbar {width:16px; height:16px;}
.yak_area .con::-webkit-scrollbar-thumb {background-color:#ccc; border-radius:16px; background-clip:padding-box; border:2px solid #ccc;}
.yak_area .con::-webkit-scrollbar-track {background-color:#eee; border-radius:16px; box-shadow:none; border:1px solid #ddd;}
.yak_area .con .box {display:flex; margin:20px 0; gap:20px; width:800px; max-width:100%;}
.yak_area .con .box li {border:#ddd 1px solid; border-radius:10px; padding:20px; width:calc(50% - 10px);}
.yak_area .con .box li strong {display:block;}