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

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

@media (max-width:1400px){
/* 메인 */
	.header .hd_top {box-sizing: border-box; }
	.header .hd_top span {right: 20px;}
}


@media (max-width:1300px){
/* 메인 */
	.sub_wrap {padding: 0;}
	.sub_face_wrap { position: absolute; right: 0; padding: 0; max-width:75%; right: 3.8%; box-shadow:none; padding-top: 50px;}

}

@media (max-width:1260px){
	.main_m2_2_txt {width: 45% !important;}
	.main_m2_2_dl_box33 {padding: 4% 9%;}
}

@media (max-width:1200px){
	.bx5 li { width: auto !important;}
	.main_m2 .main_m2_2 {  height: 262px;}
	.main_m3_r { width: 62%; padding: 3.3% 3%;}
	.main_m3_l_txt {top: 37px; left: 32px;}
	.sub_face_wrap {max-width:73.5%;}
}

@media (max-width:1144px){
	.main_m3_l {width: 100%; float: none; height: auto; box-shadow:none;}
	.main_m3_l img{display: none;}
	.main_m3_r {width: 100%; margin-left: 5%; float: none; padding-top: 10%; }
	.main_m3_l_txt p {display: none;}
	.main_m3_l_txt { top: 56px;}
}

@media (max-width:1020px){
	.lnb_sec{display: none;}
	.main_visu_wrap {padding-left: 0;}
	.visu1,.visu2,.visu3 {  background-size: 100%;}
	.main_m, .main_m1 {padding-left: 0;}
	.main_m > div {width: 31.3333%;}
	.main_m > div:first-child {padding-left: 0; margin-left: 0;}
	.main_m2 .main_m2_2 { width: 65.3%;}
	.main_m{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 5% 3%;}
	.main_m2.main_m6{padding-top: 0;}
	.main_m2_2_txt {padding-left: 0;}
	.main_m2_2 figure { padding: 6%;}
	.main_m3_r {margin-left: 0;}
	.main_m3_l {margin-left: 0;}
	.ft_sub {padding-left: 0;}
	.main_m3_section_wrap {padding-bottom: 70px;}
	.footer {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0px 3%;}
	.hd_sub {display: none;}
	.main_m3_section {width: 100% !important;}
	.ft_sub {padding-left: 0 !important;}
	.footer{overflow: hidden;}
	.mn_1 .np3, .mn_2 .np3, .mn_4 .np3 {margin: 13px 0 36px;}
}

