@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 {height:40px; border:#ddd 1px solid; background:#fff;}
input.text {padding:0 5px;}
select.text {padding-left:5px;}
textarea.text {border:#ddd 1px solid;}
a {transition:.2s linear;}
a.smoth_link {scroll-behavior:smooth;}

.inner {width:1280px; margin:0 auto;}

.eng_view {display:none !important;}
.eng_set .eng_view {display:block !important;}
.eng_set .kor_view {display:none !important;}

.blue {color:#0084c1 !important;}
.red {color:#d21625 !important;}
.org {color:#dc5e48 !important;}
span.br {display:block;}

.btn_gray {background:#888 !important;}
.btn_gray:hover {background:#666 !important;}

table.vat th,
table.vat td {vertical-align:top;}

.mo_vw {display:none !important;}

@media screen and (max-width:1280px){
	html, body {overflow-x:auto;}
}

/* 게시판 목록 */
.board_list {border-top:#333 2px solid;}
.board_list th,
.board_list td {height:50px; font-size:16px; text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {color:#333; font-weight:500;}
.board_list td {color:#666; font-weight:400;}
.board_list td.tal {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list td.tal a {display:block;}
#bo_list .board_list td.td_subject {text-align:left;}
#bo_list .board_list td.td_name {text-align:center;}

.board_bottom .btns {overflow:hidden; margin-top:40px;}
.board_bottom .btns .btn {display:inline-block; width:150px; height:55px; line-height:55px; background:#ff0000; font-size:17px; color:#fff; font-weight:500; text-align:center; border:0; vertical-align:top; transition:.5s;}
.board_bottom .btns .btn:hover {background:#d00; color:#eee;}
.board_bottom .btns .btn_line {background:#fff; color:#666; border:#666 1px solid; line-height:53px;}
.board_bottom .btns .btn_line:hover {background:#f5f5f5; color:#333;}
.board_bottom .btns.tac {margin-top:70px;}
.board_bottom .btns.tac .btn {width:180px; height:60px; line-height:60px; text-align:center; font-size:16px; color:#fff; font-weight:700;}
.board_bottom .paging {text-align:center; margin-top:40px; font-size:0;}
.board_bottom .paging a {display:inline-block; width:42px; height:42px; line-height:42px; text-align:center; font-size:16px; color:#666; vertical-align:top;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {background:#ff0000; color:#fff;}
.board_bottom .paging .arrow {background:none !important;}
.board_bottom .paging .arrow img {vertical-align:top; margin-top:12px;}
.board_bottom .search_wrap {text-align:center; margin-top:50px; font-size:0;}
.board_bottom .search_wrap .text,
.board_bottom .search_wrap .btn {display:inline-block; vertical-align:top; font-size:16px; color:#666; font-weight:400; height:45px;}
.board_bottom .search_wrap select.text {width:140px;}
.board_bottom .search_wrap input.text {width:300px; margin:0 5px;}
.board_bottom .search_wrap .btn {width:150px; line-height:43px; border:#ff0000 1px solid; background:#fff; color:#ff0000; text-align:center; transition:.2s linear;}
.board_bottom .search_wrap .btn:hover {background:#f5f5f5;}

/* 게시판 상세 */
.board_in {border-top:#666 2px solid;}
.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:300; line-height:30px; padding:25px 0; text-align:center;}
.board_in thead td {font-size:18px; color:#898989; font-weight:300; line-height:30px; padding:15px 0;}
.board_in thead td b {color:#333; font-weight:300; width:100px; vertical-align:top;}
.board_in thead td.tar {border-bottom:0;}
.board_in thead td span {padding:0 10px; vertical-align:top;}
.board_in tbody td {padding:50px 0; font-size:16px; color:#666; font-weight:300; line-height:24px;}
.board_in .board_bottom .btns {margin-top:80px;}

/* 게시판 쓰기 */
.board_write {border-top:#666 2px solid;}
.board_write tbody th,
.board_write tbody td {padding:10px 0; border-bottom:#ddd 1px solid;}
.board_write tbody th {font-size:13px; line-height:30px;}
.board_write tbody td {padding-right:5px;}

/* 갤러리 목록 */
.gall_list {overflow:hidden; padding-top:20px; margin-top:20px; border-top:#333 1px solid;}
.gall_list li {float:left; width:400px; margin:40px 0 0 40px;}
.gall_list li:nth-child(3n-2) {margin-left:0; clear:both;}
.gall_list li:nth-child(-n+3) {margin-top:0;}
.gall_list li i {position:relative; display:block; width:100%; height:270px; font-size:0;}
.gall_list li i img {position:absolute; top:50%; left:50%; width:auto; height:auto; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}
.gall_list li p {font-size:20px; color:#333; font-weight:500; line-height:25px; margin-top:15px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gallery_list ul {overflow:hidden; margin-left:-10px;}
.gallery_list ul li {float:left; width:185px; margin:0 0 10px 10px;}
.gallery_list ul li a {display:block;}
.gallery_list ul li .img {width:100%; height:139px; overflow:hidden;}
.gallery_list ul li p {display:block; 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; z-index:22; box-shadow:rgba(0,0,0,.1) 0 0 15px; transition:.2s linear;}
.header:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; box-shadow:rgba(0,0,0,.1) 0 0 15px; opacity:0; transition:.2s linear;}
.header:hover:before {opacity:1;}
.header .inner {position:relative; height:95px;}
.header .logo {position:absolute; top:0; left:0; height:95px; padding:20px 0 19px;}
.header .logo img {display:block;}
.header .logo h1 {display:none; font-size:0;}
.header .bg {position:fixed; top:95px; left:0; width:100%; height:0; background:#fff; z-index:-1; transition:.2s linear;}
.header.open .bg {height:230px;}
.header .gnb {position:absolute; top:0; right:40px;}
.header .gnb li {position:relative; float:left; background:#fff;}
.header .gnb li > a {display:block; font-size:18px; color:#222; font-weight:400; line-height:95px; text-align:center; padding:0 55px;}
.header .gnb li:hover > a,
.header .gnb li.on > a {font-weight:700;}
.header .gnb li.langs {padding:30px 0 0 70px;}
.header .gnb li.langs > a {position:relative; float:left; font-size:15px; color:#999; font-weight:300; line-height:35px; padding:0 20px;}
.header .gnb li.langs > a:after {content:""; position:absolute; top:50%; right:0; width:1px; height:14px; background:#ccc; margin-top:-7px;}
.header .gnb li.langs > a:last-child {padding-right:0;}
.header .gnb li.langs > a:last-child:after {display:none;}
.header .snb {position:absolute; top:-120px; left:0; width:100%; height:auto; overflow:hidden; z-index:-1; transition:.2s linear;}
.header.open .snb {top:95px; padding:20px 0;}
.header .snb a {display:block; font-size:16px; color:#999; font-weight:400; line-height:26px; text-align:center; padding:5px 0;}
.header .snb a:hover,
.header .snb a.on {color:#333;}

/* footer */
.footer {background:#333; padding:40px 0 50px;}
.footer .inner {position:relative; font-size:16px; color:#999; font-weight:300; line-height:20px;}
.footer .inner span {color:#666; padding:0 15px; font-size:12px; font-weight:400; vertical-align:top;}
.footer .copy {margin-top:15px;}
.footer .facebook {position:absolute; top:0; right:0;}

/* main */
.mvisual_wrap {position:relative;}
.mvisual_wrap .mv_txt {position:absolute; top:50%; left:50%; width:100%; max-width:1280px; transform:translate(-50%,-50%); font-size:45px; color:#fff; font-weight:300; line-height:55px; z-index:1; transition:.2s linear;}
.mvisual_wrap .mv_txt strong {display:block; font-size:55px; color:#fff; line-height:60px; margin:20px 0 40px;}
.mvisual_wrap .mv_txt p {font-size:18px; color:#fff; font-weight:400; line-height:20px;}
.mvisual {position:relative; height:835px; margin-top:95px;}
.mvisual .slick-slide {width:100%; overflow:hidden;}
.mvisual .mvimg {position:relative; width:100%; height:835px; background:no-repeat 50% 50% / cover;}
.mvisual .mv01 {background-image:url('/images/mvisual01.jpg');}
.mvisual .mv02 {background-image:url('/images/mvisual02.jpg');}
.mvisual .mv03 {background-image:url('/images/mvisual03.jpg');}
.mvisual .mv04 {background-image:url('/images/mvisual04.jpg');}
.mvisual .inner {padding-top:150px;}
.mvisual .inner .tt {font-size:60px; color:#fff; font-weight:700; line-height:70px;}
.mvisual .inner .ks {position:relative; font-size:130px; color:#07c7ff; font-weight:700; padding:30px 0 47px; line-height:110px; margin-bottom:80px;}
.mvisual .inner .ks:after {content:""; position:absolute; bottom:0; left:0; width:40px; height:4px; background:#fff;}
.mvisual .inner p {font-size:20px; color:#ddd; font-weight:400; line-height:30px;}
.mvisual .mv04 .inner .tt {font-size:50px; color:#3a3a3a; line-height:60px;}
.mvisual .mv04 .inner .c {font-size:60px; color:#0084c1; font-weight:700; line-height:70px; padding:20px 0 30px;}
.mvisual .mv04 .inner p {color:#666; margin-bottom:60px;}
.mvisual .slick-arrow {position:absolute; top:50%; width:70px; height:70px; border:0; outline:0; margin-top:-35px; text-indent:-500px; overflow:hidden; background:no-repeat 50% 50%; z-index:1;}
.mvisual .slick-prev {left:50%; margin-left:-810px; background-image:url('/images/arrow_prev.png');}
.mvisual .slick-next {right:50%; margin-right:-810px; background-image:url('/images/arrow_next.png');}

.mcon > div {padding:90px 0;}
.mcon .title {font-size:40px; color:#222; font-weight:500; line-height:40px; text-align:center; margin-bottom:70px;}
.mcon01 ul {overflow:hidden; padding-top:10px;}
.mcon01 li {position:relative; float:left; width:414px; margin-left:19px;}
.mcon01 li:first-child {margin-left:0;}
.mcon01 li a {display:block;}
.mcon01 li .img {position:relative; width:414px; height:271px; overflow:hidden; background:#000;}
.mcon01 li .img img {opacity:1; transition:.2s linear;}
.mcon01 li .img:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/icon_mc1_hover.png') no-repeat 50% 50%; opacity:0; transition:.2s linear;}
.mcon01 li:hover .img:before {opacity:1;}
.mcon01 li:hover .img img {opacity:.4;}
.mcon01 li p {font-size:18px; color:#333; font-weight:400; text-align:center; line-height:23px; margin-top:20px;}
.mcon01 li a:hover {margin-top:-20px;}

.mcon02 {background:url('/images/bg_mc2.jpg') no-repeat 50% 100%; background-size:cover;}
.mcon02 ul {overflow:hidden;}
.mcon02 li {float:left; height:470px;}
.mcon02 .news {width:530px; background:#fff; padding:40px;}
.mcon02 .news .tt {position:relative; font-size:18px; color:#ce1b17; font-weight:400; line-height:24px; margin-bottom:20px;}
.mcon02 .news .tt .more {position:absolute; top:0; right:0; font-size:14px; color:#aaa; font-weight:400; border-bottom:#aaa 1px solid;}
.mcon02 .news dd {height:173px; border-top:#ddd 1px solid; padding-top:30px;}
.mcon02 .news dd:first-child {border:0; padding:0 0 30px;}
.mcon02 .news dd .t {font-size:24px; color:#333; font-weight:400; line-height:30px; height:30px; overflow:hidden; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mcon02 .news dd p {font-size:16px; color:#999; font-weight:300; line-height:22px; height:66px; overflow:hidden;}
.mcon02 .news dd em {display:block; font-size:16px; color:#999; font-weight:300; margin-top:10px;}
.mcon02 .boxs {width:355px; margin:0 20px;}
.mcon02 .boxs > div {height:225px; padding:35px 40px;}
.mcon02 .boxs .tt {font-size:24px; color:#fff; font-weight:400; line-height:20px; margin-bottom:25px;}
.mcon02 .boxs p {font-size:16px; color:#fff; font-weight:300; line-height:22px;}
.mcon02 .boxs .about {background:url('/images/icon_mc2_01.png') no-repeat right 40px bottom 40px #643835; margin-bottom:20px;}
.mcon02 .boxs .history {background:url('/images/icon_mc2_02.png') no-repeat right 40px bottom 40px #7d7d7d;}
.mcon02 .contact {width:355px; padding:40px; background:url('/images/img_mc2_04.jpg') no-repeat 50% 50%;}
.mcon02 .contact .tt {font-size:24px; color:#fff; font-weight:400; line-height:24px; margin-bottom:25px;}
.mcon02 .contact strong {display:block; font-size:24px; color:#fff; font-weight:400; line-height:30px; margin-bottom:20px;}
.mcon02 .contact p {font-size:16px; color:#fff; font-weight:300; line-height:22px; opacity:.75;}

/* sub */
.svisual {position:relative; width:100%; height:405px; padding-top:135px; margin-top:95px; text-align:center; font-size:50px; color:#fff; font-weight:700; line-height:46px; background:no-repeat 50% 50%; z-index:10;}
.svisual.sv01 {background-image:url('/images/svisual01.jpg');}
.svisual.sv02 {background-image:url('/images/svisual02.jpg');}
.svisual.sv03 {background-image:url('/images/svisual03.jpg');}
.svisual.sv04 {background-image:url('/images/svisual04.jpg');}
.svisual.sv05 {background-image:url('/images/svisual05.jpg');}
.svisual p {font-size:16px; color:#ddd; font-weight:400; line-height:24px; text-align:center; margin-top:30px;}
.svisual .aside {position:absolute; bottom:0; left:0; width:100%; height:65px; background:rgba(70,70,70,.6);}
.svisual .aside .inner {height:65px;}
.svisual .aside .home {display:block; float:left; width:65px; height:65px; line-height:65px; text-align:center; border-left:rgba(255,255,255,.2) 1px solid; border-right:rgba(255,255,255,.2) 1px solid;}
.svisual .aside .home img {vertical-align:top; margin-top:24px;}
.svisual .aside dl {position:relative; float:left; min-width:220px; border-right:rgba(255,255,255,.2) 1px solid; text-align:left;}
.svisual .aside dt {position:relative; font-size:16px; color:#ddd; font-weight:400; line-height:65px; padding:0 75px 0 40px; cursor:pointer; transition:.2s linear;}
.svisual .aside dt i {position:absolute; top:0; right:40px; width:15px; height:65px;}
.svisual .aside dt i:before,
.svisual .aside dt i:after {content:""; position:absolute; top:50%; left:50%; background:#ddd; transition:.2s linear;}
.svisual .aside dt i:before {width:15px; height:1px; margin-left:-7px;}
.svisual .aside dt i:after {width:1px; height:15px; margin-top:-7px;}
.svisual .aside .on dt {color:#fff; background:#c9121e;}
.svisual .aside .on dt i:before,
.svisual .aside .on dt i:after {background:#fff;}
.svisual .aside .on dt i:after {width:15px; height:1px; margin:0 0 0 -7px;}
.svisual .aside dd {position:absolute; top:65px; left:0; width:100%; background:#fff; display:none; box-shadow:rgba(0,0,0,.1) 0 10px 10px;}
.svisual .aside dd a {display:block; font-size:16px; color:#666; font-weight:400; line-height:20px; padding:10px 40px;}
.svisual .aside dd a:hover,
.svisual .aside dd a.on {color:#000; font-weight:500; background:#f5f5f5;}

.container {padding-bottom:100px;}
.container .title {font-size:42px; color:#222; font-weight:700; line-height:44px; text-align:center; padding:40px 0 41px; border-bottom:#ccc 1px solid; margin-bottom:60px;}
.container p {font-size:16px; color:#666; font-weight:300; line-height:26px;}
.container p b {font-weight:500;}

.stit {position:relative; font-size:28px; color:#333; font-weight:700; line-height:30px; padding:55px 0 22px; margin-bottom:30px;}
.stit:after {content:""; position:absolute; bottom:0; left:0; width:24px; height:3px; background:#0084c1;}
.btit {font-size:30px; color:#222; line-height:28px; margin:35px 0 20px;}
.btit:first-child {margin-top:0;}
.btit em {font-size:16px; color:#666;}
.br_tit {position:relative; font-size:30px; color:#222; font-weight:700; line-height:28px; margin-bottom:50px; padding-left:20px;}
.br_tit:before {content:""; position:absolute; top:0; left:0; width:6px; height:28px; border-top:#d31c2e 10px solid; border-bottom:#414141 18px solid; border-radius:3px;}

span.br {display:block; font-size:0;}
.tac img {margin:0 auto;}


/* 회사소개 */
.g01.s01 .scon01 {padding-bottom:80px;}
.g01.s01 .txt_box {padding:77px 0; background:url('/images/img_s0101.jpg') no-repeat 0 0 / cover; text-align:center;}
.g01.s01 .txt_box .tt {font-size:35px; color:#fff; font-weight:700; line-height:40px;}
.g01.s01 .txt_box p {font-size:20px; color:#fff; line-height:26px; margin-top:30px;}
.tbl table {border-top:#333 2px solid;}
.tbl th,
.tbl td {border-bottom:#aaa 1px solid; font-size:17px; color:#666; line-height:26px;}
.tbl th {position:relative; color:#333; height:70px;}
.g01.s01 .tbl {margin-top:50px;}
.g01.s01 .tbl th {width:170px; text-align:left; font-weight:700; padding-left:30px;}
.g01.s01 .scon02 {padding:90px 0 80px; background:url('/images/bg_s0101_sc01.jpg') no-repeat 50% 50% / cover;}
.g01.s01 .scon02 ul {overflow:hidden; margin-top:-50px;}
.g01.s01 .scon02 li {float:left; width:408px; margin:50px 0 0 28px; border-bottom:#ddd 2px solid;}
.g01.s01 .scon02 li:nth-child(3n-2) {margin-left:0; clear:both;}
.g01.s01 .scon02 li em {display:block; font-size:17px; color:#fff; font-weight:700; line-height:53px; height:53px; width:53px; text-align:center; background:#d21625;}
.g01.s01 .scon02 li p {font-size:17px; color:#333; line-height:24px; height:48px; margin:30px 0;}

/* 인사말 */
.greeting {position:relative;}
.greeting .tt {position:relative; font-size:0;}
.greeting .tt span {position:relative; display:inline-block; font-size:35px; color:#333; line-height:45px; padding:55px 0; margin-bottom:25px;}
.greeting .tt span:before,
.greeting .tt span:after {content:""; position:absolute; width:47px; height:39px; background:no-repeat 50% 50% / contain;}
.greeting .tt span:before {top:0; left:0; background-image:url('/images/icon_dda_t.png');}
.greeting .tt span:after {bottom:0; right:0; background-image:url('/images/icon_dda_b.png');}
.greeting .gbox {padding-right:100px;}
.greeting .gbox p {font-size:20px; color:#666; line-height:30px; padding:40px 50% 40px 40px; background:#f7f7f7;}
.greeting .img {position:absolute; top:0; right:0; max-width:50%;}

/* 연혁 */
.g01.s04 .history {padding-left:590px; background:url('/images/img_s0104.jpg') no-repeat 36px 0;}
.history .tbl th,
.history .tbl td {padding:35px 0; text-align:center;}
.history .tbl th {font-size:28px; color:#333; font-weight:500; line-height:30px; width:170px;}
.history .tbl td p {position:relative; font-size:17px; color:#666; font-weight:400; line-height:36px; text-align:left; padding-left:170px;}
.history .tbl td b {position:absolute; top:0; left:0; width:170px; color:#333; font-weight:500; text-align:center;}

/* 오시는길 */
.map_text {overflow:hidden;}
.map_text {margin-top:25px;}
.map_text dt {float:left; font-size:20px; color:#333; font-weight:500; line-height:30px;}
.map_text dd {float:right; overflow:hidden;}
.map_text dd span {position:relative; float:left; font-size:16px; color:#666; line-height:30px; padding-left:40px; margin-left:80px;}
.map_text dd span em {position:absolute; top:0; left:0; width:30px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff; font-weight:700; background:#414141; border-radius:50%;}
.map_text dd span.tel {margin-left:0;}
.map_text dd span.tel em {background:#d21625;}

/* 제조설비현황 */
.g03 ul {overflow:hidden;}
.g03 li {float:left; margin:50px 0 0 40px;}
.g03 li p {font-size:20px; color:#333; font-weight:500; line-height:20px; margin-top:20px; text-align:center;}
.g03 .set4 {margin-top:-50px;}
.g03 .set4 li {width:290px;}
.g03 .set4 li:nth-child(4n-3) {margin-left:0; clear:both;}
.g03 .set2 li {width:620px;}
.g03 .set2 li:nth-child(2n-1) {margin-left:0; clear:both;}
.jejo {background:url('/images/bg_s0301.jpg') no-repeat 50% 50% / cover; padding:50px; overflow:hidden;}
.jejo .tit {position:relative; float:left; font-size:26px; color:#fff; font-weight:500; line-height:36px; padding-top:40px;}
.jejo .tit:before {content:""; position:absolute; top:0; left:0; width:30px; height:4px; background:#fff;}
.jejo table {float:right; width:640px; background:#fff; box-shadow:rgba(0,0,0,.3) 5px 5px 65px;}
.jejo th,
.jejo td {padding:15px 0; vertical-align:top;}
.jejo tr:nth-child(2n) th,
.jejo tr:nth-child(2n) td {background:#f6f6f6;}
.jejo th {position:relative; font-size:24px; color:#333; font-weight:700; line-height:30px; font-style:italic; width:120px;}
.jejo th:after {content:""; position:absolute; top:21px; right:0; width:1px; height:18px; background:#aaa;}
.jejo td {font-size:20px; color:#666; padding-left:50px;}
.jejo td p {font-size:17px;	color:#999; line-height:26px;}

/* 문의하기 */
.g04.s02 .yaks {padding:30px 0; border-bottom:#ddd 1px solid; margin-bottom:20px;}
.g04.s02 .yaks .tit {font-size:20px; color:#333; font-weight:400; line-height:24px; margin-bottom:10px;}
.pl_list p {padding-left:16px; text-indent:-16px;}
.g04.s02 td span {display:inline-block; vertical-align:top; line-height:40px; text-align:center;}
label.check {position:relative; display:inline-block; padding-left:28px; height:26px;}
label.check input {display:none;}
label.check .icon {position:absolute; top:50%; left:0; width:18px; height:18px; margin-top:-9px; border:#ddd 1px solid;}
label.check .icon:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#ff0000; border-radius:2px; transition:.2s linear;}
label.check input:checked + .icon:before {width:10px; height:10px; margin:-5px 0 0 -5px;}
label.check p {display:inline-block; vertical-align:top;}