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

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:637px; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	 -webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	/* -ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1); 
    -moz-transform: scale(1.1,1.1); 
    -webkit-transform: scale(1.1,1.1); 
     transform: scale(1.1,1.1);
	-webkit-transition:transform 5000ms  ease-in-out ;
	-moz-transition:transform 5000ms ease-in-out ;
	-o-transition:transform 5000ms ease-in-out ;
	-ms-transition:transform 5000ms ease-in-out ;
    transition:transform 5000ms ease-in-out ;	*/
}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{position:absolute; top:144px; left:0px; width:100%; text-align:center;}
.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;filter:Alpha(opacity=0);
	-ms-transform: translateY(-50px); 
    -o-transform: translateY(-50px); 
    -moz-transform: translateY(-50px);
    -webkit-transform: translateY(-50px); 
     transform: translateY(-50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
	text-shadow:0px 0px 5px rgba(0,0,0,0.5);
}
.main-visual-item .main-visual-txt-con .main-visual-txt1{display:inline-block; position:relative; height:45px; line-height:45px; padding:0 25px; font-size:20px; font-weight:300; letter-spacing:-0.75px; color:#fff; margin-bottom:30px; border:2px solid #ceac54; border-left-color:#fff;}
.main-visual-item .main-visual-txt-con .main-visual-txt1:before{
   position:absolute;  top:-2px; bottom:-2px; left:-2px; border-top:2px solid #fff; border-bottom:2px solid #fff; width:42px; content:"";
}

.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:36px; letter-spacing:-0.75px; color:#fff; margin-bottom:45px; line-height:1.36; font-weight:500;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:15px; letter-spacing:-0.75px; color:#f2f2f2; line-height:26px; margin-bottom:70px; font-weight:500; -webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn{display:inline-block; font-size:15.5px; font-weight:500; color:#fff; padding-bottom:13px; border-bottom:2px solid #eacc7c; -webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-o-transition-delay:0.8s;-ms-transition-delay:0.8s;transition-delay:0.8s;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn:hover{color:#eacc7c; text-shadow:1px 1px 2px rgba(0, 0, 0, .5);}

/* 메인 비주얼 :: active효과 */
/* .main-visual-item.active-item .main-visual-pc-img{
	-ms-transform: scale(1.0,1.0) rotate(0.002deg);
    -o-transform: scale(1.0,1.0) rotate(0.002deg);
    -moz-transform: scale(1.0,1.0) rotate(0.002deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
     transform: scale(1.0,1.0) rotate(0.002deg);
} */
.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{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateY(0px); 
    -o-transform: translateY(0px); 
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px); 
     transform: translateY(0px);
}