@media (max-width:800px){
	.header{display: none;}
	#m_logo {position: absolute; left: 50%; top: 5px; width: 150px; margin-left: -75px;}
	#m_logo img { width: 160px;}
	#m_header{height: 85px; display: block; background: #fff; position: fixed; width: 100%; left: 0; top: 0; width: 100%; margin: 0 auto; left: 0%; z-index: 100000;}
/*	.main_wrap .main_visu_wrap { background-size: 164%; height: 33vw;}*/
	#sub_wrap,#wrap {margin-top: 86px;}
	.mn_1, .mn_2 {padding: 4em 0;}
	.nh3 {font-size: 36px;line-height: 36px;}
	.mn1_tab{box-sizing: border-box; padding: 0 20px;}
	.mn1_tab li {line-height: 50px;}
	.mn1_tab li a {font-size: 17px;}
	.mn_2 ul {box-sizing: border-box; padding: 0 20px;}
	.mn_3 {padding:  4em 20px;}
	.main_m2_2 figure {padding: 0;}
	.main_m2_2 figure .m_fig_txt {line-height: 4em; height: 4em;}
	.main_m2_2 figure .m_fig_txt6 a h5 {font-size: 20px;padding-left: 20px;}
	.main_m2_2 figure .m_fig_txt a span {top:1.5em}
	.mn_4, .mn_5_wrap{padding: 4em 20px 4em}
	.mn_4{padding-bottom: 2em;}
	.nh3_2, .nh4_2, .mn_6title h4, .mn_6title h5, .mn_8_wrap h3, .mn_9 h3 {font-size: 36px;line-height: 48px;}
	.mn_5_wrap p {font-size: 14px;line-height: 27px;margin-top: 20px;}
	.mn_5 ul li .t_box h5 {font-size: 20px;line-height: 27px;}
	.mn_5 ul li .t_box h5 span {font-size: 14px; line-height: 18px; -ms-word-break: keep-all; word-break: keep-all; padding: 0 5%; box-sizing: border-box;}
	.mn_5 ul li .t_box {padding: 0; height: auto; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 13px 0;}
	.mn_6title {padding: 3em 0;}
	.mn_6 .s701_box4 > .s701_box4_left {width: 100%; float: none; padding-top: 12%; padding-left: 0;}
	.mn_6 .s701_box4 > .s701_box4_right {width: 100%; float: none;}
	.mn_6 .wrams {width: 100%; padding: 0; margin: 0; margin-top: 2em;}
	.wrams ul {float: none; width: 100%;}
	.s701_box{box-sizing: border-box; padding: 0 20px;}
	.s701_box4 > .s701_box4_left:before {left: 0;}
	.s701_box4 > .s701_box4_right p {font-size: 15px;line-height: 25px;}
	.wrams{margin-top: 5%}
	.wrams ul li {width: 30%; margin-right: 3%;}
	.wrams ul li:last-child{margin-right: 0;}
	.s701_box4_2 div {width: 100%; float: none;}
	.mn_6 .s701_box4_2 .s701_box4_left, .mn_6 .s701_box4 > .s701_box4_left {padding-top: 6em;}
	.s701_box4_left.spwqq img {width: 98%;}
	.nod1d {width: 100%;}
	.s701_box4_right ul li {width: 32%; margin-right: 1.5%;}
	.s701_box4_right ul li:nth-child(3n+3){margin-right: 0;}
	.mn_6_wrap {padding-bottom: 4em;}
	.mn_7_wrap {padding-top: 0;}
	.s201_left_img, .s201_right_txt  {width: 100% !important; float: none;}
	.mn_7 .s201_right_txt {padding-left: 6.8% !important;}
	.mn_7 .s201_bottom_box_r .s201_right_txt {overflow: hidden; padding-left: 5.8%;}
	.mn_7{box-sizing: border-box; padding: 0 20px;}
	.mn_7 .s201_right_txt h4 {font-size: 31px;line-height: 38px;}
	.mn_7 .s201_right_txt p {font-size: 16px;line-height: 24px;}
	.mn_7_wrap {padding: 2em 0;}
	.mn_8_wrap {padding: 4em 0;}
	.mn_8_wrap > .mn_8 > ul {margin-top: 2em; padding: 0 20px; box-sizing: border-box;}
	.mn_8_wrap ul li ul {padding: 2.5%;}
	.mn_8_wrap ul li ul li {font-size: 14px;line-height: 17px; margin-bottom: 10px; -ms-word-break: keep-all;word-break: keep-all;}
	.mn_8_wrap ul li h4 {font-size: 18px;line-height: 40px;}
	.mn_8_wrap ul li ul li:before {top: 0.5em;}
	.mn_9 {padding-top: 2em;}
	.mn_9 ul {width: 100%; box-sizing: border-box; padding: 0 20px;}
	.mn_9 .s701_box_b13 ul li .s701_box_b13_txt_box h3 {font-size: 18px;line-height: 18px;padding-bottom: 8px;}
	.mn_9 .s701_box_b13 ul li .s701_box_b13_txt_box p {font-size: 14px;line-height: 20px;}
	.s1_01_txt {padding-top: 3em;}
	.mn_10_wrap .s1_01_txt h3, .mn_10_wrap .s1_01_txt h3 span {font-size: 34px; line-height: 34px;}
	.mn_10_wrap .s1_01_txt > span {font-size: 16px;line-height: 23px;margin-top: 28px; display: inline-block;}
	.s1_01_txt span {width: 100%;}
	.mn_10_wrap .s1_img {max-width: 60%; margin: 0 auto; margin-left: -30%; top:34%}
	.mn_10_wrap .s1_01_txt2{padding-top: 28vw;}
	.mn_10_wrap .s1_01_txt2 p {font-size: 14px;line-height: 30px; padding: 0 20px; box-sizing: border-box; -ms-word-break: keep-all;word-break: keep-all;}
	.mn_10_wrap .s1_01_txt2 p span{display: inline; -ms-word-break: keep-all;word-break: keep-all;}
	.mn_10_wrap .s1_01_txt2 p br{display: none;}
	.mn_10_wrap .txtbox {bottom: auto;left: 3.5vw;top: 13vw;}
	.mn_10_wrap .txtbox ul li {font-size: 16px;}
	.mn_10_wrap .txtbox ul li:nth-child(2), .mn_10_wrap .txtbox ul li:nth-child(3) {margin-left: 2.5vw;}
	.mn_10_wrap {height: auto;}
	.main_m3_l {padding-left: 0;}
	.main_m3_section .table_right, .main_m3_section .table_left {width: 100% !important; float: none;}
	.table_left tr td .section_td, .table_right tr td .section_td, .table_left tr th, .table_right tr th, .table_left tr td input, .table_right tr td input {font-size: 16px;}
	.footer {padding: 0 20px;}
	.footer .ft_bottom {padding: 0;}
	.ft_sub .fr_top ul li a {font-size: 13px;line-height: 40px;padding: 0px 10px;}
	.footer:after {top:40px}
	.ft_sub .fr_top ul li {height: 40px;}
	.ft_bottom_l{padding: 20px 0;}
	.footer .ft_bottom .ft_bottom_r ul {right: 77px;bottom: 19px; position: static; float: right; padding-bottom: 20px;}
	.sb_title {font-size: 33px; line-height: 33px; padding: 2em 0;}
	.s701_right {float: none !important; width: 100% !important; padding-top: 0; padding-left: 0;}
	.s701_box1 .s701_right_txt {padding-top: 0; padding-left: 0;}
	.s701_left {float: none !important; width: 100% !important; }
	.s701_box1 {height: auto;}
	.s701_box2 .s701_right img {width: 100% !important;}
	.s701_right_txt {padding-left: 0; padding-top: 0;}
	.s701_box4 > div {float: none; width: 100% !important;}
	.s701_right h3 {font-size: 37px;line-height: 46px; -ms-word-break: keep-all; word-break: keep-all; margin-top: 5%; padding-top: 60px;}
	.s701_right h3 br{display: none;}
	.s701_right h3 span{display: inline !important;}
	.s701_box1 .s701_right img {left: 0;}
	.s701_box3 .s701_right_txt {padding-top: 2%;}
	.s701_right h3:before {left: 0;}
	.s701_right_txt p span, .s701_box2 .s701_right p span {display: inline !important;}
	.s701_box4 > .s701_box4_left {padding-left: 0; }
	.s701_box4 > .s701_box4_left h3, .s701_box4_2 .s701_box4_left h3 {padding-top: 50px;}
	.s701_box4 > .s701_box4_right {padding-top: 1%;}
	.s701_box9{box-sizing: border-box; padding: 0 20px;}
	.main_wrap .mn_6_wrap{padding: 0 20px;}
	.s701_left img {width: 100%;}

}

