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

.inner {width:1200px; margin:0 auto;}
.inner2 {width:1400px; margin:0 auto;}

.btn_gray {background:#888 !important;}
.btn_gray:hover {background:#666 !important;}
.btn_white {background:#fff !important; border:#ccc 1px solid !important; color:#333 !important;}
.btn_white:hover {background:#f5f5f5 !important;}

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

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

.board_top {overflow:hidden; margin-bottom:20px;}
.board_top .fl {font-size:15px; color:#464646; font-weight:400; line-height:32px;}
.board_top .search_wrap {text-align:right; font-size:0;}
.board_top .search_wrap .text,
.board_top .search_wrap .btn {display:inline-block; vertical-align:top; font-size:13px; color:#666; height:32px;}
.board_top .search_wrap select.text {width:80px;}
.board_top .search_wrap input.text {width:210px; margin:0 3px;}
.board_top .search_wrap .btn {width:50px; line-height:32px; border:0; background:#525252; color:#fff; font-weight:400; text-align:center;}
.board_top.view {margin-bottom:10px;}
.board_top.view .fl,
.board_top.view .fr {font-size:14px; color:#424242; line-height:18px;}

.board_bottom {overflow:hidden; margin-top:30px;}
.board_bottom .btns {overflow:hidden;}
.board_bottom .btns .btn {display:inline-block; width:80px; height:30px; line-height:30px; background:#929292; color:#fff; font-weight:bold; text-align:center; border:0; vertical-align:top; transition:.5s;}
.board_bottom .btns .btn:hover {background:#666; color:#eee;}
.board_bottom .btns .fr button,
.board_bottom .btns .fl .btn,
.board_bottom .btns .fr .btn {font-size:16px; color:#fff; font-weight:400; background:#525252; width:120px; height:46px; line-height:46px;}
.board_bottom .btns .fr .btn_white {line-height:44px;}
.board_bottom .btns.tac .btn {width:190px; height:60px; line-height:60px; margin:0 3px; font-size:16px; color:#fff; font-weight:500; background:#525252;}
.board_bottom .btns.tac .btn:hover {background:#333;}
.board_bottom .paging {text-align:center; margin-top:70px;}
.board_bottom .paging a {display:inline-block; width:30px; height:30px; line-height:28px; text-align:center; border:#ddd 1px solid; font-size:13px; color:#666; vertical-align:top;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {background:#929292; color:#fff; font-weight:bold; border-color:#929292;}
.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:#464646 2px solid;}
.board_in th,
.board_in td {text-align:left; padding:10px; border-bottom:#ddd 1px solid;}
.board_in th {font-size:18px; color:#424242; line-height:20px; padding:15px 0; text-align:center;}
.board_in td {color:#666;}
.board_in.write th {font-size:16px; font-weight:400;}
.board_in.write th em {color:#f00;}
.board_in.write + .board_bottom {margin-top:40px;}

/* 갤러리 목록 */
.gall_list {overflow:hidden; margin-top:-50px;}
.gall_list li {float:left; width:320px; margin:50px 0 0 20px;}
.gall_list li:nth-child(3n-2) {margin-left:0; clear:both;}
.gall_list li a {display:block;}
.gall_list li .img {width:100%; height:240px; overflow:hidden;}
.gall_list li p {display:block; font-size:17px; color:#424242; font-weight:500; width:100%; height:26px; line-height:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:10px; text-align:center;}

/* header */
.header {position:relative; top:0; left:0; width:100%; z-index:11; transition:.2s linear;}
.header:before {content:""; position:absolute; top:156px; left:0; width:100%; height:0; background:#f8f8f8; overflow:hidden; transition:.2s linear;}
.header:after {content:""; position:absolute; top:155px; left:0; width:100%; height:1px; background:none; z-index:-1;}
.header .top {background:#222223;}
.header .top .inner {font-size:0; text-align:right;}
.header .top a {position:relative; display:inline-block; font-size:12px; color:rgba(255,255,255,.77); line-height:40px; padding-left:20px; margin-left:20px;}
.header .top a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:10px; background:rgba(255,255,255,.33); margin-top:-5px;}
.header .top a:first-child:before {display:none;}
.header .top a img{margin:-2px 5px 0 0;}
.header .gnb_wrap {position:relative; padding:35px 0 10px; height:115px; text-align:right;}
.header .gnb_wrap .logo {position:absolute; top:35px; left:0;}
.header .gnb_wrap .logo h1 {display:none; font-size:0;}
.header .gnb {text-align:right; font-size:0;}
.header .gnb li {position:relative; display:inline-block; vertical-align:top;}
.header .gnb li > a {display:block; font-size:18px; color:#000; font-weight:500; height:45px; line-height:45px; padding:0 20px;}
.header .gnb li:hover > a,
.header .gnb li.on > a {color:#957c5f !important;}
.header .gnb li.link_banner {padding-left:40px;}
.header .gnb li.link_banner > a {display:inline-block; font-size:0; padding:0; margin-left:5px; border:#e1e1e1 1px solid; border-radius:4px; font-size:0; overflow:hidden; line-height:39px; height:41px;}
.header .gnb li.link_banner > a:first-child {margin-left:0;}
.header .gnb dl {position:absolute; top:85px; left:0; width:100%; padding-top:10px; display:none;}
.header .gnb dl dd {}
.header .gnb dl dd a {display:block; font-size:14px; color:#878787; font-weight:400; line-height:33px; text-align:center;}
.header .gnb dl dd a:hover,
.header .gnb dl dd.on a {color:#957c5f; text-decoration:underline;}
.main .header {position:absolute;}
.main .header .gnb li > a {color:#fff;}
.header.open:before {height:270px;}
.header.open {background:#fff;}
.header.open .gnb li > a {color:#252525;}

/* footer */
.footer {background:#202020; padding:40px 0;}
.footer .inner {position:relative; padding-left:320px;}
.footer .flogo {position:absolute; top:0; left:0;}
.footer .links {overflow:hidden; margin-bottom:15px;}
.footer .links li {position:relative; float:left; padding-right:16px; margin-right:15px;}
.footer .links li:after {content:""; position:absolute; top:50%; right:0; width:1px; height:10px; margin-top:-5px; background:rgba(255,255,255,.46);}
.footer .links li:last-child:after {display:none;}
.footer .links li a {display:block; font-size:15px; color:#fff; font-weight:400; line-height:20px;}
.footer .address {font-size:14px; color:rgba(255,255,255,.24); font-weight:400; line-height:23px;}
.footer .address span {margin:0 15px;}

/* main */
.mvisual {position:relative; padding-top:40px;}
.mvisual .slick-slide {position:relative; height:930px; overflow:hidden;}
.mvisual .slick-slide img {position:absolute; top:0; left:50%; width:1920px; min-width:1920px; margin-left:-960px;}
.mvisual .slick-slide .txt {position:absolute; top:0; left:0; width:100%; padding-top:220px; text-align:center; z-index:1;}
.mvisual .slick-slide .txt strong {display:block; font-size:58px; color:#fff; font-weight:700; line-height:71px; margin-bottom:25px;}
.mvisual .slick-slide .txt p {font-size:21px; color:#fff; font-weight:300; line-height:33px; margin-bottom:60px;}
.mvisual .slick-slide .txt a {display:block; font-size:18px; color:#fff; font-weight:500; width:210px; height:60px; line-height:56px; border:rgba(255,255,255,.8) 2px solid; text-align:center; margin:0 auto;}
.mvisual .slick-slide .txt a:hover {opacity:.8;}
.mvisual .slick-arrow {position:absolute; top:50%; width:58px; height:58px; background-color:rgba(0,0,0,.71); background-repeat:no-repeat; text-indent:-5000px; overflow:hidden; transition:.2s linear; z-index:1;}
.mvisual .slick-arrow:hover {background-color:rgba(0,0,0,.27);}
.mvisual .slick-prev {left:30px; background-image:url('/images/arrow_prev.png');}
.mvisual .slick-next {right:30px; background-image:url('/images/arrow_next.png');}
.mvisual .slick-dots {position:absolute; bottom:60px; left:0; width:100%; text-align:center; font-size:0;}
.mvisual .slick-dots li {display:inline-block; width:16px; height:16px; margin:0 5px;}
.mvisual .slick-dots li button {display:block; border-radius:50%; width:10px; height:10px; background:rgba(255,255,255,.39); margin:3px auto; transition:.2s linear;}
.mvisual .slick-dots li.slick-active button {width:16px; height:16px; background:#fff;}

.mcon .title {text-align:center; margin-bottom:60px;}
.mcon .title strong {font-size:47px; color:#353535; font-weight:700; line-height:50px;}
.mcon .title p {font-size:18px; color:#7e7e7e; font-weight:400; margin-top:25px;}

.mgallerey {padding:80px 0 110px; background:#f1f1f1;}

.mgall_slide {position:relative;}
.mgall_slide .slick-slide {margin-right:18px; outline:0;}
.mgall_slide .slick-slide .txt {padding-top:30px; text-align:center; font-size:21px; color:#2b2b2b; font-weight:700; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mgall_slide .slick-slide .txt p {font-size:18px; color:#acacac; margin-top:10px;}
.mgall_slide .slick-arrow {position:absolute; top:115px; width:26px; height:51px; text-indent:-5000px; overflow:hidden; background-repeat:no-repeat; transition:.2s linear;}
.mgall_slide .slick-arrow:hover {opacity:.2;}
.mgall_slide .slick-prev {left:-52px; background-image:url('/images/arrow_prev2.png');}
.mgall_slide .slick-next {right:-52px; background-image:url('/images/arrow_next2.png');}

.mproduct {padding:80px 0 90px; background:url('/images/bg_mproduct.jpg') no-repeat; background-size:cover;}
.mproduct .title strong {color:#fff;}
.mproduct .title p {color:#fff;}
.mproduct ul {overflow:hidden; margin-bottom:60px;}
.mproduct ul li {position:relative; float:left; width:388px; margin-left:18px;}
.mproduct ul li:first-child {margin-left:0;}
.mproduct ul li p {position:absolute; bottom:0; left:0; width:100%; height:64px; line-height:64px; font-size:20px; color:#fff; font-weight:700; text-align:center; background:rgba(0,0,0,.64);}
.mproduct .btn {display:block; font-size:18px; color:#fff; font-weight:500; width:210px; height:60px; line-height:56px; border:rgba(255,255,255,.8) 2px solid; text-align:center; margin:0 auto;}
.mproduct .btn:hover {opacity:.8;}

.mboard {overflow:hidden; padding:65px 0;}
.mboard li {float:left; width:50%; padding:20px 30px 40px; border-left:#ccc 1px solid;}
.mboard li:first-child {border-left:0;}
.mboard .tit {position:relative; font-size:38px; color:#383838; font-weight:700; padding-top:35px; margin-bottom:30px;}
.mboard .tit:before {content:""; position:absolute; top:0; left:0; width:12px; height:12px; background:#2b4387;}
.mboard .tit .more {position:absolute; top:35px; right:0; height:58px; line-height:58px; font-size:51px; color:#989898; font-weight:300;}
.mboard .tit em {font-size:20px; color:#252525; font-weight:500; margin-left:20px;}
.mboard dl dd {position:relative; padding-right:100px;}
.mboard dl dd a {display:block; font-size:18px; color:#7e7e7e; line-height:37px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mboard dl dd em {position:absolute; top:0; right:0; width:100px; text-align:right; font-size:17px; color:#b4b4b4; font-weight:400; line-height:37px;}

.mb_link {background:url('/images/bg_mb_link.jpg') no-repeat 50% 0; background-size:cover; width:100%;}
.mb_link ul {text-align:center; font-size:0; padding:90px 0 80px;}
.mb_link ul li {display:inline-block; width:370px; text-align:center;}
.mb_link ul li strong {display:block; font-size:23px; color:#fff; font-weight:500; margin:30px 0 20px;}
.mb_link ul li p {font-size:18px; color:rgba(255,255,255,.5); font-weight:400; line-height:20px;}

/* sub */
.svisual {font-size:52px; color:#fff; font-weight:500; text-align:center; width:100%; height:210px; line-height:210px; background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
.svisual01 {background-image:url('/images/svisual01.jpg');}
.svisual02 {background-image:url('/images/svisual02.jpg'); padding:150px 0 190px; height:auto; line-height:50px;}
.svisual02 p {font-size:18px; color:#fff; font-weight:300; line-height:30px; margin:30px 0 60px;}
.svisual02 ul {text-align:center;}
.svisual02 ul li {display:inline-block; border:rgba(255,255,255,.8) 1px solid; width:160px; height:160px; margin:0 13px; vertical-align:top;}
.svisual02 ul li a {display:block; font-size:18px; color:#fff; font-weight:400; text-align:center; line-height:20px; vertical-align:top; padding:35px 0;}
.svisual02 ul li.on {border-color:rgba(255,255,255,.6);}
.svisual02 ul li a:hover {opacity:.7;}
.svisual02 ul li img {display:block; margin:0 auto 15px;}
.svisual03 {background-image:url('/images/svisual03.jpg');}
.svisual04 {background-image:url('/images/svisual04.jpg');}
.svisual09 {background-image:url('/images/svisual01.jpg');}

.aside {border-bottom:#ebebeb 1px solid; margin-bottom:110px;}
.aside dl {overflow:hidden;}
.aside dl dd {float:left; margin-right:90px;}
.aside dl dd a {display:block; font-size:15px; color:#949494; font-weight:400; line-height:50px;}
.aside dl dd a:hover,
.aside dl dd.on a {color:#252525; font-weight:500;}

.container {width:1000px; padding-bottom:100px;}
.container .title {font-size:42px; color:#252525; font-weight:500; line-height:44px; text-align:center; margin-bottom:100px;}

/* CEO 인사말 */
.greeting {background:url('/images/img_s0101.jpg') no-repeat 100% 100%;}
.greeting strong {display:block; font-size:28px; color:#424242; font-weight:500; line-height:39px;}
.greeting p {font-size:16px; color:#616161; font-weight:300; line-height:31px; margin:30px 0 230px;}
.greeting .sign {font-size:16px; color:#616161; font-weight:500;}
.greeting .sign img {margin-left:15px;}

/* 회사연혁 */
.history dl {position:relative; padding:0 50% 80px 0;}
.history dl:before {content:""; position:absolute; top:0; left:50%; width:1px; height:100%; background:#16436e;}
.history dt {position:relative; padding-right:120px; font-size:37px; color:#252525; font-weight:500; line-height:36px; margin-bottom:25px; text-align:right;}
.history dt:before,
.history dt:after {content:""; position:absolute; top:50%;}
.history dt:before {right:-12px; width:24px; height:24px; background:#174978; border:#ebf4fc 8px solid; border-radius:50%; margin-top:-12px;}
.history dt:after {right:4px; width:100px; height:1px; background:#ebebeb;}
.history dd {padding-right:120px; text-align:right;}
.history dd p {position:relative; font-size:16px; color:#424242; font-weight:400; padding-right:50px;}
.history dd p em {position:absolute; top:0; right:0; width:50px; text-align:right; font-weight:500;}
.history dl:nth-child(2n) {padding:0 0 80px 50%;}
.history dl:nth-child(2n) dt {padding:0 0 0 120px; text-align:left;}
.history dl:nth-child(2n) dt:before {right:auto; left:-12px;}
.history dl:nth-child(2n) dt:after {right:auto; left:4px;}
.history dl:nth-child(2n) dd {padding:0 0 0 120px; text-align:left;}
.history dl:nth-child(2n) dd p {padding:0 0 0 50px;}
.history dl:nth-child(2n) dd p em {right:auto; left:0; text-align:left;}
.history dl:first-child {padding-top:140px;}
.history dl:last-child {padding-bottom:150px;}

/* 기술 및 인증 */
.technology ul {overflow:hidden; border-bottom:#ddd 1px dashed; padding:70px 0;}
.technology ul:last-child {border-bottom:0;}
.technology ul li {float:left; width:20%; text-align:center; margin-top:50px;}
.technology ul li:nth-child(5n-4) {clear:both;}
.technology ul li .img {background:url('/images/bg_technology.jpg') no-repeat 50% 50%;}
.technology ul li p {font-size:16px; color:#424242; font-weight:400; line-height:26px; text-align:center; margin-top:10px;}
.technology ul li p.osw {font-size:17px;}

/* 주요 거래처 */
.account {overflow:hidden; margin-top:-25px;}
.account li {float:left; width:235px; margin:25px 0 0 20px; border:#e1e1e1 1px solid;}
.account li:nth-child(4n-3) {margin-left:0; clear:both;}

/* Contact us */
.map_txt {margin-top:50px; border-top:#464646 2px solid;}
.map_txt th,
.map_txt td {font-size:16px; line-height:60px; border-bottom:#e1e1e1 1px solid;}
.map_txt th {color:#424242; font-weight:500; width:200px; padding-left:55px; text-align:left;}
.map_txt td {color:#616161; font-weight:300;}

/* 제품소개 */
.g02 .links {text-align:right; font-size:0; margin-bottom:50px;}
.g02 .links a {display:inline-block; font-size:14px; color:#616161; font-weight:300; width:160px; height:48px; line-height:46px; border:#707070 1px solid; text-align:center; margin-left:8px;}
.g02 .bar_txt th,
.g02 .bar_txt td {padding-bottom:100px; vertical-align:top;}
.g02 .bar_txt th {font-size:21px; color:#252525; font-weight:500; border-top:#464646 1px solid; width:170px; padding-top:20px; text-align:left;}
.g02 .bar_txt td {padding-left:50px; font-size:15px; color:#616161; font-weight:400; line-height:27px; padding-top:10px;}
.g02 .bar_txt td.gals {padding-left:0;}
.g02 .bar_txt td.gals ul {overflow:hidden; max-height:647px; transition:.2s linear;}
.g02 .bar_txt td.gals ul li {float:left; width:320px; margin:25px 0 0 20px;}
.g02 .bar_txt td.gals ul li:nth-child(3n-2) {margin-left:0; clear:both;}
.g02 .bar_txt td.gals ul li .img {border:#e1e1e1 1px solid; border-bottom:0;}
.g02 .bar_txt td.gals ul li p {font-size:14px; color:#fff; font-weight:300; height:40px; line-height:40px; text-align:center; background:rgba(0,0,0,.5); border-bottom:#e1e1e1 1px solid; border-top:0;}
.g02 .gal_more {display:block; margin-top:30px; border-top:#294487 2px solid; border-bottom:#294487 2px solid; padding:20px 0; font-size:17px; color:#616161; font-weight:400; text-align:center;}
.g02 .gal_more img {display:block; margin:15px auto 0; transition:.2s linear;}
.g02 .bar_txt td.gals.open ul {max-height:none;}
.g02 .bar_txt td.gals.open .gal_more img {transform:scale(-1);}
.blue_box {background:#f8f9fe; padding:40px; text-align:center; font-size:15px; color:#616161; font-weight:300; line-height:27px;}
.blue_box p {color:#2c4387; font-weight:400; margin-top:10px;}

/* 시공사례 */
.tabs {overflow:hidden; border:#464646 2px solid; border-radius:6px; padding:20px; margin-bottom:55px;}
.tabs li {float:left;}
.tabs li a {position:relative; font-size:14px; color:#8e8e8e; font-weight:400; padding:0 20px;}
.tabs li.on a {color:#003f7e;}
.tabs li a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:10px; background:#e1e1e1; margin-top:-5px;}
.tabs li:first-child a {padding-left:0;}
.tabs li:first-child a:before {display:none;}

/* 고객지원 */
.stit {font-size:18px; color:#252525; font-weight:500; padding:65px 0 15px;}
.yak label {display:block; margin-top:20px; font-size:15px; color:#252525; font-weight:300; line-height:20px;}
.yak label input {margin-right:10px;}

/* 약관 */
.yaks {border:#ddd 1px solid; padding:20px; border-radius:6px; max-height:400px; overflow:auto;}