/* 메인 비주얼 :: 버튼 */
.main-visual-con .slick-dots{position:absolute; width:100%; text-align:center; bottom:65px;}
.main-visual-con .slick-dots li{display:inline-block; margin:0 10px ; }
.main-visual-con .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:12px; height:12px; background-color:#fff; 
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.main-visual-con .slick-dots li.slick-active button{background-color:#c59d4f;}		/* 버튼 active */

/* 메인 비주얼 :: 화살표 */
.main-visual-con .slick-arrow{	position:absolute; top:50%; margin-top:-25px; width:50px; height:50px; background-color:rgba(255,255,255,1.0); cursor:pointer; border:0; cursor:pointer; z-index:9; font-size:40px; color:#111;  font-family: 'Poppins','Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.main-visual-con .slick-arrow.slick-prev{left:50%; margin-left:-610px;}
.main-visual-con .slick-arrow.slick-next{right:50%; margin-right:-610px;}
.main-visual-con .slick-arrow i{font-style:inherit; line-height:40px; position:relative; top:-5px; font-weight:300;}

/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{position:absolute; bottom:55px; left:50%; margin-left:-41px; text-align:center; z-index:9}	/* width값에 맞게 margin-left수정 */
.main-scroll-icon span{display:block; color:#fff; padding-bottom:5px; letter-spacing:-0.5px; font-weight:300; }

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
#mainContent{padding:85px 0 50px;}
/* 공통 :: 타이틀 */
.main-tit{position:relative; margin-bottom:50px; letter-spacing:-0.5px; }
.main-tit strong{display:inline-block; color:#272727; font-size:30px; font-weight:500; letter-spacing:-0.75px; vertical-align:middle;  }
.main-tit strong b{font-weight:900;}
.main-tit .main-sub-tit{display:block; margin-top:15px; color:#727272; font-size:14px; line-height:22px;}
.main-tit .more-btn{display:inline-block; vertical-align:middle; color:#000; margin-left:15px; position:absolute; top:5px;right:0px;}
.main-tit .more-btn:hover{color:#294294}

/* -------- 메인컨텐츠 :: 좌측게시물리스트 -------- */
#mainTopBoardCon{margin-bottom:100px}
#treatIntroContent{float:left; width:42.96%}
.main-treat-banner a{display:block; width:100%; height:0; padding-top:162.19%; position:relative;}
.main-treat-banner a img{position:absolute; top:0px; left:0; width:100%; height:100%;}

.main-treat-banner-list .slick-dots{text-align:center; margin-top:12px;}
.main-treat-banner-list .slick-dots li{display:inline-block; margin:0 5px ; }
.main-treat-banner-list .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:7px; height:7px; background-color:#000; 
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.main-treat-banner-list .slick-dots li.slick-active button{background-color:#294294;}		/* 버튼 active */


/* -------- 메인컨텐츠 :: 우측게시물리스트 -------- */
#boardTabContent{float:right; width:54.25%}
/* 탭 */
.board-tab-list-con{margin-bottom:36px;}
.board-tab-list-con ul{text-align:left}
.board-tab-list-con li{display:inline-block;; width:31.33%; margin:0 0.5%; max-width:154px; text-align:center;}
.board-tab-list-con li a{display:block; height:44px; line-height:44px; font-size:18px; color:#777; font-weight:500; background-color:#e5e5e5; -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;}
.board-tab-list-con li.selected a{color:#fff; background-color:#294294}
/* 사진 */
.board-tab-wrapper{position:relative;}
.board-tab-wrapper .more-btn{position:absolute; top:-69px; right:0px; color:#000;}
.board-tab-wrapper .more-btn:hover{color:#294294}
.main-baord-list{margin:0 -1.5%}
.main-baord-list .board-item{float:left; margin:0px 1.5% 2.5%;}
.main-baord-list .board-item a{display:block;}
.main-baord-list .board-item a .board-thumb{display:block; height:0; padding-top:62.99%; position:relative;}
.main-baord-list .board-item a .board-thumb img{position:absolute; top:0px; left:0; width:100%; height:100%;}
.main-baord-list .board-item a .board-info-box{position:relative;  height:105px; background-color:#fff;}
.main-baord-list .board-item a .board-info-box .board-info-tit{overflow:hidden; display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	height:40px;  padding:0 50px 0 10px; 
	position:relative; z-index:1; color:#171717; font-size:16px; letter-spacing:-0.75px; font-weight:400; line-height:1.25; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s cubic-bezier(0.54, 0.25, 0.32, 1.11);
}
.main-baord-list .board-item a .board-info-box .board-view-icon{position:absolute; bottom:10px; right:10px; color:#fff; opacity:0;filter:Alpha(opacity=0); -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s cubic-bezier(0.54, 0.25, 0.32, 1.11)}

@media all and ( min-width: 801px ){
	.main-baord-list .board-item{width:47% !important; }
	.main-baord-list .board-item a .board-info-box{margin:-33px 35px 0 0;}
	.main-baord-list .board-item a .board-info-box:before{position:absolute; top:0px; left:0px; width:0; height:100%; background-color:#294294; content:""; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s cubic-bezier(0.54, 0.25, 0.32, 1.11)} 
	.main-baord-list .board-item a:hover .board-info-box:before{width:100%}
	.main-baord-list .board-item a:hover .board-info-box .board-info-tit{padding:0 40px 0 20px; color:#fff; }
	.main-baord-list .board-item a:hover .board-info-box .board-view-icon{opacity:1.0;filter:Alpha(opacity=100);}
}


/* -------- 메인컨텐츠 :: 하단롤링 게시판 -------- */
#mainBottomBoardCon{margin-bottom:78px}
.board-rolling-container{margin:0 -1%;}
.board-rolling-container .board-tit{color:#010101; font-size:28px; margin-bottom:20px; font-weight:300;}
.board-rolling-container .board-tit strong{font-weight:500;}
.board-rolling-container .board-tit b{font-weight:900;}
.board-rolling-container .board-tit .more-btn{color:#000; margin-left:15px; position:relative; top:-2px;}
.board-rolling-container .board-tit .more-btn:hover{color:#294294}
.board-rolling-box{float:left; width:31.33%; margin:0 1%;}
.board-rolling-box .board-rolling-list{width:100%;}
.board-rolling-box .board-rolling-item a{display:block; position:relative; width:100%; }
.board-rolling-box .board-rolling-item .over-img{overflow:hidden; display:block; position:relative; padding-top:61.40%; height:0 }
.board-rolling-box .board-rolling-item .over-img img{position:absolute; top:0px; left:0; bottom:0px; right:0px;width:100%; min-height:100%;  }
.board-rolling-box .board-rolling-item .over-info{position:absolute; top:0px; right:0px; bottom:0px; left:0; opacity:0;filter:Alpha(opacity=0); text-align:center; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s; background-color:#0d0d0d; background-color:rgba(0,0,0,0.7)}
.board-rolling-box .board-rolling-item .over-info .table-layout{table-layout:fixed;}
.board-rolling-box .board-rolling-item .over-info .board-tit{display:block; color:#fff; font-size:28px; font-weight:500; letter-spacing:-1px; padding:0 15px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board-rolling-box .board-rolling-item .over-info .board-view-icon{color:#fff; font-size:30px; display:inline-block; margin-top:15px;}
.board-rolling-box .board-rolling-item a:hover .over-info{opacity:1.0;filter:Alpha(opacity=100);}
.board-rolling-box .slick-dots{text-align:center; margin-top:28px;}
.board-rolling-box .slick-dots li{display:inline-block; margin:0 5px ; }
.board-rolling-box .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:7px; height:7px; background-color:#000; 
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.board-rolling-box .slick-dots li.slick-active button{background-color:#294294;}		/* 버튼 active */


/* -------- 메인컨텐츠 :: 인스타그램 -------- */
#mainInstaCon .insta-tit {margin-bottom:30px;}
#mainInstaCon .insta-tit strong{float:left;}
#mainInstaCon .insta-tit .insta-more-btn{float:right; color:#000; padding-top:8px}
#mainInstaCon .insta-tit .insta-more-btn:hover{color:#294294}
.insta-list li{float:left; width:16.66%}
.insta-list li a{position:relative; display:block; overflow:hidden; height:0; padding-top:100%; }
.insta-list li a img{position:absolute; top:0px; left:0px;width:100%; height:100%;}