



@media ( max-width : 1400px ) {
	/* about us */
	.aboutList li > div { margin:0 5%; }
/*	.aboutList .kor { height:280px; }*/

	/* contact */
	.contactWrap > div { padding:30px 40px 30px 10px; }
	.contactWrap .inquiry { padding:100px 130px 30px 40px; }
}

@media ( max-width : 1200px ) {

	.socksList li:hover .tableDiv { transform:scale3d(1.2,1.2,1.2) }
/*	.gnbWrap { height:120px; }*/
/*	.gnbWrap .kiInner2 { height:100%; }*/
/*	.gnbWrap ul { position:absolute; right:50px; margin-top:0; }*/
	#container { margin-top:55px; }

	#aboutUs h1 { font-size:28px; line-height:40px; }
	#aboutUs h1 span { font-size:42px; }

	/* kikiya */
	.modalSlideWrap .modal-film { overflow-y:auto; overflow-x:hidden; }
	.modal-film > li > p, .modal-film > li > div { width:100%; } 
	.modal-film > li > div { height:auto; padding:50px 40px; }
	.modal-film > li > div .materialList p { width:25%; float:left; }

	/* about us */
/*	.scDiv .ment { font-size:20px; line-height:35px; }*/
/*	.aboutList .kor, .aboutList .eng { font-size:17px; line-height:28px; }*/
	.aboutList .tit { font-size:21px; }

	.aboutSocks { padding:50px 70px; }
	.aboutSocks ul li { width:50%; }
	.aboutSocks ul li:nth-child(1), .aboutSocks ul li:nth-child(2) { height:420px; }

	/* contact */
	.contactWrap > div { width:100%; padding:30px 10px 30px 10px; }
	.contactWrap .info { text-align:center; }
	.contactWrap .inquiry { width:100%; border:none; padding:30px 10px 30px 10px; }
	.contactWrap .info h2:after { right:auto; left:50%; margin-left:-25px; }

	/* board */
	.tbBase table th { font-size:17px; }
	.tbBase table td { font-size:15px; }

	.tbBase.write > ul > li span { font-size:14px; }

	/* license */
	.modalSlideWrap .modalSlideCon3 { width:60%; height:70%; }
}

@media ( max-width : 1100px ) {
	.tbBase.write > ul > li .formWrap { width:100%; }
	.tbBase.write > ul > li .formWrap.bd { padding-bottom:15px; border-bottom:1px solid #c9c9c9; }
	.tbBase.write > ul > li .formWrap.bd2 { margin-top:15px; }
	.tbBase.write > ul > li .tit { width:20%; }
	.tbBase.write > ul > li .nomCon, .tbBase.write > ul > li .bigCon { width:80%; }

	.tbBase.write > ul > li .formWrap.big .tit { width:20%; }
	.tbBase.write > ul > li .formWrap.big .nomCon, .tbBase.write > ul > li .formWrap.big .bigCon { width:80%; }
}

@media ( max-width : 1024px ) {

	.gnbWrap { height:70px; }
	.gnbWrap h1 { width:100%; text-align:center; margin:20px 0 0 0; }
	.gnbWrap h1 img { transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1); width:180px; }
	.topNav ul li a { font-size:14px; }
	.gnbWrap .kiNav { display:none; }
	.gnbWrap .mbMenu  { display:block; }
	.gnbWrap .mbMenu { top:19px; left:20px }
	.gnbWrap .mbMenu img { width:26px; }
	
	.mobileNav .mbMenu { top:30px; left:30px; }
	.mobileNav .mbMenu img { width:35px; }
	.mainNav { margin-top:80px; }
	.mainNav li { margin-bottom:20px; }
	/*.mainNav li a { font-size:26px; line-height:30px; }*/

	.mobileNav { top:-70px; }
	#container { margin-top:70px; }

	/* license */
	.modalSlideWrap .modalSlideCon3 { width:70%; }
}

