@charset "utf-8";
@import url(media_sub.css);

/**** Media Query *********************************/

@media (max-width:1800px){


	/* common layout*/
	.w1600{width:100%;padding:0 5%;box-sizing:border-box;}

	/* scroll icon */
	.scroll{right:3%}

	/* footer */
	footer .ft_rt {margin-right: 90px;}

}

@media (max-width:1600px){

	/* pop */
	#hd_pop > div{left: 100px!important;}

	/* layout */
	.w1320{width:100%;padding:0 5%;box-sizing:border-box;}



	/* header */
	.header nav .gnb > li > a{font-size:1.25em;}



	/* main visual */

	.mv_sec{height: 30vw;}
	.mv_sec .autoplay .item,
	.mv_sec .autoplay .item img{width: 100%;height: 30vw;}

	.mv_info{width:100%;}
	.mv_sec .autoplay .item .t1{font-size: 2.6em;width: 100%;}
	.mv_sec .autoplay .item .t2{margin-top: 75px;font-size: 1.4em;}

	.mv_sec .slick-prev{left: 5% !important;width: 50px;height: 50px;background-size: contain;}
	.mv_sec .slick-next{right: 5% !important;width: 50px;height: 50px;background-size: contain;}

	/* main section03 */
	.mns3_2_wrap{padding: 40px 35px;}



	/* main section04 */
	.mns4_wrap {padding: 0 5%;box-sizing: border-box;}


	/* main section5 */
	.mns5_wrap .client_slide_wrap{width:100%;}
		
	/* footer */
	footer .ft_rt{margin-top: 0;}
	.top_bt {right: 5%;}
}

@media (max-width:1400px){


	/* heaader */
	.header nav .gnb > li .gnb_dep2 li a{font-size:0.9rem;}

	.mv_sec .autoplay .item .t1 {font-size: 2.3em;}
	
	.header nav .gnb > li .gnb_dep2{height: 300px!important;padding: 30px 0;;}
	.header .header_in.hd_bg_on:after{height: 300px!important;}

	/* scroll icon */
	.scroll figure img{width:12px;}

	/* main section2 */
	.mns_2_2_gallery_wrap ul li h3{font-size: 0.9rem;}
	.mns_board_wrap ul li .mns2_1_date,
	.mns3_1_info_cont ul li a{font-size: 0.9rem;}


	/* main section3 */
	.mns3_2_wrap{padding: 40px 20px;}
	
	
	/* main section4 */
	.mns4_wrap > section{padding: 0px 40px 0 97px;}


	/* footer */
	footer .ft_lt {float: none;}
	footer .ft_lt .copy {margin-top: 3px;}
	footer .ft_rt{float: none;margin-top: 10px;margin-right: 0;}

}


