@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 모바일 메인 css
 * date : 2018-02-27
******************************************************** */


/* ******************  메인 비주얼 ********************** */
/* Main Layout :: VISUAL */
#mainVisual{width:100%; overflow:hidden; position:relative;}
#mainVisual .slick-track,
#mainVisual .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.visual-img{width:100%; position:relative;}
.visual-img li img{width:100%;}
/* VISUAL 화살표 */
#mainVisual .slick-arrow{position:absolute; top:50%; margin-top: 20px; width:40px; height:40px;  cursor:pointer; border:0; cursor:pointer; z-index:9; font-size:0; }
#mainVisual .slick-arrow.slick-prev{left:15px; background:url("/m/images/main/main_visual_prev.png") no-repeat; background-size:100% 100%; }
#mainVisual .slick-arrow.slick-next{left:54px; background:url("/m/images/main/main_visual_next.png") no-repeat; background-size:100% 100%; }
/* VISUAL 버튼 */
#mainVisual .slick-dots{position:absolute; width:100%;left:0; bottom:5%; text-align:center;}
#mainVisual .slick-dots li{display:inline-block; margin:0 3px ; }
#mainVisual .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:12px; height:12px; border:1px solid #fff; 
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
#mainVisual .slick-dots li.slick-active button{background-color:#fff;}		/* 버튼 active */

