@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2020-11-25
******************************************************** */

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:770px; position:relative; border-bottom:1px solid #ebebeb; background-color:#fff}
#mainVisual.full-height,
#fullpage #mainVisual{height:1000px;}

.main-visual-con,  
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;}
/* 메인 비주얼 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{position:relative; width:100%; height:100%}
.main-visual-item .main-visual-pc-img #visualVideo{position:absolute; right:-110px; top:50%; transform:translateY(-50%); /*width:980px;*/width:70%; margin-top:40px; background-color:#fff; -webkit-filter: contrast(100%); filter: contrast(100%);}


/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{
	position:absolute; 
	top:50%; left:0px; 
	width:100%; 
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%); margin-top:80px;
}
/*
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con .main-visual-txt3,
.main-visual-item .main-visual-txt-con .main-visual-more-btn{
	opacity:0; 
}*/
.main-visual-item .main-visual-txt-con .txt-inner-wrap{}
.main-visual-item .main-visual-txt-con .main-visual-txt1{font-weight:400; font-size:74px; letter-spacing:-0.5px; color:#111b35; letter-spacing:-3px; line-height:1.133}
.main-visual-item .main-visual-txt-con .main-visual-txt1 .blue{color:#2e79eb}
.main-visual-item .main-visual-txt-con .main-visual-txt2{font-weight:400; font-size:20px; letter-spacing:-0.35px; color:#2d4381; line-height:1.7; margin-top:50px}
.main-visual-item .main-visual-txt-con .main-visual-txt2 b{font-weight:600}
.main-visual-item .main-visual-txt-con .main-visual-more-btn{display:table; font-weight:300; color:#333; width:260px; height:65px; border-radius:50px; background-color:#2e79eb; margin-top:42px; position:relative; box-shadow:3px 2px 15px 1px rgba(27,75,140,0.3)}
.main-visual-item .main-visual-txt-con .main-visual-more-btn span{display:table-cell; vertical-align:middle; padding:0 27px 0 40px; font-weight:400; font-size:18.5px; letter-spacing:0; color:#fff}
.main-visual-item .main-visual-txt-con .main-visual-more-btn span .arrow{position:absolute; display:inline-block; width:11px; height:19px; background:url("../images/icon/wh_arrow.png") no-repeat; background-size:cover !important; right:27px; top:50%; transform:translateY(-50%)}


/* 메인 비주얼 :: active효과 */
/*
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-visual-txt3,
.main-visual-item.active-item .main-visual-more-btn{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt1{ -webkit-animation-delay:0.1s; animation-delay:0.1s;}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt2{ -webkit-animation-delay:0.3s; animation-delay:0.3s;}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt3{ -webkit-animation-delay:0.5s; animation-delay:0.5s;}
.main-visual-item.active-item .main-visual-txt-con .main-visual-more-btn{-webkit-animation-delay:0.8s; animation-delay:0.8s;}
.main-visual-item .main-visual-txt1.splitting .char{
	-webkit-animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.main-visual-item.active-item .main-visual-txt1.splitting .char{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}

@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}*/



/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */
.main-tit-box{text-align:center;}
.main-tit-box .main-tit{font-weight:400; font-size:60px; letter-spacing:-0.75px; color:#111b35; letter-spacing:-3px; line-height:1.2}
.main-tit-box .main-tit span{color:#2e79eb}
.main-tit-box .main-tit.wh{color:#fff}
.main-tit-box .main-tit.wh span{color:#80eff8}
.main-tit-box .main-sub-tit{font-weight:500; font-size:23px; letter-spacing:-0.75px; color:#111b35; line-height:1.5; margin-top:10px}
.main-tit-box .main-tit.splitting .char{
	opacity:0;
	transform:translateY(100%);
	transition:opacity 0.8s, transform 0.8s;
}
 /* animation일때 */ 
/* .aos-animate .main-tit-box .main-tit.splitting .char{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
} */
 /* transition일때 */ 
.aos-animate .main-tit-box .main-tit.splitting .char,
.active-section .main-tit-box .main-tit.splitting .char{
	opacity:1.0;
	transform:translateY(0);
}


/* -------- 메인 컨텐츠 :: 컨텐츠1(portal 서비스 소개) -------- */
.main-con01-inner{margin-top: 0px}
.main-con01-inner > div{display:inline-block; margin:0 -1px; vertical-align:middle; box-sizing:border-box}
.main-con01-inner .lf-img{position:relative; width:64.3%}
.main-con01-inner .lf-img .circle-img{position:absolute; top:0; left:50%; margin-left:-14%; margin-top:-12.5%; width:19.2%; opacity:0; transition:all 0.8s 0.3s; transform:translateY(-15px)}
.main-con01-inner .lf-img img{max-width:100%}
.main-con01-inner .rt-txt{width:35.7%; padding-left:1%; aspect-ratio: 47/48; height: 100%; overflow: hidden; overflow-y: auto; }
.main-con01-inner .rt-txt .txt-01{font-weight:500; font-size:33px; letter-spacing:-0.7px; color:#35446a; line-height:1.45; margin-bottom:40px}
.main-con01-inner .rt-txt .txt-02{font-weight:400; font-size:16px; letter-spacing:-0.45px; color:#454545; line-height:1.625; margin-bottom:60px}
.main-con01-inner .rt-txt .tip-btn{position:relative; display:table; width:260px; height:65px; border:2px solid #0079ff; box-sizing:border-box; border-radius:50px; font-weight:600; font-size:16px; letter-spacing:-0.25px; color:#0079ff; transition:all 0.3s; text-align:left}
.main-con01-inner .rt-txt .tip-btn span{display:table-cell; vertical-align:middle; padding-left:30px}
.main-con01-inner .rt-txt .tip-btn span .arrow{position:absolute; display:inline-block; width:8px; height:14px; background:url("../images/icon/blue_arrow.png") no-repeat; background-size:cover !important; right:30px; top:50%; transform:translateY(-50%); transition:all 0.3s}
.main-con01-inner .rt-txt .tip-btn:hover{color:#fff; background-color:#0079ff}
.main-con01-inner .rt-txt .tip-btn:hover span .arrow{background:url("../images/icon/hover_wh_arrow.png") no-repeat;}
.main-con01-inner.aos-animate .lf-img .circle-img{opacity:1; transform:translateY(0)}


/* -------- 메인 컨텐츠 :: 컨텐츠2(3가지 문서중앙화) -------- */
#mainContent2{position:relative; background-color:#f8faff; display:none; height:692px}
.main-02-wrap{width:100%;}
.main-02-wrap > div{position:relative; float:left; width:50%;}
.main-02-wrap .lf-txt{text-align:right}
.main-02-wrap .lf-txt .lf-txt-inner{display:inline-block; width:700px; text-align:left; /*margin-top:110px*/margin-top:11.7%}
.main-02-wrap .lf-txt .main-02-tit{}
.main-02-wrap .lf-txt .main-02-tit span{display:block; font-weight:500; font-size:23px; letter-spacing:-1.5px; color:#0083ff; line-height:1.4; margin-bottom:20px}
.main-02-wrap .lf-txt .main-02-tit p{font-weight:500; font-size:33px; letter-spacing:-2.6px; color:#35446a; line-height:1.45}
.main-02-wrap .lf-txt .main-02-tab-wrap{max-width:600px; background-color:#162148; border-radius:50px; margin-top:55px; box-shadow:5px 5px 18px 5px rgba(27,75,140,0.18)}
.main-02-wrap .lf-txt .main-02-tab{}
.main-02-wrap .lf-txt .main-02-tab > ul{}
.main-02-wrap .lf-txt .main-02-tab > ul li{float:left; width:33.333%; text-align:center;}
.main-02-wrap .lf-txt .main-02-tab > ul li span{position:relative; display:table; width:100%; height:78px; cursor:pointer}
.main-02-wrap .lf-txt .main-02-tab > ul li span em{display:table-cell; vertical-align:middle; position:relative; z-index:2; font-weight:500; font-size:16px; letter-spacing:-0.75px; color:#5f6b96; /*transition:all 0.3s;*/ line-height:1.2}
.main-02-wrap .lf-txt .main-02-tab > ul li span:after{position:absolute; content:""; width:calc(100% - 16px); height:calc(100% - 16px); top:50%; left:50%; transform:translate(-50%,-50%); background-color:#fff; border-radius:50px; transition:all 0.3s; opacity:0}
.main-02-wrap .lf-txt .main-02-tab > ul li.slick-current span:after{opacity:1}
.main-02-wrap .lf-txt .main-02-tab > ul li.slick-current span em{color:#081131; font-weight:600}
.main-02-wrap .lf-txt .tab-policy-txt{margin-top:67px}
/*.main-02-wrap .lf-txt .policy-txt{display:none}*/
.main-02-wrap .lf-txt .policy-txt .tit{font-size:24px; letter-spacing:-0.75px; color:#081131; line-height:1.4; margin-bottom:30px}
.main-02-wrap .lf-txt .policy-txt .tit strong{position:relative; font-weight:600; display:inline-block; vertical-align:top; padding-right:52px;}
.main-02-wrap .lf-txt .policy-txt .tit strong:after{position:absolute; content:""; width:11px; height:18px; background:url("../images/icon/gray_arrow.png") no-repeat; background-size:cover !important; top:7px; right:20px}
.main-02-wrap .lf-txt .policy-txt .tit span{font-weight:500; display:inline-block; vertical-align:top}
.main-02-wrap .lf-txt .policy-txt .txt p{font-weight:400; font-size:15px; letter-spacing:-0.65px; color:#3a5283; line-height:1.8;}

.main-02-wrap .rt-img{position:absolute; right:0; top:0; height:692px;}
.main-02-wrap .rt-img .slick-list{width:100%; height:100%}
.main-02-wrap .rt-img .slick-track{height:100%}
.main-02-wrap .rt-img .policy-img span{position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover !important;/* display:none*/ opacity:0; transition:opacity 0.5s}
.main-02-wrap .rt-img .policy-img.slick-current span{opacity:1}
.main-02-wrap .rt-img .policy-img:first-child span{background:url("../images/main/main_con02_img01.jpg") no-repeat 50% 0}
.main-02-wrap .rt-img .policy-img:nth-child(2) span{background:url("../images/main/main_con02_img02.jpg") no-repeat 50% 0}
.main-02-wrap .rt-img .policy-img:nth-child(3) span{background:url("../images/main/main_con02_img03.jpg") no-repeat 50% 0}


/* -------- 메인 컨텐츠 :: 컨텐츠3(portal 선택해야 할 이유) -------- */
#mainContent3{padding:95px 0 110px}
.main-con03-inner{max-width:1133px; margin:0 auto; box-shadow:0 0 5px 2px rgba(169,185,199,0.35); margin-top:65px; background-color:#edf2f8; border-radius:40px;}
.main-con03-inner > div{display:inline-block; margin:0 -1px; vertical-align:middle; box-sizing:border-box}
.main-con03-inner .lf-con{width:440px}
.main-con03-inner .lf-con .main-con03-lf{text-align:right}
.main-con03-inner .lf-con .main-con03-lf .slick-list{overflow:visible}
.main-con03-inner .lf-con .main-con03-lf .txt{position:relative; float:none !important; width:420px !important; display:inline-block !important; background-color:#fff;  border-radius:100px; margin-bottom:20px; cursor:pointer; overflow:hidden; left:55px; transition:all 0.4s}
.main-con03-inner .lf-con .main-con03-lf .txt:last-child{margin-bottom:0}
.main-con03-inner .lf-con .main-con03-lf .txt > div{display:table; width:100%; height:125px; text-align:left}
.main-con03-inner .lf-con .main-con03-lf .txt > div p{display:table-cell; vertical-align:middle; font-weight:400; font-size:18px; letter-spacing:-0.7px; color:#7f8eb5; line-height:1.66}
.main-con03-inner .lf-con .main-con03-lf .txt > div p span{text-align:center; padding-left:80px; display:inline-block}
.main-con03-inner .lf-con .main-con03-lf .txt > div p span .arrow{position:absolute; display:inline-block; width:27px; height:19px; background:url("../images/icon/wh_arrow_02.png") no-repeat; background-size:cover !important; right:40px; top:50%; transform:translateY(-50%)}
.main-con03-inner .lf-con .main-con03-lf .txt.slick-current{background-color:#2e79eb; box-shadow:7px 6px 15px 1px rgba(31,75,143,0.3);  width:475px !important}
.main-con03-inner .lf-con .main-con03-lf .txt.slick-current > div p span{color:#fff;}

@media all and (min-width:801px){	
	.main-con03-inner .lf-con .main-con03-lf .txt.slick-current{left:-17px; margin-bottom:40px;}
	.main-con03-inner .lf-con .main-con03-lf .txt:last-child.slick-current{margin:20px 0 0}
	.main-con03-inner .lf-con .main-con03-lf .txt.slick-current > div p span{text-align:left; padding-left:70px}
}

.main-con03-inner .rt-con{width:calc(100% - 440px); background-color:#fff; padding:100px 3% 100px 7%; border-top-right-radius:40px; border-bottom-right-radius:40px;}
.main-con03-inner .rt-con .main-con03-rt{}
.main-con03-inner .rt-con .main-con03-rt .detail{}
.main-con03-inner .rt-con .main-con03-rt .detail .detail-list{position:relative; padding-left:73px; /*margin-bottom:70px*/min-height:200px;}
.main-con03-inner .rt-con .main-con03-rt .detail .detail-list:last-child{margin-bottom:0; min-height:auto !important}
.main-con03-inner .rt-con .main-con03-rt .detail .detail-list .tit{}
.main-con03-inner .rt-con .main-con03-rt .detail .detail-list .tit .icon{position:absolute; top:6px; left:0; width:50px; text-align:center}
.main-con03-inner .rt-con .main-con03-rt .detail .detail-list .tit .icon img{display:inline-block; max-width:100%}
.main-con03-inner .rt-con .main-con03-rt .detail .detail-list .tit strong{font-weight:500; font-size:30px; letter-spacing:-2px; color:#35446a; line-height:1.3}
.main-con03-inner .rt-con .main-con03-rt .detail .detail-list .txt{font-weight:400; font-size:16px; letter-spacing:-0.2px; color:#454545; line-height:1.625; margin-top:10px}


/* -------- 메인 컨텐츠 :: 컨텐츠4(portal 함께한 경험) -------- */
#mainContent4{background-color:#0083ff; padding:90px 0 135px; position:relative}
.example-link-btn{display:block; text-align:center; margin-top:40px}
.example-link-btn a{display:inline-block; font-weight:600; font-size:16px; letter-spacing:-0.25px; color:#fff}
.example-link-btn a .arrow{display:inline-block; width:6px; height:8px; background:url("../images/icon/poppin_arrow.png"); background-size:cover; vertical-align:top; margin:5px 0 0 10px}
.main-con04-inner{/*position:relative; left:50%; margin-left:-700px*/}
.main-con04-slide{margin-top:65px; position:relative}
.main-con04-slide > div{display:inline-block; margin:0 -1px; vertical-align:top}
/* 왼쪽 :: 텍스트 슬라이드 */
.main-con04-slide .lf-txt{/*width:28.7%;*/width:48.2%; margin-top:125px; text-align:right}
.main-con04-slide .lf-txt .lf-txt-inner{max-width:660px; width:100%; text-align:left; display:inline-block; box-sizing:border-box}
.main-con04-slide .lf-txt .main-con04-txt{position:static}
.main-con04-slide .lf-txt .main-con04-txt .slick-list{overflow:visible}
.main-con04-slide .lf-txt .main-con04-txt li .tit{position:relative; display:inline-block; font-weight:500; font-size:28px; letter-spacing:-0.9px; color:#fff; line-height:1.5; margin-bottom:40px}
.main-con04-slide .lf-txt .main-con04-txt li .tit .arrow{position:relative; display:inline-block; font-weight:500}
/*.main-con04-slide .lf-txt .main-con04-txt li .tit .arrow{position:absolute; width:26px; height:22px; display:inline-block; background:url("/images/icon/quotes.png") no-repeat; background-size:cover !important; top:-13px}*/
.main-con04-slide .lf-txt .main-con04-txt li .tit .arrow:before{position:absolute; width:26px; height:22px; content:""; background:url("../images/icon/quotes.png") no-repeat; background-size:cover !important; top:-1px}
.main-con04-slide .lf-txt .main-con04-txt li .tit .arrow.front:before{left:-36px}
.main-con04-slide .lf-txt .main-con04-txt li .tit .arrow.back:before{right:-36px; transform:scaleX(-1)}
.main-con04-slide .lf-txt .main-con04-txt li .txt01{font-weight:500; font-size:16.5px; letter-spacing:-0.25px; color:#fff; line-height:1.81}
.main-con04-slide .lf-txt .main-con04-txt li .txt02{font-weight:300; font-size:16.5px; letter-spacing:-0.25px; margin-top:25px}
.main-con04-slide .lf-txt .main-con04-txt li .txt02 a{display:inline-block; color:#fff; opacity:0.8; }
.main-con04-slide .lf-txt .main-con04-txt .slick-dots{text-align:center; position:absolute; bottom:-80px; left:50%; transform:translateX(-50%); z-index:9}
.main-con04-slide .lf-txt .main-con04-txt .slick-dots li{display:inline-block; width:8px; height:8px; border-radius:50%; background-color:#4da8ff; margin:0 10px; cursor:pointer}
.main-con04-slide .lf-txt .main-con04-txt .slick-dots li.slick-active{background-color:#2577f4}
.main-con04-slide .lf-txt .main-con04-txt .slick-dots li button{font-size:0}

/* 오른쪽 :: 이미지 슬라이드 */
.main-con04-slide .rt-img{/*width:71.3%*//*width:57.9%*/width:51.8%}
.main-con04-slide .rt-img .main-con04-img{}
.main-con04-slide .rt-img .main-con04-img .slick-list{padding:40px 0 34px 90px}
.main-con04-slide .rt-img .main-con04-img li{position:relative; margin-right:105px; width:650px}
.main-con04-slide .rt-img .main-con04-img li .bg{}
.main-con04-slide .rt-img .main-con04-img li .deco{position:absolute;}
.main-con04-slide .rt-img .main-con04-img li .bg img{max-width:100%; display:inline-block}
.main-con04-slide .rt-img .main-con04-img li .deco{bottom:0; right:0; opacity:1; z-index:9; transition:all 0.3s}
.main-con04-slide .rt-img .main-con04-img li.slick-current  + li .deco,
.main-con04-slide .rt-img .main-con04-img li.active-item .deco{opacity:0}
.main-con04-slide .rt-img .main-con04-img li.img-01 .deco{margin:0 -13% -5.7% 0; width:122%}
.main-con04-slide .rt-img .main-con04-img li.img-02 .deco{margin-right:-6.2%; width:120%}
.main-con04-slide .rt-img .main-con04-img li.img-03 .deco{width:107.2%}
.main-con04-slide .rt-img .main-con04-img li.img-04 .deco{width:100%}


/* -------- 메인 컨텐츠 :: 컨텐츠5(파트너 슬라이드) -------- */
#mainContent5{padding:32px 0; border-bottom:1px solid #ddd}
.main-partner-list{position:relative; padding:0 80px;}
.main-partner-list .partner-item{float:left; }
.main-partner-list .partner-item-inner{display:table; width:100%; height:55px; text-align:center}
.main-partner-list .partner-item-inner .inner{display:table-cell; vertical-align:middle; padding:0 5%}
.main-partner-list .partner-item-inner .inner img{display:inline-block; max-width:100%}
.main-partner-list .slick-arrow{position:absolute; top:50%; margin-top:-24px; cursor:pointer; border:0; cursor:pointer; z-index:9;font-size:22px;}
.main-partner-list .slick-arrow i{line-height:48px; vertical-align:top}
.main-partner-list .slick-arrow.slick-prev{left:35px; }
.main-partner-list .slick-arrow.slick-next{right:35px;}
.main-partner-list i{color:#4a4a4a; }


/* -------- 메인 컨텐츠 :: 컨텐츠6 -------- */
.price-box{position:relative; margin:0 auto; }
.price-box .price-box-txt{text-align:center; padding:55px 20px 0; max-width:935px; margin:0 auto; box-sizing:border-box; position:relative; z-index:1}
.price-box .price-box-txt .txt-01{display:block; font-weight:500; font-size:22px; letter-spacing:-0.75px; color:#000; line-height:1.4; margin-bottom:15px}
.price-box .price-box-txt .txt-02{font-weight:400; font-size:60px; letter-spacing:-0.75px; color:#111b35; margin-bottom:65px; line-height:1.15}
.price-box .price-box-txt .txt-02 span{color:#2577f4}
.price-box .price-box-txt .txt-03{font-weight:400; font-size:16px; letter-spacing:-0.55px; color:#454545; line-height:1.875}
.price-box .price-link{ position:relative; z-index:1}
.price-box .price-link > ul{margin:0 -1%; display:flex; flex-wrap:nowrap; overflow: hidden; overflow-x: auto; }
.price-box .price-link li{ float:left; width:31.333%; margin:0 1%; text-align:center; transition:all 0.3s; position:relative;}
.price-box .price-link li a{display:block; padding:44px 15px}
.price-box .price-link li a .txt-01{display:block; font-weight:600; font-size:20px; letter-spacing:-0.6px; color:#111b35; margin-bottom:38px; transition:all 0.3s}
.price-box .price-link li a .txt-02{font-weight:500; font-size:18px; letter-spacing:-0.75px; color:#000; transition:all 0.3s}
.price-box .price-link li a .txt-02 b{font-weight:700; font-size:63px; color:#2577f4; display:inline-block; vertical-align:bottom; transition:all 0.3s}
.price-box .price-link li a .txt-02 b.sm{font-size:45px; letter-spacing:-0.5px}
.price-box .price-link li a .txt-02 span{display:inline-block; margin-left:6px; vertical-align:bottom; margin-bottom:3px}
.price-box .price-link li a .txt-03{font-size:16px; letter-spacing:-0.65px; color:#454545; line-height:1.625; margin-top:20px; transition:all 0.3s; opacity:0.95; margin-bottom:55px}
.price-box .price-link li a .arrow-txt{display:block; font-weight:500; font-size:14px; letter-spacing:-0.65px; color:#2577f4; transition:all 0.3s; position:absolute; bottom:44px; left:0; width:100%; text-align:center}
.price-box .price-link li a .arrow-txt .arrow{font-size:14px; margin:1px 0 0 6px; vertical-align:top}
#mainContent6.aos-animate .price-box:after{opacity:1; top:0}


/* -------- 메인 컨텐츠 :: 게시판 -------- */ 
.board-box{position:relative; margin:0 auto; }
.board-box .board-link{ position:relative; z-index:1}
.board-box .board-link > ul{margin:0 -1%; display:flex; flex-wrap:nowrap; justify-content: center; overflow: hidden; overflow-x: auto; }
.board-box .board-link li{ float:left; margin:0 1%; text-align:center; transition:all 0.3s; position:relative;}

.listTitle { font-size: 26px; color: #212121; border-bottom: 1px solid #000000; text-align: left; margin-bottom: 20px; padding-bottom: 7px; }
.listTitle span { border-bottom: 3px solid #1cb294; }
.listItem { border: 1px solid #d1d1d1; text-align: left; margin-bottom: 10px; background: #ffffff; padding: 20px; }
.listItem .contents { font-size: 18px; color: #4d4d4d; width: 100%; border-bottom: 1px solid #414141; box-sizing: border-box; padding-bottom: 10px; margin-bottom: 10px; text-align: left; 
						width: 100%; height: 38px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.listItem .writer { font-size: 16px; display: inline-block; width: auto; text-align: left; }
.listItem .writeDT { font-size: 16px; display: inline-block; width: auto; text-align: right; float: right; }
.btn_board_more { text-align: left; margin-top: 20px; position: relative; }
.btn_board_more .btn_plus { position: absolute; top: 0px; left: 0px; width: 30px; height: 30px; line-height: 28px; background-color: #1cb294; border-radius: 50%; font-size: 32px; color: #ffffff; text-align: center;  }
.btn_board_more .btn_text { display: inline-block; width: auto; height: 30px; line-height: 28px; font-size: 18px; text-align: center; padding-left: 40px;  }





@media all and (min-width:801px){	
	.main-con07-inner .banner-inner .banner-link a.wh-btn:hover{background-color:#ececec}
	.main-con07-inner .banner-inner .banner-link a.blue-btn:hover{background-color:#236dde}
}