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

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

@media (max-width:1400px){
/* head */
	.header,
	.mcnt_02,
	.m_cnt1 {box-sizing: border-box; padding: 0 20px;}	
	.mcnt_03 {padding: 40px 20px;}
}

@media (max-width:800px){
	/* head */
	.header.m .gnb{display: none;}
	/* main */
	.main_wrap{margin-top: 80px; padding-top: 0px;}
	.mv_sec {float: none; width: 100%;}
	.mv_sec .m_txt h3 {font-size: 40px;}
	.mv_sec .m_txt p{font-size: 22px; line-height: 1.5;}

	.mv_login {float: none; width: 100%;height: 450px;padding: 20px; margin-top: 50px; height: auto;}
	.mv_login #login_frm ul li span {width: 8.6%;}
	.mv_login #login_frm ul li span img{position: absolute; transform:translate(-50%, 0)}
	.m_cal{width: 39%; margin-right: 1%;}
	.cal_top .bt_box span{width: 30px; height: 30px; margin-top: -15px; left: 10px;}
	.cal_top .bt_box span.next{right: 10px;}
	.mbd_cnt {padding: 20px;}
	.m_board{width: 60%; margin: 0;}
	
	.m_board .mbd_tab li {font-size: 16px;}
	.mbd_cnt .mbd_t .mbd_icon{width: 60px; height: 60px; margin-top: 20px;}
	.mbd_cnt .mbd_t .mbd_icon:after{width: 60px; height: 60px; background-size: 50%; }
	.mbd_cnt .mbd_t h3 {font-size: 19px; margin: 2px 0 16px;}
	.mbd_cnt .mbd_t p{font-size: 14px;}
	.mbd_cnt .mbd_t {padding: 25px 0 10px 0; padding-left: 19.6%;}
	.m_gall .mg_top h4,
	.memb h3,
	.mr_bn ul li h4{font-size: 22px;}
	.mcnt_03 h2{font-size: 26px;}
	.mcnt_03 h2:before{top:-2px}

	.mr_bn{float: none; width: 100%; clear: both; padding-top: 50px; overflow: hidden;}
	.mr_bn ul{overflow: hidden;}
	.mr_bn ul li{float: left; width: 33.333%;}
	.mr_bn ul li a:after {width: 55px !important; height: 55px !important; background-size: 100% !important; right: 20px; bottom: 20px;	}
	
	.mcnt_03 .owl-carousel{margin-top: 65px;}
	.mcnt_03 .item ul li{width: 20%;}
	
	.s7_2pop .con{width: 90%; }
	.s7_2pop .pop_tit{height: 80px; line-height: 80px; padding: 0 20px;}
	.s7_2pop .pop_tit h2{line-height: 80px;}
	.s7_2pop .pop_cnt {padding: 20px;}
	

	.footer{height: auto;}
	.copy_p{margin-top: 30px; padding-bottom: 30px;}
	.f_sub2 {padding-top: 23px;}
}

