/* PC Device */

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


 @media all and (max-width:1800px){
	.sct_admin{margin-top:15px;}
	.sit_admin{margin-top:15px;}

	#main_con02 .img_box .img_wrap, #main_con03 .img_box .img_wrap {flex-direction: column; padding-left: 0; padding-right: 0; margin-right:-60px;}
}



 @media all and (max-width:1650px){
	/*메인*/
	.btn_plus {margin-top: 10%;}
}


 @media all and (max-width:1600px){
 	.wrap {width:100%; padding:0 1.5%; box-sizing:border-box; margin:0 auto;}
	
	/* 메인 */
	#logo {left:1.5%;}
	#gnb .call {right:1.5%;}



	/*서브비주얼*/
	#sidebar > div{width:98%; margin:0 auto;}
	.sVisual > div { width: 100%;margin: auto;position: relative;}
	.sVisual > div p { width:100%;}
	div#bo_list, div#bo_gall, section#bo_w, div#sct, div#sit {width: 97%;}

	  /*서브*/
	 .con_wrap{width:100%;padding:120px 2% 150px;box-sizing:border-box;}

	/*퀵메뉴*/
	.click_btn li a{width: 90px;height: 90px;}

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

}


@media all and (max-width:1400px){
	/*메인*/
	#main_container section .title {font-size:32px;}

	#ft .ft_tex p{margin-top: 25px;}

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

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

	/*서브-인사말*/
	.greetings h3.tit {font-size:40px;line-height: 65px;}
	.greetings .gree br.none{display:none;}

	/*서브-오시는 길*/
	.address h2{font-size:45px;}
	.address h3 a {width:270px;}
	.address b {padding-left:25px;}

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

}


@media all and (max-width:1330px){
/*메인*/
#ft .ft_tex {width: 72%;}

/*모바일메뉴*/
.btnMenuClose{width:90px;height:90px;}
}



 @media all and (max-width:1240px){
	 /*메인*/
	#full_dropdown > #main_menu > li > a {padding: 0 25px;}

	#main_con04 .right {margin-left:5%;}

	#main_con07:before {font-size:120px;}
}



