@charset "utf-8";

/* 납품(메인) */
.spon_evt li { float:left; width:350px; margin-bottom:19px; border:1px solid #dadada; height:140px;}
.spon_evt li.flt_right { float:right; }
.spon_evt2 li { float:left; width:350px; margin-bottom:19px; border:1px solid #dadada; height:100px;}
.spon_evt2 li.flt_right { float:right; }
.flt_left1 { float:left; }
.flt_left2 { float:left; width:160px; padding:18px 18px 0 18px; font-family:dotum; font-size:11px; letter-spacing:-1px; line-height:16px; text-align:left; }
.flt_left2 h5.evt_tit { font-size:12px; padding-bottom:12px; color:#5f5f5f; line-height:18px; padding-right:15px;}
.flt_left2 p.spon_cont { padding-bottom:12px; color:#858585; width:100%; }
.flt_left2 span.period_date { color:#ababab; }

.flt_left3 { float:left; width:200px; padding:11px 18px 0 15px; font-family:dotum; font-size:11px; letter-spacing:-1px; line-height:16px; }
.flt_left3 h5.evt_tit { font-size:12px; padding-bottom:8px; color:#5f5f5f; line-height:18px; padding-right:15px;}
.flt_left3 p.spon_cont { padding-bottom:6px; color:#858585; width:100%; }
.flt_left3 span.period_date { color:#ababab; }

.build_case { }
.bc_tab { position:relative; z-index:100; border-bottom:1px solid #858586; }
.bc_tab li, .bc_tab li.on_tab_case { float:left; border:1px solid #c7c7c7; background:#f3f3f3; padding:9px 0 11px 0; text-align:center; border-radius: .25em .25em 0 0; border-bottom:0; width:125px; font-family:Nanum Barun Gothic Bold; font-size:12px; letter-spacing:-1px; color:#acacac; border-left:none; }
.bc_tab li:first_child { border-left:1px solid #c7c7c7; }
.bc_tab li.first_tab { border-left:1px solid #c7c7c7; }
.bc_tab li.on_tab_case { border:1px solid #858586; background:#fff; color:#414142; border-bottom:0; }

.bc_tab2 { position:relative; z-index:100; }
.bc_tab2 li, .bc_tab2 li.on_tab_case { float:left; border:1px solid #c7c7c7; background:#f3f3f3; padding:9px 0 11px 0; text-align:center; border-radius: .25em .25em 0 0; width:125px; font-family:Nanum Barun Gothic Bold; font-size:12px; letter-spacing:-1px; color:#acacac;  border-bottom:1px solid #858586; cursor: pointer;}
.bc_tab2 li.on_tab_case { border:1px solid #858586; background:#fff; color:#414142; border-bottom:1px solid #fff !important; }

.bc_list li { float:left; margin-right:15px; height:140px;}
.bc_list li:last-child { margin-right:0 !important; }
.bc_list_last { margin-right:0 !important; }

.bc_list2 li { float:left; margin-right:15px; height:100px; position: relative;}
.bc_list2 li:last-child { margin-right:0 !important; }
.bc_list_last2 { margin-right:0 !important; }
.bc_list2 li .viewImg {width:90px; height:90px;}
span.text-content {opacity:0;
 -webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
color: white; font-weight:900; width:90px; height:90px; position:absolute; background:#fff; display: table; top: 0; left:0; background: rgba(0,0,0,0.5);}
span.text-content span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.bc_list2 li:hover span.text-content {
	opacity: 1;
}



.build_list li { float:left; margin-right:9px; margin-bottom:30px; text-align:center; }
.build_list li:nth-child(4n) { margin-right:0 !important; }

.bc_tit { text-align:center; letter-spacing:-1px; font-size:11px; color:#414142; padding-top:10px; width:90px; word-break:break-all;}
.bc_tit2 { text-align:center; letter-spacing:-1px; font-size:12px; color:#3c6cbb; padding-top:18px; padding-bottom:7px; font-weight:700; }
.build_name { font-size:11px; color:#414142; }

.est_left { float:left; width:258px; }
.realtime_right { float:right; width:440px; }


/* 이벤트 */
.sub_cont_top2 { position:relative; clear:both;}

.sct_ins_box { clear:both; padding:20px 0 20px 29px; background:#f8f8f8; margin-top:45px; clear:both;}
.sct_ins_box ul li { float:left; border:1px solid #dcdcdc; width:200px; margin-right:26px; margin-top:15px; }
.flt_text_box { padding:11px 14px 12px 14px; font-family:dotum; font-size:11px; letter-spacing:-1px; line-height:16px; background:#fff; min-height:100px;}
.flt_text_box h5.evt_tit { font-size:12px; padding-bottom:8px; color:#5f5f5f; line-height:18px; padding-right:8px; word-break:break-all;}
.flt_text_box p.spon_cont { padding-bottom:6px; color:#858585; padding-right:8px; word-break:break-all; }
.flt_text_box span.period_date { color:#ababab; }

.sct_market_box { clear:both; }
.h3_insText { font-size:12px; font-family:dotum; font-weight:400; letter-spacing:-1px; color:#929292; }

.attention_box { }
.bc_context { padding:25px 25px 15px 25px; height:120px; border:1px solid #939393; background:#fff; position:relative; z-index:10; top:-1px; text-align:left;}
.bc_context li { letter-spacing:-1px; color:#707070; font-size:12px; padding-bottom:10px;
    /*background:url(http://hotelup.moga.co.kr/assets/images/community/ctitle_dot2.gif) 1px 5px no-repeat; */
    padding-left:7px; line-height:18px; }



.btn_area { text-align:center; }
.evt_inside { clear:both; text-align:left;}

.deliTable_write { width:100%; border:1px solid #e2e2e2;}
.deliTable_write th { color:#5f5f5f; padding:20px 0 8px 18px; letter-spacing:-1px; font-weight:700; border-top:1px solid #dadada; vertical-align:top; text-align:left; background:#f0f3fa url(http://hotelup.moga.co.kr/assets/images/delivery/ctitle_dot5.gif) 8px 23px no-repeat; height:24px; }
.deliTable_write td { border-top:1px solid #e2e2e2; padding:8px 0 8px 10px; text-align:left; letter-spacing:-1px; font-family:dotum; color:#5f5f5f; }
.deliTable_write th.nece_none { background:#f0f3fa !important; }
.deliTable_write td input[type=file] {height:25px; vertical-align:bottom;}
.deliTable_write td ol li {float:left;margin-bottom:3px; line-height:30px;}
.deliTable_write td input:focus,.deliTable_write td textarea:focus {background:#f0fbfb;}
#file_list {clear:both; padding-top:1px;}

.vert_top { vertical-align:top !important; padding-top:1px !important; }

.letter_sp1 { letter-spacing:-1px; }
.exts { letter-spacing:0; font-size:11px; }
.vert_chk { vertical-align:-2px; }
.sel_obg1 {  border:solid 1px #cacaca; padding:4px; line-height:25px; margin-right:3px;}
#category_list {display:inline-block;}
a.btn_more_box { background:#8c8c8c; color:#fff; font-weight:700; text-align:center; border:1px solid #dadada; display:block; padding:10px 0; font-family:dotum; }
a.btn_more_box2 { background:#8c8c8c; color:#fff; font-weight:700; text-align:center; border:1px solid #dadada; border-top:none; display:block; padding:10px 0; font-family:dotum; }

/* 시공사례메인 */
.best_build { }
.best_build li { float:left; margin-right:13px; border:1px solid #dadada; }
.best_build li:last-child { margin-right:0 !important; }
.best_build li.last_best { margin-right:0 !important; }
.best_text { padding:13px 0 12px; text-align:center; letter-spacing:-1px; font-weight:700; }

.build_tab li { float:left; border:1px solid #dadada; border-right:none; background:#fafafa; color:#5f5f5f; padding:8px 0; width:178px; text-align:center; font-weight:700; }
.build_tab li:last-child { border-right:1px solid #dadada; }
.build_tab li.last_br { border-right:1px solid #dadada; }
.build_tab li.bt_on { background:#3c6cbb; color:#fff; }
.l_map { border:1px solid #dcdcdc; width:344px; height:535px; background:url('../images/map/map.jpg') no-repeat; text-align:left;}
.l_map span {position:absolute;}
.l_map span.seoul {margin-left:102px; margin-top:120px;}
.l_map span.busan {margin-left:255px; margin-top:319px;}
.l_map span.jeonbuk {margin-left:95px; margin-top:278px;}
.l_map span.jeonnam {margin-left:80px; margin-top:358px;}
.l_map span.chungbuk {margin-left:142px; margin-top:175px;}
.l_map span.chungnam {margin-left:75px; margin-top:200px;}
.l_map span.incheon {margin-left:60px; margin-top:108px;}
.l_map span.gangwon {margin-left:192px; margin-top:105px;}
.l_map span.daegu {margin-left:212px; margin-top:265px;}
.l_map span.daejeon {margin-left:130px; margin-top:225px;}
.l_map span.ulsan {margin-left:265px; margin-top:292px;}
.l_map span.gyunggi {margin-left:122px; margin-top:145px;}
.l_map span.gwangju {margin-left:93px; margin-top:328px;}
.l_map span.jeju {margin-left:75px; margin-top:458px;}
.l_map span.gyeongbuk {margin-left:212px; margin-top:225px;}
.l_map span.gyeongnam {margin-left:177px; margin-top:314px;}

.rb_list { width:351px; }
.rb_list ul.clearfix li { float:left; margin-right:19px; }
.rb_list ul.clearfix li img { width: 166px; height: 131px; }
.rb_list ul.clearfix li:nth-child(2n) { margin-right:0 !important; }
.rb_list ul.clearfix li.np_2 { margin-right:0 !important; }
.build_p { text-align:center; padding:8px 0 15px; }

.list_ft { padding-bottom:40px;}
.pos_relative { position:relative; }
.pos_best { position:absolute; left:0; top:0; width:56px; height:57px; }
.best_n1 { background:url(http://hotelup.moga.co.kr/assets/images/delivery/icon_best1.png) no-repeat;  }
.best_n2 { background:url(http://hotelup.moga.co.kr/assets/images/delivery/icon_best2.png) no-repeat; }
.best_n3 { background:url(http://hotelup.moga.co.kr/assets/images/delivery/icon_best3.png) no-repeat; }

/* 페이징 */
.paging{padding:11px 0 0 0; text-align:center; line-height:normal}
/*
.paging *{display:inline-block; position:relative; margin:0 -2px; padding:2px 4px; font-size:12px; font-family:Tahoma, Sans-serif;color:#333; line-height:normal; text-decoration:none; vertical-align:middle;}
.paging img { vertical-align:-10px !important; }
.paging a { font-weight:700; color:#444; }
.paging .paging_on { color:#4061c5; }
.paging .page_kan { padding:0 9px; color:#d4d4d4; }
*/

/* 납품업체상세페이지 */
.deliver_cont { position:relative; border:2px solid #a3b9df; padding:17px 9px; }
.bl_solid { border-left:1px solid #dadada !important; padding-left:15px; }
.wid500 { width:480px; }
.deliverTable { border:none; font-size:11px; width:100%; }
.deliverTable th { color:#939393; font-weight:400; text-align:left; padding:7px 0; letter-spacing:-1px;}
.deliverTable td { color:#585858; font-size:12px; text-align:left; }
.case_cont { border:1px solid #dadada; background:#fff; padding:25px 23px; line-height:20px; color:#5f5f5f; text-align:left;}

.case_cont_ins { position:relative; border:1px solid #dadada; border-top:none; }
.cc_ins_view_t { padding:18px 23px; position:relative;}
.cc_ins_view { background:#f8f8f8; padding:32px 0 32px; position:relative; }
.cc_ins_tlist { width:542px; margin:0 auto; overflow:hidden;}
.cc_ins_tlist ul {width:2000px;}
.cc_ins_tlist ul li { margin-right:20px; float:left; width:166px; height:131px;}
.cc_ins_tlist ul li img{ width:166px; height:131px;}
.cc_ins_tlist ul li:last-child { margin-right:0 !important; }

.cc_btn_prev { position:absolute; left:34px; top:71px; }
.cc_btn_next { position:absolute; right:34px; top:71px;}
h5.dr_title { font-size:16px; color:#3c6cbb; font-weight:700; text-align:left; font-family:Nanum Barun Gothic Bold; letter-spacing:-1px;  }
.dr_insText { padding-top:18px; line-height:20px; text-align:left; height:14px;}

.bb_1 { border-bottom:2px solid #4c4c4c; }

.flexslider {margin: 0; border:0;}
.construct_slide {width: 718px;}
.construct_wrap img {width: 100%; height:352px;}
.flex-control-nav {bottom:40px; position:relative;}
.construct_wrap {padding: 40px 44px; height:352px;}

/* 인테리어,납품업체 서브페이지 */
.sc_interior { position:relative; padding-top:2px; padding-bottom:5px; margin-bottom:6px; clear:both;  }
.sct_title_1,.sct_title_2,.sct_title_3,.sct_title_4 {  font-size:15px; color:#fff; font-weight:400; font-family:Nanum Barun Gothic Bold; letter-spacing:-1px; padding:8px 15px 9px; }
.sct_title_1 { background:#fe5a58; }
.sct_title_2 { background:#ffc63f; }
.sct_title_3 { background:#455077; }
.sct_title_4 { background:#3c4343; }
.special_list { margin-bottom:5px; }
.special_list li { float:left; width:231px; height:150px; margin-right:10px; background:#f8f8f8; border:1px solid #ddd;}
.special_list li:last-child { margin-right:0 !important; }
.best_list { margin-bottom:5px; }
.best_list li { float:left; width:170px; height:150px; margin-right:10px; background:#f8f8f8; border:1px solid #ddd;}
.best_list li:last-child { margin-right:0 !important; }
.inter_box { background:#f8f8f8; width:718px; height:150px; margin-bottom:5px;border:1px solid #ddd;}

/*무료견적 tab*/
#tab_content_02 {display:none;}

/* 납품상세페이지 tab */
.widget-tabs {
  padding: 9px 8px 0;
  text-align: left;
  border-bottom: 1px solid #ddd;
  border-radius: 3px 3px 0 0;
}
.widget-tab{
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  line-height: 36px;
  font-weight: normal;
  color: #999;
  background: #fcfcfc;
  border: solid #ddd;
  border-width: 1px 1px 0;
  border-radius: 5px 5px 0 0;
  padding-bottom: 0;
  bottom: auto;
}
.widget-tab > .widget-tab-link {
  margin: 0;
  border-top: 0;
}
.widget-tab + .widget-tab {
  margin-right: -1px;
}
.widget-tab a:hover{ color:#286dc1;}
.tab_on{
  bottom: -2px;
  margin-top: 0;
  padding-bottom: 2px;
  line-height: 34px;
  font-weight: bold;
  color: #555;
  background: white;
  border-top: 0;
  margin:0 -1px;
}
.tab_on > .widget-tab-link {
  margin: 0 -1px;
  border-top: 4px solid #286dc1;
}
.widget-tab-link {
  display: block;
  min-width: 60px;
  padding: 0 15px;
  color: inherit;
  text-align: center;
  text-decoration: none;
  border-radius: 4px 4px 0 0;
}
.online_bt {position:absolute; right:0; display:inline-block;  margin-top:30px; margin-right:20px;}
.online_bt button{width:165px; height:60px; border:0; background:#3c6cbb; color:#fff; font-size:17px; font-weight:bold; text-align:center; padding:20px 0; font-family:'Nanum Barun Gothic';}
.online_bt button:hover {background:#4b79c5;}

.custom-navigation {margin-top:20px;}
/* .flex-prev {position:absolute; top:0; left:15px; margin-top:280px;}
.flex-next {position:absolute; top:0; right:15px; margin-top:280px;} */

/* 무료견적 상세 */
.estimate_info p{ margin-bottom:50px; }

/* 좌우 롤링 */

/********************************
 * generic als elements styling
 ********************************/
.als-container {
	position: relative;
	width: 100%;
	margin: 0px auto;
}
.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
}
.als-wrapper {
	position: relative;
	list-style: none;
	text-align:left;
}
.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
}
.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
}
/**************************
 * specific als elements
 * styling for #lista1
 **************************/
.als-container {
	margin:0 auto;
	padding:32px 0;
	background:#f8f8f8;
}
.als-container .als-item {
	margin: 0px 10px;
	min-height: 151px;
	min-width: 166px;
	width:166px; height:151px;
}
.als-container .als-item img {
	position: relative;
	display: block;
	vertical-align: middle;
	margin-bottom: 8px;
	width:166px; height:131px;
}
.als-container .als-prev, .als-container .als-next {
	top: 75px;
	width: 15px;
	height: 22px;
}
.als-container .als-prev {
	left: 20px;
}
.als-container .als-next {
	right: 30px;
}