@media ( max-width : 960px ) {

	/* visual */
	.visualCtr { margin-top:-29px; }
	.visualCtr.visualPrev { left:20px; }
	.visualCtr.visualNext { right:20px; }
	.visualCtr img { width:30px; }

	.bulletWrap { display:none; }

	/* about us */
	.aboutList li { width:50%; }
	.aboutList li:last-child { width:100%; margin-top:30px; }
	.aboutList li div { margin:0 1%; }
	.aboutList li:last-child div { margin:0 3%; }
/*	.aboutList .kor { height:230px; }*/
/*	.aboutList li:last-child .kor { height:100px; }*/

	/* kikiya socks */

	.modal-wrap .modalSlideCon > a img { width:50px; }
	.modal-wrap .modalSlideCon > a.modal-next, .modal-wrap .modalSlideCon > a.modal-prev { margin-top:-25px; }
/*	.modal-wrap .modalSlideCon > a.modal-close { right:-40px; }*/
	.modal-wrap .modalSlideCon > a.modal-close img { width:40px; }
	
	.modal-film > li > div .materialList p { width:33.33%; }

	/* board */
	/*.tbBase.list table colgroup, .tbBase.list table th:nth-child(4), .tbBase.list table td:nth-child(4) { display:none; }*/
	.tbBase.list table colgroup, .tbBase.list table th:nth-child(1), .tbBase.list table td:nth-child(1), .tbBase.list table th:nth-child(3), .tbBase.list table td:nth-child(3) { width:15%; }

	/* license */
/*	.licenseList li { width:33.33%; }*/



}

@media ( max-width : 860px ) {
	/* about us */
	.aboutSocks { padding:50px 0; } 

	

	.homeNav { margin:30px 0 50px; padding-top:30px; }
	.homeNav li { padding-bottom:10px; }
}

@media ( max-width : 720px ) {
	/* board */
	.moreBtn.ctrBtn { margin-top:20px; }
	.moreBtn.ctrBtn a { /*width:100%;*/ box-sizing:border-box; margin:0; margin-bottom:20px; }
	.moreBtn.ctrBtn a, .moreBtn.ctrBtn button { padding-left:20px ! important ; padding-right:20px ! important }
	.moreBtn.ctrBtn a { height:46px; vertical-align:1px }

	/* password check */
	.passForm .moreBtn a { margin-bottom:10px !important; }
	.boardPassWrap .passForm input { width:100%; }

	/* kikiya */
	.modal-film > li > div .materialList p { width:50%; }

}

