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

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

/* layout */
html, body {min-width:1200px; 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; padding:0 10px;}
textarea.text {padding:10px;}
input.text:focus,
select.text:focus,
textarea.text:focus {border-color:#aaa;}
select.text {padding:0 20px 0 10px;
	-webkit-appearance:none;
	-moz-appearance:none; 
	appearance:none;
	background:url('/images/arrow_select.png') no-repeat 95% 50% #fff;
} 
body.ie select.text {padding:0 0 0 0 !important; background:none;}
a {transition:.2s linear;}
a.smoth_link {scroll-behavior:smooth;}

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

.red {color:#dc050e !important;}

span.br {display:block !important;}
.mo_vw {display:none !important;}

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

.board_bottom .btns {overflow:hidden; margin-top:30px;}
.board_bottom .btns .btn {display:inline-block; width:120px; height:40px; line-height:40px; background:#0e5ba2; font-size:15px; color:#fff; font-weight:500; text-align:center; border:0; vertical-align:top; transition:.5s;}
.board_bottom .btns .btn:hover {background:#04427b; color:#eee;}
.board_bottom .btns .btn_w {border:#04427b 1px solid; background:#fff; color:#04427b;}
.board_bottom .btns .btn_w:hover {background:#f5f5f5; color:#002b52;}
.board_bottom .paging {text-align:center; margin-top:50px;}
.board_bottom .paging a {display:inline-block; width:42px; height:42px; line-height:40px; text-align:center; border:#fff 1px solid; font-size:17px; color:#999; vertical-align:top;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {color:#666; border-color:#666;}
.board_bottom .paging .nums {margin:0 10px;}
.board_bottom .paging .arrow {letter-spacing:-2px; font-family:'nanum gothic'; font-size:12px;}
.board_bottom .search_wrap {text-align:center; font-size:0; margin-top:50px;}
.board_bottom .search_wrap .text,
.board_bottom .search_wrap .btn {display:inline-block; vertical-align:top; font-size:17px; height:45px;}
.board_bottom .search_wrap select.text {}
.board_bottom .search_wrap input.text {width:400px; margin-right:10px;}
.board_bottom .search_wrap .btn {width:100px; line-height:43px; color:#0060af; text-align:center; border:#0060af 1px solid; background:#fff;}

/* 게시판 상세 */
.board_in {border-top:#ddd 2px solid;}
.board_in th,
.board_in td {text-align:left; padding:10px; font-size:16px; border-bottom:#ddd 1px solid; word-break:break-all;}
.board_in th {background:#f5f5f5; color:#333;}
.board_in td {color:#666;}

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

/* header */
.header {position:fixed; top:0; left:0; width:100%; height:80px; background:#fff; z-index:30;}
.header .inner {position:relative; height:80px;}
.header .logo {position:absolute; top:0; left:0; height:80px; padding-top:24px;}
.header .logo img {display:block;}
.header .logo h1 {display:none;}
.header .gnb {position:absolute; top:0; right:0; height:80px;}
.header .gnb li {position:relative; float:left;}
.header .gnb li:last-child {margin-right:-35px;}
.header .gnb li > a {position:relative; display:block; font-size:20px; color:#222; font-weight:500; line-height:80px; padding:0 60px;}
.header .gnb li > a:after {content:""; position:absolute; bottom:0; left:50%; width:0; height:2px; background:#80c5ff; transition:.2s linear;}
.header .gnb li:hover > a,
.header .gnb li.on > a {color:#80c5ff;}
.header .gnb li:hover > a:after,
.header .gnb li.on > a:after {width:100%; margin-left:-50%;}
.header .snb {position:absolute; top:80px; left:0; width:100%; display:none;}
.header .snb a {display:block; font-size:15px; color:#333; font-weight:500; line-height:20px; text-align:center; padding:10px 0;}
.header .snb a:hover,
.header .snb a.on {color:#2b7bbf;}
.header .bg {position:fixed; top:80px; left:0; width:100%; height:520px; background:#fff; display:none;}
.header.main {background:rgba(0,0,0,.35);}
.header.main .gnb li > a {color:#fff;}

/* footer */
.footer {background:#333; padding:30px 0;}
.footer .inner {padding-left:320px; background:url('/images/flogo.png') no-repeat 0 50%;}
.footer strong {display:block; font-size:17px; color:#aaa; font-weight:600; line-height:27px;}
.footer span {display:inline-block; vertical-align:top; font-size:14px; color:#aaa; font-weight:400; line-height:27px;}
.footer em {display:inline-block; vertical-align:top; width:1px; height:14px; background:rgba(255,255,255,.35); margin:6px 15px;}
.footer .copy {font-size:14px; color:#666; font-weight:400; line-height:20px; margin-top:10px;}

/* main */
.mvisual {background:url('/images/mvisual.jpg') no-repeat 50% 50%; height:792px;}
.mvisual .txt {padding-top:240px; font-size:75px; color:#fff; font-weight:200; line-height:90px;}
.mvisual .txt strong {font-size:72px; font-weight:600; font-style:italic;}
.mvisual .txt p {font-size:22px; color:#fff; font-weight:500; line-height:30px; margin-top:20px;}
.mcon .title {font-size:48px; color:#222; font-weight:600; padding:80px 0 70px; text-align:center;}
.mcon .title p {font-size:17px; color:#666; font-weight:400; line-height:24px;}
.mcon ul {overflow:hidden;}
.mcon a {display:block;}
.mcon01 li {float:left; width:290px; margin:30px 0 0 30px;}
.mcon01 li:nth-child(4n-3) {margin-left:0; clear:both;}
.mcon01 li .img {display:block; width:100%; height:290px; overflow:hidden;}
.mcon01 li p {font-size:17px; color:#333; font-weight:400; line-height:20px; margin-top:15px; text-align:center;}
.mcon02 {padding-bottom:100px;}
.mcon02 .tit {margin-bottom:55px;}
.mcon02 li {/* float:left; margin-left:54px; */ display:block; height:45px; line-height:45px;}
.mcon02 li img {display:inline-block;}
.mcon02 .slick-slide {margin-left:54px; line-height:45px;}
.mcon02 li:first-child {margin-left:0;}
.mcon03 td {width:50%;}
.mcon03 td .inbox {display:inline-block; width:640px; padding:65px 0 35px; text-align:left;}
.mcon03 td.left {text-align:right; background:url('/images/img_mc03_01.jpg') no-repeat 100% 50%;}
.mcon03 td.right {padding-left:80px; background:url('/images/img_mc03_02.jpg') no-repeat 0 50%;}
.mcon03 strong {display:block; font-size:35px; color:#fff; font-weight:600; line-height:38px;}
.mcon03 p {font-size:17px; color:#fff; font-weight:400; line-height:20px; margin:10px 0 80px;}
.mcon03 a {display:block; width:68px; height:68px; background:url('/images/arrow_link.png') no-repeat 0 0;}

/* sub */
.svisual {margin:80px 0 60px; width:100%; height:230px; padding-top:70px; text-align:center; background:no-repeat 50% 50%;}
.svisual.s01 {background-image:url('/images/svisual01.jpg');}
.svisual.s02 {background-image:url('/images/svisual02.jpg');}
.svisual.s03 {background-image:url('/images/svisual03.jpg');}
.svisual.s04 {background-image:url('/images/svisual04.jpg');}
.svisual.s05 {background-image:url('/images/svisual05.jpg');}
.svisual p {font-size:20px; color:#fff; font-weight:500; line-height:26px; margin-bottom:10px;}
.svisual strong {display:block; font-size:45px; color:#fff; font-weight:600; line-height:55px;}

.container {padding-bottom:80px; overflow:hidden;}
.container .aside {float:left; width:305px;}
.container .aside .tit {font-size:30px; color:#222; font-weight:600; line-height:35px; margin-bottom:15px;}
.container .aside .snb {border-top:#0d2135 2px solid;}
.container .aside .snb a {display:block; font-size:17px; color:#666; font-weight:400; line-height:48px; border-bottom:#e5e5e5 1px solid; padding:0 10px;}
.container .aside .snb a.on {color:#0060af; font-weight:600; background:url('/images/arrow_aside.png') no-repeat right 10px center;}
.container .contents {float:right; width:920px;}
.container .title {position:relative; font-size:33px; color:#222; font-weight:600; line-height:35px; margin-bottom:50px;}
.container .title p {position:absolute; top:0; right:0; font-size:15px; color:#666; font-weight:400; line-height:35px;}
.container .title p em {display:inline-block; vertical-align:top; width:50px; height:35px; background:url('/images/arrow_location.gif') no-repeat 50% 50%;}
.container .title p span {color:#0060af;}
.container p {font-size:17px; color:#666; font-weight:400; line-height:27px;}
.container .stit {font-size:20px; color:#000; font-weight:500; line-height:24px; margin:40px 0 20px;}

label.check {position:relative; display:block; padding-left:20px; font-size:17px; color:#666; font-weight:400; line-height:20px;}
label.check input {display:none;}
label.check i {position:absolute; top:3px; left:0; width:14px; height:14px; border:#666 1px solid;}
label.check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#0764b1; transition:.2s linear;}
label.check input:checked + i:before {width:6px; height:6px; margin:-3px 0 0 -3px;}

/* 회사개요 */
.g01.s01 .txt {position:relative; padding:35px 0 0 420px;}
.g01.s01 .txt .tt {position:absolute; top:-110px; left:50px; width:330px; height:280px; background:#0060af; padding:140px 0 0 40px; box-shadow:rgba(0,0,0,.3) 10px 10px 15px; font-size:26px; color:#fff; font-weight:400; line-height:30px;}
.g01.s01 .txt .tt img {margin-top:20px;}

/* CEO 인사말 */
.g01.s02 .img {width:100%; height:270px; padding:90px 0 0 70px; background:url('/images/img_s0102.jpg'); margin-bottom:50px;}
.g01.s02 table th {text-align:right; padding-right:40px; width:250px; vertical-align:top;}
.g01.s02 table th strong {display:block; font-size:60px; color:#ebebeb; font-weight:600; line-height:50px; margin-bottom:10px;}
.g01.s02 table th p {font-size:30px; color:#ebebeb; font-weight:600; line-height:30px;}
.g01.s02 table td {padding:0 0 25px 30px; border-left:#ebebeb 2px solid;}

/* 찾아오시는길 */
.map_txt {padding-top:25px;}
.map_txt .address {font-size:20px; color:#333; font-weight:500; line-height:28px; margin-bottom:20px;}
.map_txt dl {overflow:hidden; padding-bottom:20px; border-bottom:#ddd 1px solid; margin-bottom:30px;}
.map_txt dt,
.map_txt dd {float:left;}
.map_txt dt {font-size:20px; color:#fff; font-weight:600; width:38px; height:38px; line-height:38px; text-align:center; background:#acacac; border-radius:50%; margin-right:10px;}
.map_txt dt.bg_blue {background:#0060af;}
.map_txt dd {font-size:20px; color:#333; font-weight:400; line-height:38px; margin-right:40px;}
.map_txt td {position:relative; width:50%; padding:20px 0 0 105px; vertical-align:top;}
.map_txt td img {position:absolute; top:0; left:0;}
.map_txt td strong {display:block; font-size:20px; color:#333; font-weight:500; line-height:20px; margin-bottom:15px;}
.map_txt td p {color:#333;}

/* 제품안내 */
.product_list {overflow:hidden; margin-top:-28px;}
.product_list li {float:left; width:209px; margin:28px 0 0 28px;}
.product_list li:nth-child(4n-3) {margin-left:0; clear:both;}
.product_list li .img {display:block; width:100%; height:209px; border:#ddd 1px solid; overflow:hidden;}
.product_list li p {color:#333; margin-top:15px;}

.pro_info {position:relative; padding:45px 0 0 40px;}
.pro_info .img {position:absolute; top:0; left:0; width:400px; height:400px; border:#ccc 1px solid; z-index:1;}
.pro_info .txt {width:100%; height:400px; background:#f2f7fb; padding:40px 0 0 410px;}
.pro_info .txt p {font-size:16px; color:#999; font-weight:400; line-height:20px; margin-bottom:10px;}
.pro_info .txt strong {display:block; font-size:26px; color:#333; font-weight:500; line-height:30px; padding-bottom:30px; border-bottom:#aaa 2px solid; margin-bottom:40px;}
.pro_info .txt .btn {display:inline-block; font-size:20px; color:#fff; font-weight:500; line-height:58px; padding:0 30px; background:#0764b1;}
.pro_info .txt .btn img {margin-left:20px;}

.tbl {border-top:#333 2px solid;}
.tbl th,
.tbl td {border-bottom:#ddd 1px solid; padding:12px 0; font-size:17px; font-weight:400;}
.tbl th {width:114px; padding-left:10px; text-align:left;}
.tbl td .text {background-color:#f3f3f3;}
.tbl td .text:focus {background:#fff;}
.tbl td input.text {height:35px;}
.tbl label.check {margin-top:15px;}
.tbl .btns.tac {margin-top:60px;}
.tbl .btns .btn {font-size:20px; color:#fff; font-weight:500; line-height:58px; width:150px; text-align:center; background:#0764b1; border:0;}