@charset "utf-8";
@import url(//cdn.jsdelivr.net/xeicon/2/xeicon.min.css);
/*
@import url(https://fonts.googleapis.com/css?family=Philosopher:400,700);
@import url(https://fonts.googleapis.com/css?family=Mr+Dafoe);
*/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');


/* CSS Document */

* {
    font-family:AppleSDGothicNeo-Regular,"Nanum Gothic",'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif !important;
}
body, a, a:link, a:visited, a:active, a:hover {    
    font-size:12px;
    color:#333; 
    text-decoration: none;
}



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}

ol,ul {list-style:none;}

body_wrap {width: 100%;}

p {margin:10px}


.admin_login { 
	
	width:230px;
	text-align:center;
	margin:0px auto;
	bottom:20px;
	left:0px;
}


.content_wrap{
    width:100%;
}

.header{
    width:100%;
    padding:0;
/*    z-index: 999999;*/
}   

.header .navbar-blog{position:absolute; margin:50px 0; right:50px;} 
.header .navbar-blog img{height:50px;} 
@media (min-width:730px) {
.header .navbar-blog{display:block;} 
}
@media (max-width:730px) {
.header .navbar-blog{display:none;} 
}
.header .navbar-brand{margin:50px 0;} 
.navbar-nav .nav-item{color:#fff !important;}
.nav-link{font-size:22px !important;color:#fff !important;font-weight:bold;}
.navbar-expand-sm .navbar-collapse{background-color: #8e6d35 !important;width:100%;}
.navbar-expand-sm .navbar-nav{margin:auto;}
.navbar-expand-sm .navbar-nav .nav-link{padding-right: 4rem !important;padding-left: 4rem !important;padding-bottom:9px !important;padding-top:6px !important;}


.nav-item.dropdown>.navbar-nav{background-color:#8e6d35 !important; width:220px !important;pointer-events:auto !important;}
.nav-item.dropdown>.navbar-nav .nav-item .nav-link{padding:10px !important;font-size:14px !important;font-weight:normal;}
.nav-item.dropdown>.navbar-nav .nav-item{border-top:1px solid #6e552a}


.navbar { color:#fff !important;padding-left:0 !important;padding-right:0 !important;z-index:999;}
.header .m_menu{
    position: absolute;
    display: inline-block;
    right:10px;
}

.bsnav-mobile .nav-item {
    padding:35px auto;
}
.navbar-nav .nav-item.active>.nav-link, .navbar-nav .nav-item:active:focus>.nav-link, .navbar-nav .nav-item:active>.nav-link, .navbar-nav .nav-item:focus>.nav-link, .navbar-nav .nav-item:hover>.nav-link{
    color:#b8a06c !important;
}

.nav-item.active .caret, .nav-item:hover .caret {
    border-top-color: #b8a06c !important;
}


ul li ul li{
    padding-left:20px;
}
ul li ul li a{
    font-size:20px !important;
}
.bsnav-mobile .navbar{
}
.bsnav-mobile-overlay{
    background-color:rgba(0,0,0,0.7) !important;
}







#body_section  {z-index:0;margin:0 0 0 0px;padding-left:0px}
#content {display:block;width:100%;height:100%}
#content .imgWall {}
#content .cover_img {position:absolute;top:0;left:0;background-position:center 0; background-repeat:no-repeat; background-size:cover; width:100%; height:100%;}

#body_section .section {clear:both;text-align: center; width:100%; }



#section0 {background-size:cover; color:#fff}
#section0_text1 {position:absolute;top:35%;margin:auto; padding:0; font-size:3em; border:0px solid white; width:100%; text-align:center;font-family: arial,helvetica;}
#section0_text2 {position:absolute;top:38%;margin:auto; padding:0; font-size:1.5em; border:0px solid white; width:100%; text-align:center;font-family: Verdana, Geneva, sans-serif;}

#section0 .s0_text {position:absolute;top:50%;margin:auto; padding:0; font-size:3em; border:0px solid white; width:100%; text-align:center;font-family:"Apple SD 산돌고딕 Neo", "Apple SD Gothic Neo", "나눔고딕", "Nanum Gothic", "돋움", "Dotum", Helvetica, Arial, sans-serif;}




#section1 {background-color:#f2f2f2; padding:80px auto;margin:0px;}
#section1 .box{width:500px;border:1px solid #ccc; display:inline-block;margin:35px 10px;background-color:#fff;padding:10px;position:relative;border-radius:20px;box-sizing:border-box; }
#section1 .box .box_title{font-size:28px; padding:10px 10px 0;text-align:left;font-weight:bold;}
#section1 .box .box_desc{font-size:16px; padding:10px;margin:10px 0;text-align:left;line-height:30px;}
#section1 .box .box_img{margin:auto;line-height:20px;width:100%;}
#section1 .box .box_img img{}
#section1 .box .box_more{font-size:1em;margin: 10px auto;padding:0px 10px;height:35px;line-height:30px;border:4px solid #967308;bottom:10px;border-radius:35px;width: 120px;}

#section2 {padding:50px 0;position:relative;height:500px;}
#section2 .s2_title{font-size:28px;font-weight:bold;}
#section2 .s2_desc{font-size:16px;padding:10px 0;}
#section2 .s2_box{width:1150px;background-color:#eee;margin:auto;}

#jCarouselLiteDemo{display:block;}
#jCarouselLiteDemo .carousel  {
    padding: 0px 0 0 0;
    margin: 0 0 0px 0px;
    position: relative;     
}



#jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
    float: left;
}              
#jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
    display: block;
    float: left;
    width: 20px;
    height: 210px;
    text-decoration: none;
    background: url("../images/left.png") left 95px no-repeat;
}
#jCarouselLiteDemo .carousel a.next {
    background: url("../images/right.png") right 95px no-repeat;
}
#jCarouselLiteDemo .carousel a.next:hover {
    background-image: url("../images/right.png");
}
#jCarouselLiteDemo .carousel a.prev:hover {
    background-image: url("../images/left.png");
}    
#jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
    border: none;
    outline: none;
}                 
#jCarouselLiteDemo .carousel .jCarouselLite {
    border: 0px solid black;
    float: left;
    background-color: ;

    /* Needed for rendering without flicker */
    position: relative;
    visibility: hidden;
    left: -5000px;
}
#jCarouselLiteDemo .carousel ul {
    margin: 0;
}
#jCarouselLiteDemo .carousel li img, 
#jCarouselLiteDemo .carousel li p {
    background-color: #fff;
    width: 210px;
    height: 210px;
    margin: 6px;
}
.bx-wrapper{
    display:none;
}

