/* PC Device */

@media all and (min-width:1001px){
	/* 전체메뉴 */
	#total_m_lay{display:none;}
}

@media all and (max-width:1500px){
	.wrap {width:94%; min-width:320px; padding:0 1.5%; box-sizing:border-box; margin:0 auto;}
	.visual_wrap .txt img {height:auto; width:80%;}
	
	.platform_box .txt h3 {font-size:32px;}
	.platform_box .txt p {font-size:18px;}
	#main02 .right > div:nth-child(1) .img {right:0;}
	#main02 .right > div:nth-child(2) .txt {padding-left:0;}
	#main02 .right > div:nth-child(2):before {width:180px; height:340px; top:20%; right:-5%;}
	#main02 .right > div:nth-child(3) .img {right:20px;}

	#main03 .wrap {padding: 100px 1.5% 190px;}
	
	.envi_point ul li {width:calc(98% / 2);}
	.envi_point ul li p {font-size:18px;}

	#main06 .pic_box {margin-top:-180px;}
}

@media all and (max-width:1400px){
	#main02 .right > div .img {display:none;}
	
	.envi_point ul li {height:70px;}
	.envi_point ul li p {padding-left:10px;}
	.envi_point ul li .img {width:40px; height:40px;}
	
}

@media all and (max-width:1200px){
	
/*메인*/

#main01 {height:80vh;}
.visual_wrap .txt h4 {font-size:32px;}
.visual_wrap p {font-size:20px;}

/* #main02 .main_title br {display:none;} */
#main02 .left {width:100%; margin-bottom:40px;}
#main02 .right {width:85%; margin:0 auto;}
#main02 .right > div:nth-child(2):before {width: 220px; height: 420px;}

#main04 .main_title {font-size:42px;}
#main04 >.wrap > .flex_wrap > div {width:calc(98% / 2);}
.envi_point {margin-top:60px;}
#main04 .pic_wrap .bounce_box01 .circle {width:200px; height:200px; top:-40%; right:-2%;}
#main04 .pic_wrap .bounce_box01 .shadow {right:60px;}
#main04 .pic_wrap .bounce_box02 .circle {width:180px; height:180px; left:-10%; bottom:-30%;}
#main04 .pic_wrap .bounce_box02 .shadow {left:15px; bottom:-210px;}


/*모바일메뉴*/
.total_m {padding: 5% 2%;}

/*견적보기*/
#view_tb1 .title_table {width: 38%;}

/*메인*/
#gnb {display:none;}
/* #tnb {display:block;} */


.mVisual, .mVisual li, .main_txt {height:720px;}
.main_txt h2 {font-size:48px;}

/*모바일메뉴*/
#total_m_lay {right: -100%; width: 80% ; overflow: auto; background-size: auto 100%;border: 0;}
.total_m {padding: 0px !important;}
.total_m li button {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -999px; overflow: hidden; font-size:0;display:inline-block;}
.total_m > ul > li {position: relative; width: 100% !important;height:auto; font-size: 18px; font-weight: 400; border-bottom: 1px solid rgba(0,0,0,0.14);}
.total_m > ul > li > a {padding: 20px; /*color: #6162e6;*/}
.total_m > ul{display:block;}
.total_m > ul > li.has-sub > a { font-weight:500; font-size:1.22rem}
.total_m > ul > li.has-sub {padding: 0; text-align: left;}
.total_m > ul > li.has-sub:before {position: absolute; top: 20px; right: 22px; width: 2px; height: 22px; margin-top: -1px; display: block; content: ""; background: #b7b7b7; display: block; border-radius:10px;}
.total_m > ul > li.has-sub:after {position: absolute; top: 28px; right: 12px; width: 22px; height: 2px; display: block; content: ""; background: #b7b7b7; border-radius:10px;}

.total_m > ul > li > ul {display: none; padding: 0px; background: #f5f5f5; padding:20px;}
.total_m > ul > li > ul > li {font-size: 16px;}
.total_m > ul > li > ul > li:first-child {border-top: 0}
.total_m > ul > li.has-sub.open {}
.total_m > ul > li.has-sub.open:before {display: none;}
.total_m > ul > li.has-sub.open:after {position: absolute; top: 28px; right: 12px; width: 22px; height: 2px; display: block; content: ""; background: #fff; border-radius:0px;}
.total_m > ul > li > ul > li > a {padding: 0 0 20px; font-weight:400;  font-size:1.12rem }
.total_m > ul > li > ul > li:last-child > a {padding: 0;}
.total_m > ul > li > ul > li.open > a {color: #1e5394;}
.total_m .btnClose {display: none}
.btnMenuClose {width: 60px; height: 60px; padding:0; top: 0; right:0px; }
.m_login { margin-top:50px;}
.m_login li {display: inline-block; margin:0 10px; font-size:1.12rem;}
.m_sns {margin-top: 30px;}
}



@media all and (max-width:1100px){
/*메인*/
#main01 {height:780px;}
.visual_wrap .txt {padding-top:80px;}
.visual_wrap .txt h4 {margin-top:0;}

#main04 {padding:140px 0 90px;}
#main04 .main_title {margin-bottom:20px;}
#main04 >.wrap > .flex_wrap > div.info {width:55%;}
#main04 >.wrap > .flex_wrap > div.pic_wrap {width:43%;}
#main04 .pic_wrap .bounce_box01 .circle {top:-45%;}
#main04 .pic_wrap .bounce_box02 .circle {left:-5%; bottom:-25%;}
#main04 .pic_wrap .bounce_box02 .shadow {left:50px; bottom:-170px;}


}



 /* Tablet Device */
@media all and (max-width:1000px){
/*메인*/

.main_title {font-size:42px; word-break:keep-all;}

.point_box .txt h3 {font-size:26px; margin-bottom:5px;}

.envi_point ul li {padding:15px 10px;}

#main06 .main_title02 {font-size:32px;}
#main06 .pic_box {margin-top:-150px;}

/* 모바일메뉴 */
#container #content{width:100%;}
#container #content .sConBox{padding:50px 10px 50px; max-width:768px}
#container #content .sConBox .btnPrint{display:none}


.cont_inquiry {height: 240px;}
.cont_inquiry .online_inqu {right: 5%;}


.sConBox {width:100%; margin-top:0px;}


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

/* 게시판 읽기 */
#bo_v {padding:20px;}

/* 게시판 검색 */
#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%;}
.sanchor li button{font-size:16px;padding: 18px 0;}
#sit_title{font-size: 32px;padding-bottom: 30px;margin-bottom: 30px;}
#sit_desc{font-size:18px;line-height: 28px;}

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

#sitemap > li {width:32%;}


/*견적보기*/
#view_tb1 .title_table {width: 30%;}
.tbl_head01 tbody th{padding:15px;}
#view_tb1 .view_th1{padding:10px;width:150px;font-size: 18px;}
#view_tb1 .view_td1{font-size: 18px;padding:10px;}


/*공지사항 검색*/	
#bo_sch{width: 100%;}
}

@media all and (max-width:940px){
	#main02 .right > div:nth-child(2):before {width: 160px; height: 310px;}
	.platform_box .txt h3 {font-size:26px;}
	.platform_box .txt p {font-size:16px;}
	

	#main04 {padding: 120px 0 90px;}	
	#main04 .main_title {font-size:34px;}
	#main04 .info > p {font-size:16px;}
	#main04 >.wrap > .flex_wrap > div {width:100% !important;}
}



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

.point_txt {font-size:16px; margin-bottom:25px;}

#main02 {background-size:70%;}

#main04 >.wrap > .flex_wrap > div.info {width:60%;}
#main04 >.wrap > .flex_wrap > div.pic_wrap {width:38%;}
.envi_point {margin-top: 40px;}
.envi_point ul li {height: 60px;}
.envi_point ul li .img {width: 30px; height: 30px;}

#main05 {padding:120px 0 ;}
#main05 p {font-size:18px;}
#main05 h2 {font-size:38px}

#main06 .main_title02 {margin-bottom:40px;}
#main06 .pic_box .form_wrap {width:100%;}
#main06 .pic_box {margin-top:20px;}
#main06 .pic_box .boy {display:none;}

/*게시판 견적신청*/
.bo_w_info select{height:40px;}
.frm_input{height:40px;}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{font-size:18px;}
#bo_w .write_div {margin-bottom:15px;font-size:16px;}

/*견적보기*/
#inquiry{width:97%;margin:0 auto;padding:80px 0;}


}



@media all and (max-width:720px){
/*메인*/
.main_title {font-size:34px;}
.section {padding:100px 0;}

#hd_wrapper {position:fixed; margin:0; box-sizing:border-box; height:60px; background:#fff; box-shadow:0 5px 5px rgba(0, 0, 0, 0.02); padding:15px; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between;}
#hd_wrapper .wrap{display:none;}
.m_menu {display:block;}
.m_menu ul li {display:inline-block; margin:0 0.5rem;}
.m_menu ul li a {font-weight:bold; font-size:16px;}
#logo > div a img {height:30px;}
.right-phone {display:block !Important;}
.top_logo a img {height:25px;}
#logo {top:auto; left:auto;}
.top_logo {top:auto; right:auto;}
#logo, .top_logo {position:static; display:flex; align-items:center; margin:0;}


.quick {display:block !important;}

#main01 {height:460px; background:url('../img/main/visual_mob.jpg') center bottom 40% no-repeat; background-size:cover;}

.visual_wrap .txt {padding-top:100px;}
.visual_wrap .txt h4 {font-size:24px;}
.visual_wrap p {font-size:20px;}
.visual_wrap .hatna_link {padding:10px; font-size:16px; width:200px;}
.coin_wrap .coin img {width:30%;}



#main02 .wrap {padding:100px 0 150px;}
#main02 .right > div:nth-child(2):before {top:14%;}

#main03 .wrap {padding:100px 3.5% 190px;}
#main03 .main_title span {display:block;}

.point_box .txt {margin-top:20px;}
.point_box .txt h3 {font-size:22px;}
.point_box .txt h3 br {display:none;}
.point_box .txt p {font-size:16px; line-height:1.4;}


#main04 .intro01 .img {order:0;}
#main04 >.wrap > .flex_wrap > div {margin-bottom:20px;}
#main04 >.wrap > .flex_wrap > div > div {width:100%;}
#main04 >.wrap > .flex_wrap > div > div img{padding: 50px 0}
#main04 .intro .txt h3 {font-size:24px;}
#main04 .intro .txt h3 br {display:none;}
#main04 .intro02 .img {margin-bottom:20px;}
#main04 .intro02 .img .txt {height:100%;}


#main05 {background:url('../img/main/application_bg_mob.jpg') center no-repeat; background-size:cover;}
#main05 p br {display:block;}

#main06 .main_title02 {font-size:26px}


#view_tb1 .view_tr1 {display: flex;flex-wrap: wrap;}
#view_tb1 .view_th1{width:100%;background: #eee;}
#view_tb1 .view_td1{width:100%;}

.sct_10 .sct_img > a {height:280px;}
}


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

/* 메인 */

.platform_box {width:90%; margin:0 auto;}
#main02 .right > div:nth-child(2), #main02 .right > div:nth-child(3) {margin-top:10%;}
#main02 .right > div:nth-child(2):before {width: 50%; height: 62%; top:20%;}

#main03 .main_title {margin-bottom:60px;}
#main03 .flex_wrap {justify-content: center;}
.flex_wrap .point_box {width:85%; text-align:center;}
.flex_wrap .point_box:nth-child(2) {margin-top:40px;}
.flex_wrap .point_box:nth-child(3) {margin-top:40px;}

.ft_info ul {margin-bottom:10px;}
.ft_info ul li {font-size:15px; padding-right:10px;}


/* 서브 */
.sVisual {height:300px;}
.sub_sitle {font-size:24px;}

/* 연혁 */
.awards-wrap {margin-top:30px;}
.awards-wrap .awards-list li {width:47%;}

/* 카탈로그 */
.catal_wrap > div {width:96%; margin:0 auto;}
.btn_more_warp {margin-bottom:50px;}

/* 문의하기 */
.info-wrap .board-title-wrap {padding-left:30px; margin-top:50px;}

/*게시판 견적신청*/
.product_inquiry_wrap .write_div{width:100%;}
#bo_w .write_div{margin-bottom:10px;}
.bo_w_info select{padding: 0 10px;}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{padding: 10px;}
.g-recapt{margin-top:35px;}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{max-height:200px;}
#bo_w .bo_w_flie .file_wr {height:45px;padding: 9px;}
#bo_w .bo_w_flie .lb_icon{height: 43px;line-height: 43px;}

/*제품상세*/
#sit_pvi{width:100%;}
#sit_ov{width:100%;min-height: 180px;}
.sanchor li button{padding: 10px 0;}
.sanchor{margin: 30px 0 15px;}
#sit_inf{margin: 30px 0;}
#sit_title{padding-bottom: 15px; margin-bottom: 15px;}
}



@media all and (max-width:600px){
#hd_wrapper {display:block;position:relative;}
#logo {position: absolute;left: 2%;top: 14px;}
.top_logo {position: absolute;right: 2%;top: 18px;}
.m_menu {text-align: center;}
.m_menu ul {display:inline-block;}
    .m_menu ul li a {line-height:60px;
    }
	#hd_wrapper {padding:0}
/* 메인 */
#main06 {padding:120px 0;}
#main06 .form_box .input_item p {width:100%; margin-bottom:10px;}
#main06 .form_box input[type="text"], #main06 .form_box input[type="tel"], .phone-wrap {width:100%;}
#main06 .form_box .select_box {width:100% !important;}
.privacy-box {width:100%; margin:0 auto;}
#main06 .area_button button {font-size:18px;}

/*게시판 공지사항*/
#bo_v_title .bo_v_tit{font-size:22px;word-break:keep-all;margin:15px 0 0;line-height: 28px;}
#bo_v_title {margin-bottom: 0;}
#bo_v{padding: 15px;}
#bo_v_con{min-height: 160px;}
.bo_v_com {margin: 10px 0;}
.bo_v_left{margin: 10px 0;}
.bo_v_nb{margin:0;}
#bo_sch{width: 100%;}
#bo_sch .sch_input{width: 58%;padding-left:5px;}
#bo_sch select {margin: 9px 0px 9px 5px;}
.tbl_head01 td {padding: 25px 15px;}
.bo_notice td a{font-size:14px;}
#bo_list .tbl_head01 thead th:nth-child(3), #bo_list .tbl_head01 thead th:nth-child(4), #bo_list .tbl_head01 thead th:nth-child(6) {display:none;}
#bo_list .td_name, #bo_list .td_datetime{display:none;}
.tbl_head01 thead th{padding:12px 0;}

.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{font-size: 15px;line-height:24px;}


/*갤러리게시판*/
.sct_10 .sct_li{width:100% !important;}

/*서브비주얼*/

#sidebar {height:50px;}
#sidebar > div li a {height:50px;line-height:50px;font-size: 16px;padding:0 30px;}

/*서브-오시는 길*/
.address h2 {font-size:35px;}
.address h3 a {display:none;}
.address p{font-size:20px;}

/*개인정보처리방침*/
.sConBox h2{font-size:22px;margin-bottom:15px;}
.privateD{padding: 25px;}

}



 /* Mobile Device */
@media all and (max-width:550px){
.m_menu ul li a {font-weight:bold; font-size:14px;}
.m_menu ul li {margin: 0 0.25rem;}
/*메인*/
.visual_wrap .txt {padding-top:30px;}
.visual_wrap .txt h4 {margin-top:20px;}

/* 서브 */
.con_wrap {padding:80px 2% 80px;}

/* 오시는길 */
.location .txtBox .lt > h3 {font-size:20px;}
.location .txtBox .rt {display:block;}
.location .txtBox .rt > ol {margin-left:0;}
.location .txtBox .rt > ol li {padding-left:0;}

/* 문의하기 */
.info-wrap .title {font-size:36px;}
.info-wrap .contact-title {font-size:24px;}
.board-contact .write-wrap {flex:0 0 100%;}
.write-wrap .form-group {width:100%; flex:0 0 100%;}
.write-wrap .btn-wrap {position:inherit;}
.write-wrap .btn-wrap .btn-contact .btn-txt-wrap:before {width:140px; height:140px;}
.write-wrap .btn-wrap .btn-contact .btn-txt-wrap .btn-arrow {background-size:cover; width:25px; height:25px; margin-left:20px;}

}



 /* Mobile Device */
@media all and (max-width:480px){
/*메인*/

.main_title {font-size:28px;}

.visual_wrap .txt .text_position p span {letter-spacing:7px;}

.platform_box .txt h3 {font-size: 20px;}

#main03 .wrap {padding:100px 5.5%;}

#main04 {padding:90px 0;}
#main04 .main_title {font-size:28px;}

#main06 {padding:80px 0;}


#sct_ct_1 li {width:30%;}
}



@media all and (max-width:452px){
.bo_v_com{float: left;margin: 3px 0 10px;}
.bo_v_com li{margin-left: 0;margin-right: 5px;}
.bo_v_left{margin: 3px 0;}

}



@media all and (max-width:400px){
/*메인*/


/*모바일메뉴*/
#total_m_lay{padding: 0 5.5%;}
.btnMenuClose{background:none;top:-5px;}

/*서브-연혁*/
.awards-wrap .awards-list .awards-thumb {padding-top:260px;}


/*로그인페이지*/
.mbskin{width:94%;}
.mbskin h1{margin: 40px 0 30px;}
#login_fs{padding: 0 45px;}
#mb_login {padding: 80px 0;}

/*게시판 공지사항*/
	.bo_w_info select{ font-size: 16px;}
	.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input { font-size: 16px;}

/*갤러리게시판*/
.sct_10 .sct_img > a{height:240px;}

/*팝업창 모바일*/
.hd_pops_con{width:100% !important;height:100% !important;}
.hd_pops{top: 10px !important;left: 0 !important;}

/*공지사항 검색*/	
#bo_sch select{width: 90px;}
#bo_sch .sch_input {width: 50%;}
.nb_date{display:none;}
.bo_v_nb li{padding: 15px;}
.bo_v_nb li .nb_tit{padding-bottom:5px;}

#ft .privacy li{padding-top: 3px;}
.display_none{display:none;}
}



@media all and (max-width:380px){
	/* 메인 */
	#main06 .btns ul li {margin-bottom:10px;}

	.tabs li {width:50%;letter-spacing: -1px;}	
	.main_trend li a img {height: 275px;}
	.sct_10 .sct_li {width:100% !important;}

	/*갤러리게시판*/
	.sct_10 .sct_img > a{height:230px;}
}


@media all and (max-width:356px){
/*서브-오시는 길*/
.address p img{display:none;}
.address b{padding-left:0;}

/* 문의하기 */
.write-wrap .btn-wrap .btn-contact .btn-txt-wrap:before {width:110px; height:110px;}
 /*갤러리게시판*/
	.sct_10 .sct_img > a{height:210px;}
.m_menu ul {display:inline-block;margin-right:30px;}
}


 /* Mobile Device */



/*라코하 브랜드스토리 타블렛*/

@media all and (max-width:1300px){
		.con_box_wrap{
		width:98%;
		}
	}



 /* Tablet Device */
@media all and (max-width:1000px){
	.con_box_wrap{
		width:98%;
		padding:50px 1% 40px;
		margin:0 auto;
		box-sizing:border-box;
		 margin-bottom:40px;
		overflow:hidden;}
	
	.g20_left{
	 text-align:center;
	 }
	.con_box_wrap .con_box .lacoha_font{
	font-size:15px;
	line-height:25px;
	padding:10px 2% 0;
	}
	.g20_right h3{
	display:inline-block;
	padding-bottom:10px;
	margin-bottom:0;}
	.g20_right p:nth-child(2){
	padding-top:3px;
	}
	.con_box_in{clear:both;
	width:73%;
	float:left;}
}


 /* Mobile Device */
@media all and (max-width: 640px){
	.wrap {padding:0 2.5%;}

	.visual_wrap p {font-size: 16px;}
	.visual_wrap .hatna_link {margin-top:20px;}

	.con_box_wrap{
		width:97.5%;
		padding:40px 1% 205px;
		background:#e2e4d6 url(/img/sub/sub01_bg3.jpg) no-repeat left bottom;
		background-size:100%;
	
		}
	.con_box img{
	width:85%;
	}
	.con_box_wrap ul{
	width:100%;
	 text-align:center;
	}
.con_box_in p{padding-top:5px;}
.g20_right{
	 text-align:center;
	 width:100%;
	}
	.g20_right h3{
	display:inline-block;
	padding:10px 0 10px;
	font-size:35px;}
	.g20_right p{
	 text-align:center;
	}
	.con_box_wrap .con_box .lacoha_font{
	font-size:15px;
	line-height:25px;
	padding:5px 4% 0;
	}
	.con_box_in{
	clear:both;
	width:100%;}
}