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

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

@media (max-width:1660px){
	/* ��� */
	.hd_logo{width: 75px;}
	.header{min-width:0; box-sizing: border-box; padding: 0 20px;}
	a.btn_sitemap{width: 92px;}
	.quick {right: 0; margin-right: 0;}
	a.btn_sitemap:before, a.btn_sitemap:after {left: 10px;}


}	
@media (max-width:1500px){
	.quick{right: 20px;}
	.mv_info {left: 0; margin-left: 50px;}
}

@media (max-width:1400px){
	.marti02{padding: 40px 0 !important;}
	.marti02 .txt {padding-left: 2.78%; padding-right: 2%;}
	



/* ����cnt5,6,8 */
	.marti05 .wrap,
	.marti06 .wrap,
	.marti08 .wrap,
	.marti09 .wrap{padding:  0 20px; box-sizing: border-box; }

/* Ǫ�� */
	.fb {padding: 90px 20px 150px; box-sizing: border-box;}
	.ne_bt {  right: 52px;}
}

@media (max-width:1340px){
	.ne_bt {  right: 20px;}

}

@media (max-width:1300px){
	.mc_sec > article {padding: 70px 0;}
	.marti05 .stb{display: block;}
	.marti05 .stb .stc-tl{display: block; width: 100%;}
	.marti05 .tabs{margin-bottom: 5vw;}
	.marti05 .tabs a{display: inline-block; text-align: center; position: relative; padding-right: 10px;}
	.marti05 .tabs a:after{position: absolute; content:''; width: 2px; height: 14px; background: #fff; right: 0px; top: .75em;}
	.marti05 .tabs a:last-child:after{display: none;}
	.marti09 .div1 ul li{padding: 0 20px;}
	.marti09 .div1 ul li .t2{font-size: 20px;}
	.fb .inform{width: 337px; }
	.fb .contact{width: 230px;}
	.fb .inform ul li, .fb .contact ul li{font-size: 14px;}
	.fb .adr p{font-size: 14px; margin-top: 20px;}
	.ne_bt{right: 70px;}
}


@media (max-width:1225px){
	.ne_bt{width: 114px; margin-top: -15px;}
	.ne_bt a {height: 89px;font-size: 14px;line-height: 18px;padding: 10px 10px;}
}

@media (max-width:1200px){
	.ne_bt{right: 30px;}
}

@media (max-width:1140px){
	.ne_bt{position: static; margin-top: 15px;}
}

@media (max-width:1100px){
	.marti01 .ul1 > li .t1 .montserrat {font-size: 45px;}
	.marti01 .ul1 > li .t2 {margin-top: 22px;font-size: 21px;}
	.marti01 .ul1 > li:first-child figure{left: 10px;}
	.marti02 .btn1 > a {line-height: 115px;}
	.marti02 .img img{width: 100%;}
	.marti_stit {font-size: 18px;}
	.marti_tit {margin-top: 21px;font-size: 45px; height: 45px;}
	.marti02 .ul1 {margin-top: 21px;height: 90px;}
	.marti02 .ul_dash {font-size: 16px;}
	.marti02 .marti_top {margin-bottom: 50px;}
	.marti02 .btn1 > a {line-height: 110px; font-size: 16px;}

/* Ǫ�� */
	.ft .stc-ml{padding-left: 5% !important;}
}
@media (max-width:1072px){
/*.marti03 ul li.li_s{margin-right: 8.2%;}
	.marti03 .ul1 > li{margin-right: 15.3%;}
	.marti03 .ul1 > li.li3{margin-right: 0%;}
	.marti03 .ul2 > li{margin-left: 23.1%;}
	.marti03 .ul1{padding-right: 15%;}
	.marti03 .ul2 {padding: 6.4% 21.7%;}
	.marti03 .ul3 {padding-left: 21.2%;}
	.marti03 .ul3 > li{margin-right: 15%;}
	.marti03 ul li.li_s, .marti03 ul li.li_f {width: 18.1%;} */
	.layer_box{width: 80% !important;}
	.layer_box .btn_close{width: 40px !important; height: 40px !important; right: -40px !important;}
	.m_nn{display: block;padding: 0 !important;}
	.m_nn img{width: 100%;}
	.marti03 .wrap{display: none !important;}
	.marti03{padding-bottom: 0vw !important;}
}

@media (max-width:1024px){
	/* ��� */
	.header{height: 80px; background: rgba(255,255,255,0.3);}
	.m_bt{display: block;}
	.header .hd_sub{padding: 0;}
	.hd_logo {}
	.hd_logo > a {height: 80px; width: 100px; }
	.hd_logo > a img{position: static; margin-top: 14px; width: 50px;}
	.btn_sitemap{display: none;}
	.gnb {float: none; width: 50%; position: fixed; right: 0; width: 50%;	display: block; height: 100%; background:	 #fff; padding-top: 80px; margin-right: 0 !Important;}
	.gnb:before{position: absolute; content:''; width: 100%; height: 80px; background: #0068de; left: 0; top: 0; }
	.gnb > li {display: block; width: 100%; text-align: left; border-bottom: 1px solid #ddd;}
	.gnb > li > a {color: #333; line-height: 3; padding-left: 20px;}
	.gnb > li:hover > a{color: #fff; background: #333;} 
	.gnb > li > a:before{display: none;}
	.gnb > li:before{display: none;}
	.gnb > li .subm{position: static; margin: 0 !important;	border-top: 1px solid #ddd;}
	.gnb > li .subm > li{display: block; border-bottom: 1px solid #ddd;}
	.gnb > li .subm > li:last-child{border-bottom: 0;}
	.gnb > li .subm > li > a {line-height: 3; color: #606060; padding-left: 20px;}
	.gnb > li:nth-child(9) .subm{text-align: left;}
	.gnb{display: none;}

	.marti07 {height: auto;}
	.marti07 .ul1 li {margin: 0 1%;width: 46%;}
	.marti07 .ul1 li .b1 {width: 100%;}
}

@media (max-width:800px){
	
	/* ���κ��־� */
	.mv_info{top:19%}
	.mv_info .t1{font-size: 23px;}
	.mv_info .t2{font-size: 60px;}
	.mv_info .t3 {font-size: 18px; margin-top: 15px;}
	.mv_sec .owl-theme .item,
	.mv_sec .owl-theme .item img,
	.mv_sec{height: 600px;}
	.mv_sec .owl-theme .item img{height: 600px; left: -15%;}
	.mv_info_btn a {width: 150px; line-height: 50px; font-size: 18px;}


	/* ����cnt���� */
	.marti_tp {margin-top: 30px;}
	.marti07 .marti_top {margin-bottom: 40px;}

	/* ����cnt1 */	
	.marti01 .ul1{; padding-top: 5vw;}
	.marti01 .ul1 > li{float: none; display: inline-block; width: 33%; padding: 0; padding-bottom: 5vw; border-right: 0;}
	.marti01 .ul1 > li:first-child figure{left: 0;}
	.marti01 .ul1 > li .t1,
	.marti01 .ul1 > li .t2{margin-top: 10px;}
	.mc_sec > article{padding: 5vw 0;}
	.marti_top{margin-bottom: 5vw;}
	.marti_tit{font-size: 45px;}
	/* ����cnt2 */	
	.marti02 .img{position: relative; width: 100%; box-sizing: border-box; padding: 0 20px;height: 95vw;}
	.marti02 .img img{position: absolute; top: 0;	 left: 0; width: 100%; box-sizing: border-box; padding: 20px;}
	.marti02 .txt {float: none; width: 100%;}
	.marti02{padding: 20px 0 !important;}
	.marti02 .txt {padding: 5vw 20px;}
	.marti02 .marti_tit{height: auto;}

	/* ����cnt3 */
	.marti04{background-size: 350%;}
	.marti04 .stb{display: block; padding: 5vw 0;}
	.marti04 .stc{display: block; height: auto;}
	.marti04 .txt .txt_p{font-size: 16px;}
	.marti04 .stc.img{padding-top: 5vw;}

	/* ����cnt5 */
	.marti05 .marti_top{margin-bottom: 4vw;}
	.marti05 .tabs a {width: auto;padding: 0 2%;}
	.marti05 .tabs_con h4{font-size: 30px;}
	.marti05 .owl-theme .owl-nav {top: -55px;}
	.marti05 .tabs_con .item{padding: 10px;}
	.marti05 .tabs_con .item{height: 300px;}
	.marti05 .tabs_con .item h5{font-size: 45px;}
	.marti05 .tabs_con .item ul{height: 217px;}

	/* ����cnt6 */
	.marti06 .ul1{display: block; overflow: hidden;}
	.marti06 .ul1 li{display: block; float: left; width: 100%; box-sizing: border-box; padding: 5%; border-bottom: 1px solid #dbdbdb; height: 290px;}
	.marti06 .ul1 > li .ico{margin: 8% auto 0;}

	/* ����cnt7 */
	.marti07 .ul1{width: 100%; overflow: hidden; box-sizing: border-box; padding: 0 20px;}
	.marti07 .ul1 li{float: left; width: 49%;  box-sizing: border-box;		margin: 0;}
	.marti07 .ul1 li:last-child{ float: right;}
	.marti07 .ul1 li .b1{width: 100%; padding: 15% 5% 0;} 

	/* ����cnt8 */	
	.marti08 .marti_top {text-align: center;}
	.marti08 .stb{display: block;}
	.marti08 .stc {display: block; width: 100%; height: auto;}
	.marti08{padding: 5vw 20px !important;}

	/* ����cnt9 */	
	.marti09 .div1{box-sizing: border-box; padding: 0 20px;}
	.marti09 .div1 ul{display: inline; overflow: hidden;}
	.marti09 .div1 ul li{display: block; float: left; width: 49%; height: 200px;margin-bottom: 20px; padding: 6% 20px 0;}
	.marti09 .div1 ul li:nth-child(2){float: right;}
	.marti09 .div1 ul li:nth-child(3){margin-right: 2%;}
	.marti09 .div1 ul li img{width: 50px;}
	.marti09 .div1 ul li .t2 {font-size: 17px;}

	/* Ǫ�� */
	.ft {background: 0;}
	.footer .stb{display: block;}
	.footer .stc-ml {display: block; height: auto; padding: 5vw 0; background: url(../../images/layout/ft_bg.gif) repeat-x center top;}
	.footer .stc-tl{display: block;}
	.fb {padding: 5vw 20px 5vw;}
	.fb div{width: 100% !Important; margin-top: 4vw;}
	.fb div:first-child{margin-top: 0;}

	/* �˾�1 */
	.contact_form{box-sizing: border-box; width: 98%; ;}

	/* �˾�2 */
	#hd_pop .hd_pops_con img{width: 100%;}



} 
@media (max-width:640px){
	.btn_topm{display: block; position: absolute; right: 20px; bottom:33px;	width: 35px; height: 35px; line-height: 35px; border-radius: 10px; text-align: center; background: #e61200 !important; color: #fff !important; } 
	.quick{display: none;}
	.mv_sec .owl-theme .item,
	.mv_sec .owl-theme .item img,
	.mv_sec{height: 75vw;}
	.mv_info .t1{font-size: 18px;}
	.mv_info .t2{font-size: 45px;}
	.mv_info .t3 {font-size: 14px; margin-top: 15px;}
	.mv_info {top: 28%;}
	.mv_info_btn{margin-top: 5vw;}
	.mv_info_btn a{width: 150px; font-size: 16px; ; line-height: 2; }
	/* ����cnt1 */	
	.marti01 .ul1 > li .t1 .montserrat {font-size: 30px;}
	.marti_tit{font-size: 35px;}
	.marti01 .ul1 > li{width: 31%;}
	.marti01 .ul1 > li .t1 .sp1 {font-size: 18px;}
	.marti01 .ul1 > li .t2 {font-size: 16px; margin-top: 5px;}
	/* ����cnt4 */
	.marti04 .txt .txt_p{margin-top:4vw;}
	.marti04 .stc.img img{width: 80%;}
	
	/* ����cnt8 */
	.marti08 .marti_top a{margin-top: 5vw;}
	.marti08 .txt h3{font-size: 26px;}
	.marti09 .div1 ul li{opacity: 1; transform: translateY(0);}

/* �˾� */
	.hd_pops{width: 90% !important;}
	.hd_pops_con{width: 100% !important; height: auto !important;}


	.marti06 .ul1 li{height: 250px;}

}



@media (max-width:440px){
	.hd_logo{width: 47px;}
	.hd_logo > a{width: 100%;}
	.gnb > li > a{font-size: 4vw; line-height: 3;}
	.gnb > li .subm > li > a{font-size: 3.6vw; line-height: 3;}
	.header,
	.hd_logo > a,
	.gnb:before{height: 65px;}
	.hd_logo > a img {margin-top: 10px; width: 40px;}
	.m_bt ul li {width: 40px; 	}
	.m_bt ul li:nth-child(2){width: 32px;}
	.gnb {padding-top: 65px;}
	.m_bt {top: 15px;}
	.mv_info {margin-left: 20px;}
	.mv_info .t2{font-size: 6vw;}
	.mv_info .t3{font-size: 3.6vw;}
	.mv_info_btn a{font-size: 3.6vw; width: 120px;}
	.marti_stit{font-size: 4vw;}
	.marti_tit{font-size: 6vw; margin-top: 5vw; height: auto;}
	.marti08 .marti_tit{display: inline-block;}
	.marti01 .ul1 > li figure{width: 50px; height: 50px;}
	.marti01 .ul1 > li .t1 .sp1{font-size: 4vw;}
	.marti01 .ul1 > li .t1 .montserrat{font-size: 5.5vw;}
	.marti01 .ul1 > li .t2,
	.marti02 .ul_dash,
	.mv_info .t1{font-size: 3.2vw;}
	.marti02 .ul1{margin-top: 4vw;}
	.marti02 .marti_top{margin-bottom: 5vw;}
	.marti02 .btn1 > a {font-size: 3.6vw; line-height: 5;}
	.marti02 .ul1{height: auto;}
	.m_link_bt{display: block !important;}
	.marti02 .btn1 > a{ cursor: pointer;}
	.marti02 .marti_top{height: 214px; overflow: hidden;}


	
	/* ����cnt4 */
	.marti04 .txt .txt_p{font-size: 3.2vw; }
	.marti04{background-size: 1500px; }
	.marti04 .stc.img{padding-bottom: 5vw;}
	
	/* ����cnt5 */
	.marti05 .tabs a{width: auto; font-size: 4vw; display: block; text-align: left; padding-right: 0;}
	.marti05 .tabs a:after{display: none;}
	.marti05 .marti_top {margin-bottom: 0;}
	.marti05 .tabs_con h4{font-size: 6vw;}
	.marti05 .tabs_con .item h5{font-size: 8vw;}
	.marti05 .tabs_con .item ul li{font-size: 3.2vw; line-height: 1.7;}
	.marti05 .tabs_con .item ul{height: 40vw;}
	.marti05 .tabs_con .item{height: 60vw;}

	/* ����cnt6 */
	.marti_tp{font-size: 3.6vw; margin-top: 2vw;}
	.marti06 .ul1 > li .t1{font-size: 5vw;}
	.marti06 .ul1 > li .t2{font-size: 3.2vw; line-height: 1.7; margin-top: 2vw;}
	.marti06 .ul1 li{padding: 8% 2% 0; height: 45vw;}
	.marti06 .ul1 > li .ico{width: 50px ;height: 50px;}
	.marti06 .ul1 > li .ico img{width: 100%;}

	/* ����cnt7 */
	.marti07{height: 254vw;}
	.marti07 .ul1 li{float: none; width: 100%; margin-bottom: 10vw;}
	.marti07 .marti_tp{font-size: 3.6vw;}
	.marti07 .marti_top{margin-bottom: 5vw;}
	.marti07 .ul1 li .t1 {font-size: 4vw; line-height: 2.5;}
	.marti07 .ul1 li .b1{padding: 8% 5% 0; height: 85vw; background-size: auto 200% !important;}
	.marti07 .ul1 li .t2{font-size: 6vw; margin-top: 7vw;}
	.marti07 .ul1 li .t3{font-size: 3.6vw;}
	.marti07 .ul1 li .txt {margin-top: 4vw; padding: 5vw 0 5vw; position: absolute; left: 4%; width: 92%;  box-sizing: border-box;}
	.marti07 .ul1 li .b1{position: relative;}
	.marti07 .ul1 li .tt1{font-size: 3.2vw;}
	.marti07 .ul1 li .tt2 {font-size: 6vw; margin-top: 2vw;}
	.marti07 .ul1 li .tt2:after {width: 30px; height: 30px;}
	.marti07 .ul1 li.li1 .tt2:after{background-size: 50%;}
	.marti07 .ul1 li .tt3{font-size: 4vw;}
	.marti07 .ul1 li a{font-size: 4vw; line-height: 3;}

/* ����cnt8 */
	.marti08 .marti_top a {margin-top: 5vw; font-size: 4vw; line-height: 3; display: block; padding: 0 20px; position: static; right: 0; top: 5px; }
	.marti08 .txt h3{font-size: 5vw; -ms-word-break: keep-all; word-break: keep-all;}
	.marti08 .txt .txt_p p{font-size: 3.2vw; -ms-word-break: keep-all; word-break: keep-all;}
	.marti08 .wrap{padding: 0;}

/* ����cnt9 */
	.marti09 .stc{height: 190vw;}
	.marti09 .div1 ul li img{top:auto; bottom: 20px;} 
	.marti09 .div1 ul li{height: 50vw; margin-bottom: 2vw;}
	.marti09 .div1 ul li .t1{font-size: 3.6vw; width: 80px; line-height: 2; height: auto;}
	.marti09 .div1 ul li .t2{font-size: 3.6vw; line-height: 1.7; -ms-word-break: keep-all; word-break: keep-all;}

/* Ǫ�� */
	.fb .stc-tl h3{font-size: 6vw;}
	.fb .stc-tl h3 span,
	.fb .stc-tl h4,
	.ft .stc-ml p, .ft .stc-ml a{font-size: 4vw;}
	.fb .adr ul li a{font-size: 3.6vw; }
	.fb .adr p,
	.fb .inform ul li, .fb .contact ul li{font-size: 3.2vw;}
	.fb .stc-tl ul,
	.fb .adr p{margin-top: 2vw;}	
	.cp_top h3 {font-size: 5vw; line-height: 3; padding-left: 5%;}
	.cp_mid {height: 80%; padding: 20px;}
	.cp_mid .privacy_area > h2{font-size: 4.5vw;}
	.cp_mid .privacy_area > .privacy_box,
	.cp_mid .div_th,
	.cp_mid .div_td{font-size: 3.2vw; line-height: 1.7;}
	.cp_mid .div_td input[type="text"]{width: 100%; font-size: 3.2vw;}
	.cp_mid .privacy_area > .agreen_box > label,
	.privacy_area > .agreen_box input{font-size: 3.2vw;}
	.cp_mid .rad_pat label{width: 87%; display: inline-block;}
	.cp_top a{right: 20px;}
	.cp_mid .div_tb{table-layout: fixed;}
	.cp_mid .layout_tel li.li{width: 15px; min-width:15px}
	
	.cp_mid select,
	.tbl_frm01 textarea, .frm_input{font-size: 3.2vw;}
	.cp_mid .layout_tel li{width: 29%;}
	.cp_mid .layout_email li{width: 31%; padding-right: 1%;}
	.cp_mid .layout_email li:last-child{padding-right: 0;}
	.btn_confirm > input[type=submit]{font-size: 4vw; line-height: 2.5; min-width:150px}
	.layer_box textarea{font-size: 3.2vw; line-height: 1.7; height: 70% !important;}
	.layer_box{height: 70% !important; padding: 15px !important;}
	.layer_box > h3{margin-bottom: 20px;}
	.layer_box .email_box{height: 50% !important; padding: 15px !important;}
	.layer_email{height: 45% !important;}
	.email_box p{font-size: 3.2vw !important; line-height: 1.7 !important;}

/* �˾� */
	.hd_pops_footer button {font-size: 3.2vw !important;}
	.m_nn {padding-top: 0 !important; margin-top: -9vw; padding-bottom: 0 !Important;}
	.marti03 .marti_top{position: relative; z-index: 100;}
	input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset ;}
/* 	input {-webkit-appearance:none;}
	select {-webkit-appearance: none;-moz-appearance: none;} */

	.btn_topm{display: block !important; }

}

@media (max-width:380px){
	.cp_mid .div_th {width: 15%; padding: 10px 2px;}
}

@media (max-width:360px){
	.cp_mid .rad_pat label{width: 82%;}
	.cp_mid .layout_tel li{width: 28%;}
	.marti02 .marti_top{height: 174px; }
}