@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* for styles */
@import url("default.css");

/* layout */
html, body {min-width:1280px; width:100%; overflow-x:hidden; word-break:keep-all;}
input.text,
select.text,
textarea.text {border:#ddd 1px solid; outline:0; transition:.2s linear;}
input.text,
select.text {height:30px;}
input.text:focus,
select.text:focus,
textarea.text:focus {border-color:#aaa;}
input.text {padding:0 10px;}
select.text {padding-left:10px;} 
body.ie select.text {padding:0 0 0 0 !important; background:none;}
a {transition:.2s linear;}
a.smoth_link {scroll-behavior:smooth;}

.inner {width:100%; max-width:1280px; margin:0 auto;}
.mo_vw {display:none !important;}

.green {color:#23742b !important;}

/* 게시판 목록 */
.board_list {border-top:#ddd 1px solid;}
.board_list th,
.board_list td {height:60px; text-align:center; border-bottom:#ddd 1px solid; font-size:18px;}
.board_list th {color:#333;}
.board_list td {color:#666;}
.board_list td.tal a {display:inline-block; max-width:100%; vertical-align:top; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.board_top {overflow:hidden; margin-bottom:30px;}
.board_top .total {position:relative; float:left; font-size:18px; color:#666; line-height:40px; padding-left:10px;}
.board_top .total:before {content:""; position:absolute; top:18px; left:0; width:4px; height:4px; background:#aaa;}
.board_top .search_wrap {float:right;}
.board_top .search_wrap .text,
.board_top .search_wrap .btn {display:inline-block; vertical-align:top; height:40px; font-size:16px;}
.board_top .search_wrap select.text {width:140px;}
.board_top .search_wrap input.text {width:310px; margin:0 10px;}
.board_top .search_wrap .btn {width:100px; line-height:38px; color:#1f7228; font-weight:700; text-align:center; border:#1f7228 1px solid; background:none;}

.board_bottom {}
.board_bottom .btns {overflow:hidden; margin-top:20px; font-size:0;}
.board_bottom .btns .btn {display:inline-block; width:150px; height:45px; line-height:43px; background:#fff; font-size:17px; color:#1f7228; font-weight:bold; text-align:center; border:#1f7228 1px solid; vertical-align:top; transition:.2s linear;}
.board_bottom .btns .btn:hover {background:#1f7228; color:#eee;}
.board_bottom .btns.tac .btn {margin:0 5px;}
.board_bottom .btns .fl .btn {margin-right:10px;}
.board_bottom .btns .fr .btn {margin-left:10px;}
.board_bottom .paging {text-align:center; margin-top:70px;}
.board_bottom .paging a {display:inline-block; width:42px; height:42px; line-height:40px; border:#fff 1px solid; text-align:center; font-size:17px; color:#999; vertical-align:top; margin:0 5px;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {color:#1f7228; font-weight:bold; border-color:#1f7228;}
.board_bottom .paging .nums {margin:0 10px;}
.board_bottom .paging .arrow {letter-spacing:-2px; font-family:'nanum gothic'; font-size:12px;}

/* 게시판 상세 */
.board_in {border-top:#ddd 1px solid;}
.board_in * {word-break:break-all;}
.board_in th,
.board_in td {text-align:left; padding:10px; border-bottom:#ddd 1px solid;}
.board_in thead th {font-size:24px; color:#333; font-weight:700; line-height:30px; padding:26px 0; text-align:center;}
.board_in thead td {overflow:hidden; font-size:0;}
.board_in thead td.file {position:relative; overflow:hidden; padding-left:90px;}
.board_in thead td.file dt,
.board_in thead td.file dd {font-size:17px; line-height:40px;}
.board_in thead td.file dt {position:absolute; top:10px; left:0; color:#333; font-weight:500; width:90px;}
.board_in thead td.info {text-align:right; border-bottom:0;}
.board_in thead td span {position:relative; display:inline-block; font-size:16px; color:#999; font-weight:400; line-height:40px; vertical-align:top; padding:0 15px;}
.board_in thead td span:after {content:""; position:absolute; top:50%; right:0; width:1px; height:10px; background:#ddd; margin-top:-5px;}
.board_in thead td span:last-child {padding-right:0;}
.board_in thead td span:last-child:after {display:none;}
.board_in tbody td {font-size:17px; color:#666; line-height:27px; padding:50px 0;}
.board_write tbody th {width:140px;}
.board_write tbody td {padding:10px;}

/* 갤러리 목록 */
.gall_list ul {overflow:hidden; margin-top:-20px;}
.gall_list ul li {float:left; width:305px; margin:20px 0 0 20px;}
.gall_list ul li:nth-child(4n-3) {margin-left:0; clear:both;}
.gall_list ul li a {display:block; font-size:0;}
.gall_list ul li .img {display:block; width:100%; height:305px; line-height:303px; overflow:hidden; border:#ddd 1px solid;}
.gall_list ul li p {display:block; font-size:18px; color:#333; font-weight:500; margin-top:5px; text-align:center; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; height:95px; background:#fff; border-bottom:#1f7228 3px solid; box-shadow:rgba(0,0,0,.5) 0 0 10px; z-index:30;}
.header:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff;}
.header .inner {position:relative;}
.header .logo {position:absolute; top:0; left:0; height:92px; line-height:92px; font-size:0; z-index:1;}
.header .logo h1 {display:none; font-size:0;}
.header .langs {position:absolute; top:28px; right:0; border:#dfdfdf 1px solid; z-index:1;}
.header .langs a {position:relative; display:block; font-size:12px; color:#666; line-height:33px; width:130px; padding:0 26px 0 45px; background:url('/images/icon_langs_us.gif') no-repeat 8px 50%;}
.header .langs a i {position:absolute; top:0; right:10px; width:6px; height:100%;}
.header .langs a i:before,
.header .langs a i:after {content:""; position:absolute; top:50%; left:50%; width:8px; height:2px; background:#aaa; margin-left:-4px;}
.header .langs a i:before {transform:rotate(45deg); margin-top:-3px;}
.header .langs a i:after {transform:rotate(-45deg); margin-top:3px;}
.header .gnb {position:relative;}
.header .gnb:hover {}
.header .gnb:before {content:""; position:absolute; top:95px; left:50%; width:200%; height:0; transform:translate(-50%,0); background:#fefbee;}
.header .gnb:hover:before {height:240px;}
.header .gnb .black {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:-1; display:none;}
.header .gnb:hover .black {display:block;}
.header .gnb .black:hover {display:none;}
.header .gnb ul {text-align:center; font-size:0;}
.header .gnb li {position:relative; display:inline-block; margin:0 35px;}
.header .gnb li > a {display:block; font-size:20px; color:#222; font-weight:500; line-height:92px; padding:0 30px;}
.header .snb {position:absolute; top:92px; left:0; width:100%; height:243px; padding:18px 0 15px; z-index:1; display:none;}
.header .snb a {display:block; font-size:17px; color:#333; line-height:35px; text-align:center;}
.header .gnb:hover .snb {display:block;}
.header .gnb li:hover .snb {background:#23742b;}
.header .gnb li:hover .snb a {color:#fff;}

/* footer */
.footer {background:#464646; border-top:#6b6b6b 1px solid;}
.footer .links {border-bottom:rgba(255,255,255,.2) 1px solid;}
.footer .links ul {position:relative; overflow:hidden;}
.footer .links li {float:left; margin-right:40px;}
.footer .links li a {display:block; font-size:16px; color:#fff; line-height:58px;}
.footer .links li.cataloge {float:right; margin-right:0;}
.footer .links li.cataloge a {position:relative; background:url('/images/icon_cataloge.png') no-repeat rgba(255,255,255,.1) 20px 50%; padding:0 20px 0 57px; width:250px;}
.footer .links li.cataloge a i {position:absolute; top:0; right:20px; line-height:58px; font-size:18px; color:rgba(255,255,255,.5);}
.footer .address {position:relative; padding:30px 0 50px; font-size:16px; color:#999; line-height:26px;}
.footer .address strong {font-size:18px;}
.footer .address .copy {font-size:15px; color:#999; line-height:20px; margin-top:10px;}
.footer .address em {padding:0 10px;}
.footer .family {position:absolute; top:30px; right:0; width:250px; height:48px;}
.footer .family dt {position:relative; font-size:18px; color:#999; line-height:46px; padding:0 20px; border:#a3a3a3 1px solid; cursor:pointer;}
.footer .family dt i {position:absolute; top:0; right:20px; line-height:46px; transition:.2s linear;}
.footer .family.on dt i {transform:scale(-1);}
.footer .family dd {position:absolute; bottom:46px; left:0; width:100%; border:#a3a3a3 1px solid; background:#464646; display:none;}
.footer .family dd a {display:block; font-size:14px; color:#999; line-height:30px; padding:0 20px;}
.footer .family dd a:hover {color:#fff;}

/* main */
.mvisual {margin-top:95px;}
.mvisual .slick-slide {position:relative; height:880px; overflow:hidden; font-size:0;}
.mvisual .txt {position:relative; z-index:1;}
.mvisual .txt img {margin:0 auto;}
.mvisual .img {position:absolute; top:0; left:50%; min-width:1920px; margin-left:-960px;}
.mvisual .txt .btn {display:block; font-size:18px; color:rgba(0,0,0,.4); line-height:50px; border:rgba(0,0,0,.4) 1px solid; width:260px; margin:50px auto 0;}
.mvisual .mv1 .txt {position:absolute; top:250px; left:50%; margin-left:-50px; width:770px; text-align:center;}
.mvisual .mv1 .txt strong {position:relative; display:block; font-size:30px; color:#5f7e36; font-weight:500; line-height:30px; padding:0 0 21px; margin:20px 0;}
.mvisual .mv1 .txt strong:after {content:""; position:absolute; bottom:0; left:50%; width:110px; height:2px; background:rgba(0,0,0,.16); margin-left:-55px;}
.mvisual .mv1 .txt p {font-size:18px; color:#666; font-weight:400; line-height:28px; text-align:center;}
.mvisual .mv2 .txt {text-align:center; padding-top:135px; width:100%;}
.mvisual .mv2 .txt img {margin:0 auto 25px;}
.mvisual .mv2 .txt p {font-size:20px; color:#333; line-height:30px; text-align:center;}
.mvisual .mv2 .txt .noto_s {font-size:24px; color:#264a87; font-weight:700;}
.mvisual .mv3 .txt {padding-top:165px; width:100%; text-align:center;}
.mvisual .mv3 .txt img {margin:0 auto 20px;}
.mvisual .mv3 .txt p {font-size:20px; color:#666; line-height:20px; margin-bottom:20px;}
.mvisual .mv3 .txt .btn {margin-top:-50px;}
.mvisual .slick-dots {position:absolute; bottom:60px; left:0; width:100%; text-align:center; font-size:0;}
.mvisual .slick-dots li {display:inline-block; margin:0 8px;}
.mvisual .slick-dots li button {display:block; width:14px; height:14px; background:#fff; border-radius:7px; text-indent:500px; overflow:hidden; transition:.2s linear;}
.mvisual .slick-dots li.slick-active button {width:44px;}

.mcon01 {padding:100px 0;}
.mcon01 .inner {position:relative; padding-right:610px; height:606px; background:url('/images/img_mc01.png') no-repeat right top;}
.mcon01 em {display:block;font-size:18px; color:#aaa; font-weight:700; line-height:20px; margin-bottom:45px;}
.mcon01 .tt {font-size:45px; color:#333; line-height:50px; margin-bottom:30px;}
.mcon01 .tt strong {color:#227329;}
.mcon01 p {font-size:16px; color:#666; line-height:26px;}

.mcon02 td {width:50%; height:606px; text-align:center; vertical-align:middle; background:no-repeat 50% 50% / cover;}
.mcon02 td .tt {font-size:36px; color:#fff; font-weight:700; line-height:40px; margin-bottom:10px;}
.mcon02 td p {font-size:16px; color:#fff; line-height:26px;}
.mcon02 td a {display:block; font-size:16px; color:rgba(255,255,255,.5); line-height:38px; height:40px; width:120px; margin:50px auto 0; border-top:rgba(255,255,255,.5) 1px solid; border-bottom:rgba(255,255,255,.5) 1px solid;}
.mcon02 td.left {background-image:url('/images/img_mc02_01.jpg');}
.mcon02 td.right {background-image:url('/images/img_mc02_02.jpg');}

.mcon03 {position:relative; padding:90px 0 100px; background:url('/images/bg_mc03.jpg') no-repeat bottom center / cover;}
.mcon03 .inner {position:relative; height:1110px; padding-top:220px;}
.mcon03 .tt {font-size:36px; color:#333; font-weight:300; line-height:42px; padding:0 0 0 40px; /*background:url('/images/logo.png') no-repeat 320px 0;*/}
.mcon03 .tt strong {display:block; padding-left:65px;}
.mcon03 a {position:absolute; display:block;}
.mcon03 a .txt {position:absolute; bottom:0; left:0; width:390px; height:190px; background:rgba(255,255,255,.8); padding:50px 40px; font-size:16px; color:#aaa; font-weight:500; line-height:16px;}
.mcon03 a .txt strong {display:block; font-size:30px; color:#333; font-weight:500; line-height:32px; margin:10px 0 20px;}
.mcon03 a .txt i {display:block; width:58px; height:12px; background:url('/images/arrow_link.png') no-repeat 50% 50%;}
.mcon03 .link1 {top:5px; left:556px; width:623px; height:515px; background:url('/images/img_mc03_01.jpg');}
.mcon03 .link2 {top:397px; left:0; width:466px; height:677px; background:url('/images/img_mc03_02.jpg');}
.mcon03 .link3 {top:652px; left:738px; width:543px; height:460px; background:url('/images/img_mc03_03.jpg');}

.mcon04 {position:relative; padding:100px 0 100px 260px;}
.mcon04 .tt {position:absolute; top:100px; left:0; font-size:30px; color:#333; font-weight:700; line-height:40px;}
.mcon04 .tt a {display:block; font-size:18px; color:#54935a; font-weight:400; line-height:24px; margin-top:35px;}
.mcon04 ul {border-top:#ddd 1px solid; min-height:180px;}
.mcon04 li {border-bottom:#ddd 1px solid;}
.mcon04 li a {position:relative; display:block; font-size:17px; color:#666; line-height:44px; padding:0 120px 0 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mcon04 li a p {position:absolute; top:0; right:0; width:120px; font-size:16px; color:#999; line-height:44px; text-align:center;}
.mcon04 li.empty_li {font-size:15px; color:#666; text-align:center; padding:20px 0;}

/* sub */
.svisual {margin-top:95px; background:no-repeat 50% 50% / cover;}
.svisual .inner {display:table;}
.svisual .inbox {display:table-cell; vertical-align:middle; height:280px;}
.svisual strong {display:block; font-size:45px; color:#fff; line-height:46px;}
.svisual p {font-size:18px; color:#fff; line-height:20px; margin-top:20px;}
.svisual.g01 {background-image:url('/images/svisual01.jpg');}
.svisual.g02 {background-image:url('/images/svisual02.jpg');}
.svisual.g03 {background-image:url('/images/svisual03.jpg');}
.svisual.g04 {background-image:url('/images/svisual04.jpg');}
.svisual.g09 {background-image:url('/images/svisual01.jpg');}
.svisual.g00 {background-image:url('/images/svisual01.jpg');}
.aside {border-bottom:#ddd 1px solid;}
.aside .home,
.aside dl.g,
.aside dl.s dt {display:none;}
.aside dd {overflow:hidden;}
.aside a {position:relative; float:left; display:block; font-size:18px; color:#999; line-height:60px; text-align:center;}
.aside a:before {content:""; position:absolute; bottom:0; left:50%; width:0; height:2px; background:#23742b; transition:.2s linear;}
.aside a.on,
.aside a:hover {color:#23742b;}
.aside a.on:before,
.aside a:hover:before {left:0; width:100%;}
.aside.g01 a {width:16.6666%;}
.aside.g02 a {width:50%;}
.aside.g03 a {width:33.3333%;}
.aside.g04 a {width:25%;}

.container {padding:35px 0 100px;}
.container .title {font-size:40px; color:#333; font-weight:700; line-height:40px; margin-bottom:65px;}
.container .title i {position:relative; display:inline-block; margin-left:10px; width:14px; height:40px; vertical-align:top;}
.container .title i:before {content:""; position:absolute; bottom:0; left:0; width:14px; height:14px; background:#23742b; border-radius:50%;}
.container p {font-size:18px; color:#666; line-height:26px;}
.stit {position:relative; font-size:30px; color:#333; font-weight:700; line-height:34px; padding-left:58px; margin:60px 0 25px;}
.stit:before {content:""; position:absolute; top:15px; left:0; width:30px; height:4px; background:#508f20;}

/* CEO 인사말 */
.g01.s01 .txt_box {display:table; width:100%; margin-bottom:40px;}
.g01.s01 .txt_box > div {display:table-cell; width:50%; vertical-align:middle; height:340px;}
.g01.s01 .txt_box .txt {padding:0 70px; background:url('/images/img_s0101_gra.jpg') no-repeat 50% 50% / cover;}
.g01.s01 .txt_box .txt em {display:block; font-size:18px; color:rgba(255,255,255,.5); font-weight:700; line-height:20px; margin-bottom:20px;}
.g01.s01 .txt_box .txt .tt {font-size:30px; color:#fff; line-height:40px;}
.g01.s01 .txt_box .img {background:url('/images/img_s0101.jpg') no-repeat 50% 50% / cover;}
.g01.s01 p.tar {font-weight:700; margin-top:50px;}

/* 회사연혁 */
.history_wrap {position:relative; padding-left:640px;}
.history_wrap .txt {position:absolute; top:0; left:0; width:590px;}
.history_wrap .txt .tt {font-size:26px; color:#333; line-height:36px; margin-bottom:20px;}
.history_wrap .txt p {position:relative; color:#999; padding-bottom:30px; margin-bottom:30px;}
.history_wrap .txt p:after {content:""; position:absolute; bottom:0; left:0; width:36px; height:3px; background:#333;}
.history_wrap .txt .img img {box-shadow:#f7f7f7 20px 40px 0;}
.history {position:relative;}
.history:before {content:""; position:absolute; top:0; left:0; width:2px; height:100%; background:#ededed;}
.history dl {padding-left:32px;}
.history dt {position:relative; font-size:30px; color:#7ac319; font-weight:700; line-height:26px; margin-bottom:15px;}
.history dt:before,
.history dt:after {content:""; position:absolute; border-radius:50%;}
.history dt:before {width:26px; height:26px; top:0; left:-44px; background:rgba(122,195,25,.2);}
.history dt:after {width:12px; height:12px; top:7px; left:-37px; background:#7ac319;}
.history dd {padding-bottom:30px; border-bottom:#bfbfbf 1px dashed; margin-bottom:30px;}
.history dd p {position:relative; font-size:18px; color:#999; line-height:28px; padding-left:38px;}
.history dd p em {position:absolute; top:0; left:0; color:#333;}

/* 사업소개 */
.g01.s03 .txt {text-align:center; margin-bottom:45px;}
.g01.s03 .txt em {position:relative; display:inline-block; font-size:30px; color:#333; line-height:36px; padding:9px 60px;}
.g01.s03 .txt em:before,
.g01.s03 .txt em:after {content:""; position:absolute; top:0; width:24px; height:100%; border:#ebebeb 8px solid;}
.g01.s03 .txt em:before {border-left-width:12px; border-right:0; left:0;}
.g01.s03 .txt em:after {border-right-width:12px; border-left:0; right:0;}
.g01.s03 ul {overflow:hidden; margin:50px 0;}
.g01.s03 li {float:left; width:240px; margin-left:20px;}
.g01.s03 li:first-child {margin-left:0;}
.g01.s03 li .tt {font-size:24px; color:#333; font-weight:700; line-height:60px; text-align:center; border-top:#a8c410 2px solid; border-bottom:#ddd 1px solid;}
.g01.s03 li .cn {padding:15px 10px; height:142px;}
.g01.s03 li .cn p {position:relative; line-height:28px; padding-left:16px;}
.g01.s03 li .cn p:before {content:""; position:absolute; top:11px; left:0; width:6px; height:6px; background:#aaa; border-radius:50%;}

/* 연구소 */
.g01.s04 .img_box dl {position:relative; padding-left:50%; height:366px; margin-bottom:20px; overflow:hidden;}
.g01.s04 .img_box dt {position:absolute; top:0; left:0; width:50%; height:100%; background:no-repeat 50% 50% / cover;}
.g01.s04 .img_box dd {position:relative; display:table; width:100%; height:100%; background:#f7f7f7;}
.g01.s04 .img_box dd:after {content:""; position:absolute; bottom:0; right:0; width:66px; height:66px; background:url('/images/side_s0104_1.gif');}
.g01.s04 .img_box dd .inbox {display:table-cell; vertical-align:middle; padding:0 60px;}
.g01.s04 .img_box dd .tt {font-size:26px; color:#333; font-weight:500; line-height:36px;}
.g01.s04 .img_box dd .tt strong {color:#368025;}
.g01.s04 .img_box dd p {position:relative; color:#999; margin-top:15px; z-index:1;}
.g01.s04 .img_box .rev {padding:0 50% 0 0;}
.g01.s04 .img_box .rev dt {left:auto; right:0;}
.g01.s04 .img_box .rev dd {background:#508f20;}
.g01.s04 .img_box .rev dd:after {left:0; right:auto; background:url('/images/side_s0104_2.gif');}
.g01.s04 .img_box .rev dd .tt,
.g01.s04 .img_box .rev dd .tt strong,
.g01.s04 .img_box .rev dd p {color:#fff;}
.g01.s04 .tac {margin-top:50px;}
.g01.s04 .icons {text-align:center; font-size:0;}
.g01.s04 .icons li {position:relative; display:inline-block; margin:0 30px; width:300px;}
.g01.s04 .icons li:before {content:""; position:absolute; top:86px; left:50%; width:140%; height:1px; background:#ddd; margin-left:-70%; z-index:-1;}
.g01.s04 .icons li:first-child:before {width:70%; margin-left:0;}
.g01.s04 .icons li:last-child:before {width:70%;}
.g01.s04 .icons li .tt {display:block; margin-bottom:20px;}
.g01.s04 .icons li dl {border:#ddd 1px solid;}
.g01.s04 .icons li dt {font-size:22px; color:#333; font-weight:500; line-height:48px; text-align:center; background:#f8f8f8; border-bottom:#ddd 1px solid;}
.g01.s04 .icons li dd {display:table; width:100%;}
.g01.s04 .icons li dd .inbox {display:table-cell; height:123px; vertical-align:middle; text-align:center; font-size:18px; color:#999; line-height:26px; padding:0 20px;}

/* 대리점 */
.map_box {position:relative; padding-left:610px; height:600px;}
.map_box .img {position:absolute; top:0; left:0;}
.map_box .txt .tt {font-size:30px; color:#666; font-weight:500; line-height:30px; margin-bottom:10px;}
.map_box .contact {margin-top:35px; padding:36px 0 0 85px; border-top:#ddd 1px solid; background:url('/images/icon_tel.gif') no-repeat 0 36px;}
.map_box .contact em {display:block; font-size:20px; font-weight:500; line-height:24px;}
.map_box .contact .tel {font-size:24px; color:#333; font-weight:700; line-height:24px; margin:5px 0;}
.map_box .contact p {color:#c48989;}
.map_box .contact .btn {display:block; font-size:20px; color:#fff; font-weight:700; line-height:55px; height:55px; width:200px; text-align:center; background:#1f7228; border:0; margin-top:20px;}

/* 오시는길 */
.map_txt {position:relative; padding-left:300px; text-align:right; font-size:0; overflow:hidden; min-height:112px;}
.map_txt .tt {position:absolute; top:0; left:0; width:250px; font-size:26px; color:#333; font-weight:700; line-height:36px; padding:20px 0; border-right:#ddd 2px solid; text-align:left;}
.map_txt .tt span {display:block;}
.map_txt dl {display:inline-block; vertical-align:top; text-align:left; padding:30px 0 30px 64px; background:no-repeat 0 50%;}
.map_txt dt {font-size:18px; color:#333; font-weight:500; line-height:20px; margin-bottom:5px;}
.map_txt dd {font-size:18px; color:#777; font-weight:400; line-height:20px;}
.map_txt .a {float:left; background-image:url('/images/icon_s0106_01.gif');}
.map_txt .t {background-image:url('/images/icon_s0106_02.gif');}
.map_txt .f {background-image:url('/images/icon_s0106_03.gif'); margin-left:100px;}

/* 제품소개 */
.tabs {display:table; width:100%; border-left:#ddd 1px solid; margin-bottom:40px;}
.tabs li {display:table-cell; border:#ddd 1px solid; border-left:0; width:14.2%; vertical-align:middle;}
.tabs li a {display:block; font-size:18px; color:#999; line-height:48px; text-align:center;}
.tabs li:hover,
.tabs li.on {background:#333;}
.tabs li:hover a,
.tabs li.on a {color:#fff;}

/* 장류제품 */
.gall_view {width:960px; border:#666 3px solid; padding:50px; overflow:hidden;}
.gall_view .img {float:left;width:385px; height:385px; line-height:383px; text-align:center; border:#ddd 1px solid;}
.gall_view .img img {width:auto; height:auto; max-width:100%; max-height:100%;}
.gall_view .txt {float:right; width:430px;}
.gall_view .txt .tt {font-size:26px; color:#333; font-weight:700; line-height:30px; padding:35px 0 20px;}
.gall_view .txt table {border-top:#23742b 2px solid;}
.gall_view .txt th,
.gall_view .txt td {border-bottom:#ddd 1px solid; font-size:18px; line-height:30px; padding:12px 0; vertical-align:top;}
.gall_view .txt th {color:#23742b; width:120px; text-align:center;}
.fancybox-close {top:20px; right:20px; width:54px; height:54px; background:none;}
.fancybox-close:before,
.fancybox-close:after {content:""; position:absolute; top:50%; left:50%; width:44px; height:4px; background:#666; margin:-2px 0 0 -22px;}
.fancybox-close:before {transform:rotate(45deg);}
.fancybox-close:after {transform:rotate(-45deg);}

/* 조미류제품 */
.g02.s02 .tabs li {width:33.3333%;}
.g02.s02 .tt {font-size:24px; color:#333; font-weight:500; line-height:40px; text-align:center; margin-bottom:40px;}
.g02.s02 .img_box dl {position:relative; padding-left:50%; height:485px; margin-bottom:40px;}
.g02.s02 .img_box dt {position:absolute; top:0; left:0; width:50%; height:100%; background:no-repeat 50% 50% / cover;}
.g02.s02 .img_box dd {position:relative; display:table; width:100%; height:100%; background:#f7f7f7;}
.g02.s02 .img_box dd:after {content:""; position:absolute; bottom:0; right:0; width:66px; height:66px; background:url('/images/side_s0104_1.gif');}
.g02.s02 .img_box dd .inbox {display:table-cell; vertical-align:middle; padding:0 60px; font-size:24px; color:#333; font-weight:500; line-height:40px; text-align:center;}
.g02.s02 .img_box dd .inbox strong {font-size:26px; color:#368025;}
.g02.s02 .img_box .rev {padding:0 50% 0 0;}
.g02.s02 .img_box .rev dt {left:auto; right:0;}
.g02.s02 .img_box .rev dd {background:#208f43;}
.g02.s02 .img_box .rev dd:after {left:0; right:auto; background:url('/images/side_s0202_3.gif');}
.g02.s02 .img_box .rev dd .inbox {position:relative; color:#fff; z-index:1;}
.g02.s02 .img_box .rev dd .inbox strong {color:#fcfa5e;}
.g02.s02 .img_box .img {padding:0;}
.g02.s02 .img_box .img dt {position:relative; float:left; width:50%;}
.g02.s02 .img_box .mb0 dd:after {bottom:auto; top:0; transform:rotate(-90deg);}

/* 광고 및 영상 */
.g03.s02 .gall_list ul {margin-top:-30px;}
.g03.s02 .gall_list ul li {width:299px; margin:30px 0 0 28px;}
.g03.s02 .gall_list ul li:nth-child(4n-3) {margin-left:0; clear:both;}
.g03.s02 .gall_list ul li .img {height:232px; line-height:230px;}
.g03.s02 .gall_list ul li em {display:block; font-size:16px; color:#999; line-height:20px; text-align:center;}

/* 특허 및 인증 */
.g03.s03 .gall_list2 ul {overflow:hidden; margin-top:-40px;}
.g03.s03 .gall_list2 ul li {float:left; width:228px; margin:40px 0 0 35px;}
.g03.s03 .gall_list2 ul li:nth-child(5n-4) {margin-left:0; clear:both;}
.g03.s03 .gall_list2 ul li .img {height:312px; line-height:310px;}
.g03.s03 .gall_list2 ul li p {display:block; font-size:18px; color:#333; font-weight:500; margin-top:5px; text-align:center; height:30px; line-height:30px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 문의사항 */
.g04 .contact table {border-top:#ddd 1px solid; margin-bottom:20px;}
.g04 .contact th,
.g04 .contact td {border-bottom:#ddd 1px solid; font-size:18px; padding:10px;}
.g04 .contact th {border-right:#ddd 1px solid; width:220px; color:#333; line-height:38px;}
.g04 .contact td .text {font-size:18px; color:#666;}
.g04 .contact td select.text,
.g04 .contact td input.text {height:38px; line-height:36px;}
.g04 .contact td textarea.text {height:260px;}
.g04 .contact td .wset1 {width:240px;}
.g04 .contact td .wset2 {width:390px;}
.g04 .contact td.over_h {font-size:0;}
.g04 .contact td span.w {display:inline-block; width:35px; vertical-align:top; font-size:18px; text-align:center; line-height:38px;}
.g04 .contact td.over_h select.text {margin-left:10px;}
.g04 .contact .yak {background:#fafafa; border:#ddd 1px solid; padding:20px; margin-bottom:35px;}
.g04 .contact .yak .tt {font-size:20px; color:#333; font-weight:500; line-height:22px; margin-bottom:15px;}
.g04 .contact .yak p {font-size:16px; color:#666; line-height:26px;}
.g04 .contact .btn {display:block; font-size:20px; color:#fff; font-weight:700; line-height:55px; height:55px; width:200px; text-align:center; background:#1f7228; border:0; margin:0 auto;}

.yaks {border:#ddd 1px solid; padding:20px; font-size:16px; color:#666; line-height:26px;}

/* ebook */
.container .flipbook-viewport {position:relative; height:820px;}
.container .flipbook-viewport .container {padding:0;}
.container .flipbook-viewport .flipbook {left:-600px; top:-380px;}