/* PC Device */


@media all and (max-width:1400px){
	.index_wrap {width:98%;}
	
	/* ¸ÞÀÎ */
	.main_list > div .image_container {width:85%;}
	.main_list > div a h3 {font-size:22px;}
}


@media all and (max-width:1200px){
	.wrap {width:96%; }
	
	section#intro_content {height:620px;}
	
	#total_m_lay {padding:0 1%;}
	.total_m ul > li > a {font-size:20px;}

	/* ¸ÞÀÎ */
	.main_title {font-size:42px; margin-bottom:40px;}
	.main_contents {padding-top:100px;}

	#main01:after {top:160px;}
	
	/* ÇÏ´Ü */
	footer .flex_wrap .sub_link ul li a {font-size:18px;}
	footer .flex_wrap .info h3 {font-size:22px;}
	footer .flex_wrap .info h3 span {font-size:16px;}
	footer .flex_wrap .info a, footer .flex_wrap .info p {font-size:16px;}
	footer .flex_wrap .info p {width:100%;}
	
	
	
	/* ¼­ºêºñÁÖ¾ó */
	.sVisual {height:300px}
	#sidebar {width:100%; bottom:-20px;}
	#m_sidebar {width:95%; padding-left:5%;}
	#m_sidebar .home {display:none;}
	#m_sidebar .snb {width: 42%;}
	#m_sidebar .snb2 {width: 48%;}
	#m_sidebar .snb2 > .over span{padding-left:0;}
	#gnb #gnb_1dul > li > a {padding: 0 5px;}


	/* sub */
	.standard_wrap > div {width:calc(96% / 3)}

	.studio02 .standard_wrap {margin:70px 2% 120px;}
	
	.studio_info02 .txt {padding-left:0; padding-right:50px;}

	.sub_title02 {font-size:48px; margin-top:40px;}
	
	.show_wrap > div:nth-child(2) h2 {font-size:42px;}
	.show_wrap03 .txt {padding:15% 0 15% 1%}
	.show_wrap03 .txt h2 {font-size:38px;}
	.show_wrap04 {margin:100px 1% 120px;}
	.show_wrap04 h1 {font-size:38px;}
	.show_wrap04 p {font-size:20px; margin-top:20px;}
	.show_wrap04 > div {width:calc(96% / 3);}

	.choice_wrap02 {padding-left:40px;}
	


	div#layer_pop_zone {display: none;}
	.side_quick.quick_style_main {display: none;}
	.quick_btn {display:none;}

	.community ul li p {font-size: 15px; text-align:center;}
	.community ul li p b {font-size: 20px;}
	.community ul li {width: 50%;}
	
	#hd_pops_15.hd_pops {width:1000px !important; height: 593px !important; left:0 !important;}
	#hd_pops_15.hd_pops > div.hd_pops_con {width:100% !important; height:100% !important;}


/*À¯»ó¿É¼Ç ½Åû¼­*/
	.option{width:100%; margin:0 auto;}

}