@media ( max-width : 680px ) {
	.modalSlideWrap .modalSlideCon, .modalSlideWrap { width:100%; height:100% !important; display:block !important; }
	.modal-film > li > div { padding:50px 40px 100px; position:relative; }
	.modal-film > li > p { height:auto; }
	.mbMdCloseBtn { display:block; position:absolute; bottom:0; left:0; width:100%; background-color:#c9c9c9; }
	.mbMdCloseBtn a { display:block; height:35px; line-height:35px; text-align:center; font-weight:bold; }
	.mobileView { display:block }
	.pcView { display:none }
	.tbBase colgroup, .tbBase thead { display:none }
	.tbBase.list table th:nth-child(1), .tbBase.list table td:nth-child(1), .tbBase.list table th:nth-child(3), .tbBase.list table td:nth-child(3), .tbBase.list table th:nth-child(4), .tbBase.list table td:nth-child(4) { display:none; }
	.writeBtn { text-align:center }
}

@media ( max-width : 640px ) {

	.socksList li { width:50%; }
	.socksList li:hover .tableDiv { transform:scale3d(1,1,1) }
	#socks, #licens, #company, #contact { padding-top:40px }
	.moreBtn a { width:auto; text-align:center; padding:10px 80px; font-size:16px; }

	/*.scDiv { padding-top:100px; }*/
	.scDiv h1 { font-size:30px; line-height:40px }
	.kiInner, .kiInner2 { padding:0 20px; }

	.topNav ul li { padding:0 7px; }
	.topNav ul li a { padding:10px 0; }


	/* visual */
	.visualCtr { margin-top:-19px; }
	.visualCtr.visualPrev { left:20px; }
	.visualCtr.visualNext { right:20px; }
	.visualCtr img { width:20px; }

	/* about us */
	.aboutList li { width:100%; }
	.aboutList li:first-child { margin-bottom:30px; }
	.aboutList li div { margin:0 3%; }
	.aboutList .kor, .aboutList li:last-child .kor { height:auto; margin-bottom:20px; }

	.aboutSocks ul li { width:100%; margin-bottom:40px; } 
	.aboutSocks ul li:nth-child(1), .aboutSocks ul li:nth-child(2) { height:auto; }
	.aboutSocks ul li:last-child { margin-bottom:0; }
	
	/* contact */
	.contactWrap .inquiry ul li p { width:100%; margin-right:0 !important; }
	.contactWrap .inquiry ul li p:first-child { margin-bottom:20px; }

	/* kiki socks */
/*	.modal-wrap .modalSlideCon > a.modal-close { left:-30px; }*/
	.modal-wrap .modalSlideCon > a.modal-close img { width:25px; }

	/* license */
	.modalSlideWrap .modalSlideCon3 { width:85%; }
	.stableDgResponse ul:first-child { width:100% }
	.stableDgResponse ul:nth-child(2) { width:26% }
	.stableDgResponse ul:nth-child(3) { float:right; max-width:71% }

	.stableDgResponseAddedSpan4 li { width:50% }
}

@media ( max-width : 560px ) {
	/* footer */
	#footer h1 a img { width:100%; }

	/* board */ 
	.tbBase.list table colgroup, .tbBase.list table th:nth-child(3), .tbBase.list table td:nth-child(3) { width:20% }

	.tbBase.write > ul > li .tit { width:100%; padding:0 15px 5px 15px !important; }
	.tbBase.write > ul > li .nomCon, .tbBase.write > ul > li .bigCon { width:100%; }
	.tbBase.write > ul > li input[type="file"] { width:100%; }

	.tbBase.write > ul > li .formWrap.big .bigCon, .tbBase.write > ul > li .formWrap.big .tit { width:100%; }

	/* kikiya */
	.modal-film > li > div .materialList p { width:100%; }
}

@media ( max-width : 480px ) {

}

@media ( max-width : 460px ) {
	/* footer */
	#footer { padding:120px 0 50px; }
	.topBtn { width:100%; top:0; bottom:auto; }
	.topBtn a { width:100%; box-sizing:border-box; padding:10px; }

	#footer ul li { padding:0 5px; }

	#container { margin-top:70px; }

	/* board */ 
	.tbBase.list table td a { width:100%; }

	.tbBase.view table { table-layout:auto; }
	.tbBase.view table colgroup { display:none; }
	.tbBase.view table td { display:block; }
	.tbBase.view table td:nth-child(2) { width:100%; display:block; }

	.email li:nth-child(1), .email li:nth-child(3) { width:46%; }
	.email li:nth-child(2) { width:8%; }
	.email li:nth-child(4) { width:100%; padding-left:0; margin-top:10px; }

	.phone li:nth-child(1), .phone li:nth-child(3), .phone li:nth-child(5) { width:100%; }
	.phone li:nth-child(3) { margin:10px 0; }
	.phone li:nth-child(2), .phone li:nth-child(4) { display:none; }

	.tbBase.write > ul > li .pass input { width:100%; }

	/* license */
/*	.licenseList li { width:100%; }*/
}

@media ( max-width : 420px ) {

	/*.homeNav li a { font-size:18px; padding:10px 20px; }*/

	/* about us */
	.aboutSocks .ico span { width:155px; height:155px; }


	/* contact */
	.contactWrap .info ul li span { display:block; margin-top:10px; text-align:center; }

}

