@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100; 300; 400; 500; 700; 900&display=swap');@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
body { font-family: 'pretendard', 'Noto Sans KR', sans-serif !important; color: #666 !important; margin: 0 !important; padding: 0 !important; font-size: 14px !important; font-weight: 400; line-height: 180% !important; } 
p { font-family: 'pretendard', 'Noto Sans KR', sans-serif !important; line-height: 1.5 !important; } 
h1,
h2,
h3,
h4,
h5 { font-family: 'pretendard', 'Noto Sans KR', sans-serif !important; } 
table { font-family: 'pretendard', 'Noto Sans KR', sans-serif !important; border-collapse: collapse !important; border-spacing: 0 !important; empty-cell: show; border: none !important; } 
td { font-size: 16px !important; font-family: 'pretendard', 'Noto Sans KR', sans-serif !important; border-color: #ddd solid !important; padding: 5px 0 !important; border: none !important; } 
.formmail_title_bgcolor,
.formmail_cell_bgcolor { border-bottom: 1px #ddd solid !important; } 
ul { margin: 0 !important; padding: 0 !important; } 
ul li { list-style: none; } 
table img { border: 0; max-width: 100%; height: auto; } 
a { text-decoration: none; } 
strong,
b { font-weight: normal !important; } 
iframe { border: 0; } 
img { max-width: 100%; } 
.board_output td { padding: 2px 0 !important; } 
.board_output td { line-height: 180% !important; font-size: 14px !important; } 
.webzine_subject { border-top: 1px #666 solid !important; } 
.btninput2 { cursor: pointer; color: #fff; background: #666; padding: 4px 15px; border: 1px #666 solid; display: inline-block; font-size: 13px; line-height: 160%; } 
.btninput3 { cursor: pointer; color: #fff !important; background: #888; padding: 5px 10px; display: inline-block; font-size: 13px; line-height: 160%; margin: 5px 2px; } 

.rwrite { width: 100%; border: 1px #ddd solid !important; } 
.rwrite input[type='text' i] { margin: 0 !important; } 
.rwrite table { max-width: 100%; } 
.rwrite table td { border: none !important; } 
.rwrite td { padding: 5px !important; } 
.rwrite table iframe { border: none !important; } 
.rwrite td:nth-child(1) { width: 30%; } 
.rwrite td:nth-child(2) { width: 70%; } 

td.board_admin_bgcolor table img { width: auto !important; height: auto !important; } 
td.board_admin_bgcolor table img { width: auto !important; height: auto !important; } 
td.board_admin_bgcolor,
td.board_admin_bgcolor table td { border-bottom: none !important; } 

.body-content { padding: 120px 0 50px 0; margin: 0 auto; width: 1140px; text-align: left !important; } 
.gap50px { border-top: 0; margin: 20px auto 30px; } 

.container { max-width: 1200px; width: 100%; } 

/* 게시판 추출*/
table.board_output td a { font-size: 14px !important; font-family: 'pretendard', 'Noto Sans KR', sans-serif !important; color: #666 !important; font-weight: 400 !important; } 
table.board_output td:nth-child(3) { text-align: right; color: #666 !important; font-family: 'pretendard', 'Noto Sans KR', sans-serif !important; } 

td.bbsno { width: 10%; } 
td.bbsnewf5 { width: 80%; } 
td.bbswriter { width: 15%; } 
td.bbsetc_dateof_write { width: 15%; } 
#post_area { line-height: 180%; } 
.arealist-ca { display: block; margin-bottom: 30px; } 
.arealist tr { border-bottom: 1px #ddd solid; } 
.arealist td { padding: 8px 0 !important; } 
.newslist .webzine_type2 dl { padding: 5px 0 16px 0 !important; } 
.newslist .board_desc,
.newslist .board_bgcolor { border-top: 1px #ddd solid !important; } 
.newslist .webzine_type2 .webzine_type_img_td { width: 30% !important; } 
.newslist .webzine_type2 .webzine_type_img img { border: none !important; width: 90%; height: auto; } 
.newslist .webzine_type2 .webzine_type_text_td_left { width: 70% !important; vertical-align: top; } 
.newslist .news_title { font-size: 14px !important; color: #666 !important; } 

/*서브페이지*/
#sub-body { clear: both; margin: 0 auto; width: 100%; } 
.body-div { clear: both; margin: 0 auto; width: 100%; } 
.sub-tit-bg { width: 100%; text-align: center; padding: 10px 0 !important; margin: 0 auto; font-size: 15px; line-height: 250% !important; border-top: 1px #d1d9eb solid; } 
.sub-tit-bg h1 { font-size: 26px; margin: 0 auto !important; font-weight: 400 !important; color: #2d7185; } 
.sub-tit-bg div.sub-arr { width: 100%; height: 30px; margin-bottom: 30px; } 
.history { text-align: center !important; color: #fff !important; font-size: 12px !important; } 
.history span.page { color: #2b7de1 !important; } 

.sub-tit-bg h1 { display: none; } 
.history { display: none; } 

#sub-body-div { clear: both; width: 100%; height: auto; min-height: 600px; } 
.sub-body-cn { width: 1140px; margin: 0 auto; padding: 100px 0; } 
.sub-body-cn h2.page_title { margin: 0 auto 30px !important; color: #006e36 !important; font-size: 2em !important; text-align: center; font-weight: 600; } 

/*서브메뉴*/
.sub-mm-s { width: 100%; margin: 0 auto; padding-bottom: 30px; } 
.sub-mm-s ul { width: 100%; text-align: center; } 
.sub-mm-s ul li { display: inline-block; padding: 8px 30px; margin: 3px; background: #666; } 
.sub-mm-s ul li:hover { background-color: #333; } 
.sub-mm-s ul li a { color: #fff; font-family: 'pretendard', 'Noto Sans KR', sans-serif; font-size: 14px; } 

.txtbox_center { text-align: center; font-size: 16px; color: #222; margin-bottom: 50px; font-weight: 300; } 
.txtbox_center span { font-weight: 500; color: #008842; } 
/*회원관리*/
.mem1 { width: 100%; margin-bottom: 30px; } 
.mem1-s1 { width: 96%; padding: 20px; background-color: #f1f1f1; border: 1px #ddd solid; margin-bottom: 10px; } 
.mem1 h1 { font-size: 16px; padding: 10px 0; font-weight: 400; color: #666; } 
.mem1-s1 span { display: inline-block; padding: 0 5px; min-height: 20px; vertical-align: middle; } 
.mem1-s1 br { display: none; } 
.mem1-s2 { width: 100%; } 
.mem1-s2 a { display: inline; } 

.member_border,
.com_member_secede_pw { padding: 2px !important; } 
.mem1 input[type='text'],
.mem1 input[type='password'],
.mem1 input[type='email'] { padding: 3px; border: 1px #ddd solid; } 
textarea { padding: 5px !important; font-size: 11px !important; line-height: 160% !important; } 

.table_cont1 input[type='text'],
.mem1 input[type='password'],
.mem1 input[type='email'] { padding: 3px; border: 1px #ddd solid; } 

.tios { padding-bottom: 10px !important; padding-top: 10px !important; background: none !important; padding-left: 0 !important; font-size: 14px !important; } 
.t_m1 { border-top: 1px solid #666 !important; } 

#dl1 dt { margin-bottom: 10px !important; background: none !important; padding-left: 0 !important; } 
#dl2 dt { background: none !important; font-size: 13px !important; color: #333 !important; padding-left: 10px !important; } 
#dl2 dd { padding: 0 0 0 15px !important; background: none !important; } 

/*ceo 인사말*/
.comp-cont { display: flex; flex-wrap: wrap; margin-top: 20px; } 
.comp-left { width: 45%; } 
.comp-right { width: 55%; padding-left: 30px; } 
.comp-right h3 { margin-top: 0; margin-bottom: 30px; font-weight: 600; } 
.comp-right li { margin-bottom: 20px; font-size: 15px; } 
@media (max-width: 768px){
 .comp-left { width: 100%; margin-bottom: 40px; } 
 .comp-right { width: 100%; padding-left: 0px; } 
 .comp-right br { display: none; } 
 }

/* 홍보영상 영역 */
#movie { background: url('../../img/_designcoco/images/movie_bg.jpg') center top
 no-repeat; padding: 80px 20px; } 
#movie .sm-tit { font-size: 14px; color: #333; font-weight: 500; letter-spacing: 10px; font-family: 'Montserrat', sans-serif; padding-bottom: 10px; } 
#movie h3 { color: #1e1e1e; font-size: 32px; font-weight: 300; padding-bottom: 15px; } 
#movie p { color: #999; padding-bottom: 30px; } 
#movie .youtube-wrap { padding: 0 80px; } 
#movie .youtube-wrap .youtube { position: relative; width: 100%; padding-bottom: 56.25%; text-align: left; } 
#movie .youtube-wrap .youtube iframe { position: absolute; width: 100%; height: 100%; } 

/*고객지원*/
.qalist table { border-top: 1px #666 solid; } 
.qalist table td { padding: 8px 0 !important; } 
#search_table { margin: 0 auto; } 
input:not([type]),
input[type='email' i],
input[type='number' i],
input[type='password' i],
input[type='tel' i],
input[type='url' i],
input[type='text' i] { padding: 5px !important; border: 1px #ddd solid !important; } 
select { padding: 4px !important; border: 1px #ddd solid !important; } 
input[type='text'] { padding: 5px !important; } 
.keywordform { padding: 5px !important; border: 1px #ddd solid !important; } 

.border { border-color: #ddd !important; } 
.board_desc,
.board_bgcolor { border-bottom: 1px #ddd solid !important; text-align: left !important; padding-left: 10px !important; } 

.output_table td { line-height: 180%; } 
.board_output_1_tr td:nth-child(1) { padding-right: 5px; } 

.board,
.board a:link,
.board_description { font-family: 'pretendard', 'Noto Sans KR', sans-serif !important; } 
#post_area span { font-family: 'pretendard', 'Noto Sans KR', sans-serif !important; } 
.list_title { background: none !important; border-top: 1px #666 solid !important; } 
.list_title td { border-bottom: 1px #ddd solid !important; } 
.formcss { border-top: 1px #666 solid; font-family: 'pretendard', 'Noto Sans KR', sans-serif !important; width: 100%; } 
.formcss td { padding: 10px 0; border-bottom: 1px #eee solid; } 
.formcss td:nth-child(1) { width: 15%; } 
.formcss td:nth-child(2) { width: 85%; } 

.formcss input[type='text'] { padding: 5px; border: 1px #ddd solid; width: 80%; } 
.formcss textarea { padding: 5px; border: 1px #ddd solid; width: 100%; } 
.table_02 { border-top: 1px #666 solid !important; } 
td.att_title { border-top: 1px #666 solid !important; text-align: center; padding: 5px !important; border-bottom: 1px #ddd solid !important; } 
td.att_title font { font-size: 16px !important; color: #333; } 
.qalist tr { border-bottom: 1px #eee solid !important; } 

.webzine_type2 dd { height: 35px !important; } 

/*제품정보*/
.board_output .gallerybbs table { width: 93% !important; margin: 0 auto 10px; } 
.gallerybbs table td { padding: 0 !important; text-align: center; vertical-align: top; overflow: hidden; } 
.gallerybbs table td.board_output_gallery_img img { width: 100%; height: 260px; max-width: 400px; overflow: hidden; } 
.gallerybbs table td { line-height: 180%; } 
.gallerybbs table td.board_output_gallery_img a:hover img { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; transition: transform 1s; transform: scale(1.1); } 

.gallerybbs table { width: 96% !important; margin: 0 auto 10px; } 
.product-gallery table img { width: 100% !important; display: inline-block; padding-bottom: 10px; height: auto !important; } 
.product-gallery-view table img { max-width: 100% !important; height: auto !important; } 
.product-gallery-view table td { line-height: 180%; } 
.board_output_gallery_subject { padding: 5px 0 !important; display: inline-block; } 
.gallerylist .board table td a { overflow: hidden; } 
.gallerylist .board table td img { width: 100%; height: 260px; max-width: 400px; overflow: hidden; } 
#certification .gallerylist .board table td img { width: unset; height: unset; overflow: hidden; width: 100%; } 

.gallerylist table td.bbsnewf5 > table > tbody > tr > td > a > img { border: 1px solid #ddd !important; } 

.gallerylist table td { padding: 0 !important; } 
.gallerylist .board table td img:hover { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; transition: transform 1s; transform: scale(1.1); } 
.gallerylist span.gallery_title { padding-top: 15px; display: inline-block; font-family: 'pretendard', 'Noto Sans KR', sans-serif !important; padding-bottom: 10px; font-size: 16px; color: #333; } 
.board p { font-size: 13px; } 
.gallery_cont { font-family: 'pretendard', 'Noto Sans KR', sans-serif !important; font-size: 14px !important; color: #666 !important; } 
.board table td img { max-width: 100%; height: auto; } 
#post_area p img { max-width: 100% !important; height: auto; } 

.board_description { width: 100% !important; } 

.mtableo { width: 100%; height: auto; min-height: 600px; } 
.mtableo iframe { display: inline-block; padding-bottom: 50px; float: left; width: 46%; margin-right: 4%; text-align: center; height: 300px; } 
.mtableo iframe:nth-child(2n) { margin-right: 0; } 

/*사업영역*/
.biz-cnt { margin: 0 auto; width: 100%; height: auto; font-size: 14px; } 

.biz-cnt em { font-style: normal; font-size: 60px; display: block; color: #333; padding: 20px 0 30px 0; font-family: 'pretendard', 'Noto Sans KR', sans-serif; letter-spacing: -0.05em; font-weight: 700; } 
.biz-cnt b { display: block; font-size: 13px; color: #888; line-height: 160%; margin-top: 20px; } 
.biz-cnt img { display: block; width: 100%; height: auto; } 

/*서브메뉴 틀*/
#sub-menus-div { width: 100%; text-align: center; } 
.sub-bg1 { background: url('sub-bg1.jpg') no-repeat left top; background-size: cover; padding: 70px 0; } 
.sub-bg2 { background: url('sub-bg2.jpg') no-repeat left top; background-size: cover; padding: 70px 0; } 
.sub-bg3 { background: url('sub-bg3.jpg') no-repeat left top; background-size: cover; padding: 70px 0; } 
.sub-bg4 { background: url('sub-bg4.jpg') no-repeat left top; background-size: cover; padding: 70px 0; } 
.sub-bg5 { background: url('sub-bg4.jpg') no-repeat left top; background-size: cover; padding: 70px 0; } 

#sub-menus-div h1 { color: #fff; font-weight: 400; margin: 0; padding: 0; text-transform: uppercase; font-size: 2.5em; line-height: 180%; letter-spacing: 10px; } 

.sub-menus-div { width: 100%; } 
.sub-menus { width: 100%; margin: 0 auto; } 

.sub-menus ul { background: #292929; } 
.sub-menus ul li { display: inline-block; padding: 15px 30px; } 
.sub-menus ul li a { color: #fff; font-size: 16px; } 
.sub-menus ul li a:hover { color: #00a651; } 

.submn1 .sub-menus ul li:nth-child(1) { background: #fff; } 
.submn1 .sub-menus ul li:nth-child(1) a { color: #008842; } 

.submn2 .sub-menus ul li:nth-child(2) { background: #fff; } 
.submn2 .sub-menus ul li:nth-child(2) a { color: #008842; } 

.submn3 .sub-menus ul li:nth-child(3) { background: #fff; } 
.submn3 .sub-menus ul li:nth-child(3) a { color: #008842; } 

.submn4 .sub-menus ul li:nth-child(4) { background: #fff; } 
.submn4 .sub-menus ul li:nth-child(4) a { color: #008842; } 

.submn5 .sub-menus ul li:nth-child(5) { background: #fff; } 
.submn5 .sub-menus ul li:nth-child(5) a { color: #008842; } 

.submn6 .sub-menus ul li:nth-child(6) { background: #fff; } 
.submn6 .sub-menus ul li:nth-child(6) a { color: #008842; } 

.submn7 .sub-menus ul li:nth-child(7) { background: #fff; } 
.submn7 .sub-menus ul li:nth-child(7) a { color: #008842; } 

.submn8 .sub-menus ul li:nth-child(8) { background: #fff; } 
.submn8 .sub-menus ul li:nth-child(8) a { color: #008842; } 

#sub-menus-div2 { width: 100%; background: url('sub-bgv.jpg') #eee no-repeat center right; } 
#sub-menus-div2.fixed { top: 0px; margin-top: 0px; } 

.sub-menus-div2 { width: 100%; background: url('sub-menu-bg.jpg') #485778 no-repeat center center; background-size: cover; } 
.sub-menus2 { width: 100%; max-width: 1140px; padding: 30px 0; margin: 0 auto; } 
.sub-menus2 h1 { color: #333; font-family: 'pretendard', 'Noto Sans KR', sans-serif !important; text-transform: uppercase; margin-bottom: 20px !important; font-size: 3em; } 
.sub-menus2 ul { } 
.sub-menus2 ul li { display: inline-block; padding: 0 20px; border-right: 1px #999 solid; } 
.sub-menus2 ul li:first-child { border-left: none; padding-left: 0; } 
.sub-menus2 ul li:last-child { border-right: none; } 
.sub-menus2 ul li a { color: #333; font-size: 14px; font-weight: 600; } 

.company-cnt { width: 100%; font-size: 14px; } 
.company-cnt h3 { font-size: 1.8em; color: #333; letter-spacing: -0.02em; } 
.company-cnt iframe { width: 100%; } 

p.ov_con { display: block; line-height: 160%; } 
#ov_tb { width: 100%; border-top: 1px #666 solid !important; font-size: 14px !important; margin: 30px 0; } 
#ov_tb th { width: 20%; background-color: #f1f1f1; padding: 10px 15px; text-align: left; font-weight: normal; border-bottom: 1px #ddd solid; color: #333; } 
#ov_tb td { width: 80%; border-bottom: 1px #ddd solid !important; padding: 8px 15px !important; font-size: 14px !important; } 

/*회사연혁*/
.cmdpp { color: #666; display: block; margin-bottom: 10px; line-height: 160%; } 
.h_top_n { font-size: 26px; padding: 30px 0 10px; color: #222; font-family: 'pretendard', 'Noto Sans KR', sans-serif; height: auto; width: 100%; margin: 0 auto; font-weight: 600; } 
.h_tr { width: 100%; margin: 0 auto; } 
.h_tr span { display: inline-block; } 
.h_tr span.h_cons { padding-left: 10px; } 
.h_tr span.h_no { color: #ff90b2; font-weight: 600; margin: 0px; font-family: 'pretendard', 'Noto Sans KR', sans-serif; font-size: 14px; } 

/*제휴문의*/
.sub-body-cn textarea { font-size: 11px !important; font-family: 'pretendard', 'Noto Sans KR', sans-serif !important; padding: 10px !important; width: 90%; color: #666 !important; border: none !important; background-color: #eee !important; } 

input[type='file'] { width: 160px !important; } 
.bbsnewf5 a:link { color: #666666 !important; } 
.formmail_cell_bgcolor table tbody tr:first-child td:nth-child(1) { display: none !important; } 
.formmail_cell_bgcolor table td { text-align: left !important; } 

/*오시는길*/
.location1 { margin: 30px 0; line-height: 180%; width: 100%; text-align: center; } 
.location1 h3 { font-size: 15px; padding: 0 0 10px 0 !important; color: #333; font-weight: 500; } 
.location1 b { color: #333; padding-right: 3px; } 

/*footer*/
#footerwap { clear: both; width: 100%; padding: 30px 0; background: #292929; color: #999; } 
.footer-divs { width: 100%; max-width: 1140px; margin: 0 auto; } 

#footerwap a { color: #fff; } 
.footer-divs span { display: inline-block; margin: 0 15px 0 0; } 
.footer-divs span b { color: #fff; display: inline-block; margin-right: 5px; } 
.footer-divs .f-cp { clear: both; width: 100%; color: #999; margin: 10px 0; text-transform: capitalize; } 

/*모바일*/
.mobile-s { display: none; } 
.mobile-s table { width: 100%; text-align: center; font-size: 15px !important; background: #eee; font-weight: 600 !important; } 
.mobile-s table td { width: 33.3%; padding: 10px 0; border-right: 1px #ddd solid !important; border-bottom: 1px #ddd solid !important; } 
.mobile-s table td a { color: #333 !important; } 
.mobile-s table td:last-child { border-right: none !important; } 

/* 4차 탭메뉴 */
.d4 { width: 100%; margin: 0 auto; font-size: 0; padding-bottom: 30px; text-align: left; } 
.d4 ul li { display: inline-block; margin: 2px; vertical-align: top; } 
.d4 ul li a { display: block; padding: 8px 25px; font-size: 13px; line-height: 16px; font-weight: 500; color: #666; background: #f5f5f5; border: 1px solid #bbb; text-align: center; } 
.d4 ul li a:hover { color: #000; background: #fff; border: 1px solid #333; } 
.d4 ul li a.active { display: block; color: #000; background: #fff; font-weight: 500; border: 1px solid #333; } 
.d4 ul li.on a { display: block; color: #000; background: #fff; font-weight: 500; border: 1px solid #333; } 

/* .sul_menu { display:none; } */

/* 회사 개요 갤러리 */
.overview-content .board .webzine_type2 > tbody
{display:flex; flex-wrap:wrap; justify-content:space-between;}
.overview-content .board .webzine_type2 > tbody > tr
{border:1px solid #ddd !important; height:230px; width:23% !important; display:flex; align-items:center; margin:1.5% 0; padding:40px !important; text-align:Center; word-break:keep-all;}
.overview-content .board .webzine_type2 > tbody > tr
{display:flex; flex-direction:column; position:relative;}
.overview-content .board .webzine_type2 > tbody > tr td:nth-child(1) 
{display:none;}
.overview-content .board .webzine_type2 > tbody > tr td:nth-child(3) 
{position:absolute; left:0; width:100%;}
.overview-content .board .webzine_type2 > tbody > tr td .webzine_type_img 
{display:block; text-align:center;}
.overview-content .board .webzine_type2 > tbody > tr td .webzine_type_img img
{width:auto; height:auto;}
.overview-content .board .webzine_type_text_td_right
{margin-top:50px;}
.overview-content .board .webzine_type_text_td_right .obj_name
{display:none !important;}
.overview-content .board .webzine_type_text_td_right .webzine_subject
{border:none !important; text-align:center;}
.overview-content .board .webzine_type_text_td_right .webzine_subject .obj_value
{padding:0;}
.overview-content .board .webzine_type_text_td_right .webzine_subject .obj_value .news_title
{font-family:'Noto Sans Kr'; color:#057c3f; font-weight:500; font-size:17px; text-align:center;}
.overview-content .board .webzine_type_text_td_right .webzine_description
{border:none;}
.overview-content .board .webzine_type_text_td_right .webzine_description .obj_value
{padding:0; font-size:17px; color:#666;}
.overview-content .board .webzine_type_text_td_right .webzine_description .obj_value a
{font-size:17px; color:#666; text-decoration:none !important;}
.overview-content .board > tbody > tr > td .gallery-cont 
{font-size:16px !important;}
.overview-content .board .webzine_type_img img
{border:none;}

/* 회사 연혁*/
.history-tab-menu-con ul 
{display:flex; justify-content:center;}
.history-tab-menu-con ul li
{min-width:18rem; border:1px solid #ddd; background:#fff; margin:0 -0.1px; padding:1rem; text-align:center; font-size:18px; color:#333;}
.history-tab-menu-con ul li.active
{background:#006e36; color:#fff;}
.history-tab-content
{margin-top:50px;}

.history-content .board tr 
{}
.history-content .board .att_title
{text-align:center; background:#006531; color:#fff !important}
.history-content .board .att_title font
{ color:#fff !important; font-size:19px !important;}

.history-content .board td 
{text-align:center; padding:20px 5px !important; width:5%}
.history-content .board td.bbsetc_add1
{position:relative; text-align:left; width:80%; padding:20px 30px !important}
/* .history-content .board td.bbsetc_add2,
.history-content .board td.bbsetc_add3
{background:#008742; color:#fff;}
.history-content .board td.bbsetc_add1:before 
{content:''; top:40%; left:0%; position:absolute; border-top: 5px solid transparent; border-left: 5px solid #008742; border-bottom: 5px solid transparent; } */

.history-content .history-view td.board_bgcolor
{text-align:center !important;}
/*--------------------------------------------------------*/
@media screen and (max-width: 1600px){
 #product_info { width: 350px !important; } 
 #product_img { width: 300px !important; } 
 }

@media screen and (max-width: 1199px){
 .topnavibg { width: 100%; margin: 0 auto; vertical-align: middle; } 
 .container { width: 80%; } 
 .logos { padding-left: 30px; } 

 .menu { width: 96% !important; } 

 .footer-mn { width: 90%; } 
 .footer-divs { width: 90%; } 
 .footer-divs span.cp { padding-top: 20px; } 
 .top-mn div.bgm { width: 90%; } 
 .body-content,
 .main-content { width: 90%; padding-top: 15px; } 
 .sub-body-cn { width: 92%; margin: 0 auto; } 
 .sub-tit-bg h1 { width: 92%; max-width: 92%; } 
 .companyarea1 .sub-body-cn { background: none !important; } 

 .main-content { width: 96%; margin: 0 auto; } 
 .main-cs { width: 96%; margin: 0 auto; } 
 .product-divs { width: 100%; margin: 0 auto; padding: 50px 0; } 
 .works-divs { padding: 50px 0; } 
 .works-div { max-width: 96%; } 
 .cs-divs { padding: 50px 0; } 
 .cs-div { max-width: 90%; } 

 /* 홍보영상 영역 */
 #movie { background-size: cover; height: auto; padding: 30px; } 
 #movie h3 { font-size: 28px; line-height: 34px; } 

 #footer-mn ul { max-width: 90%; margin: 0 auto !important; } 
 #footer-top { max-width: 100%; } 

 .main-nt { max-width: 96%; margin: 0 auto; } 
 .main-nt span:nth-child(1) { width: 15%; } 
 .main-nt span:nth-child(2) { width: 85%; } 
 .product-div { width: 96%; margin: 0 auto; } 
 .workstep-divs { width: 96%; margin: 0 auto; } 
 .main-btns { width: 96%; margin: 0 auto; } 

 .workswap span { width: 22%; margin-bottom: 15px; } 

 .gallerybbs table img { height: auto; } 
 .sub-menus { margin: 0 auto; text-align: center; } 

 .nav > li > a { padding: 0 30px; } 

 .main100gap { height: 50px; } 

 .main-btns div { width: 50%; text-align: center; margin-bottom: 30px; letter-spacing: -0.02em; } 

 .main-btns div h2 { font-size: 15px; } 
 }

@media screen and (max-width: 800px){
 .rwrite input[type='text' i] { max-width: 50%; } 
 .rwrite td:nth-child(1) { width: 40%; } 
 .rwrite td:nth-child(2) { width: 60%; } 
 input[type='text' i] { max-width: 70%; } 
 input#border { width: 70%; } 

 /* 홍보영상 영역 */
 #movie .youtube-wrap { padding: 0 20px; } 

 .qalist td:first-child { display: none; } 
 .webzine_description { display: none; } 
 .newslist .webzine_type2 .webzine_type_text_td_left { width: 100% !important; } 

 .menu { text-align: left !important; width: 100% !important; color: #fff; } 
 .menu ul li a { color: #fff; } 
 .menu ul ul > li a { text-align: left !important; } 
 .nav_wrapper { background: #424242 !important; padding: 0 !important; } 
 .nav_wrapper { border: none !important; } 

 .main-div span.main-cs { margin-bottom: 0; } 
 .main-div span.main-cs { width: 40%; padding-left: 3%; display: inline-block; vertical-align: top; } 
 .main-div span.main-nt { width: 47%; display: inline-block; vertical-align: top; } 
 .menu ul li.hover > a { background-color: #5d5d5d !important; } 
 .menu ul li > a { padding: 10px 20px !important; } 
 .menu ul.sub-menu li a { padding: 5px 20px !important; } 
 .menu ul.sub-menu li:last-child a { padding: 5px 20px !important; } 

 .menu li.has-submenu > a.active:after { top: -10px !important; font-size: 2em !important; } 

 .menu li.has-submenu > a:after { padding: 0.4em 0.5em !important; } 

 .sub-body-cn-left { width: 100%; margin: 0 auto; padding: 10px 0; } 
 .sub-body-cn-right { width: 100%; margin: 0 auto; padding: 10px 0; } 
 #secondmenu h1,
 #secondmenu .leftmenu dl { width: 100%; } 
 .history { display: none !important; } 
 .mem1-s1 { width: 90%; padding: 5px; } 

 #product_info { width: 100% !important; } 
 #product_img { width: 100% !important; } 

 .product-gallery-view table img { width: 100% !important; } 

 .sub-tit-bg { background-position: right center; } 
 .main-div span { margin-top: 20px; } 
 #post_area img { max-width: 100%; height: auto !important; } 

 .product-div { width: 86%; margin: 0 auto; } 
 .workswap span { width: 30%; } 

 .works-div div { width: 100%; float: none; margin: 0 auto; } 
 .works-div div.div1s { margin-right: 0; padding-top: 30px; } 
 .works-div div.div2s { margin-left: 0; padding-top: 30px; } 
 .works-div div.div3s { margin-left: 0; } 

 .sub-menus ul li { padding: 10px 15px; } 
 }

@media screen and (max-width: 750px){
 .sub-body-cn { padding: 50px 0; } 

 .logo-img { display: none; } 

 .nav_wrapper:hover { background-color: #333; } 
 .menu ul ul > li a:hover { background-color: #333 !important; } 
 .menu ul ul > li a { border-bottom: none !important; padding: 10px 10px 10px 20px !important; } 

 .produce-2u-img img { width: 70px; height: 70px; } 
 .top-mn div.bgm { text-align: center; } 

 .biz-cnt em { font-size: 28px; padding: 0 0 20px 0; } 
 .biz-cnt b { font-size: 12px; } 

 #ov_tb th { width: 30%; } 
 #ov_tb td { width: 70%; } 
 .margin30s { margin: 30px auto 30px !important; } 
 }

@media screen and (max-width: 650px){
 .gallerybbs td { display: block; width: 100% !important; } 
 .gallerybbs table { width: 100% !important; } 
 .gallerybbs table td.board_output_gallery_img img,
 .gallerylist .board table td img { max-width: 100%; height: auto; } 

 .sub-bg1,
 .sub-bg2,
 .sub-bg3,
 .sub-bg4,
 .sub-bg5,
 .sub-bg6,
 .sub-bg7 { padding: 50px 0; } 
 .sub-menus h1 { font-size: 1.5em; } 
 .company-cnt h3 { font-size: 1.2em; } 
 .sub-body-cn img { width: 100%; } 
 .pbrnone br { display: none; } 
 .main-btns div br { display: none; } 

 #sub-body-div { clear: both; width: 100%; height: auto; min-height: auto; } 

 .mtableo iframe { width: 100%; float: none; margin: 0; } 

 .gallerybbs table { width: 94% !important; } 
 .board_output_gallery_description { display: none; } 
 .gallerybbs table td.board_output_gallery_img img { height: auto; } 
 .t_m1 .member_border { width: 90px !important; padding: 2px; display: inline-block; margin: 3px 0; } 
 .t_m1 td:nth-child(1) { width: 30% !important; font-size: 11px !important; letter-spacing: -0.06em; } 
 .t_m1 td { line-height: 180%; } 
 .t_m1 td:nth-child(2) { width: 70% !important; } 
 .t_m1 .member_txt { width: 100%; } 
 .mem1-s1 br { display: block; } 

 #dl1 dd { margin: 0 !important; } 
 #txtbox_info { margin-bottom: 5px !important; } 
 p.ov_title { font-size: 16px; margin-bottom: 10px; } 
 .top-mn div.bgm span.telic { display: none; } 
 .top-mn div.bgm span.telicm { display: block; } 

 .bbsnewf5 { padding: 5px !important; } 

 .table_02 td input[type='text'] { width: 80%; } 
 .formmail_border { width: 100%; } 
 .table_02 td textarea { width: 90%; } 
 .sub-tit-bg { font-size: 13px; } 
 .sub-menus ul { text-align: center; } 
 #footer-mn { display: none; } 
 .footer-divs div { float: none !important; width: 100% !important; margin-bottom: 20px !important; } 
 .footer-divs .f-div1 .f-cp { display: none; } 
 #footerwap { min-height: auto !important; padding: 30px 0 10px; } 

 .works-divs { min-height: auto; } 
 .about-sp { float: none !important; width: 100%; height: auto; margin-bottom: 30px; } 
 .cs-divs { padding: 50px 0; min-height: auto; } 
 .cs-divs div { float: none !important; width: 100%; height: auto; margin-bottom: 30px; } 

 .main-btns div ul { padding-bottom: 0 !important; } 
 .webzine_type_img_td { display: none; } 

 .d4 ul li a { display: block; padding: 5px 15px; font-size: 12px; line-height: 16px; font-weight: 500; color: #666; background: #f5f5f5; border: 1px solid #bbb; text-align: center; } 
 }

@media screen and (max-width: 500px){
 .main-docs p br { display: none; } 
 .main-docs h3 { font-size: 1.8em; } 
 table.board_output td:nth-child(3) { display: inline-block !important; } 
 .product-div h3,
 .works-div h3 { font-size: 26px; line-height: 160%; } 
 .sub-menus ul li a { font-size: 14px; } 

 .tel-m { display: block; position: absolute; right: 10px; top: 15px; } 
 .main-div span.main-cs,
 .main-div span.main-nt { width: 100%; display: block; padding: 0; } 
 .mem1 { width: 96%; margin: 0 auto; } 
 .mem1-s1 { margin: 0 0 20px 0; } 
 .mem1-s1 br { display: none; } 
 .mem1-s1 span { display: block; padding: 2px 15px; font-weight: 600; min-height: 10px; } 
 .mem1-s1 span input[type='text'],
 .mem1 span input[type='password'],
 .mem1 span input[type='email'] { width: 92%; } 
 input[type='text' i] { width: 80px; } 

 .mem1-s1 { width: 92%; } 

 /* 홍보영상 영역 */
 #movie .youtube-wrap { padding: 0; } 

 .t_01 th { padding: 0 !important; border-right: 1px solid #cfcfcf !important; } 
 .mboo { display: none !important; } 
 #dl2 dt { padding-left: 5px !important; } 
 #dl2 dd { padding: 0 0 0 10px !important; } 

 #btn a { display: inline-block; margin: 5px; } 

 #ov_tb th { width: 35%; } 
 #ov_tb td { width: 65%; } 

 .cmdpp br { display: none; } 
 .company-cnt { margin: 0 auto; height: auto; padding-bottom: 30px; } 
 .location1 { margin: 30 auto; height: auto; } 

 .sub-tit-bg { padding: 10px 0; } 
 .sub-tit-bg h1 { font-size: 22px; } 
 .board_output { width: 100%; } 
 p.ov_con,
 .cmdpp { font-size: 13px; } 
 .ov_con br { display: none; } 

 .sub-tit-bg h1 { width: 90%; max-width: 90%; } 
 .sub-body-cn { width: 90%; } 

 .footer-divs { min-height: 150px; } 
 .footer-divs .footer-divs1 { width: 100%; } 
 .footer-divs .footer-divs2 { width: 100%; } 

 .main-nt span:nth-child(1) { width: 35%; } 
 .main-nt span:nth-child(2) { width: 65%; } 
 table.board_output td:nth-child(3) { display: none; } 
 .main-cs { font-size: 13px; } 
 .workswap span { width: 80%; } 

 .mobile-s { display: block; } 
 }

@media screen and (max-width: 380px){
 .footer-divs .footer-bto { margin-top: 10px; } 
 .footer-divs .footer-bto a { margin-top: 10px; } 

 .main-nt span:nth-child(1) { width: 40%; } 
 .main-nt span:nth-child(2) { width: 60%; } 
 .sub-menus ul li { padding: 0 10px; margin: 10px 0; } 
 }

@media (max-width: 768px){
 .wow { visibility: visible !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } 

  .overview-content .board .webzine_type2 > tbody > tr
  {width:49% !important; padding:20px 10px !important; height:auto;}
  .overview-content .board .webzine_type2 dl
  {padding:0;}
  .overview-content .board .webzine_type2 .webzine_type_img_td 
  {display:block !important;}
  .overview-content .board .webzine_type2 .webzine_description
  {display:block !important; height:auto !important;}
  .overview-content .board .webzine_type_text_td_right .webzine_description .obj_value a
  {font-size:14px;}
  .sub-body-cn img
  {width:auto !important;}
 }