@media all and (max-width:1700px){ 
	.store-container ul.list li { width:20%; }
}

@media all and (max-width:1400px){ 
	.artwork_list ul.list li { float:left; width:25%; }
	.story_list ul.list li { width:25% !important; }

	.mentor-container .list li { width:14.2% !important; }
}

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

@media all and (max-width:1100px){ 
	.artworks_detail .conts { display:block; }
	.artworks_detail .conts .img { display:block; padding-right:0px; }
	.artworks_detail .conts .info { display:block; width:auto; padding-top:30px; min-height: 0;  }
	.artworks_detail .conts .info .desc { height:auto; }
	.artworks_detail .conts .info .tit {max-width: none;}
	.artworks_detail .conts .result_cmt { position: relative; margin-top:30px; }
	.artworks_detail .conts .result_cmt .txt { margin-bottom:20px; }

	.mentor-container .list li { width:16.6% !important; }

	.store-container ul.list li { width:25%;  }

	.store-container .view .product .info .btns a { width:45%; }

}

@media all and (max-width:900px){ 
	#header .menu_left { display:none; }
	#header .menu_right { display:none; }
	#header .menu_mobile { display:block; }

	.mypage-container .profile .logout { display:none; }

	.artwork_list ul.list li { width:33.3% !important; }
	.story_list ul.list li { width:33.3% !important; }

	.about-container .txt1 { font-size:30px; }
	.about-container .txt2 { font-size:26px; }
	.about-container .section1 .desc { font-size:16px; }
	.about-container .section2 .desc { font-size:16px; }

	.about-container .section3 .inner .desc { font-size:16px; }
	.about-container .section4 .inner .desc { font-size:16px; }
	.about-container .section5 .inner .desc { font-size:16px; }
	.about-container .section6 .inner .desc { font-size:16px; }
	.mentor-container .list li { width:20% !important; }

	.board-container .artist_list li { width:33.3%; }
	.board-container .txt1 { font-size:26px; }
	.board-container .subtab_menu li { margin:0 20px; }

	.store-container .subtab_menu .opt { float:none; clear:both; padding-top:20px; }
	.store-container .subtab_menu .opt .selectbox { width:100%; }

	.store-container .view .product .img { position: relative; margin-bottom:20px; max-width:100%; }
	.store-container .view .product .info { margin-left:0px; }
	.store-container .view .product .info .desc { min-height: 0; padding-bottom:20px; }


}

