@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:32px; border:#d7d7d7 1px solid; border-radius:4px;}
textarea.text {border:#d7d7d7 1px solid; border-radius:4px;}
.btn,
a {transition:.2s linear;}
a.smoth_link {scroll-behavior:smooth;}

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

.btn_blue {background:#143b89 !important; color:#fff !important; border:0 !important;}
.btn_blue:hover {background:#092867 !important;}
.btn_b {background:#143b89 !important; color:#fff !important; border:0 !important;}
.btn_b:hover {background:#0059a0 !important;}
.btn_gl {background:#fff !important; color:#565656 !important; border:#707070 1px solid !important;}
.btn_gl:hover {background:#eee !important;}

.gray_box {border:#e1e1e1 1px solid;}

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

/* 게시판 목록 */
.board_list {border-top:#464646 1px solid;}
.board_list th,
.board_list td {height:55px; text-align:center; border-bottom:#e1e1e1 1px solid; font-weight:500;}
.board_list tr:last-child th,
.board_list tr:last-child td {border-bottom:#565656 1px solid;}
.board_list th {background:#fafafa; font-size:15px; color:#2b2b2b;}
.board_list td {font-size:14px; color:#949494;}
.board_list td.tal a {position:relative; display:inline-block; font-size:15px; color:#2b2b2b; max-width:100%; padding-right:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:44px; vertical-align:top;}
.board_list td.tal a i.file {position:absolute; top:0; right:0; width:13px; height:100%; background:url('/images/icon_file.png') no-repeat 50% 50%;}
#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:15px;}
.board_top .total {float:left; font-size:15px; color:#464646; font-weight:400; line-height:32px;}
.board_top .search_wrap {float:right; text-align:center; font-size:0;}
.board_top .search_wrap .text,
.board_top .search_wrap .btn {display:inline-block; vertical-align:top; font-size:13px;}
.board_top .search_wrap select.text {width:80px;}
.board_top .search_wrap input.text {width:210px; margin:0 5px;}
.board_top .search_wrap .btn {width:50px; height:32px; line-height:32px; border:0; background:#525252; color:#fff; font-weight:bold; text-align:center; border-radius:4px;}

.board_bottom .btns {overflow:hidden; margin-top:20px;}
.board_bottom .btns .btn {display:inline-block; width:120px; height:40px; line-height:40px; font-size:14px; text-align:center; border-radius:4px; vertical-align:top; transition:.5s;}
.board_bottom .btns .btn_gl {line-height:38px;}
.board_bottom .paging {text-align:center; margin-top:40px;}
.board_bottom .paging a {display:inline-block; width:32px; height:32px; line-height:30px; text-align:center; border-radius:4px; font-size:14px; color:#737373; vertical-align:top; margin:0 2px;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {color:#143b89; font-weight:bold; border:#143b89 1px solid;}
.board_bottom .paging .nums {margin:0 10px;}
.board_bottom .paging .arrow {letter-spacing:-2px; border:#e1e1e1 1px solid; font-family:'nanum gothic'; font-size:12px;}

.btns.tac {font-size:0; margin-top:40px;}
.btns.tac .btn {display:inline-block; width:160px; height:50px; font-size:15px; line-height:48px; text-align:center; border-radius:4px; vertical-align:top; margin:0 5px; transition:.2s linear;}
.btns.tac .btn_b {border:#143b89 1px solid;}

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

/* 갤러리 목록 */
.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:relative; z-index:11; box-shadow:rgba(0,0,0,.1) 0 0 10px;}
.header .inner {position:relative; height:96px;}
.header .logo {position:absolute; top:0; left:0; height:96px; line-height:96px;}
.header .logo img {display:inline;}
.header .logo h1 {display:none; font-size:0;}
.header .gnb {position:absolute; top:0; right:0;}
.header .gnb li {position:relative; float:left;}
.header .gnb li > a {display:block; font-size:19px; color:#252525; font-weight:500; line-height:96px; padding:0 40px;}
.header .gnb li:hover > a,
.header .gnb li.on > a {color:#143b89;}
.header .gnb li.langs {padding:0 13px 0 40px;}
.header .gnb li.langs a {float:left; padding:0 4px;}
.header .snb {position:absolute; top:96px; left:50%; width:120%; margin-left:-60%; border:#ddd 1px solid; background:#fff; display:none;}
.header li:hover .snb {z-index:1;}
.header .snb a {display:block; font-size:14px; color:#666; font-weight:400; line-height:40px; text-align:center;}
.header .snb a:hover {background:#f5f5f5; color:#143b89;}

/* footer */
.footer {position:relative; background:#333; padding:30px 0 35px; font-size:15px; color:rgba(255,255,255,.83); font-weight:400; line-height:24px;}
.footer .gotop {position:absolute; bottom:0; left:50%; margin-left:700px; width:51px; height:50px; background:url('/images/gotop.gif') no-repeat;}
.footer .links {overflow:hidden; margin-bottom:10px;}
.footer .links li {float:left; margin-right:20px;}
.footer .links a {display:block; font-size:15px; color:rgba(255,255,255,.83);}
.footer .links a strong {color:#fff; font-weight:500;}
.footer span {padding:0 7px;}
.footer .copy {color:rgba(255,255,255,.36);}

/* main */
.mvisual {position:relative;}
.mvisual .slick-slide {position:relative; overflow:hidden; height:770px;}
.mvisual .slick-slide img {position:absolute; top:0; left:50%; width:1920px; min-width:1920px; margin-left:-960px;}
.mvisual .slick-slide a {position:absolute; top:423px; left:50%; margin-left:-574px; display:block; width:164px; height:50px; z-index:1;}
.mvisual .slick-dots {position:absolute; bottom:50px; left:0; width:100%; height:13px; text-align:center; font-size:0;}
.mvisual .slick-dots li {display:inline-block; margin:0 5px;}
.mvisual .slick-dots li button {display:block; width:13px; height:13px; border:#fff 1px solid; border-radius:50%; text-indent:-500px; overflow:hidden; opacity:.49; transition:.2s linear;}
.mvisual .slick-dots li.slick-active button {opacity:1; background:#fff;}
.mvisual .slick-arrow {position:absolute; top:50%; width:40px; height:80px; border:0; text-indent:500px; overflow:hidden; z-index:1; margin-top:-40px; transition:.2s linear;}
.mvisual .slick-arrow:hover {opacity:.7;}
.mvisual .slick-arrow:before,
.mvisual .slick-arrow:after {content:""; position:absolute; top:50%; left:0; width:40px; height:2px; background:#666;}
.mvisual .slick-arrow:before {margin-top:-14px;}
.mvisual .slick-arrow:after {margin-top:14px;}
.mvisual .slick-prev {left:10px;}
.mvisual .slick-prev:before {transform:rotate(-45deg);}
.mvisual .slick-prev:after {transform:rotate(45deg);}
.mvisual .slick-next {right:10px;}
.mvisual .slick-next:before {transform:rotate(45deg);}
.mvisual .slick-next:after {transform:rotate(-45deg);}

.mcon {padding:80px 0;}
.mcon .title {font-size:49px; color:#252525; font-weight:500; line-height:50px; text-align:center; margin-bottom:70px;}
.mcon .title p {font-size:18px; color:#565656; font-weight:300; line-height:20px; margin-top:25px;}

.mcon01 {text-align:center; background:url('/images/bg_mcon01.jpg') no-repeat 50% 50%; background-size:cover;}
.mcon01 .btit {font-size:39px; color:#252525; font-weight:400; line-height:40px; margin-bottom:40px;}
.mcon01 .btit strong {color:#063e99;}
.mcon01 p {font-size:19px; color:#565656; font-weight:300; line-height:33px; margin-bottom:70px;}
.mcon01 .dots {position:relative; width:100%; z-index:1;}
.mcon01 .dots:before {content:""; position:absolute; top:100px; left:0; width:100%; height:5px; background:url('/images/dot_mcon01.png') repeat-x; z-index:-1;}
.mcon01 .dots li {display:inline-block; width:290px; padding-top:220px; margin:0 15px; vertical-align:top; background:no-repeat 50% 0;}
.mcon01 .dots li p {font-size:17px; color:#56565; font-weight:300; line-height:20px; margin:20px 0 0;}
.mcon01 .dots .d1 {background-image:url('/images/img_mcon01_01.jpg');}
.mcon01 .dots .d2 {background-image:url('/images/img_mcon01_02.jpg');}
.mcon01 .dots .d3 {background-image:url('/images/img_mcon01_03.jpg');}
.mcon01 .dots .d4 {background-image:url('/images/img_mcon01_04.jpg');}

.mcon02 {background:url('/images/bg_mcon02.jpg') no-repeat 50% 50%; background-size:cover;}
.mcon02 .list {overflow:hidden;}
.mcon02 .list li {float:left; width:242px; margin-left:10px;}
.mcon02 .list li:first-child {margin-left:0;}
.mcon02 .list li a {position:relative; display:block; background:#fff; text-align:center; padding-bottom:30px;}
.mcon02 .list li a .tit {width:100%; padding-top:30px; font-size:26px; color:#252525; font-weight:700; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mcon02 .list li a .tit p {font-size:16px; font-weight:300; line-height:20px; margin:10px 0 20px;}
.mcon02 .list li a .img {width:202px; margin:0 auto; border:#e1e1e1 1px solid;}
.mcon02 .btns {padding-top:60px;}
.mcon02 .btns .btn {display:block; width:160px; height:50px; line-height:50px; text-align:center; font-size:14px; font-weight:700; margin:0 auto 30px;}
.mcon02 .btns p {font-size:17px; color:#565656; font-weight:300; line-height:30px;}

.mcon03 .board {margin-bottom:40px;}
.mcon03 .board .tit {position:relative; font-size:25px; color:#252525; font-weight:500; line-height:30px; padding-bottom:21px; border-bottom:#363636 1px solid;}
.mcon03 .board .tit .more {position:absolute; top:0; right:0; display:block; font-size:14px; color:#565656; font-weight:300; line-height:30px; padding-right:26px; background:url('/images/arrow_more.gif') no-repeat 100% 50%;}
.mcon03 .board .fl {width:750px;}
.mcon03 .board .fl li {border-bottom:#e1e1e1 1px solid;}
.mcon03 .board .fl li a {position:relative; display:block; font-size:16px; color:#252525; font-weight:300; line-height:69px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 100px 0 10px;}
.mcon03 .board .fl li a em {position:absolute; top:0; right:10px; height:69px; line-height:69px; font-size:14px; color:#898989; font-weight:300;}
.mcon03 .board .fl .notice h2 {display:none;}
.mcon03 .board .fr {width:454px; text-align:center;}
.mcon03 .board .fr .gray_box {padding:40px 50px 30px; border-top:0; height:280px;}
.mcon03 .board .fr em {font-size:27px; color:#565656; font-weight:700; line-height:30px;}
.mcon03 .board .fr .lato {font-size:44px; color:#252525; font-weight:900; line-height:38px; padding:15px 0;}
.mcon03 .board .fr p {font-size:19px; color:#565656; font-weight:300; line-height:25px;}
.mcon03 .board .fr ol {overflow:hidden; width:349px; margin:30px auto 0;}
.mcon03 .board .fr ol li {display:block; width:50%; border:#e1e1e1 1px solid; margin:0 auto;}
.mcon03 .board .fr a {display:block; font-size:17px; color:#565656; font-weight:300; line-height:52px; text-align:center;}
.mcon03 .board .fr a:hover {background:#f5f5f5;}
.mcon03 .link_box li {overflow:hidden;}
.mcon03 .link_box a {float:left; display:block; height:130px;}
.mcon03 .link_box .fl a {width:386px; padding-left:136px; background-color:#3062a9 !important;}
.mcon03 .link_box .fl .ic1 {background:url('/images/icon_mcon03_01.png') no-repeat 50px 50%; margin-right:10px;}
.mcon03 .link_box .fl .ic2 {background:url('/images/icon_mcon03_02.png') no-repeat 50px 50%;}
.mcon03 .link_box .fl .tt {margin-top:25px; font-size:22px; color:#fff; font-weight:500; line-height:26px; margin-bottom:5px;}
.mcon03 .link_box .fl p {font-size:14px; color:#fff; font-weight:400; line-height:21px;}
.mcon03 .link_box .fr a {width:222px; font-size:17px; color:#fff; font-weight:500; line-height:20px; padding-top:80px; text-align:center; background-color:#7dc273 !important;}
.mcon03 .link_box .fr .ic3 {background:url('/images/icon_mcon03_03.png') no-repeat 50% 32px;}
.mcon03 .link_box .fr .ic4 {background:url('/images/icon_mcon03_04.png') no-repeat 50% 32px; margin-left:10px;}
.mcon03 .board .fr.set_ne .gray_box {position:relative; padding:20px 50px;}
.mcon03 .board .fr.set_ne .lato {padding:10px 0;}
.mcon03 .board .fr.set_ne ol {margin-top:15px;}
.mcon03 .board .fr.set_ne .links {position:absolute; bottom:0; left:0; width:100%;}
.mcon03 .board .fr.set_ne .links a {display:block; float:left; width:50%; font-size:15px; line-height:50px; color:#fff; height:50px; text-align:left; background-size:24px !important; padding-left:90px;}
.mcon03 .board .fr.set_ne .links .ic1 {background:url('/images/icon_mcon03_01.png') no-repeat 30px 50% #3062a9;}
.mcon03 .board .fr.set_ne .links .ic4 {background:url('/images/icon_mcon03_04.png') no-repeat 30px 50% #7dc273;}

.mcon04 {background:#f1f1f2; height:110px;}
.mcon04 .mbanner {position:relative; padding:0 50px;}
.mcon04 .mbanner .slick-slide {text-align:center; height:110px; line-height:110px;}
.mcon04 .mbanner .slick-slide img {max-width:171px; max-height:88px;}
.mcon04 .mbanner .slick-arrow {position:absolute; top:0; width:50px; height:100%; text-indent:-500px; overflow:hidden;}
.mcon04 .mbanner .slick-prev {background:url('/images/arrow_prev.png') no-repeat 50% 50%; left:0;}
.mcon04 .mbanner .slick-next {background:url('/images/arrow_next.png') no-repeat 50% 50%; right:0;}

/* sub */
.location {border-top:#e1e1e1 1px solid; border-bottom:#e1e1e1 1px solid; background:#fbfbfb; margin-bottom:20px;}
.location .inner {text-align:right; font-size:14px; color:#606060; font-weight:300; line-height:40px;}
.location .inner strong {color:#143b89;}
.location .inner span {display:inline-block; width:30px; height:40px; background:url('/images/arrow_location.png') no-repeat 50% 50%; vertical-align:top;}

.container {overflow:hidden; padding-bottom:150px; min-height:620px;}
.aside {float:left; width:260px;}
.aside h2 {display:block; font-size:29px; color:#fff; font-weight:500; width:100%; height:110px; line-height:110px; text-align:center; background:#143b89;}
.aside .snb {border-top:#e1e1e1 1px solid; margin-top:12px;}
.aside li {border:#e1e1e1 1px solid; border-top:0;}
.aside li > a {position:relative; display:block; font-size:16px; color:#606060; font-weight:300; line-height:46px; padding:0 20px;}
.aside li:hover > a,
.aside li.on > a {color:#1e5292; font-weight:500;}
.aside .dep {border-top:#e1e1e1 1px solid; background:#fafafa; display:none;}
.aside li.on .dep {display:block;}
.aside .dep a {position:relative; display:block; border-top:#ebebeb 1px solid; font-size:15px; color:#898989; font-weight:300; line-height:44px; padding-left:34px;}
.aside .dep a:first-chid {border-top:0;}
.aside .dep a:before {content:""; position:absolute; top:50%; left:20px; width:6px; height:2px; margin-top:-1px; background:#29935c;}
.aside .dep a:hover,
.aside .dep a.on {color:#143b89; text-decoration:underline; font-weight:400;}
.aside .dep a:hover:before,
.aside .dep a.on:before {background:#143b89;}
.contents {float:right; width:940px;}
.contents .title {font-size:33px; color:#252525; font-weight:500; line-height:36px; padding:15px 0 36px; border-bottom:#464646 1px solid; margin-bottom:50px;}
.contents p {font-size:16px; color:#565656; font-weight:300; line-height:30px;}
.g02 .aside li > a:after {content:"+"; position:absolute; top:0; right:20px; font-size:28px; color:#a4a4a4; font-weight:100;}

/* 인사말 */
.g01.s01 .scon01 {padding-bottom:30px; background:url('/images/img_s0101.jpg') no-repeat 100% 0;}
.g01.s01 .scon01 .tt {font-size:27px; color:#565656; font-weight:400; line-height:38px; margin-bottom:50px;}
.g01.s01 .scon01 .tt strong {display:block; font-size:38px; color:#143b89; font-weight:700; line-height:49px;}
.g01.s01 .scon01 .name {margin-top:50px; font-size:18px; color:#565656; font-weight:700; line-height:26px;}
.g01.s01 dl {overflow:hidden; margin-top:100px;}
.g01.s01 dt {float:left; width:180px; border-top:#707070 1px solid; padding-top:35px; font-size:22px; color:#565656; font-weight:500; line-height:30px;}
.g01.s01 dd {float:right; width:730px; padding-top:40px; text-align:center;}
.g01.s01 dd ul {overflow:hidden; width:100%;}
.g01.s01 dd li {float:left; width:33.3333%; text-align:center;}
.g01.s01 dd li p {font-size:16px; color:#808080; font-weight:300; line-height:25px; margin-top:25px;}

/* 주요고객사 */
.stit {font-size:22px; color:#565656; font-weight:500; line-height:24px; margin-bottom:30px;}
.mem_list {overflow:hidden; margin-top:-24px;}
.mem_list li {float:left; width:217px; margin:24px 0 0 24px;}
.mem_list li:nth-child(4n-3) {margin-left:0; clear:both;}

/* 오시는길 */
.map_txt {margin-top:40px; border-top:#464646 1px solid;}
.map_txt th,
.map_txt td {border-bottom:#e1e1e1 1px solid; font-size:16px; color:#565656; line-height:57px;}
.map_txt th {width:126px; font-weight:500;}
.map_txt td {padding-left:20px; font-weight:300;}

/* 제품안내 */
.product_img {overflow:hidden; margin:-24px 0 0 -30px;}
.product_img li {position:relative; float:left; max-width:455px; margin:24px 0 0 30px;} 
.product_img li:after {content:""; position:absolute; bottom:0; right:0; width:38px; height:38px; background:url('/images/icon_zoom.gif') no-repeat;}
.product_img li a {display:block; width:100%; max-height:321px; text-align:center;}
.product_img.nozoom li:after {display:none;}
.pro_info {overflow:hidden; margin-left:-20px;}
.pro_info ul {float:left; width:460px; margin-left:20px;}
.pro_info ul li {margin-top:70px;}
.pro_info ul li .dot_list {margin-top:5px;}
.pro_info ul li .btn {display:inline-block; font-size:13px; color:#fff; background:#143b89; padding:0 20px; height:38px; line-height:38px; border-radius:4px; margin-top:15px;}
.pro_info ul li .btn:after {content:""; display:inline-block; width:16px; height:17px; margin-left:5px; background:url('/images/icon_download.png') no-repeat; vertical-align:middle;}
.sq_list li {padding-left:24px; font-size:18px; color:#143b89; font-weight:500; line-height:30px; background:url('/images/dot_sqtit.gif') no-repeat 0 8px;}
.sq_list li .tac {margin-left:-24px; margin-top:10px;}
.sq_list li .tbl {margin-left:-24px;}
.dot_list p {position:relative; font-size:16px; color:#565656; font-weight:300; line-height:30px; padding-left:16px;}
.dot_list p:before {content:""; position:absolute; top:13px; left:0; width:4px; height:4px; background:#ccc; border-radius:50%;}
.pro_img {margin-top:70px;}
.pro_img .tal {margin-top:20px;}

.tbl table {border-top:#464646 1px solid;}
.tbl th,
.tbl td {text-align:center; height:44px; border-right:#e1e1e1 1px solid; border-bottom:#e1e1e1 1px solid;}
.tbl th:last-child,
.tbl td:last-child {border-right:0;}
.bdl_line {border-right:#e1e1e1 1px solid !important;}
.tbl th {font-size:16px; color:#252525; font-weight:400; background:#f8f8f8;}
.tbl td {font-size:15px; color:#565656; font-weight:300;}
.tbl em {color:#f00; margin:0 3px;}
.tbl.tac td {text-align:center;}

.g03 .tbl .textarea {height:140px; border:#d7d7d7 1px solid; overflow:auto; padding:20px;}
.g03 .tbl .tar {font-size:15px; color:#595959; font-weight:300; line-height:20px; margin-bottom:10px;}
.g03 .tbl > label {display:block; font-size:15px; color:#252525; font-weight:300; margin-top:15px;}
.g03 .tbl td {font-size:14px; color:#aeaeae; font-weight:400;}
.g03.s01 .tbl th {width:200px;}
.g03.s01 .tbl td {padding:10px 20px; text-align:left;}
.g03.s02 .tbl td {padding:10px; border-right:#d7d7d7 1px solid;}

.tabs {overflow:hidden; margin-bottom:40px;}
.tabs a {display:block; float:left; width:180px; height:50px; line-height:48px; text-align:center; font-size:16px; color:#7d7d7d; font-weight:500; border:#929292 1px solid; border-left:0;}
.tabs a:first-child {border-left:#929292 1px solid;}
.tabs a.on {color:#fff; background:#8cccff; border-color:#8cccff;}

.yaks {border:#ddd 1px solid; padding:10px;}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

.msg_sound_only, .sound_only {display:none !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

.quick_menu {position:fixed; bottom:10px; right:10px; width:150px; min-height:150px; border-radius:10px; z-index:1000;}
.quick_menu ul{position:relative;margin:0 auto;text-align:center;width:130px;}
.quick_menu li {position:relative; font-size:16px; color:#424242; font-weight:500;  border-bottom:#e1e1e1 1px solid; width:100%; text-align:center; margin:0px; padding:10px;}
.quick_menu li i {display:block; width:40px; height:40px; background:no-repeat 50% 50%; border-radius:50%}
.quick_menu li span {width:100%;}
.quick_menu li i.t {background-color:#f5b44d; background-image:url('/images/icon_sns01.png');}
.quick_menu li i.k {background-color:#fff200; background-image:url('/images/icon_sns02.png');}
.quick_menu li i.n {background-color:#4abc4b; background-image:url('/images/icon_sns03.png');}