@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
/* CSS Document */
html {font-size: 62.5%;}
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, input, select, textarea{
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 1.7rem;
    font-family: 'NanumSquare', sans-serif;
    vertical-align: baseline;
    box-sizing: border-box;
    text-decoration: none;
    color: #666;
    list-style: none;
    background: none;
    outline: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a, span, strong {display: inline-block;}
button {cursor: pointer;}
button:focus, button:active, input:focus {outline: none;}
label {cursor: pointer;}
p, span, dt, dd, td, th, strong, li {line-height: 1.5; letter-spacing: -0.5px;}
.scroll_wrap {overflow-x:auto;}

/*에디터*/
.bod_view_box .bod_view .section_mid a,
.bod_view_box .bod_view .section_mid span,
.bod_view_box .bod_view .section_mid p,
.bod_view_box .bod_view .section_mid strong,
.bod_view_box .bod_view .section_mid h1,
.bod_view_box .bod_view .section_mid h2,
.bod_view_box .bod_view .section_mid h3,
.bod_view_box .bod_view .section_mid h4,
.bod_view_box .bod_view .section_mid h5,
.bod_view_box .bod_view .section_mid h6, 
.bod_view_box .bod_view .section_mid img, 
.bod_view_box .bod_view .section_mid i, 
.bod_view_box .bod_view .section_mid dl,
.bod_view_box .bod_view .section_mid dt,
.bod_view_box .bod_view .section_mid dd,
.bod_view_box .bod_view .section_mid ol,
.bod_view_box .bod_view .section_mid ul,
.bod_view_box .bod_view .section_mid li,
.bod_view_box .bod_view .section_mid table,
.bod_view_box .bod_view .section_mid tr,
.bod_view_box .bod_view .section_mid th,
.bod_view_box .bod_view .section_mid td,
.bod_view_box .bod_view .section_mid button {
    font-size: inherit;
    font-family:inherit;
    color: inherit;
}


/*main*/
.wrap { position: relative; width: 100%; overflow:hidden; min-height: 950px;}
.left_box {background: #352b29; position: absolute; top:0; height: 100%; width: 400px; text-align: center; padding:20px 50px; box-shadow: 2px 0px 10px #333; z-index: 9; }
.left_box .inner  {}
.left_box .inner h1 { margin-bottom: 3rem; }
.left_box .inner > p {font-size: 2.4rem; color: #fff; }
.left_box .inner .cs_txt span {color: #fff; display: block; font-family: 'Malgun Gothic'; font-size: 15px; text-align: left; margin-left: 52px;}
.left_box .inner .cs_txt span span {display: inline-block; letter-spacing: 1.4px; margin-left:0;}
.left_box .inner .cs_txt span span.ty2 {letter-spacing:0; }
.left_box .inner .cs_txt .tel {font-size: 2.8rem; font-weight: 600; color: #ffcc33; margin:5% 0;  font-family: 'NanumSquare', sans-serif; text-align: center; margin-left: 0;}
.left_box .inner .inquiry_box {padding:6% 0; border-top:1px dotted #999; border-bottom: 1px dotted #999; margin:3rem 0 0 0;}
.left_box .inner .inquiry_box table {width: 100%;}
.left_box .inner .inquiry_box table tr td, .left_box .inner .inquiry_box table tr th { padding:5px; }
.left_box .inner .inquiry_box table tr th {color: #fff; width:25%; text-align: left;}
.left_box .inner .inquiry_box table tr td {width:75%;}
.left_box .inner .inquiry_box table tr td input[type=text] {border:0; background: #fff; padding:0 10px; height: 40px; width: 100%;}
.left_box .inner .inquiry_box table tr td a {width: 100%; height: 50px; line-height: 50px; color: #ffcc00; background: #000000; }
.left_box .inner .bank_info {padding:1.5rem 0; border-bottom: 1px dotted #999;}
.left_box .inner .bank_info {padding-top: 25%; background:url('../images/bank.png') no-repeat center 2rem;}
.left_box .inner .bank_info span {display: block; color: #ffcc33; font-size: 1.8rem; }
.left_box .inner .footer {margin-top: 10%}
.left_box .inner .footer p {color: #fff; font-size: 1.5rem; font-family: 'Malgun Gothic'; text-align: left;}
.left_box .inner .footer p:last-child {margin-top: 1.5rem;}

.right_box {margin-left: 400px; width: 100%; width: -webkit-calc(100% - 380px);  width: -moz-calc(100% - 380px); width: calc(100% - 380px); overflow-y:hidden;}


/*메인비주얼*/
.main_visual_wrap {width: 100%; position: relative; }
.main_visual_wrap .owl-stage .item {display: table; width: 100%;}
.main_visual_wrap .inner {padding:0 0 0 10%; vertical-align: middle; display: table-cell;}
.main_visual_wrap .inner img {max-width: 100%; width: inherit !important;}
.main_visual_wrap .owl-stage .item.slide1 { background:url('../images/main_visual1.jpg') no-repeat 0 bottom;  }
.main_visual_wrap .owl-stage .item.slide2 { background:url('../images/main_visual2.jpg') no-repeat 0 center; }
.main_visual_wrap .owl-stage .item.slide3 { background:url('../images/main_visual3.jpg') no-repeat 0 center;  }
.main_visual_wrap .inner strong {font-size:7.8rem; color:#fff; letter-spacing: -1px; line-height:0.8; display: block; font-weight: 300; text-shadow: 2px 2px 2px #000, 0 0 5px #333, 0 0 5px #333; padding:4rem 0 0 9rem; background: url('../images/txt_ico.png') no-repeat 0 0;}
.main_visual_wrap .inner strong:last-child {font-weight: bold; font-weight: 400; padding:5rem 9rem 5rem 0; background: url('../images/txt_ico2.png') no-repeat right 0; display: inline-block; margin-left: 9rem;}

.main_visual_wrap .owl-carousel .owl-nav .owl-prev {left: 3%; top:47%; width: 76px; height: 76px; opacity: 0.5; transition: all .2s ease-in-out}
.main_visual_wrap .owl-carousel .owl-nav .owl-prev:hover {opacity: 1;}
.main_visual_wrap .owl-carousel .owl-nav .owl-next {right: 3%; top:47%; width: 76px; height: 76px; opacity: 0.5; transition: all .2s ease-in-out}
.main_visual_wrap .owl-carousel .owl-nav .owl-next:hover {opacity: 1;}
.main_visual_wrap .owl-carousel .owl-dots { width: 40%; bottom:30%; left: 17%; top:inherit;}
.main_visual_wrap .owl-carousel .owl-dot span {width: 12px; height: 10px; margin-right: 5px; background: rgba(255,255,255,0.9); border-radius: 0; transition: all .2s ease-in-out;}
.main_visual_wrap .owl-carousel .owl-dot.active span {width: 60px; background: rgba(255,255,255,0.9) !important;}



@media all and (max-width: 1400px) {
    html {font-size: 56%;}
    .wrap {min-height: 770px;}
    .main_visual_wrap .owl-stage .item.slide1 {background-size:cover;}
    .main_visual_wrap .owl-stage .item.slide2 {background-size:cover;}
    .main_visual_wrap .owl-stage .item.slide3 {background-size:cover;}
    .left_box {width: 300px; padding:20px;}
    .left_box .inner h1 img {width: 120px;}
    .left_box .inner .cs_txt span {margin-left: 30px;}
    .left_box .inner .inquiry_box table tr td input[type=text] {height: 30px;}
    .left_box .inner .inquiry_box table tr td a {height: 40px; line-height: 40px;}
    .right_box {margin-left: 300px; width: -webkit-calc(100% - 280px);  width: -moz-calc(100% - 280px); width: calc(100% - 280px); }
    .owl-carousel .owl-item img {max-width: 50%;}
}

/*
@media all and (max-width: 1100px) {

}

@media all and (max-width: 980px) {
    .header_wrap .header .nav_box {display: none;}    
    .header_wrap .header_link {display: none;}
    .mobile_gnb {display: block;}

    .footer_wrap .footer .footer_inner {padding:3rem 0;}
    .footer_wrap .footer .footer_inner p {top:5.5rem; left: 25%;}
    .footer_wrap .footer .footer_inner .family_site {position: relative; top:0!important; left: 0;}
    .footer_wrap .footer .footer_inner .txt_box {position: relative; top:0; left: 0; margin: 2rem 0;}
    .footer_wrap .footer .footer_inner h2 img {width: 150px;}
}

@media all and (max-width: 768px) {
    html {font-size: 50%;}
    .header_wrap {margin-bottom: 30px;}
    .header_wrap .header {height: 50px;}
    .header_wrap.nav_sticky {height: 80px;}

    .main_visual_wrap .inner {width: 100%; float: none; text-align: center;}
    .main_visual_wrap .inner strong {text-align: center;}
    .main_content_wrap .project {padding:0 1.5rem;}
    .main_content_wrap .content {margin-bottom: 70px;}
    .main_visual_wrap {margin-bottom: 7rem;}
    .main_content_wrap .service .more_btn {width: 110px; background-size: 110px;}

    .main_content_wrap .scroll_arrow {width: 50px; height: 50px; background-size: cover;}
    .main_visual_wrap .inner .more_btn {padding:1rem 3rem;}
}
@media all and (max-width: 640px) {
    ul.service_list {margin-top: 4rem;}
    ul.service_list li {margin-bottom: 5rem; width: 50%; min-height: 120px;}
    ul.service_list li:nth-child(n+5):nth-child(-n+8) {margin-bottom: 5rem;}
    ul.service_list li:nth-child(n+7):nth-child(-n+8) {margin-bottom: 0;}
    ul.service_list li:nth-child(6):after, ul.service_list li:nth-child(7):after, ul.service_list li:nth-child(8):after {display: none;}

    .footer_wrap .footer_link .footer_link_inner a.link_intro {display: none;}
    .footer_wrap .footer_link .footer_link_inner a {width: 24.99%; float: left; text-align: center; padding:0;}
    .footer_wrap .footer .footer_inner p {position: relative; top:0; left: 0; text-align: left; margin-top:10px;}
    .footer_wrap .footer .footer_inner .family_site {top:4.3rem;}
    .footer_wrap .footer .footer_inner .family_site button {padding:10px 7rem 10px 2rem;}
    .footer_wrap .footer_link .footer_link_inner a.link_intro {display: none;}
    .footer_wrap .footer_link .footer_link_inner a {width: 24.99%; float: left; text-align: center; padding:0;}

}

@media all and (max-width: 500px) {
     .main_content_wrap {margin-top:1rem;}


}
@media all and (max-width: 380px) {

}

*/