/*=================================================================================================
// 명    칭 :메인화면 스타일쉬트
// 처리내용 :
// 작 성 자 :2013-09-06 강대인
//=================================================================================================*/
@charset "utf-8";
@import url("/common/css/global.css");
@import url("notokr.css");
/* NanumBarunGothic 기본 폰트
@font-face{
font-family:"NanumBarunGothic";
src:url('/common/css/font/NanumBarunGothic.eot')format('eot');
src:url('/common/css/font/NanumBarunGothic.woff') format('woff');
}
 NanumBarunGothic 굵은 폰트
@font-face{
font-family:"NanumBarunGothicBold";
src:url('/common/css/font/NanumBarunGothicBold.eot')format('eot');
src:url('/common/css/font/NanumBarunGothicBold.woff') format('woff');
}*/
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
@font-face {
font-family:'notokr-regular';
src:url('/common/css/font/notokr-regular.eot');
src:url('/common/css/font/notokr-regular.eot?#iefix') format('embedded-opentype'),
url('/common/css/font/notokr-regular.woff') format('woff'),
url('/common/css/font/notokr-regular.ttf') format('truetype'),
url('/common/css/font/notokr-regular.svg#notokr-regular') format('svg');
src:url('/common/css/font/notokr-medium.eot');
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:"notokr-bold";
src:url('/common/css/font/notokr-bold.eot')format('eot');
src:url('/common/css/font/notokr-bold.woff') format('woff');
}

* {margin:0;padding:0}
html, body {height:100%;font-size:14px; font-family:"굴림체", Sans-serif, Dotum, "돋움", Gulim, AppleGothic;margin:0;padding:0;
  scrollbar-face-color:#F2F2F2;
	scrollbar-shadow-color:#c2c2c2;
	scrollbar-highlight-color:#c2c2c2;
	scrollbar-3dlight-color:#FFF;
	scrollbar-darkshadow-color:#FFF;
	scrollbar-track-color:#F2F2F2;
	scrollbar-arrow-color:#c2c2c2;
}




/*김태용 기본 스타일*/
@import url("/modules/user/css/ty_base.css");/*기본스타일*/
@import url("/modules/user/css/ty_neosans.css");/*NeoSans 폰트스타일*/
@import url("/modules/user/css/ty_nanumgothic.css");/*나눔고딕 폰트스타일*/
/*//김태용 기본 스타일*/