@media (max-width:890px){


	.projector{width: 100% !important; height: 600px !important;}
	.m_visu1, .m_visu2 , .m_visu3  {width: 100% !important; -webkit-background-size: 100%;background-size: 100%; height: 600px !important;}
	.inner{height: 600px !important;}
	.example-animation2{padding-bottom: 0 !important;}
}

@media (max-width:640px){
	
	/* 상담 및 제작과정 */
	.s201_figure1 ul li {width: 50%; padding-right: 0; margin-bottom: 50px;}
	.s201_figure1 ul li img{width: auto; text-align: center; max-width: auto; padding-left: 0%;}
	.s201_figure1 {height:  auto;}
	.s201_top_img{text-align: center;}
	.s201_figure1{background: #f4f4f4;}
	.s201_figure1 ul::before {background: 0;}
	.s201_box2 .s201_figure1 ul li {width: 49%;  padding-right: 0;}
	.s201_box2 .s201_figure1 ul li img {padding-left: 0;}
	.s201_box2 .s201_figure1 ul li:last-child{width: 100%;}
	.s201_left_img {width: 100%; float: none; padding-bottom: 5px; padding-right: 2%;}
	.s201_right_txt {width: 100%; padding-left: 5%; padding-top: 15%;}
	.s201_right_txt h4::before { left: -5px; top: -51px; top: -66px;}
	.s201_right_txt h4 {font-size: 5vw; line-height: 1.7em;}
	.s201_right_txt p {font-size: 4vw; line-height: 1.7em; -ms-word-break: keep-all; word-break: keep-all;}
	.s201_bottom_box:nth-of-type(2) .s201_right_txt h4::before {left: 0;}
	.s201_bottom_box_r .s201_right_txt { padding-left: 5%;}
	.s201_bottom_box_r .s201_left_img {padding-right: 2%; padding-left: 2%;}
	.s201_bottom_box:nth-of-type(7) .s201_right_txt h4::before, .s201_bottom_box:nth-of-type(6) .s201_right_txt h4::before, .s201_bottom_box:nth-of-type(3) .s201_right_txt h4::before, .s201_bottom_box:nth-of-type(4) .s201_right_txt h4::before, .s201_bottom_box:nth-of-type(5) .s201_right_txt h4::before {left: 0px;}
	.s201_bottom_box {padding-bottom: 24px;}
	.s201_bottom_box_r21 .s201_left_img{padding-left: 0;}
	.s201_bottom_box_r21 .s201_right_txt{padding-top: 12%;}
	/* 여성가발소개 */
	.s401_box_top .s4_left_txt_img {width: 100%;}
	.s401_box_top .s4_left_txt_box {width: 100%; padding-left: 0;}
	.s4_left_txt_box {  padding-top: 12%;}
	.s401_box_top2 .s4_left_txt_img {width: 100%;}
	.s401_box_top2 .s4_left_txt_box {width: 100%; padding-left: 0;}
	.s401_box_top2 .s4_left_txt_box h4::before { top: -60px; left: 0px;}
	.txt_wrap h3 {font-size: 8.5vw; line-height: 1.2em;}
	.txt_wrap p {font-size: 4vw; line-height: 1.7em;}
	.s401_box_top2 .s4_left_txt_box h4 {font-size: 5vw; line-height: 1.7em; letter-spacing: -1.7px; -ms-word-break: keep-all; word-break: keep-all;}
	.s401_box_top2 .s4_left_txt_box p {font-size: 4vw; line-height: 1.7em;}
	.s401_box_top2 .s4_left_txt_box p span {display: inline;}
	.s401_box_top2::after {display: none;}
	/* 지점오시는길 */
	.s601_box > div {width: 100%;}
	.s601_map_txt {padding-left: 0; padding-top: 5%;}
	.map_bt {position: static; width: 100%; margin-top: 17px;}
	.s601_map_txt h3 {font-size: 5.5vw; margin-bottom: 0.7em;}
	.s601_map_txt dl {font-size: 3.5vw; line-height: 1.7em;}
	.s601_map_txt dl dt {width: 24%;}
	.s601_map_txt_bottom h4 {font-size: 3.5vw; }
	.s601_map_txt_bottom p {font-size: 3vw; line-height: 1.7em; -ms-word-break: keep-all;word-break: keep-all;}
	.txt_wrap span {display: inline;}
	.s601_boxlast {height: auto;}
	/* 가발소개 */
	.s701_left, .s701_right {width: 100%;}
	.s701_right_txt {padding-top: 5%; padding-left: 0 !important;}
	.s701_right h3 {font-size: 7vw; line-height: 1.4em; margin-bottom: 3%;}
	.s701_right p { font-size: 4vw;line-height: 1.7em;}
	.s701_right img {padding-left: 0; width: 60%;}
	.s701_box2 .s701_left {width: 100%; padding-right: 0;}
	.s701_box2 .s701_right {width: 100%;}
	.s701_box2 .s701_right img {padding-left: 0; width: 70%;}
	.s701_box3 .s701_left {padding-left: 0;}
	.s701_box2 .s701_right_txt.casdljnas { padding-top: 2%;}
	.s701_box3 .s701_right_txt { padding-top: 6%;}
	.s701_right_no2 {padding-left: 0;}
	.s701_box4 > div, .s701_box4_2 div {width: 100%;}
	.s701_box4 > .s701_box4_left {  padding-top: 17.5%;padding-left: 4%;}
	.s701_box4 > .s701_box4_right{padding-top: 0;}
	.s701_box4 > .s701_box4_right p {padding: 4%; padding-top: 0;}
	.s701_box4 > .s701_box4_left h3, .s701_box4_2 .s701_box4_left h3 {font-size: 5vw; line-height: 1.4em;}
	.s701_box4 > .s701_box4_left p, .s701_box4_2 .s701_box4_left p {font-size: 4.5vw; line-height: 1.4em; -ms-word-break: keep-all; word-break: keep-all;}
	.s701_box4 > .s701_box4_right p {  font-size: 4vw; line-height: 1.7em; -ms-word-break: keep-all; word-break: keep-all;}
	.s701_box4 > .s701_box4_left h3, .s701_box4_2 .s701_box4_left h3 {margin-bottom: 0em;}
	.s701_box4_2 .s701_box4_left {padding-top: 17%;}
	.s701_box4_2 .s701_box4_left {padding-left: 4%;}
	.s701_box4_right ul li {width: 49%;}
	.s701_box4_right ul li figure img {  width: 50%;}
	.s701_box8 .s701_right_txt.casdljnas { padding-top: 5%;}
	.s701_box9 ul li {width: 100%;}
	.s701_box9 ul li figure figcaption { font-size: 5vw; padding: 6% 0; line-height: 1.7em;}
	.s701_box9 ul li figcaption p {font-size: 4vw; line-height: 1.7em;}
	.s701_box_b8 .s701_right_txt, .s701_box_b12 .s701_right_txt {padding-left: 4%;}
	.s701_box_b10 > div {width: 100%;}
	.s701_box_b10 > div h3 { font-size: 4.5vw; line-height: 3em;}
	.m_ddot2, .s701_box_b10 > div:last-child .m_ddot2  {padding: 4% 0; padding-left: 3.8%;}
	.s701_box_b12 .s701_left {padding-left: 0;}
	.s701_box_b8 .s701_left {padding-left: 0;}
	.s701_right_txt p span {display:initial;}
	.s701_box_b13 ul li {width: 100%;}
	.s701_box_b13 ul li figure img { width: 27%;}
	.s701_box_b13 ul li .s701_box_b13_txt_box h3 {font-size: 5vw; line-height: 1.7em;}
	.s701_box_b13 ul li .s701_box_b13_txt_box p {font-size: 4vw; line-height: 1.7em;}
	.s701_box2 .s701_right p span, .spans_wrap span {display: inline;}
	.s701_box1::before {display: none;}
	.s701_box1{height: auto; overflow: hidden;}
	.wrams ul li {width: 100%; margin: 0; box-shadow:0;}
	.mobile_plu{display: block;}
	.m_manu.on{margin: 0;}
	.main_m3_l_txt p {display: block; margin-top: 15px;}
	.s701_re{width: 100%;}
	.main_visu_wrap {margin-top: 0 !important;}
	#m_header{position: fixed; width: 100%; z-index: 100011; top: 0;}
	.m_header_nav > ul{background: #fff; height: 100%;}
	.sub_face_wrap{margin-top: 29px !important;}
	.main_wrap{margin-top: 85px !important;}
	.main_m2 .main_m2_2 {-webkit-background-size: 500%; background-size: 500%;}
	.main_m2_2_txt h3 {width: 55%; }
	.main_m2_2_txt h3 img{width: 100%;}
	.main_m2_2_dl_box33 {width: 100% !important;}
	.mail_box { width: 80%;position: fixed;box-shadow: 0px 0px 50px rgba(0,0,0,0.3); top: 25%;left: 10%; z-index: 10101010;}
	.pop_g {width: 80vw; height: 80vh; left: 50%; top: 50%; transform: translate(-50%,-50%);}
	.mobile_plu h2 { padding-top: 5em;}
	.main_m2_2_txt, .main_m2_2_dl_box { padding-top: 13%;}
	.main_m2_2_dl_box dl { overflow: hidden;  margin-bottom: 11px;}
	.main_m2_2_dl_box dl dt {width: 82px;line-height: 30px; font-size: 19px; font-weight: 500;}
	.main_m2_2_dl_box dl dd { line-height: 28px;font-size: 18px; color: #fff; opacity: 0.8;}
	.main_m2_2_dl_box33{padding: 26px 19% !important; }
	.mn_2 ul li {width: 100%; margin-bottom: 15px; float: none;}
	.mn_3 ul li {float: none; width: 100%; margin-right: 0; margin-bottom: 15px;}
	.main_m2_2 figure .m_fig_txt a h5 {font-size: 4vw; line-height: 3em; height: 3em; padding-left: 3%;}
	.main_m2_2 figure .m_fig_txt a span {right: 4%;}
	.mn_4, .mn_5_wrap {padding: 2em 20px 2em;}
	.mn_4 ul{margin-top: 2em;}
	.mn_4 ul li {width: 48%; margin-right: 4%; margin-bottom: 4%;}
	.mn_4 ul li:nth-child(2n+2){margin-right: 0;}
	.mn_4 ul li h5 {font-size: 4vw; line-height: 3em; padding-top: 0;}
	.nh3_2, .nh4_2, .mn_6title h4, .mn_6title h5, .mn_8_wrap h3, .mn_9 h3 {font-size: 6vw; line-height: 1.7em;}
	.mn_5_wrap p {font-size: 3.6vw; line-height: 1.7em; -ms-word-break: keep-all; word-break: keep-all; margin-top: 1em;}
	.mn_5 ul li {float: none; width: 100%; margin-bottom: 15px;}

	.mn_10_wrap .s1_01  {height:auto; padding-bottom:30px}
}

@media (max-width:540px){
	.m_manu.on{top: 0; left: 34%; margin: 0;}
	.m_manu.on ul{margin: 0;}
}
@media (max-width:510px){
	.main_m2_2_txt, .main_m2_2_dl_box {padding: 9%; padding-top: 20%;}
}


@media (max-width:500px){
	.inner,.m_visu1, .m_visu2, .m_visu3, .projector { height: 365px !important;}
	.table_left tr td .section_td, .table_right tr td .section_td {background-size: 50px;}
	.m_header_nav > ul > li > a {font-size: 3.7vw; line-height: 3.7em;}
	.m_header_nav > ul > li{line-height: 3.7em; }
	.s1_img { bottom: 7%;}
	.txtbox { bottom: 40px;left: 20px;}
	.p_nomal {padding: 20px 5% 64px;}
	.sub_title { line-height: 125px;}
	.sub_face_wrap{-webkit-background-size: 100%;background-size: 100%;}
	.sub_title { line-height: 79px;}
	}

@media (max-width:480px){
	.main_m2_2_dl_box dl { overflow: hidden;  margin-bottom: 11px;}
	.main_m2_2_dl_box dl dt {width: 82px;line-height: 30px; font-size: 19px; font-weight: 500;}
	.main_m2_2_dl_box dl dd { line-height: 28px;font-size: 18px; color: #fff; opacity: 0.8;}
	.main_m2_2_dl_box33{padding: 26px 15% !important; }
}
@media (max-width:440px){
	.ft_bottom_l ul li {padding-right: 15px;}
	.ft_bottom_l ul li::after {right: 6px; top: 6px; height: 10px;}
	.ft_top_bt img {width: 16%;}
	#m_logo img {width: 37%;}
	#m_logo {  line-height: 72px;}
	#m_header { height: 72px;}
	.m_manu.on ul li.li3 {transform: rotate(-45deg);margin-top: -14px;}
	.main_wrap {margin-top: 76px !important;}
	.inner, .m_visu1, .m_visu2, .m_visu3, .projector {height: 326px !important;}
	.main_m2_2_dl_box dl dt { width: 87px; line-height: 30px;}
	.main_m2_2_dl_box dl dd{line-height: 30px;}
	.m_header_nav ul li::after { -webkit-background-size: 80%;background-size: 80%;}
	.m_header_nav ul li:hover:after { -webkit-background-size: 80%;background-size: 80%;}
	.s1_img {  bottom: 6%;}
	.s1_01_txt { padding-top: 56px;}
	.txtbox ul li { font-size: 13px;}
	.txtbox { left: 18px;}
	.txtbox ul li:nth-child(2) {margin-left: 15px;}
	.s1_01 {  height: 484px;}
	.s101_cnt2 .s101_cnt1_right_txt::before {width: 217px; height: 61px; bottom: 0; right: 10px;background-size: 100%;}
	.main_m3_r { width: 100%;  margin-left: 0%;  padding-top: 23px; }
	.main_m3_l { padding-top: 26px;}
	.main_m3_r { padding-top: 30px !important;}
	.s201_figure1 ul li {width: 50%; padding-right: 0; margin-bottom: 50px; height: 223px;}
	.s201_figure1 ul limg{padding-left: 9%;}
	.s201_top_txt > span, .s201_top_txt p {font-size: 3.8vw;}
	.s201_top_txt > span{padding-top: 35px;}
	.s201_top_txt > span:before { top: 0px;}
	.s4_left_txt_box .txt_wrap img {width: 60%;}
	.s401_box_top2 .s4_left_txt_box h4::before { width: 50px; height: 59px; -webkit-background-size: 100%; background-size: 100%;}
	.s401_box_top2 .s4_left_txt_box h4::before { top: -46px;}
	.s701_right img {width: 75%;}
	.s701_box2 .s701_right img {width: 100%;}
	.s701_box4 > .s701_box4_left::before, .s701_box4_2 > .s701_box4_left::before {-webkit-background-size: 100%; background-size: 100%; width: 45px; left: px;}
	.s701_box4 > .s701_box4_left h3, .s701_box4_2 .s701_box4_left h3 {line-height: 1.7em;}
	.m_ddot2 li {font-size: 3.6vw; line-height: 1.7em;}
	.s201_right_txt h4::before, .s201_bottom_box:nth-of-type(2) .s201_right_txt h4::before {-webkit-background-size: 100%; background-size: 100%;}
	.s201_right_txt h4::before{width: 48px; top:-48px;}
	.s201_bottom_box:nth-of-type(2) .s201_right_txt h4::before{width: 56px;}
	.s201_bottom_box:nth-of-type(7) .s201_right_txt h4::before, .s201_bottom_box:nth-of-type(6) .s201_right_txt h4::before, .s201_bottom_box:nth-of-type(3) .s201_right_txt h4::before, .s201_bottom_box:nth-of-type(4) .s201_right_txt h4::before, .s201_bottom_box:nth-of-type(5) .s201_right_txt h4::before {-webkit-background-size: 100%; background-size: 100%; width: 56px;}
	.main_m.main_m3_section {padding-top: 22%;}
	.nh3,
	.mn_1 h4 {font-size: 6vw; line-height: 1em;}

	.np3 {font-size: 4vw; line-height: 1.7em; -ms-word-break: keep-all; word-break: keep-all;}
	.mn1_tab li a {font-size: 3.4vw;}
	.mn_1 .np3, .mn_2 .np3, .mn_4 .np3 {margin: 5px 0 10px;}
	.mn_1, .mn_2 {padding: 3em 0;}
	.mn_6 .s701_box4_2 .s701_box4_left, .mn_6 .s701_box4 > .s701_box4_left {padding-top: 5em;}
	.s701_box4 > .s701_box4_right p {padding: 3% 0; font-size: 3.6vw;}
	.s701_box4_wrap img {width: 100%; 	}
	.wrams ul li {margin-bottom: 15px;}
	.s701_box4_right ul li{margin-right: 1%;}
	.s701_box4_right ul li:nth-child(2n+2){margin-right: 0;}
	.s701_box4_right ul li:nth-child(2n+1) {clear: both;}
	.s701_box4_right ul li figure figcaption {font-size: 4.5vw; line-height: 2em;}
	.s701_box4_right ul li p {font-size: 3.6vw; line-height: 1.7em;}
	.mn_6_wrap {padding-bottom: 2em;}
	.mn_7 .s201_right_txt h4 {font-size: 5vw; line-height: 1.5em;}
	.mn_7 .s201_right_txt {padding-left: 0 !important; padding-top: 0;}
	.s201_right_txt h4::before {top:0; left: 0;}
	.s201_right_txt h4{padding-top: 8vw;}
	.mn_7 .s201_right_txt p {font-size: 3.6vw; line-height: 1.7em;}
	.mn_7 .s201_right_txt p br{display: none;}
	.mn_8_wrap {padding: 2em 0;}
	.mn_8_wrap ul li h4 {font-size: 4vw; line-height: 3em;}
	.mn_8_wrap > .mn_8 > ul > li {float: none; width: 100%; margin-bottom: 20px;}
	.mn_8_wrap ul li ul li {font-size: 3.6vw; line-height: 1.7em; padding-left: 2%; margin-bottom: 0.05em;}
	.mn_8_wrap ul li ul li:before {top: 0.75em;}
	.mn_9 {padding-top: 0;}
	.mn_9 .s701_box_b13 ul li figure img {width: 130px;}
	.mn_9 .s701_box_b13 ul li .s701_box_b13_txt_box h3 {font-size: 4vw; line-height: 1.7em;}
	.mn_9 .s701_box_b13 ul li .s701_box_b13_txt_box p {font-size: 3.6vw; line-height: 1.7em;}
	.s1_01_txt {padding-top: 2em;}
	.mn_10_wrap .s1_01_txt p {font-size: 4vw; line-height: 1.7em; width: 80%; margin: 0 auto;}
	.mn_10_wrap .s1_01_txt h3, .mn_10_wrap .s1_01_txt h3 span {font-size: 6vw; line-height: 1.7em;}
	.mn_10_wrap .s1_01_txt > span {font-size: 4vw; line-height: 1.7em; margin-top: 0;}
	.mn_10_wrap .s1_img {bottom: auto; top:65vw}
	.mn_10_wrap{box-sizing: border-box; padding: 0 20px;}
	.mn_10_wrap .s1_img {max-width:100%; left: 0; margin-left: 0;} 
	.mn_10_wrap .s1_01_txt2 p {width: 100%; padding: 0; font-size: 4vw; line-height: 1.7em; -ms-word-break: keep-all; word-break: keep-all;}
	.mn_10_wrap .s1_01_txt2 {padding-top: 43vw;}
	.mn_10_wrap .txtbox ul li {font-size: 4vw;}
	.mn_10_wrap .txtbox {left: 5vw;top: 18vw;}
	.mn_10_wrap .txtbox ul li:nth-child(2), .mn_10_wrap .txtbox ul li:nth-child(3) {margin-right: 3.5vw;}
	.main_m3_l_txt {position: static; height: auto; }
	.main_m3_l {padding-top: 38px;overflow: hidden;height: auto;}
	.table_left tr td .section_td, .table_right tr td .section_td , .table_left tr td input, .table_right tr td input {width: 100% !important;}
	.ft_sub .fr_top {text-align: center;}
	.ft_sub .fr_top ul li {border: 0 !Important;}
	.ft_sub .fr_top ul li a {font-size: 4vw; }
	.footer .ft_bottom .ft_copy {font-size: 4.5vw;}
	.footer .ft_bottom .ft_bottom_l ul li {font-size: 3.6vw; line-height: 1.7em;}
	.footer .ft_bottom img {width: 40px;}
	#m_logo img {width: 100%;}
	.sb_title {font-size: 6vw; line-height: 1em;}
	.s701_right h3:before {width: 40px; height: 40px; background-size: 100% !Important;}
	.s701_right h3 {font-size: 6vw;}
	.s701_box1 .s701_right img {width: 100%;}
	.s701_right h3 {  padding-top: 43px;}
	.s701_box4 > .s701_box4_left h3, .s701_box4_2 .s701_box4_left h3 {padding-top: 0px;}
	.s701_box4 > .s701_box4_left {padding-left: 0;}
	.s0701{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0 20px;}
	.s701_box {padding: 0;}
	.s0701 .wrams {padding-bottom: 0;}
	.s0201{box-sizing: border-box; padding: 0 20px;}
	.txt_wrap h3 {font-size: 7vw; line-height: 1.2em; padding-top: 50px;}
	.txt_wrap span {font-size: 3.6vw; -ms-word-break: keep-all; word-break: keep-all;}
	.s401_box_top {margin-bottom: 5%;}
	.txt_wrap h3 span {font-size: 7vw;}
	.s401_box_top2 .txt_wrap h3:before {width: 40px; height: 40px; top: 0;	 left: 0; background-size: 100%;} 
	.g_li{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0 20px;}
	#faq_con ol li p{text-align: left !important; padding-left: 0px;}
	#faq_con ol li p span{font-size: 3.6vw !important; -ms-word-break: keep-all; word-break: keep-all; text-align: left !important;}
	#faq_con h3 a {padding: 0; min-height:50px; padding-left: 50px; text-align: left; text-align: left !important; padding-top: 15px !important; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	.s0601{-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; padding: 0 20px;}
	#faq_con h3 .con_q {width: 46px;}
	.s201_bottom_box_wrap{position: relative; padding: 0px;}
	#gall_ul .gall_con .gall_href img {width: 100% !important;}
	.bx_visu .ma_vi1, .bx_visu .ma_vi2, .bx_visu .ma_vi3{-webkit-background-size: 170% !important; background-size: 170% !important; height: 52vw; background-position: 50% -25%;}
	.bx_visu .ma_vi3{background-size: 160% !important; background-position: 19% -25%;}
	.bx_visu li.ma_vi3 img {object-position: 23% 50%;}


}
@media (max-width:540px){
	.m_manu.on{top: 4px; right: 12px;left: auto; width: 40px; height: 40px;}
	
}
@media (max-width:430px){
.m_manu {  width: 40px;height: 40px;}
.m_manu ul { margin: 22%; margin-top: 22%;}
.m_manu ul li {width: 23px; height: 3px;margin-bottom: 7px;}
#m_logo2{width: 40px; height: 40px;}
#m_logo2 img{width: 100%;}


}
@media (max-width:420px){
	.s1_img {  bottom: 9%;}
	.s201_figure1 ul li img {width: 60%;}
	.s201_top_txt > span::before { width: 20px; -webkit-background-size: 100%;	background-size: 100%; top:10px; margin-left: -10px;}
	.s201_box2 .s201_figure1 ul li:last-child img{width: 30%;}
	.s201_box2 .s201_top_txt > span::before {-webkit-background-size: 100%; background-size: 100%;}
	.m_manu ul li:last-child{display: none;}
	.m_manu ul{position: relative;}
	.m_manu ul:after{position: absolute; content:'메 뉴'; color: #fff; font-size: 10px; bottom: -20px; left: 0; text-align: center; width: 100%;font-weight: 300;} 
	.m_manu.on ul li:last-child{display: block;}
	.m_manu.on ul:after{display: none;}
	#m_logo2 h1{position: relative;}
	#m_logo2 h1:after{position: absolute; content:'통 화'; color: #fff; font-size: 10px; bottom: -3px; left: 0; text-align: center; width: 100%; font-weight: 300;} 
	.main_m2_2_dl_box dl { overflow: hidden;  margin-bottom: 11px;}
	.main_m2_2_dl_box dl dt {width: 82px;line-height: 26px; font-size: 15px; font-weight: 500;}
	.main_m2_2_dl_box dl dd { line-height: 26px;font-size: 14px; color: #fff; opacity: 0.8;}
	.main_m2_2_dl_box33{padding: 26px 15% !important; }
}

	


@media (max-width:400px){
	.inner, .m_visu1, .m_visu2, .m_visu3, .projector {height: 292px !important;}
	.main_m div a figcaption, .main_m2_txt, .main_m .main_m3 a figcaption, .main_m2 .main_m2_1 a figcaption  { line-height: 65px; -webkit-background-size: 20%;background-size: 20%;}
	.main_m div a figcaption span img { padding-top: 20px; width: 80%;}
	.main_m div a figcaption span { margin-right: 17px;}
	.bx-has-controls-direction { bottom: -78px;}
	.bx-wrapper .bx-prev{right: 50px;}
	.bx-wrapper .bx-next{right: 24px;}
	.bx-wrapper .bx-prev, .bx-wrapper .bx-next{-webkit-background-size: 200%;background-size: 200%;}
	.bx-wrapper .bx-next, .bx-wrapper .bx-next:hover{background-position: -24px 0; -webkit-background-size: 200%;background-size: 200%;}

	.main_m2_2_dl_box dl dt { width: 80px; line-height: 27px;}
	.main_m2_2_dl_box dl dd {line-height: 27px;}
	.main_m3_l {  padding-top: 38px;}
	.m_header_nav ul li::after, .m_header_nav ul li:hover:after {right: 10px;top: 22px; }
	.s201_figure1 ul li {height: 200px;}
}

@media (max-width:378px){
	.inner, .m_visu1, .m_visu2, .m_visu3, .projector { height: 262px !important;}
	.s1_01 { height: 400px;}
	.s1_img {bottom: 3%;}
	.txtbox { bottom: 27px; left: 14px;}
	.txtbox ul li {font-size: 11px;}
	.txtbox ul li:nth-child(3) {margin-left: 12px;}
	.main_wrap {margin-top: 67px !important;}
}

@media (max-width:364px){
	.main_m2_2_dl_box dl { overflow: hidden;  margin-bottom: 11px;}
	.main_m2_2_dl_box dl dt {width: 60px;line-height: 26px; font-size: 15px; font-weight: 500;}
	.main_m2_2_dl_box dl dd { line-height: 26px;font-size: 14px; color: #fff; opacity: 0.8;}
	.main_m2_2_dl_box33{padding: 26px 13% !important; }
}

@media (max-width:330px){
	.s1_img { bottom: 4%;}
	.s1_01_txt {  padding-top: 41px;}
	.s1_01 {height: 360px;}
	.s201_figure1 ul li {height: 180px;}
}