@charset "utf-8";
/* for styles */
@import url("font.css");
@import url("slick.css");
@import url("default.css");

@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);

/* layout */
html {min-width:1200px;}
body {overflow-x:hidden;}
.n_sq {font-family: 'NanumSquare', sans-serif;}
.inner {width:1200px; margin:0 auto;}

/* color */
.blue {color:#22409a !important;}
.red {color:#db0000 !important;}

/* inputs */
input.text,
select.text {border:#d4d5d6 1px solid; height:36px; line-height:34px; padding:0 10px;}
textarea.text {border:#d4d5d6 1px solid; padding:10px;}

/* header */
.header {position:relative; width:100%; height:137px; z-index:10;}
.header .inner {position:relative; height:137px;}
.header .logo {position:absolute; top:0; left:0; line-height:137px; }
.header .logo h1 {display:none;}
.header .top_menu {position:absolute; top:15px; right:0; overflow:hidden; z-index:1;}
.header .top_menu .link {overflow:hidden; float:left;}
.header .top_menu .link li {float:left;}
.header .top_menu .link li a {color:#5b5b5b; font-size:15px; line-height:40px;}
.header .top_menu .link li span {color:#5b5b5b; font-size:15px; padding:0 10px;}
.header .top_menu .sns {overflow:hidden; float:left;}
.header .top_menu .sns li {float:left; margin-left:10px;}
.header .gnb {position:relative; float:right; height:80px; padding-top:57px;}
.header .gnb > ul {overflow:hidden; float:left;}
.header .gnb > ul > li {float:left; margin-right:60px;}
.header .gnb > ul > li > a {position:relative; display:block; font-weight:bold; font-size:22px; color:#000; line-height:80px;}
.header .gnb > ul > li > a:after {content:""; position:absolute; width:100%; height:5px; bottom:-5px; left:0; background:#22409a; opacity:0; transition:.5s;}
.header .gnb > ul > li > a:hover,
.header .gnb > ul > li.on > a {color:#22409a;}
.header .gnb > ul > li > a:hover:after,
.header .gnb > ul > li.on > a:after { bottom:0; opacity:1;}
.header .gnb .btn_allmenu {float:left; display:block; width:27px; text-align:center; height:30px; overflow:hidden; margin-top:30px;}
.header .gnb .btn_allmenu img {}
.header .gnb .btn_allmenu.on img {margin-top:-30px;}
.header .snb {position:absolute; top:137px; left:0; width:100%; display:none; font-size:0; z-index:11;}
.header .gnb > ul > li:hover .snb {display:block;}
.header .snb:before {content:""; position:absolute; top:0; left:50%; width:300%; height:60px; background:rgba(0,0,0,.7); margin-left:-150%;}
.header .snb li {display:inline-block; margin-right:60px;}
.header .snb li a {position:relative; font-size:16px; color:#fff; padding-left:8px; line-height:60px;}
.header .snb li a:before {content:""; position:absolute; width:2px; height:2px; top:50%; left:0; margin-top:-1px; background:#fff;}
.header .snb li a:hover {color:#00fcff;}
.header .snb li a:hover:before {background:#00fcff;}
.header .snb li:last-child {margin-right:0;}
.header .gnb2 .snb {margin-left:-30%; width:130%;}
.header .gnb3 .snb {padding-left:14%;}
.header .gnb4 .snb {padding-left:36%;}
.header .gnb5 .snb {padding-right:10%; text-align:right;}
.header .gnb6 .snb {text-align:right;}

.allmenu {position:absolute; top:137px; left:0; width:100%; z-index:10; border-top:#a1a1a1 1px solid; border-bottom:#d4d4d4 1px solid; background:#fff; display:none;}
.allmenu table {width:1200px; margin:0 auto;}
.allmenu th {height:60px; line-height:60px; border-right:#6b7285 1px solid;}
.allmenu th.lm_gnb6 {border:0;}
.allmenu th a {display:block; font-family:'Noto Sans'; font-size:20px; color:#fff; background:#162450; background-repeat:no-repeat; text-align:left; padding:0 18px;}
.allmenu th.lm_gnb1 a {background-image:url('../images/icon_gnb01.png'); background-position:90% 50%;}
.allmenu th.lm_gnb2 a {background-image:url('../images/icon_gnb02.png'); background-position:90% 50%;}
.allmenu th.lm_gnb3 a {background-image:url('../images/icon_gnb03.png'); background-position:90% 50%;}
.allmenu th.lm_gnb4 a {background-image:url('../images/icon_gnb04.png'); background-position:90% 50%;}
.allmenu th.lm_gnb5 a {background-image:url('../images/icon_gnb05.png'); background-position:90% 50%;}
.allmenu th.lm_gnb6 a {background-image:url('../images/icon_gnb06.png'); background-position:90% 50%;}
.allmenu td {background:#fff; border-left:#d4d4d4 1px solid; border-right:#d4d4d4 1px solid; vertical-align:top; padding:20px;}
.allmenu td ul li {padding-bottom:5px;}
.allmenu td ul li > a {display:block; font-size:18px; font-weight:bold; color:#000; line-height:30px; margin-bottom:5px;}
.allmenu td ul li:hover > a {color:#00a8aa;}
.allmenu td ul li p a {display:block; font-size:16px; color:#626262; line-height:30px;}
.allmenu td ul li p a:hover {color:#00a8aa; text-decoration:underline;}

/* footer */
#footer {background:#555; width:100%;}
#footer .inner {overflow:hidden; background:#555; padding:30px 0;}
#footer .links {overflow:hidden; margin-bottom:10px;}
#footer .links li {float:left;}
#footer .links li a {font-size:14px; color:#fff;}
#footer .links li span {padding:0 12px; color:#fff;}
#footer .address {color:#c9c9c9;}
#footer .address span {padding:0 10px;}
#footer .fr .tt {color:#fff; font-size:22px; line-height:18px;}
#footer .fr strong {color:#fff; font-size:33px; line-height:37px;}
#footer .fr p {color:#e1e1e1; font-size:15px; line-height:24px;}

/* main */
.mvisual_wrap {position:relative; width:100%; height:514px;}
.mvisual_wrap .mvisual {position:relative;}
.mvisual_wrap .mvisual .slick-slide {position:relative; overflow:hidden; width:100%; height:514px;}
.mvisual_wrap .mvisual .slick-slide img {position:absolute; width:1920px; max-width:1920px; height:514px; left:50%; margin-left:-960px;}
.mvisual_wrap .slick-dots {position:absolute; bottom:55px; width:100%; text-align:center; font-size:0; display: none !important;}
.mvisual_wrap .slick-dots li {display:inline-block; margin:0 6px;}
.mvisual_wrap .slick-dots li button {width:80px; height:7px; background:#fff;}
.mvisual_wrap .slick-dots li.slick-active button {background:#22409a;}
.mvisual_wrap .inner {position:relative; z-index:1;}
.mvisual_wrap .inner .buttons {position:absolute; right:50%; bottom:53px; height:11px; margin-right:-300px; display: none;}
.mvisual_wrap .inner .buttons button {width:10px; height:11px; text-indent:-5000px; margin:0 5px; vertical-align:top; transition:.5s;}
.mvisual_wrap .inner .buttons #pause {background:url('../images/btn_stop.png') no-repeat 50% 50%;}
.mvisual_wrap .inner .buttons #play {background:url('../images/btn_play.png') no-repeat 50% 50%;}
.mvisual_wrap .inner .buttons button.on {opacity:.5;}

.mv_banner_wrap {background:#162450;}
.mv_banner {position:relative; width:1200px; margin:0 auto; background:url('../images/icon_notice.png') no-repeat 0 50%;}
.mv_banner .slick-slide {position:relative; height:60px; line-height:60px;}
.mv_banner .slick-slide a {outline:0; padding-left:40px; color:#fff; font-size:16px;}
.mv_banner .slick-slide span {position:absolute; top:0; right:65px; color:#d1d7eb; font-size:16px;}
.mv_banner .slick-arrow {position:absolute; right:0; width:40px; height:30px; text-indent:-5000px; z-index:1;}
.mv_banner .slick-prev {top:0; background:url('../images/mv_arrow_prev.gif') no-repeat;}
.mv_banner .slick-next {bottom:0; background:url('../images/mv_arrow_next.gif') no-repeat;}


.main_contents .title {position:relative; font-size:30px; color:#000; width:100%; line-height:40px; margin-bottom:15px;}
.main_contents .title .more {position:absolute; font-size:18px; color:#777; top:0; right:0;}

.mcon1 {padding:30px 0 40px; overflow:hidden;}
.mcon1 > div {width:589px; overflow:hidden;}
.mcon1 .slide {overflow:hidden; width:100%;}
.mcon1 .slide li,
.mcon1 .slide .slick-slide {float:left; width:183px; margin-left:20px;}

.mcon2 {background:#ededed; padding:30px 0 50px;}
.mcon2 .inner {overflow:hidden;}
.mcon2 .fl1 {margin-right:22px;}
.mcon2 .fl1 .textarea {position:relative; width:382px; height:251px; border:#a9a9a9 1px solid; background:#fff;}
.mcon2 .fl1 .textarea ul {padding:25px;}
.mcon2 .fl1 .textarea ul li {}
.mcon2 .fl1 .textarea ul li.first {border-bottom:#b5b5b5 1px dashed; padding-bottom:5px; margin-bottom:5px;}
.mcon2 .fl1 .textarea ul li a {display:block;}
.mcon2 .fl1 .textarea ul li .tit {font-size:16px; color:#000; line-height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mcon2 .fl1 .textarea ul li.first .tit {font-size:18px; line-height:24px; height:48px; white-space: normal; margin-bottom:5px;}
.mcon2 .fl1 .textarea ul li .con {font-size:16px; color:#626262; line-height:30px; height:60px; overflow:hidden;}
.mcon2 .fl1 .textarea .more {position:absolute; bottom:0; right:0;}
.mcon2 .map {width:370px; height:251px; overflow:hidden;}
.mcon2 .fr {width:400px; padding-top:55px;}
.mcon2 .fr table {width:100%;}
.mcon2 .fr table th,
.mcon2 .fr table td {border-bottom:#bfbfbf 1px solid; height:50px;}
.mcon2 .fr table th {width:26px; text-align:center;}
.mcon2 .fr table td {padding-left:10px; font-size:16px; color:#000;}

/* sub */
.svisual {width:100%; height:200px; line-height:199px; text-align:center; font-size:42px; color:#fff; font-weight:bold; text-shadow:rgba(0,0,0,.5) 0 0 20px;}
.svisual01 {background:url('../images/svisual01.jpg') no-repeat 50% 50%;}
.svisual02 {background:url('../images/svisual02.jpg') no-repeat 50% 50%;}
.svisual03 {background:url('../images/svisual03.jpg') no-repeat 50% 50%;}
.svisual04 {background:url('../images/svisual04.jpg') no-repeat 50% 50%;}
.svisual05 {background:url('../images/svisual05.jpg') no-repeat 50% 50%;}
.svisual06 {background:url('../images/svisual06.jpg') no-repeat 50% 50%;}

#container {width:1200px; margin:20px auto 0; border-left:#ccc 1px solid; display:table;}
#aside,
.content {display:table-cell;}

#aside {width:255px; padding-bottom:100px;}
#aside .lnb_head {background:url('../images/aside_head.gif') no-repeat; width:255px; height:182px; line-height:182px; text-align:center; color:#fff; font-size:34px; font-weight:bold;}
#aside #lnb > li > a {display:block; width:100%; height:60px; line-height:59px; border-bottom:#ccc 1px solid; color:#000; font-size:16px; font-weight:bold; padding:0 10px; background:url('../images/arrow_lnb_off.png') no-repeat 95% 50%; overflow:hidden; letter-spacing:-1px; transition:.5s;}
#aside #lnb > li > a:hover {background-color:#00b6b8; color:#fff;}
#aside #lnb > li.on > a {background:url('../images/arrow_lnb_on.png') no-repeat 95% 50%; background-color:#00b6b8; color:#fff;}
#aside #lnb > li.noarr > a {background-image:none;}
#aside #lnb .depth3 {background:#f8f8f8; padding:15px 15px; border-bottom:#ccc 1px solid;}
#aside #lnb li.on .depth3 {display:block;}
#aside #lnb .depth3 li a {position:relative; display:block; line-height:30px; color:#717171; font-size:16px; padding-left:10px; transition:.5s;}
#aside #lnb .depth3 li a:before {content:""; position:absolute; width:4px; height:4px; top:50%; margin-top:-2px; left:0; background:#a1a1a1;}
#aside #lnb .depth3 li a:hover,
#aside #lnb .depth3 li.on a {color:#22409a; text-decoration:underline;}
#aside #lnb .depth3 li a:hover:before,
#aside #lnb .depth3 li.on a:before {background:#22409a;}

.content {width:945px; border-left:#ccc 1px solid; padding:0 0 100px 30px; vertical-align:top;}

.location {text-align:right; font-size:0;}
.location li {display:inline-block; background:url('../images/arrow_location.gif') no-repeat 0 50%; font-size:14px; color:#959595; padding: 0 8px 0 12px; vertical-align:middle; line-height:22px;}
.location li.home {background:none;}
.location li:last-child {padding-right:0;}
.location li img {vertical-align:baseline;}

.content .title {color:#000; font-size:36px; font-weight:bold; margin-top:20px; padding-bottom:50px; margin-bottom:40px; background:url('../images/tit_ptn.gif') repeat-x 0 100%;}
.content .title p {font-size:18px; color:#535353; font-weight:normal;}
.content .title.no_bor {background:none; padding-bottom:0;}

.sub03 .justify .top_txt {background:url('../images/bg_logo.png') no-repeat 98% 94% #fafafa; background-size:200px; padding:10px; border:#ddd 1px solid; border-radius:8px;}
.justify p {color:#000; font-size:16px; line-height:30px; margin-bottom:20px; text-align:justify;}
.text_table td {vertical-align:top;}
.text_table td.txt {padding-right:30px;}
.text_table td.txt p strong {color:#22409a;}

.stit {background:url('../images/dot_stit.png') no-repeat 4px 50%; padding-left:30px; color:#000; font-size:18px; font-weight:bold; margin:40px 0 10px;}
.btit {position:relative; font-size:24px; color:#000; font-weight:bold; line-height:36px; padding-left:10px;}
.btit:before {content:""; position:absolute; width:4px; height:20px; top:10px; left:0; background:#3752a3;}

/* board */
.board table {border-top:#333 2px solid;}
.board th,
.board td {height:50px; border-bottom:#ccc 1px solid; color:#000; font-size:16px;}
.board th {background:#f6f6f6; font-weight:bold;}
.board tbody td {text-align:center;}
.board tbody td.tal a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_tdl tbody td {text-align:left; padding:5px 10px;}

.board_view {border-top:#000 2px solid;}
.board_view th {background:#f6f6f6; font-weight:bold; text-align:left; font-size:18px; color:#000; overflow:hidden; height:60px; line-height:60px; padding:0 10px;}
.board_view th .fr {font-size:14px; color:#666; font-weight:normal;}
.board_view td {padding:10px;}

.board_write tbody td {text-align:left; padding:5px 10px;}

.board_bottom {position:relative; margin-top:30px;}
.paging {height:40px; text-align:center; font-size:0;}
.paging a {display:inline-block; font-size:16px; color:#666;}
.paging a.arrow {margin:0 3px;}
.paging a.arrow img {vertical-align:top;}
.paging .num {display:inline-block; margin:0 10px;}
.paging .num a {width:24px; margin:0 8px;}
.paging .num a:hover,
.paging .num a.on {color:#22409a; border-bottom:#22409a 2px solid;}

.board_bottom .btns {padding-top:20px; border-top:#ccc 1px solid;}
.board_bottom .btns .btn {display:inline-block; width:100px; height:50px; line-height:50px; text-align:center; border:0; font-size:16px; vertical-align:top; padding:0;}
.board_bottom .btns .btn01 {color:#fff; background:#22409a;}
.board_bottom .btns .btn02 {color:#fff; background:#666;}
.board_bottom .btns .tar .btn {width:150px; font-weight:bold; font-size:18px; vertical-align:top;}
.btn_blue {background:#22409a !important; color:#fff !important;}
.btn_gray {background:#535353 !important; color:#fff !important;}
.board_bottom > .btn {position:absolute; display:block; top:0; right:0; width:110px; height:40px; line-height:40px; text-align:center;}

.board2 thead th {background:none;}

/* 찾아오시는 길 */
.map .root_daum_roughmap {width:100% !important;}
.map_text {overflow:hidden; margin-top:20px;}
.map_text li {width:50%; text-align:left;}
.map_text li p {line-height:36px; font-size:16px; color:#424242;}
.map_text li p strong {position:relative; color:#000; padding-left:10px;}
.map_text li p strong:before {content:""; position:absolute; width:3px; height:3px; background:#000; left:0; top:50%; margin-top:-1px;}

/* 제품소개 */
.search_wrap {overflow:hidden; margin-bottom:20px;}
.search_wrap .fr {font-size:0; text-align:right;}
.search_wrap select {width:130px; margin-right:5px; font-size:14px;}
.search_wrap input.text {width:310px; font-size:14px; border-right:0;}
.search_wrap input.btn {width:38px; height:36px; background:url('../images/btn_search.gif') no-repeat; border:0; text-indent:-5000px;}
.search_wrap .total {font-size:16px; color:#000; line-height:35px;}

.product_list .list {border-top:#000 2px solid;}
.product_list .list th,
.product_list .list td {border-bottom:#bbb 1px solid; padding:20px;}
.product_list .list tr:nth-child(2n) th,
.product_list .list tr:nth-child(2n) td {background:#f5f5f5;}
.product_list .list th {border-right:#bbb 1px solid; width:371px;}
.product_list .list th .img {position:relative;}
.product_list .list th .img a {position:absolute; bottom:35px; left:50%; margin-left:-125px; width:250px; height:60px; line-height:60px; text-align:center; background:#22409a; color:#fff; font-size:18px; font-weight:bold;}
.product_list .list td {vertical-align:top;}
.product_list .list td .tit {font-size:24px; color:#000; font-weight:bold;}
.product_list .list td .tit span {font-size:16px; font-weight:normal;}
.product_list .list td .stit {margin-top:20px;}
.product_list .list td p {font-size:16px; color:#535353;}
.product_list .list td ul li {font-size:16px; color:#636363; line-height:30px;}

.product_view {border-top:#000 2px solid;}
.product_view .top th,
.product_view .top td {border-bottom:#ccc 1px solid; padding:20px; vertical-align:top;}
.product_view .top th {border-right:#ccc 1px solid; width:371px;}
.product_view .top th .img {position:relative;}
.product_view .top th .btn {display:block; width:100%; height:60px; line-height:60px; text-align:center; background:#22409a; color:#fff; font-size:18px; font-weight:bold; margin-top:20px;}
.product_view .top td {vertical-align:top;}
.product_view .top td .tit {font-size:24px; color:#000; font-weight:bold;}
.product_view .top td .tit span {font-size:16px; font-weight:normal;}
.product_view .top td .stit {margin-top:20px;}
.product_view .top td p {font-size:16px; color:#535353;}
.product_view .top td ul li {font-size:16px; color:#636363; line-height:30px;}
.product_view .top td ul.color {padding-left:10px; overflow:hidden;}
.product_view .top td ul.color li {float:left; width:60px; margin-left:20px; text-align:center; color:#000; line-height:24px; font-size:15px;}
.product_view .top td ul.color li:nth-child(6n-5) {clear:both;}
.product_view .top td ul.color li p {width:60px; height:60px;}
.product_view .board.sline th,
.product_view .board.sline td {border-right:#ccc 1px solid;}
.product_view .board.sline tr th:last-child,
.product_view .board.sline tr td:last-child {border-right:0;}
.product_view .board.sline td {padding:10px 0;}

.list_set3 {width:100%;}
.list_set3 ul {overflow:hidden; margin-left:-17px;}
.list_set3 ul li {float:left; width:293px; margin-left:17px; border:#b9b9b9 1px solid; border-radius:6px; overflow:hidden;}
.list_set3 ul li a {position:relative; display:block;}
.list_set3 ul li p {padding:0 20px 15px; margin-bottom:0; line-height:20px;}
.list_set3 ul li .black {position:absolute; background:url('../images/icon_detail.png') no-repeat 50% 50% rgba(0,0,0,.65); top:0; left:0; width:100%; height:100%; opacity:0; transition:.5s;}
.list_set3 ul li .black:after {content:"클릭 시 제품소개로 이동됩니다."; position:absolute; bottom:10px; left:0; width:100%; height:20px; text-align:center; color:#fff; font-size:13px;}
.list_set3 ul li a:hover .black {opacity:1;}
/*.list_set3 dl {overflow:hidden; margin:15px 0 0;}
.list_set3 dl dt,
.list_set3 dl dd {float:left; line-height:40px;}
.list_set3 dl dt {width:143px; font-size:18px; color:#22409a; font-weight:bold;}
.list_set3 dl dd {width:150px;}
.list_set3 dl dd a {display:block; width:150px; height:40px; text-align:center; font-size:14px; text-align:center; background:#d8d8d8; transition:.5s;}
.list_set3 dl dd a:hover {background:#ccc;}*/


/* 시공갤러리 */
.gal_list {padding:20px 0; border-top:#000 2px solid; border-bottom:#ccc 1px solid;}
.gal_list ul {overflow:hidden; margin:0 0 -30px -35px;}
.gal_list ul li {float:left; width:calc((100% - 105px)/3); margin:0 0 30px 35px;}
.gal_list ul li a {display:block; width:100%; border:#ccc 1px solid;}
.gal_list ul li .img {width:100%; height:186px; overflow:hidden;}
.gal_list ul li .txt {padding:20px;}
.gal_list ul li .txt strong {display:block; font-size:18px; color:#000; height:30px; line-height:30px; margin-bottom:5px;}
.gal_list ul li .txt p {font-size:16px; color:#707070; line-height:30px; height:60px; overflow:hidden;}
.gal_list ul li .txt .date {font-size:14px; color:#707070; height:30px; line-height:30px;}

/* 인증 */
.gallery2 ul {overflow:hidden; margin-left:-20px;}
.gallery2 ul li {float:left; width:290px; margin-left:20px;}
.gallery2 ul li a {display:block; text-align:center; font-size:16px; color:#000; line-height:50px;}
.gallery2 .img {text-align:center; margin-top:30px;}

/* 견적의뢰 */
input.bo_bor {border:0; border-bottom:#ddd 1px solid; outline:0;}
.board_tdl input.bo_bor {width:50px; padding:0 5px;}
.addarea.bdr_t {border-top:#ccc 1px solid;}
.addarea:first-child {border:0;}
.addarea .btnAdd,
.addarea .btnRemove {width:80px; height:36px; text-align:center; font-size:16px; vertical-align:top; margin-top:5px;}
.addarea .btnAdd {line-height:36px; border:0; background:#535353; color:#fff;}
.addarea .btnRemove {line-height:34px; border:#686868 1px solid; background:#fff; color:#000;}

/* 공지사항 */
.board td {position:relative;}
.board td .count {position:absolute; width:20px; height:20px; line-height:20px; text-align:center; background:#00b6b8; color:#fff; font-size:13px; left:50%; top:50%; margin:0; border-radius:50%;}

@media screen and (max-width:1200px){
body {overflow-x:auto;}
.header .snb:before {width:1200px; max-width:1200px; margin-left:-600px;}
}