@charset "utf-8";
/*공통*/
.bold{font-weight: bold;}
.color{color:#a67c52;}
.point_color{color:#F84F4B !important;}
.bold{font-weight: bold;}
#m_container{width:100%; background: #FFF; margin-top: 114px;}
.mainVisual{height:734px;width:100%;z-index:0; position:relative; }
.mainVisual ul.mainvisualBox{overflow:visible;height:734px;}
.mainVisual ul li{display: block; width:100%; height: 734px;}
.mainVisual ul li a{display: block; width:1200px; height: 100%; margin:0 auto;}
.mainVisual .m_visual_01{background: url(/images/m_visual_01.jpg) center center;}
.mainVisual .m_visual_02{background: url(/images/m_visual_02.jpg) center center;}
.mainVisual .m_visual_03{background: url(/images/m_visual_03.jpg) center center;}
.mainVisual .bx-viewport{z-index:1;}
.m_visual_01 .m_inner{margin-top: 154px;}
.m_visual_02 .m_inner{margin-top: 154px;}

/*컨트롤박스 위치 조정*/
.mainVisual .bx-controls{margin:0 auto; width:300px;}

/*블릿*/
.mainVisual .bx-pager{}
.mainVisual .bx-pager div{float:left; background:#000;}
.mainVisual .bx-pager a{display:block;width:15px;height:15px;background:green;border-radius:8px;text-indent:-9999em}
.mainVisual .bx-pager a:hover,.mainVisual .bx-pager a.active{background:blue;}
.mainVisual .bx-controls-direction a{position:absolute;}
.mainVisual .bx-controls-direction a.bx-prev {width:37px; height:71px; background:url(../../images/btn_prev.png) 0 0 no-repeat; position:absolute; z-index:999; top:315px; left:50px; text-indent:-999em;}
.mainVisual .bx-controls-direction a.bx-next {width:37px; height:71px; background:url(../../images/btn_next.png) 0 0 no-repeat; z-index:999; top:315px; right:50px; text-indent:-999em;}

.mainvisualBox{color:#fff;}
.mainVisual .mainvisualBox .m_visual_txt_box{font-weight: 600; font-size: 18px; border:2px solid #fff; padding:5px 15px; }
.mainVisual .mainvisualBox .m_visual_txt_l{font-size: 60px; font-weight: 300; line-height: 1.2em; margin: 35px 0;}
.mainVisual .mainvisualBox .m_visual_txt_l span{font-weight: 600;}
.mainVisual .mainvisualBox .m_visual_txt_s{font-size:18px;}

.m_cont_box_wrap{width:100%; overflow: hidden;}
.m_cont_box{width:1200px; z-index: 9999; margin: 0 auto;}

/*중간비주얼*/
#mid_visual{width: 1200px; margin: 0 auto; }

/*//중간비주얼*/
#contents_btn{padding: 50px 0;}

#mcont_list{overflow: hidden; transition:all 0.5s;}
#mcont_list li{width: 364px; height: 321px; float: left; overflow: hidden;}
.2nd_mcont{margin: 0 53px !important;}
#mcont_list li .thum_img{display: block; position: relative;}
#mcont_list li .thum_img >img{width: 364px; height: 321px;}
#mcont_list li .thum_img .over{display: none; top: 0; left: 0; position: absolute; z-index: 999; width: 100%; height: 100%; background: url(/images/hover_bg.png); text-align: center; padding: 50px 0;}
#mcont_list li .thum_img .over h4{font-size: 48px; color: #fff; margin-bottom: 30px;}
#mcont_list li .thum_img .over h4 span{font-size: 18px; font-weight: 300; color: #fff;}


/*메인커뮤니티*/
.m_cmmnt{width:1200px; padding-bottom: 60px; line-height:22px;}
.m_cmmnt:after{display: block; clear:both; content: '';}
.m_cmmnt > div{width: 328px; height: 180px; float:left; padding: 0 18px;}
.m_cmmnt_02{ padding: 0 45px !important; margin: 0 26px; border-left: 1px solid #eee; border-right: 1px solid #eee; }
.m_cmmnt > div .m_common_tit{font-size: 18px;}
.m_cmmnt > div .m_common_tit a{float: right;}
.m_common_bar{height: 33px;}


/*게시판추출*/
.m_board_list{}
.m_board_list li{display: block; overflow: hidden; padding-bottom: 10px; border-bottom: 1px dotted #ccc}
.m_board_list li a{font-size:14px; color:#666; display: block; width:65%;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left;}
.m_board_list li span{display: block; width: 25%; float:right; font-size:12px; color:#999; text-align: right;}


.m_cmmnt_03 .st_number{font-size: 35px; color: #040404 !important;}
.m_cmnt_tell{font-size: 13px; color:#333; }




.cmmn_table{width:100%;font-size: 13px;border-collapse: separate; border-spacing: 0px; border-top: 1px solid #666 ; margin-top: 30px;}
.cmmn_table th{padding:15px; border-bottom: 1px solid #D5D7DA;background: #f9f9f9 ; color:#333;}
.cmmn_table td{padding:15px; border-bottom: 1px solid #D5D7DA; color:#888; }


.product_table{width:100%;font-size: 13px;border-collapse: separate; border-spacing: 0px; border-top: 2px solid #0463b9; margin-top: 30px;border-left:1px solid #e5e5e5;}
.product_table th{padding:15px 10px;border-bottom: 1px solid #e5e5e5; border-right:1px solid #e5e5e5; background: #fafafa; color:#333;}
.product_table td{padding:15px 15px; border-bottom: 1px solid #e5e5e5; color:#888;border-right:1px solid #e5e5e5;}

.mnftr{text-align: center;border-collapse: separate; border-spacing: 0px;}
.mnftr td{width:425px; color:#333; font-size: 16px; padding-top: 40px;}
.mnftr img{width:423px; text-align: center;}
.mnftr_txt{border-bottom: 1px solid #ddd; padding-top:20px !important; padding-bottom: 20px; }

/*서브페이지*/
.subContents{width:1200px; margin: 0 auto;  padding-bottom: 70px;}
.subContents:after{content: ''; display: block; clear:both;}

#sub_visual{background: url(/images/sub_visual.jpg) no-repeat center center;}
#sub_visual div{position: relative; width: 1200px; margin: 0 auto; text-align: center; height: 219px;}
#sub_visual div ul{margin-top: 179px;  display: inline-block; *display: inline; *zoom: 1; }
#sub_visual div ul li{float: left; width: 299px; height: 40px; line-height: 40px; text-align: center; background: rgba(255,255,255,0.3); color: #333;margin-right: 1px;}
#sub_visual div ul li:last-child{margin-right: 0;}
#sub_visual div ul li.active{background: rgba(0,0,0,0.5);}
#sub_visual div ul li:hover{background: rgba(255,255,255,0.9); }
#sub_visual div ul li a{display: block;}
#sub_visual div ul li:hover a{color: #333 !important;}
#sub_visual div ul li.active a{color: #fff;}
.path{margin-top:30px; color: #666; font-size: 14px;}
.path a{color: #333;}
.path span{color: #6b5634;}

.rightSide{width:1200px; margin: 0 auto;}
.rightSide .rightTitWrap {width:100%; border-bottom: 1px solid #ddd; height: 140px; margin-bottom: 60px; background: url(/images/sub_tit_bg.gif) no-repeat 480px 40px;}
.rightContents{ overflow: hidden; min-height: 500px;}
.rightSide .rightTitWrap div{padding-top: 60px; float: left;}
.rightSide .rightTitWrap div .rightTit{float: left; font-weight: 700; color:#333; font-size: 45px; margin-top: 10px;}
.rightSide .rightTitWrap div .rightTit span{font-size: 14px; color:#999; font-weight: 400;}
.rightSide .rightTitWrap .path{padding-top: 74px;float: right;}
.actives{border-bottom:2px solid #4caf50;}

.rightContents p{color:#666;}
.rightContents h4{font-size: 18px; font-weight: 700; margin: 5px; color: #242b91;}

/*회사소개*/
.greeting_01{border-bottom: 1px solid #ededed; padding-bottom: 50px;}
.greeting_01, .greeting_02{overflow: hidden;margin-top: 50px;}
.gr_left_text{float: left; overflow: hidden; font-size: 30px; font-weight: 600; color: #4a8eff; line-height: 40px;}
.gr_left_text2{float: right; overflow: hidden; color: #666; width: 581px;}
.gr_left_text2 p{font-size: 30px; font-weight: 700; color: #ff4a4a; line-height: 45px;}

.greeting_02 img{display: block; width: 581px; height:389px; float: right;}
.greeting_02 .hanok_directions{display: block; width: 581px; height: 348px; float: right;}
.hanok_guide{display: block; margin-top: 50px;}

.greeting_02 div{overflow: hidden; float: left; width: 540px;}
.greeting_02 div h5{color: #dfdfdf; font-size: 40px; line-height: 40px;}
.greeting_02 div h5 span{color: #4a8eff; font-size: 28px;}

.greeting_02 div p{color: #666;}
.greeting_02 div p span{color: #ff4a4a; font-weight: bold;}
.blank{height: 10px;}

/*브랜드*/

.contents_list{border: 1px solid #eee; padding: 20px; overflow: hidden; }
.contents_list li{float: left; margin-right: 56px; padding-left: 20px; font-size: 19px; font-weight: 700; background: url(/images/ico_list.gif) no-repeat left center; line-height: 70px;  clear: right; color: #505050;}
.contents_list li strong{color:#ff6666;}


/*오시는 길*/
.map_table{width:100%;font-size: 14px;border-top: 1px solid #eee; color:#666; border-spacing: 0px;  border-bottom: none !important;}
.map_table th{padding:15px; width:30%; border-bottom: 1px solid #eee; border-right:1px solid #eee; background: #fafafa; color:#333;}
.map_table td{padding:15px; width:60%; border: 1px solid #eee; color:#666;}


/*business*/

.tabs {float: left;border-left: 1px solid #eee;width:100%;font-size:13px;}
.tabs li {float: left;text-align:center;cursor: pointer;width:33%;height: 45px;border: 1px solid #eee; border-left: none;font-weight: bold;color:#666;overflow: hidden;position: relative;}
.tabs li.active {color:#1e4e95;background: #fafafa;border-bottom: 1px solid #eee;}
.tab_container {padding-top:30px;border-top: none;clear: both;float: left;width:100%;}
.tab_content {display: none;}
.tab_container .tab_content ul {width:100%;}