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

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

/* layout */
html, body {min-width:1400px; 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:35px;}
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_select2.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:100%; max-width:1400px; margin:0 auto;}
.mo_vw {display:none !important;}

.blue {color:#2c5db8 !important;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; height:90px; background:#fff; z-index:100;}
.header .inner {position:relative;}
.header .logo {position:absolute; top:0; left:0; line-height:90px; z-index:1;}
.header .logo h1 {display:none; font-size:0;}
.header .gnb {position:absolute; top:0; right:0; width:100%; padding:0 240px 0 160px; text-align:center;}
.header .gnb ul {font-size:0;}
.header .gnb li {display:inline-block; vertical-align:top;}
.header .gnb li a {display:block; font-size:22px; color:#000; font-weight:500; line-height:90px; padding:0 60px; width:100%;}
.header .sns {position:absolute; top:0; right:0; text-align:right;}
.header .sns a {display:inline-block; vertical-align:top; line-height:90px; margin-left:20px;}
.header .sns a:first-child {margin-left:0;}

/* footer */
.footer .f_location {background:url('/images/gra_footer.jpg') repeat-y 50% 0 / contain;}
.footer .f_location .inner {overflow:hidden;}
.footer .f_location dt,
.footer .f_location dd {color:#fff; line-height:110px;}
.footer .f_location dt {float:left; font-size:30px; font-weight:500;}
.footer .f_location dd {float:right; text-align:right;}
.footer .f_location dd span {display:inline-block; font-size:20px; font-weight:400; margin-right:20px;}
.footer .f_location dd i {display:inline-block; width:42px; height:42px; line-height:42px; text-align:center; border-radius:50%; background:rgba(255,255,255,.2); margin-right:15px;}
.footer .address {font-size:16px; color:#898989; font-weight:400; line-height:70px; text-align:center; background:#333;}

.point {position:absolute; top:-89px;}

/* main */
.mvisual_wrap {position:relative; padding-top:90px;}
.mvisual {position:relative;}
.mvisual .slick-dots {position:absolute; bottom:160px; left:0; width:100%; text-align:center;}
.mvisual .slick-dots li {display:inline-block; margin:0 4px;}
.mvisual .slick-dots li button {display:block; text-indent:500px; overflow:hidden; width:16px; height:16px; background:rgba(255,255,255,.5); border-radius:8px; transition:.2s linear;}
.mvisual .slick-dots li.slick-active button {width:50px; background:#fff;}

.mcon {position:relative; padding:100px 0;}
.mcon .title {font-size:45px; color:#000; font-weight:600; line-height:50px; text-align:center; margin-bottom:40px;}
.mcon .title p {font-size:18px; color:#333; font-weight:400; line-height:24px; margin-top:20px;}
.mcon .btit {position:relative; font-size:28px; color:#fff; font-weight:500; line-height:32px; padding-top:20px; margin-bottom:40px;}
.mcon .btit:before {content:""; position:absolute; top:0; left:0; width:25px; height:4px; background:#fff;}

.mc01 {padding-bottom:60px;}
.mc01 .title {margin-bottom:60px;}
.mc01 dl {display:table;}
.mc01 dt,
.mc01 dd {display:table-cell; width:50%; vertical-align:top;}
.mc01 dt {position:relative;}
.mc01 dt img {margin:-50px 0 0 -50px;}
.mc01 dd {padding-top:20px;}
.mc01 dd .tt {font-size:30px; color:#000; font-weight:600; line-height:40px;}
.mc01 dd p {font-size:18px; color:#666; font-weight:400; line-height:28px; margin:25px 0;}
.mc01 dd em {display:block; text-align:right; font-size:18px; color:#333; font-weight:400;}
.mc01 dd em strong {font-size:22px; font-weight:400;}

.mc02 {background:url('/images/bg_mc02.jpg') no-repeat 50% 0 / cover; padding:100px 0;}
.mc02 ul {overflow:hidden; margin-top:-40px;}
.mc02 li {float:left; width:248px; margin:40px 0 0 40px;}
.mc02 li:nth-child(5n-4) {margin-left:0; clear:both;}
.mc02 li a {display:block;}
.mc02 li i {position:relative; display:block; width:100%; height:0; padding-top:100%; overflow:hidden; background:#fff;}
.mc02 li i img {position:absolute; top:50%; left:50%; width:100%; height:auto; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}
.mc02 li p {font-size:18px; color:#fff; font-weight:400; line-height:20px; margin-top:15px; text-align:center;}
.paging {text-align:center; margin-top:60px; font-size:0;}
.paging a {display:inline-block; font-size:12px; color:#e4ecec; width:40px; height:40px; line-height:38px; text-align:center; margin:0 1px; border:#85d4d8 1px solid;}
.paging a:hover,
.paging a.on {color:#fff; border-color:#fff;}
.paging .nums {margin:0 3px;}
.paging .arrow {color:#fff; background:#70d6d6; border-color:#70d6d6 !important; font-family:'nanum gothic'; font-size:15px;}

.mc03 {padding:100px 0 70px; background:#3462ba;}
.mc03 dl {overflow:hidden;}
.mc03 dt,
.mc03 dd {float:left;}
.mc03 dt {width:280px;}
.mc03 dd {width:1120px;}

ul.gall {text-align:center; margin-top:-40px; font-size:0;}
ul.gall li {display:inline-block; width:440px; height:416px; margin:40px 0 0 40px; vertical-align:top;}
ul.gall li:nth-child(3n-2) {margin-left:0; clear:both;}
ul.gall li a {position:relative; display:block; padding-top:415px; box-shadow:rgba(0,0,0,.4) 5px 5px 14px; background:no-repeat 50% 50% / cover;}
ul.gall li a:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/gra_mc04.png') no-repeat 0 0 / cover; z-index:1;}
ul.gall li a p {position:absolute; bottom:0; left:0; width:100%; padding:0 10px 45px; font-size:24px; color:#fff; font-weight:500; line-height:34px; text-align:center; z-index:2;}
.mc04 .contact {background:url('/images/icon_mc04.png') no-repeat #f09e10 0 100% / contain; text-align:center; padding-top:70px;}
.mc04 .contact strong {display:block; font-size:36px; color:#fff; font-weight:600; line-height:40px; margin:35px 0 15px;}
.mc04 .contact em {display:block; font-size:18px; color:#fff; font-weight:400; line-height:24px;}

.mc06 table {border-top:#333 2px solid;}
.mc06 th,
.mc06 td {padding:12px 0; border-bottom:#ddd 1px solid;}
.mc06 th {width:140px; font-size:18px; color:#333; font-weight:400; text-align:left; padding-left:30px;}
.mc06 td {width:560px;}
.mc06 td.over_h {font-size:0;}
.mc06 td.over_h span {display:inline-block; text-align:center; font-size:18px; line-height:35px; vertical-align:top;}
.mc06 td.over_h .text {font-size:18px;}
.mc06 td.over_h .ml {margin-left:5px;}
.mc06 td textarea {height:130px;}
label.check {position:relative; display:inline-block; padding-left:20px; font-size:18px; color:#666; font-weight:400; line-height:30px; margin-right:75px;}
label.check:last-child {margin-right:0;}
label.check input {display:none;}
label.check i {position:absolute; top:8px; 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:#666; transition:.2s linear;}
label.check input:checked + i:before {width:8px; height:8px; margin:-4px 0 0 -4px;}
.yak {padding-top:35px;}
.yak .stit {font-size:24px; color:#000; font-weight:400; line-height:30px; margin-bottom:15px;}
.yak textarea {height:220px; margin-bottom:15px;}
.mc06 .btn {display:block; width:230px; height:68px; line-height:68px; font-size:20px; color:#fff; font-weight:500; text-align:center; background:#2c5db8; border-radius:34px; margin:40px auto 0; border:0;}
.mc06 .btn:active {background:#1c4796;}

.pop_project {width:1248px;}
.pop_project dl {overflow:hidden;}
.pop_project dt,
.pop_project dd {float:left; width:50%;}
.pop_project dt {background:#000;}
.project_slide {position:relative;}
.project_slide .slick-slide {position:relative; height:660px;}
.project_slide .slick-slide img {position:absolute; top:50%; left:50%; width:auto; height:auto; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}
.project_slide .slick-arrow {position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; border-top:#fff 2px solid; font-size:0; z-index:1;}
.project_slide .slick-prev {border-left:#fff 2px solid; transform:rotate(-45deg); left:10px;}
.project_slide .slick-next {border-right:#fff 2px solid; transform:rotate(45deg); right:10px;}
.project_slide .slick-dots {position:absolute; bottom:75px; left:0; width:100%; text-align:center;}
.project_slide .slick-dots li {display:inline-block; margin:0 8px;}
.project_slide .slick-dots li button {display:block; width:12px; height:12px; border-radius:50%; background:rgba(255,255,255,.5); text-indent:500px; overflow:hidden; transition:.2s linear;}
.project_slide .slick-dots li.slick-active button {background:#fff;}
.pop_project dd {display:table; height:660px;}
.pop_project dd .inbox {display:table-cell; vertical-align:middle;}
.pop_project dd i {position:relative; display:block; width:250px; height:250px; border:#ddd 1px solid; margin:0 auto; background:#fff;}
.pop_project dd i img {position:absolute; top:50%; left:50%; width:100%; height:auto; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}
.pop_project dd .txt {margin-top:20px; text-align:center;}
.pop_project dd .txt b {display:block; font-size:24px; color:#000; font-weight:500; line-height:30px;}
.pop_project dd .txt p {font-size:18px; color:#666; font-weight:400; line-height:24px; margin-top:10px;}
.fancybox-close {top:0; right:-56px; width:46px; height:46px; background:none;}
.fancybox-close:before,
.fancybox-close:after {content:""; position:absolute; top:50%; left:50%; width:60px; height:2px; background:#fff; margin-left:-30px;}
.fancybox-close:before {transform:rotate(45deg);}
.fancybox-close:after {transform:rotate(-45deg);}

.pop_ad {width:624px; background:#000;}