@charset "utf-8";


/* Layout */
.body				{ min-height:100vh; padding-top:5%;  padding-bottom: 5%}
.sub_right			{ position:relative; width:90%; max-width:1400px; margin:0 0 0 7%; }

/* Title area */
.body .subTitle		{ display:none;}
.title_area			{ margin-bottom:6%; padding-bottom:15px; overflow:hidden; border-bottom:1px solid #f1f2f3;}
.title_area h2		{ float:left; margin:0; font-size:36px; font-weight:800; color:#212121; font-family:'NotoSansSC';}
.title_area .lnb	{ position:absolute; right:0; margin-top:25px;}
.title_area .lnb>ul { display:inline-block; vertical-align:5px;}
.title_area .lnb>ul>li { display:inline-block; font-weight:300; font-size:14px; font-family:'NotoSansSC';}
.title_area .lnb>ul>li:before { content:''; display:inline-block; width:5px; height:15px; margin:0 7px; background:url('/img/sub/icon_arrowright.svg') no-repeat center; background-size:100%; vertical-align:middle;}
.title_area .lnb>ul>li:first-child:before { display:none;}
.title_area .lnb>ul>li:last-child { font-weight:600;}
.title_area .social		{ display:inline-block; border:0; background:0; cursor:pointer;}
.title_area .social img { width:25px;}

/*수상 및 인증현황*/
.board_area .photo_board { border:0;}
.T_gallery_img img			{ width:100%; height:auto;}
.board_area .magazine		{ width:23%;}
.board_area .magazine ul li.T_gallery_text  { height:40px;}
.board_area .gallery_wrapper { margin:2% 2.5% 0 0;}
.board_area .gallery_wrapper:nth-child(4n) { margin-right:0;}
.T_gallery_text ul li a		{ width:90%;}
.T_gallery_text .date		{ display:none;}


/* New Product */
.product_board .board_area .gallery_wrapper { width:32%; margin:2% 1.5% 0 0}
.product_board .board_area .gallery_wrapper:nth-child(3n) { margin-right:0;}
.product_board .board_area .gallery_wrapper:nth-child(4n) { margin:2% 1.5% 0 0}


/*board*/
.board_area form.search-select .btn_small01 { padding:6px 16px !important;}

/*sub_tab*/
.sub_tab	{ text-align:center;}
.sub_tab li { display:inline-block;}
.sub_tab li a { display:block; width:150px; margin:0 5px; font-size:1.1em; font-weight:300; color:#aaa; line-height:43px; border:1px solid #ccc; border-radius:25px;}
.sub_tab li a:hover,
.sub_tab li a.on { color:#1c5af6; font-weight:600; border:1px solid #1c5af6;}



/*해상도 1366px 이하*/
@media all and (max-width : 1366px) {
.body				{ border-bottom:1px solid #212121;}
.sub_right			{ width:100%; margin:0; }
.title_area			{ padding-bottom:35px;}
.title_area h2		{ width:92%; margin:0 auto; float:none;}
.title_area .lnb	{ position:static; width:92%; margin:0 auto; float:none;}

.board_area			{ width:94%; margin:0 auto;}

.board_area .board_top, 
.board_area .imgBoard { width:100%;}
.board_area .imgBoard .g_title { line-height:1.2; margin-top:10px;}
.board_area .imgBoard .g_title a { font-size:0.7em;}
.imgBoard ul li:last-child { display:none;}
.board_area .imgBoard .img a { height: auto !important; line-height:0;}
.imgBoard .img img	{ height: auto !important}

.board_area>p:nth-child(1) { display:none;}

}

/*해상도 900px 이하*/
@media all and (max-width : 900px) {
.body				{ padding-bottom:12%;}
.title_area h2		{ font-size:24px;}
.title_area .lnb li	{ font-size:12px;}

.sub_tab li a		{ width:120px; margin:0 2px; font-size:0.7em; line-height:35px;}

}


/*해상도 600px 이하*/
@media all and (max-width : 600px) {
.product_board .imgBoard ul { float:none; width:100%; margin:0;}
}