@media all and (max-width:1000px){


/* ¸ÞÀÎ */
.main_wrap:before {top:5%;}

#main01, #main02 {width:50%;}
#main03 {width:80%; max-width:100%; order:-1; margin:0 auto 30px;}
.main_btn {display: flex; flex-wrap: wrap; justify-content: space-between;}
.main_btn li {width:calc(96% / 4);}
.main_contents {padding-top:40px;}


/* ÇÏ´Ü */
footer .flex_wrap .info {padding:60px 2% 50px;}
footer .flex_wrap .info h3 span {display:block; margin-left:0;}



/* ¼­ºê */

#container #content{width:100%;}
#container #content .sConBox .btnPrint{display:none}
.sConBox {/*width:100%; padding: 0 1%; box-sizing:border-box;*/ margin:0px auto;}

div#bo_list, section#bo_w, article#bo_v,  #smb_my, #sod_fin, #sod_v, #sod_frm, #sod_fin  {/*width:100% !important; padding:0;*/}
/* div#bo_gall, div#sct, #sit, #bo_v  {width: 96% !important; margin:20px auto; padding:0;} */

.sub_title {font-size:34px;}
.main_txt .s_title.bebas {margin-bottom:10px;}

.studio_btn .txt h2 {font-size:32px;}
.studio_btn .btn_list {margin:30px 0 0;}
.studio_btn .btn_list ul li a {padding:190px 30px 30px;}
.studio_btn .btn_list ul li .txt h2 {font-size:34px;}
.studio_btn .btn_list ul li .txt p {word-break:keep-all;}

/* about */
.about_wrap {flex-wrap: wrap;}
.about_wrap .pic {width:100%;}
.about_wrap .txt  {padding-left:0; width:100%; margin-top:30px;}
.about_wrap .txt .b_title {font-size:32px; margin-bottom:10px;}
.about_wrap .txt .b_title br {display:none;}
.about_txt {flex-wrap: wrap;}
.about_txt > div {width:100%;}
.about_txt .txt p {margin-top:20px;}

.sub_slide .swiper-slide {margin:auto 10px;}

.about_wrap02 .about_list ul li {width:calc(96% / 3);}
.about_wrap02 .about_list ul li .info p {font-size:14px;}


/* studio */
.studio_wrap h2 {font-size:38px; padding:150px 0;}
.studio_txt {padding:0 10%;}
.studio_txt p {font-size:20px;}
.studio_list ul li .txt {left:20px; bottom:50px;}
.studio_list ul li .txt h2 {font-size:22px;}


/* standard */
.studio_text .txt h2 {font-size:24px;}
.studio_text .txt p {font-size:16px;}
.standard_bg h1 {font-size:72px; padding:150px 20px 250px;}

/* showroom */

.beige_wrap h1 {font-size:42px; margin-bottom:50px;}

.show_info {flex-wrap: wrap;}
.show_info > div {width:100%;}

.show_wrap {margin-bottom:50px;}
.show_wrap > div:nth-child(1) {padding-left:40px;}
.show_wrap > div:nth-child(2) {margin-top:40px;}
.show_wrap > div:nth-child(2) h2 {font-size:32px;}
.show_wrap > div:nth-child(2) span {margin-bottom:10px;}
.show_wrap02 > div:nth-child(1) {padding-right:40px;}

.map_wrap h2 {font-size:58px; margin-bottom:30px;}
.map_wrap ul {flex-wrap: wrap;}
.map_wrap ul li {width:100% !important; line-height:1.5;}


/* choice */
.product_box ul li {width:calc(100% / 3);}
.product_box ul li:nth-child(3) {border-right:1px solid #fff;}
.product_box ul li:nth-child(4) {border-right:1px solid #e8e8e8;}


/* °Ô½ÃÆÇ °Ë»ö */
#bo_sch .sch_input{width:60%}


.sct_20 .sct_li {margin:0 3% 30px 0; width:48.5% !important;}
.sct_20 .sct_li:nth-child(3n) {margin-right:3%;}
.sct_20 .sct_li:nth-child(2n) {margin-right:0%;}



/* »óÇ° »ó¼¼º¸±â - À̹ÌÁö ¹Ì¸®º¸±â */
#sit_pvi {width:45%;}

/* »óÇ° »ó¼¼º¸±â - °£·«Á¤º¸ ¹× ±¸¸Å±â´É */
#sit_ov {width:50%;}

#exptime {border-radius:0; border:0; padding:0; }
#khoa {border-radius:0; border:0; padding:0; }

#sitemap > li {width:32%;}

/*»ç¾÷°³¿ä*/

.table_wrap {width: 100%;position: initial;}

.table_wrap .left {padding: 20px;}
.table_wrap .right{padding:20px;}

/*Æò¸éµµ*/
.groundbox.text {width: 100%;}
.groundbox {float: none;}
.groundbox.img {width: 100%;float: none;}


/*»ç¾÷°³¿ä*/
.business_wrap .overview_wrap {width: 100%;}
.business_wrap .overview_info {padding: 0px;}
.business_wrap .overview_info ul li dl {font-size: 16px;}

/*ÀÔÁöȯ°æ*/
.environment_wrap ul li dl dt {font-size: 20px;}
.environment_wrap ul li dl dd {font-size: 15px;}


/*aiq*/
.aiq_wrap .top_text h2 {font-size: 40px;}
.aiq_wrap .top_text h4 {font-size: 25px;}
.aiq_wrap .top_text p {font-size: 16px;}
.delivery .deliverytab li a {font-size: 16px;}


/* û¾à¾È³» */
.subscription_check a{color:#fff;display:block;background:#283c82;padding:15px 35px;font-size:30px;}


/*¼¼´ë¾È³»*/
.yeartab .yeartab_border{padding:15px;}
}


@media all and (max-width:950px){

}

@media all and (max-width:920px){

}


@media all and (max-width:860px){
	
	

}



@media all and (max-width:780px){
	/* ÇÏ´Ü */
	footer .flex_wrap > div {width:calc(100% / 2); padding:40px 2%;}
	footer .flex_wrap .sub_link {display:none;}
	footer .flex_wrap .info h3 {font-size:20px; margin-bottom:10px;}
	footer .flex_wrap .info p.copy {font-size:14px;}

	/* ¼­ºê */

	#m_sidebar {height:70px;}
	#m_sidebar .side_wrap {padding:10px 0;}

	/* ¸¶ÀÌÆäÀÌÁö */
	#smb_my_ovaddd {width:calc(100% - 80px) !important;}
	#smb_my_ov .op_area dt {width:80px;}
	#smb_my_ov .op_area dd {width:calc(100% - 80px);}

	/* about */
	.about .title {font-size:28px; margin-bottom:40px;}
	.about .s_title {font-size:24px;}
	.about_con {margin:60px 0 80px;}
	.about_wrap {padding-left:5%;}
	.about_con02 div.about_con_box {grid-template-columns:280px 1fr}
}


@media all and (max-width:768px){
	.hd_wrap {width:100%;}
	#hd .btnMenu {left:1%;}
	#hd .login {right:1%;}
	#hd .login a {font-size:16px;}
	#logo a img {max-width:250px;}
	.btnMenu.active .bar:first-child, .btnMenu.active .bar:last-child {left:10px;}
	.total_m ul > li > a {font-size:18px;}

	.main_title {font-size:32px;}
	.main_list > div a h3 {font-size:20px;}
	.main_list > div a p {font-size:16px;}

	/* ¼­ºê */
	.sVisual {width:100%; height:270px; margin:0 auto; } 
	.sVisual > div h2 {font-size:28px;}
}



@media all and (max-width:640px){

    .mb {display:block;}
	.pc {display:none;}
	

	#tabs li a {padding: 10px 22px;width: auto;letter-spacing: -1px;display: block;position: relative;font-size: 15px;border: #cccc 1px solid;margin-right: 8px;}
	
	/* ¼­ºêÆäÀÌÁö */
	.pc_img {display: none;}
	.mob_img {display: block;}
	
	.sub_title {font-size:24px;}

	

	/* °Ô½ÃÆÇ ¸ñ·Ï */
	.bo_title_review {font-size:18px; }
	/* °Ô½ÃÆÇ °Ë»ö */
	#bo_sch {width:100%}
	#bo_sch select{display:none;}
	#bo_sch .sch_input{width:82%}


	/*¼÷¹Ú*/
	#stay03 table.t1 th {width:23%;}
	#stay03 .frm_input {width:80%;}
	.sct_20 .sct_li {margin:0 0 30px 0; width:100% !important;}
	.sct_20 .sct_li:nth-child(3n) {margin-right:0%;}
	.sct_20 .sct_img a, .sct_20 .sct_img a img {max-width:500px;}

	.sod_left {width:100%; float:none;}
	.sod_right {width:100%; float:none;}

	.th_line th {font-size:13px;}
	#sod_fin_list .td_bdno dd {margin-top:10px;}

	dl.note {margin-top:50px;}
	dl.note dt {font-size:20px;}
	p.note {font-size:14px;}

	div#sit {margin: 30px auto;}
	#wrapper_title {font-size: 24px; margin: 20px 0;}
	.sub_title h1 {font-size: 24px; margin: 20px 0;}

	/* »óÇ° »ó¼¼º¸±â - À̹ÌÁö ¹Ì¸®º¸±â */
	#sit_pvi {width:100%; max-width:100%;text-align:center; margin-bottom:30px; }

	/* »óÇ° »ó¼¼º¸±â - °£·«Á¤º¸ ¹× ±¸¸Å±â´É */
	#sit_ov {width:100%; height: auto; min-height: auto;}
	#sit_ov_btn button {width:48%;}

	#sit_inf {margin: 20px 0;}


	.tbl_frm01 .frm_input,  .tbl_frm01 textarea{max-width:280px;}

	#sitemap > li {width:49%;}

	.privateD {padding: 20px; }
	/* .mbskin{width:98%;} */
	/*°øÅë*/
	.desc_area{padding:15px 10px; margin-top:40px;}
	.desc_area p{font-size:12px;}
	
	#bo_v_con iframe {width:100%; /*width: 100% !important;aspect-ratio: 4/2.5 !important;height: auto !important;*/}

	/* about */
	.about_con02 div.about_con_box {grid-template-columns:1fr;}
	.about_con_box02 br {display:none;}
	.about_con_box02 article {margin:40px 0 20px;}
	.about_con_box h3 {font-size:24px;}
	.about_wrap > div strong, .about_con_box strong {font-size:18px;}

}


@media all and (max-width:600px){

	/*üÇèÇÁ·Î±×·¥*/
   .sct_10 .sct_li {;float:none;width:100% !important; margin-bottom:50px; display: block; margin: 0;}
   .sct_10 .sct_img {margin: 0 0 20px;}
   .sct_10 .sct_img a {font-size: 16px;}

   #sct_ct_1 li {width: 50% !important;}

   #fregister section {margin: 10px auto 60px !important;}
   #fregister .fregister_agree {top: inherit !important; padding: 10px !important;}
}


@media all and (max-width:550px){
	#total_m_lay {top:-60%; height:60%;}
	.total_m .flex_wrap > div {width:100%; border-right:none; margin:0 1%;}
	.total_m ul > li {padding:10px 0;}
	/* ¸ÞÀÎ */
	.main_title {font-size:26px; margin-bottom:20px;}
	.main_list > div a h3 {font-size:18px;}
	.main_list > div a .read_more {font-size:16px;}
	#main03 {width:90%;}
	
	/* ÇÏ´Ü */
	footer .flex_wrap > div {width:100%;}
	footer .flex_wrap .info {padding:20px 2% 50px;}



	#sidebar{padding:0;}
}

@media all and (max-width:530px){
	#logo a img {max-width:210px;}
	#hd .login button {font-size:15px;}
	
	.main_list > div .image_container {width:95%;}
	
	.sVisual {height:100px;}
	.sVisual > div h2 {font-size:22px;}
	
	.about .s_title {margin-bottom:20px;}
	.about_wrap > div {width:100%; margin-bottom:10px;}
}

@media all and (max-width:470px){
	/* ¸ÞÀÎ */
	#main01, #main02 {width:100%;}
	#main01:after {content:none;}
	#main03 {width:80%;}
	.main_btn li {width:calc(90% / 2);}
	
}

@media all and (max-width:430px){
	.modalBox {width:90%;}	


	/* ¸ÞÀÎ */
	
	/* ¼­ºê */
	.mt100 {margin-top:60px;}
	.sub_title {font-size:20px;}

}



 /* Mobile Device */
@media all and (max-width:400px){
	#hd_pops_15.hd_pops {width:320px !important; height: 180px !important;}

	#logo a img {max-width:180px;}
	#hd .login button {font-size:16px;}
}

@media all and (max-width:320px){

	
}