@media (max-width:640px){
	.mv_sec,
	.mv_sec .item .mv_img,
	.mv_sec .item{height: 60vw; min-height:0}
	.mv_sec .m_txt h3{font-size: 35px; padding: 3vw 0 3vw;}
	.mv_sec .m_txt p{font-size: 18px;}

	.s7_2_table tr td .layout_tel li{width: 33% !important; padding-right: 12px;}
	.s7_2_table tr td .layout_tel li:after { height: 1px;width: 8px;background: #999; content:''; top: 50%;} 
	.s7_2_table .layout_email li{width: 31% !important; padding-right: 5px;}
	.s7_2_table .layout_email li.godle{width: auto !important;}
	.m_gall .mg_top h4, .memb h3, .mr_bn ul li h4 {font-size: 19px;}\
	.mr_bn ul li p{font-size: 13px !important;}

	.header.m .gnb{height: calc(100vh - 80px); overflow-y: auto;}


}
@media (max-width:440px){
	.mv_sec .m_txt span {font-size: 3vw; line-height: 2; height: auto;}
	.mv_sec .m_txt h3{font-size: 6vw; line-height: 1.7; -ms-word-break: keep-all; word-break: keep-all;	padding: 0;}
	.mv_sec .m_txt p{font-size: 3.2vw; }
	.mv_sec .m_txt{padding-left: 4%;}
	.mv_login #login_frm ul li span {width: 14.6%;}
	.mv_login #login_frm ul li input,
	.mv_login #login_frm ul li:last-child input,
	.mv_login #login_frm ul li:last-child{height: 40px;}
	.mv_login input,
	input::placeholder{font-size: 3.2vw !important; line-height: 40px;}
	.mv_login #login_frm ul li{height: 40px; overflow: hidden;}
	.mv_login #login_frm ul li span,
	.mv_login #login_frm ul li:last-child span{height: 40px; }
	.mv_login .auto label{font-size: 3.2vw;}
	.mv_login .btn_submit,
	.mv_login .login_btn a{font-size: 4vw; line-height: 3; height: auto;}
	.mv_login .login_btn a{font-size: 3.2vw; line-height: 3;}
	.mv_login{margin-top: 5vw;}
	.m_cal{width: 100%; margin-right: 0;}
	.mcnt_02{margin: 5vw auto !Important;}
	.memb:before{transform:scale(1.1)}
	.m_board{width: 100%; margin-top: 5vw;} 
	.m_gall .mg_top h4, .memb h3, .mr_bn ul li h4{font-size: 6vw;}
	.memb p{font-size: 4vw;}
	.m_board .mbd_tab li{font-size: 3.6vw; line-height: 3.5; height: auto;}
	.mbd_cnt .mbd_t {padding: 0px 0 0px 0;padding-left: 21%;}
	.mbd_cnt .mbd_t .mbd_icon {margin-top: 0px;}
	.mbd_cnt{padding: 20px 10px; height: auto;}
	.mbd_b ul li a{font-size: 3.2vw; }
	.m_gall{padding: 0;}
	.m_gall .mg_top span a{font-size: 3.2vw;}
	.mg_li li{width: 49%; margin-right: 2%; margin-bottom: 3vw;}
	.mg_li li:nth-child(2n+2){margin-right: 0;}
	.mg_li li figure{max-width:1000000px; max-height:10000000px; } 
	.m_board img{width: 100%;}
	.mg_li li figcaption{font-size: 4vw; line-height: 2; margin-top: 0;}
	.m_gall .mg_top {margin-bottom: 3vw; padding-top: 6vw;}
	.mr_bn{margin-top: 6vw; padding-top: 0;}
	.mr_bn ul li{float: none; width: 100%; height: 35vw;}
	.mr_bn ul li a {padding: 20px;}
	.mr_bn ul li p{font-size: 3.6vw;}
	.mr_bn ul li span{position: static; margin-top: 5vw; display: block;}
	.mr_bn ul li a:after{width: 45px !important; height: 45px !important;} 
	.cal_cnt{height: auto;}
	.s7_2pop .pop_tit h2{font-size: 5vw; line-height: 3; }
	.s7_2pop .pop_tit{height: auto; line-height: 3;}
	.s7_2pop .pop_cnt h2{font-size: 3.6vw;}
	.s7_2pop .pop_cnt textarea{font-size: 3.2vw; line-height: 1.7;}
	.s7_2pop .agreen_box label{font-size: 3.2vw;}
	.s7_2_table tr th{width: 25%; font-size: 3.2vw;}
	.s7_2_table tr td input, .s7_2_table tr td select{font-size: 3.2vw !important;}
	.mbd_b{padding-bottom: 20px;	}
	.mcnt_03 h2{font-size: 5vw; padding-left: 30px;}
	.mcnt_03 h2:before {width: 25px; height: 25px; background-size: 100%;	}
	.mcnt3_tab li, .mcnt_03 .owl-carousel .owl-dot {font-size: 3.2vw; margin-right: 10px;}
	.mcnt_03 .item ul li{width: 31%; margin-right: 3.5%;}
	.mcnt_03 .item ul li:nth-child(3n+3){margin-right: 0;}
	.mcnt_03 {padding: 20px }
	.mcnt3_tab, .mcnt_03 .owl-carousel .owl-dots {top: 60px;}
	.mCSB_inside > .mCSB_container {padding-right: 8px;}
	.s7_2_table .layout_email li.godle{font-size: 10px !important;}
	.s7_2_table tr td input, .s7_2_table tr td select{padding-left: 0; font-size: 2.8vw;}
	.btn_ty1 {width: 30%; line-height: 3; font-size: 4vw; height: auto;}
	.footer{font-size: 3.2vw; line-height: 1.7;}
	.top_bt{width: 35px; height: 35px; font-size: 3.2vw; line-height: 35px; top:112px}
	.f_sub ul li:nth-child(2) span{display: block; padding: 0; -ms-word-break: keep-all; word-break: keep-all;}
	.f_sub ul li:nth-child(2) span:after{display: none;}
	.f_sub{padding-top: 20px; padding-bottom: 20px;}
	.f_sub2 .f_menu{float: none; text-align: center;}
	.f_sub2 .f_menu li a{font-size: 3.2vw; }
	.f_sub2{padding-top: 15px;}
	.copy_p {margin-top: 10px;padding-bottom: 20px;}
	.log_h5{font-size: 4vw; line-height: 1.7;}
	.log_p{font-size: 3.6vw;}
	.login_frm2{padding: 0;}

	.gn_login ul li a{font-size: 3.2vw; padding: 0 5px;}
	.gn_login ul li a:after{display: none;}
	.header.m .hd_logo{width: 41%;}

	

}

@media (max-width:360px){
	.mbd_cnt .mbd_t {padding-left: 26%;}
	.s7_2_table tr td{padding: 0 5px;}
	.s7_2_table .layout_email li {width: 29% !important;}
}