/* client banner */





#section3 {width:1100px;margin:auto auto 50px;vertical-align:top;}
#section3 .s3_box {height:250px;background-color:#eee;display:inline-block;margin:0;padding:20px;margin-left:-4px;text-align:left;vertical-align:top}
#section3 .s301{width:295px;}
#section3 .s302{width:250px;background-color:#705520;color:#fff;vertical-align:top;}
#section3 .s303{width:555px;background:url(../images/main2-1.jpg) 50% 50% no-repeat;text-align:right;background-size:cover}
#section3 .s3-title{font-size:22px;font-weight:bold;margin-bottom:20px;}
#section3 .s303 .s3-title{text-align:right;margin-bottom:0}
#section3 .hcall_tel{font-size:18px;position:absolute;line-height:130%;margin-left:14px;margin-top:4px;}
#section3 .hcall_desc{font-size:12px;margin-top:10px;}
/*.flaticon-old-typical-phone{height:100px;}*/
.flaticon-old-typical-phone:before,.flaticon-old-typical-phone:after {font-size:50px !important;margin-left:0 !important}
#section3 .s303 .box_more{text-align:center;font-size:1em;margin: 10px auto;padding:0px 10px;height:35px;line-height:30px;border:4px solid #967308;bottom:10px;border-radius:35px;width: 120px;float:right;background-color:#fff;}

#section3 .s303 .mobile-sec {display:none;}



/*
============================================================================================================
sub page mode
============================================================================================================
*/

#body_section_sub

