@charset "utf-8";

/*기본화면-pc기준*/
.main_videol{width: 100%;}
.main_video video{width: 100%;}

.content_in{width: 1200px; margin: 0 auto; box-sizing: border-box;}


/* 메인슬라이드 */
.bxslider_Wrap{position: relative;}
.bxslider_Wrap .bx-wrapper{position: relative;}
/*.bxslider_Wrap .bx-controls{width: 1150px; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}*/
.bxslider_Wrap .bx-controls-direction{position: absolute; top: 40%; left: 0; width: 100%;}
.bxslider_Wrap .bx-controls-direction a{display: block; width: 42px; height: 83px; text-indent: -9999px;}
.bxslider_Wrap .bx-prev{float: left; background-image: url(../img/main/main_slide_prev.png); }
.bxslider_Wrap .bx-next{float: right; background-image: url(../img/main/main_slide_next.png); }
.bxslider_Wrap li img{width: 100%; height:500px;}
.bxslider_Wrap .bx-pager{position: absolute; bottom: 40px;; left: 50%; transform: translateX(-50%);}
.bxslider_Wrap .bx-pager:after{content: ""; display: block; clear: both;}
.bxslider_Wrap .bx-pager-item{float: left; margin-right: 10px;}
.bxslider_Wrap .bx-pager-item:last-child{margin-right: 0;}
.bxslider_Wrap .bx-pager-item a{display: block; width: 10px; height: 10px; background-color: #fff; border-radius: 10px; text-indent: -9999px;}
.bxslider_Wrap .bx-pager-item a.active{width: 40px;}
.bxslider_Wrap .txt{position: absolute; top: 20%; left: 50%; transform: translateX(-50%); text-align: center; font-size: 58px; color: #fff; line-height: 1.2em;}
.bxslider_Wrap .txt span{font-size: 29px;}



/* 공지사항,언론보도 */
.bundle:after{content: ""; display: block; clear: both;}
.bundle{margin-top: 50px; box-sizing: border-box;}
.notice{float: left; width: 40%; border: 1px solid #c9c9c9;}
.notice .tab{background-color: #ffffff;}
.notice .tab:after{content: ""; display: block; clear: both;}
.notice .tab li{float: left; width: calc(100% / 2 - 23.5px); border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; box-sizing: border-box; background-color: #f2f2f2; display: block; line-height: 47px; text-align: center; font-size: 18px; color: #333; font-weight: 400; cursor: pointer;}
.notice .tab li.on{background-color: #fff; border-bottom: 0;}
.notice .tab li a{display: block; line-height: 47px; text-align: center; font-size: 18px; color: #333; font-weight: 400;}

.notice .btn_more{display: block; position: absolute; top: -47px; right: 0; width: 47px; height: 47px;  border-bottom: 1px solid #c9c9c9; background-image: url(../img/main/icon_plus.png); background-repeat: no-repeat; background-position: center; text-indent: -9999px; box-sizing: border-box;}
.notice .btn_more2{display: block;  position: absolute; top: -47px; right: 0; width: 47px; height: 47px;  border-bottom: 1px solid #c9c9c9; background-image: url(../img/main/icon_plus.png); background-repeat: no-repeat; background-position: center; text-indent: -9999px; box-sizing: border-box;}
.tabcontent{display: none; position: relative; min-height: 358px; padding: 10px 18px;}
.tabcontent.on{display: block;}
.tabcontent li:first-child{border-top: 0;}
.tabcontent li:first-child a{width: 100%; height: auto;}
.tabcontent li:first-child span{display: block; width: 100%; height: 58px; margin-bottom: 8px; padding-left: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; font-size: 18px; line-height: 58px; background-image: url(../img/main/icon_notice.png); background-repeat: no-repeat; background-position: left center; }
.tabcontent li:first-child p{width: 100%; height: 60px; font-weight: 300; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 8px;}
.tabcontent li{border-top: 1px solid #e2e2e2;}
.tabcontent li a{display: block; float: left; width: calc(100% - 80px); height: 53px; line-height: 53px; font-size: 16px; color: #111; overflow: hidden;}
.tabcontent li .date{float: right; line-height: 53px;  color: #bababa;}
.tabcontent li:after{content: ""; display: block; clear: both;}

.tabcontent li:first-child p img{display: none;}

/* 중간슬라이드*/
.main_slider_Wrap{float: right; width: 58%; height: 408px; margin-bottom: 20px; overflow: hidden;}
.main_slider_Wrap .bx-controls-direction:after{content: ""; display: block; clear: both;}
.main_slider_Wrap .bx-controls-direction a{display: block; float: left; width: 35px; height: 35px; border: 1px solid #c9c9c9; background-repeat: no-repeat; background-position: center; text-indent: -9999px; border-right: none !important; background-color: #fff;}
.main_slider_Wrap .bx-controls-direction{float: left; position: absolute; right: 70px; bottom: 1px;}
.main_slider_Wrap .bx-prev{background-image: url(../img/main/icon_prev.png); }
.main_slider_Wrap .bx-next{background-image: url(../img/main/icon_next.png);}

.main_slider_Wrap .bx-controls-auto:after{content: ""; display: block; clear: both;}
.main_slider_Wrap .bx-controls-auto{float: left; position: absolute; right: 0; bottom: 1px;}
.main_slider_Wrap .bx-controls-auto .bx-controls-auto-item{float: left; }
.main_slider_Wrap .bx-controls-auto a{display: block;  width: 35px; height: 35px; border: 1px solid #c9c9c9; background-repeat: no-repeat; background-position: center; text-indent: -9999px;  background-color: #fff;}
.main_slider_Wrap .bx-start{background-image: url(../img/main/icon_start.png); border-right: none !important;}
.main_slider_Wrap .bx-stop{ background-image: url(../img/main/icon_stop.png);}
.main_slider_Wrap .bx-wrapper{position: relative; height: 100%;}
.main_slider_Wrap img{width: 100% ; height: 100%;}
.main_slider{width: 100%; height: 100%;}
.main_slider li{height: 100%;}
.main_slider li a{display: block; width: 100%; height: 100%;}
.main_slider_Wrap .bx-viewport{height: 100% !important;}

/* 바로가기 */
.link_list ul:after{content: ""; display: block; clear: both;}
.link_list ul{width: 100%;}
.link_list li{float: left; width: 23.875%; height: 160px; margin-right: 1.5%;}
.link_list li:last-child{margin-right: 0;}
.link_list li:nth-child(1) a{text-indent: -9999px;}
/*
.link_list li:nth-child(1) a{padding-left: 20px;}
.link_list li:nth-child(1) a p{padding: 35px 0 0 90px; color: #f7e9cb; font-size: 30px; line-height: 1.4em; background-image: url(../img/main/trophy.png); background-repeat: no-repeat; background-position: left top 28px;}
*/
.link_list li:nth-child(2) a{padding: 35px 20px;}
.link_list li:nth-child(2) a h2{height: 50px; text-indent: -9999px; background-image: url(../img/main/link_02_tit.png); background-repeat: no-repeat;}
.link_list li:nth-child(2) a span{display: inline-block; margin-top: 40px;  font-size: 16px; color: #333; border: 1px solid #959595; padding: 5px 50px 5px 10px; background-image: url(../img/main/icon_go.png); background-repeat: no-repeat; background-position: right 10px center;} 
.link_list li:nth-child(3) a{text-indent: -9999px;}
.link_list li:nth-child(4) a{text-indent: -9999px;}

.link_list li a{display: block; width: 100%; height: 100%;  background-size: cover; background-position: top center;  background-repeat: no-repeat; box-sizing: border-box;}
.link_list li{box-sizing: border-box; background-size: cover; background-position: center;  background-repeat: no-repeat;}
.link_list li:nth-child(1){background-image: url(../img/main/link_01.jpg);}
.link_list li:nth-child(2){background-image: url(../img/main/link_02.jpg); border: 1px solid #c9c9c9;}
.link_list li:nth-child(3){background-image: url(../img/main/link_03.jpg); border: 1px solid #c9c9c9; background-size: 100%;}
.link_list li:nth-child(4) .band{height: 50%; background-image: url(../img/main/link_04.png);background-color: #46af47; background-position: center; background-size: 80%;}
.link_list li:nth-child(4) .insta{height: 50%; background-image: url(../img/main/link_04_02.png); background-repeat: no-repeat;  background-color: #fff; background-position: center; border: 1px solid #c9c9c9; }

/* 포토갤러리 */
.bg_grey{background-color: #f1f1f1; margin-top: 40px; padding: 30px 0;}
.gallery{position: relative; float: left; width: 74%;}
.gallery h2{font-size: 20px; font-weight: 500; margin-bottom: 25px;}
.gallery ul{width: 100%;}
.gallery li{position: relative; width: calc((100% - 40px) / 3); height: 270px; overflow: hidden;}
.gallery li a{display: block; width: 100%; height: 270px; color: #111; }
.gallery li img{width: 100%;}
.gallery li .txt{position: absolute; bottom: 0; left: 0; width: 100%; height: 85px; padding: 7px 10px; font-size: 17px; background-color: #fff; box-sizing: border-box;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.gallery li .txt .date{display: block; position: absolute; bottom: 7px; left: 10px; font-size: 14px; color: #888; }

.gallery .bx-controls-direction:after{content: ""; display: block; clear: both;}
.gallery .bx-controls-direction a{display: block; float: left; width: 35px; height: 35px; border: 1px solid #c9c9c9; background-repeat: no-repeat; background-position: center; text-indent: -9999px; background-color: #fff; border-right: none !important;}
.gallery .bx-controls-direction{float: left; position: absolute; right: 35px; top : 0px;}
.gallery .bx-prev{background-image: url(../img/main/icon_prev.png); }
.gallery .bx-next{background-image: url(../img/main/icon_next.png);}
.gallery .btn_more{display: block; position: absolute; top: 0; right: 0; float: left; width: 35px; height: 35px; border: 1px solid #c9c9c9; background-repeat: no-repeat; background-position: center; text-indent: -9999px; background-color: #fff; background-image: url(../img/main/icon_plus2.png);}
.gallery .bx-controls-auto{display: none;}

.gallery_none{position: relative; float: left;width: 74%;}
.gallery_none .btn_more{display: block; position: absolute; top: 0; right: 0; float: left; width: 35px; height: 35px; border: 1px solid #c9c9c9; background-repeat: no-repeat; background-position: center; text-indent: -9999px; background-color: #fff; background-image: url(../img/main/icon_plus2.png);}
.gallery_none .con_none{text-align: center; margin-top: 14%;}

/* 웹진,상담및문의 */
.content_in:after{content: ""; display: block; clear: both;}
.link_list2{float: right; width: 23.875%;}
.link_list2>div{width: 100%; height: 153px; background-repeat: no-repeat; background-position: bottom 15px right 15px;}
.link_list2>div a{display: block; position: relative; width: 100%; height: 100%; padding: 10px 15px; box-sizing: border-box; font-size: 15px; color: #fff; font-weight: 400; letter-spacing: -0.2px; }
.link_list2>div a .tit{display: block; font-size: 25px; font-weight: 500;}
.link_list2 .webzine{margin-bottom: 10px; color: #fff; background-color: #3f74b5; background-image: url(../img/main/icon_webzine.png);}
.link_list2 .webzine a p{color: #fff;}
.link_list2 .counseling{background-color: #ffffff; background-image: url(../img/main/icon_counseling.png);}
.link_list2 .counseling a{color: #444;}

.link_list2>div a .btn_link{display: inline-block; position: absolute; padding: 2px 20px; border-radius: 30px; bottom: 15px; left: 15px;}
.link_list2 .webzine a .btn_link{border: 1px solid #fff; }
.link_list2 .counseling a .btn_link{border: 1px solid #a0a0a0;}

/* 팝업 */
#hd_pop{position: absolute; z-index: 600; background-color: #fff; padding: 3px;}
#hd_pop h2{display: none;}
.hd_pops {position:absolute; border:3px solid;}
.hd_pops img{width: 100%; height: 100%;}
.hd_pops_footer{text-align: right; background:#fff;}
.hd_pops_reject{background-color: transparent; border: 0; margin-right: 10px;}
.hd_pops_close{background-color: transparent; border: 0;}


.content_main li a{display: block; width: 100%; height: 100%;}

@media screen and (min-width: 1200px) {
.content_main{width: 1200px; margin: 0 auto; box-sizing: border-box;}
}


/***********************************************/
/* 화면 1080px 이하(~1180)  */
@media screen and (max-width: 1180px) {
    .bundle{width: 100%; padding: 0 15px; }
    .content_in{width: 100%; padding: 0 15px;}
   
    .link_list li:nth-child(1) a p{background-image: none;padding: 35px 0 0 25px;}
    
    /* 메인슬라이드 */
    .bxslider_Wrap .bx-controls{width: calc(100% - 30px); padding: 0 15px;}
	
}
/***********************************************/
/* 태블릿 이하(~991)  */
@media screen and (max-width: 991px) {
    .notice{float: none; width: 100%; margin-bottom: 20px;}
    .main_slider_Wrap{width: 100%; height: auto;}
    .main_slider_Wrap li{width: 100%;}
    .main_slider_Wrap img{width: 100%;}
    
    .link_list li:nth-child(1) a p{padding: 35px 0 0 0;}
    .link_list li:nth-child(2) a span{display: none;}
    
    .gallery{width: 100%;}
    .link_list2{width: 100%;}
    .link_list2:after{content: ""; display: block; clear: both;}
    .link_list2>div{width: 50%; float: left; margin-top: 20px;}

	.gallery_none{width: 100%; margin-bottom: 30px;}
	.gallery_none .con_none{margin-top: 0;}
	
	#hd_pop {width:100%;}
	.hd_pops {position:absolute; top:80px !important; left:0 !important;}
	.hd_pops_con {width:100%; height:auto !important;}
	.hd_pops_con img {height:auto !important;}

	.bxslider_Wrap li img{width: 100%; height:auto;}
}



/***********************************************/
/* 모바일 (0~767) */
@media screen and (max-width: 767px) {
    /* 메인슬라이드 */
    .bxslider_Wrap .bx-controls-direction{display: none;}
    .bxslider_Wrap .bx-pager{bottom: 10px;}
    
    .bundle{margin-top: 20px;}
    .bg_grey{margin-top: 20px;}
    .link_list li{width: 50%; margin-right: 0;}
    .link_list li:nth-child(1) a p{font-size: 24px;}
    .link_list li:nth-child(2) a h2{font-size: 24px;}
    .link_list li:nth-child(4) .band{background-size: 85%;}
    .link_list li:nth-child(4) .insta{background-size: 75%; border-left: 0;}
    .link_list2{margin-top: 20px;}
    .link_list2>div{width: 100%; margin-top: 0;}

	.gallery_none .con_none{margin-top: 30px;}
    
    .tabcontent{padding: 5px 10px; min-height: auto;}
    .notice .tab li{width: calc(100% / 2 - 17.5px); line-height: 35px; font-size: 16px;}
    .notice .btn_more{top: -35px; width: 35px; height: 35px;}
    .tabcontent li:first-child span{padding-left: 70px; background-size: 50px;}
    .tabcontent li:nth-child(4){display: none;}
    .tabcontent li:nth-child(5){display: none;}
    
    .link_list li{height: 100px;}
    .link_list li:nth-child(1) a p{padding: 20px 0 0 0;}.link_list li:nth-child(2) a h2{width: 120px; background-size: 100%;}
    
    .link_list2>div{height: 120px;}
    .link_list2>div a .tit{font-size: 21px}
    .link_list2>div a{font-size: 14px;}
    .link_list2 .webzine{background-size: 60px; margin-bottom: 0;}
    .link_list2 .counseling{background-size: 70px;}
    .link_list2 .webzine a .btn_link{display: none;}
    .link_list2 .counseling a .btn_link{display: none;}

	/* 팝업 */
	#hd_pop{width: 100%;}
	.hd_pops_con{width: 100% !important;}
}