@charset "utf-8";

/* 공통 css */
ul,ol{list-style:none}
body{font-size:16px; line-height:1; color:#333}

.is-pc .item-col .wr-img, .is-pc .post-col .wr-img{transition:all .3s ease-in-out}

.container_lg{width:1750px; max-width:100%; margin:0 auto; padding:0 15px}
.container_img{overflow:hidden}

.arr_virtual::before, .arr_virtual::after{content:''; position:absolute; top:0; bottom:0; right:0; left:0; width:1px; height:9px; margin:auto; background-color:#fff}
.arr_virtual.arr_vir_left::before{top:7px; left:3px; transform:rotate(-45deg)}
.arr_virtual.arr_vir_left::after{bottom:7px; left:3px; transform:rotate(45deg)}
.arr_virtual.arr_vir_right::before{top:7px; right:3px; transform:rotate(45deg)}
.arr_virtual.arr_vir_right::after{bottom:7px; right:3px; transform:rotate(-45deg)}

/* 애니메이션 */
.posi_rela{position:relative}
.posi_abso{position:absolute; top:0; left:0}

/* 헤더 */
.at-header{position:fixed; top:0; left:0; z-index:101; width:100%}
.at-menu{border:0; background:transparent; transition:all 0.2s ease-in-out}
.at-menu .pc-menu{border-bottom:1px solid rgba(255,255,255,.15); }
.at-header .at-menu.fixed{background-color:#fff}
.at-header .at-menu.fixed .pc-menu{border-color:#ddd}
.at-menu .pc-menu .header_container{display:flex; justify-content:space-between; align-items:center}
.at-menu .pc-menu .header_logo a{display:block}
.at-menu .pc-menu .nav-top{display:flex; align-items:center; position:static; width:auto; padding:0}
.at-menu .pc-menu .nav-top.nav-both .menu-ul{display:block; width:auto}
.at-menu .pc-menu .nav-top .menu-li:hover .menu-a, .at-menu .pc-menu .nav-top .menu-li.on .menu-a{}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:first-child{margin-right:0}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .menu-a{position:relative; padding:0 21px; font-weight:400; font-size:18px; color:#fff;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .menu-a::before{content:''; position:absolute; right:0; bottom:0; left:0; width:64px; height:2px; margin:auto; background-color:#e93e02; opacity:0; transition:opacity 0.2s ease-in-out}
.at-header:hover .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .menu-a, .at-header .at-menu.fixed .pc-menu .nav-top.nav-both .menu-ul .menu-li .menu-a{color:#111}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover .menu-a::before, .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.on .menu-a::before{opacity:1}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div{top:120px; width:200px; border:0}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1dul{padding:18px 0}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da{padding:10px; border:0; font-size:16px; line-height:1.3; color:#666;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da:hover, .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1dli.on .sub-1da{border:0; background:#fff; color:#e93e02}
.at-menu .pc-menu .hd_btn_box{position:relative; width:20px; height:21px; margin-left:10px}
.at-menu .pc-menu .btn_search{display:block; cursor:pointer}
.at-menu .pc-menu .btn_search.on{display:none}
.at-menu .pc-menu .btn_search_close{display:none; position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer}
.at-menu .pc-menu .btn_search_close::before, .at-menu .pc-menu .btn_search_close::after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; width:1px; height:26px; margin:auto; background-color:#000/* ; opacity:0 */}
.at-menu .pc-menu .btn_search_close::before{transform:rotate(45deg)}
.at-menu .pc-menu .btn_search_close::after{transform:rotate(-45deg)}
.at-menu .pc-menu .btn_search.on + .btn_search_close{display:block}
.at-menu .pc-menu .btn_allmenu{display:block; margin-left:34px; cursor:pointer}
.hd_search_wrap{display:none; padding:50px 0; background-color:#111}
.hd_search_wrap .header_search{position:relative; width:700px; max-width:100%; margin:0 auto; border-bottom:1px solid #a0a0a0}
.hd_search_wrap .header_search input[type="text"]{width:100%; height:68px; padding:0 45px 0 12px; border:0; background-color:transparent; font-size:18px; line-height:68px; color:#fff; -webkit-box-shadow:0 0 0 #fff; -moz-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.hd_search_wrap .header_search input[type="text"]::placeholder{color:#a6a6a6}
.hd_search_wrap .header_search .btn_search{position:absolute; top:0; right:0; width:45px; height:68px; padding:0; border:0; background-color:transparent}
.hd_search_wrap .header_search .btn_search::before, .hd_search_wrap .header_search .btn_search::after{content:''; position:absolute; margin:auto}
.hd_search_wrap .header_search .btn_search::before{top:2px; right:4px; left:0; bottom:2px; width:18px; height:18px; border:2px solid #fff; border-radius:50%}
.hd_search_wrap .header_search .btn_search::after{top:15px; right:0; bottom:0; left:13px; width:2px; height:8px; background-color:#fff; transform:rotate(-45deg)}

.all_menu_wrap{position:fixed; top:0; right:0; z-index:30; width:100%; height:100%; opacity:0; visibility:hidden; transition:all 0.4s ease-in-out}
.all_menu_wrap.on{opacity:1; visibility:visible}
.all_menu_box{display:flex; width:100%; height:100%; background-color:#fff}
.all_menu_wrap .menu_info{display:flex; flex-direction:column; width:33.854%; padding:40px 40px 70px; background-color:#d94725}
.all_menu_wrap .menu_info .logo_box{}
.all_menu_wrap .menu_info .info_box{margin-top:auto}
.all_menu_wrap .info_box .title{margin-bottom:35px; font-weight:600; font-size:26px; color:#fff}
.all_menu_wrap .info_box .infos{display:flex}
.all_menu_wrap .info_box .infos + .infos{margin-top:24px}
.all_menu_wrap .info_box .infos .part{position:relative; width:165px; padding-left:14px; font-weight:500; font-size:16px; line-height:1.5; color:#fff}
.all_menu_wrap .info_box .infos .part::before{content:''; position:absolute; top:9px; left:0; width:6px; height:6px; border:2px solid #fff; border-radius:50%}
.all_menu_wrap .info_box .info_ul{width:calc(100% - 165px); max-width:260px}
.all_menu_wrap .info_box .info_ul > li{font-size:15px; line-height:1.7; color:#ffe4e3}
.all_menu_wrap .menu_box{display:flex; align-items:center; width:66.146%; padding:0 7.813% 0 6.563%; background:url('/img/allmenu_bg.png') no-repeat 50% 50%; background-size:cover}
.all_menu_wrap .menu_box .all_ul{display:flex; flex-wrap:wrap; margin-bottom:-65px}
.all_menu_wrap .menu_box .all_li{width:20%; margin-bottom:65px; padding-right:55px}
.all_menu_wrap .menu_box .all_a{display:block; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd; font-weight:500; font-size:22px; line-height:1.2; color:#222}
.all_menu_wrap .menu_box .all_sub_a{display:block; padding:10px 0; font-size:16px; line-height:1.3; color:#666}
.all_menu_wrap .menu_box .all_sub_li.on .all_sub_a, .all_menu_wrap .menu_box .all_sub_li:hover .all_sub_a{color:#d94725}
.all_menu_wrap .btn_close{display:block; position:absolute; top:0; right:0; width:80px; height:80px; background-color:#e93e02; cursor:pointer}
.all_menu_wrap .btn_close::before, .all_menu_wrap .btn_close::after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; width:2px; height:30px; margin:auto; background-color:#fff}
.all_menu_wrap .btn_close::before{transform:rotate(-45deg)}
.all_menu_wrap .btn_close::after{transform:rotate(45deg)}
.all_menu_dim{display:none; position:fixed; top:0; left:0; z-index:29; width:100%; height:100%; background-color:rgba(27,27,27,0.6)}

@media (max-width:1600px){
	.all_menu_wrap .menu_box{padding:0 40px}
	.all_menu_wrap .menu_box .all_ul{width:100%}
	.all_menu_wrap .menu_box .all_li{margin-bottom:30px; padding-right:15px}
	.all_menu_wrap .menu_box .all_sub_a{padding:5px 0}
	.all_menu_wrap .info_box .infos{flex-wrap:wrap}
	.all_menu_wrap .info_box .infos .part{width:100%; margin-bottom:8px}
	.all_menu_wrap .info_box .info_ul{width:100%; max-width:100%}
}
@media (max-width:1500px){
	.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .menu-a{padding:0 15px; font-size:16px}
}
@media (max-width:1300px){
	.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .menu-a{padding:0 10px; font-size:14px}
	.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da{font-size:13px}
}
@media (max-width:991px){
	.responsive .pc-menu{display:block; height:auto}
	.at-menu .pc-menu .header_container{padding:12px 15px}
	.at-menu .pc-menu .nav-top.nav-both .menu-ul{display:none}

	.all_menu_wrap{right:-80%; width:80%}
	.all_menu_wrap.on{right:0}
	.all_menu_box{display:block}
	.all_menu_wrap .menu_info{width:100%; height:91px; padding:15px}
	.all_menu_wrap .menu_info .logo_box img{display:block}
	.all_menu_wrap .menu_info .info_box{display:none}
	.all_menu_wrap .menu_box{display:block; overflow-y:auto; width:100%; height:calc(100% - 91px); padding:30px 15px; background-position:100% 100%; background-size:contain}
	.all_menu_wrap .menu_box .all_ul{margin-bottom:-20px}
	.all_menu_wrap .menu_box .all_li{width:100%; margin-bottom:15px; padding-right:0}
	.all_menu_wrap .menu_box .all_a{margin-bottom:5px; padding-bottom:8px; font-size:15px}
	.all_menu_wrap .menu_box .all_sub_ul{display:flex; flex-wrap:wrap}
	.all_menu_wrap .menu_box .all_sub_li{margin-right:15px}
	.all_menu_wrap .menu_box .all_sub_a{padding:2px 0; font-size:13px}
	.all_menu_wrap .btn_close{top:5px; right:5px; background-color:#d94725}
}
@media (max-width:480px){
	.at-menu .pc-menu .header_container{padding:8px 15px}
	.at-menu .pc-menu .header_logo a img{display:block; height:34px}
	.at-menu .pc-menu .hd_btn_box{width:17px; height:17px; margin-left:0}
	.at-menu .pc-menu .btn_search{position:relative; width:100%; height:100%}
	.at-menu .pc-menu .btn_search::before, .at-menu .pc-menu .btn_search::after{content:''; position:absolute;}
	.at-menu .pc-menu .btn_search::before{top:-1px; width:15px; height:15px; border:1px solid #fff; border-radius:50%}
	.at-menu .pc-menu .btn_search::after{right:2px; bottom:0; width:1px; height:6px; background-color:#fff; transform:rotate(-45deg)}
	.at-menu.fixed .pc-menu .btn_search::before{border-color:#111}
	.at-menu.fixed .pc-menu .btn_search::after{background-color:#111}
	.at-menu .pc-menu .btn_search img{display:none; height:100%}
	.at-menu .pc-menu .btn_search_close::before, .at-menu .pc-menu .btn_search_close::after{height:20px}
	.at-menu .pc-menu .btn_allmenu{margin-left:15px}
	.at-menu .pc-menu .btn_allmenu img{display:block; height:14px}
	.hd_search_wrap{padding:30px 0}
	.hd_search_wrap .header_search input[type="text"]{height:45px; padding:0 35px 0 10px; font-size:14px; line-height:45px}
	.hd_search_wrap .header_search .btn_search{width:32px; height:45px}
	.hd_search_wrap .header_search .btn_search::before{width:16px; height:16px}
	.hd_search_wrap .header_search .btn_search::after{left:10px; width:2px; height:6px}
	.all_menu_wrap .menu_info{height:50px; padding:8px 15px}
	.all_menu_wrap .menu_info .logo_box img{height:34px;}
	.all_menu_wrap .menu_box{height:calc(100% - 50px)}
	.all_menu_wrap .btn_close{top:0; right:0; width:50px; height:50px}
	.all_menu_wrap .btn_close::before, .all_menu_wrap .btn_close::after{height:20px}
}

/* 푸터 */
.fix_footer{margin-top:120px; background-color:#111}
.fix_footer.main_footer{margin-top:0}
.fix_footer .container_lg{position:relative}
.fix_footer .ft_links_box{display:flex; justify-content:space-between; align-items:center; padding:30px 0 20px; border-bottom:1px solid rgba(255,255,255,.15)}
.fix_footer .ft_links_ul{display:flex}
.fix_footer .ft_links_ul > li{margin-right:28px}
.fix_footer .ft_links_ul > li a{font-size:15px; color:#999}
.fix_footer .ft_sns_ul{display:flex}
.fix_footer .ft_sns_ul > li + li{margin-left:28px}
.fix_footer .ft_sns_ul > li a{display:block}
.fix_footer .ft_infos_box{display:flex; justify-content:space-between; flex-wrap:wrap; padding:28px 0 41px}
.fix_footer .ft_infos .infos_box{display:flex;}
.fix_footer .ft_infos .stone{margin-top:12px;}
.fix_footer .ft_infos .tit{display:block; width:160px; font-size:15px; line-height:1.3; color:#999}
.fix_footer .ft_infos .info_ul{display:flex; flex-wrap:wrap; width:calc(100% - 128px)}
.fix_footer .ft_infos .info_ul > li{position:relative; margin-right:12px; padding-right:12px; font-size:15px; line-height:1.3; color:#666}
.fix_footer .ft_infos .info_ul > li:last-child{margin:0; padding:0}
.fix_footer .ft_infos .info_ul > li::before{content:''; position:absolute; top:2px; right:0; bottom:0; width:1px; height:11px; margin:auto; background-color:#666}
.fix_footer .ft_infos .info_ul > li:last-child::before{display:none}
.fix_footer .ft_infos .info_ul > li a{display:inline-block; color:#666}
.fix_footer .copyright{margin-top:27px; font-size:15px; color:#666}
.fix_footer .ft_logo{margin-top:5px}
.fix_footer .btn_box{position:absolute; top:-90px; right:15px}
.fix_footer .btn_top{display:block; overflow:hidden; width:50px; height:50px; border-radius:50%; background-color:rgba(0,0,0,.5); cursor:pointer}
/* 윙배너 */
.wing-wrap.main_wing{position:absolute; top:50%; right:0; z-index:10}
.wing-right{/* position:static; */ top:0; right:0; width:70px}
.main_wing .wing-right{transform:translateY(-50%)}
.wing-right .wing_ul{background-color:#e93e02}
.wing-right .wing_ul > li + li{border-top:1px solid rgba(255,255,255,.1)}
.wing-right .wing_ul > li a{display:block; padding:52px 0 16px; background:url('/img/icon_wing01.png') no-repeat 50% 33%; text-align:center;}
.wing-right .wing_ul > li:nth-child(2) a{background-image:url('/img/icon_wing02.png')}
.wing-right .wing_ul > li:nth-child(3) a{background-image:url('/img/icon_wing03.png')}
.wing-right .wing_ul > li:nth-child(4) a{background-image:url('/img/icon_wing04.png')}
.wing-right .wing_ul > li .text{display:inline-block; font-weight:500; font-size:12px; color:#fff}

@media (max-width:991px){
	.fix_footer{margin-top:50px}
	.fix_footer .ft_links_box{padding:10px 0}
	.fix_footer .ft_links_ul > li{margin-right:20px}
	.fix_footer .ft_links_ul > li a{font-size:12px}
	.fix_footer .ft_sns_ul > li + li{margin-left:20px}
	.fix_footer .ft_sns_ul > li img{display:block; height:17px}
	.fix_footer .ft_infos_box{padding:22px 0 40px}
	.fix_footer .ft_infos .infos_box{overflow:hidden; flex-wrap:wrap}
	.fix_footer .ft_infos .stone{margin-top:20px;}
	.fix_footer .ft_infos .tit{width:100%; font-size:12px; line-height:1.2}
	.fix_footer .ft_infos .info_ul{width:100%; margin-top:8px; margin-left:-20px}
	.fix_footer .ft_infos .info_ul > li{margin:0; margin-left:10px; padding:0; padding-left:10px; font-size:12px; line-height:1.5}
	.fix_footer .ft_infos .info_ul > li:last-child{margin-left:10px; padding-left:10px}
	.fix_footer .ft_infos .info_ul > li::before{right:auto; left:0; height:10px}
	.fix_footer .ft_infos .info_ul > li:last-child::before{display:block}
	.fix_footer .copyright{margin-top:12px; font-size:12px}
	.fix_footer .ft_logo{margin-top:24px}
	.fix_footer .ft_logo img{display:block; height:27px}
	.fix_footer .btn_box{top:-62px}
	.fix_footer .btn_top{width:43px; height:43px}
	.fix_footer .btn_top img{display:block; width:100%}
}

/* 메인 */
div#fp-nav.fp-left{left:30px}
div#fp-nav ul{/* margin-top:90px */}
div#fp-nav ul li{display:flex; align-items:center; width:auto; height:40px; margin:0;}
div#fp-nav ul li:last-child{display:none}
div#fp-nav ul li a{display:flex; align-items:center; width:2px; height:40px; background:#fff}
div#fp-nav.on ul li a{background:#ddd}
div#fp-nav ul li a.active{background:#e93e02}
div#fp-nav ul li a span{display:none}
div#fp-nav ul li .fp-tooltip{display:none /* position:static; width:auto; max-width:initial; padding:5px 13px; font-family:'DM Sans', sans-serif; font-weight:500; font-size:14px; color:#fff; opacity:1 */}
div#fp-nav ul li .fp-sr-only{display:block; overflow:visible; position:static; width:auto; max-width:initial; height:auto; margin:0; padding:5px 13px; border-radius:0; background:none; font-family:'DM Sans', sans-serif; font-weight:500; font-size:14px; color:#fff; opacity:1; clip:auto}
div#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, div#fp-nav ul li:hover a.active span, #fp-nav .fp-slidesNav ul li:hover a.active span, div#fp-nav ul li:hover a span{width:auto; height:auto; margin:0}
div#fp-nav.on ul li .fp-sr-only{color:#ddd}
div#fp-nav.on ul li .active .fp-sr-only{color:#e93e02}
.main_con{height:100%; padding-top:100px}
.main_con .mc_title .title{font-weight:700; font-size:45px; line-height:1.3; color:#111}
.main_con .mc_title .text{font-size:20px; line-height:1.6; color:#333}
/* 슬라이더 기본 */
.swiper-visual-container{overflow:hidden; position:relative; height:100%}
.swiper-visual-container .img_box .img{background-repeat:no-repeat; background-position:50% 50%; background-size:cover}
.swiper-visual-container .cursor_default{cursor:default}
.swiper-visual-container .visual_btn_box > a{display:inline-block; position:relative; width:10px; height:16px; margin:0 32px; line-height:1; vertical-align:middle}
.swiper-visual-container .visual_btn_box > a::before, .swiper-visual-container .visual_btn_box > a::after{content:''; position:absolute; top:0; bottom:0; width:1px; height:9px; margin:0; background-color:#fff; opacity:.7}
.swiper-visual-container .visual_btn_box > a:hover::before, .swiper-visual-container .visual_btn_box > a:hover::after{opacity:1}
.swiper-visual-container .visual_btn_box .btn_prev::before{top:6px; left:3px; transform:rotate(-45deg)}
.swiper-visual-container .visual_btn_box .btn_prev::after{bottom:7px; left:3px; transform:rotate(45deg)}
.swiper-visual-container .visual_btn_box .btn_next::before{top:6px; right:3px; transform:rotate(45deg)}
.swiper-visual-container .visual_btn_box .btn_next::after{bottom:7px; right:3px; transform:rotate(-45deg)}
.swiper-visual-container .visual_prev.swiper-button-disabled, .swiper-visual-container .visual_next.swiper-button-disabled{opacity:.6; cursor:auto; pointer-events: none;}
.swiper-visual-container .visual_btn_box{position:absolute; bottom:30px; left:50%; z-index:1; transform:translateX(-50%)}
.swiper-visual-container .swiper-pagination{display:flex; align-items:center; position:static}
.swiper-visual-container .swiper-pagination-bullet{width:8px; height:8px; margin:0 6px; border-radius:5px; background:#fff; opacity:1;}
.swiper-visual-container .swiper-pagination-bullet-active{border-color:#e93e02; background-color:#e93e02}

.main_con01{height:100%}
.main_con01 .swiper-visual-container{height:100%}
.main_con01 .swiper-slide{overflow:hidden}
.main_con01 .swiper-slide .img_box{display:block; width:100%; height:100%; transform:scale(1.25); transition:all 4s ease-in-out}
.main_con01 .swiper-slide.swiper-slide-active .img_box{transform:scale(1)}
.main_con01 .swiper-slide .img_box .img{width:100%; height:100%/* ; background-size:cover; background-position:center center; background-repeat:no-repeat */}
.main_con01 .swiper-slide .img_box .img_padding{padding-bottom:177.778%}
.main_con01 .swiper-visual-container .visual_text{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%)}
.main_con01 .swiper-visual-container .visual_text .title{font-weight:700; font-size:68px; line-height:74px; color:#fff; transform:translateY(50px); opacity:0; transition:all 0.8s ease-in-out; transition-delay:0.3s}
.main_con01 .swiper-visual-container .swiper-slide-active .visual_text .title{transform:translateY(0); opacity:1}
.main_con01 .swiper-visual-container .visual_text .text{margin-top:30px; font-weight:500; font-size:20px; line-height:1.6; color:#fff; transform:translateY(50px); opacity:0; transition:all 0.8s ease-in-out; transition-delay:0.6s}
.main_con01 .swiper-visual-container .swiper-slide-active .visual_text .text{transform:translateY(0); opacity:1}
.main_con01 .swiper-visual-container .visual_text .btn_more{display:inline-block; margin-top:56px; border:1px solid #fff; transform:translateY(50px); opacity:0; transition:all 0.8s ease-in-out; transition-delay:0.9s}
.main_con01 .swiper-visual-container .swiper-slide-active .visual_text .btn_more{transform:translateY(0); opacity:1}
.main_con01 .swiper-visual-container .visual_text .btn_more span{display:inline-block; padding:0 55px; font-size:16px; line-height:58px; color:#fff}
.main_con01 .swiper-visual-container .visual_btn_box{display:flex; bottom:67px}
.main_con01 .swiper-visual-container .swiper-pagination-bullet{width:10px; height:10px; margin:0 7px; border:1px solid #fff; border-radius:5px; background:transparent}
.main_con01 .swiper-visual-container .swiper-pagination-bullet-active{width:30px; border:0; background-color:#e93e02}

.main_con02{display:flex; align-items:center; background:url('/img/mc02_bg.png') no-repeat 50% 50%; background-size:cover}
.main_con02 .mc02_bg{position:absolute; top:calc(50% + 50px); left:0; width:46.875%; transform:translateY(-50%); opacity:0; transition:all 0.8s ease-in-out}
.animate .main_con02 .mc02_bg{opacity:1}
.main_con02 .mc02_bg .swiper-slide > a{display:block}
.main_con02 .mc02_bg .swiper-slide .img_box .img_bg{padding-bottom:66.667%}
.main_con02 .mc02_text{position:relative; z-index:2; margin:0 16.5% 0 auto; text-align:right}
.main_con02 .mc_title .title{transform:translateY(50px); opacity:0; transition:all 0.8s ease-in-out; transition-delay:0.2s}
.main_con02 .mc_title .gr_text {color:#119d2b;}
.animate .main_con02 .mc_title .title{transform:translateY(0); opacity:1}
.main_con02 .mc_title .text{margin-top:37px; transform:translateY(50px); opacity:0; transition:all 0.8s ease-in-out; transition-delay:0.4s}
.animate .main_con02 .mc_title .text{transform:translateY(0); opacity:1}
.main_con02 .mc_content{margin-top:54px; transform:translateY(50px); opacity:0; transition:all 0.8s ease-in-out; transition-delay:0.6s}
.animate .main_con02 .mc_content{transform:translateY(0); opacity:1}
.main_con02 .mc02_ul{display:flex; justify-content:flex-end}
.main_con02 .mc02_ul > li{position:relative; width:300px; padding:100px 0 53px; background-color:#fff; text-align:center; box-shadow:0 10px 25px rgba(0,0,0,.08); transition:all 0.2s ease-in-out}
.main_con02 .mc02_ul > li:hover{background-color:#119d2b}
.main_con02 .mc02_ul > li + li{margin-left:20px}
.main_con02 .mc02_ul > li .tit{position:relative; font-weight:700; font-size:26px; color:#119d2b; transition:all 0.2s ease-in-out}
.main_con02 .mc02_ul > li .line2{margin-top:-12px}
.main_con02 .mc02_ul > li:hover .tit{color:#fff}
.main_con02 .mc02_ul > li::before{content:'01'; position:absolute; left:0; top:60px; width:100%; font-family:'Montserrat', sans-serif; font-weight:700; font-size:70px; color:#111; text-align:center; opacity:.1; transition:color 0.2s ease-in-out}
.main_con02 .mc02_ul > li:nth-child(2)::before{content:'02'}
.main_con02 .mc02_ul > li:nth-child(3)::before{content:'03'}
.main_con02 .mc02_ul > li:hover::before{color:#fff}
.main_con02 .mc02_ul > li .txt{display:flex; justify-content:center; align-items:center; width:100%; height:84px; margin-top:22px; font-size:16px; line-height:1.75; color:#333; transition:all 0.2s ease-in-out}
.main_con02 .mc02_ul > li:hover .txt{color:#fff}

.main_con03{display:flex; align-items:center; background:url('/img/mc03_bg.png') no-repeat 50% 50%; background-size:cover}
.main_con03 .mc_title .title{color:#fff; transform:translateY(50px); opacity:0; transition:all 0.8s ease-in-out}
.animate .main_con03 .mc_title .title{transform:translateY(0); opacity:1}
.main_con03 .mc_title .text{margin-top:40px; color:#fff; transform:translateY(50px); opacity:0; transition:all 0.8s ease-in-out; transition-delay:0.2s}
.animate .main_con03 .mc_title .text{transform:translateY(0); opacity:1}
.main_con03 .mc_content{margin-top:110px}
.main_con03 .mc03_ul{display:flex; justify-content:space-between}
.main_con03 .mc03_ul > li{position:relative; transform:translateY(50px); opacity:0; transition:all 0.8s ease-in-out; transition-delay:0.4s}
.main_con03 .mc03_ul > li:nth-child(2){transition-delay:0.6s}
.main_con03 .mc03_ul > li:nth-child(3){transition-delay:0.8s}
.animate .main_con03 .mc03_ul > li{transform:translateY(0); opacity:1}
.main_con03 .mc03_ul > li a{display:block}
.main_con03 .mc03_ul > li .img_box img{display:block; width:100%; max-width:100%}
.main_con03 .mc03_ul > li .title{position:absolute; top:20px; right:20px; border-top:1px solid rgba(255,255,255,.5); border-bottom:1px solid rgba(255,255,255,.5); font-weight:700; font-size:17px; line-height:22px; color:#fff}
.main_con03 .mc03_ul > li .arr_icon{position:absolute; right:0; bottom:0; width:60px; height:60px}
.main_con03 .mc03_ul > li .arr_icon::after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; width:21px; height:7px; margin:auto; background:url('/img/arr_iconWh.png') no-repeat 50% 50%}

.main_con04{display:flex; align-items:center}
.main_con04 .mc_title .title{transform:translateY(50px); opacity:0; transition:all 0.8s ease-in-out}
.animate .main_con04 .mc_title .title{transform:translateY(0); opacity:1}
.main_con04 .mc_content{margin-top:47px}
.main_con04 .mc04_ul{display:flex; justify-content:space-between}
.main_con04 .mc04_ul > li{position:relative; transform:translateY(50px); opacity:0; transition:all 0.8s ease-in-out; transition-delay:0.2s}
.main_con04 .mc04_ul > li:nth-child(2){transition-delay:0.4s}
.main_con04 .mc04_ul > li:nth-child(3){transition-delay:0.6s}
.main_con04 .mc04_ul > li:nth-child(4){transition-delay:0.8s}
.animate .main_con04 .mc04_ul > li{transform:translateY(0); opacity:1}
.main_con04 .mc04_ul > li + li{margin-left:25px}
.main_con04 .mc04_ul > li a{display:block; overflow:hidden}
.main_con04 .mc04_ul > li a img{display:block; width:100%; transition: all .3s ease-in-out}
.main_con04 .mc04_ul > li a:hover img{transform:scale(1.15)}
.main_con04 .mc04_ul > li .text_box{position:absolute; top:45px; left:0; width:100%; padding:0 40px; color:#fff}
.main_con04 .mc04_ul > li .title{font-weight:600; font-size:24px; line-height:1.3}
.main_con04 .mc04_ul > li .view{display:inline-block; position:relative; margin-top:21px; padding-right:27px; font-weight:500; font-size:18px;}
.main_con04 .mc04_ul > li .view::before, .main_con04 .mc04_ul > li .view::after{content:''; position:absolute; top:0; bottom:0; width:1px; height:7px; margin:0; background-color:#fff}
.main_con04 .mc04_ul > li .view::before{top:8px; right:3px; transform:rotate(45deg)}
.main_con04 .mc04_ul > li .view::after{top:3px; right:3px; transform:rotate(-45deg)}
.main_con04 .mc04_ul > li .title_en{position:absolute; top:0; right:-24px; font-weight:500; font-size:18px; color:#111; writing-mode:vertical-rl; -webkit-writing-mode:vertical-rl; -ms-writing-mode:tb-lr}

.main_con05{display:flex; align-items:center; background:url('/img/mc05_bg.png') no-repeat 50% 50%; background-size:cover}
.main_con05 .mc05_container{display:flex; flex-wrap:wrap}
.main_con05 .mc_title{width:26.154%; padding-top:40px}
.main_con05 .mc_title .title{transform:translateY(50px); opacity:0; transition:all 0.8s ease-in-out}
.animate .main_con05 .mc_title .title{transform:translateY(0); opacity:1}
.main_con05 .mc_title .text{margin-top:20px; transform:translateY(50px); opacity:0; transition:all 0.8s ease-in-out; transition-delay:0.2s}
.animate .main_con05 .mc_title .text{transform:translateY(0); opacity:1}
.main_con05 .mc_title .btn_more{display:inline-block; position:relative; margin-top:55px; padding-left:65px; font-weight:500; font-size:16px; color:#111; transition:opacity 0.8s, transform 0.8s; transform:translateY(50px); opacity:0; transition-delay:0.4s}
.animate .main_con05 .mc_title .btn_more{transform:translateY(0); opacity:1}
.main_con05 .mc_title .btn_more:hover{color:#e93e02}
.main_con05 .mc_title .btn_more::before{content:''; position:absolute; top:0; left:0; bottom:0; width:50px; height:1px; margin:auto; background-color:#222;/*  transition:background 0.2s ease-in-out */}
.main_con05 .mc_title .btn_more:hover::before{background-color:#e93e02}
.main_con05 .mc_content{width:73.846%}
.main_con05 .miso-post-gallery .post-row{transform:translateY(70px); opacity:0; transition:all 0.8s ease-in-out; transition-delay:0.6s}
.main_con05 .miso-post-gallery .post-row:nth-child(2){transition-delay:0.8s}
.main_con05 .miso-post-gallery .post-row:nth-child(3){transition-delay:1.0s}
.animate .main_con05 .miso-post-gallery .post-row{transform:translateY(0); opacity:1}
.main_con05 .miso-post-gallery .post-content{margin:0; padding:0}
.main_con05 .miso-post-gallery .post-content a{display:block; padding-top:20px}
.main_con05 .miso-post-gallery .post-content .title{font-weight:500; font-size:18px; line-height:1.55; color:#222; overflow:hidden; white-space:normal; height:3.1em; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.main_con05 .miso-post-gallery .post-content .date{padding-top:20px; font-size:14px; color:#999}

.main_con06{display:flex; flex-wrap:wrap}
.main_con06 .mc06_con{width:50%}
.main_con06 .mc06_01{background-repeat:no-repeat; background-position:50% 50%; background-size:cover}
.main_con06 .mc06_01 > a{display:block; width:100%; height:100%; padding:105px 85px}
.main_con06 .mc06_01 .title{font-weight:600; font-size:45px; line-height:1.3; color:#fff; transform:translateY(50px); opacity:0; transition:all 0.8s ease-in-out}
.animate .main_con06 .mc06_01 .title{transform:translateY(0); opacity:1}
.main_con06 .mc06_01 .text{margin-top:30px; font-size:20px; line-height:1.3; color:#fff; transform:translateY(50px); opacity:0; transition:all 0.8s ease-in-out; transition-delay:0.2s}
.animate .main_con06 .mc06_01 .text{transform:translateY(0); opacity:1}
.main_con06 .mc06_02 .mc06_ul{height:100%}
.main_con06 .mc06_ul > li{display:flex; height:50%}
.main_con06 .mc06_ul > li:nth-of-type(2n){flex-direction:row-reverse}
.main_con06 .mc06_ul > li > div{opacity:0; transition:all 0.8s ease-in-out; transition-delay:0.4s}
.main_con06 .mc06_ul > li > div:nth-child(2){transition-delay:0.6s}
.main_con06 .mc06_ul > li:nth-child(2) > div:nth-child(2){transition-delay:0.8s}
.main_con06 .mc06_ul > li:nth-child(2) > div{transition-delay:1.0s}
.animate .main_con06 .mc06_ul > li > div{transform:translateY(0); opacity:1}
.main_con06 .mc06_ul > li .img_box{overflow:hidden; width:50%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
.main_con06 .mc06_ul > li .img_box a{display:block; width:100%; height:100%}
.main_con06 .mc06_ul > li .text_box{position:relative; width:50%; padding:80px 6.25% 135px}
.main_con06 .mc06_ul > li .title{font-weight:500; font-size:26px; line-height:1.2; color:#111}
.main_con06 .mc06_ul > li .text{margin-top:34px; font-size:18px; line-height:1.65; color:#999}
.main_con06 .mc06_ul > li .btn_box{position:absolute; left:13%; bottom:90px}
.main_con06 .mc06_ul > li .btn_direct{display:flex; align-items:center}
.main_con06 .mc06_ul > li .btn_direct > span{display:block; font-weight:600; font-size:16px; color:#111; transition:color 0.2s ease-in-out}
.main_con06 .mc06_ul > li .btn_direct .more{position:relative; width:28px; height:28px; margin-right:20px; border:1px solid #111; transition:color 0.2s ease-in-out}
.main_con06 .mc06_ul > li .btn_direct .more::before, .main_con06 .mc06_ul > li .btn_direct .more::after{left:1px; right:0; height:6px; background-color:#333; transition:color 0.2s ease-in-out}
.main_con06 .mc06_ul > li .btn_direct .more::before{top:4px}
.main_con06 .mc06_ul > li .btn_direct .more::after{bottom:4px}

@media (max-width:1500px){
	div#fp-nav.fp-left{left:7px}
	div#fp-nav ul li .fp-tooltip{display:none}
}
@media (max-width:1300px){
	.main_con02 .mc02_text{margin-right:15px}
}
@media (max-width:991px){
	.main_con{padding:50px 0}
	.main_con .mc_title .title{font-size:27px; line-height:1.2}
	.main_con .mc_title .text{font-size:14px; line-height:1.5}
	/* 슬라이더 기본 */
	.swiper-visual-container .visual_btn_box > a{margin:0 15px}
	.swiper-visual-container .visual_btn_box{bottom:20px}

	.main_con01 .swiper-visual-container .visual_text .title{font-size:40px; line-height:43px}
	.main_con01 .swiper-visual-container .visual_text .text{margin-top:15px; font-size:15px; line-height:22px}
	.main_con01 .swiper-visual-container .visual_text .btn_more{margin-top:42px}
	.main_con01 .swiper-visual-container .visual_text .btn_more span{padding:0 35px; font-size:14px; line-height:44px}
	.main_con01 .swiper-visual-container .visual_btn_box{bottom:30px}
	.main_con01 .swiper-visual-container .swiper-pagination-bullet-active{width:25px}

	.main_con02{flex-wrap:wrap; background-image:url('/img/mmc02_bg.png')}
	.main_con02 .mc02_bg{position:static; width:100%; padding-right:15px; transform:translateY(0); transition-delay:0.6s}
	.main_con02 .swiper-visual-container .visual_btn_box{top:15px; right:15px; bottom:auto; left:auto; transform:translateY(0)}
	.main_con02 .swiper-visual-container .swiper-pagination-bullet{margin:0 3px}
	.main_con02 .mc02_text{width:100%; margin:-40px 0 0; padding:0 35px}
	.main_con02 .mc_title{margin:0 0 32px auto; padding:0 15px; text-align:right}
	.main_con02 .mc_title .text{margin-top:15px}
	.main_con02 .mc_content{margin-top:0}
	.main_con02 .mc02_ul{flex-wrap:wrap}
	.main_con02 .mc02_ul > li{width:100%; padding:88px 0 60px; box-shadow:0 10px 15px rgba(0,0,0,.08)}
	.main_con02 .mc02_ul > li + li{margin-left:0; margin-top:20px}
	.main_con02 .mc02_ul > li .tit{font-size:22px}
	.main_con02 .mc02_ul > li::before{top:50px; font-size:60px}
	.main_con02 .mc02_ul > li .txt{height:60px; font-size:14px; line-height:1.4}
	.main_con02 .mc02_ul > li:hover{background-color:#fff}
	.main_con02 .mc02_ul > li:hover .tit{color:#119d2b}
	.main_con02 .mc02_ul > li:hover::before{color:#111}
	.main_con02 .mc02_ul > li:hover .txt{color:#333}

	.main_con03{background-image:url('/img/mmc03_bg.png')}
	.main_con03 .mc_title .text{margin-top:17px}
	.main_con03 .mc_content{margin-top:37px}
	.main_con03 .mc03_ul{flex-wrap:wrap}
	.main_con03 .mc03_ul > li{width:100%}
	.main_con03 .mc03_ul > li + li{margin-top:15px}
	.main_con03 .mc03_ul > li .title{top:15px; right:15px; font-size:13px; line-height:17px}
	.main_con03 .mc03_ul > li .arr_icon{width:45px; height:45px}
	.main_con03 .mc03_ul > li .arr_icon::after{width:17px; background-size:contain}

	.main_con04 .mc_content{margin-top:32px}
	.main_con04 .mc04_ul{flex-wrap:wrap; margin-right:-12px; margin-bottom:-25px}
	.main_con04 .mc04_ul > li{width:calc(50% - 12px); margin-right:12px; margin-bottom:25px; padding-right:15px}
	.main_con04 .mc04_ul > li + li{margin-left:0}
	.main_con04 .mc04_ul > li .text_box{top:18px; padding:0 20px}
	.main_con04 .mc04_ul > li .title{font-size:17px}
	.main_con04 .mc04_ul > li .view{margin-top:12px; padding-right:12px; font-size:13px;}
	.main_con04 .mc04_ul > li .view::before, .main_con04 .mc04_ul > li .view::after{height:5px}
	.main_con04 .mc04_ul > li .view::before{top:6px}
	.main_con04 .mc04_ul > li .title_en{top:0; right:0; font-size:12px}

	.main_con05{padding-top:0; background-image:url('/img/mmc05_bg.png')}
	.main_con05 .mc_title{width:100%; padding-top:0}
	.main_con05 .mc_title .text{margin-top:18px}
	.main_con05 .mc_title .text br{display:none}
	.main_con05 .mc_title .btn_more{margin-top:35px; padding-left:50px; font-size:13px}
	.main_con05 .mc_title .btn_more::before{width:38px}
	.main_con05 .mc_content{width:100%; margin-top:27px}
	.main_con05 .miso-post-gallery .post-content .title{font-size:15px}
	.main_con05 .miso-post-gallery .post-content .date{font-size:13px}
	.responsive .main_con05 .miso-post-gallery .post-wrap{margin-right:-15px !important; margin-bottom:-38px !important}
	.responsive .main_con05 .miso-post-gallery .post-list{margin-right:15px !important; margin-bottom:38px !important}

	.main_con06{padding:0}
	.main_con06 .mc06_con{width:100%}
	.main_con06 .mc06_01{position:relative}
	.main_con06 .mc06_01 > a{padding:0 0 85.334%}
	.main_con06 .mc06_01 .text_box{position:absolute; top:45px; left:15px}
	.main_con06 .mc06_01 .title{font-size:27px}
	.main_con06 .mc06_01 .text{margin-top:17px; font-size:14px}
	.main_con06 .mc06_ul > li{align-items:center}
	.main_con06 .mc06_ul > li .img_box{position:relative; padding-bottom:47.458%}
	.main_con06 .mc06_ul > li .img_box a{position:absolute; top:0; left:0}
	.main_con06 .mc06_ul > li .text_box{padding:0 15px}
	.main_con06 .mc06_ul > li .title{font-size:15px}
	.main_con06 .mc06_ul > li .text{margin-top:10px; font-size:12px; line-height:1.4}
	.main_con06 .mc06_ul > li .btn_box{position:static; margin-top:20px}
	.main_con06 .mc06_ul > li .btn_direct > span{font-size:12px}
	.main_con06 .mc06_ul > li .btn_direct .more{width:22px; height:22px; margin-right:10px}
	.main_con06 .mc06_ul > li .btn_direct .more::before, .main_con06 .mc06_ul > li .btn_direct .more::after{height:4px}
	.main_con06 .mc06_ul > li .btn_direct .more::before{top:2px}
	.main_con06 .mc06_ul > li .btn_direct .more::after{bottom:2px}
}


/* 220801 sjh 유지보수 */

@media(min-width:991px){
.hd_pops_con{max-height:80vh; overflow-y:scroll}
}