@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 {font-size:17px; border:#ddd 1px solid; outline:0; transition:.2s linear;}
input.text,
select.text {height:40px;}
textarea.text {border-radius:4px;}
input.text:focus,
select.text:focus,
textarea.text:focus {border-color:#aaa;}
select.text {padding-left:20px;
	-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:1200px; margin:0 auto;}

.blue {color:#406eb4 !important;}
.org {color:#f1592a !important;}
.gray {color:#999 !important;}
.bg_blue {background:#4673b6 !important;}
.bg_gray {background:#5a5a5a !important;}

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

/* 게시판 목록 */
.board_list {border-top:#333 1px solid;}
.board_list th,
.board_list td {height:59px; 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 {position:relative; display:inline-block; max-width:100%; line-height:58px; vertical-align:top; padding-right:28px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list td.tal a .icon {position:absolute; top:0; right:0;}
.board_list .reply td.tal a {padding-left:45px; background:url('/images/icon_reply.png') no-repeat 0 50%;}


.board_bottom .btns {overflow:hidden; margin-top:50px; font-size:0;}
.board_bottom .btns .btn {display:inline-block; width:150px; height:55px; line-height:55px; background:#fff; font-size:18px; color:#406eb4; font-weight:600; text-align:center; border:#406eb4 1px solid; vertical-align:top; margin:0 5px; transition:.2s linear;}
.board_bottom .btns .btn:hover {border-color:#295699; color:#295699; background:#f5f5f5;}
.board_bottom .paging {text-align:center; margin-top:60px; font-size:0; overflow:hidden;}
.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; font-weight:400; vertical-align:top; margin:0 5px;}
.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; margin-top:50px;}
.board_bottom .search_wrap .text,
.board_bottom .search_wrap .btn {display:inline-block; vertical-align:top; height:45px;}
.board_bottom .search_wrap input.text {width:340px; margin-right:10px;}
.board_bottom .search_wrap .btn {width:100px; line-height:43px; border:0; background:#fff; color:#406eb4; font-weight:600; text-align:center; border:#406eb4 1px solid; transition:.2s linear;}
.board_bottom .search_wrap .btn:hover {background:#f5f5f5;}

/* 게시판 상세 */
.board_in {border-top:#ddd 2px solid;}
.board_in * {word-break:break-all;}
.board_in th,
.board_in td {border-bottom:#ddd 1px solid;}
.board_in thead th {font-size:24px; color:#333; font-weight:500; line-height:30px; padding:27px 0;}
.board_in thead th em {color:#999;}
.board_in thead td {font-size:18px; color:#666; line-height:58px; text-align:center;}
.board_in thead td span {display:inline-block; vertical-align:top; padding:0 15px;}
.board_in tbody th {font-size:20px; color:#333;}
.board_in tbody td {font-size:20px; color:#666; line-height:30px; padding:50px 0;}
.board_in.board_write tbody th {background:#f7f7f7;}
.board_in.board_write tbody td {padding:10px;}

/* 갤러리 목록 */
.gall_list {overflow:hidden; margin-top:-35px;}
.gall_list li {float:left; width:240px; margin:35px 0 0 80px;}
.gall_list li:nth-child(4n-3) {margin-left:0;}
.gall_list li a {display:block;}
.gall_list li .img {width:100%; height:326px; overflow:hidden; border:#eee 1px solid;}
.gall_list li p {display:block; font-size:20px; color:#333; font-weight:400; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:15px; text-align:center;}

/* header */
.header {position:relative; background:#fff; box-shadow:rgba(0,0,0,.2) 0 0 15px; z-index:30;}
.header > .inner {position:relative; height:90px;}
.header .logo {position:absolute; top:0; left:0; padding-top:8px;}
.header .logo h1 {display:none; font-size:0;}
.header .gnb {position:absolute; top:0; right:0;}
.header .gnb ul {height:90px; margin-right:-60px;}
.header .gnb ul > li {position:relative; float:left;}
.header .gnb ul > li > a {display:block; font-size:20px; color:#000; font-weight:500; line-height:90px; text-align:center; padding:0 40px;}
.header .gnb ul > li:hover > a,
.header .gnb ul > li.on > a {color:#00aa72;}
.header .snb {position:absolute; top:90px; left:0; width:100%; padding:10px 0 20px; display:none;}
.header .snb a {display:block; font-size:14px; color:#666; font-weight:400; line-height:20px; text-align:center; padding:10px 0;}
.header .snb a:hover,
.header .snb a.on {color:#000; background:#eee;}
.header .bg {position:absolute; top:90px; left:0; width:100%; height:250px; background:#fafafa; display:none;}
.header .bg:before {content:""; position:absolute; top:-90px; left:0; width:100%; height:90px; box-shadow:rgba(0,0,0,.2) 0 0 20px;}

/* footer */
.footer {background:#363636;}
.footer .inner {background:url('/images/flogo.png') no-repeat 50px 50%; padding:35px 0 35px 240px; font-size:15px; color:#aaa; font-weight:400; line-height:25px;}
.footer .inner span {margin-right:25px;}
.footer .copy {margin-top:15px;}
.quick {position:absolute; top:460px; left:50%; margin-left:680px; width:120px; text-align:center;}
.quick.fixed {position:fixed; top:10px;}
.quick .tel {margin-bottom:10px;}
.quick .tel dt,
.quick .tel dd {font-size:16px; height:40px; background:#fff;}
.quick .tel dt {color:#fff; background:#406eb4; line-height:40px; border-radius:10px 10px 0 0;}
.quick .tel dt img {margin-right:5px;}
.quick .tel dd {color:#406eb4; font-weight:600; line-height:39px; border-radius:0 0 10px 10px; border:#406eb4 1px solid; border-top:0;}
.quick .links {border:#aaa 1px solid; border-radius:10px; padding:0 0 50px; background:#fff;}
.quick .links li {margin-top:20px;}
.quick .links li a {display:block; font-size:15px; color:#666; font-weight:500; line-height:16px;}
.quick .links li i {display:block; width:60px; height:60px; line-height:60px; text-align:center; background:#e1e1e1; border-radius:50%; margin:0 auto 8px;}
.quick .gotop {position:relative; display:block; margin-top:-27px; z-index:1;}

/* main */
.mvisual {position:relative;}
.mvisual .slick-slide {position:relative; overflow:hidden; height:610px;}
.mvisual .slick-slide img {position:absolute; top:0; left:50%; width:1920px; min-width:1920px; margin-left:-960px;}
.mvisual .slick-arrow {position:absolute; top:50%; width:80px; height:80px; margin-top:-40px; background:no-repeat 50% 50% rgba(0,0,0,.2); border-radius:50%; text-indent:500px; overflow:hidden; z-index:1;}
.mvisual .slick-prev {left:50%; margin-left:-730px; background-image:url('/images/arrow_prev.png');}
.mvisual .slick-next {right:50%; margin-right:-730px; background-image:url('/images/arrow_next.png');}
.mvisual .slick-dots {position:absolute; bottom:33px; left:0; width:100%; text-align:center; font-size:0;}
.mvisual .slick-dots li {display:inline-block; margin:0 5px;}
.mvisual .slick-dots li button {display:block; width:15px; height:15px; border-radius:7px; background:#fff; opacity:.9; transition:.2s linear;}
.mvisual .slick-dots li.slick-active button {width:40px;}

.mcon {padding:80px 0;}
.mcon .title {position:relative; font-size:36px; color:#333; font-weight:600; line-height:40px; text-align:center; margin-bottom:35px;}
.mcon .title p {font-size:20px; color:#104aa1; font-weight:400; line-height:20px; margin-bottom:15px;}
.mcon .mstit {position:relative; font-size:24px; color:#333; font-weight:500; line-height:40px; margin-bottom:10px;}
.mcon .more {position:absolute; bottom:0; right:0; width:40px; height:40px; border:#aaa 1px solid; border-radius:50%;}
.mcon .more:before,
.mcon .more:after {content:""; position:absolute; top:50%; left:50%; background:#aaa; transition:.2s linear;}
.mcon .more:before {width:14px; height:2px; margin:-1px 0 0 -7px;}
.mcon .more:after {width:2px; height:14px; margin:-7px 0 0 -1px;}
.mcon .more:hover:before,
.mcon .more:hover:after {transform:rotate(90deg);}
.mcon.mc01 {background:#406eb4;}
.mcon.mc01 .title {color:#fff;}
.mcon.mc01 .title p {color:rgba(255,255,255,.5);}
.mcon.mc01 .more {border-color:#fff;}
.mcon.mc01 .more:before,
.mcon.mc01 .more:after {background:#fff;}
.mcon.mc01 ul {overflow:hidden; padding:0 20px; margin:0 -20px;}
.mcon.mc01 li {float:left; width:288px; margin-left:16px;}
.mcon.mc01 li:first-child {margin-left:0;}
.mcon.mc01 li a {display:block;}
.mcon.mc01 li .img {width:288px; height:215px; overflow:hidden; box-shadow:rgba(0,0,0,.15) 10px 10px 15px;}
.mcon.mc01 li p {font-size:18px; color:#fff; font-weight:500; line-height:18px; margin-top:20px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mcon.mc02 {background:#fff;}
.mcon.mc02 .over_h > div {width:580px;}
.mcon.mc02 .fl ul {overflow:hidden;}
.mcon.mc02 .fl li {float:left; width:182px; height:220px; margin-left:17px; border:#575757 2px solid; overflow:hidden;}
.mcon.mc02 .fl li:first-child {margin-left:0;}
.mcon.mc02 .fl li a {position:relative; display:block;}
.mcon.mc02 .fl li a:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; box-shadow:inset rgba(0,0,0,.4) 0 0 10px;}
.mcon.mc02 .fr ul {border-top:#4a5552 2px solid;}
.mcon.mc02 .fr li {border-bottom:#ddd 1px solid;}
.mcon.mc02 .fr li a {position:relative; display:block; padding:0 130px 0 20px; font-size:16px; color:#666; font-weight:400; line-height:52px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mcon.mc02 .fr li a p {position:absolute; top:0; right:0; font-size:14px; color:#aaa; font-weight:400; width:130px; text-align:center;}
.mcon.mc02 .fr li a:hover {color:#333; background:#f5f5f5;}
.mcon.mc03 {background:#5f6b71;}
.mcon.mc03 .title {color:#fff;}
.mcon.mc03 .title p {color:rgba(255,255,255,.5);}
.mcon.mc03 ul {overflow:hidden;}
.mcon.mc03 li {float:left; width:208px; margin-left:40px; border:#eee 2px solid;}
.mcon.mc03 li:first-child {margin-left:0;}
.mcon.mc03 li a {display:block; text-align:center; padding-top:44px; height:190px; background:#fff;}
.mcon.mc03 li a p {font-size:18px; color:#333; font-weight:500; line-height:20px; margin-top:16px;}
.mcon.mc03 li a:hover {background:#e5e5e5;}

/* sub */
.svisual {text-align:center; padding-top:85px; height:259px; background:no-repeat 50% 50%;}
.svisual strong {display:block; font-size:40px; color:#fff; font-weight:600; line-height:40px;}
.svisual p {font-size:18px; color:#fff; font-weight:400; line-height:24px; margin-top:10px;}
.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.g05 {background-image:url('/images/svisual05.jpg');}
.svisual.g06 {background-image:url('/images/svisual06.jpg');}
.aside {border-bottom:#ddd 1px solid;}
.aside ul {overflow:hidden;}
.aside li {float:left;}
.aside li a {display:block; font-size:18px; color:#333; font-weight:500; line-height:60px; text-align:center; border-right:#ddd 1px solid;}
.aside li:first-child a {border-left:#ddd 1px solid;}
.aside li a:hover,
.aside li a.on {color:#fff; font-weight:600; background:#254068; border-color:#254068;}
.aside li a.line2 {font-size:16px; line-height:22px; padding:8px 0;}
.aside .set2 li {width:50%;}
.aside .set4 li {width:25%;}
.aside .set5 li {width:20%;}
.aside.none {display:none;}

.container {padding:50px 0 130px;}
.container .title {position:relative; font-size:36px; color:#222; font-weight:600; line-height:40px; margin-bottom:50px;}
.container .title .location {position:absolute; bottom:0; right:0; font-size:16px; color:#333; font-weight:400; line-height:26px; text-align:right;}
.container .title .location img {display:inline-block; vertical-align:top; margin-top:5px;}
.container .title .location em {display:inline-block; vertical-align:top; width:60px; height:26px; background:url('/images/arrow_location.gif') no-repeat 50% 50%;}
.stit {position:relative; font-size:24px; color:#333; font-weight:500; line-height:26px; padding-top:13px; margin:60px 0 28px;}
.stit:before {content:""; position:absolute; top:0; left:0; width:33px; height:5px; background:#406eb4;}
.btxt {font-size:22px; color:#666; font-weight:500; line-height:30px; margin-bottom:35px;}
.rtit {position:relative; font-size:24px; color:#333; font-weight:600; line-height:40px; padding:0 10px; margin:40px 0 10px;}
.rtit:before {content:""; position:absolute; top:0; left:0; width:20px; height:20px; background:#a4c8fe; border-radius:50%; z-index:-1;}
.container p {font-size:15px; color:#666; font-weight:400; line-height:22px;}
.tbl table {border-top:#333 2px solid;}
.tbl th,
.tbl td {border-bottom:#aaa 1px solid; line-height:30px; text-align:center; padding:13px 15px;}
.tbl th {font-size:18px;}
.tbl td {border-left:#aaa 1px solid; font-size:16px;}
.tbl thead th {background:#616876; color:#fff; font-weight:500;}
.tbl thead td {background:#f3f3fb; color:#333; font-weight:600;}
.tbl tbody th {color:#333; font-weight:500;}
.tbl tbody td {color:#666;}

.tabs {overflow:hidden;}
.tabs li {float:left; width:14.28%;}
.tabs li a {display:block; font-size:18px; color:#666; font-weight:400; line-height:46px; text-align:center; border:#ddd 1px solid; border-left:0;}
.tabs li:first-child a {border-left:#ddd 1px solid;}
.tabs li:hover a,
.tabs li.on a {color:#fff; background:#4673b6; border-color:#4673b6;}

/* CEO 인사말 */
.g01.s01 .contents {position:relative; padding:40px 0 0 660px; height:665px; background:url('/images/img_s0101.jpg') no-repeat 0 0 / 600px;}
.g01.s01 .tt {font-size:33px; color:#333; font-weight:500; line-height:45px;}
.g01.s01 .tt strong {font-weight:600;}
.g01.s01 p {font-size:18px; color:#666; font-weight:400; line-height:30px; margin:30px 0; background:url('/images/bg_s0101.gif') no-repeat 90% 50%; word-break:keep-all;}
.g01.s01 .name {text-align:right; font-size:20px; color:#333; font-weight:500; line-height:40px;}
/* 오시는길 */
.map_txt {overflow:hidden; border-bottom:#ddd 1px solid;}
.map_txt .fl {font-size:24px; color:#333; font-weight:400; line-height:100px;}
.map_txt .fr {padding:30px 0; font-size:20px; color:#333; font-weight:400; line-height:40px;}
.tel_txt i {display:inline-block; font-size:20px; color:#fff; font-weight:600; line-height:40px; width:40px; height:40px; border-radius:50%; margin:0 10px 0 60px; background:#acacac; text-align:center;}
.g01.s02 .cha {padding-top:30px; overflow:hidden;}
.g01.s02 .cha li {position:relative; float:left; width:50%; padding:25px 0 0 125px;}
.g01.s02 .cha li i {position:absolute; top:0; left:0; width:105px; height:105px; line-height:105px; text-align:center; border-radius:50%; background:#b6c3d6;}
.g01.s02 .cha li strong {display:block; font-size:22px; color:#333; font-weight:500; line-height:30px; margin-bottom:10px;}
.g01.s02 .cha li p {font-size:20px; color:#333;}
.g01.s02 .address_txt {font-size:20px; color:#333; line-height:40px;}
.g01.s02 .address_txt i:first-child {margin-left:0;}
.g01.s02 .address_txt p {font-size:16px; font-weight:400; line-height:20px; margin-top:15px;}
.g01.s02 .stit {margin-top:90px;}
/* 제품소개 */
.g02 .top_img {position:relative; padding-left:440px; margin-top:40px;}
.g02 .top_img .img {position:absolute; top:0; left:0; width:400px; height:280px;}
.g02 .top_img table {width:100%;}
.g02 .top_img th,
.g02 .top_img td {padding:15px 0;}
.g02 .top_img th {width:150px; font-size:20px; color:#4a75b7; font-weight:500; line-height:30px; border-bottom:#406eb4 1px solid;}
.g02 .top_img td {font-size:18px; color:#666; font-weight:400; line-height:30px; border-bottom:#aaa 1px solid;}
.g02 .top_img tr:first-child th {border-top:#406eb4 2px solid;}
.g02 .top_img tr:first-child td {border-top:#333 2px solid;}
.g02 .top_img .blank {border:0 !important; width:10px; font-size:0;}
.g02 .tbl th {width:280px;}
.g02 .color_box {overflow:hidden;}
.g02 .color_box li {float:left; width:285px; margin:20px 0 0 20px; border:#ccc 1px solid;}
.g02 .color_box li:nth-child(4n-3) {margin-left:0; clear:both;}
.g02 .color_box .img {width:100%; height:122px; line-height:122px;  text-align:center;}
.g02 .color_box .img img {height:80px;}
.g02 .color_box p {font-size:20px; color:#666; font-weight:400; line-height:30px; padding:13px 0; border-top:#ccc 1px solid; text-align:center;}
.g02 .color_box + p {margin-top:20px;}
.g02 .arrow_box {overflow:hidden; margin:30px 0 0;}
.g02 .arrow_box li {position:relative; float:left; width:366px; margin-left:51px;}
.g02 .arrow_box li:first-child {margin-left:0;}
.g02 .arrow_box li:after {content:""; position:absolute; top:0; right:-51px; width:51px; height:100%; background:url('/images/arrow_cont.gif') no-repeat 50% 50%;}
.g02 .arrow_box li p {font-size:20px; color:#406eb4; font-weight:500; line-height:30px; padding:23px 0; text-align:center; border-left:#cfcfcf 1px solid; border-right:#cfcfcf 1px solid; border-bottom:#406eb4 2px solid;}
.g02 .half_box {overflow:hidden; margin:40px 0;}
.g02 .half_box li {float:left; width:575px; margin-left:50px; text-align:center;}
.g02 .half_box li:first-child {margin-left:0;}
.g02 .half_box.tt_box li {border:#ccc 1px solid; border-bottom:#406eb4 2px solid;}
.g02 .half_box.tt_box li .img {height:264px; line-height:264px;}
.g02 .half_box.tt_box li p {font-size:20px; color:#406eb4; font-weight:500; line-height:30px; padding:23px 0; text-align:center; border-top:#cfcfcf 1px solid;}
.g02 .num_area {overflow:hidden;}
.g02 .num_area li {float:left; width:285px; margin-left:20px;}
.g02 .num_area li:first-child {margin-left:0;}
.g02 .met_box {overflow:hidden; margin:-20px 0 0 -20px;}
.g02 .met_box li {float:left; width:285px; margin:20px 0 0 20px;}
.g02 .met_box li.txt {width:590px; height:209px; display:table;}
.g02 .met_box li .inbox {display:table-cell; vertical-align:middle;}
.g02 .met_box li.txt p {position:relative; line-height:35px; padding-left:16px; letter-spacing:-.5px; word-break:keep-all;}
.g02 .met_box li.txt p:before {content:""; position:absolute; top:13px; left:0; width:8px; height:8px; background:#898d94; border-radius:50%;}
.g02 .sigon ul {overflow:hidden; margin-top:-30px;}
.g02 .sigon li {position:relative; float:left; width:366px; margin:30px 0 0 51px;}
.g02 .sigon li:nth-child(3n-2) {margin-left:0; clear:both;}
.g02 .sigon li:after {content:""; position:absolute; top:0; right:-50px; width:50px; height:100%; background:url('/images/arrow_cont.gif') no-repeat 50% 50%;}
.g02 .sigon li:last-child:after {display:none;}
.g02 .sigon li .txt {padding:0 25px; border-left:#cfcfcf 1px solid; border-right:#cfcfcf 1px solid; border-bottom:#406eb4 2px solid; text-align:center;}
.g02 .sigon li .txt .tt {font-size:20px; color:#406eb4; font-weight:500; line-height:30px; padding:17px 0 18px; border-bottom:#ccc 1px solid;}
.g02 .sigon li .txt p {padding:15px 0; height:86px;}
.g02 .sigon li .txt p.s {font-size:13px; line-height:20px; padding:12px 0 0;}
.g02 .sare {overflow:hidden; margin-top:-32px;}
.g02 .sare li {float:left; width:276px; margin:32px 0 0 32px;}
.g02 .sare li:nth-child(4n-3) {margin-left:0; clear:both;}
.g02 .sare li p {font-size:20px; color:#333; font-weight:400; line-height:30px; margin-top:15px; text-align:center;}
.g02 .sare li img {width:276px; height:187px;}
.g02 .ybox {font-size:18px; color:#dc5d48; font-weight:400; line-height:30px; text-align:center; background:#faf7ed; padding:17px 0; margin-top:20px;}
.g02 .btns {padding-top:60px; text-align:center; font-size:0;}
.g02 .btns .btn {display:inline-block; font-size:20px; color:#fff; font-weight:600; height:65px; line-height:65px; text-align:center; background:#406eb4; padding:0 35px;}
.g02 .btns .btn img {margin-right:15px;}
.g02.s01 .top_img td {height:56px;}
.g02.s01 .top_img .btm td {height:222px;}
.g02.s02 .top_img td {height:120px; padding:0;}
.g02.s02 .top_img .btm td {height:158px;}
.g02.s03 .top_img td {height:139px;}
.g02.s04 .top_img {padding-left:0;}
.g02.s05 .top_img {padding-left:0;}
.zoom_box {overflow:hidden; margin-top:10px;}
.zoom_box li {position:relative; float:left; width:208px; margin:30px 0 0 40px;}
.zoom_box li:nth-child(5n-4) {margin-left:0; clear:both;}
.zoom_box li:after {content:""; position:absolute; top:0; right:0; width:40px; height:40px; background:url('/images/icon_zoom.png') rgba(0,0,0,.3) no-repeat 50% 50%;}
.zoom_box li p {font-size:16px; color:#666; font-weight:400; line-height:56px; border:#ccc 1px solid; border-top:0; text-align:center;}

/* 주요거래처 */
.account {overflow:hidden; margin-top:-50px;}
.account li {float:left; width:185px; margin:50px 0 0 18px;}
.account li:nth-child(6n-5) {margin-left:0; clear:both;}
.account li .img {border:#ccc 1px solid; width:185px; height:112px; line-height:110px; overflow:hidden; text-align:center; font-size:0;}
.account li .img img {width:auto; height:auto; max-width:100%; max-height:100%;}
.account li p {font-size:17px; color:#000; font-weight:600; line-height:20px; margin-top:8px; text-align:center;}

/* 시공사례 */
.case_wrap {overflow:hidden;}
.case_wrap li {float:left; width:282px; margin:40px 0 0 24px;}
.case_wrap li:nth-child(4n-3) {margin-left:0; clear:both;}
.case_wrap li a {display:block;}
.case_wrap li .img {width:100%; height:199px; line-height:199px; overflow:hidden;}
.case_wrap li .img img {width:100%; height:100%;}
.case_wrap li p {font-size:20px; color:#333; font-weight:400; line-height:20px; margin-top:20px; text-align:center;}

/* 견적의뢰 */
.g04 .board_in.board_write table {margin-bottom:35px;}
.g04 .board_in.board_write th {font-size:17px; color:#333; background:#f7f7f7; line-height:28px; padding:15px 0;}
.g04 .board_in.board_write td {font-size:17px;}
.fileBox {overflow:hidden;}
.fileBox .fileName,
.fileBox .btn_file {float:left; display:block; height:40px;}
.fileBox .fileName {width:260px;padding-left:10px;font-size:17px;line-height:30px;border:#aaa 1px solid;background-color:#fff;vertical-align:middle;}
.fileBox .btn_file {border:#666 1px solid;width:100px;font-size:17px;line-height:38px;text-align:center;vertical-align:middle;}
.fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.btm_check {display:block; text-align:center; padding-top:40px; font-size:20px; color:#333; font-weight:400; line-height:30px;}
.btm_check input {margin-left:10px; width:16px; height:16px; vertical-align:top; margin-top:6px;}

/* FAQ */
.faq_wrap {border-top:#333 1px solid;}
.faq_wrap dl {border-bottom:#ddd 1px solid;}
.faq_wrap dt,
.faq_wrap dd {position:relative; font-size:20px; font-weight:400; line-height:30px;}
.faq_wrap dl i {position:absolute; left:20px; width:35px; height:35px; line-height:35px; text-align:center; font-size:18px; color:#fff; font-weight:600; font-family:'NanumSquare', sans-serif; border-radius:50%;}
.faq_wrap dt {position:relative; color:#333; padding:20px 60px 20px 74px; cursor:pointer;}
.faq_wrap dt i {background:#959595; top:17px;}
.faq_wrap dt em {position:absolute; top:0; right:20px; width:26px; height:100%;}
.faq_wrap dt em:before,
.faq_wrap dt em:after {content:""; position:absolute; top:50%; left:50%; width:16px; height:1px; background:#999; transition:.2s linear;}
.faq_wrap dt em:before {transform:rotate(45deg); margin-left:-5px;}
.faq_wrap dt em:after {transform:rotate(-45deg); margin-left:5px;}
.faq_wrap .on dt em:before {transform:rotate(-45deg);}
.faq_wrap .on dt em:after {transform:rotate(45deg);}
.faq_wrap dd {color:#666; padding:30px 30px 30px 74px; border-top:#ddd 1px solid; background:#f7f7f7; display:none;}
.faq_wrap dd i {background:#406eb4; top:30px;}
/* 다운로드 */
.down_wrap {overflow:hidden; margin-top:-60px;}
.down_wrap li {position:relative; float:left; width:50%; margin-top:60px; padding:45px 20px 0 240px; min-height:277px;}
.down_wrap li img {position:absolute; top:0; left:0;}
.down_wrap li .tt {font-size:22px; color:#333; font-weight:500; line-height:30px; margin-bottom:10px;}
.down_wrap li p {font-size:18px; color:#666; font-weight:400; line-height:28px; margin-bottom:35px;}
.down_wrap li .btn {display:block; font-size:18px; color:#406eb4; font-weight:600; line-height:53px; height:55px; width:150px; border:#406eb4 1px solid; text-align:center;}
.down_wrap li .btn:before {content:""; display:inline-block; vertical-align:top; width:17px; height:100%; background:url('/images/icon_down.png') no-repeat 50% 50%; margin-right:10px;}