html,body,h1,h2,h3,h4,input,button,table{font-family:'Noto Sans KR','본고딕', 나눔고딕, 'NanumGothic', 'NanumGothicWeb', 돋움, 굴림, Dotum, Gulim, sans-serif;line-height:160%; color:#777;overflow-x:hidden}
html,body{_text-align:center;overflow-x:hidden;background:#fff}



/* 공통 */
/* 셀렉트 박스  --------------------------------------------------------------------------------------- */
.ssSelectbox {background-color:#f5f1e9;border:1px solid #e5dccf;color:#6c5635}

.ssThrough {text-decoration:line-through}

/* input 박스  --------------------------------------------------------------------------------------- */
.ssInput {background:#f7f7f7;border:1px solid #dfe1e6;height:18px;font-size:12px;padding:0px 0 0 2px}
.ssInput_search {border:1px solid #ababab;width:200px;height:19px;padding:3px 0 0 0}
/* input file 박스  --------------------------------------------------------------------------------------- */
.SSInput_file_box {float:left}
.SSInput_file_div {position:relative;width:54px;height:20px;overflow:hidden;margin:0 0 5px 0}
.SSInput_fileimg {width:49px;position:absolute;top:0px;left:5px}
.SSInput_file {font-size:45px;position:absolute;right:0px;top:0px;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0}




.dc_h1 {color:#fff}
.dc_h2 {color:#e6d1d3}
.ta_center {text-align:center}

.mt_less {margin:5px 0}


/* Layout Selector */
#di_wrap {}

#di_wrap #di_accessibility {position:absolute;top:-5px;left:-2000px}


/* Header */

#di_gnb {width:1200px;margin:0px auto 0;overflow:hidden;font-size:0.9em;padding:0px 0 0px 0}
#di_gnb ul {margin:15px 0 0 0;float:right}
#di_gnb li {float:left}
#di_gnb a {color:#777}
#di_gnb a:hover {color:#000}
#di_gnb span {padding:0 5px;color:#ccc}


/* 탑메뉴 */
#di_header {position:relative;width:100%;margin:0 0 0px 0;z-index:999;background:url(/modules/user/img/main/topmenu_back.png) repeat}
#di_header .dc_logo {text-align:center;margin:-15px auto 0;padding:0 0 15px 0}
#di_header .dc_logo img {width:180px}

#di_header #di_logo {width:1200px;margin:0px auto}
#di_logo  .top_tel {width:380px;text-align:left;color:#333;font-size:2.5em;font-weight:bold;position:absolute;top:50px}
#di_logo  .top_tel img {margin:0 10px 0 0}
#di_menu  {width:100%; margin:0 auto;height:50px;border-top:1px solid #dbdbdb}

#di_nav {width:1200px;height:50px;margin:0px auto}
#di_nav .dc_nav {width:100%; margin:0 auto}

.gnb {position:absolute;height:50px;z-index:999}
.gnb li {float:left;  }
.gnb_li {width:170px}
.gnb_li .gnbTit {height:50px;line-height:46px;color:#222;font-size:1.3em;text-align:center;font-weight:bold}
.gnb_li .gnbTit.tmenu {background:#d4d0cc}
/*.gnb_li a {display:block;border-top:5px solid #ffffff}*/
.gnb_li a {display:block}
.gnb_li a:hover {display:block;color:#000}
.gnb>li>ul.gnb_sub {height:250px;-webkit-transition:background 0.3s;transition:background 0.3s}
.gnb>li>ul.gnb_sub li {line-height:150%;padding:0;text-align:center;margin:0 auto;color:#666}
.gnb>li>ul.gnb_sub:hover {background:#393E88}
.gnb>li>ul.gnb_sub li a {width:170px;font-size:1.1em;display:block;padding:2px 0;text-align:center;line-height:170%;-webkit-transition:background 0.3s;transition:background 0.3s;margin:1px 0}
.gnb>li>ul.gnb_sub:hover li a {color:#fff}
.gnb>li>ul.gnb_sub li a:hover {color:#fff;font-weight:bold}
.gnb_line {position:absolute;top:143px;left:0;width:100%;height:250px;margin:0 auto;background:#fff;opacity:0.8;z-index:999; right:0;border-bottom:1px solid #dbdbdb}
.gnb_line .gnb_back {width:1200px;margin:0 auto}

.gnb_sub1 {padding:10px 0 0 0px}
.gnb_sub2 {padding:10px 0 0 0px}
.gnb_sub3 {padding:10px 0 0 0px}
.gnb_sub4 {padding:10px 0 0 0px}
.gnb_sub5 {padding:10px 0 0 0px}
.gnb_sub6 {padding:10px 0 0 0px}
.gnb_sub7 {padding:10px 0 0 0px}

/* 탑메뉴 */

/* 메인비주얼 */

.flick-title .title {font-size:2em}
.flick-sub-text {font-size:2em}
.flick-sub-text .stitle1 {background:#4c1a15;opacity:0.8}
.flick-sub-text .stitle2 {background:#cd2801;opacity:0.8}
.flick-sub-text .stitle3 {background:#a73300;opacity:0.8}
.flick-sub-text .stitle4 {background:#800700;opacity:0.8}
.flick-sub-text .stitle5 {background:#33410e;opacity:0.8}
.flick-sub-text .stitle6 {background:#680e12;opacity:0.8}

#di_main_visual {width:100%;height:1000px;margin:0 auto;z-index:99}
#di_main_visual .dc_main_visual {width:100%;margin:0 auto;position:relative}
#di_main_visual .dc_main_visual img {}
#di_main_visual .dc_main_visual .btn {display:block;margin:150px auto 0;background:#c9a949 url(/modules/user/img/main/arrow_01.png) no-repeat 95% 55%;
width:280px;height:50px;line-height:45px;color:#fff;font-size:0.8em;border:2px solid #ffe1a5;padding:0 30px 0 0;-webkit-transition:background 0.3s;transition:background 0.3s}
#di_main_visual .dc_main_visual .btn:hover {background:#e5c35c url(/modules/user/img/main/arrow_01.png) no-repeat 97% 55%}


/*메인페이지 */




/* main contents */
/*#di_container #di_contents {position:relative;margin:0 auto;width:1200px;min-height:600px;background:url(/images/main/contents_bg.gif) repeat-x}*/
/* Container */
#di_container {margin:0 auto;overflow:hidden}
#di_container #di_contents {margin:0 auto;width:1200px}

#di_container #di_main_banner .dc_main_visual {width:1300px;height:600px;margin:0 auto}
#di_container #di_main_banner ul {overflow:hidden}

#di_container #di_left_banner {float:left;margin:0 0 20px 0}


/*footer*/

#di_footer {width:100%;height:200px;margin:0 auto;clear:both;background:#f3f3f3;font-family:'Noto Sans KR','본고딕',  나눔고딕, 'NanumGothic', 'NanumGothicWeb'}
#di_footer #di_copyright {width:1200px;margin:0 auto}
#di_footer #di_copyright ul {overflow:hidden}
#di_footer #di_copyright ul li {float:left}

#di_footer .dc_copy {text-align:center;margin:0px 0;color:#666;font-size:0.9em;font-family:'Noto Sans KR','본고딕',  나눔고딕, 'NanumGothic', 'NanumGothicWeb';line-height:140%;overflow:hidden;padding:0 0px 0 0}
#di_footer .dc_copy .dc_span {padding:0 3px;color:#68625e}

#di_footer .dc_sns {text-align:center}
#di_footer .dc_sns .sns {text-align:center;margin:10px 0 0 0}
#di_footer .dc_sns .sns img {margin:0 8px}
#di_footer .foot_tel {color:#d3961d;font-size:1.4em;text-align:right}
#di_footer .foot_tel span {padding:0 5px}
.dc_footer_logo {float:right;margin:0px 15px 0 0;height:30px}


.dc_copyright {width:1200px;margin:0 auto;padding:2px 0 0 0px;text-align:center}
.dc_copyright a {color:#888}


.dc_copyright2 {padding:5px 0}
.dc_copyright2 a {color:#888}

#di_footer .dc_footer {overflow:hidden;padding:25px 0;width:1200px;margin:0 auto}
#di_footer .dc_footer .footer_logo {text-align:left;width:250px;float:left}
#di_footer .dc_footer ul {padding:0 0 0 0px}
#di_footer .dc_footer a {color:#555}
#di_footer .dc_footer a:hover {color:#000}
#di_footer .dc_footer span {padding:0 5px;color:#68625e}
#di_footer .dc_footer .dc_family {float:right}
#di_footer .dc_footer .dc_family span {color:#777}
#di_footer .dc_footer .link {text-align:center;padding:10px 0 0 0}
#di_footer .dc_top  {position:relative;right:0;top:-40px;float:right}



/* 풋터메뉴 */
#di_foot_menu {float:left;width:800px;border-left:0px solid #cecece;overflow:hidden}
#di_foot_menu .dc_foot_menu {padding:20px 0 0 0px}
#di_foot_menu .dc_foot_menu ul {}
#di_foot_menu .dc_foot_menu li {float:left;overflow:hidden;width:120px;text-align:left}
#di_foot_menu .dc_foot_menu .foot_menu {padding:10px 0 0 0}
#di_foot_menu .dc_foot_menu .foot_menu li {clear:both}
#di_foot_menu .dc_foot_menu a {color:#aaabac;font-size:0.9em}
#di_foot_menu .dc_foot_menu a:hover {color:#fff}
#di_foot_menu a.dc_foot_title {font-size:1.1em;color:#fff;padding:0 0 0px 0}


/* 공통 */
.pr {padding:0 20px 0 0}
.dc_none {padding:0}
.clear {clear:both}

.dc_black {color:#000}






/* 공지사항 */
#di_notice {width:100%;height:50px;margin:0 auto;overflow:hidden}
#di_notice .dc_notice {width:1200px;margin:0 auto;background:url(/modules/user/img/main/title_notice.png) no-repeat 0px 50%}
#di_notice .dc_more {position:relative;top:-35px;float:right;text-align:right;padding:0 2px 0 0}
#di_notice .dc_slideNotice {width:700px;padding:0px 0 0 0px;float:left;height:50px;position:relative:top:20px}
#di_notice .slide {line-height:48px;padding:0 0 0 95px}
.latest_list_news  {margin:0px 0 0 0;line-height:140%}
.latest_list_press  {margin:0px 0 0 0;line-height:140%}



.mt_box {width:1200px;margin:50px auto;overflow:hidden}
.mt_box .mt_01 {width:380px;height:150px;float:left;background:#612a2d url(/modules/user/img/main/mt_01.jpg) no-repeat 50% 50%;margin:0 30px 0 0px;padding:0px 0 0 0;-webkit-transition:background 0.3s;transition:background 0.3s}
.mt_box .mt_01:hover {opacity:0.9}

.mt_box .mt_02 {width:380px;height:150px;float:left;background:#612a2d url(/modules/user/img/main/mt_02.jpg) no-repeat 50% 50%;margin:0 30px 0 0px;padding:0px 0 0 0;-webkit-transition:background 0.3s;transition:background 0.3s}
.mt_box .mt_02:hover {opacity:0.9}


.mt_box .mt_03 {width:380px;height:150px;float:left;background:#612a2d url(/modules/user/img/main/mt_03.jpg) no-repeat 50% 50%;margin:0 0px 0 0px;padding:0px 0 0 0;-webkit-transition:background 0.3s;transition:background 0.3s}
.mt_box .mt_03:hover {opacity:0.9}
.mt_box .btn {padding:20px 0 0 0}



a.btn_detail {font-size:1.3em;font-weight:bold;display:block;width:140px;height:45px;line-height:45px;color:#222;background:#fff;text-align:center;-webkit-transition:background 0.3s;transition:background 0.3s;-webkit-transition:border 0.3s;transition:border 0.3s;opacity:0.7}
a.btn_detail:hover {opacity:1}

a.btn_tab {border:1px solid #fff;width:300px;height:55px;line-height:55px;color:#fff;background:none;text-align:center;font-size:1.4em;display:block;margin:20px auto;-webkit-transition:background 0.3s;transition:background 0.3s;-webkit-transition:border 0.3s;transition:border 0.3s}
a.btn_tab:hover {background:#000;color:#fff;opacity:0.7}


.h1 {text-align:center;font-size:2.3em;line-height:150%;color:#111;font-weight:bold}
.h2 {text-align:center;font-size:1.4em;line-height:150%;color:#888}
.dc_back_01 {width:100%;background:#fff;padding:90px 0;overflow:hidden}
.dc_back_02 {width:100%;background:#f3f3f3;padding:90px 0;overflow:hidden}
.dc_back_03 {width:100%;background:#dee1e4;padding:90px 0;overflow:hidden}
.dc_back_03 .h2 {padding:0}

.mc_box {width:1200px;margin:50px auto;overflow:hidden}
.mc_box a {display:block}
.mc_box .dc_tit {width:100%;color:#333;font-size:1.5em;line-height:110%;overflow:hidden;margin:0px 0 10px 0;border-bottom:2px solid #000;padding:10px 0}
.mc_box .dc_more {float:right;position:relative;padding:0px 0 0 0}

.mc_box .mc_01 {float:left;width:380px;height:320px;margin:0 30px 0 0;line-height:180%}
.mc_box .mc_02 {float:left;width:380px;height:320px;margin:0 30px 0 0}
.mc_box .mc_02_1 {width:380px;height:160px}
.mc_box .mc_02_2 {width:380px;height:160px}

.mc_box .mc_03 {float:left;width:380px;height:320px;margin:0 0px 0 0}
.mc_box .mc_03 .link_01 {width:380px;height:150px;background:#ceefe8 url(/modules/user/img/main/mt_back_01.png) no-repeat 95% 50%}
.mc_box .mc_03 .link_01 .title {font-size:1.5em;padding:30px 0 0 25px;font-weight:bold;color:#333}
.mc_box .mc_03 .link_01 .text {padding:10px 0 0 25px;color:#666}
.mc_box .mc_03 .link_02 {width:380px;height:150px;background:#3c599b url(/modules/user/img/main/mt_back_02.png) no-repeat 95% 50%;margin:20px 0 0 0}
.mc_box .mc_03 .link_02 .title {font-size:1.5em;padding:30px 0 0 25px;font-weight:bold;color:#fff}
.mc_box .mc_03 .link_02 .text {padding:10px 0 0 25px;color:#fff;opacity:0.5}

.mc_box .mc_01 .notice_list li {position:relative}
.mc_box .mc_01 .Date {position:absolute;top:0px;right:0px}



.mb_box {width:1200px;margin:50px auto;overflow:hidden}
.mb_box li {width:260px;height:300px;float:left;background:#fff;text-align:center;-webkit-transition:background 0.3s;transition:background 0.3s;-webkit-transition:border 0.3s;transition:border 0.3s;border:1px solid #d6d6d6;padding:60px 0;margin:0 52px 0 0}
.mb_box li:hover {background:#dde4e8}
.mb_box li.end {margin:0 0px 0 0;float:right}
.mb_box .img {height:77px;margin:0 0 30px 0}
.mb_box .tit {color:#444;font-weight:bold;font-size:1.8em}
.mb_box .text {color:#666;margin:20px 0 0 0;line-height:130%}
.mb_box a {display:block}

.mb_banner {width:1200px;margin:50px auto 50px;overflow:hidden}
.mb_banner .dc_vod {width:590px;height:380px;float:left;text-align:center;color:#fff;background:#6c8696  url(/modules/user/img/main/video_bn.jpg) no-repeat 100% 50%;background-size:cover}
.mb_banner .mr_banner {float:right;width:590px}
.mb_banner .mr_banner li {clear:both;height:180px;color:#fff;padding:30px 0 0 50px}
.mb_banner .mr_banner .tit {font-weight:bold;font-size:1.7em;line-height:180%}
.mb_banner .mr_banner .stit {font-size:1.3em;line-height:180%}
.mb_banner .mr_banner .text {opacity:0.8;line-height:130%}
.mb_banner .mr_banner .bg1 {margin:0 0 20px 0;background:#94abb8 url(/modules/user/img/main/mr_01.png) no-repeat 100% 100%;-webkit-transition:background 0.3s;transition:background 0.3s}
.mb_banner .mr_banner .bg1:hover {background:#aabfcb url(/modules/user/img/main/mr_01.png) no-repeat 100% 100%}
.mb_banner .mr_banner .bg2 {margin:0 0 20px 0;background:#c3c3c3 url(/modules/user/img/main/mr_02.png) no-repeat 95% 50%;-webkit-transition:background 0.3s;transition:background 0.3s}
.mb_banner .mr_banner .bg2:hover {background:#dbdada url(/modules/user/img/main/mr_02.png) no-repeat 95% 50%}






/* 오른쪽 배너 */
  #di_quick_right .r_top {background:#3c599b;border-top:1px solid #333}
  #di_quick_right {position:absolute;left:0%;top:20%;z-index:999;margin:0 0 0 100px}
  #di_quick_right .scrollup {text-align:center;width:220px;height:30px;cursor:pointer;background:url('/modules/user/img/quick/btn_top.png') no-repeat 50% 0%;margin:10px 0 0 0}
  #di_quick_right .r_banner {width:220px;margin:0 0 0 0px;background:#3c599b;padding:5px 12px 15px 12px}
  #di_quick_right .r_banner .mt_least {margin:0px 0 0 0;padding:10px}
  #di_quick_right .r_banner2 {width:220px;margin:0 0 0 0px;background:#2a9bd6;padding:5px 12px 15px 12px}

  #di_quick_right .r_sms {background:#fff;padding:10px 0px;text-align:center}
  #di_quick_right .r_sms table {width:95%;margin:10px auto}

  #di_quick_right .r_sms th {width:40px;font-size:0.9em;text-align:center;font-weight:bold}
  #di_quick_right .r_sms td {padding:2px 0}
  #di_quick_right .r_sms .input_st {width:95%;border:1px solid #ddd;font-size:1.1em;padding:5px}
  #di_quick_right .r_sms .input_st2 {width:95%;border:1px solid #ddd;font-size:1.1em;padding:5px}
  #di_quick_right .top_img {text-align:center}
  #di_quick_right .top_img img {width:180px}
  #di_quick_right .top_title {text-align:center;color:#fff;opacity:1;font-size:1.2em;padding:5px auto}
  #di_quick_right .top_tel {text-align:center;color:#c9e5fc;font-weight:bold;font-size:1.8em;line-height:130%;letter-spacing:-0.05em;padding:0 0 10px 0}
  #di_quick_right .check {text-align:center;font-size:0.9em}
  #di_quick_right a.btn_sms {background:#515151;height:32px;line-height:32px;width:95%;text-align:center;color:#fff;letter-spacing:0.5em;font-size:1.0em;margin:5px auto 0;display:block}
  #di_quick_right a.btn_sms:hover {background:#000}
  #di_quick_right .r_sns {overflow:hidden}
  #di_quick_right .r_sns img {float:left;width:33.3%}
.mr_top {background:#3c599b;text-align:center;padding:5px 0}
.mr_top a {font-weight:bold;font-size:1.5em;color:#fff;line-height:150%}
.mr_top a:hover {color:#fbb03b}
.rtop_bg {background:#21336d}

.mr_top2 {background:#2a9bd6;text-align:center;padding:5px 0;margin:0px 0 0 0}
.mr_top2 a {font-weight:bold;font-size:1.5em;color:#fff;line-height:150%}
.mr_top2 a:hover {color:#ffde00}

/* 현장리스트 */
#tabs{ overflow:auto;   list-style:none; margin:30px auto 50px; padding:0; text-align:center; overflow:hidden}
#tabs li{   margin:0 15px;   padding:0;   float:left}
#tabs a{font-size:1.2em;       background:#fff;   color:#444;   float:left;     height:38px;	width:140px;	line-height:35px;   padding:0 0px;
text-decoration:none;	border:1px solid #888;	text-align:center}
#tabs a:hover{   background:#444;	color:#fff;	border:1px solid #444}
#tabs a:focus{   outline:0}
#tabs #current a{  background:#444;	color:#fff}



#tabs2{ overflow:auto;   list-style:none; margin:30px auto 50px; padding:0; text-align:center; overflow:hidden}
#tabs2 li{   margin:0 15px;   padding:0;   float:left}
#tabs2 a{font-size:1.2em;       background:#fff;   color:#444;   float:left;     height:38px;	width:140px;	line-height:35px;   padding:0 0px;
text-decoration:none;	border:1px solid #888;	text-align:center}
#tabs2 a:hover{   background:#444;	color:#fff;	border:1px solid #444}
#tabs2 a:focus{   outline:0}
#tabs2 #current a{  background:#444;	color:#fff}



#tabs3{ overflow:auto;   list-style:none; margin:30px auto 50px; padding:0; text-align:center; overflow:hidden}
#tabs3 li{   margin:0 15px;   padding:0;   float:left}
#tabs3 a{font-size:1.2em;       background:#fff;   color:#444;   float:left;     height:38px;	width:140px;	line-height:35px;   padding:0 0px;
text-decoration:none;	border:1px solid #888;	text-align:center}
#tabs3 a:hover{   background:#444;	color:#fff;	border:1px solid #444}
#tabs3 a:focus{   outline:0}
#tabs3 #current a{  background:#444;	color:#fff}


#content{width:1200px;margin:0 auto;
}


#content div{ }


#content2{width:1200px;margin:0 auto;
}


#content2 div{

}

#content3{width:1200px;margin:0 auto;
}


#content3 div{

}

#content4{width:1200px;margin:0 auto;
}


#content4 div{

}

#content5{width:1200px;margin:15px auto;
}


#content5 div{
    height:220px;
}

/* 공정단계 */


.list_style1 .t1 {float:left;margin:0 5px 0 0;padding:0 0 0 5px}
.list_style1 .t2 {box-sizing:border-box}
.list_style1 .t2 .g_bg {float:left;width:60%;height:8px;background:#ccc;display:block;margin:8px 0 0 0;border-radius:15px;overflow:hidden}
.list_style1 .t2 .g_bg .in_f {height:8px;background:#4c99e7;display:block}
.list_style1 .t3 {color:#000;margin:0 0 0 5px}
.list_style1 .title_t2 {margin:0 auto;overflow:hidden}
.list_style1 .title_t3 {overflow:hidden;padding:0 0 0 5px}


.dc_blue {color:#4c99e7}


.list_style1 {margin:0 auto;overflow:hidden}
.list_style1 a {display:block}
.list_style2 .pic img {width:300px;height:220px}
.list_style2 .title_t1 {font-size:1.0em;text-align:center;padding:10px 0;color:#111}
.list_style2 li {width:24%;height:270px;float:left;margin:8px 4px;background:#f3f3f3;overflow:hidden;position:relative}
.list_style2 li .New {position:absolute;top:0px;right:0px}

/* 공정단계
.list_style1 {clear:both}
.list_style1 a {display:block}
.list_style1 .t1 {float:left;margin:0 5px 0 0;padding:0 0 0 5px}
.list_style1 .t2 {box-sizing:border-box}
.list_style1 .t2 .g_bg {float:left;width:60%;height:8px;background:#ccc;display:block;margin:8px 0 0 0;border-radius:15px;overflow:hidden}
.list_style1 .t2 .g_bg .in_f {height:8px;background:#4c99e7;display:block}
.list_style1 .t3 {color:#000;margin:0 0 0 5px}
.list_style1 .title_t1 {font-size:1.0em;text-align:center;padding:10px 0;color:#111}
.list_style1 .title_t2 {margin:0 auto;overflow:hidden}
.list_style1 .title_t3 {overflow:hidden;padding:0 0 0 5px}
.list_style1 li {width:19%;height:280px;float:left;background:#fff;border:1px solid #ddd;margin:0 4px}
.list_style1 .pic {}
.list_style1 .pic img {width:228px;height:171px}
.dc_blue {color:#4c99e7}*/

/* 설계실적 */
.list_style2 {margin:0 auto;overflow:hidden}
.list_style2 a {display:block}
.list_style2 .pic img {width:300px;height:220px}
.list_style2 .title_t1 {font-size:1.0em;text-align:center;padding:10px 0;color:#111}
.list_style2 li {width:24%;height:270px;float:left;margin:8px 4px;background:#f3f3f3;overflow:hidden}


/* 인테리어 */
.list_style3 {margin:40px auto 0;overflow:hidden}
.list_style3 a {display:block}
.list_style3 .pic img {width:228px;height:171px}
.list_style3 .title_t1 {font-size:1.0em;text-align:center;padding:10px 0;color:#111}
.list_style3 li {width:19%;height:228px;float:left;margin:0 4px;background:#f3f3f3}

/* 건축상담 */
.txt_red {color:#fb3a0f;margin:0 5px 0 0}
.txt_blue {color:#328ff9;margin:0 5px 0 0}
.txt_green {color:#25b505;margin:0 5px 0 0}

#tab5 .title_t1 {background:#fff;height:57px;border:0px solid #ddd}
#tab6 .title_t1 {background:#fff;height:57px;border:1px solid #ddd}
#tab7 .title_t1 {background:#fff;height:57px;border:1px solid #ddd}
#tab8 .title_t1 {background:#fff;height:57px;border:1px solid #ddd}
.more_st {width:1150px;margin:0 auto 10px;text-align:right}
a.btn_more {font-weight:bold;color:#0463c3}
a.btn_more:hover {color:#fe290a}

/* paging */
.pagination {text-align:center;line-height:30px;clear:both;margin:15px 0 10px 0}
.pagination * {font-family:Verdana;font-size:12px;color:#808080 !important;font-weight:bold}
.pagination a {padding:4px 7px 4px 7px;margin:2px;border:1px solid #D1D1D1;background-color:#ffffff;text-decoration:none}
.pagination a:hover, #pagination a:active {border:1px solid #5e5e5e;background-color:#818181;color:#ffffff !important}
.pagination span.current {padding:4px 7px 4px 7px;margin:2px 2px 2px 6px;border:1px solid #8a8a8a;background-color:#8a8a8a;color:#ffffff !important}

a.btn_style  {margin:40px auto;background:#000 url(/modules/user/img/main/ico_plus.png) no-repeat 90% 50%;color:#fff;font-size:1.3em;width:300px;height:50px;line-height:50px;text-align:center;display:block}
a.btn_style:hover {background:#00479d url(/modules/user/img/main/ico_plus.png) no-repeat 90% 50%}


.main_notice {width:1000px;margin:80px auto;font-weight:bold;text-align:center;font-size:2.5em}

/* 상담신청 플로팅 none */
/* #di_quick_right {display:none !important} */