@charset "utf-8";

/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 *
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

/*
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
*/

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic|Noto+Sans+KR&subset=korean');

/* Common */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, div{margin:0;padding:0}
body, textarea, button, table, pre{font-size:13px;font-family:'Noto Sans KR','Nanum Gothic', Dotum, AppleGothic, sans-serif}
select,input{font-size:13px;font-family:dotum}
img, fieldset{border:0;}
img{vertical-align:middle}
ul, ol{list-style:none;}
em, address{font-style:normal}
a{color:black;text-decoration:none}
a:hover, a:active, a:focus{text-decoration:underline}
.blind{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;ont-size:0;line-height:0}

.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
/* // Common */

.status{display:block;width:54px;height:20px;background:url(../images/main/spr_status.png) no-repeat}
.status-0{background-position:0 0}
.status-1{background-position:0 -20px}
.status-2{background-position:0 -40px}
.status-3{background-position:0 -40px}
.status-5{background-position:0 -40px}

.popup-layer{position:absolute;top:10px;left:10px;padding:1px;z-index:1000;background-color:#222}
.popup-layer .control{padding:5px;text-align:right;color:#999}
.popup-layer .control label{float:left}
.popup-layer .control input{position:relative;top:3px;margin-right:5px}
.popup-layer .control a{color:#fff}

.mw{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}
.mw .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.8;}
.mw .fg{position:absolute;top:50%;left:50%;}

.login-box{width:300px;margin:-150px 0 0 -160px;padding:20px;background-color:#f9f9f9;border:1px solid #ccc}
.login-box .hx{margin-bottom:10px;font-size:17px;color:#222}
.login-box p{margin-bottom:10px;}
.login-box p label{display:block;margin-bottom:8px;font-size:15px;color:#444}
.login-box p input{position:relative;width:282px;padding:8px;border:1px solid #e9e9e9;outline:none;font-size:15px}
.login-box .btn-right{border-bottom:1px solid #ccc}
.login-box .sns{margin:20px 0;text-align:center}
.login-box .sns img{max-width:300px}
.login-box .btn-naver-login{display:block;padding:10px;background-color:#1ec800;font-weight:bold;font-size:17px;color:#fff;text-decoration:none;}
.login-box .more{;}
.login-box .more ul{;}
.login-box .more ul li{position:relative;}

.btn{display:inline-block;padding:6px 8px;border:1px solid transparent;vertical-align:middle;cursor:pointer;line-height:normal;font-size:13px}
.btn:hover{text-decoration:none;opacity:.8}
.btn-large{padding:8px 32px;font-size:16px;font-weight:bold;line-height:24px}
.btn-xlarge{padding:10px 44px;font-size:18px;font-weight:bold;line-height:24px}
.btn-black{background-color:#363636;color:#fff}
.btn-red{background-color:#f11;color:#fff}
.btn-default{background-color:#eee;}
.btn-both{padding:10px 0;}
.btn-both .fl{float:left}
.btn-both .fr{float:right}
.btn-center{padding:30px 0;text-align:center}
.btn-right{padding:10px 0;text-align:right}
.red{color:#f00 !important}
.blue{color:#397fbb;}
.large{font-size:18px}

.skip{ display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0;}
.skip:hover,
.skip:active,
.skip:focus{width:100%;height:auto;margin:0;padding:5px 0;text-indent:10px; font-weight:bold; font-size:12px; color:#333; font-family:Tahoma; line-height:1; text-decoration:none !important;text-align:center;}

.tbl-info, .tbl-info th, .tbl-info td{border:0}
.tbl-info{width:100%;table-layout:fixed;border-collapse:collapse;border:2px solid #f00;border-width:2px 0;}
.tbl-info th, .tbl-info td{padding:17px 22px;border:1px solid #e5e5e5}
.tbl-info th{background-color:#f9f9f9;}
.tbl-info td{vertical-align:top}

.tbl-list, .tbl-list th, .tbl-list td{border:0;padding:8px;border-bottom:1px solid #ddd}
.tbl-list{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px;border-top:1px solid #ddd}
.tbl-list caption{display:none}
.tbl-list th{background:#f5f7f9}
.tbl-list td{;}

.table, .table th, .table td{border:0}
.table{width:100%;table-layout:fixed;border-top:2px solid #fe5957;}
.table th, .table td{color:#363636;}
.table th{padding:16px 0;border-right:1px solid #ffc7c7;border-bottom:1px solid #fe5957;font-size:14px}
.table td{padding:10px 20px;border-bottom:1px solid #ffc7c7;border-right:1px solid #ffc7c7;font-size:12px}
.table tbody th{background:#fff7f7;text-align:center;padding-left:0;border-bottom:1px solid #ffc7c7;font-weight:normal;font-size:12px}
.table th:last-child,
.table td:last-child{border-right:0}

.consulting-request{;}
.consulting-request .header{margin-bottom:10px;border-bottom:1px solid #ccc}
.consulting-request .header .hx{display:inline-block;margin-bottom:-1px !important;font-size:24px;font-weight:bold;border-bottom:1px solid #f33}
.consulting-request .agreement{display:none;margin-bottom:20px;padding:10px;border:1px solid #ddd;font-size:13px}
.consulting-request .agreement .box{height:170px;margin:0 0 12px;padding:12px;border:1px solid #eee;background:#f1f1f1;overflow:auto;}
.consulting-request .agreement .box h3{font-size:1.6em;margin:0 0 14px;}
.consulting-request .agreement .box ul{;}
.consulting-request .agreement .box ul li{padding:4px 0;}
.consulting-request .agreement .item{text-align:right}

.form-table{margin:1em 0}
.form-table input, .form-table textarea, .form-table select, .form-table table{font-size:13px}
.form-table .hx{margin:0 0 20px}
.form-table table{width:100%;margin-bottom:30px;border:0;border-top:2px solid #999;border-collapse:collapse}
.form-table caption{padding:8px 0;font-weight:bold;text-align:left}
.form-table th, .form-table td{padding:8px;padding-left:14px;border:0;}
.form-table th{color:#222}
.form-table td{color:#666}
.form-table thead th{border-bottom:1px solid #ccc;background:#f8f8f8}
.form-table thead td{border-bottom:1px solid #ccc;background:#fff}
.form-table tbody th{border-bottom:1px solid #ddd;background:#fafafa;text-align:left}
.form-table tbody th span{display:block;font-size:12px}
.form-table tfoot th{border-bottom:1px solid #ddd}
.form-table tbody td{border-bottom:1px solid #ddd}
.form-table tfoot td{border-bottom:1px solid #ddd;color:#333}
.form-table .item{position:relative;margin:-4px 0}
.form-table .item .i_help{position:absolute;top:4px;right:0}
.form-table .item .i_label{top:6px;left:10px}
.form-table .item .i_dsc{margin:2px 0}
.form-table .item .i_check, .form-table .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.form-table .item .i_text{position:relative;margin:2px;padding:6px 8px;border:1px solid #ddd;border-radius:1px;outline:none}
.form-table .item .i_text:hover,
.form-table .item .i_text:focus,
.form-table .item .i_text:active{border-color:#e15c3d}
.form-table .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.form-table .item select.i_text{padding:5px 8px}
.form-table .item label{margin:0 10px 0 0;cursor:pointer}
.form-table .form-group{margin-bottom:10px;text-align:right;}
.form-table .form-group a{font-weight:bold}

.paginate-complex{padding:15px 0;line-height:normal;text-align:center;}
.paginate-complex a{margin:0 1px;padding:5px 10px;border:1px solid #bbb;color:#666;font:bold .8em Helvetica;text-decoration:none}
.paginate-complex a.on, .paginate-complex a:hover{background:#666;color:#fff;}

.container{position:relative;width:1200px;margin:0 auto;}

#wrap{margin:0 auto;}

#header{;}
#header .gnb{background-color:#f5f5f5;text-align:right;border-bottom:1px solid #eee;}
#header .gnb a{display:inline-block;padding:4px 6px;color:#666}
#header .gnb a:hover{color:#111}
#header .logo{padding:20px 0}
#header .btn-call{position:absolute;top:35px;right:0}

#footer-site{padding:10px;background:#f1f1f1;font-size:12px;letter-spacing:-1px;color:#000}
#footer-site .item{float:left;width:12.5%;padding:0 0 20px}
#footer-site .item .hx{padding:0 20px;font-size:14px;line-height:50px;}
#footer-site .item .hx a{text-decoration:none}
#footer-site .item ul{padding:0 20px;}
#footer-site .item ul li{;}
#footer-site .item ul li a{font-size:13px;line-height:18px;color:#444}
#footer-site .item ul li a:hover{font-weight:bold}

#footer{color:#888;font-size:11px;}
#footer .content{padding:30px 0;}
#footer .logo{float:left;width:200px;}
#footer .fl{margin-left:200px}
#footer .fl .etc-link{position:relative;}
#footer .fl .etc-link ul{;}
#footer .fl .etc-link ul li{float:left;color:#8a8a8a;font-weight:bold;}
#footer .fl .etc-link ul li a{color:#8a8a8a}
#footer .fl .address{position:absolute;font-size:10px;}
#footer .fl .site-seal{position:absolute;top:0;right:0}

#menu{background-color:#404040}
#menu ul{;}
#menu ul li{position:relative;float:left;width:150px}
#menu ul li a{display:block;text-align:center;font-size:16px;line-height:55px;text-decoration:none;color:#fff;letter-spacing:-1px;border-right:1px solid #282829;border-left:1px solid #6b6b6b;z-index:99}
#menu ul li .sub{display:none;position:absolute;top:1;left:0;width:100%;z-index:100}
#menu ul li .sub a{font-size:14px;line-height:38px}
#menu ul li:hover a{color:#fff;border-right:1px solid #fe6e6d;border-left:1px solid #fe6e6d;background-color:#fe6e6d}
#menu ul li:hover .sub{display:block;animation-name:slide-down;animation-duration:.2s;}

#quick{position:fixed;width:115px;top:0;right:0;height:100%;z-index:1000;background-color:#111;text-align:center}
#quick h1{padding:10px 0;}
#quick a{display:block;border-bottom:1px solid #666;background-color:#404040;text-align:center;transition:.2s}
#quick a:hover{background-color:#000}

#form{display:none;position:fixed;top:0;left:0;width:233px;height:464px;background:url(../images/form/bg_form.png) no-repeat;z-index:1000;font-size:13px;cursor:pointer;}
#form .inner{width:195px;height:234px;margin:147px auto 0;}
#form .inner dl{position:relative}
#form .inner dt{font-weight:bold;margin-bottom:2px;}
#form .inner dd{margin-bottom:3px;}
#form .inner .form-group{margin-bottom:6px}
#form .inner .form-group .i_text{padding:4px;vertical-align:top;border:1px solid #ccc;outline:none;font-family:Dotum}
#form .inner .form-group .i_text:hover,
#form .inner .form-group .i_text:focus{border-color:#444}
#form .inner .form-group .full{width:95%}
#form .inner .form-group .i_check{position:relative;top:3px;margin-right:3px}
#form .inner .form-group textarea.i_text{width:95%}
#form .inner .form-group input.i_text{padding:3px;}
#form .inner .form-group select.i_text{height:23px;padding:3px;}
#form .inner textarea{width:99%;height:90px;margin-bottom:8px}
#form .bottom{margin-top:25px}
#form .close{position:absolute;top:42px;right:20px}

#visual{position:relative;overflow:hidden}
#visual .list{position:relative;height:429px}
#visual .list .item{display:none;position:absolute;top:0;left:0;width:100%;}
#visual #spot-01{background-color:#0acacc}
#visual #spot-02{background-color:#ff5451}
#visual #spot-03{background-color:#5839a6}
#visual #spot-04{background-color:#0c233b}
#visual .progress{position:absolute;top:0;height:6px;background-color:#eee;z-index:20;background-color:rgba(0,0,0,0.15);}
#visual .nav{;}
#visual .nav .btn-left{position:absolute;top:200px;left:50%;margin-left:-647px}
#visual .nav .btn-right{position:absolute;top:200px;left:50%;margin-left:610px}


#top{margin-bottom:15px;}
#top .spot{float:left;width:790px}
#top .spot .list{position:relative}
#top .spot .list .item{position:absolute;top:0;left:0}
#top .register{position:relative;float:right;width:345px;height:214px;border:1px solid #e7e7e7;background-color:#f7f7f7;padding:25px;}
#top .register .hx{font-size:16px;font-weight:bold;color:#404040;border-bottom:1px dotted #cecece;padding-bottom:14px;margin-bottom:20px;}
#top .register .tx{;}
#top .register .tx .form-group{margin-bottom:14px}
#top .register .tx .form-group p{margin-bottom:4px}
#top .register .tx .form-group p label{;}
#top .register .tx .form-group p .i_text{position:relative;margin:2px;padding:6px 8px;border:1px solid #ddd;border-radius:1px;outline:none}
#top .register .tx .form-group p .i_text:focus{border-color:#e15c3d}
#top .register .tx .btn-submit{text-align:center;}

#container{margin:15px auto}
#container .snb{float:left;width:220px;}
#container .snb h2{padding:20px;font-size:26px}
#container .snb .top{width:264px;border-bottom:1px solid #4e9934;}
#container .snb .menu{margin-bottom:30px;background-color:#fff}
#container .snb .menu ul{;}
#container .snb .menu ul li{;}
#container .snb .menu ul li a{display:block;padding:12px 25px;font-size:15px;text-decoration:none;color:#727171;border-bottom:1px solid #e0e0e0;line-height:16px}
#container .snb .menu ul li a.active,
#container .snb .menu ul li a:hover{background:url(../images/common/sub_menu_on.png) top right no-repeat;color:#fff}
#container .snb .banner{margin-bottom:20px;background-color:#fff}
#container .snb .banner ul{;}
#container .snb .banner ul li{float:left;margin-right:5px;margin-bottom:5px;}
#container .snb .center{;}
#container .snb .center .item{margin-right:15px;margin-bottom:15px;border:1px solid #dedede;height:120px;padding:15px;border:1px solid #dedede;background:#fdfdfd url(../images/common/sub_center.png) 19px 60px no-repeat;}
#container .snb .center .center{padding:15px 0 0 50px;}
#container .snb .center .call{margin-bottom:10px;}
#container .snb .center .time01{;}
#container .snb .center .time02{padding:4px 0;margin-bottom:8px}
#container .snb .center hr{width:100%;border:1px;color:#cecece;border-style:dotted}
#container .snb .center .hx{float:left;margin-bottom:14px;font-size:14px;font-weight:bold;}

#content{position:relative;float:right;width:900px;padding:20px 0}
#content .page-header{position:relative;margin-bottom:20px;}
#content .page-header h1{margin-bottom:60px;font-size:26px;font-weight:bold;color:#404040;border-bottom:1px solid #404040;padding-bottom:20px;}
#content .page-header .path{position:absolute;top:10px;right:0;}

#content .sub-header{margin-bottom:30px}
#content .sub-header .point{display:inline-block;margin-bottom:8px;font-size:24px;font-weight:bold}
#content .sub-header .desc{width:500px;padding-left:12px;color:#444}

#content .article{position:relative;margin-bottom:30px;line-height:1.5em;color:#4d4d4d}
#content .article .img{margin-bottom:30px;text-align:center}
#content .article .text {color:#666;letter-spacing:-0.5px;}
#content .article h1{margin-bottom:20px;padding:30px 0;font-size:30px;color:#0054a6}
#content .article h2{margin-bottom:30px;font-size:26px;color:#000}
#content .article h3{font-size:16px;color:#156c9b}
#content .article p {line-height:1.6;font-size:15px;font-weight:600}
#content .article .content{margin-bottom:30px;line-height:1.9em;font-size:16px;color:#4d4d4d}
#content .article .content .num{margin-bottom:10px;}
#content .article .content .num img{padding-right:10px}
#content .article .price_img {padding:30px 0;margin-bottom:65px}
#content .article .price_img div {margin-right:39px;display:inline-block;vertical-align:top}
#content .article .price_img div:last-child {margin-right:0}
#content .article .price_img div > img {margin-bottom:30px}
#content .article .price_img div ul {line-height:1.6;font-size:14px}
#content .article .price_img div li {padding-left:8px}
#content .article .price_img div li img {margin-right:10px}
#content .article .price_img p {width:271px;text-align:center;background-color:#292929;padding:5px 0;color:#fff;font-size:20px;margin-bottom:20px}
#content .article .price_img p span {color:#72edff}
#content .article .process {margin-bottom:55px}
#content .pre-production {margin-bottom:30px}
#content .pre-production h2 {font-size:26px;margin-bottom:30px}
#content .pre-production .pre_title {color:#0072bc;font-size:17px;border:none;padding:20px 0}
#content .pre-production div p {border:1px solid #dedede;padding:20px;line-height:1.8}


#main{;}
#main .colgroup-01{margin-bottom:15px}
#main .colgroup-01 .hx{margin-bottom:14px;padding-bottom:7px;border-bottom:1px dotted #cecece;font-size:16px}
#main .colgroup-01 .col-01{float:left;margin-right:19px}
#main .colgroup-01 .col-02{position:relative;float:left;width:385px;height:233px;background:url(../images/main/bg_customer.png) no-repeat}
#main .colgroup-01 .col-02 .item{padding:20px;padding-bottom:7px;}
#main .colgroup-01 .col-02 .center{padding:0px 0 0 55px;}
#main .colgroup-01 .col-02 .call{margin-bottom:12px;font-size:30px;font-weight:800;color:#ed2c1c;letter-spacing:-1px;line-height:32px}
#main .colgroup-01 .col-02 .time{margin-bottom:4px;font-size:12px;color:#535353}
#main .colgroup-01 .col-02 .time label{font-weight:bold;font-size:13px}
#main .colgroup-01 .col-02 .time a{;}
#main .colgroup-01 .col-02 .quick{;}
#main .colgroup-01 .col-02 .quick .nav{float:left;display:block;width:25%;height:90px;}
#main .colgroup-01 .col-03{position:relative;float:left;width:354px;height:192px;margin-right:14px;padding:20px;border:1px solid #dedede;background-color:#f6f6f6;}
#main .colgroup-01 .col-03 .more{position:absolute;top:17px;right:20px;font-size:20px;text-decoration:none;}
#main .colgroup-01 .col-03 .more:hover{color:#f00}
#main .colgroup-01 .col-03 .tx{position:relative;height:168px;overflow:hidden;font-size:13px}
#main .colgroup-01 .col-03 .tx ul{position:relative;font-size:12px;}
#main .colgroup-01 .col-03 .tx ul li{position:relative;margin-bottom:1px;padding:3px 0;border-bottom:1px solid #cecece}
#main .colgroup-01 .col-03 .tx ul li a{display:inline-block;width:80%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#222;text-decoration:none}
#main .colgroup-01 .col-03 .tx ul li a:hover{font-weight:bold;color:#5f5f5f}
#main .colgroup-01 .col-03 .tx ul li .date{color:#444}
#main .colgroup-01 .col-03 .tx ul li .status{position:absolute;top:4px;right:0;white-space:nowrap;font-size:12px;color:#666}

#main .colgroup-02{margin-bottom:15px;border-bottom:2px solid #fe5957;}
#main .colgroup-02 .tab{margin-bottom:15px;background:url(../images/main/bg_main_portfolio.png) no-repeat}
#main .colgroup-02 .tab ul{;}
#main .colgroup-02 .tab ul li{position:relative;float:left;width:200px}
#main .colgroup-02 .tab ul li a{display:block;text-align:center;font-weight:bold;font-size:14px;line-height:43px;text-decoration:none;color:#646464;letter-spacing:-1px}
#main .colgroup-02 .tab ul li a.active, #main .colgroup-02 .tab ul li a:hover{background:#fe5957;color:#fff;font-weight:bold;font-size:16px;}
#main .colgroup-02 .tab ul li .thumb{display:block}
#main .colgroup-02 .tab ul li img{;}
#main .colgroup-02 .hx{font-size:15px;font-weight:normal;color:#444;letter-spacing:-1px;}
#main .colgroup-02 .list{display:none;transition:.4s}
#main .colgroup-02 .list .item{float:left;width:25%;margin-bottom:15px;}
#main .colgroup-02 .list .item .box{position:relative;margin:0 5px 0;border:1px solid #dedede;overflow:hidden;}
#main .colgroup-02 .list .item .box .thumb{display:block;width:290px;height:240px;overflow:hidden;text-align:center;}
#main .colgroup-02 .list .item .box .thumb img{transition:.3s ease}
#main .colgroup-02 .list .item .info{position:relative;padding:8px;border-top:1px solid #dedede;background-color:#eee}
#main .colgroup-02 .list .item .info .img{position:absolute;top:5px;right:5px}
#main .colgroup-02 .list .item .hover{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/common/transparent_60.png) repeat;transition:.3s ease;font-size:36px;color:#fff;text-align:center;line-height:230px}
#main .colgroup-02 .list .item:hover .box .thumb img{transform:scale(1.1);}
#main .colgroup-02 .list .item:hover .hover{display:block;}
#main .colgroup-03{margin-bottom:15px;}
#main .colgroup-03:after{display:block;clear:both;content:""}
#main .colgroup-03 .item{position:relative;height:150px;margin-right:15px;padding:15px;border:1px solid #dedede;background:#fdfdfd;}
#main .colgroup-03 .item hr{width:100%;border:1px;color:#cecece;border-style:dotted}
#main .colgroup-03 .item .more{position:absolute;top:17px;right:20px;font-size:20px;text-decoration:none;}
#main .colgroup-03 .item .more:hover{color:#000}
#main .colgroup-03 .item .hx{margin-bottom:14px;padding-bottom:12px;font-size:14px;font-weight:bold;border-bottom:1px dotted #cecece}
#main .colgroup-03 .item .tx{position:relative;}
#main .colgroup-03 .item .tx hr{width:100%;border:1px;color:#cecece;}
#main .colgroup-03 .item .tx ul li{position:relative;margin-top:15px;}
#main .colgroup-03 .item .tx ul li a{color:#666;text-decoration:none;}
#main .colgroup-03 .item .tx ul li a:hover{font-weight:bold;color:#000}
#main .colgroup-03 .item .tx ul li .date{position:absolute;vertical-align:top;color:#646464;right:20px;}
#main .colgroup-03 .row{float:left;width:405px;}
#main .colgroup-03 .row03{width:390px;}
#main .colgroup-03 .row03 .item{height:150px;margin:0;padding:15px;background:#fdfdfd url(../images/common/bg_customer.png) 19px 60px no-repeat;}
#main .colgroup-03 .row03 .center{padding:10px 0 0 50px;}
#main .colgroup-03 .row03 .call{width:152px;height:25px;margin-bottom:10px;}
#main .colgroup-03 .row03 .time01{;}
#main .colgroup-03 .row03 .time02{padding:4px 0;margin-bottom:8px}
#main .colgroup-03 .row03 .time02 a{text-decoration:none;color:#000;}

#content article .table2{width:900px;border-top:2px solid #fe5957;}
#content article .table2 table{width:100%}
#content article .table2 table th{padding:16px 0;border-bottom:1px solid #fe5957;font-size:14px;font-weight:bold;color:#363636}
#content article .table2 table td{height:79px;border-bottom:1px solid #cacaca;font-size:12px;color:#363636;text-align:center;}
#content .cont{margin-bottom:65px;background-position:top right;background-repeat:no-repeat}
#content .cont .title{margin-bottom:30px;color:#222;font-size:24px;}
#content .cont .txt{margin-bottom:3px;padding-left:0;line-height:1.6;letter-spacing:-1px;color:#000;font-size:15px;font-weight:600;}
#content .hx{margin-bottom:8px;padding:6px 0;list-style:inside square;}
#content .txt{padding-left:20px}
#content .txt p{max-width:500px;margin-bottom:4px;line-height:1.4;letter-spacing:-1px;font-size:13px;color:#222}
#content .cont .info_img {padding:30px 0}
#content .cont .info_img img {margin-right:39px}
#content .cont .info_img img:last-child {margin:0}
#content .cont-company-map .address p {line-height:1.6;font-size:15px;color:#444;font-weight:600}
#content .cont-company-map .address p img {margin-right:10px}

#portfolio-list{margin-bottom:65px}
#portfolio-list h2 {font-size:26px;margin-bottom:30px}
#portfolio-list .item{float:left;position:relative;width:290px;margin:0 4px 8px;background-color:#fff;overflow:hidden;border:1px solid #ddd}
#portfolio-list .item .thumb{display:block;width:290px;height:240px;overflow:hidden;text-align:center}
#portfolio-list .item .thumb .hide{display:none}
#portfolio-list .item .meta{padding:10px 10px 10px 10px;}
#portfolio-list .item .meta .name{display:inline-block;width:95%;margin-bottom:0px;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#portfolio-list .item .meta .url{position:absolute;left:0;top:10px;background-color:rgba(0,0,0,.7);color:#fff;transition:left .3s}
#portfolio-list .item:hover .meta .url{left:10px}
#portfolio-list .item .more{display:block;width:290px;height:284px;background-color:#f33;line-height:284px;color:#fff;font-weight:bold;text-align:center;font-size:32px;text-decoration:none}

#skin-list{;}
#skin-list .item{float:left;position:relative;width:290px;margin:0 4px 30px;background-color:#fff;overflow:hidden;border:1px solid #ddd}
#skin-list .item .thumb{display:block;width:290px;overflow:hidden;text-align:center}
#skin-list .item .thumb .hide{display:none}
#skin-list .item .meta{padding:5px}
#skin-list .item .meta .name{float:left;margin-bottom:5px;font-size:12px;}
#skin-list .item .meta .price{float:right;margin:3px;color:#f00;font-weight:bold;font-size:13px;}
#skin-list .item .meta .btn-sample{float:right;margin:1px;display:block;padding:3px 6px;background-color:#444;font-size:12px;color:#fff;text-decoration:none}
#skin-list .item .meta .url{float:right;display:block;margin:1px;padding:3px 6px;background-color:#444;font-size:12px;color:#fff;text-decoration:none}

.portfolio-view img{max-width:100%}

/* Content */
.cont-marketing-viral{;}
.cont-marketing-viral .graph{margin-bottom:10px;padding:20px;border:3px solid #f3a05e}
.cont-marketing-viral .graph ul{margin:0 50px 0 140px;padding:1px 0 0 0;border:1px solid #ddd;border-top:0;border-right:0;font-size:11px;font-family:Tahoma, Geneva, sans-serif;list-style:none}
.cont-marketing-viral .graph li{position:relative;margin:10px 0;vertical-align:top;white-space:nowrap}
.cont-marketing-viral .graph .g_term{position:absolute;top:0;left:-100px;width:40px;font-weight:bold;color:#767676;line-height:20px;text-align:right}
.cont-marketing-viral .graph .g_bar{display:inline-block;position:relative;height:20px;border:1px solid #ccc;border-left:0;background:#e9e9e9;text-align:center;}
.cont-marketing-viral .graph .g_bar span{position:absolute;top:0;right:-50px;width:40px;color:#767676;line-height:20px}

#content .cont-homepage{;}

#content .cont-homepage-mall{background:url(/front/assets/images/sub/mall.png) top right no-repeat;}
#content .cont-homepage-mall .content{width:630px;font-size:14px}
#content .cont-homepage-mall .content .num img{margin-right:10px;padding-right:0}
/* Content */