@media all and (max-width:768px){ 
	#main-container .banner li { height:0px; padding-bottom:18%; }

	#main-container .book_banner .tit { font-size:30px; }
	#main-container .book_banner .info { font-size:18px; }
	#main-container .book_banner .img { right:-100px; }
	#main-container .book_banner .img img { width:300px; }
	#main-container .book_banner .btns { padding:50px 0 60px; }

	#main-container .drawing_banner .img img { width:130px; }
	#main-container .drawing_banner .tit { font-size:30px; }
	#main-container .drawing_banner .info .desc { font-size:18px; margin-left:150px; }
	#main-container .drawing_banner .btns { padding:50px 0 60px; }

	#main-container .drawing_banner .btns a { padding:0px; margin:0px; width:45%; text-align: center; }

	#footer .term { float:none; clear:both; }
	#footer .term li { margin-bottom:7px; }
	#footer .sns { float:none; clear:both; padding-top:25px; }


	.mypage-container .profile { margin-right:0px; }
	.mypage-container .profile .setting { right:30px; }
	.mypage-container .chart { position: relative; width:auto; right:0; top:0; margin-top:40px; }

	.store-container ul.list li { width:33.3%;  }

	.store-container .cart .total { text-align: left; font-size:16px; }
	.store-container .cart .total .trans { position:relative; margin-bottom:10px; }

	.search-container .subtab_menu ul { overflow:auto; }
	.search-container .subtab_menu li { float:left; margin:0px; width:33.3%; text-align: center; }
	.search-container .subtab_menu li a { width:90%; min-width: 0 !important; }

	.pop-notice .box { margin-right:20px; }
	.pop-notice .box .more { display:none; }
	.pop-notice .box .tit { font-size:16px; }
}

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

	.btn.bic { font-size:16px; height:38px; line-height: 38px; }

	.selectbox input[name=select_text] { font-size:14px; height:33px; line-height: 33px; }


	#header .inner { padding:0 20px; }
	#header .logo { margin-right:0px; }

	#footer .term li.lang { width:100%; }

	.page-title .inner { padding:10px 20px; }
	.page-title .tit { font-size:16px; margin-bottom:7px; display:none; }
	.page-title .opt { float:none; }
	.page-title .opt .selectbox { width:auto; display:block; margin-left:110px; }
	.page-title .opt .slideshow { float:left; }
	.page-title .opt .like { margin-right:5px; float:left }
	.page-title .opt .like img { width:35px; }

	.page-title .storemenu a { margin-left:15px; }
	

	.artwork_list ul.list li { width:50% !important; }
	.story_list ul.list li { width:50% !important; }
	.story_view .inner { padding: 0 10px; padding-top:180px !important; }

	#main-container .book_banner { padding:0 20px; }
	#main-container .book_banner .img { display:none; }
	#main-container .book_banner .tit { font-size:24px; }
	#main-container .book_banner .info { font-size:16px; }
	#main-container .drawing_banner { padding:0 20px; }
	#main-container .drawing_banner .btns a { width:300px; margin-bottom:10px; }

	#main-container .drawing_banner .tit { font-size:24px; }
	#main-container .drawing_banner .img { position: relative; margin-bottom:10px; display:none; }
	#main-container .drawing_banner .info .desc { font-size:16px; margin-left:0px; }

	.artwork_list .title { padding-left:5px; }
	.title .more { right:5px; }
	.artwork_list .inner { padding:0 10px; }
	.artwork_list ul.list li .box { margin:5px; }
	.artworks_detail .conts .result ul { padding:0px 0px; }

	.story_list .inner { padding:0 10px; }
	.story_list ul.list li .box { margin:5px; }
	.story_list ul.list li .tit { font-size:18px; padding:13px 15px; }

	.artworks_detail { padding:30px 20px; }
	.mentor-container { padding:30px 0px; }

	.searchContainer .frm a { right:20px; }
	.searchContainer .inner { padding:0 20px; }

	.term-container { padding:80px 20px; }
	.page-menu2 .inner { padding: 5px 20px 0; }
	.page-menu2 ul { white-space:nowrap; padding-top:10px; }
	.page-menu2 li { margin:0px 10px 0; vertical-align: bottom }
	.page-menu2 li a { font-size:16px; border-bottom:solid 4px #fff;height:28px; }
	.page-menu2 li.selected a { border-bottom:solid 4px #D34E46; }

	.contact-container { padding:50px 20px 0; }

	.contact-container .contact { font-size:14px; }
	.contact-container .contact .company { font-size:16px; }
	.contact-container .form ul li b { font-size:16px; position: relative; margin-bottom:8px; }
	.contact-container .form ul li span { margin-left:0px; }
	.contact-container .form ul li span .noti { font-size:13px; }

	.contact-container .agree b { font-size:16px; }
	.contact-container .agree .desc { font-size:14px; }
	.contact-container .agree { font-size:14px; }

	.file-container input[type=text] { width:80% !important; }


	.about-container .txt1 { font-size:23px; }
	.about-container .txt2 { font-size:20px; }
	.about-container .section1 .desc { font-size:14px; }
	.about-container .section2 .desc { font-size:14px; }

	.about-container .section3 .inner .desc { font-size:14px; }
	.about-container .section4 .inner .desc { font-size:14px; }
	.about-container .section5 .inner .desc { font-size:14px; }
	.about-container .section6 .inner .desc { font-size:14px; }

	.about-container .section1 .inner > img {  width:160px; }
	.about-container .section2 .dig1 li img { width:90%; }
	.about-container .btns a { width:90%; margin:0px; margin-bottom:10px; }
	.about-container .section1 .desc { padding-top:20px; }

	.about-container .section3 .inner > img { width:80px; }
	.about-container .section3 .inner .desc { margin-left:95px; }
	.about-container .section3 .box { background:#fff !important; padding:20px; }

	.about-container .section4 .inner > img { width:80px; }
	.about-container .section4 .inner .desc { margin-right:95px; padding-top:0px; }
	.about-container .section4 .box { background:#fff !important; padding:20px; }

	.about-container .section5 .inner > img { width:80px; }
	.about-container .section5 .inner .desc { margin-left:95px; }
	.about-container .section5 .box { background:#fff !important; padding:20px; }

	.about-container .section6 .inner > img { width:80px; }
	.about-container .section6 .inner .desc { margin-right:95px; padding-top:0px; }
	.about-container .section6 .box { background:#fff !important; padding:20px; }

	.mentor-container .inner { padding:0 10px; }
	.mentor-container .list li { width:25% !important; }
	.mentor-container .list li .box { margin:10px; }
	.board-container .news_list { padding:0 20px; }
	.board-container .news_list tr.que td .dtm { display:block; }
	.board-container .news_list tr td:first-child { display:none; }
	.board-container .news_list tr th:first-child { display:none; }
	.board-container .news_list tr.que td:last-child { background-size: 22px auto; }
	.board-container .news_list tr.que.selected td:last-child { background-size: 22px auto; }


	.board-container .artist_head .tit { width:80%; text-align: center; }
	.board-container .artist_list li { width:50%; }
	.board-container .artist_list li .box { margin:5px; }
	.board-container .txt1 { font-size:18px; }
	.board-container .subtab_menu ul { overflow:auto; }
	.board-container .subtab_menu li { float:left; margin:0px; width:33.3%; }
	.board-container .subtab_menu li a.btn { min-width: 0; width:90%; font-size:14px; }

	.board-container .artist_head .tit { font-size: 20px; }

	.mypage-container .head .inner { padding:0 20px; }
	.mypage-container .profile .setting {  border: none; background: none; display: block; text-align: center; }
	.mypage-container .chart { background: #fff; padding:20px; margin-top:20px; }
	.mypage-container .chart li .bar { background:#f5f5f5; }
	.mypage-container .profile .desc { background:#fff; padding:20px; font-size:14px; }

	.mypage-container .profile .name { text-align: center; margin-bottom:30px; }
	.mypage-container .profile .name img { width:90px;  }
	.mypage-container .profile .name span { display:block;text-align: center; }
	.mypage-container .profile .name span.nick { padding-left:0px; }
	.mypage-container .profile .name span.nick img { width:28; position: absolute; margin-top:3px;}
	.mypage-container .profile .name span.country.line{ display:none; }

	.mypage-container .page-menu { position:relative; }
	.mypage-container .page-menu .opt { position: absolute; top: 57px; left:0px; width:100%; }
	.mypage-container .page-menu .opt .slideshow { float:left; margin-left:10px; }
	.mypage-container .page-menu .opt .like { float:right; margin-right:10px; }

	.page-menu .inner { padding:15px 20px 0; }
	.page-menu ul { text-align: center; }
	.page-menu li { margin:0 15px; float:none; display:inline-block; }
	.page-menu li a { font-size:16px; }
	.page-menu .opt .logout { display:none; }

	.page-step .inner { padding:17px 10px 0; }
	.page-step li { font-size:16px; padding-right:25px; margin-right:10px; }

	.join-container .form ul li b { position: relative; margin-bottom:10px; font-size:16px; }
	.join-container .form ul li span { margin-left:0px; }

	.join-container .email_check { text-align: center; }
	.join-container .email_check > img { position: relative; margin-bottom:30px; }
	.join-container .email_check .email_tit { margin-left:0px;text-align: center; font-size:24px; }

	.join-container .email_check .desc { text-align: center; }

	.idsearch-container .pwd ul li b { position: relative; margin-bottom:10px; font-size:16px; }
	.idsearch-container .pwd ul li span { margin-left:0px; }

	.profile-container .form ul li b { position: relative; margin-bottom:10px; font-size:16px; }
	.profile-container .form ul li span { margin-left:0px; }
	.profile-container .photo .email { margin-left:100px; }

	.store-container .subtab_menu ul { float:none; }
	.store-container .subtab_menu ul li { width:33.3%; margin:0px; text-align:center; }
	.store-container .subtab_menu ul li a { width:90%; min-width: 0 }

	.store-container ul.list li { width:50%;  }
	.store-container ul.list li .box { margin:10px 5px; }

	.store-container .view .product .info .tit { font-size:17px; }
	.store-container .view .product .info .desc { font-size:14px; }
	.store-container .view .product .info .price span { font-size:20px; }
	.store-container .view .product .info .btns { margin-top:20px; }

	.store-container .view .product .info .btns a { width:100%; }

	.custom_menu li a { font-size: 15px; font-weight: 300; letter-spacing: -1px; }
	.contact_menu a { width:40%; margin:0 5px; font-size:14px !important; min-width:0; }

	.contact_form ul li b { position: relative; margin-bottom:10px; font-size:16px; }
	.contact_form ul li span { margin-left:0px; line-height: 30px; }

	.contact_agree .desc { font-size:14px; }

	.store-container .cart table td .info { min-height:50px; }
	.store-container .cart table td .info .name { padding-top:0px; font-size:16px; }
	.store-container .cart table td .info .desc { margin-left:60px; font-size:13px;}
	.store-container .cart table td .info .desc .opt { white-space: nowrap; }
	.store-container .cart table td .info img { width:50px; height:50px; margin-top:5px; }
	.store-container .cart table td {font-size:13px;}
	.store-container .cart table td input { width:30px !important }
	.store-container .cart table td .btn { min-width:0; padding:0 15px; font-size:12px; }

	.store-container .orderlog table td .info { min-height:50px; }
	.store-container .orderlog table td .info .name { padding-top:0px; font-size:16px;}
	.store-container .orderlog table td .info .desc { margin-left:60px; font-size:13px; }
	.store-container .orderlog table td .info .desc .opt { white-space: nowrap; }
	.store-container .orderlog table td .info img { width:50px; height:50px; margin-top:5px; }
	.store-container .orderlog table td {font-size:13px;}
	.store-container .orderlog table td input { width:30px !important }
	.store-container .orderlog table td .btn { min-width:0; padding:0 15px; font-size:12px; }

	.store-container .order .subtit .tip { float:none; clear:both; padding-top:20px; }

	.store-container .order table.form th { width:70px; font-size:14px; }
	.store-container .order .settle .type_opt table th { width:70px; font-size:14px; }
	.store-container .order .btns a { min-width: 0; width:100%; }

	.store-container .make .desc { font-size:14px; }
	.store-container .make .desc .preview { position: relative; margin-top:20px; bottom:0; right:0; }
	.store-container .make table td { font-size:14px; }
	.store-container .make .btns a { min-width: 0; width:100%; }


	.preview-container .txt { padding-top:15%; font-size:14px; }
	.preview-container .preview_badge .slider li .box { width:300px; height:300px; }

	.preview-container .preview_letter .slider li .box .left { width:100%; padding-bottom:65%; }
	.preview-container .preview_letter .slider li .box .right { width:100%; padding-bottom:65%; }

	.preview-container .preview_book .slider li .box .left { width:100%; padding-bottom:65%; }
	.preview-container .preview_book .slider li .box .cover { left:9%; }
	.preview-container .preview_book .slider li .box .right { width:100%; padding-bottom:65%; margin-top:60px; }
	.preview-container .preview_book .slider li .box .author_text { font-size:11px; }

	.search-container .subtab_menu { padding:35px 10px; }
	.search-container .subtab_menu ul { overflow:auto; }
	.search-container .subtab_menu li { float:left; margin:0px; width:33.3%; text-align: center; }
	.search-container .subtab_menu li a { width:90%; min-width: 0 !important; font-size: 14px; }

	.story_view .book_title { font-size:18px; padding:20px 0 }
	.story_view .story_box { padding:0px 0px 30px 0px; }
	.story_view .story_box .page { font-size:16px; }

	.page_top { right:10px; }
	.page_top img { width:45px; }

	.artworks_edit .conts .secu { text-align: center; }
	.artworks_edit .conts .secu a { min-width: 0; margin-left:0px; width:45%; }

	.story_view .bookmark li { margin:5px; }
	.story_view .bookmark li a { width:60px; height:72px; line-height:72px; }
	.story_view .bookmark .inset > a.left { bottom:60px; }
	.story_view .bookmark .inset > a.right { bottom:60px; }
	.story_view .story_box .conts .text { font-size:14px; padding:20px; }

}

@media all and (max-width: 480px) {
	.artworks_detail .head .profile { font-size:18px; }
	.artworks_detail .head .profile img { width:30px; }
	.artworks_detail .head .opt { top:5px; }

	.artworks_detail .conts .info { padding-top:20px; }
	.artworks_detail .conts .result > ul { padding:5px 0; }
	.artworks_detail .conts .result > ul li { font-size:14px; }
	.artworks_detail .conts .result > ul li img { width:28px; height:28px; }
	.artworks_detail .conts .result > ul li span { height:28px; line-height: 28px; margin-left:30px; }

	.artworks_detail .conts .info .tit { font-size:20px; }
	.artworks_detail .conts .info .dtm { font-size:13px; }
	.artworks_detail .conts .info .desc { font-size:15px; }
	.artworks_detail .nextArtworks a { font-size:16px; }

	.artworks_detail .conts .result .msg a { margin-top:0px; display:none; }
	.artworks_detail .conts .result .msg a img { width:18px; }

	.artworks_detail .conts .result_cmt .txt { font-size:15px; }
	.artworks_detail .conts .result_cmt li img { width:40px; height:40px; }

	.artwork_list ul.list li .box .noti img { width:26px; }

	.comment-container .profile .img img { width:30px; margin-top:5px; }
	.comment-container .profile .name { line-height: 25px; margin-left:40px; }
	.comment-container .profile .name span { font-size:12px; }
	.comment-container .profile .name { font-size:15px; }
	.comment-container .dtm { font-size:12px; text-align: left; }

	.comment-container li .edit { margin-top:5px;}
	.comment-container li .edit img { width:20px; }

	.comment-container .comment { margin-left:0px; padding-top:12px;}

	.artworks_detail .cmt_info .btns { text-align: center; }
	.artworks_detail .cmt_info .btns a { margin:0px; width:43%; }

	.comment-container form { margin-left:0px; margin-top:12px; }
	.comment-container form .btns a { width:100%; margin:0px; margin-bottom:5px; }

	.mentor-container .list li { width:33.3% !important; }
	.mentor-container .list li .box { margin:5px; }

	.login-container .sns li { /*margin:0px; width:20%;*/ text-align:center; }
	/*.login-container .sns li img { width:40px; }*/

	.join-container .tit .agree { position: relative; top:0; right:0; margin-top:10px; }
	.preview-container .preview_badge .slider li .box { width:200px; height:200px; }

	.preview-container .thumb { padding-bottom:0px; }
	.preview-container .thumb li { width:90px; }
	.preview-container .thumb li .box { width:70px; }
	.preview-container .thumb li .box img { width:70px; height:45px; }


	.preview-container .preview_book .slider li .box .page_title { margin-top:-25px; }
	.preview-container .preview_book .slider li .box .txt1 { font-size:9px; }
	.preview-container .preview_book .slider li .box .right { margin-top:40px; }

	.store-container .cart .btns a { min-width: 0; width:100%; }
}