@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{margin-left:6.5%}
	.header nav .gnb > li > a{font-size:1.25em;}

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


	/* 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;}
	.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;}
	.mns3_2_wrap ul li{width:50%;}
	.mns3_2_wrap ul li:nth-child(2n-1) {margin-right: 0;}


	/* main section04 */
	.mns4_wrap {padding: 0 5%;box-sizing: border-box;}
	.mns4_wrap .mns4_tit_wrap{padding-right: 5%;box-sizing: border-box;word-break: keep-all;}

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

@media (max-width:1400px){

	.mv_sec .autoplay .item .t1 {font-size: 2.3em;}


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

	/* main section2 */
	.mns_2_2_gallery_wrap ul li h3{font-size: 0.9rem;}
	.mns_2_1_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 10%;}



}


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

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

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

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

	.header nav .gnb > li .gnb_dep2{top:100px;height: 320px!important;;padding:25px 0!important;box-sizing:border-box;}
	.header .header_in:after{top:100px;}
	.header .header_in.hd_bg_on:after{height: 320px!important;;}
	.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 h2{font-size:1.4rem;}
	.mns3_2_wrap{float: none;width:100%;height: auto;margin-top:30px;padding: 30px 45px 40px;}
	.mns3_2_wrap ul li {width: 25%;}


	/* main section4 */
	.mns4_wrap{margin-top: 30px;}
	.mns4_wrap > section{height: 380px;padding: 0px 5%;}
	.mns4_wrap .mns4_tit_wrap,
	.mns4_cont_wrap{height: 380px}

	.mns4_wrap .mns4_tit_wrap{width: 30%;padding-right: 0;}
	.mns4_cont_wrap{width: 70%;}
	.mns4_cont_wrap ul li:nth-child(1),
	.mns4_cont_wrap ul li:nth-child(2),
	.mns4_cont_wrap ul li:nth-child(3){width: 33.33%;}

	.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_lt {float: none;}
	footer .ft_lt .copy {margin-top: 3px;}
	footer .ft_rt{float: none;margin-top: 10px;margin-right: 0;}
	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 .hd_logo{width:180px;}

	.header nav .gnb > li > a {font-size: 1rem;}
	
	.header nav .gnb > li .gnb_dep2{padding:20px 0!important;height: 270px!important;}
	.header .header_in.hd_bg_on:after{height: 270px!important;}
	.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 section4 */
	.mns4_cont_wrap ul li figure,
	.mns4_cont_wrap ul li figure:after{width: 100px; height: 100px;}
	.mns4_cont_wrap ul li div h3{font-size:1rem}
	.mns4_cont_wrap ul li div .mn4_btn_more{width: 75px;font-size:0.9rem;line-height: 36px;}



}

@media (max-width:800px){ 

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

	.hd_pops_con {width: 100% !important; font-size: 0.9rem;box-sizing: border-box; }
	.hd_pops_con img{width: 100%; height: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: 32%;  */max-width: 180px;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%;}
	.mns2_2_wrap{float: none;width:100%;margin-top:30px;}

	/* main section3 */
	.mns3_2_wrap h2{font-size: 1.3rem;}

	.mns3_1_cal_wrap {width: 260px;}

	.mns3_1_info_wrap {width: calc(94% - 260px);background-size: 50px;}
	.mns3_1_info_cont h3{margin-bottom: 25px;padding: 10px 23px 11px;font-size: 1rem;}
	.mns3_1_info_cont .today_tit {font-size: 1.3em;line-height: 20px;}
	.mns3_1_info_cont .today_tit span{width: 47px;margin-right: 10px;font-size: 0.65rem;line-height: 18px;}

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

	.mns3_2_wrap ul li figure:after{display: none;}




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

	.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: 50%;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_2_wrap ul li {width: 50%;margin-bottom: 10px;}
	.mns3_2_wrap ul li:nth-child(n+3){margin-bottom: 0px;}

	.mns3_1_wrap:before {width: 45px; }
	
	/* 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;}
	.mns_2_1_board_wrap ul li {padding: 10px}
	.mns_2_1_board_wrap ul li h3{margin-bottom: 0;font-size: 0.9rem;}
	.mns_2_1_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_2_1_board_wrap ul li .mns2_1_date .new{right: -20px;width: 15px;}
	.mns_2_1_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_1_cal_wrap .cal_body {padding: 0 5px;}
	.mns3_1_cal_wrap .cal_body thead {font-size: 0.7em;}
	.mns3_1_cal_wrap .cal_body tbody {font-size: 0.7em;line-height: 25px;}

	.mns3_1_cal_wrap .cal_head .cal_date .cal_mon {font-size: 2em;}
	.mns3_1_cal_wrap .cal_head .cal_date .cal_year {font-size: 0.8em;}

	.mns3_1_cal_wrap .cal_head .cal_pv{left: 10px;width: 30px;height: 30px;background-size: contain;}
	.mns3_1_cal_wrap .cal_head .cal_nt{right:10px;width: 30px;height: 30px;background-size: contain;}

	.mns3_1_info_wrap{margin-top: 10px;}
	.mns3_1_info_cont h3 {margin-bottom: 20px; padding: 7px 20px 8px;font-size: 0.9rem;background-size: 14px;}

	.mns3_wrap .mns_tit_wrap h2{margin-bottom: 0;}
	.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_1_info_cont ul {margin-top: 10px;}
	.mns3_1_info_cont ul li a {font-size: 0.8rem;}


	/* main section4 */
	.mns4_wrap {margin-top: 20px;}
	.mns4_wrap > section {padding: 25px 15px;}
	.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;}


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


	/* footer */
	footer .footer_in {padding: 20px 0 25px;}
	footer .ft_lt ul li {margin-right: 10px;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;}

}