@media (max-width:1200px){
	/* layout */
	.main_wrap,
	.sub_wrap{margin-top:100px;}

	/* header */
	.header{height: 100px;}

	.header .hd_logo{width: 115px;height: 100px;line-height: 100px;}
	.header .hd_logo img {line-height: 100px;margin-top: -20px; width: 100%;}

	.header nav{margin-left: 8%;}
	.header nav .gnb > li > a{font-size:1.1em;line-height: 100px;}

	.header nav .gnb > li .gnb_dep2{top: 100px;}
	.header .header_in:after{top:100px;}
	.header nav .gnb > li .gnb_dep2 li a{font-size:0.85rem;line-height: 1.3;margin-bottom:12px;padding:0 5px;box-sizing:border-box;}
	.header nav .gnb > li .gnb_dep2 li a span{display: block;}



	.btn_sitemap{height: 100px;line-height: 100px;}
	.btn_sitemap img {width: 25px;line-height: 100px;}


	.scroll figure img {width: 10px;}

	/* main title */
	.mns_tit_wrap h2 {padding-left: 25px;font-size: 1.4rem;}
	.mns2_wrap .mns_tit_wrap h2,
	.mns3_wrap .mns_tit_wrap h2{background-size: 18px;}
	.mns_tit_wrap .mns_btn_more{top:7px;}



	/* main section3 */
	.mns3_1_wrap{float: none;width: 100%;height: auto;padding: 40px 30px 40px 30px;}
	.mns3_1_wrap:before{bottom:40px;right:30px;width:75px;background-size: contain;}

	.mns3_2_wrap{float: none;width: 100%;height: auto;margin-top:30px;padding: 30px 45px 40px;}
	.mns3_2_wrap ul{text-align: center;}
	.mns3_2_wrap h2{font-size:1.4rem;}
	.mns3_2_wrap p br{display: none;}
	.mns3_2_wrap ul li{display: inline-block;width: auto;}
	.mns3_2_wrap ul li:nth-child(1){margin-right:10%;}


	/* main section4 */
	.mns4_wrap{margin-top: 30px;}
	.mns4_wrap > section{height: 380px;padding: 0px 5%;}
	.mns4_slide_wrap .slick-list{width:calc(100% - 2px);}

	.mns4_slide_wrap{height: 380px}
	.mns4_slide_wrap .mns4_slide_list figure,
	.mns4_slide_wrap .mns4_slide_list figure img,
	.mns4_slide_wrap .mns4_slide_list figure:after{width:100px;height: 100px;;}

	.mns4_wrap .mns4_tit_wrap h2{margin: 0px auto 5px;font-size: 1.4rem}
	.mns4_wrap .mns4_tit_wrap em {font-size: 0.8rem;}
	.mns4_wrap .mns4_tit_wrap p {font-size: 1rem;line-height: 1.4;word-break:keep-all;}

	.mns4_cont_wrap ul li{padding-left: 0;text-align: center;}
	.mns4_cont_wrap ul li:last-child{text-align: center;}
	.mns4_cont_wrap ul li figure{display: block;margin: auto;width: 120px;height: 120px;}
	.mns4_cont_wrap ul li figure img{width: 100%;}
	.mns4_cont_wrap ul li figure:after{width: 120px;height: 120px;}
	.mns4_cont_wrap ul li div{display: block;width: 120px;margin: 25px auto 0;}

	/* footer */
	footer .footer_in {padding: 50px 0 65px;}

	footer .ft_rt ul li.btn_privacy {margin-right: 30px;}
	footer .ft_rt ul li:before{right: -17.5px;}

}



@media (max-width:960px){

	/*header*/
	.header nav{margin-left: 5%;}
	.header nav .gnb > li > a {font-size: 1rem;}

	.header .header_in.hd_bg_on:after{height: 270px !important;}
	.header nav .gnb > li .gnb_dep2{height: 270px !important;padding:25px 0;}
	.header nav .gnb > li .gnb_dep2 li a{font-size:0.8rem;margin-bottom:10px;}


	/* main section3 */
	.mns3_1_cal_wrap{width: 310px;}
	.mns3_1_cal_wrap .cal_body{padding: 0 15px;}
	.mns3_1_cal_wrap .cal_body thead{font-size: 0.8em;}
	.mns3_1_cal_wrap .cal_body tbody{font-size: 0.8em;line-height: 27px;}
	.mns3_1_info_wrap {width: calc(94% - 310px);}

	
	/* main section05 */
	.mns4_slide_wrap .mns4_slide_list div h3{font-size:1rem;}
	.mns4_slide_wrap .mns4_slide_list div .mn4_btn_more{width: 70px;font-size: 0.85rem;line-height: 32px;}



}