@media all and (max-width:1200px){
/*메인*/
#full_dropdown {display: none;}

#tnb {display:block;}
#gnb .call {right:70px;}


#main_container section {padding: 100px 0;}

#main_con06 > div {height:520px;}
.etc-li > li div h3 {font-size:28px;}
.etc-li > li div p {padding:0 5px;}
.etc-li > li div p br {display:none;}



/*모바일메뉴*/
#total_m_lay {right: -100%; width: 100% ; overflow: auto; background: #f8f8f8; background: url('../images/main/allMenu_bg.png') #fff right bottom no-repeat; 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;   background: rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(0,0,0,0.08);}
.total_m > ul > li > a {padding: 20px; /*color: #6162e6;*/}
.total_m > ul{display:block;}
.total_m > ul > li.has-sub > a {/*background: url('../images/gnb_dot.png') no-repeat right 15px center; */  font-weight:500; font-size:1.22rem}
.total_m > ul > li.has-sub {padding: 0; text-align: left;  /*border-top: 1px solid #ccc; */}
.total_m > ul > li.has-sub:before {position: absolute; top: 20px; right: 22px; width: 2px; height: 22px; margin-top: -1px; display: block; content: ""; background: #333; 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: #333; border-radius:10px;}
.total_m > ul > li.has-sub.open > a {/*background: #93845a url('../images/gnb_dot_on.png') no-repeat right 15px center */}
.total_m > ul > li > ul {display: none; padding: 0px; background: #f5f5f5; padding:20px;}
.total_m > ul > li > ul > li {font-size: 16px; /*background-repeat: no-repeat; background-position: right 14px; border-top: 1px solid #ddd; */}
.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: #af9251; border-radius:0px;}
.total_m > ul > li > ul > li > a {padding: 0 0 20px; /*color: #fff;*/ 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}
.btnMenu {/*width: 60px; height: 60px; padding: 0px; top: 5px;*/}
.btnMenuClose {width: 60px; height: 60px; padding:0; top: 0; right:0px; }
.m_login {/*display: none;*/ margin-top:50px;}
.m_login li {display: inline-block; margin:0 10px; font-size:1.12rem;}
.m_sns {margin-top: 30px;}


 /*서브비주얼*/
	.sVisual {height:150px;}
	.sVisual > div { width: 100%;margin: auto;position: relative;}
	.sVisual > div p { width:100%;font-size:36px; padding-top:100px;}


  /*서브-인사말*/
.greetings h3.tit {font-size:35px;line-height: 55px;}
.greetings p {font-size: 20px;line-height:35px;}
.greetings .gree .text {padding-top:20px;}
.greetings .gree .image{width:50%;}
.greetings .gree .text {width:45%;}

  /*서브-오시는 길*/
.address p {font-size:22px;}

  /*제품 상세*/
  #sit_ov {padding-top: 35px;}
	#sit_pvi {width: 56%;}
	.sanchor {margin: 50px 0 30px;}

}



@media all and (max-width:1100px){
/*메인*/
	.btn_plus div{width: 60px;height: 60px;}
	.btn_plus{width: 60px;height: 60px;}

	.products03 .txt{padding-top:80px;}
	.products04 .txt{padding-top:80px;}

	#ft .privacy li{padding-right: 25px;}
}



@media all and (max-width:1050px){
  /*서브-오시는 길*/
	.address ul{display:block;margin-top:15px;}
	.address ul li{display:block;float:none;padding:15px 0;}
	.address h2 {font-size:40px;}
	.address h3 a {font-size:20px;width:230px;}

}



 /* Tablet Device */
@media all and (max-width:1000px){
	/*메인*/
	.mVisual .scroll{display: none;}
	.main_txt_in h2{font-size:48px;}
	.main_txt_in p {font-size:18px;}

	.btn-lg {width: 135px; height: 50px; line-height:50px; font-size: 14px; padding:0 8px;}
	.btn-more .btn-txt {}

	#main_container section .s_title {font-sizE:18px;}
	#main_container section .title {font-size:28px;}
	
	#main_con01:before {top:50px; left:2%; font-size:80px; line-height:1;}
	#main_con01 .title {position:inherit; top:inherit; margin-bottom:50px;}
	#main_con01 .img_box div:first-child {width:70%; margin-bottom:40px;}

	#main_con02 .img_box > div:last-child {flex: 0 0 41.66667%; max-width: 41.66667%;}
	
	#main_con03 .title br {display:none;}
	#main_con03 .btn-wrap {margin-top:20px;}
	#main_con03 .img_box > div:first-child, #main_con03 .img_box > div:last-child {width:100%;}
	#main_con03 .img_box .img_wrap {margin-top:50px;}
	
	#main_con04 .bg-color {width:70%;}
	#main_con04 .title br {display:none;}
	#main_con04 .left {flex: 0 0 100%; max-width: 100%; order:0;}
	#main_con04 .right {flex: 0 0 100%; max-width: 100%; margin-top:0; margin-bottom:40px;}

	#ft .ft_logo{display:none;}
	#ft .ft_tex{width:100%;}
	#ft .ft_tex{word-break:keep-all;}
	#ft .ft_tex p{text-align:center;}
	#ft .privacy{display: inline-block;}


	/* 포트폴리오 */
	.works_text p {padding-bottom:80px; font-size:24px; word-break:keep-all;}
	.works_text p br {display:none;}

 /*서브비주얼*/
	#sidebar {height:60px;}
	#sidebar > div li a {height:60px; line-height:60px; font-size: 16px; padding-right:20px;}
	#sidebar > div {overflow: hidden;display: block;}

  /*서브-인사말*/
  .con_wrap { padding: 80px 2% 110px;}

	.greetings h3{margin-bottom:50px;font-size:32px;line-height:52px;}
	.greetings p {font-size:18px;line-height:32px;}
	.greetings p.people {padding-top:60px;}

  /*서브-컬러차트*/
	.colorchart h2 {font-size: 44px;padding-bottom: 13px;margin-bottom: 45px;}
	.colorchart h2 span{padding-bottom: 15px;}

	/* 모바일메뉴 */
	#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: 18px;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:950px){
/*갤러리게시판*/
	.sct_10 .sct_li{width:50% !important;}
}



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

/*메인*/
#main_con06 > div {height:auto;}
.etc-li {flex-wrap:wrap;}
.etc-li > li {width:50%; border-bottom:1px solid rgba(255, 255, 255, .4);}
.etc-li > li:last-child {width:100%;}
.etc-li > li div {padding:25px 0;}

#main_con07:before {font-size:72px; line-height:1.2; left:10px; top:10px; letter-spacing:2px;}
.port_list li {width:calc(94% / 2);}
.port_list li:nth-child(n+5) {display:none;}
.port_list li a p {margin-top:15px; font-size:18px;}

}



@media all and (max-width:800px){
	/*메인*/
	#main_con02 .btn-wrap {margin-bottom:50px;}
	#main_con02 .bg-color {width:80%;}
	#main_con02 .img_box > div {flex: 0 0 100% !important; max-width: 100% !important;}
	#main_con02 .img_box .img_wrap {width:60vw; margin-left: -24px; margin-right: -24px;}

	/*서브비주얼*/
	.sVisual {height:220px;}
	.sVisual > div p {padding-top:150px;}

	/*서브-인사말*/
	.greetings .gree .image{width:100%;float:none;}
	.greetings .gree .text{width:100%;float:none;}
	.greetings h3.tit {margin-bottom:35px;}
	.greetings .gree .text {padding-top:30px;}
	.greetings p.people {padding-top:35px;}

	.colorchart .chart_img{display:none;}
	.colorchart .chart_img_m{display:block;}


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

	/*퀵메뉴*/
	.click_btn { bottom:60px; }
	.click_btn li a{width: 60px;height: 60px;}

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


}



@media all and (max-width:700px){
	/*메인*/
	#hd_wrapper {position:fixed; background:#fff; border-bottom:1px solid #eee;}

	.down .btnMenu{margin:20px 0 !important;}

	.mVisual, .mVisual li {height:580px;}

	#main_container section {padding: 80px 0;}
	
	#main_con05 .txt {margin-bottom:40px;}
	#main_con05 .btn-wrap {position:inherit; top:inherit; right:inherit; left:0; margin-top:20px;}


	/*서브비주얼*/

	/*서브-인사말*/
	 .greetings  h3 br.none{display:none;}
	 .greetings h3.tit {font-size: 26px;line-height: 40px;}

	/*서브-컬러차트*/
	.colorchart h2 {font-size: 32px;margin-bottom: 40px;}

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


@media all and (max-width:650px){
/*게시판 견적신청*/
	.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){
	/* 메인 */
	.etc-li > li {width:100%;}
	.etc-li > li div h3 {font-size:22px; margin-bottom:10px;}

	#main_con08 h2 {font-size:38px; letter-spacing:1.5px;}
	#main_con08 p {font-size:16px;}

	.works_text p {padding-bottom:20px; font-size:20px;}

	/*게시판 공지사항*/
	#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 .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;}



	/*서브비주얼*/



/*서브-오시는 길*/
	.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){
	/*메인*/
}



@media all and (max-width:500px){
 /*서브비주얼*/

  /*서브-컬러차트*/
	.colorchart h2 {font-size: 30px;margin-bottom: 15px;border-bottom:0;word-break:keep-all;}
	.colorchart h2 span{display: block;word-break:keep-all;padding-bottom:20px;}

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

#ft .ft_logo{display: block;width:100%; margin-bottom:20px;}
#ft .ft_tex {font-size:14px; font-weight:400;}
.ft_text ul li:before {display:none;}
#ft .ft_text{}
#ft .privacy {margin-bottom:0;}
#ft .privacy li a {font-size:14px;}
}



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

#main_con01:before {font-size:52px;}
#main_con01 .img_box div:first-child {width:auto; margin-bottom:20px;}

#main_con02 .bg-color {width:90%;}
#main_con02 .img_box > div {padding:10px;}
#main_con02 .img_box .img_wrap {width:80vw;}

#main_con07:before {font-size:42px;}
.port_list li {width:100%;}
.port_list li a .image_container img {width:100%; height:auto;}

.address p {font-size:18px;}
.address ul li{padding: 12px 0;}
.address ul{margin-top: 12px;}
}



@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){
/*메인*/
#gnb .call {display:none;}

#main_container section {padding: 70px 0;}

.main_txt_in h2{font-size:36px;}
.main_txt_in p {font-size:16px;}

.btn_plus {width: 40px;height: 40px;}
.btn_plus div {width: 40px;height: 40px;}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: -45px;}


#ft .privacy li a {font-size: 16px;}
#ft .ft_tex{font-size: 16px;line-height:24px;}
#ft .ft_tex p{font-size: 14px;line-height: 20px;}
#ft .privacy li{padding:0 8px;}

/*모바일메뉴*/
.m_tnb{text-align: left;}
#total_m_lay{padding: 0 5.5%;}
.btnMenuClose{background:none;top:12px;right:15px;}
.btnMenuClose:before, .btnMenuClose:after{background-color:#000;}

 /*서브-인사말*/
  .greetings h3.tit {font-size: 24px;line-height: 38px;}
  .greetings p {font-size:16px;line-height:28px;}

/*서브-오시는 길*/
.address h2{font-size:28px;padding:20px 0;margin-bottom:35px;}
.address h2 span {padding:15px 0;}
.address p {font-size:16px;}
.address p img{width:20px;}
.address b {padding-left:10px;}

/*로그인페이지*/
.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:370px){
	.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;}

}



@media all and (max-width:356px){
 /*갤러리게시판*/
	.sct_10 .sct_img > a{height:210px;}

}


 /* 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){
	.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%;}
}