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

/**** Media Query *********************************/
@media (max-width:640px){
	input {
   -webkit-border-radius: 0;}
	body {width: 100%; min-width: auto; /*overflow-x: hidden;*/}
	#wrap {padding-top: 0;}
	.br_none {display: none;}
	#wrap.main_wrap {margin: 0 auto;}
	.msec01 {margin: 0 3vw !important; width: auto;}
	.msec02 {margin: 0 3vw !important; width: auto;}
	.msec03 {margin: 0 3vw !important; width: auto}
	.msec04 {margin: 0 3vw !important; width: auto}
	.msec05 {margin: 0 3vw !important; width: auto}
	.msec06 {margin: 0 3vw !important; width: auto}
	.msec07 {margin: 0 3vw !important; width: auto}
	.root_daum_roughmap {width: 100%; height: 300px;}
	/* Header */

	.header {min-width: auto;overflow:visible; height: 161px;}
	.head_btm {padding: 0 3vw; background-color: #fff; height: 70px;}
	.header .hd_search {display: block; float: none; width: 100%; border-radius: 0;}
	.head_top .log {float: none; margin-right: 0; padding: 2vw 3vw;}
	.head_top .log > li > a {padding: 0 5px;}
	.header .hd_logo {background-size: 100%; width: 45%; height: 70px;}
	.header .hd_logo > a {background-size: 100%; height: 70px; width: 40vw;}
	.tel_box {width: 35%; padding: 0px; margin-right: 10px; margin-top: 7px;}
	.tel_box .tel_tit {font-size: 15px;}
	.tel_box .tel_num {font-size: 15px; padding-left: 0;}
	.tel_box .tel_num:before {background: none;}
	.header .btn_mo_menu:before {top: 25px;}
	.header .btn_mo_menu:after {bottom: 25px;}
	.header .btn_mo_menu {display:block;height: 70px;}
	.header .gnb {display:block;float:none;position:fixed;bottom:0;right:-50%;width:50%;height: 100% !important; margin:0;background:#f3f3f3;overflow-y:auto;transition:right 0.4s; z-index: 200;}
	.header .gnb.op {right:0;}
	.gnb > li {display:block;float:none;width: 100%; padding-left: 0;}
	.gnb > li:after {background: none;}
	.gnb > li.st {width: 100%;}
	.gnb > li > a {font-size: 3.7vw; padding:0;border-top:solid 1px #fff;line-height:13vw;transition:all 0.4s; text-align: center;}
	.gnb > li:before {display: none;}
	.gnb > li > a span:before {display: none;}
	.gnb > li.mview > a {background:#dc2223;color:#fff;}
	.gnb .subm {width: 100%; display:none;position: static;height:auto;padding:3vw 0;background:#fff !important;transition:none; margin-top: 0; box-shadow: none;}
	.gnb .subm > a { color:#333 !important; font-size: 3.7vw; }
	.subm > li > a {text-align: center; color: #000; font-size: 3.5vw;}

	/* Footer */
	.footer .ft_top {display: none;}
	.footer .ft_bot {background: none;}
	.footer .ft_bot .adr {padding: 0; text-align: center; padding: 10px 0;}
	.footer .ft_bot .adr > span {line-height: 1.4;}
	.footer:after {display: none;}
	.footer .kcp_btn {position:static; display:block; text-align:center;}
	.footer .kcp_btn img {text-align:center; margin:0 auto;}
	/* Main */
.subm_mobile{display: block;;width: 100%; display:none;position: static;height:auto;padding:3vw 0;background:#fff !important;transition:none; margin-top: 0; box-shadow: none;}
	.main_visual .mv_sec { padding-top:160px; padding-bottom:20px;}
	.mv_sec .owl-theme .item {height: 258px; }
	.mv_sec .owl-theme .item.mv01 {background-size: 225%;}
	.mv_sec .owl-theme .item.mv02 {background-size: 225%;}
	.mv_sec .owl-theme .item.mv03 {background-size: 225%;}
	.mv_sec .mv_slog.ms2 {left: 0; top: 39%; text-align: center;}
	.mv_sec .mv_slog.ms1 {left: 0; top: 39%; text-align: center;}
	.mv_sec .mv_slog.ms3 {left: 0; top: 35%; text-align: center; padding: 0 15vw;}
	.mv_sec .mv_slog dt {font-size: 8vw;}
	.mv_sec .mv_slog .stit  {font-size: 4vw;}
	.buy_apple .msec01 .marti01{margin-bottom: 15vw;}
	.buy_apple .msec01 .marti01 .buya1 h3{margin-bottom: 2vw;}
	.buy_apple .msec01 .marti01 .buya1{background-position-x: 100%; padding-top: 5vw; background-size: 200% auto;}
	.buy_apple .msec01 .marti01 .buya1 .buya_box{width: 93%; height: auto; }
	.buy_apple .msec01 .marti01 .buya1 .buya_box a{padding-top: 5vw;padding-bottom: 3vw;}
	.buy_apple .msec01 .marti01 .buya1 .buya_box a h4{margin-bottom: 3vw;}
	.buy_apple .msec01 .marti01 .buya1 .buya_box a p.blah{font-size: 3.5vw; line-height: 1.5; -ms-word-break: keep-all;	word-break: keep-all;}
	.buy_apple .msec01 .marti01 .buya1 .buya_box a p.blah br{display: none;}
	.buy_apple .msec01 .marti01 .buya1 .buya_box a p{width: 62%; line-height: 10vw; height: 10vw; font-size: 4vw;}
	
	.mv_sec .mv_slog dd.ddto {font-size: 6vw; padding: 3vw;}
	.mv_list.owl-theme .owl-nav .owl-prev {left: 0px; top: 35%; background-size: 60%;}
	.mv_list.owl-theme .owl-nav .owl-next {right: 0px; top: 35%; background-size: 60%;}
	.main_cnt .cnt_tit {font-size: 5.5vw;}
	.main_cnt .cnt_stit {font-size: 3.4vw; padding: 10px 0; line-height: 20px;}
	.msec01 .marti_box.mar01 {padding: 20px 0;}
	
	.msec01 .marti_box .lef_box {float: none; width: 100%; padding: 20px 20px 0; margin-bottom: 20px;}
	.msec01 .marti_box .lef_box .txt_box img {height: auto;}
	.msec01 .marti_box .rig_box {float: none; width: 100%; padding: 20px 20px 0;}
	.msec01 .marti_box .rig_box .txt_box img {height: auto;}
	.msec01 .marti_box.mar01 dt {font-size: 5vw;}
	.msec01 .marti_box.mar01 dd {font-size: 5vw; padding: 10px 0 10px;}
	.msec01 .marti02 {padding: 20px 0;}
	
	.marti_box .lef_box {width: 100%; float: none;}
	.msec02 .marti02 {padding: 30px 0; background:url(../images/main/msec02_img3.jpg)no-repeat left -100px center; background-size: 255%;}
	.msec02 .marti_box.mar02 dt {font-size: 5.2vw; padding-bottom: 5px;}
	.msec02 .marti_box.mar02 dd {font-size: 3.4vw;}
	.msec02 .marti_box.mar02 .lef_box {position: relative;padding: 0;  margin-top: 30px; background-size: 100%;}
	
	.msec02 .marti_box.mar02 .lef_box .more_btn {top: 0; right: 0; bottom: auto; padding: 2px 10px;}
	.msec02 .marti_box.mar02 .txt_box {padding-left: 0;}
	.marti_box .rig_box {width: 100%; float: none;}
	.msec02 .marti_box.mar02 .rig_box {position: relative;padding: 0; margin-top: 30px; background-size: 100%;}
	.msec02 .marti_box.mar02 .rig_box .more_btn {top: 0; right: 0; bottom: auto; padding: 2px 10px;}
	
	.msec03 .marti_box.mar03 dt {font-size: 5.5vw; padding-bottom: 20px;}
	.msec03 .marti_box.mar03 .lef_box {padding: 30px 0 235px; background: #F4F4F3 url(../images/main/msec03_img1.png)no-repeat right 15px bottom 5px; }
	.msec03 .marti_box.mar03 .txt_box {position: relative;padding: 0 20px;}
	.msec03 .marti_box.mar03 .rig_box {padding: 30px 0;}
	.msec03 .marti_box.mar03 .more_btn { top: 0px; bottom: auto; right: 10px;}
	
	.msec03 .marti02 {padding: 10px 0;}
	.msec03 .marti02 .more_btn {margin: 15px 0 0;}
	.msec04 .marti_box.mar04 .p_t {display: none;}
	.msec04 .marti_box.mar04 .m_t {display: block;}
	.msec04 .marti_box.mar04 .m_t tbody tr td.table_txt {height: 100px; font-size: 4.7vw;}
	.msec04 .marti_box.mar04 .m_t tbody tr td {height: 200px; width: 100%; background-size: 100%;}
	.msec05 .marti01_box a {font-size: 5vw; background-size:80% !important; padding: 46px 108px 155px}
	.msec05 .marti01_box a:nth-child(3) {background-size: 86% !important;}
	.msec05 .marti01_box a:nth-child(4) {background-size: 72% !important;}
	.msec06 .marti01 {padding: 30px 0;}
	.msec06 .marti01 .more_btn {margin: 10px 0 0;}
	.mseV .owl-theme .item {margin-right: 0;}
	.msec06_list p {font-size: 4vw;}
	.msec06_list.owl-theme .owl-nav .owl-prev {left: 0px; background-size: 70%;}
	.msec06_list.owl-theme .owl-nav .owl-next {right: 0px; background-size: 70%;}
	.msec07 {padding-bottom: 0;}
	.msec07 .marti01 {float: none; width: 100%;}
	.msec07 .marti02 {float: none; width: 100%;}
	.msec07 .marti02 td {padding: 0 5px 62px 5px; vertical-align:top;}
	.msec08 .m_tit {display: block; text-align: center; padding: 5vw 0;}
	.msec08 .map_txt {display: none;}
	.map {width: 100%;}
}

@media (max-width:480px){

	
}
@media (max-width:414px){

}

@media (max-width:375px){
	.msec01 .marti_box.mar01 dt {font-size: 5.5vw;}
	.msec03 .marti_box.mar03 .lef_box {padding: 30px 0 235px; background: #F4F4F3 url(../images/main/msec03_img1.png)no-repeat center bottom 5px; background-size: 100%; }
	.msec02 .marti_box.mar02 .lef_box {padding-right: 25%; background: url(../images/main/msec02_img1.png)no-repeat center bottom; background-size: 100%;}
	.msec02 .marti_box.mar02 .rig_box {padding-right: 25%; background: url(../images/main/msec02_img2.png)no-repeat center bottom; background-size: 100%;}
	
	
	
	
	
}