.main-visual-txt {position:absolute; z-index:99999; left:0; top:100px; bottom:65px; right:0;}
.main-visual-txt-wrap {display:table; width:100%; height:100%;}
.main-visual-txt-inner {display:table-cell; vertical-align: middle; width:100%;}
.main-visual-txt-inner h3 {font-size:43px; line-height: 40px; letter-spacing: -0.25px; color:#fff; font-weight: 500; position:relative; left:-5px; opacity:0;filter:Alpha(opacity=0); -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.main-visual-txt-inner p {margin-top: 80px; font-size:13px; line-height: 21px; letter-spacing: -0.5px; color:#fff; font-weight: 500; position:relative; left:-5px; opacity:0;filter:Alpha(opacity=0); -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s; transition-delay:0.5s}

.main-visual-txt.active .main-visual-txt-inner h3, .main-visual-txt.active .main-visual-txt-inner p {opacity:1;filter:Alpha(opacity=100); left:0;}

.main-visual-list {
    /* position:fixed;  */
    width:100%; left:0; bottom:0; z-index:99;}
.main-visual-list li {
	float:left;
	position:relative;
	width:50%;
	height:21.875vw;
	max-height:140px;
	background-position:center right;
	background-size:auto 100%;
	background-repeat:no-repeat;
}
.main-visual-list li.first{
	background-color:#272c32;
	background-image:url("/m/images/main/main_call_bg1.jpg");
}
.main-visual-list li.last{
	background-color:#07895d;
	background-image:url("/m/images/main/main_call_bg2.jpg");
}
.main-visual-list li a {display:block; }
.main-visual-list li a img {width:100%;}

.main-list-wrap {position:absolute; width:100%; left:0; top:0; height:100%;}
.main-list-inner {display:table; width:100%; text-align:center;height:100%;}
.main-list-inner .main-tel-inner {display:table-cell; vertical-align: middle; height:100%;  padding:5px 0;}
.main-list-inner p { color:#fff; font-weight: 500; font-size:15px; letter-spacing: -0.5px;}
.main-list-inner p span {font-size:15px; letter-spacing: -0.5px; display:inline-block; margin-bottom: 2px;}

.main-tel-inner dl {display:table; width:70%; margin:0 auto; text-align:left;}
.main-tel-inner dt {display:table-cell; width:22px; vertical-align: middle;}
.main-tel-inner dt i {color:#fff;}
.main-tel-inner dd {display:table-cell; vertical-align: middle; padding-left: 5%;}

/* .main-list-inner p span i {margin-left: 5px;} */
.main-list-inner p i {margin-right:5px; font-size:22px; line-height: 22px;}

.main-visual-list li:first-child .main-list-inner p {font-size:21px; letter-spacing: 0;}

/* ******************  메인 컨텐츠 ********************** */
#mainContent{}

#mainBrand {padding:35px 5%; opacity:0;filter:Alpha(opacity=0); -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
#mainBrand.animated {opacity:1;filter:Alpha(opacity=100);}

.main-brand-slider .slick-dots {position:absolute; width:100%; text-align:center; z-index:998; top:85px; /* top:50%; margin-top: -240px; */}
.main-brand-slider .slick-dots li {display:inline-block; width:8px; height:8px; margin:0 2px;}
.main-brand-slider .slick-dots li button {font-size:0; border:0; background-color:#BFBFBF; width:8px; height:8px; border-radius:50%;}
.main-brand-slider .slick-dots li.slick-active button {background-color:#12845D}

.main-brand-inner {text-align:center; }
.main-brand-inner .main-brand-tit p {font-size:15px; line-height: 25px; letter-spacing: 7px; color:#bab9b9; font-weight: 600;}
.main-brand-inner .main-brand-tit h2 {font-size:47px; letter-spacing: -0.25px; color:#272c32; font-weight: 400;}
.main-brand-inner .main-brand-info {margin-top: 45px;}
.main-brand-inner .main-brand-info.mt68 {margin-top: 68px;}
.main-brand-inner .main-brand-info .tit {font-size:17px; line-height: 24px; letter-spacing: -0.5px; color:#454545; font-weight: 500; margin-bottom: 15px; word-break:keep-all;}
.main-brand-inner .main-brand-info .info {font-size:13px; line-height: 20px; letter-spacing: -0.5px; color:#787878; word-break:keep-all;}
.main-brand-inner .main-brand-info a {display:inline-block; background-color:#12845D;  padding:12px; border-radius:30px; color:#fff; margin:25px 0;}
.main-brand-inner .main-brand-info img {width:100%;}

#mainFran {position:relative; right:-100%; opacity:0;filter:Alpha(opacity=0);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
#mainCenter {position:relative; left:-100%; opacity:0;filter:Alpha(opacity=0);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s; transition-delay:0.5s;}
#mainFran.animated {right:0;opacity:1;filter:Alpha(opacity=100);}
#mainCenter.animated {left:0; opacity:1;filter:Alpha(opacity=100);}

.main-fran-slider-wrap {position:relative; }
.main-fran-tit {position:absolute; width:40%; height:100%; background-color:rgba(18, 132, 93, 0.8); z-index:10;}
.main-fran-tit-inner {padding-left: 16%; position:relative; top:50%; margin-top: -50px;}
.main-fran-tit-inner p {font-size:15px; letter-spacing: 7px; color:rgba(255, 255, 255, 0.7); font-weight: 600; white-space:nowrap;}
.main-fran-tit-inner h3 {font-size:46px; letter-spacing: -0.25px; color:#fff; font-weight: 400; margin-top: 5px; margin-bottom: 15px;}
.main-fran-tit-inner a {position:absolute; width:100%; min-width:100px; max-width:130px;display:inline-block; font-size:12px; letter-spacing: -0.5px; color:#fff; text-align:center; border:2px solid #fff; padding:10px; }
.main-fran-tit-inner a img {margin-left: 10px; width:10px}
.main-fran-slider .main-fran-inner img {width:100%; }

.main-fran-info {text-align:center; padding:30px 0;}
.main-fran-info h3 {font-size:18px; letter-spacing: -0.5px; color:#4a4a49; font-weight: 500;}
.main-fran-info h3 span {color:#12845d;}
.main-fran-info p {font-size:13px; line-height: 19px; letter-spacing: -0.5px; color:#787878; margin:15px 0;}
.main-fran-info ul li {display:inline-block; width:18%; margin:0 10px;}
.main-fran-info ul li img {width:100%;}
.main-fran-info ul li p {font-size:12px; letter-spacing: -0.5px; color:#646464;}

.main-center-slider-wrap {position:relative; }
.main-center-tit {position:absolute; width:40%; height:100%; background-color:rgba(18, 132, 93, 0.8); z-index:10;}
.main-center-tit-inner {padding-left: 16%; position:relative; top:50%; margin-top: -50px;}
.main-center-tit-inner p {font-size:15px; letter-spacing: 7px; color:rgba(255, 255, 255, 0.7); font-weight: 600; white-space:nowrap;}
.main-center-tit-inner h3 {font-size:46px; letter-spacing: -0.25px; color:#fff; font-weight: 400; margin-top: 5px; margin-bottom: 15px;}
.main-center-tit-inner a {position:absolute; width:100%; min-width:100px; max-width:130px;display:inline-block; font-size:12px; letter-spacing: -0.5px; color:#fff; text-align:center; border:2px solid #fff; padding:10px; }
.main-center-tit-inner a img {margin-left: 10px; width:10px}
.main-center-slider .main-center-inner img {width:100%; }

.main-center-info {text-align:center; padding:30px 0;}
.main-center-info h3 {font-size:18px; letter-spacing: -0.5px; color:#4a4a49; font-weight: 500;}
.main-center-info h3 span {color:#12845d;}
.main-center-info p {font-size:13px; line-height: 19px; letter-spacing: -0.5px; color:#787878; margin:15px 0;}
.main-center-info a {display:inline-block; background-color:#12845D;  padding:15px 30px; border-radius:25px; color:#fff; }

#mainInterior {position:relative; top:-30px; background:url("/m/images/main/main_interior_bg.jpg") no-repeat center top; background-size:100% auto; padding-bottom: 50px; opacity:0;filter:Alpha(opacity=0); -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
#mainInterior.animated {top:0; opacity:1;filter:Alpha(opacity=100);}

.main-interior-tit {text-align:center; padding:30px 0;}
.main-interior-tit p {font-size:15px; letter-spacing: 7px; color:#bab9b9; font-weight: 600; margin-bottom: 5px;}
.main-interior-tit h3 {font-size:47px; letter-spacing: -0.25px; color:#fff; font-weight: 400;}

.main-interior-wrap {margin:0 5%; position:relative;}
.main-interior-wrap .cm-tab-con {display:none;}
.main-interior-wrap .cm-tab-con.active {display:block;}

.main-interior-slider img {width:100%;}
.main-interior-slider .slick-arrow {position:absolute; z-index:11; font-size:0; width:57px; height:57px; bottom:-1px; cursor:pointer;}
.main-interior-slider .slick-prev {background:url("/m/images/main/main_interior_prev.jpg") no-repeat; background-size:100% auto; right:57px;}
.main-interior-slider .slick-next {background:url("/m/images/main/main_interior_next.jpg") no-repeat; background-size:100% auto; right:0;}

.main-interior-tab {position:absolute; z-index:10; margin-top: 15px;}
.main-interior-tab li {margin:10px 0;}
.main-interior-tab li.selected {background-color:#12845D}
.main-interior-tab li a {display:block; padding-left: 20px; padding-right:10px; position:relative; font-size:15px; line-height: 30px; letter-spacing: -0.5px; color:#fff; font-weight: 600;}
.main-interior-tab li a::before {content:""; position:absolute; left:0; top:50%; margin-top: -1px; width:10px; height:2px; background-color:#fff;}

.main-interior-slider-wrap {position:relative;}
.main-interior-slider-tit {position:absolute; z-index:10; bottom:-1px; left:0; width:90%; background-color:#272C32; padding:20px 5%; max-height:57px;}
.main-interior-slider-tit a {display:block;padding:20px 5%; }
.main-interior-slider-tit a.pn {display:block;padding:0; }
.main-interior-slider-tit p {font-size:17px; letter-spacing: -0.5px; color:#fff; font-weight: 500;}
.interior-gang {position:absolute; z-index:2; left:50%; bottom:0;}
.interior-gang img {width:100%;}




/* -------- 메인 롤링 아이템 리스트 -------- */
#mainListCon{margin-bottom:15px;}
/* item slide :: LIST */
.prd-rolling-list-container{position:relative;}
.prd-list-item{width:150px;}
.prd-list-item img{width:100%;}
/* item slide :: arrow */
.swiper-prev-btn,.swiper-next-btn{position:absolute; top:50%; margin-top:-26px; z-index:9; background-color:rgba(0,0,0,0.2)}
.swiper-prev-btn{left:0px;}
.swiper-next-btn{right:0px;}
.swiper-prev-btn i,.swiper-next-btn i{font-size:34px; line-height:34px; color:#fff;}
/* item slide :: dots */
.main-list-dots{padding-top:5px; text-align:center;}
.main-list-dots .swiper-pagination-bullet-active{background-color:#f68326}

/* -------- 메인 탭 게시판 -------- */
#mainBoardCon{margin-bottom:15px;}
.main-bbs-tab-list ul{overflow:hidden;}
.main-bbs-tab-list li{float:left; width:50%;}
.main-bbs-tab-list li a{display:block; height:36px; line-height:36px;text-align:center; font-size:13px; color:#999; background-color:#eee;font-weight:300; }
.main-bbs-tab-list li.selected a{background-color:#333; color:#fff; font-weight:600;}
.main-bbs-tab-wrapper .main-bbs-tab-con{border:1px solid #ccc; background-color:#fff;}
.main-bbs-con{position:relative; padding:25px 15px;}
.main-bbs-con a{display:block;}
.main-bbs-con .main-bbs-tit{color:#666; font-size:15px; font-weight:600; display:block; padding-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main-bbs-con .main-bbs-content{height:56px; overflow:hidden; font-size:13px; line-height:18px;color:#999; word-break:keep-all; margin-bottom:20px;}
.main-bbs-con .main-bbs-date{color:#cfcfcf; font-size:12px;}
.main-bbs-con .main-bbs-more-btn{position:absolute; bottom:25px; right:15px;color:#fff; background-color:#f68326; width:80px; height:20px; line-height:20px; text-align:center; border-radius:20px; }
/* 메인 탭 게시판 :: 메인게시판 리스트  */
.main-board-list{padding-top:20px;}
.main-board-list li{position:relative; padding-left:10px; margin-bottom:10px;}
.main-board-list li:before{position:absolute; top:50%; left:0px; content:""; margin-top:-2px; display:inline-block; width:4px; height:4px; background-color:#f68326; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.main-board-list li a{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px; line-height:18px; letter-spacing:-0.5px;color:#101010}
.main-bbs-more{position:absolute; top:10px;right:10px;}
.main-bbs-more i{color:#333;}



/* -------- 메인 배너 -------- */
#mainBanner{}
#mainBanner img{width:100%; vertical-align:top;}


/* ---------------- 메인 수정 190625 ---------------- */
.n_main-brand-slider .main-brand-info {margin-top: 45px; padding-bottom:87px;}
.main-brand-slider.add .main-brand-tit p {}
.main-brand-slider.add .main-brand-tit h2 {font-size: 30px; letter-spacing: -0.125em; color: #272c32; font-weight: 500; line-height:1.167em;}
.main-brand-inner .main-brand-tit strong {font-size:47px; letter-spacing: -0.025em; color:#272c32; font-weight: 400; line-height:0.745em;}
.main-brand-slider.add .tit-basic {margin-bottom: 10px; letter-spacing: -1px;}
.n_main-brand-slider .slick-dots {position:absolute; width:100%; text-align:center; z-index:998; top:113px; }
.n_main-brand-slider .main-brand-info a {
	display:block;
	position:absolute;
	left:50%;
	bottom:25px;
	margin:0;
	transform:translate(-50%, 0);
}


/* 20201110 메인수정 */
#mainCenterguide {opacity:0;filter:Alpha(opacity=0); -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s }
#mainCenterguide.animated {top:0; opacity:1;filter:Alpha(opacity=100);}
.main-center-guide-inner {position:relative;  background:url("/m/images/main/m_main_center_guide_bg.jpg") no-repeat center bottom; background-size:100% 100%; padding-bottom: 50px;}
.main-center-guide-tit {text-align:center; padding:50px 0 35px;}
.main-center-guide-tit p {font-size:15px; letter-spacing: 7px; color:#bab9b9; font-weight: 600; margin-bottom: 5px;}
.main-center-guide-tit h3 {font-size:47px; letter-spacing: -0.25px; color:#272c32; font-weight: 400;}
.main-center-guide-tit p.desc {font-size:15px; letter-spacing: 1px; color:#bab9b9; font-weight: 400; margin-bottom: 5px;}

.main-center-guide-slider-wrap {width: 60%; margin: 41px auto; overflow: visible; }
.main-center-guide-slider {width: 100%;}
.main-center-guide-slider .slick-list {overflow: visible;}
.main-center-guide-slider .main-center-guide-slider-inner img {width:100%; }

.main-center-guide-area {z-index: 1; background-color: #fff; border:1px solid #fff; opacity: 0.5; -webkit-transform: scale(0.8);  -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform:scale(0.8) ; transform: scale(0.8); -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.main-center-guide-area .main-center-guide-area-txt {display: block; padding: 25px 20px;}
.main-center-guide-area .main-center-guide-area-txt .tit{font-size: 16px; color: #454545; font-weight: 500; white-space: nowrap;}
.main-center-guide-area .main-center-guide-area-txt .desc { margin-top: 10px; font-size: 12px; font-weight: 300; letter-spacing: -0.5px; color: #555; line-height: 15px;}
.main-center-guide-area .main-center-guide-area-txt .time { overflow: hidden; margin: 7px 0 13px; color: #757575; opacity: 0.8; font-size: 11px; letter-spacing: -0.5px; word-break: keep-all;}
.main-center-guide-img {width: 100%; height: 100%; overflow:hidden; }

.main-center-guide-slider-inner.slick-current .main-center-guide-area {border:4px solid #118b56; margin-top: 0; z-index: 2; opacity: 1;  -webkit-transform: scale(1.2);  -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform:scale(1.2) ; transform: scale(1.2);}
.main-center-guide-slider-inner.slick-current .main-center-guide-area .main-center-guide-area-img img  {margin-top: -1px;}
.main-center-guide-slider-inner.slick-current .main-center-guide-area .main-center-guide-area-txt .tit {color: #118b56; text-decoration: underline;}

.main-center-guide-slider-wrap .slick-dots {width: 100%;position: absolute; bottom:-80px; left:50%; transform:translateX(-50%);}
.main-center-guide-slider-wrap .slick-dots button{font-size: 0; text-indent: -9999px; width: 10px; height: 10px; border:1px solid rgba(255,255,255,0.5); border-radius:25px; margin-right: 8px;}
.main-center-guide-slider-wrap .slick-dots ul:after {content:''; clear: both; display: block;}
.main-center-guide-slider-wrap .slick-dots li {float: left;}
.main-center-guide-slider-wrap .slick-dots li.slick-active button {background-color: #118b56; border:0;}

.main-center-guide-slider img {width:100%;}
.main-center-guide-slider .slick-arrow {position:absolute; z-index:11; font-size:0; width:57px; height:57px; bottom:100px; cursor:pointer;}
.main-center-guide-slider .slick-prev {background:url("/m/images/main/m_main-center-guide_prev.png") no-repeat; background-size:100% auto; left:-16%;}
.main-center-guide-slider .slick-next {background:url("/m/images/main/m_main-center-guide_next.png") no-repeat; background-size:100% auto; right:-16%;}

.main-center-guide-info {margin-top: 100px;}
.main-center-guide-info a {margin: 0 auto; width:100%; min-width:100px; max-width:235px; display:block; font-size:15px; letter-spacing: -0.5px; color:#fff; text-align:center; border:2px solid #fff; padding:17px 0; }
.main-center-guide-info a img {margin-left: 10px; width:10px}

/* 201130 메인 수정 */
.main-common-tit p{font-size: 15px;letter-spacing: 7px;color: #858585;font-weight: 600;margin-bottom: 5px;}
.main-common-tit h3{font-size: 47px;letter-spacing: -0.025em;color: #272c32;font-weight: 400;}
.main-common-tit .desc{font-size: 13px;font-weight: 500;color: #404040;line-height: 1.18em;}
.main-system-wrap{padding-bottom: 55px;background: url('../images/main/m_main_system_bg.jpg') no-repeat center;background-size: cover;box-sizing: border-box;}
.main-system-wrap .main-common-tit{padding: 50px 0 5px;}
.main-system-wrap .system_btn{letter-spacing: 0.3em;display: block;border: 2px solid #404040;width: 238px;height: 56px;line-height: 56px;font-size: 16px;font-weight: 500;text-align: center;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.main-system-wrap .system_btn:hover{background: #454545; color: #dedcdb;}
.main-system-box{width: 220px;margin: 0 auto;}
.main-system-box .box_tit{text-align: left;font-size: 40px;letter-spacing: -0.025em;margin: 23px 0 14px;}
.main-system-box .box_tit img{width: 47px;margin-right: 3px;}
.main-system-box li{display: table;text-align: center;border-radius: 15px;width: 104px;height: 104px;float: left;margin: 3px;box-sizing: border-box;}
.main-system-box li p{color: #fff;font-size: 13px;margin-top: 6px;letter-spacing: -0.075em;line-height: 1.3em;font-weight: 400;font-family: "Noto Sans KR";}
.main-system-box li img{width: 50px;margin-top: 5px;}
.main-system-box.basic .box_tit{color: #fff;text-shadow: 2px 2px 15px rgba(0,0,0,0.7);}
.main-system-box.basic li{border: 2px solid #fff;background: #5f5e5e;}
.main-system-box.up .box_tit{color: #564535;}
.main-system-box.up li{border: 2px solid #f4e58c;background: #6b5d4e;}
.main-system-btn{margin: 30px auto 0;font-size: 15px;width: 210px;height: 53px;line-height: 53px;display: block;color: #585858;font-weight: 500;border: 2px solid #585858;letter-spacing: 0.1em;}
.main-system-btn:hover,.main-system-btn:active{background: #585858;color: #dedcdb;}

.main-competit-wrap{padding: 50px 0;background: url('/m/images/main/m_main_competit_bg.jpg') no-repeat center;background-size: cover;box-sizing: border-box;}
.main-competit-wrap .main-common-tit h3{line-height: 0.86em;color: #fff;}
.main-competit-wrap .main-common-tit .desc{color: rgba(255,255,255,.5);}
.main-competit-wrap .main-common-tit p{color: rgba(255,255,255,.5);padding-bottom: 4px;}
.main-competit-wrap .graph{position: relative; width: 92.1875%; margin: 30px auto 52px;height: 292px; border-left: 1px solid; border-bottom: 1px solid; border-color: rgba(255,255,255,.6);}
.main-competit-wrap .graph:after,
.main-competit-wrap .graph:before{content:'';position: absolute;background-repeat: no-repeat;background-size: contain;}
.main-competit-wrap .graph:after{width: 14px;height: 8px;top: 0;left: -7px;background-image: url('/kr/images/main/main_competit_graph_line_h.png');}
.main-competit-wrap .graph:before{height: 14px;width: 8px;bottom: -7px;right: 0;background-image: url('/kr/images/main/main_competit_graph_line_w.png');}
.main-competit-wrap .graph .txt{width: 213px;position: absolute;left: 30px;top: 27px;}
.main-competit-wrap .graph .txt img{width: 100%;}
.main-competit-wrap .graph .date{position: absolute; bottom: -30px; left: 16px; width: 100%;}
.main-competit-wrap .graph .date li{float: left; text-align: center;font-size: 14.5px;color: rgba(129,210,180,.55);letter-spacing: -0.02em;font-family: 'SCDream';width: 12.08%;}
.main-competit-wrap .graph .date li:first-child{margin-left: 0;}
.main-competit-wrap .graph .line{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.main-competit-wrap .graph .line:before{content:'';transition: all 2.2s ease;background: url('/kr/images/main/main_competit_graph_bg.png') no-repeat;background-size: cover;position: absolute;top: 0;left: 0;width: 0;height: 100%;}
.main-competit-wrap .graph .line.load:before{width: 100%; transition-delay:300ms}
.main-competit-wrap .graph .line:after{opacity: 0;content:'';width: 150px;height: 180px;background: url('/kr/images/main/main_competit_graph_model.png') no-repeat;position: absolute;bottom: 0;right: 0;z-index: 2;background-size: contain;}
.main-competit-wrap .graph .line.load:after{opacity: 1;transition: all 0.4s 1.8s ease;}
.main-competit-wrap .graph .line .bar {position: absolute; bottom: 0; width: 12.08%; height: 0; transition: all 300ms linear;}
.main-competit-wrap .graph .line .bar .desc{opacity: 0;transition: all .3s ease;position: absolute;top: 10px;left: -50px; width: 140%; content: ''; height: 45px;font-size: 12px;color: rgba(24,245,171,.7);line-height: 1.355em;text-align: center;font-family: "Noto Sans KR";letter-spacing: -0.025em;}
.main-competit-wrap .graph .line .bar:nth-child(1) .desc{top: -64px;left: -46px;}
.main-competit-wrap .graph .line .bar:nth-child(5) .desc{top: -66px;}
.main-competit-wrap .graph .line .bar:before {display: block; content: ''; position: absolute; bottom: 100%; left: 0; z-index: 1; width: 1px; height: 0; background: #fce76a; transform-origin: left bottom; transition: all 200ms linear;}
.main-competit-wrap .graph .line .bar:after {display: block; content: ''; position: absolute; top: -4px; left: -4px; z-index: 2; width: 7px; height: 7px; border-radius: 50%; background: #fce76a;}
.main-competit-wrap .graph .line .bar.bar05:after {left: -4px;top: -4px;width: 8px;height: 8px;}
.main-competit-wrap .graph .line .bar.bar06:after {left: -5px;top: -5px;width: 10px;height: 10px;}
.main-competit-wrap .graph .line .bar.bar07:after {left: -5.5px;top: -5.5px;width: 12px;height: 12px;}
.main-competit-wrap .graph .line .bar.bar08:after {left: -11px;top: -11px;width: 16px;height: 16px;}
.main-competit-wrap .graph .line .bar.bar08 .last:after{content: ''; transition: all .3s ease;position: absolute; width: 0;height: 0;top: -4px;left: -4px;background: rgba(252,231,106,.25);border-radius: 50%;}
.main-competit-wrap .graph .line .bar.bar08 .last.light:after{top: -24px; left: -24px; width: 42px; height: 42px;}
.main-competit-wrap .graph .line .bar:nth-child(1) {left: 7.158836689038031%;}
.main-competit-wrap .graph .line .bar:nth-child(2) {left: 19.79865771812081%; transition-delay: 100ms;}
.main-competit-wrap .graph .line .bar:nth-child(3) {left: 31.76733780760626%; transition-delay: 200ms;}
.main-competit-wrap .graph .line .bar:nth-child(4) {left: 43.84787472035794%; transition-delay: 300ms;}
.main-competit-wrap .graph .line .bar:nth-child(5) {left: 55.8165548098434%; transition-delay: 400ms;}
.main-competit-wrap .graph .line .bar:nth-child(6) {left: 68.0089485458613%; transition-delay: 500ms;}
.main-competit-wrap .graph .line .bar:nth-child(7) {left: 80.08948545861298%; transition-delay: 600ms;}
.main-competit-wrap .graph .line .bar:nth-child(8) {left: 92.05816554809843%; transition-delay: 700ms;}
.main-competit-wrap .graph .line .bar:nth-child(1):before {transform: rotate(60deg); transition-delay: 300ms;}
.main-competit-wrap .graph .line .bar:nth-child(2):before {transform: rotate(64.5deg); transition-delay: 500ms;}
.main-competit-wrap .graph .line .bar:nth-child(3):before {transform: rotate(56deg); transition-delay: 700ms;}
.main-competit-wrap .graph .line .bar:nth-child(4):before {transform: rotate(73deg); transition-delay: 900ms;}
.main-competit-wrap .graph .line .bar:nth-child(5):before {transform: rotate(71.5deg); transition-delay: 1100ms;}
.main-competit-wrap .graph .line .bar:nth-child(6):before {transform: rotate(73deg); transition-delay: 1300ms;}
.main-competit-wrap .graph .line .bar:nth-child(7):before {transform: rotate(58deg); transition-delay: 1500ms;}
.main-competit-wrap .graph .line .bar .num {color: #fff;font-size: 18px;position: absolute; top: -27px; left: -34px; width: 100%; text-align: center; font-weight: 500;font-family: 'Poppins';}
.main-competit-wrap .graph .line .bar07 .num {font-size: 20px; top: -31px;}
.main-competit-wrap .graph .line .bar08 .num {font-size: 25px;color: #fce76a; top: -52px;letter-spacing: -0.05em;}
.main-competit-wrap .graph .line .bar .num:after{content: '호점'; display: inline-block;font-size: 12px;}
.main-competit-wrap .graph .line .bar07 .num:after{font-size: 14px;}
.main-competit-wrap .graph .line .bar08 .num:after{font-size: 18px;font-weight: 600;}
.main-competit-wrap .graph .line.load .bar .desc{opacity: 1;}
.main-competit-wrap .graph .line.load .bar:nth-child(1) .desc{transition-delay: 300ms;}
.main-competit-wrap .graph .line.load .bar:nth-child(2) .desc{transition-delay: 500ms;}
.main-competit-wrap .graph .line.load .bar:nth-child(3) .desc{transition-delay: 700ms;}
.main-competit-wrap .graph .line.load .bar:nth-child(4) .desc{transition-delay: 900ms;}
.main-competit-wrap .graph .line.load .bar:nth-child(5) .desc{transition-delay: 1100ms;}
.main-competit-wrap .graph .line.load .bar:nth-child(6) .desc{transition-delay: 1300ms;}
.main-competit-wrap .graph .line.load .bar:nth-child(7) .desc{transition-delay: 1500ms;}
.main-competit-wrap .graph .line.load .bar:nth-child(8) .desc{transition-delay: 1700ms;}
.main-competit-wrap .graph .line.load .bar:nth-child(1) {height: 2%;}
.main-competit-wrap .graph .line.load .bar:nth-child(2) {height: 16.22222222222222%;}
.main-competit-wrap .graph .line.load .bar:nth-child(3) {height: 26.88888888888889%;}
.main-competit-wrap .graph .line.load .bar:nth-child(4) {height: 42.88888888888889%;}
.main-competit-wrap .graph .line.load .bar:nth-child(5) {height: 49.77777777777778%;}
.main-competit-wrap .graph .line.load .bar:nth-child(6) {height: 57.77777777777778%;}
.main-competit-wrap .graph .line.load .bar:nth-child(7) {height: 65.11111111111111%;}
.main-competit-wrap .graph .line.load .bar:nth-child(8) {height: 78.66666666666667%;}
.main-competit-wrap .graph .line.load .bar:before {height: 75px;}
.main-competit-wrap .graph .line.load .bar:last-child:before {height: 0;}
.main-competit-wrap .graph .line.load .bar:nth-child(1):before {height: 83px;}
.main-competit-wrap .graph .line.load .bar:nth-child(2):before {height: 79px;}
.main-competit-wrap .graph .line.load .bar:nth-child(3):before {height: 85px;}
.main-competit-wrap .main-center-guide-info{margin-top: 0;}

/* 201228 창업경쟁력 수정 */
.in .anim.delay200{animation-delay:.2s!important;}
.in .anim.delay400{animation-delay:.4s!important;}
.in .anim.delay600{animation-delay:.6s!important;}
.in .anim.delay800{animation-delay:.8s!important;}
.in .anim.delay1000{animation-delay:1s!important;}
.in .anim.delay1200{animation-delay:1.2s!important;}
.in .anim.fade-in-up{
	animation-duration: 0.7s;
	animation-name: fadeInUp;
}
@keyframes fadeInUp{
	0%{opacity:0;transform:translateY(30px);}
	100%{opacity:1;transform:translateY(0);}
}
.main-competit-slide{
	position: relative;
	overflow: hidden;
	margin-top: 17px;
}
.main-competit-slide .competit_slide{
	width: 100%;
	overflow: visible;
	font-family: 'Noto Sans KR';
	padding: 62px 0 5px;
	margin: 0 auto !important;
	min-height: 358px;
}
.main-competit-slide .competit_slide_info{
	font-size: 13px;
	color: rgba(255,255,255,.5);
	font-weight: 200;
	text-align: center;
	margin: 12px 0 30px;
	position: relative;
	z-index: 2;
}
.main-competit-slide .competit_slide_tit{
	font-size: 26px;
	font-weight: 600;
	color: #fce76a;
	line-height: 1.2em;
	text-align: center;
	padding-top: 15px;
}
.main-competit-slide .slick-arrow{
	top: -105px;
	width: 57px;
	height: 57px;
	background-size: contain;
	text-indent: -9999px;
	font-size: 0;
	position: absolute;
	z-index: 10;
	outline:0;
}
.main-competit-slide .slick-prev{
	left: 20px;
	background-image: url('/kr/images/main/main_competit_slide_prev.png');
}
.main-competit-slide .slick-next{
	right: 20px;
	background-image: url('/kr/images/main/main_competit_slide_next.png');
}
.main-competit-slide .competit_slide_wrap .slick-list{
	overflow: visible;	
}
.main-competit-slide .competit_slide_wrap .list{
	background-color:#000;
	border-radius:15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	transition: all .3s ease;
	border:3px solid #194b3a;
	width: 182px;
	outline:0;
}
.main-competit-slide .competit_slide_wrap .list>div{
	opacity: 0.5;
	background-color:#094733;
	padding: 0 17px 15px;
	height: 100%;
	border-radius:15px;
}
.main-competit-slide .competit_slide_wrap .list.slick-active{
	z-index: 9;
	margin-top: -10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: transparent;
	border: 0;
	position: relative;
	z-index: 2;
}
.main-competit-slide .competit_slide_wrap .list.slick-active>div{
	transform: scale(1.2);
	opacity: 1;
	background: url('/kr/images/main/main_competit_slide_bg.png') no-repeat center;
	background-size: 100% 100%;
	border: 0;
	margin-top: 10px;
	-webkit-box-shadow: 3px 3px 20px 3px rgba(3,54,37,.9);
	-moz-box-shadow: 3px 3px 20px 3px rgba(3,54,37,.9);
	box-shadow: 3px 3px 20px 3px rgba(3,54,37,.9);
}
.main-competit-slide .competit_slide_wrap .slide_tit{padding-top: 23px;}
.main-competit-slide .competit_slide_wrap .slide_tit p{
	font-size: 20px;
	color: #7bffd3;
}
.main-competit-slide .competit_slide_wrap .slick-active .slide_tit p{
	font-size: 21px;
	color: #fce76a;
}
.main-competit-slide .competit_slide_wrap .list .slide_tit span{
	font-size: 19px;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 20px;
	display: block;
}
.main-competit-slide .competit_slide_wrap .slick-active .slide_tit span{font-size: 20px;}
.main-competit-slide .competit_slide_wrap .slide_table{
	width: 100%;
	border-top: 1px solid rgba(206,218,214,.18);
}
.main-competit-slide .competit_slide_wrap .slide_table td{
	padding: 6px 0;
	font-size: 12px;
	color: rgba(255,255,255,.55);
	overflow: hidden;
	font-weight: 300;
	text-align: left;
}
.main-competit-slide .competit_slide_wrap .slide_table td:last-child{text-align: right;}
.main-competit-slide .competit_slide_wrap .slide_table .fs13{
	font-size: 13px !important;
	color: #fff;
}
.main-competit-slide .competit_slide_wrap .slide_table .fs21{
	font-size: 21px;
	color: #fce76a;
}
.main-competit-slide .competit_slide_wrap .slide_table .sales td{
	padding: 8px 0;
	border-bottom: 1px solid rgba(206,218,214,.18);
}
.main-competit-slide .competit_slide_wrap .slide_table .pt12 td{padding-top: 12px;}
.main-competit-slide .competit_slide_wrap .slide_table .pb12 td{padding-bottom: 12px;}
.main-competit-slide .competit_slide_wrap .slide_table .margin td{
	border-top: 1px solid rgba(206,218,214,.18);
	color: #fff;
}

@media all and (max-width:640px) {
	.main-center-guide-slider .slick-arrow { width:44px; height:44px;}	
	.main-center-guide-slider .slick-prev {left:-20%;}
	.main-center-guide-slider .slick-next {right:-20%;}
	
	.main-competit-wrap .graph{height: 45.625vw; }
	.main-competit-wrap .graph:after{width: 2.1875vw;height: 1.25vw;left: -1.09375vw;}
	.main-competit-wrap .graph:before{height: 2.1875vw;width: 1.25vw;bottom: -1.09375vw;}
	.main-competit-wrap .graph .txt{width: 33.28125vw;left: 4.6875vw;top: 4.21875vw;}
	.main-competit-wrap .graph .date{bottom: -4.6875vw; left: 2.5vw;}
	.main-competit-wrap .graph .date li{font-size: 2.265625vw;}
	.main-competit-wrap .graph .line:after{width: 23.4375vw;height: 28.125vw;}
	.main-competit-wrap .graph .line .bar .desc{top: 1.5625vw;left: -7.8125vw; height: 7.03125vw;font-size: 1.875vw;}
	.main-competit-wrap .graph .line .bar:nth-child(1) .desc{top: -10vw;left: -7.1875vw;}
	.main-competit-wrap .graph .line .bar:nth-child(5) .desc{top: -10.3125vw;}
	.main-competit-wrap .graph .line .bar:after {top: -0.625vw; left: -0.625vw; width: 1.09375vw; height: 1.09375vw;}
	.main-competit-wrap .graph .line .bar.bar05:after {left: -0.625vw;top: -0.625vw;width: 1.25vw;height: 1.25vw;}
	.main-competit-wrap .graph .line .bar.bar06:after {left: -0.78125vw;top: -0.78125vw;width: 1.5625vw;height: 1.5625vw;}
	.main-competit-wrap .graph .line .bar.bar07:after {left: -0.859375vw;top: 0.859375vw;width: 1.875vw;height: 1.875vw;}
	.main-competit-wrap .graph .line .bar.bar08:after {left: -1.71875vw;top: -1.71875vw;width: 2.5vw;height: 2.5vw;}
	.main-competit-wrap .graph .line .bar.bar08 .last:after{top: -0.625vw;left: -0.625vw}
	.main-competit-wrap .graph .line .bar.bar08 .last.light:after{top: -3.75vw; left: -3.75vw; width: 6.5625vw; height: 6.5625vw;}
	.main-competit-wrap .graph .line .bar .num {font-size: 2.8125vw;top: -4.21875vw; left: -5.3125vw;}
	.main-competit-wrap .graph .line .bar07 .num {font-size: 3.125vw; top: -4.84375vw;}
	.main-competit-wrap .graph .line .bar08 .num {font-size: 3.90625vw;top: -8.125vw;}
	.main-competit-wrap .graph .line .bar .num:after{font-size: 1.875vw;}
	.main-competit-wrap .graph .line .bar07 .num:after{font-size: 2.1875vw;}
	.main-competit-wrap .graph .line .bar08 .num:after{font-size: 2.8125vw;}
	.main-competit-wrap .graph .line.load .bar:before {height: 11.71875vw;}
	.main-competit-wrap .graph .line.load .bar:last-child:before {height: 0;}
	.main-competit-wrap .graph .line.load .bar:nth-child(1):before {height: 12.96875vw;}
	.main-competit-wrap .graph .line.load .bar:nth-child(2):before {height: 12.34375vw;}
	.main-competit-wrap .graph .line.load .bar:nth-child(3):before {height: 13.28125vw;}
}
@media all and (max-width:320px) {
	.main-competit-slide .competit_slide{width: 70%;}
}