@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');

/*상단*/
.sub_top {width:100%;text-align:center;color:#fff;padding:175px 0 80px;text-shadow:2px 2px 5px #27272757;}
.sub_top h2 {font-size:34px;font-weight:normal;margin-bottom:10px;}
.sub_top .txt_01 {font-size:15px;letter-spacing:0.4em;font-family: 'Noto Sans KR', sans-serif;}

/*상단 회사소개*/
.sub_top_com {background:url('../images/sub/sub_top_bg_com.png')top center;background-size:cover;}

/*상단 제품소개*/
#prd_list .sub_top_prd {background:url('../images/sub/sub_top_bg_prd_list.png')top center;background-size:cover;}

/*상단 미국/유럽*/
#prd_us .sub_top_prd {background:url('../images/sub/sub_top_bg_prd_01.png')top center;background-size:cover;}
#prd_usa .sub_top_prd {background:url('../images/sub/sub_top_bg_prd_01.png')top center;background-size:cover;}
#prd_chn .sub_top_prd {background:url('../images/sub/sub_top_bg_prd_01.png')top center;background-size:cover;}

/*상단 일본*/
#prd_jpn .sub_top_prd {background:url('../images/sub/sub_top_bg_prd_jpn.png')top center;background-size:cover;}

/*상단 고객센터*/
.sub_top_center {background:url('../images/sub/sub_top_bg_center.png')top center;background-size:cover;}

/*서브 메뉴*/
.sub_menu_wrap {font-size:15px;}
.sub_menu_wrap:after {display:block;content:'';clear:both;border-bottom:1px solid #ddd;}
.sub_menu_wrap .sub_menu {float:left;box-sizing:border-box;padding:20px 20px;position:relative;cursor:pointer; border-right:1px solid #ddd; }
.sub_menu_wrap .sub_menu .active .toggle_icon {float:right;color:#000;font-size:12px;}
.sub_menu_wrap .sub_menu .active .up_icon {display:none;}
.sub_menu_wrap .sub_menu:last-child .active {color:#d59400;}
.sub_menu_wrap .menu_01 {border-left:1px solid #ddd;}
.sub_menu_wrap .sub_menu ul {position:absolute;background: #fff;top: 58px;border: 1px solid #ddd;width: 100%; left: 0;padding:10px 0;display:none;}
.sub_menu_wrap .sub_menu ul li a {display:block;padding:15px 20px;}
.sub_menu_wrap .sub_menu ul li a:hover {color:#525252;}
@media all and (max-width:599px){
	.sub_menu_wrap .sub_menu{width:50%;}
	.sub_menu_wrap .menu_03{width:100%;border-top:1px solid #ddd;}
	.sub_menu_wrap .menu_01,.menu_02{z-index:99;}
}
@media all and (min-width:600px){
	.sub_menu_wrap .menu_01 {margin-left:80px;}
	.sub_menu_wrap .sub_menu{width:200px;}
	.sub_menu_wrap .menu_03{width:450px;}
}


/*서브 타이틀*/
.tit_wrap .tit_01 {font-size:26px;font-weight:normal;}

/*CEO 인사말*/
#ceo .container {overflow:hidden;}
#ceo .container .img img{display:block; width:100%; max-width:569px; }
#ceo .container .txt {color:#323232;}
#ceo .container .txt .txt_01 {font-size:24px;margin:15px 0 5px;}
#ceo .container .txt .txt_02 {line-height:1.5;color:#666;}
#ceo .container .txt .txt_02 strong {color:#000;}
@media all and (min-width:1235px){
	#ceo .container .img {float:left;}
	#ceo .container .txt {float:right;}
}

/*연혁*/
#history table {width:100%;border-bottom:0;text-align:center;}
#history table th {color:#015bab;font-size:20px;}
#history table td {padding:35px 0 100px;}
#history table tr:last-child td {padding-bottom:0;}
#history table td .line {width:1px;height:100px;background:#ccc;margin:-80px auto -100px;}

/*오시는 길*/
#local{}
#local .container address {font-style:normal;margin:50px 0 10px 10px;font-size:18px;border-bottom:1px solid #ddd;padding-bottom:10px;}
#local .container .txt_01 {line-height:1.2;}
#local .container .txt_01 span {font-size:22px;}
#local .root_daum_roughmap{ width:100%;  }
@media (max-width: 767px){
	#local .root_daum_roughmap .wrap_map{ height:300px;  }
}
@media (min-width: 768px){
	#local .root_daum_roughmap .wrap_map{ height:555px;  }
}

/*제품소개*/
.container table{ width:100% !important;}
#prd_list .menu_02 {display:none;}
#prd_list .container {overflow:hidden;}
#prd_list .container a{ display:block; }
#prd_list .container .prd{width:100%;text-align:center;border:1px solid #ddd;position:relative;}
#prd_list .container .prd:after{ display:block; content:""; padding-top:55.93%;}
#prd_list .container .prd .cover {width:100%;height:100%;position:absolute;top:0;opacity:0;background:rgba(0,0,0,.2);}
#prd_list .container .prd .tit_01 {border:1px solid #323232;padding:13px 0;background:rgba(255,255,255,.3);border-radius:30px;font-weight:bold;display:inline-block; position: absolute; left:50%; top:50%; width:130px;z-index:1;transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);}
#prd_list .container .prd_us {background:url('../images/sub/prd_us_bg.png')no-repeat 50% 50%;}
#prd_list .container .prd_us .tit_01 {background:rgba(255,255,255,.5);}
#prd_list .container .prd_jpn {background:url('../images/sub/prd_jpn_bg.png')no-repeat 50% 50%;}
#prd_list .container .prd_jpn .tit_01 {color:#fff;border-color:#fff;}
@media (max-width: 767px){
	#prd_list .container .prd_us{ margin-bottom:20px; }
}
@media (min-width: 768px){
	#prd_list .container .prd_us,
	#prd_list .container .prd_jpn { float:left; width:49%; margin-right:2%; }
	#prd_list .container .prd_jpn {margin-right:0%; }
}

/*미국/유럽*/
#prd_us .container {overflow:hidden;}
#prd_us .container .prd {width:420px;height:670px;border-radius:10px;border:1px solid #a1a1a1;}
#prd_us .container .prd:hover {border-color:#525252;}
#prd_us .container .prd .txt {margin:360px 0 0 20px;font-family: 'Noto Sans KR', sans-serif;color:#313131;}
#prd_us .container .prd .txt .tit_01 {font-size:22px;margin:0 0 30px 10px;font-weight:bold;}
#prd_us .container .prd .txt ul li {margin-bottom:8px;line-height:1.5;font-size:16px;}
#prd_us .container .prd .txt ul li span {display:block;float:left;}
#prd_us .container .prd_us_01 {background:url('../images/sub/prd_us_01.png') no-repeat;float:left;}
#prd_us .container .prd_us_02 {background:url('../images/sub/prd_us_02.png') no-repeat;float:right;}
@media (max-width: 767px){
	#prd_us .container .prd_us_01{ margin-bottom:20px; }
}


.table-prd{ width:100%; }
/*일본*/
#prd_jpn .container ul.list {overflow:hidden;font-family: 'Noto Sans KR', sans-serif;}
#prd_jpn .container ul.list li {float:left;text-align:center;margin:0 11px 0 0;}
#prd_jpn .container ul.list li {margin-bottom:50px;}
#prd_jpn .container ul.list li:last-child {margin-right:0;}
#prd_jpn .container ul.list li img {display:block;margin-bottom:15px;width:100%;}
#prd_jpn .container ul.list li a:hover {text-decoration:underline;}
@media (max-width: 767px){
	#prd_jpn .container ul.list li{ width:49%; margin-right:2%; }
	#prd_jpn .container ul.list li:nth-child(2n){ margin-right:0; }
}
@media (min-width: 768px){
	#prd_jpn .container ul.list li{ width:18.4%; margin-right:2%; }
	#prd_jpn .container ul.list li:nth-child(5n){ margin-right:0; }
}
/* 미국/유럽 */
#prd_usa .container ul.list {overflow:hidden;font-family: 'Noto Sans KR', sans-serif;}
#prd_usa .container ul.list li {float:left;text-align:center;margin:0 11px 0 0;}
#prd_usa .container ul.list li {margin-bottom:50px;}
#prd_usa .container ul.list li:last-child {margin-right:0;}
#prd_usa .container ul.list li img {display:block;margin-bottom:15px;width:100%;}
#prd_usa .container ul.list li a:hover {text-decoration:underline;}
@media (min-width: 768px){
	#prd_usa .container ul.list li{width: 48%;margin-right:2%;BORDER: SOLID 1PX;PADDING: 8%;}
	#prd_usa .container ul.list li:nth-child(2n){ margin-right:0; }
}

/* 중국 */
#prd_chn .container ul.list {overflow:hidden;font-family: 'Noto Sans KR', sans-serif;}
#prd_chn .container ul.list li {float:left;text-align:center;margin:0 11px 0 0;}
#prd_chn .container ul.list li {margin-bottom:50px;}
#prd_chn .container ul.list li:last-child {margin-right:0;}
#prd_chn .container ul.list li img {display:block;margin-bottom:15px;width:100%;}
#prd_chn .container ul.list li a:hover {text-decoration:underline;}
@media (min-width: 768px){
	#prd_chn .container ul.list li{width: 48%;margin-right:2%;BORDER: SOLID 1PX;PADDING: 8%;}
	#prd_chn .container ul.list li:nth-child(2n){ margin-right:0; }
}

/*제품소개 목록*/
.product{width:100%;margin:0;border:0;padding:0;}
.product th{background-color:#f5fafe;font-family:Arial;font-weight:bold;font-size:15px;color:#074779;height:37px;border-top:1px solid #0066b3;border-bottom:1px solid #deebf8;}
.product th.left{width:140px;border-left:1px solid #deebf8;border-right:1px solid #deebf8;padding-left:20px;}
.product th.center{width:164px;border-right:1px solid #deebf8;padding-left:20px;}
.product th.right{width:404px;border-right:1px solid #deebf8;text-align:center;}
.product th.rowspan{width:60px;border-top:0;border-right:1px solid #deebf8;text-align:center;}
.product th.rowspan70{width:70px;border-top:0;border-right:1px solid #deebf8;text-align:center;}
.product th.rowspan65{width:65px;border-top:0;border-right:1px solid #deebf8;text-align:center;}
.product th.rowspan58{width:58px;border-top:0;border-right:1px solid #deebf8;text-align:center;}
.product td{height:37px;border-bottom:1px solid #deebf8;}
.product td.top_center{height:37px;border-left:1px solid #deebf8;border-right:1px solid #deebf8;text-align:center;font-weight:bold;font-style:italic;background-color:#f1f1f1;}
.product td.left{height:37px;border-left:1px solid #deebf8;border-right:1px solid #deebf8;padding-left:20px;}
.product td.dispersion_left{height:37px;line-height:150%;border-left:1px solid #deebf8;border-right:1px solid #deebf8;padding-left:20px;padding-top:10px;padding-bottom:10px;}
.product td.center{height:37px;border-right:1px solid #deebf8;padding-left:20px;}
.product td.dispersion_blank{height:18px;}
.product td.right{height:37px;border-right:1px solid #deebf8;text-align:center;}
.product td.top_rosins{height:37px;vertical-align:bottom; padding-left:20px;border-left:1px solid #deebf8;border-right:1px solid #deebf8;border-bottom:2px solid #deebf8;text-align:left;font-weight:bold;background-color:#ffffff;}

.product_left{float:left;width: 22%;margin-bottom:130px;border-right: 2px solid #eeefef;}
.product_left .product_intro{margin: 0 2px 2px 0;font-size: 18px;width: 85%;height:45px;background-color:#d69400;color:#fff;line-height: 45px;text-align: center;box-sizing: border-box;border-radius: 10px;}
.product_left .product_intro .top_icon{width: 20px; margin-right: 4px;}
.product_left .sub_menu{float: left;margin: 0 2px 2px 0;font-size: 18px;width: 85%;height: 45px;background-color: #f7f7f7;color: #898989;line-height: 45px;text-align: center;box-sizing: border-box;border-radius: 10px;}
.product_left .on{background-color:#0162b1; color:#fff;}
.product_right{float:right;width: 75%;}
.product_right2{float:right;width: 75%;}
.product_right2 .cobetter_left{float:left;width: 50%;}
.product_right2 .cobetter_left img{width:80%;}
.product_right2 .cobetter_right{float:right;width: 50%;}
.product_right2 .cobetter_right img{width:80%;}
.product_right2 .cobetter_txt{font-size:18px; font-weight:bold; text-align:center;padding-top:20px;}
.product_right .sub_right{float: left; width: 100%;height: auto; padding-bottom: 50px; margin-bottom: 50px; border-bottom: 2px solid #eeefef;}
.product_right .sub_right ul{margin: 0 auto;}
.product_right .sub_right .sub_menu{float: left;margin: 0 2px 2px 0;font-size: 16px;width: 24.5%;height: 60px;line-height: 120%;padding-top:20px;background-color: #f7f7f7;color: #898989;text-align: center;box-sizing: border-box;border-radius: 10px;}
.product_right .sub_right .on{background-color:#0162b1; color:#fff;}
.search_wrap{width:100%; text-align: right; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 45px 0 25px 0;}
.search_wrap .select_list{display: inline-block; border: 1px solid #ccc; width:110px; height: 50px; line-height:50px; background: #fff; text-align: center; vertical-align: middle;}
.search_wrap .input_text{ display: inline-block; padding:24px 10px; margin:0 -5px; border:1px solid #ccc;  height: 35px; width: 35%; max-width: 330px; vertical-align: middle; }
.search_wrap .btn{ display: inline-block; line-height:50px; height: 50px; width: 95px; text-align: center; background:#0162b1; color: #fff; letter-spacing: -0.5px; margin: 0 1px;vertical-align: middle; padding:0;}
.product_list{width:100%;margin:0;border:0;padding:0;word-break: break-word;/*margin-bottom: 100px;*/}
.product_list th{background-color:#0162b1;font-family:Arial;font-weight:bold;font-size:15px;color:#074779;height:37px;border-top:1px solid #0066b3;border-bottom:1px solid #deebf8;}
.product_list th.subject{color:#fff; border-left:1px solid #deebf8;border-right:1px solid #deebf8;/*padding-left:20px;*/}
.product_list th.center{width:164px;border-right:1px solid #deebf8;padding-left:20px;}
.product_list th.right{width:404px;border-right:1px solid #deebf8;text-align:center;}
.product_list table,tr,td{  border-collapse:collapse;}
.product_list td{padding: 20px 5px; line-height: 30px; height:57px;border-bottom:1px solid #cccbcb; border-right:1px solid #cccbcb; text-align:left;}
.product_list td.non_border{border-right: none;}
.product_list tr.colored:nth-child(even){ background-color:#FFFFFF; color:#616161;}
.product_list tr.colored:nth-child(odd){ background-color:#f7f7f7;color:#616161;}
@media all and (max-width:1544px){
}
@media (max-width: 768px){
.product_right2{float:right;width: 100%;}
.product_right2 .cobetter_left{width: 100%;}
.product_right2 .cobetter_right{width: 100%;    margin-bottom: 100px;}
.product_right2 .cobetter_left img{width:100%;}
.product_right2 .cobetter_right img{width:100%;}
.product_right2 .cobetter_txt{padding-bottom:20px;}
.product_left{display:none;}
.product_list{margin-bottom: 100px;}
.product_right{width:100%;}
.product_right .sub_right .sub_menu{float: left; margin: 0 2px 2px 0; font-size: 18px;width: 100%; height: 45px; background-color: #f7f7f7; color: #898989; line-height: 45px; text-align: center; box-sizing: border-box; border-radius: 10px; padding: 0px}
.product_right .sub_right .on{background-color:#0162b1; color:#fff;}
.search_wrap{width:100%; text-align: right; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 45px 0 25px 0;}
.search_wrap .select_list{display: inline-block; border: 1px solid #ccc; width:25%; height: 50px; line-height:50px; background: #fff; text-align: center; vertical-align: middle;}
.search_wrap .input_text{ display: inline-block; padding:24px 10px; margin:0 -5px; border:1px solid #ccc;  height: 35px; width: 35%; max-width: 330px; vertical-align: middle; }
.search_wrap .btn{ display: inline-block; line-height:50px; height: 50px; width: 25%; text-align: center; background:#0162b1; color: #fff; letter-spacing: -0.5px; margin: 0 1px;vertical-align: middle; padding:0;}

}
/*고객센터 폼*/
.from_wrap {color:#313131;}
.from_wrap .personal {margin-bottom:50px}
.from_wrap .personal .title li{float:left;line-height:1.8em;font-size:1.8em;margin-right:5px;}
.from_wrap .personal .title li span {font-size:0.6em;}
.from_wrap .personal .agree_box{width:100%;clear:both;border:1px solid #acacac;height:250px;overflow:auto;padding:10px;box-sizing:border-box;font-size:0.9em;font-family: 'NanumBarunGothic';}
.from_wrap .personal .agree_box h5{font-size:19px;padding:20px 0 20px 0}
.from_wrap .personal .agree_box h4{font-size:16px;padding:20px 0 20px 0}
.from_wrap .personal .agree_box ol{margin-left:5px; padding:0;}
.from_wrap .personal .agree_box ol li{line-height:18px;margin-bottom:10px;}
.from_wrap .personal .agree_box ol li ol{padding-left:20px}
.from_wrap table {width:100%;margin:40px 0;border:1px solid #acacac;}
.from_wrap table th , .from_wrap table td {border-bottom:1px solid #ACACAC;padding:10px 5px;}
.from_wrap table tr:last-child th, .from_wrap table tr:last-child td {border-bottom:0px;}
.from_wrap table th{font-size:16px;text-align:left;background:#f7f7f7;border-right:1px solid #acacac;min-width:70px;}
.from_wrap table td{color:#888;font-size:16px}
.from_wrap table td ul{width:100%;display:inline-block}
.from_wrap table td ul li{float:left;margin-right:15px;vertical-align:middle;line-height:25px}
.from_wrap table td ul li input{margin-right:3px}
.from_wrap table td .teext_box{border:1px solid #ccc;width:100%;padding:5px;color:#888;}
.from_wrap table td .teext_box01{border:1px solid #ccc;width:100%;max-width:250px;padding:5px;color:#888;}
.from_wrap table td .teext_box02{border:1px solid #ccc;width:40%;max-width:100px;padding:5px;color:#888;}
.from_wrap table td .teext_box03{border:1px solid #ccc;width:70%;max-width:200px;padding:10px;color:#888;}
.from_wrap table td textarea{border:1px solid #ccc;padding:15px;color:#666;font-size:16px;height:250px;resize:none;box-sizing:border-box;}
.from_wrap button{width:180px;height:55px;background-color:#333;font-size:16px;color:#fff;border:0;margin:0 auto;display:block;}
@media (min-width: 768px){
	.from_wrap .personal .agree_box{padding:20px;}
	.from_wrap .personal .agree_box ol{margin-left:15px}
	.from_wrap table th, .from_wrap table td{padding:10px;}
	.from_wrap table th{padding-left:15px;}
	.from_wrap table td .teext_box01{padding:10px;}
	.from_wrap table td .teext_box02{padding:10px;}
}

/* =========================
	text-overflow
========================= */
.word_space{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.text_over1{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.text_over2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

/*공지사항*/
/* 새로운 공지사항 디자인 */
.notice_list_wrap{ position: relative; }
.notice_list_wrap table{ width: 100%; text-align: center; border-top: 2px solid #545861; }
.notice_list_uid,
.notice_list_user,
.notice_list_date,
.notice_list_vote,
.notice_list_view{ display: none; }
.notice_list_contents{ display: block; color: rgb(153, 153, 153); margin-top: 10px; }

.notice_list_wrap .word_space{ width: 220px; }
.notice_list_wrap td {border-bottom:1px solid #ccc;font-size: 0.8rem; padding: 12px 10px; }
.notice_list_wrap td a{ display: block; color: #010101; }
.notice_list_wrap td a span{display: inline-block; vertical-align: top; max-width: 120px;}

.notice_list_wrap thead td{background:#eee; font-weight: 700; }
.notice_list_wrap tbody td:nth-child(2) {text-align:left;}

.icon_reply,
.icon_lock{ color:#adadad; font-size: 15px; vertical-align: middle; }
.icon_reply{ margin-right: 5px; width: 20px; display: inline-block; }
.icon_reply img{ width: 100%; vertical-align:middle; }
.icon_lock{ margin-left: 10px; }
@media all and (min-width:500px) {
	.notice_list_wrap .word_space{ width:450px; }
}
@media all and (min-width:1270px) {
	.notice_list_uid,
	.notice_list_user,
	.notice_list_date,
	.notice_list_vote,
	.notice_list_view{ display: table-cell; }
	.notice_list_contents{ display: none; }
	.notice_list_wrap table td{font-size: 17px; padding: 12px 0; }
	.notice_list_wrap table .word_space{ width: 600px; }
}

.list_button {margin:30px auto;text-align:center;}
.list_button a {border:1px solid #ccc; padding:5px 10px;display:inline-block; margin-left:2px;font-size:14px;}
.list_button a.active {background: #525252; color: #fff;}

/*페이지네비*/
.pagination{ margin: 40px 0 20px; text-align: center;font-size: 15px; }
.pagination a{ display: inline-block; width: 30px; line-height: 30px; max-width: 30px; margin:1px; }
.pagination a.arrow{ border: 1px solid #d3d3d3; }
.pagination a:hover,
.pagination a:focus,
.pagination a.active{background: #545861; color: #fff;}
.pagination a .fas,
.pagination a .svg-inline--fa{ display: inline-block; line-height: 30px; font-size:17px; }

/*페이지네비*/
.pagination2{ margin: 40px 0 100px; text-align: center;font-size: 15px; }
.pagination2 a{ background: #eee; display: inline-block; width: 30px; line-height: 30px; max-width: 30px; margin:1px; }
.pagination2 a.arrow{ border: 1px solid #d3d3d3; }
.pagination2 a:hover,
.pagination2 a:focus,
.pagination2 a.active{background: #0162b1; color: #fff;}
.pagination2 a .fas,
.pagination2 a .svg-inline--fa{ display: inline-block; line-height: 30px; font-size:17px; }


/*검색DIV*/
.table_search_wrap{ width:100%; text-align: center; border:1px solid #ccc; background: #f0f0f0; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 15px 0;}
.table_search_wrap .select_list{display: inline-block; border: 1px solid #ccc; width:80px; height: 35px; background: #fff; }
.table_search_wrap .input_text{ display: inline-block; padding:0 10px; border:1px solid #ccc; margin:0 5px; height: 35px; width: 35%; max-width: 200px; }
.table_search_wrap .btn{ display: inline-block; line-height:35px; height: 35px; width: 75px; text-align: center; background:#545861; color: #fff; letter-spacing: -0.5px; padding:0; }
@media all and (min-width:1024px) {
	.table_search_wrap input{ width: 195px;}
}

/*=========================
	공지사항 뷰
=========================*/
.board_view{ width:100%; border:1px solid #ccc; border-top:none;border-bottom:0;}
/* 타이틀 영역 */
.board_view .title_area{padding: 20px 10px;background:#eee;border-top:2px solid #284f0e;border-bottom:1px solid #ccc;text-align:left;}
.board_view .title_area .title{margin-bottom: 5px;font-size: 1.2rem;}
.board_view .title_area .ex{text-align:left;color:#666;font-size: 0.8rem;}
/* 파일다운 */
.board_view .content_down{border-bottom:1px solid #ccc;padding: 10px;}
.board_view .content_down .down_tit{font-weight:bold;display:inline-block;margin-right: 20px; }
.board_view .content_down .down_txt{ display:inline-block; }
.board_view .content_down .down_txt a{ display:block; vertical-align: middle; }
.board_view .content_down .down_txt .fas,
.board_view .content_down .down_txt .svg-inline--fa,
.board_view .content_down .down_txt img{ display:inline-block; width: 20px; vertical-align: middle; margin-left: 10px; }
/* 본문 */
.board_view .content_area{padding: 20px;border-bottom:1px solid #cccccc; min-height: 500px; }
.board_view .content_area img{ max-width:100%;}
/* 이전글다음글 */
.board_view .pageselect_wrap{ width:100%; }
.board_view .pageselect_wrap .pager{ max-width: 200px; }
.board_view .pageselect_wrap .title{  }
.board_view .pageselect_wrap .title a{ display: block; max-width: 100px; }
.board_view .pageselect_wrap .date{ text-align: right; }
.board_view .pageselect_wrap img,
.board_view .pageselect_wrap .fa,
.board_view .pageselect_wrap .svg-inline--fa{margin-right:5px; vertical-align: middle;}
.board_view .pageselect_wrap td{ border-bottom:1px solid #cccccc; padding: 10px 10px;}
.board_view .pageselect_wrap td a{color:#666666}
.board_view .pageselect_wrap td a:hover{color: #284f0e}
@media all and (min-width:768px) {
	.board_view .title_area .title{font-size: 20px;}
	.board_view .title_area .ex{font-size: 15px;}
	.board_view .title_area{padding: 20px 40px;}
	.board_view .content_down{ padding: 10px 40px;}
	.board_view .pageselect_wrap .pager,
	.board_view .pageselect_wrap .date{ width: 22%; padding: 10px 40px; }
	.board_view .pageselect_wrap .title a{ display: block; max-width: 350px; }
}
@media all and (min-width:1024px) {
	.board_view .pageselect_wrap .title a{ max-width: 500px; }
	.board_view .pageselect_wrap .pager{ width: 150px;  }
}
.btn_wrap{margin-top: 40px;text-align:center;}
.btn {padding: 8px 25px; color: #fff;margin-left:3px;}
.btn_01 {background: #525252;}
.btn_02 {background: #015bab;}
.btn_03 {background: #cb1d23;}

/*공지사항 쓰기*/
.board_write table {width:100%;margin:40px 0;border:1px solid #acacac;}
.board_write table th , .board_write table td {border-bottom:1px solid #d6d6d6;padding:10px;}
.board_write table tr:last-child th , .board_write table tr:last-child td {border-bottom:0px;}
.board_write table th{font-size:16px;text-align:left;background:#f7f7f7;border-right:1px solid #acacac;padding-left:15px;}
.board_write table td{color:#888;font-size:16px}
.board_write table td ul{width:100%;display:inline-block}
.board_write table td ul li{float:left;margin-right:15px;vertical-align:middle;line-height:25px}
.board_write table td ul li input{margin-right:3px}
.board_write table td .teext_box01{border:1px solid #ccc;width:250px;padding:10px;color:#888;}
.board_write table td .teext_box02{border:1px solid #ccc;width:100px;padding:10px;color:#888;}
.board_write table td .teext_box03{border:1px solid #ccc;width:200px;padding:10px;color:#888;}
.board_write table td textarea{border:1px solid #ccc;padding:15px;color:#666;font-size:16px;height:250px;resize:none;box-sizing:border-box;}

/*일본 제품소개*/
.con201{margin-top:30px}
.con201 ul {display:inline-block}
.con201 ul li{float:left;margin:0;}
.con201_tab_on{color:#00a0e9;font-size:14px;line-height:25px;font-family:'NanumGothic';font-weight:600;cursor:pointer;padding:0;width:180px}
.con201_tab_off{color:#9a9a9a;font-size:14px;line-height:25px;font-family:'NanumGothic';cursor:pointer;width:180px}
.con201_tab_off:hover{color:#3a3a3a;width:180px}


.table-prd{width:100%;border-top:2px solid #979797;border-bottom:2px solid #979797}
.table-prd tr th{height:20px;line-height:20px;font-size:13px;font-family:'NanumGothic';color:#727272;border-bottom:1px solid #f2f2f2;height:40px;background-color:#eeeeee}
.table-prd tr td{height:20px;line-height:20px;font-size:12px;font-family:'dotum';color:#727272;border-bottom:1px solid #f2f2f2;;padding:10px 20px; }
.table-prd tr .gray_td{background-color:#f2f2f2}
.table-prd tr .td_right_border{border-right:1px solid #f2f2f2}
@media all and (max-width:1023px) {
	.table-scroll{width:100%; overflow-x: auto; }
}


.con201 h4{font-size:16px;color:#2e5c95;font-family:'NanumGothic';padding:30px 0 20px 0;font-weight:600}
.con201 h3{font-size:16px;color:#2e5c95;font-family:'NanumGothic';padding:20px 0 20px 0;font-weight:600}
.con201 p{font-family:'NanumGothic';font-size:14px;color:#727272;padding:0 0 30px 0}

.sub_title{width:100%;margin:40px 0 30px 0;display:inline-block}
.sub_title ul{width:100%;display:inline-block}
.sub_title ul li{list-style:none;float:left;margin-right:10px;color:#2e5c95;font-family:'NanumGothic';font-size:18px;font-weight:600;height:30px;line-height:30px;letter-spacing:-1px}
.sub_title ul li img{vertical-align:middle}
.sub_title p{padding:15px 0 0 30px;font-family:'NanumGothic';color:#727272;font-size:14px;line-height:20px}


.con204 .sub_title{width:100%;margin:20px 0 10px 0;display:inline-block}
.con204 .sub_title ul{width:100%;display:inline-block}
.con204 .sub_title ul li{list-style:none;float:left;margin-right:10px;color:#2e5c95;font-family:'NanumGothic';font-size:18px;font-weight:600;height:30px;line-height:30px;letter-spacing:-1px}
.con204 .sub_title ul li img{vertical-align:middle}
.con204 .sub_title p{padding:10px 0 0 30px;font-family:'NanumGothic';color:#727272;font-size:14px;line-height:24px}
.td_right_border{border-right:1px solid #2e5c95}

.con204{margin-top:35px}
.con204 table{width:100%;border-top:1px solid #2e5c95;border-bottom:1px solid #2e5c95;margin-top:20px}
.con204 table th{height:40px;font-size:14px;border-bottom:1px solid #dddddd;text-align:left;padding-top:3px}
.con204 table td{height:40px;font-size:14px;border-bottom:1px solid #dddddd;padding-left:20px;padding-top:3px}

/* 
.con207 {display:inline-block} */
.con207 h4{color:#2e5c95;font-size:16px;font-weight:600;padding-top:20px}
.con207 p{color:#727272;font-size:14px;padding-top:20px;line-height:20px}

.con208{margin-top:35px;}
.con208 .con208_box table{width:247px;height:196px;border:1px solid #2e5c95;border-top:3px solid #2e5c95;float:left;margin-left:3px}
.con208 .con208_box table th{color:#2e5c95;font-size:14px;border-bottom:1px solid #dddddd;font-family:'NanumGothic';font-weight:600;margin:0;padding:0;height:30px}
.con208 .con208_box table td{color:#727272;font-size:12px;font-family:'dotum';padding-left:15px;vertical-align:top}
.con208 .con208_box table td p{margin:20px 0 0 0;line-height:20px;padding:0}

.con209{margin-top:35px;}
.con209 dl{margin:-15px 0 30px 0;padding:0 0 0 20px}
.con209 dl dt{color:#00a0e9;font-family:'NanumGothic';font-size:16px;line-height:20px;height:30px;font-weight:600}
.con209 dl dd{color:#727272;font-family:'NanumGothic';font-size:14px;line-height:20px;height:25px}


.cont211{/*margin-top:35px; display:inline-block; */}
.cont211 dl {width:100%;display:inline-block;}
.cont211 dl dt{float:left;font-family:'NanumGothic';font-size:14px;color:#00a0e9;width:100px;height:30px;line-height:30px}
.cont211 dl dd{float:left;font-family:'NanumGothic';font-size:14px;color:#727272;line-height:30px}

.cont211 table{width:100%;border-top:2px solid #4DC3F9;border-bottom:1px solid #4DC3F9}
.cont211 table th{height:40px;font-family:'NanumGothic';font-size:14px;border-bottom:1px solid #dddddd}
.cont211 table td{height:35px;font-family:'NanumGothic';font-size:13px;}
.cont211 table .colspan{text-align:center}

.con_221{margin-top:70px}
.con_221 ul li{float:left;margin-right:115px}	
/*.con202 h1 { margin:30px 0 15px 0; font-weight:bold; font-size:18px; }
.con202 ul li { margin-bottom:20px; padding:20px; border:1px dashed #ccc;  }
.con202 ul li dl dt { margin-bottom:10px; font-weight:bold; font-size:14px; color:#215f8d;}*/

.con301 ul { overflow:hidden; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #ccc;  }
.con301 ul li { float:left; width:25%; text-align:center; }
.con301 ul li dl dt { margin:15px 0; font-weight:bold; font-size:18px; color:#282828; }
.con301 ul li dl dd { font-size:11px; line-height:16px; padding:0 20px; }

.con401 ul { overflow:hidden;  }
.con401 ul li { float:left; width:360px; height:360px; }
.con401 ul li dl { overflow:hidden; margin:50px 30px 0 30px; }
.con401 ul li dl dt, .con401 ul li dl dd { float:left; }
.con401 ul li dl dt { width:70px; font-weight:bold; font-size:40px; color:#fff; line-height:100%;}
.con401 ul li dl dd { width:230px; font-size:14px; color:#fff; line-height:150%;}
.con401 ul li.bg1 { background:url(../../images/sub/con401_01.jpg) no-repeat 0 0; }
.con401 ul li.bg2 { background:url(../../images/sub/con401_02.jpg) no-repeat 0 0; }
.con401 ul li.bg3 { background:url(../../images/sub/con401_03.jpg) no-repeat 0 0; }
.con401 ul li.bg4 { background:url(../../images/sub/con401_04.jpg) no-repeat 0 0; }

.con_402 table{ border-top:2px solid #1E83EB;width:100%;border-right:1px solid #d6d6d6}
.con_402 table th{ background-color:#f2f2f2;height:45px;font-family:'NanumGothic';font-size:14px;text-align:left;padding-left:20px;color:#3a3a3a;border:1px solid #d6d6d6;border-top:0;line-height:45px}
.con_402 table td{padding-left:20px;border-bottom:1px solid #d6d6d6;line-height:20px}
.con_402 table td input{height:25px;width:150px;border:1px solid #dddddd;}
.con_402 table td textarea{margin:10px;;padding:10px;width:550px;vertical-align:top;height:250px;border:1px solid #d6d6d6;}
.con_402 table .text{height:300px}
.con_402 h2{margin:35px 0 0 0;padding:0;font-size:16px;color:#1E83EB;display:inline-block;height:30px;line-height:30px}
.con_402 .con_402_agree_text{width:705px;margin-top:20px;border:1px solid #d6d6d6;padding:20px;overflow-y: scroll;height:150px;font-size:13px;line-height:20px;margin-bottom:20px}
.con_402 #form_mail{float:right}
.con_402 .form_mail_ok{width:169px;margin:50px auto}

.con501 {margin-top:35px}
.con501  table{width:300px;border-top:3px solid #2e5c95;float:left;margin-right:75px;margin-bottom:50px}
.con501  table th{color:#2e5c95;font-size:14px;border-bottom:1px solid #dddddd;font-family:'NanumGothic';font-weight:600;margin:0;padding:0;height:30px;line-height:30px}
.con501  table td{color:#727272;font-size:12px;font-family:'dotum';padding-left:15px;vertical-align:top;padding-top:20px}
.con501  table td ul{margin:10px 0 10px 0;}
.con501  table td ul li {height:20px;padding-left:10px}
.con501  table td h5{color:#2e5c95;font-size:13px;font-weight:400;padding-bottom:20px}


.con_502 {line-height:20px}
.con_502 h1{color:#3a3a3a;font-size:15px;line-height:26px;font-weight:600}

/*로그인*/
article {border:1px solid #ccc;width:500px;margin:230px auto 180px;padding:60px 0 90px;box-shadow: 3px 3px 3px #fdfdfd;}
article .top_area {overflow:hidden;text-align:center;}
article .top_area .tit {font-size:22px;color:#bf392e;font-weight:bold;margin-top:15px;}
article ul {width:70%;margin:20px auto 0;}
article ul li {margin-bottom:5px;}
article ul li .input_line {border:1px solid #ccc;width:100%;padding:10px;box-sizing:border-box;}
article ul li button {width:100%;padding:10px 0;margin:20px 0 5px;font-size:1em;background:#757575;color:#fff;font-weight:bold;}
article ul input {vertical-align:middle;margin-right:2px;}
article ul label {font-size:14px;}

.nowork{ text-align: center; padding: 200px 0; font-weight: 700; background: #eee; }

#prd_chn table th, 
#prd_chn table td{padding:10px; border: 1px solid grey; font-weight:400; text-align:center; }
.table_css{}
.table_css th,
.table_css td{padding:10px; border: 1px solid grey; font-weight:400; text-align:center; }