@media (max-width:800px){ 

	/* pop */
	#hd_pop > div {position: fixed; left: 50% !important; transform: translate(-50%, -50%); top: 50% !important; width: 90%;height: auto; max-height: 400px; z-index: 999999; }

	.hd_pops_con {width: 100% !important; height: 100% !important;min-height: 200px;font-size: 0.9rem;box-sizing: border-box; }
	.hd_pops_con img{width: 100%;}
	.hd_pops_footer button{ padding: 2px 7px; font-size: 0.8rem;}

	/* top */

	/* layout */
	.main_wrap,
	.sub_wrap{margin-top:80px;}


	/*mobile header */
	.header{display: none!important;}
	.m_header{display: block!important;}
	.m_logo a img{width: 100%;    padding-top: 20px;}
	.m_header{position: relative;display:block;}
	.m_header_box{position:fixed;top:0;left:0;width:100%;height:80px;background: #fff;box-shadow: 2px 2px 5px rgba(0,0,0,0.1);z-index: 9999;}
	.m_logo{z-index: 97;height: 80px;padding-left: 3vw;}
	.m_logo a {height: 80px;display: block; width: 100px;font-size:0; background: url(../../images/layout/hd_logo.jpg) no-repeat left center; -webkit-background-size: 100%; background-size: 100%;  }
	.gnb_btn {position: absolute; top: 0px;  right: 0px;width: 80px;height: 80px;box-sizing:border-box;z-index:9999;background:#535353;cursor: pointer;display:table;}
	.gnb_btn_inner{display:table-cell;vertical-align:middle;width:100%;height:100%;}
	.gnb_btn_inner>div {position: relative; width: 45%;margin:0 auto; height: 2px;  margin-bottom: 6px;  border-radius: 2px;  background-color: #fff; -webkit-transition: all .3s ease;-moz-transition: all .3s ease; -o-transition: all .3s ease;transition: all .3s ease;}
	.gnb_btn_inner>div:last-child{margin-bottom:0;}
	.gnb_btn_line1.gnb_on { -webkit-transform: rotate3d(0,0,1,45deg);  -moz-transform: rotate3d(0,0,1,45deg);  -o-transform: rotate3d(0,0,1,45deg);  transform: rotate3d(0,0,1,45deg);top: 8px;}
	.gnb_btn_line2.gnb_on { opacity: 0;}
	.gnb_btn_line3.gnb_on {  -webkit-transform: rotate3d(0,0,1,-45deg); -moz-transform: rotate3d(0,0,1,-45deg);  -o-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg);top: -8px;}

	.m_nav_wrap{position: fixed;top:80px;right:-65%;width:65%;max-width:400px;height: calc(100% - 80px );padding: 20px 10px;;box-sizing: border-box;background: #fff;z-index:9999;overflow-y: scroll;border-top: 1px solid #efefef;}

	.m_hd_ico_area{padding: 15px!important;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}
	.m_hd_ico_area li{float: left;width:50%;text-align: center;}
	.m_hd_ico_area li:nth-child(1){border-right: 1px solid #ddd;box-sizing: border-box;}
	.m_hd_ico_area li a{height: 30px;font-size:13px;color:#4a5755}
	.m_hd_ico_area li:nth-child(1) a{background: url(../../images/layout/hd_ico1.png) no-repeat center;}
	.m_hd_ico_area li:nth-child(2) a{background: url(../../images/layout/hd_ico2.png) no-repeat center;}
	.m_gnb{width:100%;height:auto;margin-top:10px;list-style: none;}
	.m_gnb > ul > li{width: 90%; border-bottom: 1px solid #e1e5ec; margin: 0 auto;}
	.m_gnb > ul > li .m_g_dep1, 
	.m_gnb > ul > li .m_g_dep11{position: relative;display: block;width: 100%;padding-left: 10px;font-size: 13px;color: #404040; line-height: 45px; box-sizing: border-box;cursor:pointer;background: url(../../images/layout/m_gnb_list_bg.png) no-repeat 90% 50%;}
	.m_gnb > ul > li .m_g_dep1.on{ color: #303030; font-weight: 500;background: #f3f3f3  url(../../images/layout/m_gnb_list_bg_on.png) no-repeat 90% 50%;}
	.m_gnb > ul > li>a{font-size: 12px;color: #333; line-height: 50px; box-sizing: border-box;}
	.m_gnb > ul > li>ul>li>a{/*position:relative;*/font-size:12px;line-height:35px;color: #999;}
	.m_gnb > ul > li>ul{padding-left:10px}

	.m_bg{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:9998}
	.w_wrap{margin-top:-10px;}	

	/* scroll icon */
	.scroll{display: none;}


	/* main visual */
	.mv_sec {height: 35vw;padding: 0!important; width: 100%;}
	.mv_sec .autoplay .item, 
	.mv_sec .autoplay .item img{height: 35vw;}
	.mv_sec .autoplay .item .t1 {font-size: 2.1em;}
	.mv_sec .autoplay .item .t2 { margin-top: 60px;font-size: 1.2em;}


	/* main section2 */
	.mns2_wrap {padding: 50px 0 40px;}

	.mns_tit_wrap h2 {padding-left: 25px;font-size: 1.3rem;}
	.mns2_wrap .mns_tit_wrap h2,
	.mns3_wrap .mns_tit_wrap h2{background-size: 15px;margin-bottom: 10px;}

	.mns2_1_wrap{float: none;width:100%;padding: 0;border:0;min-height:auto}
	.mns2_2_wrap{float: none;width:100%;padding: 0;margin-top:30px;min-height:auto}

	/* main section3 */
	.mns3_1_latest_area{float: none;width: 100%;padding-right: 0;margin-bottom: 30px;padding-bottom: 20px;border-right:0;border-bottom:1px solid #ddd}
	.latest_top{margin: 15px 0 15px;}
	.mns3_1_brd_area{float: none;width: 100%;padding: 0;}
	.mns3_1_wrap:before{bottom:40px;right:30px;width:75px;background-size: contain;}

	.mns3_2_wrap{margin-top:30px;padding: 30px 45px 40px;}
	.mns3_2_wrap h2{font-size: 1.3rem;}

	.mns3_2_wrap ul li{float: left;width: 50%;}
	.mns3_2_wrap ul li:nth-child(1){margin-right:0;}
	.mns3_2_wrap ul li figure:after{display: none;}



	/* main sectino4 */
	.mns4_wrap {margin-top: 30px; padding: 0 5%;box-sizing: border-box;overflow: hidden;}
	.mns4_wrap > section{height: auto;padding: 30px 0px 100px;}
	.mns4_wrap .mns4_tit_wrap {display: block; float: none;width: 100%; height: auto; padding-top: 0;text-align: center;}
	.mns4_cont_wrap,
	.mns4_slide_wrap {height: auto;}
	.mns4_slide_wrap{float: none;width: 100%;margin-top: 30px;padding: 0;}

	.mns4_slide_wrap .slick-prev {top: 100% !important; left: 45%; transform: translateX(-50%); margin-top: 35px;}
	.mns4_slide_wrap .slick-next{top: 100% !important;left: 55%;transform: translateX(-50%);margin-top: 35px;}
	.mns4_slide_wrap .slick-prev:after{display: none;}
	
	.mns4_slide_wrap:after{content: '';position: absolute;bottom: -55px; left: 50%; width: 1px; height: 18px; background-color: #bbb;}

	.mns4_slide_wrap .mns4_slide_list figure{ width: 90px; height: 90px;margin: 10px auto 15px;}
	.mns4_slide_wrap .mns4_slide_list figure img,
	.mns4_slide_wrap .mns4_slide_list figure:after { width: 90px; height: 90px;}

	.mns4_slide_wrap .mns4_slide_list div h3{font-size: 0.9rem;}



	.mns4_wrap .mns4_tit_in {display: block;vertical-align: middle;}
	.mns4_wrap .mns4_tit_wrap em {font-size: 0.75rem;}
	.mns4_wrap .mns4_tit_wrap h2{font-size: 1.3rem;}
	.mns4_wrap .mns4_tit_wrap p {font-size: 0.95rem;}
	.mns4_cont_wrap {float: none;display: block; width: 100%; height: auto; margin-top: 20px;}
	.mns4_cont_wrap ul {display: block; vertical-align: middle;}
	.mns4_cont_wrap ul li{padding-left: 0;text-align: center;}
	.mns4_cont_wrap ul li figure{width: 86px;height: 86px;}
	.mns4_cont_wrap ul li figure img {width: 100%;}
	.mns4_cont_wrap ul li figure:after{display: none;}
	.mns4_cont_wrap ul li div {width: 100%; margin-top: 15px; text-align: center;}
	.mns4_cont_wrap ul li div h3 {font-size: 1rem;}
	.mns4_cont_wrap ul li div .mn4_btn_more{width: 70px;margin-top: 10px;font-size: 0.85rem;}


	/* footer */
	footer .footer_in {padding: 30px 0 35px;}
	footer .ft_lt ul li{margin-right: 12px;font-size: 0.8rem;}
	footer .ft_lt .copy{font-size: 0.8rem;}
	footer .ft_rt ul li a {font-size: 0.8rem;}

	.top_bt {bottom: 35px;width: 50px; height: 50px; font-size: 13px; line-height: 50px;}

}

@media (max-width:640px){ 

	/* layout */
	.main_wrap,
	.sub_wrap{margin-top:60px;}

	/* header */
	.m_header_box,
	.m_logo{height: 60px;}
	.m_logo a {width: 70px;height: 60px;}

	.gnb_btn {width: 60px;height: 60px;}
	.m_nav_wrap {top: 60px; height: calc(100% - 60px );}

	.m_gnb > ul > li .m_g_dep1, 
	.m_gnb > ul > li .m_g_dep11{font-size:0.85rem;}
	.m_gnb > ul > li>ul>li>a{font-size:0.75rem;}


	/* main visual */
	.mv_sec,
	.mv_sec .autoplay .item, 
	.mv_sec .autoplay .item img{height: 38vw;}

	.mv_sec .slick-prev,
	.mv_sec .slick-next {width: 35px;height: 35px;}
	
	.mv_sec .autoplay .item .t1 {font-size: 1.5em;}
	.mv_sec .autoplay .item .t2 { margin-top: 40px;font-size: 1em;}


	/* main section2 */
	.mns_tit_wrap h2 {padding-left: 20px;font-size: 1.15rem;}
	.mns2_wrap .mns_tit_wrap h2, .mns3_wrap .mns_tit_wrap h2{background-size: 12px;}

	
	/* main section3 */
	.mns3_1_cal_wrap {float: none;width: 100%;}
	.mns3_1_info_wrap {float: none;width: 100%;margin-top: 20px;margin-left: 0;}
	.mns3_1_wrap:before {width: 45px; }
	
	.mns3_2_wrap p {margin: 10px auto 15px;font-size: 0.85em}
	.mns3_2_wrap ul li figure{display: block;}
	.mns3_2_wrap ul li a > div { display: block; text-align: center;margin-top:10px;padding-left: 0;}
/* 	.mns3_2_wrap ul li{width: 100%;}
	.mns3_2_wrap ul li:nth-child(1){margin-bottom: 20px;} */


	/* login */
	#mb_login .login_wr {padding: 20px 15px;}
	#mb_login .login_wr > h2 {margin-bottom: 10px;font-size: 1.2rem;}
	#mb_login .frm_input {width: calc(100% - 78px);height: 37px;line-height: 37px;font-size: 0.85rem;}
	#mb_login .btn_submit{width: 70px; height: 80px; font-size: 0.85rem;}
	#mb_login .auto{font-size:0.85rem}
	


}

@media (max-width:460px){ 

	/* main visual */
	.mv_sec .autoplay .item .t1 {font-size: 1.2em;}
	.mv_sec .autoplay .item .t2 { margin-top: 30px;font-size: 0.9em;}


	/* main section2 */
	.mns2_wrap {padding: 40px 0 20px;}
	.mns3_1_latest_area{margin-bottom: 15px;padding-bottom: 15px;}
	
	.latest_top{margin: 10px 0 10px;}
	.latest_top .latest_tit{padding-left: 12px;font-size: 1rem;line-height: 1.5;}
	.latest_txt{font-size:0.9rem;}
	.btn_mns3_1_more{margin-top: 15px;}

	.mns_board_wrap ul li {padding: 10px}
	.mns_board_wrap ul li h3{margin-bottom: 0;font-size: 0.9rem;}
	.mns_board_wrap ul li .mns2_1_date{padding-left: 17px;font-size: 0.75rem;background: url(../../images/main/mn_ico_time.png) no-repeat left 55%;background-size: 12px;}
	.mns_board_wrap ul li .mns2_1_date .new{right: -20px;width: 15px;}
	.mns_board_wrap ul li .mns2_1_date .new img{width: 100%;}
	.mns_tit_wrap .mns_btn_more{top: 4px;padding-left: 16px;font-size: 0.75rem;background:url(../../images/main/mn_ico_more.png) no-repeat left 65%;background-size: 10px;}
	

	.mns2_2_wrap{margin-top: 20px;}
	.mns_2_2_gallery_wrap ul li h3 {font-size: 0.85rem;}

	
	.mns_2_2_gallery_wrap ul li{float: none;width: 100%;height: 180px;;margin-right: 0;margin-bottom: 10px;border-radius: 10px;}
	.mns_2_2_gallery_wrap ul li figure img{width:100%;;}
	.mns_2_2_gallery_wrap ul li:last-child{margin-bottom: 0;}
	.mns_2_2_gallery_wrap ul li h3{font-size: 0.95rem;line-height: 45px;}



	/* main section3 */
	.mns3_1_wrap{padding: 25px 12px;}
	.mns3_1_wrap:before {right:12px;bottom:25px;width: 40px; }

	.mns3_wrap .mns_tit_wrap h2{margin-bottom: 0;}

	.mns3_1_info_cont ul {margin-top: 10px;}
	.mns3_1_info_cont ul li a {font-size: 0.8rem;}

	.mns3_2_wrap{margin-top: 20px;padding: 25px 20px;}
	.mns3_2_wrap ul li figure{width: 70px;height: 70px;}
	.mns3_2_wrap ul li figure img{width: 100%;}
	.mns3_2_wrap ul li h3{font-size: 0.9rem;}
	.mns3_2_wrap ul li:nth-child(1){margin-bottom: 10px;}


	/* main section4 */
	.mns4_wrap {margin-top: 20px;}
	.mns4_wrap > section {padding: 25px 0px 80px;}
	.mns4_wrap .mns4_tit_wrap h2 {margin: 0px auto 5px;}
	.mns4_wrap .mns4_tit_wrap p {font-size: 0.8rem;line-height: 1.4;word-break: keep-all;}
	.mns4_cont_wrap ul li figure{width: 70px;height: 70px;}
	.mns4_cont_wrap ul li div h3 {font-size: 0.9rem;}
	.mns4_cont_wrap ul li div .mn4_btn_more {width: 65px;font-size: 0.8rem;line-height: 27px;}

	.mns4_slide_wrap .mns4_slide_list figure{margin:10px auto 5px;width: 70px; height: 70px;}
	.mns4_slide_wrap .mns4_slide_list figure img,
	.mns4_slide_wrap .mns4_slide_list figure:after { width: 70px; height: 70px;}

	.mns4_slide_wrap .slick-prev{left:42%;margin-top: 25px;}
	.mns4_slide_wrap .slick-next{left:58%;margin-top: 25px;}

	.mns4_slide_wrap:after{bottom: -44px;}


	/* main section5 */
	.mns5_wrap{margin: 40px 0 50px;}


	/* footer */
	footer .footer_in {padding: 20px 0 25px;}
	footer .ft_lt ul li {width:100%;margin-right: 0;font-size: 0.75rem;}
	footer .ft_lt .copy,
	footer .ft_rt ul li a{font-size: 0.75rem;}

	.top_bt {bottom: 25px;width: 45px; height: 45px; font-size: 0.7rem; line-height: 45px;}

}