.bs_top_img{width:100%;height:250px;background-color:#eee;margin:0 auto;background: 50% 50% no-repeat; background-size:cover; }

.bs_bd_wrap{width:1100px;margin:auto;vertical-align: top;position: relative;clear: both;margin:0 auto 30px;padding-top:40px;display: flex;}

.bs_bd_nav_wrap{display: block; width:100%;border-bottom:1px solid #ddd;}
.bs_bd_nav{width:1100px;margin:0;background-color:#fff;position:relative;height:40px;line-height:40px;padding-left:10px;border-left:1px solid #ddd;border-right:1px solid #ddd; margin:auto;vertical-align:middle;}
.top_nav-icon{font-size:16px !important;}


.bs_bd_sm{width:150px;position: relative;display: block;margin-right:50px}
.bs_bd_content{ width:900px;position: relative;display: block}

.bs_sm_title{font-size:28px;font-weight:bold;padding-bottom:20px;border-bottom:2px solid #333;width:100%;text-align:left;color:#967308;margin-bottom:20px;}

.bs_sm_item {vertical-align: middle;margin-bottom:10px;border-bottom: 1px solid #eee;padding-bottom:5px}
.bs_sm_item a {font-size:16px;font-weight: bold;text-decoration: none;}

.bs_sm .selected, .bs_sm .selected a {color:#967308 !important;}

.bs_bd_call{width:100%;margin-top:50px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.bs_bd_call .bs_bd_title{font-size:14px;font-weight:bold;text-align: left;margin-bottom:10px}
.bs_bd_call .bs_bd_title>i{padding:5px;background-color:#337733;color:#fff;border-radius:30px;}
.bs_bd_call .hcall_tel{font-size:15px;font-weight: bold;border:1px solid #ddd;border-radius:10px;padding:8px 0 8px 7px;line-height:26px;margin-bottom:5px;}
.bs_bd_call .hcall_desc{font-size:12px;color:#888;padding-left:0px}
.bs_bd_call .hcall_desc .hcall_desc_txt{font-size:11px;display: inline-block;padding:5px 0;}

.bs_bd_online{width:100%;margin-top:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.bs_bd_online>a, .bs_bd_online>a:hover,.bs_bd_online>a:active{text-decoration: none;}
.bs_bd_online .bs_bd_title{font-size:14px;font-weight:bold;text-align: left;margin-bottom:10px}
.bs_bd_online .bs_bd_title>i{padding:5px;background-color:#773333;color:#fff;border-radius:30px;}
.bs_bd_online .hcall_tel{font-size:14px;font-weight: bold;border-radius:20px;padding:10px}
.bs_bd_online .hcall_desc{font-size:12px;color:#888}





#copyrights {clear:both;background-color:#1f1f1f;padding:30px 0; width:100%;  text-align:center;line-height: 180%;color:#aaa;}

#copyrights .cp-logo {
    margin:30px auto;
}

#copyrights .contact{
    width:750px;
    text-align:center;
    margin:auto;
    padding:10px;
}
#copyrights .contact li {
    list-style: none;
    display: block;
    margin:auto 15px auto 0;
}
#copyrights .contact li a{
    color:#aaa;
    font-size:16px;
}

.bd,
.section_wrap,
.xev3board {width:100%;	margin:auto}
.board_list .thumbnail_box {width:30%;}



/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@media (max-width:1100px) {
#body_section_sub,
.section_wrap,
.bd,
.xev3board {width:100% !important;}


.board_header{width: 98%;text-align: center;}
.board_header h2:after{width: 100%;}
.grid-sizer {width:45%;}

.bsnav-brand-top.navbar-expand-sm .navbar-brand{left:45% !important;}
.header .navbar-brand{margin:10px 0;} 
.header .navbar-brand img {width:220px;}
    
.navbar-nav .nav-item{color:#fff !important;}
.bsnav-mobile .navbar-mobile .nav-link, 
.bsnav-mobile .navbar-mobile .nav-item{color:#333 !important;}
.navbar-nav .nav-link{font-size:20px !important;color:#fff !important;}

.navbar-toggler{margin-right:10px;} 
 
.nav-item.dropdown>.navbar-nav{width:171px !important;}    
.navbar-expand-sm .navbar-nav .nav-link{padding-right: 3rem !important;padding-left: 3rem !important;}    
    
.section,
.s301, .s2_box{width:100% !important;}    

.bs_top_img{height:120px !important}
.bs_bd_wrap{width:95%;display: block;}
.bs_bd_nav_wrap {display: none;}
.bs_bd_sm{width:100%;position:relative;}
.bs_bd_call, .bs_bd_online{display: none;}
.bs_bd_content{width:100%;position: relative;left:200px;left:0;}

    
    .s302 .hcall_wrap{margin:auto;width:220px;}
.s302{width:45% !important;}
.s303{width:55% !important;}
.s301 {height: auto !important}
.s3-box {padding:5px 15px;}
.s3-title{text-align: center !important;}

#section3 .s303{background:none;text-align:center;}
#section3 .s303 .box_more{float:none;}
#section3 .s303 .mobile-sec {display:block;margin:15px auto;}
#section3 .s303 .mobile-sec .s3-addr {font-size:100px;text-align: left !important;} 
#section3 .s303 .flaticon-placeholder:before, 
#section3 .s303 .flaticon-placeholder:after{font-size:50px;margin-left:0;}

.s301 .s3-box{width:295px;margin:auto;}    

    
    
#copyrights .cp-logo img{width:200px;}
#copyrights .contact{width:95%}
    

#body_section_sub,
.grid-sizer {width:100%;}
.board_list .list_container {width: 325px;}
.board_list .thumbnail_box {width:95%;}

    
    
    
#section1 {background-color:#f2f2f2; padding:80px auto 0;margin:150px 0 5px;}
#section1 .box{width:95%;border:1px solid #ccc; display:inline-block;margin:10px 0;background-color:#fff;padding:5px;border-radius:10px;box-sizing:border-box; }

/*#section1 .box .box_title:after {content:<i class='flaticon-placeholder'></i>;}*/
    
#section1 .box .box_title{font-size:20px; padding:10px 10px 0;text-align:center;font-weight:bold;}
#section1 .box .box_desc{font-size:14px; padding:10px;margin:0;text-align:center;line-height:20px;}
#section1 .box .box_img{display:none;}
#section1 .box .box_img img{}
#section1 .box .box_more{font-size:1em;margin: 10px auto;padding:0px 10px;height:35px;line-height:30px;border:4px solid #967308;bottom:10px;border-radius:35px;width: 120px;}

    
#section2 {height:400px;width:90%;border:0px solid #ccc; display:inline-block;margin:10px 0;background-color:#fff;padding:5px;border-radius:0px;box-sizing:border-box; }
#section2 .s2_title{font-size:20px; padding:10px 10px 0;text-align:center;font-weight:bold;}
#section2 .s2_desc{font-size:14px; padding:10px;margin:0;text-align:center;line-height:20px;}

    
/*#jCarouselLiteDemo{display:none;}*/
    
.s2_box-m {
    margin: auto;
    position: relative;
}
    
    #jCarouselLiteDemo{margin:auto;display:inline-block;}    
    
    
}

@media (max-width:720px) {
    .s302, .s303{width:100% !important;}
    #jCarouselLiteDemo{display:none;}
    .bx-wrapper {
        display: block;
    }

    .s2_box-m {
        margin: auto;
        position: relative;
    }
    .s303{height: auto !important;}
    
    #section3 {margin-bottom:0;}
    
}

@media (max-width:700px) {
#section1 {background-color:#f2f2f2; padding:80px auto 0;margin:10px 0 5px;}
}




/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

/*@font-face {
  font-family: 'Nanum Gothic';
  src: url(NanumGothic.eot);
  src: url(NanumGothic.woff) format('woff');
}*/

.content { 
    margin:0 auto;
    border:0 solid red
}
.content .hs_wrap{
    margin: 0;
    height:200px;
}

.content .hs_wrap .hs {
    width:100%;
    height: 200px;
    background-color:#eee;
}

.content .hs_wrap .hs .hs_text {position:absolute;top:50%;margin:auto; padding:0; font-size:6em; border:0px solid white; width:100%; text-align:center;font-family:'Alex Brush', "Apple SD 산돌고딕 Neo", "Apple SD Gothic Neo", "나눔고딕", "Nanum Gothic", "돋움", "Dotum", Helvetica, Arial, sans-serif;}

.content .hm_wrap {
    clear: both;
    margin: 0;
}
.content .hm {
    text-align: center;
    width:100%;
    margin:4px 0;
    clear: both;
    padding:30px 0;
    vertical-align: top;
}
.content .hm .hm_bg{
    display: block;
    width:80%;
    padding:0;
    margin:auto;
    background-color:rgba(255,255,255,0.7);
    border: 0 solid #fff;
/*    box-shadow: 0px 0px 5px #ccc;*/
}
.content .hm .hm_title {
    display: block;
    width:85%;
    padding:10px;
    font-size:20px;
    font-weight:bold;
    margin:auto;
    color:#000;
}

.content .hm .hm_desc {
    display: block;
    padding:0 10px 10px;
    font-size:14px;
    font-weight: bold;
    margin: auto;
    width: 85%;
    color:#333;
}

.content .hc {
    width:100%;
    text-align: center;
    vertical-align: top;
    position: relative;
}

.content .hc .hnotice{
    height: 200px;
    padding:25px 5px;
    background-color: #fff;
    
}



.content .hc .hmap{
    width:100%;
    display: block;
    padding:25px 0;
}

.content .hc .hmap .map_btn{
    display: block;
    margin:25px auto 0;
    width: 90px;
    padding:6px 6px 7px;
    border-radius: 10px;
    border: 1px solid #888;
}

.root_daum_roughmap {
    width:100% !important;
    padding:0 !important;
    border:0 !important;
}


.footer{
    clear: both;
    width:100%;
    background-color:#555;
    color:#aaa;
    text-align:center;
    padding:70px 0 40px;
    margin-top:10px;
}

.footer .contact li a {
    color: #aaa;
    text-decoration: none;

}

.footer .b_logo{
    font-size:24px;
    color:#aaa;
}