/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0;	padding: 0;	border: 0;	font-size: 100%; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */



/* Add for this website */


a{color: #666;}
a:active, a:hover {outline: 0 none;}
a:hover {color:#666;}
a {outline: medium none;text-decoration: none;}
a img {border: medium none;}
a, a:link, a:visited, a:active {text-decoration: none;}
ul, li {list-style: none;}
ol, ul { margin-top: 0;  margin-bottom: 0px !important;}
html, body {text-rendering: optimizelegibility;}
body {font-family: 'Noto Sans Korean', sans-serif,'Arial'; font-size: 14px; font-weight:300; overflow-y:scroll;}
table {border-collapse:collapse}
/*reset  boostrap*/

/* MARGIN & PADDING==================== */
/* margin */
.mg0 {margin:0 0 0 0}

.mt1{margin-top:1px !important;}
.mt2{margin-top:2px !important;}
.mt3{margin-top:3px !important;}
.mt4{margin-top:4px !important;}
.mt5{margin-top:5px !important;}
.mt6{margin-top:6px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}

.mtn1{margin-top:-1px !important;}
.mtn2{margin-top:-2px !important;}
.mtn3{margin-top:-3px !important;}
.mtn5{margin-top:-5px !important;}
.mtn10{margin-top:-10px !important;}
.mtn14{margin-top:-14px !important;}
.mtn15{margin-top:-15px !important;}
.mtn25{margin-top:-25px !important;}

.mr1{margin-right:1px !important;}
.mr2{margin-right:2px !important;}
.mr3{margin-right:3px !important;}
.mr4{margin-right:4px !important;}
.mr5{margin-right:5px !important;}
.mr6{margin-right:6px !important;}
.mr7{margin-right:7px !important;}
.mr8{margin-right:8px !important;}
.mr9{margin-right:9px !important;}

.mr5{margin-right:5px !important;}
.mr6{margin-right:6px !important;}
.mr10{margin-right:10px !important;}
.mr11{margin-right:11px !important;}
.mr15{margin-right:15px !important;}
.mr16{margin-right:16px !important;}
.mr20{margin-right:20px !important;}
.mr22{margin-right:22px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:3px !important;}
.mb3{margin-bottom:3px !important;}
.mb5{margin-bottom:5px !important;}
.mb6{margin-bottom:6px !important;}
.mb7{margin-bottom:7px !important;}
.mb8{margin-bottom:8px !important;}
.mb9{margin-bottom:9px !important;}
.mb10{margin-bottom:10px !important;}
.mb25{margin-bottom:25px !important;}

.mb5m{margin-bottom:-5px !important;}
.mb1{margin-bottom:1px !important;}
.mb2{margin-bottom:2px !important;}
.mb3{margin-bottom:3px !important;}
.mb4{margin-bottom:4px !important;}
.mb5{margin-bottom:5px !important;}
.mb8{margin-bottom:8px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}

.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb0{margin-bottom:0 !important;}
.mb100{margin-bottom:100px !important;}

.ml10m{margin-left:-10px !important;}

.ml20m{margin-left:-20px !important;}
.ml1m{margin-left:-1px !important;}
.ml2m{margin-left:-2px !important;}
.ml3m{margin-left:-3px !important;}
.ml10m{margin-left:-10px !important;}
.ml0{margin-left:0px !important;}
.ml1{margin-left:1px !important;}
.ml2{margin-left:2px !important;}
.ml3{margin-left:3px !important;}
.ml4{margin-left:4px !important;}
.ml5{margin-left:5px !important;}
.ml6{margin-left:6px !important;}
.ml7{margin-left:7px !important;}
.ml8{margin-left:8px !important;}
.ml10{margin-left:10px !important;}
.ml13{margin-left:13px !important;}

.ml15{margin-left:15px !important;}
.ml16{margin-left:16px !important;}
.ml17{margin-left:17px !important;}
.ml18{margin-left:18px !important;}
.ml20{margin-left:20px !important;}
.ml22{margin-left:22px !important;}
.ml24{margin-left:24px !important;}
.ml25{margin-left:25px !important;}
.ml28{margin-left:28px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml75{margin-left:75px !important;}
.ml140{margin-left:140px !important;}
.ml250{margin-left:250px !important;}
.ml300{margin-left:300px !important;}

.mg5{margin:5px !important;}
.mg15{margin:15px !important;}
.mg30{margin:30px !important;}

/* padding */
.pd {padding:0 0 0 0}
.pt3{padding-top:3px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt13{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt50{padding-top:50px !important;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:0px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}

.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pb3 {padding-bottom:3px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:20px !important;}
.pb50 {padding-bottom:50px !important;}

.pd10{padding:0 10px 0 10px;}
.pd102{padding:10px !important;}
.pdt10 {padding:10px 0;}
.pdall {padding:10px !important;}
.pd8m {padding:0 -8px}



/* Height */
.hgAuto {height:auto;}
.hg12 {height:12px !important;}
.hg30 {height:30px !important;}
.hg25 {height:24px !important;}
.hg20 {height:20px !important;}
.hg50 {height:50px !important;}
.hg100 {height:100px !important;}
.hg130 {height:130px !important;}
.hg140 {height:140px !important;}
.hg150 {height:150px !important;}
.hg155 {height:155px !important;}
.hg160 {height:160px !important;}
.hg180 {height:180px !important;}
.hg230 {height:230px !important;}
.hg300 {height:300px !important;}

/* border */
.bdBlue {border:1px solid #6789ca !important }
.bdGray {border:1px solid #999 !important }

.dottedBd {border-top:1px dotted #adadad !important;}
.bdL {border-left:1px solid #f5f5f5}
.bdR {border-right:1px solid #f5f5f5}
.bdT {border-top:1px solid #f5f5f5}
.bdB {border-bottom:1px solid #ddd}
.bdB2 {border-bottom:2px solid #dfdfdf}
.bdB3 {border-bottom:1px solid #dfdfdf}

.bdT2 {border-top:2px solid #b7b7b7}

.bgn {background:none !important}
.bdn {border:none !important;}
.bdnL {border-left:none !important}
.bdnR {border-right:none !important}
.bdnT {border-top:none !important}
.bdnB {border-bottom:none !important}


.ft_n{font-weight:normal;}

.th_b{border:1px solid #d6d6d6;}
.comm_bb1{border:1px solid #ffffff;}
.comm_bt1{border-top:2px solid #c3c3c3;}
.bdr1px {border:1px solid #333;}

.dpNone { display:none;}
.dpShow { display:"";}
.em { font-weight:bold;}

.text-white {color:white;}
.text-green {color:#1ABC9C}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-left {text-align:left;}
.text-justify {text-align:justify;}

.clearBoth {clear:both;}
.width-100{width:100%; }
.bdr1px {border:1px solid #333;}

/* Button Common*/


/* Text Size */

.font-size-12 {font-size:12px;}
.font-size-13 {font-size:13px;}
.font-size-14 {font-size:14px;}
.font-size-15 {font-size:15px;}
.font-size-16 {font-size:16px;}
.font-size-17 {font-size:17px;}
.font-size-18 {font-size:18px;}
.font-size-19 {font-size:19px;}
.font-size-20 {font-size:20px;}
.font-size-21 {font-size:21px;}
.font-size-22 {font-size:22px;}
.font-size-23 {font-size:23px;}
.font-size-24 {font-size:24px;}
.font-size-25 {font-size:25px;}
.font-size-26 {font-size:26px;}
.font-size-27 {font-size:27px;}
.font-size-28 {font-size:28px;}
.font-size-29 {font-size:29px;}
.font-size-30 {font-size:30px;}
.font-size-31 {font-size:31px;}
.font-weight-400 {font-weight:400;}
.font-weight-700 {font-weight:700;}

/* Text Color */
.color-black {color:#000;}
.color-white {color:#fff;}
.color-green {color:#e8be0a;}
.color-gray {color:#8e8e8e;}

.img-responsive {width:100%; max-width:100%}




.line-black {background-color:#000; height:2px; margin:30px 0;}
.line-black2 {background-color:#000; height:2px; margin:0px 0 30px 0;}
.line-black3 {background-color:#000; height:1px; margin:10px 0 30px 0;}



/*------------- Common Layout : S ------------------------------*/
html, body {height:100%}

.wrapper{display:block;width:100%; position:relative; transition:0.5s; min-width:1200px; }

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


/* Footer */
.footer {padding:0px 0px;  background-color:#fff; border-top:1px solid #ddd;}
.footer.bgcolor {line-height:22px;}

.footer .bizinfo {padding:20px 0; color:#000; line-height:25px;}
.footer .bizinfo li {line-height: 1.4;}
.footer .bizinfo span {content:''; display:inline-block; }
.footer .bizinfo span:before {content:''; display:block; position:relative; top:19px; width:1px; height:13px; background-color:#666; margin:0 10px; }
.footer .bizinfo span:after {content:''; display:inline-block;  }

/*------------- Common Layout : E ------------------------------*/


/* FAQ List */

.faq-list {border-top:1px solid #888; }
.faq-list li {padding:36px 35px 31px 25px;border-bottom:1px solid #e6e6e6}
.faq-list-tit_quest{font-weight:700; overflow:hidden;display:block;font-size:20px;color:#1e1e1e}
.faq-list-txt_quest{float:left;padding-right:13px}
.faq-list-txt_cont{overflow:hidden;display:block}
.faq-list-desc_answer{padding:8px 0 0 35px;font-size:15px;line-height:2.1;color:#333;word-break:keep-all}





.board h1 {  font-size:30px; margin-bottom:20px; font-weight:400;}
.board-subcopy {font-size:15px; text-align:center; color:#999; margin-top:-10px;}
.board-subcopy_line {float:left; width:100%; height:1px; background-color:#ddd;  margin:30px 0 30px 0;}
.board-img { }
.board-img img {width:100%;}
.board h1 span {float:left; }
.board h1 span:after { content: " "; display: block; position:relative;	height: 3px; background: #e8be0a; margin-top: 10px;
}
.board .margin {display:block; height:30px;}



/* Guide Price : S */
.guide-price table {width:100%;}
.guide-price table caption {border:1px solid #111; display:none; text-indent:-9999px}
.guide-price {width:100%;border-top:2px solid #dcdcdc;border-bottom:2px solid #dcdcdc;table-layout:fixed;margin-bottom:10px;}
.guide-price thead{background-color:#f7f7f7}
.guide-price thead th{padding:10px 0;color:#4e2100;font-size:16px;text-align:center;border-right:1px dashed #e7e7e7;}
.guide-price thead tr + tr th{border-top:1px dashed #e7e7e7;}
.guide-price thead th.last{border-right:0;}
.guide-price tbody td{padding:13px 0 13px 10px;border-top:1px solid #e7e7e7;font-size:14px;border-right:1px dashed #e7e7e7;}
.guide-price tbody td{text-align:left;}
.guide-price tbody td + td{text-align:center;padding:13px 0 13px 0;}
.guide-price tbody td.last{border-right:0;}
.guide-price tbody td.select_td{padding:5px 0 5px 10px;}
.guide-price tbody td.select_td2{padding:5px 0 5px 10px;}

/* request Form : S */

.request-form table {width:100%;  border-top:2px solid #333;}
.request-form th{border-bottom:1px solid #e5e5e5; background:#f7f7f7; font-size:16px; color:#333; padding:19px 3%; text-align:left; vertical-align:top; font-weight:300;}
.request-form td{padding:13px 0 13px 10px;border-top:1px solid #ddd;font-size:14px;}
.request-form td input {width:30%; height:34px; padding:0px 5px; }
.request-form_select { padding: 0 22px;font-size: 14px;height: 40px;
line-height: 41px;}

/* BoardType - Notice : S */
.board-notice {}
.board-notice table {border-top: 2px solid #333;border-bottom: 1px solid #333;width:100%;}
	
.board-notice th { padding:10px 20px;background-color: #f7f7f7;text-align: center;color:#333;font-size:14px;border:0px solid #000;
border-bottom:1px solid #ddd;}

.board-notice th.tit {text-align: center; width:60%;}

.board-notice td {padding:15px 0px;border-top: 1px solid #ddd; text-align: center; vertical-align: middle;color:#333;	font-size:14px;	border-bottom:1px solid #ddd;}
.board-notice td a:hover{ text-decoration:underline}
.board-notice td.tit {text-align: left;padding-left:20px;}
.board-ask_password {text-align:center; font-size:18px; vertical-align:middle;}
.board-ask_password h3 {font-size:20px; color:#666; }
.board-ask_password label {display:inline-block; }
.board-ask_password input {display:inline-block;  height:34px;}
.board-ask_password .btn { position:relative; top:2px; left:-5px;}

.board-notice .btn_box {text-align: right; margin-top: 10px;}
.board-notice .btn_box a {background: #eee; width: 80px; height: 35px; line-height: 35px; text-align: center; display: inline-block; color: #333;}

/* Portfolio list */


.portfolio-view h1.title {font-size: 20px;color:#777;margin: 0;padding: 0;padding-top: 5px; 
 display:block; border-top:2px solid #777;  border-bottom:1px solid #ddd;  padding:10px; background-color:#f7f7f7;}

.attach-file {font-size: 12px;color:#777;margin: 0;padding: 0;padding-top: 5px; 
 display:block; border-top:1px solid #ddd;  border-bottom:1px solid #ddd;  padding:10px;}

.attach-file li { margin-right:20px; display:inline-block;}
.attach-file li a, .attach-file li span { padding-left:7px; font-size:12px;	text-decoration:none;	color:#777; }
.attach-file span.divline {height:10px; width:1px; background-color:#ddd; padding-left:1px}

.board-notice_title { margin-top:30px; font-size:14px;color:#333;margin: 0;padding: 0; border-top:2px solid #333; background-color:#f7f7f7; padding:17px;}
 
.board-notice_title li{ margin-right:8px; display:inline-block;}
.board-notice_title li a, .board-notice_title li span{
	
	padding-left:7px;
	font-size:12px;
	text-decoration:none;
	color:#777;
}

.board-notice_date {float:right}
	
.board-notice_txt { padding:20px 20px;}
.board-notice_txt img { max-width:100%; overflow:hidden}
.board-notice_txt p, .board-notice_txt div  { width:100%; margin-top:30px; line-height:18px; font-weight:350; color:#666;}



/* Paging : S */

.page-btn {display:inline-block;  font-size:14px; color:#565b5f; border:1px solid #ddd; background-color:#ebf1f4; padding:10px  }

.page-btn_prev, .page-btn_next { padding:12px 10px;}
.page-btn_prev:hover, .page-btn_next:hover, .page-btn:hover { color:#333; border:1px solid #333;}
.pagination a {display:inline-block; font-size:14px; color:#fff; background-color:#fff; padding:7px 12px; border:1px solid #ddd; color:#333;}
.pagination a.active { background-color:#000; border:1px solid #000; color:#fff;}
.pagination { text-align:center; padding:50px 0 30px 0; border:0px solid #e6ecef; border-top:none;}
.pagination .bold {color:#fff;}
/* Paging : E */

/* Board Search : S */
.board-top {margin-bottom:40px;}
.board-article_num {float:left; font-size:16px; font-weight:400; line-height:40px;}
.board-article_num__bold {font-weight:700;}
.search-area {float:right;}
.search-area_select { padding: 0 22px;font-size: 14px;height: 39px;
line-height: 41px;}
.search-area_input { padding: 0 10px; font-size: 20px; line-height: 36px;}
.search-area_btn__submit {}


.form-group {display: inline-block;margin-bottom: 0;vertical-align: middle;}


/* Board Search : E */

.board-post {margin-top:60px; font-size:18px; border-top:2px solid #525252;  padding:17px; border-bottom:1px solid #ddd; padding-bottom:15px; font-weight:300; color:#464646}

.board-post li {display:block;}
.board-post li a:hover {text-decoration:underline}
.board-post_left{float:left;}
.board-post_right{float:right;}
.board-post_line {height:1px; background-color:#ddd; }
.board-post_up { background-image:url("../images/bul-arrow-up.png");}
.board-post_down { background-image:url("../images/bul-arrow-down.png"); }
.board-post_next__1 {font-weight:500; background-repeat:no-repeat; background-position: center center; padding-right:90px;}
.board-post_next__2 a {color:#464646}
.board-post_next__3 {margin-right:30px;}
.board-post_prev {margin-top:0px; border-top:0;}


/* Login : S */


.login-area {
    border-top: 2px solid #333;
    border-left: 1px solid #e3e2f4;
    border-bottom: 1px solid #e3e2f4;
    border-right: 1px solid #e3e2f4;
}


.login {display:block; margin-top:60px; margin-bottom:100px;}
.login h1 {  font-size:30px; margin-bottom:20px; }
.login-subcopy {font-size:15px; text-align:center; color:#999; margin-top:-10px;}
.login-subcopy_line {float:left; width:100%; height:1px; background-color:#ddd;  margin:30px 0 30px 0;}
.login-img { }
.login-img img {width:100%;}
.login h1 span {float:left; }
.login h1 span:after {
    content: " ";
    display: block;
	position:relative;
	height: 3px;
    background: #e8be0a;
    margin-top: 10px;
}
.login .margin {display:block; height:30px;}


.login-area {border-top:2px solid #333; border-left:1px solid #e3e2f4; border-bottom:1px solid #e3e2f4; border-right:1px solid #e3e2f4;}
.login-area_input{padding:60px 0;}
.login-area_hidden{width:440px; margin:auto; overflow:hidden; vertical-align:middle;}
.login-area_idpd {width:300px; float:left}
.login-area_idpd input{width:292px; height:39px; padding-left:10px; font-size:16px; font-family:'Noto Sans Korean'; letter-spacing:1px}

.login-area_lost{margin-top:30px; padding-top:30px; overflow:hidden; border-top:1px solid #e3e2f4}
.login-area_lost .txt{float:left; line-height:30px;}
.login-area_lost .bt{float:right}
.login-join {border-top:1px solid #e5e5e5; background:#efefef; padding:39px 0}
.login-join .txt{width:290px; padding:0 0 0 55px; background:url('../images/login_icon1.png') no-repeat 0 center; background-size:45px; float:left; line-height:22px; color:#555}
.login-join .txt strong{color:#333}


.btn-red{display:inline-block; background-color:#e8be0a; color:#fff; width:130px; height:95px; line-height:95px; text-align:center;   vertical-align:middle; font-size:20px; margin-left:10px; border:none; cursor:pointer}
.btn-white{display:inline-block; background:#fff; color:#333;  padding:7px 20px; border:1px solid #bdbdbd}
.btn-red:hover{color:#fff}
.btn333{display:inline-block; background:#333; color:#fff; padding:8px 20px 7px; vertical-align:middle}

/* Login : E */


/* Join - S */

/* 회원가입 - 회원가입 단계그림 : S */

.join_imgstep {display:table; margin-top:50px; margin-bottom:50px; margin:0 auto;}
			
.join-step {display:table-cell;  border-radius:50%; background-color:#fff; height:150px; width:150px;  margin-right:10px; vertical-align:middle; border:1px solid #ddd; color:#666;}

.join-step_active{background-color:#e8be0a; color:#fff; border:none; font-weight:700; }


.join-step_line {display:inline-block; height:1px; background-color:#fff; width:50px; margin:10px 0;}
.join-step_space {width:10px;}

.join-step_no {display:block; font-size:25px; }
.join-step_text {display:block; font-size:15px; line-height:15px; font-weight:300}
.join-step_line__black {display:inline-block; height:1px; background-color:#eee; width:50px; margin:10px 0;}

/* 회원가입 - 회원가입 단계그림 : E */



.term-agree{position:relative;}
.term-agree .tit{font-size:20px; color:#333; font-family:'Noto Sans Korean'; font-weight:normal;}
.term-agree .check{position:absolute; top:0; right:0;}
.term-agree .check img{width:30px; vertical-align:middle}
.term-agree .check strong{font-size:18px; color:#333; margin-right:6px}
.term-agree .check2{position:absolute; top:0; right:195px;}
.term-agree .check2 img{width:30px; vertical-align:middle}
.term-agree .check2 strong{font-size:18px; color:#333; margin-right:6px}
.term-agree .term-box{margin:18px 0 0; padding:28px 29px; height:140px; overflow-y:scroll; border-top:2px solid #333; border-left:1px solid #e3e2f4; border-bottom:1px solid #e3e2f4; border-right:1px solid #e3e2f4;}
.term-agree .term-box .tit{font-size:14px; color:#444;}
.term-agree .term-box .txt{margin-top:24px;}
.term-agree .term-box .txt2{padding-left:10px;}
.termTxtBox{border-top:1px dashed #d7d7d7; padding:40px 0 0; text-align:center}
.termTxtBox .tit{font-size:26px; color:#333; font-family:'Noto Sans Korean'; font-weight:normal; text-align:center; padding-bottom:30px; background:url('../images/icon/bar2x25.gif') no-repeat center bottom; background-size:52px 2px;}
.termTxtBox .txt{margin-top:30px; font-size:14px; color:#777; line-height:24px;}
.termTxtBox.service{border-top:2px solid #333; border-left:1px solid #e8e1e1; border-bottom:1px solid #e8e1e1; border-right:1px solid #e8e1e1; padding:40px 0;}
.termTxtBox.service.type2{border-bottom:0px solid #e8e1e1;}
.termTxtBox.service .txt{font-size:15px; color:#555;}

.dark{font-size:16px !important; color:#333 !important}
.fs15{font-size:15px !important}
.bold{font-family:'Noto Sans Korean'; font-weight:normal !important}
.dotTxt2{padding:0 0 5px 10px; background:url('/common/images/icon/dot3x3.gif') no-repeat 0 8px; background-size:3px; color:#555; line-height:24px;letter-spacing:-0.4px;}
.dotTxt2 > span{display:block}
.dotTxt2 > span.bold{display:inline; color:#333; font-family:'Noto Sans Korean'; font-weight:normal}
.memberTxt img{width:648px;}
.agree-all_term{padding:16px;text-align:center; border:1px solid #ddd; background:#f7f7f7; }

.joinCom .txt2{margin-top:30px; font-size:16px; color:#333; font-family:'Noto Sans Korean'; font-weight:normal; text-align:center}
.btnGry.wide{width:auto; padding:0 20px;}
.lifeWayDiv3.type2{border-bottom:1px solid #ddd}
.lifeWayDiv3 .top2{font-size:20px; color:#555; font-family:'Noto Sans Korean'; font-weight:normal;}
.codeInput{width:50%}
.joinfield td span.essen{font-size:16px; color:#333; padding-left:20px; background:url('../images/essential_icon.gif') no-repeat 0 3px; background-size:10px}
.popBoard{width:100%;border-top:2px solid #bcbcbc}
.popBoard th{padding:15px 0;border-bottom:1px solid #e5e5e5;background:#f7f7f7}
.popBoard td{padding:15px 0;border-bottom:1px solid #e5e5e5;text-align: center}

.term-box .txt table{border-top:2px solid #bcbcbc}
.term-box .txt th{padding:15px 0; background:#f7f7f7; color:#333; border-bottom:1px solid #e3e2f4; border-left:1px solid #e3e2f4;}
.term-box .txt th:first-child{border-left:0}
.term-box .txt td{padding:15px 20px; border-bottom:1px solid #e3e2f4; line-height:24px; vertical-align:top; border-left:1px solid #e3e2f4}
.term-box .txt td:first-child{border-left:0}
.term-box .txt td strong{color:#333}
.term-box .txt td a{color:#4a4098; text-decoration:underline}


/* Check Box */


.checkbox-wrap { cursor: pointer;  }
.checkbox-wrap .check-icon  { display: inline-block; width: 18px; height: 18px; background: url(../images/checkbox.png) left center no-repeat; vertical-align: middle;  background-position:-19px 2px; background-repeat:no-repeat; padding:5px 0px; margin-right:5px;}

.checkbox-wrap input[type=checkbox] { display: none; }
.checkbox-wrap input[type=checkbox]:checked + .check-icon { background-image: url(../images/checkbox.png);  background-position:0px 2px; background-repeat:no-repeat;}


/* 회원가입 */
.joinfield table {width:100%;}
.joinfield {position:relative; border-top:2px solid #333;}
.joinfield th{border-bottom:1px solid #e5e5e5; background:#f7f7f7; font-size:16px; color:#333; padding:19px 3%; text-align:left; vertical-align:top; font-weight:300;}
.joinfield th span{display:inline-block; padding-left:20px}

.joinfield td{border-bottom:1px solid #e5e5e5; padding:13px 10px; font-size:14px; color:#555}
.joinfield td .red{font-size:13px;}

.joinfield td input{width:30%; height:34px; padding:0px 5px;}
.joinfield td select{width:100px; height:30px;}
.joinfield .input-tel{width:90px; }
.joinfield .input-add{width:90px;}
.joinfield .input-add_long{width:80%; }


/* Button : S */

.btn { display: inline-block; position: relative;	cursor: pointer;
outline: none;	white-space: nowrap; margin: 5px;	padding: 0 22px;
font-size: 16px; line-height: 40px;background-color: #bc1a3a;color: #fff; font-weight: 400; text-transform: uppercase;	letter-spacing: 1px; border: none; }
.btn:hover {color:#fff;text-decoration:none;}

.btn-bordered { border:1px solid #000;}
.btn-rounded {border-radius: 5px;}

.btn-small {padding:5 10px; font-size:12px;}
.btn-middle {padding:10px 20px; font-size:15px;}
.btn-large {padding:20px 25px; }

.btn-white {color: #333; background-color: #fff; border-color: #000; }
.btn-white:hover {color: #333;  border-color: #ccc; }
.btn-red { color: #fff; background-color: #981313; border-color: #ccc;  border:0px solid #ddd;}
.btn-blue { color: #fff; background-color: #3c84d4; border-color: #ccc;  border:0px solid #ddd;}
.btn-black { color: #fff; background-color: #000;  border:1px solid #000;}
.btn-red2 { color: #fff; background-color: #981313; border-color: #ccc;  border:0px solid #ddd;}
.btn-gray{ color: #fff; background-color: #666;  border:0px solid #666;}

.btn-submit {font-family:"Noto Sans Korean"; padding:10px 20px; border:1px solid #999;  font-size:16px; font-weight:700; background-color:#f7f7f7; cursor:pointer;}

.btn-submit:hover {background-color:#000; color:#fff; border:1px solid #000;}

.button-area { text-align: right; padding-top: 20px; margin-bottom: 20px; }
.button-area_view { text-align: right; padding-top: 0px; margin-bottom: 20px; }


/* Button : E */




/* Button - 2 */



.btn-3d {border-radius: 3px; border-bottom: 3px solid rgba(0,0,0,.15); -webkit-transition: none;   -o-transition: none;
transition: none;}

/* Button Size */
.btn-mini {padding: 0 14px;font-size: 11px; height: 28px; line-height: 28px;}

.btn-small {padding: 0 17px;font-size: 12px; height: 34px; line-height: 34px;}

.btn-large {padding: 0 26px;font-size: 16px; height: 46px; line-height: 46px;}


/* Button Color */

.btn-red {background-color: #C02942; color:#fff;}
.btn-black {background-color: #000; color:#fff;}
.btn-white {background-color: #F9F9F9; color:#000;}
.btn-green {background-color: #59BA41; color:#fff;}
.btn-yellow {background-color: #ECD078; color:#000;}
.btn-teal {background-color: #53777A; color:#fff;}
.btn-aqua {background-color: #40C0CB; color:#fff;}
.btn-purple {background-color: #5D4157; color:#fff;}
.btn-blue {background-color: #1265A8; color:#fff;}
.btn-dirtygreen {background-color: #1693A5; color:#fff;}
.btn-amber {background-color: #EB9C4D; color:#fff;}
.btn-brown {background-color: #774F38; color:#fff;}
.btn-leaf {background-color: #A8CABA; color:#fff;}
.btn-pink {background-color: #F89FA1; color:#fff;}
.btn-orange {background-color: #ff0000; color:#fff;}

/* teal :청록색, 쇠오리, 상오리 */

.btn-red:hover {background-color: #C02942; color:#fff;}
.btn-white:hover {background-color: #F9F9F9; color:#000;}
.btn-orange:hover {background-color: #01395e; color:#fff;}


/* Reveal Icon */

.fa{font-size:30px;}

.btn-reveal { padding: 0 28px; overflow: hidden; }
.btn i {
    position: relative;
}

.btn i {
    top: 1px;
    line-height: 1;
    margin-right: 5px;
    width: 16px;
    text-align: center;
}


.btn-large i {
    left: -38px;
    width: 38px;
    height: 46px;
    line-height: 46px;
	
	/* text-align:center; */
}

.btn.btn-reveal.btn-3d i, .btn.btn-reveal.btn-rounded i {
    border-radius: 3px 0 0 3px;
}

.btn-reveal i {
    display: block;
    position: absolute;
    top: 0;
    left: -32px;
    width: 32px;
    height: 46px;
    line-height: 46px;
    margin: 0;
    text-align: center;
    background-color: rgba(0,0,0,.1);
}


.tright {
    text-align: right!important;
}

.btn-reveal span {
    display: inline-block;
    position: relative;
    left: 0;
}

.btn.btn-reveal.btn-large.tright i {
    left: auto;
    right: -38px;
}
.btn.btn-reveal:hover i { left: 0; }
.btn.btn-reveal.tright:hover i {
	left: auto;
	right: 0;
}

.btn.btn-reveal:hover span { left: 16px; }



.btn.btn-reveal.tright:hover span { left: -16px; }


 /* Button 2 : E */


/* main-contact.html */

.main-section {margin-top:120px; margin-bottom:120px; }
.main-section h2 { font-size:18px; color:#000; font-weight:700; margin-bottom:20px}

.main-contact {} 

.main-contact h1 {font-size:40px; margin-bottom:10px;}
.main-contact_subcopy {font-size:18px; color:#999; margin-bottom:10px;}
.main-contact_address {line-height:20px; margin-top:10px; color:#666;}
.main-contact_address__title {font-size:14px; font-weight:400; color:#000;}

.main-col {float:left; width:50%}

.main-col-2 {float:left; width:20%}

.map-col-1 {float:left; width:410px}
.map-col-2 {float:left; width:750px; margin-left:40px;}

.main-quick h2 { }
.main-quick li {margin-bottom:15px; padding-left:15px;}
.main-quick li a {font-size:15px; }
.main-quick li a:hover{color:#000; text-decoration:underline; }

.main-quick li a:before {
	content: "\f105";
	margin-left: -12px;
	margin-top:0px;
	position: absolute;
	font-family: fontawesome;
	font-size: 15px;
}

.main-news li {margin-bottom:15px; }
.main-news li a {font-size:15px; }
.main-news li a:hover{color:#000; text-decoration:underline; }


/* main-contact.html */

/* main-contact2.html */

.social-icons li {float: left;  list-style: none; }
.social-icons li a {
   float: left;
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    margin: 0 4px 4px 0;
    border-radius: 4px;
    border: 1px solid #ddd;
    background: 0 0;
    color: #333;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;

}

.social-icons .fa {font-size:16px}
/*.social-icons li a:hover .fa {position:relative; top:-100px;}*/
.social-icons li a:hover {background-color:#000; color:#fff;}

/* 우측 - 입력폼 */

.contact-form {}
.contact-form_line {height:1px; background-color:#ddd;}

/* 테이블 */


.contact-form_btnarea { text-align:center; margin-top:20px; }
.col-group {display:table; width:100%; border-bottom:0px solid #ddd;  border-top:1px solid #ddd;}

.col-title {display: table-caption; text-align: center;
font-weight: bold; font-size: larger; display:none; text-align:-9999px}

.col-tr {display:table-row; width:100%  }

.col-th {display:table-cell;  border:0px solid #ddd; padding:10px; font-weight:700; font-size:14px; width:70px; vertical-align:middle; background-color:#f7f7f7}
.col-td { display:table-cell; border:0px solid #ddd; padding:10px; font-size:14px; width:auto}
.col-block {display:block; border-bottom:0px solid #ddd;}




/* main-contact2.html */

/* main-section-intro1.html */

.main-section {margin-top:120px; margin-bottom:120px; }

.main-company {} 
.main-company h1 {font-size:40px; margin-bottom:10px;}
.main-company_intro {font-size:14px; line-height:29px;}

.main-col {float:left; width:50%}

/* main-section-intro1.html */

/* main-section-intro2.html */
.main-section {margin-top:120px; margin-bottom:120px; }

.main-company {} 
.main-company h1 {font-size:40px; margin-bottom:10px;}
.main-company h2 {font-size:20px; margin-bottom:10px; color:#999;}
.main-company_intro {font-size:14px; line-height:29px; margin-bottom:30px;}

.main-col {float:left; width:50%}
.main-company_service {margin-left:30px; width:700px;}
.main-company_service li {float:left; width:44%; font-size:14px; padding:10px;}
.main-company_service__title {font-size:18px; font-weight:700; margin-bottom:10px;}

.main-company_service__desc {line-height:28px;}

.btn-service {padding:10px 20px; border:1px solid #000; font-size:16px; border-radius:35px; transition:background-color 0.2s}

.btn-service:hover {color:#fff; background-color:#000;}

/* main-section-intro2.html */

/* main-section-ourteam.html */



.main-section {display:block; margin-top:60px; margin-bottom:100px;}
.main-section h1 {  font-size:30px; margin-bottom:20px; }
.main-section_subcopy {font-size:15px; text-align:center; color:#999; margin-top:-10px;}
.main-section_line {float:left; width:100%; height:1px; background-color:#ddd;  margin:30px 0 30px 0;}



/* main-section-service.html */


.main-section {margin-top:120px; margin-bottom:120px; }
.main-col {float:left; width:50%}
.main-section {display:block; margin-top:60px; margin-bottom:0px;}
.main-section h1 {  font-size:50px; margin-bottom:20px; }
.main-section_subcopy {font-size:15px; text-align:center; color:#999; margin-bottom:40px;}
.main-section_line {float:left; width:100%; height:1px; background-color:#ddd;  margin:30px 0 30px 0;}

.service-area {margin-top:60px; margin-bottom:60px; margin-left:0px;}

.service-area_holder { float:left; width:370px; min-height: 400px; padding:0px 0px 40px 0px; text-align:center; margin:10px 22px; background-color:#fff; }
.service-area_holder__first {  margin-left:0px;  }
.service-area_holder__last {  margin-right:0px;  }
.service-area_title {font-size:17px; font-weight:700; color:#000;  padding:5px 0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:20px;}
.service-area_name {font-size:14px; font-weight:400; color:#000;  padding:5px 0px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.service-area_excerpt {font-size:14px; font-weight:300; color:#000;  padding:5px 0px; color:#666; overflow:hidden; text-overflow:ellipsis; padding:10px; line-height:21px;}

.service-area_holder img:hover {}
.service-area_holder a {}
.service-area_holder a:hover {}
.service-area_go__detail {  position:relative; padding:5px 15px; border:1px solid #000; }
.service-area_img {
					
	width: 370px;
	
	overflow: hidden;
	position: relative;
	

}

.service-area h1 {font-family: 'Raleway', sans-serif; text-transform:uppercase; font-weight:600; font-size:30px;}
.service-area h1 span:before{content:''; display:block; text-align:center; margin-top:-10px;}
.service-area h1 span:after{content:''; display:inline-block; width:51px; height:2px; background-color:#ff0000; }

.sub-title_h1 {font-family: 'Raleway', sans-serif; text-transform:uppercase; font-weight:400; font-size:30px;}

.sub-title_h1 span:before{content:''; display:block; text-align:center; margin-top:-10px;}
.sub-title_h1 span:after{content:''; display:inline-block; width:51px; height:2px; background-color:#ff0000; }

/* main-section-service.html */



/* FAQ */

	
.faq-list {border-top:1px solid #cccccc;}
.faq-list a {color:#000;}
.faq-list .item {padding:0px 0; }
.faq-list .item .p-l {display:table; width:100%; border-bottom:1px solid #cccccc; padding: 20px 0;}
.faq-list .item .p-l:hover {cursor:pointer; background-color:#f7f7f7;}
.faq-list .item .p-r {display:table-cell;  padding:0 25px;  width:10%; vertical-align:middle;}
.faq-list_question {display:table-cell; vertical-align:middle; padding:0 25px; width:10%;}
.faq-list_title{display:table-cell; font-size:18px;   font-weight:500; vertical-align:middle; width:80%; }
.faq-list_answer { display:table; padding:30px 0; font-size:18px; font-weight:300; line-height:27px; border-bottom:1px solid #ddd; width:100%}
.faq-list_answer__a {display:table-cell;  padding:0 25px;  width:10%; vertical-align:middle;}
.faq-list_answer__t {display:table-cell;  width:90%; vertical-align:middle; padding-right:200px;}
.icon-plus-black { float:right; background-image:url('../images/icon-rect-plus.png'); width:15px; height:9px; background-repeat:no-repeat; }
.icon-minus-black { float:right; background-image:url('../images/icon-rect-minus.png'); width:15px; height:9px;background-repeat:no-repeat; }



/* 메뉴 하얀색  */

.wrapper-header {float:left; position:fixed; width: 98%; margin:15px 10px; /* min-width:1280px; */ padding:16px 22px;}

.toggle-menu-white {float:left; background-image:url('../images/toggle-menu-white.png'); width:30px; height:26px; background-repeat:no-repeat; }

.submenu-outline-white {display:block;  height:70px; width:99%;position:fixed; top:10px; left:10px; z-index:123322430; border:6px solid #fff; -webkit-transition: all 0.9s ease; transition: all 0.9s ease;}

.icon-search-white { float:left; background-image:url('../images/btn-search2.png'); width:24px; height:25px; background-repeat:no-repeat; margin-top:-2px; margin-left:25px; margin-right:-16px;}

.faq-list_answer {display:none;}


/* GNB : type-1*/
.header-top_customer {background-color:#01395e;}

.header-top_member li{display:inline-block;}
.header-top_member li span {color:#fff; line-height:52px; }
.header-top_left {float:left; }
.header-top_right {float:right; overflow: hidden;}
.header-top_right a {display:block; background-color:#ff0000; color:#fff; padding:0 20px; float: left; margin-left: 3px;}
.header-top_tel {background-image:url('../images/manufacture/icon/icon-phone.png'); background-repeat:no-repeat; padding-left:27px;padding-right:30px; background-position:0 2px;}
.header-top_time {background-image:url('../images/manufacture/icon/icon-watch.png'); background-repeat:no-repeat; padding-left:27px; background-position:0 2px;}

.header-top_mail {background-image:url('../images/manufacture/icon/icon-mail.png'); background-repeat:no-repeat; padding-left:27px; background-position: 0 4px;}
/* Mobile Toggle Menu : S */

.header-bgcolor {border-bottom:0px solid #ddd; background-color:#fff}

#header-1 .toggle-nav{display:none; float:right; margin-right: 10px; width: 22px; height: 22px;  cursor:pointer; background: url(../images/toggle-nav-icon.png) top no-repeat; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }

#header-1 .toggle-header {display:none; position:relative; width:100%; height:60px; background-color:#fff;}
/*------------- Navigation : S ------------------------*/
#header-1 .header-logo { float:left; text-align:center; padding-top:25px;  }
#header-1 .header-logo a {vertical-align:middle;}
#header-1 .header-logo img {}
#header-1 .header-logo_text {font-size:30px; text-align:left; font-weight:900;}
#header-1 .header-logo_text a {color:#000;}
#header-1 .header-logo_text a.color-white {color:#fff;}
#header-1 .header {padding:30px;}
#header-1 .header-logo_padding {padding:10px 0; padding-top:15px;}
#header-1 .header-logo_small {width:100px;}


#header-1 .header-hr {border-bottom:1px solid #4e4e4e;}
#header-1 .header-top {background-color:#f7f7f7; padding:0px 0;}

#header-1 .gnb { float:right; padding:0px; margin-right: 20%;  }
#header-1 .gnb-border_top { border-top:0px solid #4e4e4e; }

#header-1 .gnb-padding { padding:0px 0px 0px 0;}
#header-1 .gnb>ul {display:table; width:100%; }
#header-1 .gnb>ul>li {display:table-cell; vertical-align:middle;  border:0px solid #ddd;}
#header-1 .gnb>ul>li:last-child {display:none;}

#header-1 .gnb>ul>li>a { display:block; position:relative;  font-size:19px; font-weight:400;  text-align:center;  padding:0px 25px; color:#fff; text-transform:uppercase; font-family: 'Noto Sans Korean', sans-serif; color:#000; height:110px; line-height:110px; transition:0.5s;  }
#header-1 .gnb>ul>li>a.padding {padding:20px 0px 20px 0; }
#header-1 .gnb>ul>li>a.bold {font-weight:700; color:#ffd200}
#header-1 .gnb>ul>li>a.bold:hover {font-weight:700; color:#ffd200;}
#header-1 .gnb>ul>li:last-child a { padding-right:0;  }

#header-1 .gnb>ul>li>a:hover {  color:#ff0000; }
#header-1 .gnb>ul>li>a.hover {  color:#ff0000;  }

#header-1 .gnb>ul>li>a.active { color:#ff0000; }

/* 2단계메뉴 */
#header-1 .gnb>ul>li>ul { display:none; position:absolute; top:inherit;z-index:10; background-color:#fff;  width:160px;  z-index:9999; left:inherit; margin-top:1px;border:1px solid #ddd; border-bottom:0; }
#header-1 .gnb>ul>li>ul>li {display:block; position:relative; width:100%; border-bottom:1px solid #ddd; }
#header-1 .gnb>ul>li>ul>li>a {display:block; padding:15px; font-size:14px;}
#header-1 .gnb>ul>li>ul>li>a:hover {background-color:#313131; color:#fff;}
#header-1 .gnb>ul>li>ul.top {top:60px}

#header-1 .gnb>ul>li>ul>li>ul { display:none; position:absolute; top:inherit;z-index:10; background-color:#fff;  width:180px;  z-index:9999; margin-top:1px;border:1px solid #ddd; }

#header-1 .gnb.hover {display:block;}
/* Header Light : E */

.box {height:2000px; color:#000; background-color:#f7f7f7; font-size:14px; line-height:30px; padding:20px;}




/* Sub news list*/

.news-list {margin-top:-30px; margin-left:-12px; margin-right:-12px;}
.news-list_holder { float:left; border:0px solid #ddd; width:30%; padding:30px 12px 30px 12px; }
.news-list_holder img{width:100%;}
.news-list_title {font-size:17px; color:#000;  padding:5px 0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-list_excerpt {font-size:14px; font-weight:200; color:#000;  padding:5px 0px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-list_holder img:hover {}
.news-list_holder a {color:#000;}
.news-list_holder a:hover {text-decoration:underline;}
.news-list_go__detail {  position:relative; padding:5px 15px; border:1px solid #000; }
.news-list_img {
					
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;

}
.news-list_img .news-list_plus {

	background-color: rgba(0, 0, 0, 0.5);

	border: 0px solid #fff;
	bottom: 0;
	color: #fff;
	left: 0;
	margin: 0px;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	right: 0;
	text-align: center;
	top: 0;
	z-index: 99;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	
}



.news-list_holder a:hover .news-list_plus  {
	padding-top: 30%;
	opacity: 1;
	filter: alpha(opacity=50);
	border: 0px solid #fff;
}

.news-list_plus__icon { display:inline-block; font-size:40px; color:#fff; font-weight:700; font-family: 'Lato'; }
	


.news-list_holder a:hover .news-list_go__detail { background-color:#000; color:#fff; text-decoration:underline;}

.news-list_link {text-align:left; margin-top:20px;}


/* Reply Form */
.replyForm {  font-size:12px !important; border:1px solid #e9e9e9; margin-top:10px; padding:20px; border:0px solid #ddd; border-top:1px solid #ddd; background-color:#f7f7f7;}
.replyForm .textBox{ width:400px; height:70px; width:75%; margin-top:10px;}
.replyForm .count,
.replyForm .count2 {clear:both; padding:0px 0px 0px 5px; font-weight:bold; color:#FF6600 !important;}
.replyForm dl {width:100%; margin-top:5px; padding:0px 0px 0px 0px; background:#f6f6f6}
.replyForm dl dt {float:left; margin-top:13px; font-weight:bold; color:#444 !important;padding:5px 10px 5px 10px !important;margin-left:20px; margin-right:20px }
.replyForm dl dt.md {float:right; font-size:13px !important; color:#666 !important;}
.replyForm dl dt.md a {font-size:11px !important; color:#666 !important; text-decoration:none; font-weight:normal !important;}
.replyForm dl dt .time {font-size:11px !important; color:#cccccc !important;}
.replyForm dl dd {position:relative; clear:both; padding:11px 10px 13px 10px !important; border-bottom:1px dotted #adadad; color:#666; margin-left:20px; margin-right:20px}

.replyForm .editor2,
.replyForm .editor3,
.replyForm .editor4 {
	width:90%;
	height:46px; 
	font-size:12px
	color:#333 !important; 
	border:1px solid #4880c6; 
	overflow-x:hidden; 
	overflow-y:auto;
	}
.replyForm .editor4 {border:1px solid #c4c4c4; overflow-x:hidden; overflow-y:auto; }

.replylist { border-bottom:1px solid #ddd; padding-top:10px; padding-bottom:10px; margin-top:10px;}

.replylist-text {}
.replylist-text_time { margin-left:10px;}
.replylist-btn {float:right}
.replylist-btn:after {content:''; clear:both; display:block;}
.replylist-input { border:0px solid #ddd; margin-top:20px;  margin-top:20px;}
.replylist-content {margin-top:20px;}
.replylist-input input {height:28px; padding:0 5px;}

.replylist-memo {display:table; width:100%; margin-top:10px;}
.replylist-memo_box {display:table-cell; width:80%}
.replylist-memo_box textarea{min-width:99%; height:100px;}
.replylist-memo_btn {display:table-cell; vertical-align:middle}
.replylist-memo_btn .btn-reply {height:104px; line-height:104px; background-color:#fff; border:1px solid #000; color:#000; font-weight:300; margin-top:-1px;}

/* Media Query */

/* 2017 8-22 add more about layout for subpage */
/* Subpage - Layout */
.sub-container {display:table; width:100%; margin:0px 0 60px 0;}
.sub-sidebar {display:table-cell; vertical-align:top; width:22%;}
.sub-content {display:table-cell; vertical-align:top; width:78%;}

.board h1 {font-size:33px; border-bottom:1px dashed #ddd; padding-bottom:20px; border-width:1px; }

.lnb { margin-right:50px; }
.lnb .lnb-tit {font-size:30px; color: #fff; font-weight:300;  border-bottom: 0px solid #000; padding-bottom:12px; background-color:#e8be0a; text-align:center; padding:52px 0;}


.lnb-menu ul { margin: 0px; }

.lnb-menu li a { display: block;  font-size:14px; color: #666; border-bottom:1px solid #ddd; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:10px 20px; }

.lnb-menu li a:hover { background-color:#f7f7f7; color:#000; }

/*  */

.sub-header-color { background-color: #fbfbfb; border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;margin: 0 auto;
height: 40px;}
.pos { font-size:13px; padding:0; color:#666; margin: 0 auto; background: url('../images/icon_home.gif') no-repeat 0 11px;padding: 9px 0 12px 28px; position: relative; font-size:12px; color:#666; height:30px; margin-top:30px;}

.pos li { display:inline-block; letter-spacing: -0.5px;background: url('../images/icon_path.gif') no-repeat right 6px;
padding-right: 14px;margin-right: 9px;}
.pos li:first-child { font-size:14px;font-weight:350; }
.pos li:last-child { background: none; font-weight:100;}

.under-construction {padding:200px 0; text-align:center; font-size:50px;}
.board-notice_title h5 {font-weight:300; font-size:18px;}

.email-protect { text-align:center; margin-top:50px; margin-bottom:150px;}

.footer-copyright {text-align:left; border-top:0px solid #444240; padding:0px 0; margin-bottom:30px; margin-top:10px;}

.hidden-pc {display:none;}



/* Index Page */

/* Stock Info */
.main-stock_info {margin:50px 0 30px 0;}
.main-data { border:3px solid #000; height:248px;}
.main-data_tr {display:table;width:100%;border-bottom:1px solid #ddd;}
.main-data_th {display:table-cell; color:#000; text-align:center; width:20%; color:#fff; padding:8px 0; font-size:14px; }

.main-data_td {display:table-cell; text-align:center; color:#000; width:20%; padding:8px 0; font-size:14px;}
.main-data_tr:nth-child(odd) {background-color:#f7f7f7;}
.main-data_title {background-color:#5c5c5c; color:#fff;}
.main-data_h1 {background-color:#f13e4b; color:#fff; padding:14px; font-size:20px; font-weight:400;}
.main-col {float:left; width:100%}
.main-col-4 {float:left; width:395px; padding-right:5px;}

.main-data_title2 {width:80%}
.main-data_title3 {width:80%; text-align:left; padding-left:10px;}
.main-data_title4 {width:40%}
.main-data_hit {width:20%}
.main-data_badge {background-color:#ffae00; color:#fff; font-size:10px; padding:2px 5px; position:relative; top:-1px; margin-left:3px}
.main-col-end {padding-right:0;}




.best-review {float:left; background-color:#f7f7f7; border:1px solid #ddd; width:100%; margin-bottom:60px; }

.best-review a {color:#000; }
.best-review a:hover {text-decoration:underline; }
.best-review_title { color:#fff; font-size:20px; font-weight:500;padding:18px 17px;
background: #ed053f; /* Old browsers */
background: -moz-linear-gradient(top, #ed053f 0%, #fe6607 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ed053f 0%,#fe6607 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ed053f 0%,#fe6607 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed053f', endColorstr='#fe6607',GradientType=0 ); /* IE6-9 */}
.best-review_left {float:left;width:432px;  padding:16px 0 16px 16px; }
.best-review_right {float:left;width:715px; padding:16px 0px 16px 16px; }

.best-review_first { width:100%; border:1px solid #ddd; background-color:#fff; }
.best-review_first__rate {display:block; position:absolute; background-color:#f3272c; width:60px; height:60px; border-radius:50%; color:#fff; line-height:60px; text-align:center; font-size:17px; font-weight:400; margin-top:5px; margin-left:5px}

.best-review_first__title { background-color:#000000; color:#fff; font-size:17px; padding:18px 17px;  font-weight:600; padding-left:80px;}
.best-review_first__title2 {padding:10px 0; font-size:16px; font-weight:400;}
.best-review_first__con {padding:10px; }
.best-review_first__con2 {padding:0px 0 0px 0; height:86px;}

.best-review_second {  width:100%;  border:1px solid #ddd; background-color:#fff; }
.best-review_second__title {background-color:#e9e9e9; color:#000; font-size:17px; padding:18px 17px;  font-weight:400; padding-left:80px;}
.best-review_second__title2 {padding:10px 0; font-size:16px; font-weight:400; padding-left:10px }
.best-review_second__con {float:left; padding:10px; }
.best-review_second__con2 {padding:0px 0 20px 10px; }
.best-review_second__conh {float:left; width:412px; }
.best-review_second__img {float:left; border:1px solid #ddd;}


.best-review_third {  width:100%;  border:1px solid #ddd; background-color:#fff; margin-top:16px;}
.best-review_third__title {background-color:#e9e9e9; color:#000; font-size:17px; padding:18px 17px;  font-weight:400;  padding-left:80px;}
.best-review_third__title2 {padding:10px 0; font-size:16px; font-weight:400; padding-left:10px }
.best-review_third__con {float:left; padding:10px; }
.best-review_third__con2 {padding:0px 0 20px 10px; }
.best-review_third__conh {float:left; width:412px; }
.best-review_third__img {float:left; border:1px solid #ddd;}


.bg-customer {background-color:#f7f7f7; padding:60px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:30px;}
.customer-center {text-align:center;}
.img-customer {margin-left:30px;}

.main-board {margin-bottom:30px; padding:80px 0;}


.main-board {display:inline-block; width:520px; height:175px;  padding:0px;  border:0px solid #ddd;  margin-right:78px;}
.main-board li{ margin-bottom:10px;}
.main-board_title{margin-bottom:10px;} 
.main-board_title__2 {font-family: 'Raleway', sans-serif; font-size:28px; font-weight:400; color:#fff; text-transform:uppercase; font-weight:600;} 
.main-board_line{ display:block; background-color:#ddd;  height:1px; margin:12px 0; } 
.main-board_plus {position:relative; top:6px; right:-18px;}
.main-board_more {display:block; position:absolute; color:#acacac; padding:1px;  margin-left:5px; font-size:33px; border:0px solid #ddd; padding:5px 10px; top:-70px; right:6px;}
.main-board_news__text {display:table-cell; width:100%; color:#cccccc;  }
.main-board_news__text a {color:#fff;}
.main-board_news__text a:hover{ text-decoration:underline; color:#fff}
.main-board_news__date {display:table-cell; text-align:right; color:#fff; font-weight:200;}


.main-board_news__holder {display:table;}



/* Main - Quick Contact */

.quick-contact { padding:0;}

.quick-contact_name input { }
.quick-contact_name {width:100px; padding: 6px 12px; margin-left:0px;}
.quick-contact_tel {width:82px; padding: 6px 12px; margin-left:5px;}
.quick-contact_memo {width:222px; padding: 6px 12px; margin-left:5px;}


/* Forms : S  */
.forms-table {display:table;}
.forms-table_td {display:table-cell; vertical-align:top}

.quick-contact h2 { display: inline-block; font-size:18px; font-weight:700; color:#fff; vertical-align:middle}
.forms label {display:inline-block; position:relative; font-weight: 300; font-size:19px;  vertical-align:middle; color:#fff;  width:100px;}
.forms {display: inline-block;}
.forms-group {
   display:inline-block;
    margin-bottom: 0;
    vertical-align: middle;
	margin-left:20px;
	border:1px solid #fff;
	margin-bottom:10px;
}
.forms-input {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
	background-color:#6e6961;
	border:none;
	color:#fff;
	padding:10px;
}

.forms .checkbox input[type=checkbox], .forms .radio input[type=radio] {
    position: relative;
    margin-left: 0;
	
}

.btn-quick {background-color:#bc4900; color:#fff; margin:0; height:80px; font-size:20px;}
.form-block {display:block; margin-bottom:10px; }
.quick-contact_btn {margin-left:5px;}
.form-block_check {margin-top:20px;}
.btn-quick2 {background-color:transparent; border:1px solid #6e6961;}

.forms-table_td30 { width:30px;}
.forms-table_td__padd {padding-top:10px;}

.sticky-contact {background-color:#35312a; position:fixed; bottom:-9px; margin-bottom:0px; z-index:100;}
.quick-contact {margin-bottom:0px;}

.main-slider {height:549px;}

/* Customer Center */
.main-col-6 {display:inline-block;}
			
.bank-account {display:table;width:100%}
.bank-account_icon {display:table-cell; }
.bank-account_info {display:table-cell; vertical-align:top;padding-left:20px; }

.bank-customer_info {display:inline-block; }
.bank-customer_icon {display:inline-block;}

.bank-account_name {font-size:25px; color:#f89c00; display:inline-block;}
.bank-account_name2 {font-size:17px; color:#000; font-style:italic; display:inline-block;  font-weight:400;  padding-left:20px;}
.bank-account_no {font-size:40px;color:#f89c00; font-weight:500; font-style:italic;}


.customer-center2 {display:table-cell; padding-left:70px; }
.customer-tel {display:inline-block; font-size:40px;color:#00b6f8; font-weight:500; font-style:italic; }
.customer-center_info {display:inline-block; vertical-align:top; padding-left:20px;}
.customer-center_icon {display:inline-block;}
.customer-center_name {font-size:25px; color:#f89c00; display:inline-block;}
.customer-center_name2 {font-size:17px; color:#000; font-style:italic; display:inline-block;  font-weight:400;  padding-left:20px;}
.customer-center_email {display:inline-block;font-size:17px;color:#000; font-weight:500; font-style:italic; padding-left:20px;}

.main-data_title3 a {color:#000;}
.main-data_title3 a:hover {text-decoration:underline;}

.main-data_btn__more {color:#fff; font-size:30px; float:right; margin-top:-9px; }
.main-data_only {float:right; margin-top:5px; }


/* Main Project */

.main-project h1 {font-family: 'Raleway', sans-serif; text-transform:uppercase; font-weight:600; font-size:30px; color:#fff; margin-bottom:40px;}
.main-project h1 span:before{content:''; display:block; text-align:center; margin-top:-10px;}
.main-project h1 span:after{content:''; display:inline-block; width:51px; height:2px; background-color:#ff0000; }

.main-project { margin-bottom:0px; margin-top:0px; background-color:#090402; padding:60px 0;}

.main-project ul {padding-top:10px; margin:-15px 0;}
.main-project ul li {float:left; padding:15px;}
.main-project_holder { border:0px solid #ddd; width:370px;}
.main-project_holder img{width:100%;}
.main-project_title {font-size:17px; color:#fff;  padding:5px 0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600}

.main-project_holder img:hover {}
.main-project_holder a {color:#000;}
.main-project_holder a:hover {text-decoration:underline;}

.main-project_img {
					
	width:370px;
	height: 100%;
	overflow: hidden;
	position: relative;

}
.main-project_img .main-project_plus {

	background-color: rgba(0, 0, 0, 0.5);

	border: 0px solid #fff;
	bottom: 0;
	color: #fff;
	left: 0;
	margin: 0px;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	right: 0;
	text-align: center;
	top: 0;
	z-index: 99;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;

}



.main-project_holder a:hover .main-project_plus  {
	padding-top: 30%;
	opacity: 1;
	filter: alpha(opacity=50);
	border: 0px solid #fff;
}


.crew-list {}
.crew-list_holder {  border:0px solid #ddd; width:170px; padding:30px 12px 30px 12px; text-align:center;}
.crew-list_holder img {width:100%;}
.crew-list_title {font-size:15px; color:#000;  padding:5px 0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:20px;}
.crew-list_excerpt {font-size:14px; font-weight:200; color:#000;  padding:5px 0px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.crew-list_go__detail {  position:relative; padding:5px 15px; border:1px solid #000; }
.crew-list_img {
					
	width: 170px;
	height: 170px;
	overflow: hidden;
	position: relative;
	border-radius:50% 50%;

}
.crew-list_img .crew-list_plus {

	background-color: rgba(0, 0, 0, 0.5);

	border: 0px solid #fff;
	bottom: 0;
	color: #fff;
	left: 0;
	margin: 0px;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	right: 0;
	text-align: center;
	top: 0;
	z-index: 99;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;

}

.crew-list_holder a:hover .crew-list_plus  {
	padding-top: 35%;
	opacity: 1;
	filter: alpha(opacity=50);
	border: 0px solid #fff;
}

.crew-list_plus__icon { display:inline-block; font-size:40px; color:#fff; font-weight:700; font-family: 'Lato'; }
	


.crew-list_holder a:hover .crew-list_go__detail { background-color:#000; color:#fff; text-decoration:underline;}

.crew-list_link {text-align:left; margin-top:20px;}

.crew-list_plus__icon i { position:absolute; top:46%;}

.btn-top {display:inline-block;  background-image:url('../images/manufacture/icon/btn-top.png'); width:45px; height:45px; background-repeat:no-repeat; }

.top-to-menu {position:fixed; right:20px; bottom:20px; z-index:1000;}

/* Page Header */
.height100p {height:100%;}
.page-header {background-image:url('../images/manufacture/bg-header-service.jpg'); background-position:center center; background-repeat:no-repeat; background-size:contain; height:330px; background-size:cover;}
.page-header_bgt {display:block; position:relative; top:0; left:0; background-color:rgba(0,0,0,0);  height:100%}
.page-header_title {display:table; width:100%; height:100%;}
.page-header_cover {width:100%; position:absolute; top:0; left:0; z-index:101; height:100%;}
.page-header_title h2 {font-size:40px; color:#fff;font-family:'Raleway', sans-serif; text-align:center; text-transform:uppercase;}
.page-header_title p {font-size:15px; color:#fff; padding-top:5px}
.page-header_position {display:table-cell; vertical-align:middle; height:100%;} 
.page-header_breadcrumbs {text-align:center; padding-top:30px;}
.page-header_breadcrumbs li {display:inline-block; color:#fff; font-weight:200;}
.page-header_breadcrumbs li a {color:#fff;}
.page-header_breadcrumbs__div {font-family:'Raleway', sans-serif; color:#cccccc; padding:0 20px;}


/* Service */
.service-bgt {display:block; position:relative; top:0; left:0; background-color:rgba(0,0,0,0.7);  height:100%}

.main-title h1 {font-family: 'Raleway', sans-serif; text-transform:uppercase;  font-size:30px; color:#fff; margin-bottom:40px; font-weight:900;}
.main-title h1 span:before{content:''; display:block; text-align:center; margin-top:-10px;}
.main-title h1 span:after{content:''; display:inline-block; width:51px; height:2px; background-color:#ff0000; }

.main-title {padding:60px 0;}
.service-vod_txt {margin-top:20px; text-align:center; color:#fff; font-size:16px; line-height:25px; font-weight:100;}
.service-content {width:100%; position:absolute; top:0; left:0; z-index:102; height:100%;}

.service-section {margin:60px 0;}
.service-area ul{display:table; width:100%;}
.service-area li{display:table-cell; padding:10px; border:0px solid #000; text-align:center;}
.service-vod {background-image:url('../images/manufacture/service/bg-vod.jpg'); background-position:center center; background-size:cover; height:770px}
		
		
.about-greet_txt {font-size:14px; color:#000; font-weight:400;font-family: 'Noto Sans Korean'; }
.about-greet_normal {font-size:14px; color:#666; margin-top:10px; font-weight:300;font-family: 'Noto Sans Korean';}
.ceo_sign {font-size: 14px; color: #333; text-align: right; margin-top: 10px;}
.ceo_sign span {margin-left: 20px; display: inline-block; vertical-align: middle;}
.ceo_sign span:before, .ceo_sign span:after {display: none;}
.company {} 
.company h1 {font-size:30px; margin-bottom:10px; font-weight:900;}
.company_intro {font-size:14px; line-height:29px;}
.main-section {margin:60px 0 0 0;}
.main-col {float:left; width:50%}
.company-h1 {}

.sub-title_area {margin-bottom:30px;}
.section-certificate {margin:60px 0 100px 0;}
.certificate li {display:inline-block; margin-right:49px;}
.certificate li:last-child { margin-right:0px;}
.certificate li img{width:100%; border: 1px solid #ddd;}
.certificate li div {padding:10px 0; text-align:center;}

.logo-black {display:block}
.logo-white {display:none}

.about-section {margin:60px 0;  }
.bg-history {background-color:#f3f6fa; padding:60px 0 10px 0; margin-top:60px;}
.about-section li {display:inline-block;}
.history-act_line {display:block; height:1px; background-color:#000;  margin:20px 0 40px 0;}
.history-act {font-family:'Raleway', sans-serif; font-weight:600; text-align:center; font-size:20px; }
.history-act_date {}
.history-act_txt {}
.history-act_holder { margin-bottom:40px;}
.history-act_main {width:26%; vertical-align: top;}
.history-act_space {width:10%;}

.company-about_img img {width:100%; margin-left:30px }

/* About tab */
.about-tab {  display:block;  padding-bottom:0px; margin-top:60px; margin-bottom:60px; }
.about-tab li {float:left; width:152px; }

.about-tab li:last-child a { border-right:1px solid #ddd; }

.about-tab li a { display:block;position:relative; text-align:center;  font-size:15px;  color:#000; background-color:#fff; font-weight:400; height:54px; line-height:54px;  border:1px solid #ddd ; border-right:0px;}
.about-tab li a:hover {background-color:#fff; color:#ff9157; border:1px solid #ff9157; border-bottom:none; }

.about-tab li a.active {background-color:#fff; color:#ff9157; border:1px solid #ff9157; border-bottom:1px solid #fff; }


.crew-list_holder {float:left;  border:0px solid #ddd; width:170px; padding:35px 35px 35px 35px; text-align:center;}
.crew-list {margin-top:30px;}

.pro-line {height:1px; background-color:#ddd; margin-top:-1px}


.contact-addr table {width:100%; height:100%; border-top:2px solid #000;}
.contact-addr th {width:20%; padding:24px 30px; font-size:14px; background-color:#fafafa; border-bottom:1px solid #eeeeee; font-weight:350; text-align:left; }
.contact-addr td {width:80%; font-size:14px; padding:20px 20px 20px 30px; border-bottom:1px solid #eeeeee; font-weight:300; color:#555555}
.icon-bus {background-image:url('../images/manufacture/icon/icon-bus.png'); width:21px; height:15px; padding:8px 15px; background-repeat:no-repeat; background-position:0 10px;}
.icon-car {background-image:url('../images/manufacture/icon/icon-car.png'); width:21px; height:15px; padding:8px 15px; background-repeat:no-repeat; background-position:0 10px;}
.cotact-tra {margin-bottom:20px;}
.cotact-tra_vc {padding-left:36px; padding-top:5px;}
.cotact-tra_tit {color:#1d60af; font-weight:400;}

.building-txt {position:relative; top:-20px; background-color:#000; color:#fff; height:48px; font-size:14px; line-height:48px; text-align:right; padding-right:30px;}

/* 상담문의 */
.contact-form_holder {margin:50px 0; }
.contact-form {padding:25px 0; }
.contact-form table {width:100%; height:100%; border-top:2px solid #000;}
.contact-form th {width:20%; padding:0px 30px; font-size:14px; background-color:#fafafa; border-bottom:1px solid #eeeeee; font-weight:350; text-align:left; font-weight:400; vertical-align:middle; height:40px;}
.contact-form td {width:80%; font-size:15px;  padding:10px 20px 10px 30px; border-bottom:1px solid #eeeeee; font-weight:200; color:#555555; vertical-align:middle; height:40px; line-height:40px;}
.contact-form h2{font-size:18px; font-weight:400; margin-bottom:15px;}
.contact-form_required {font-size:15px; color:#ea0606; top: 4px;
    position: relative;}
.contact-form .input {width:240px; height:34px; border:1px solid #cccccc; padding-left:10px; font-size:18px; font-family: 'Noto Sans Korean'}
.contact-form .input_name {}
.contact-form .input_tel {width:110px;}
.contact-form .input_title {width:100%;}
.contact-form .select {width:240px; height:34px; font-family:'Noto Sans Korean';}
.contact-form .textarea {width:100%; height:100px; border:1px solid #cccccc; font-family: 'Noto Sans Korean'; font-size:18px; }
.contact-form_btn {text-align:center; padding:20px 0;}
.contact-form_title {}
.contact-form_title__h2 {float:left}
.contact-form_title__rq {float:left}

/* Uploader */

.input_file {width:235px; height: 34px;  border:1px solid #ccc; padding-left:10px; font-family: 'Noto Sans Korean'}
.btn-area {float:left;  }
.btn-area .btn-upload { 
	position: relative;
	overflow: hidden;
	
	display:inline-block;

	cursor: pointer;
}


.btn-area input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
	width:112px;
	height:57px;
	
}

.board {margin:50px 0;}
.location-map img {border:1px solid #ddd;}
.mobile {display:none;}


/*메인비주얼*/
.main_visual_txt1 {margin-top:70px;}
.main_visual_txt1 span {display: block; text-align: center; font-size:70px; font-family: 'Raleway', sans-serif; font-weight: 600; text-transform: uppercase; color:#fff; }
.main_visual_txt1 span strong {text-align: center; font-size:70px; font-family: 'Raleway', sans-serif; font-weight: 600; text-transform: uppercase; color:#ff0000; }
.main_visual_txt2 { margin-top: 61% !important; }
.main_visual_txt2 .about_btn { display: block;  color:#fff; border:1px solid #fff; font-size:17px; padding:10px 30px; margin:35px auto 0 auto !important; width: 100px;}
/*메인파트너*/
.main-partner { padding:50px 0 10px; }
.main-partner h1 {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 30px;
    color: #333;
    margin-bottom: 40px;
}
.main-partner h1:after {content: ''; display: block; width: 51px; border:1px solid #ff0000; margin:0 auto; margin-top: 15px;}
.main-partner ul {max-width:1200px; margin:0 auto; overflow: hidden; }
.main-partner ul li {float: left; width:20%; text-align: center;}
.main-partner ul li img {max-width: 100%;}

.service-area_btn .btn-orange {background-color: #ccc;}
.service-area_btn .btn-orange:hover {background-color:#ff0000; }

.language_link {position: absolute; top:40px; right: 0; overflow: hidden;}
.language_link a {display:block; border:1px solid #ddd; float: left; width: 60px; height: 30px; line-height: 30px; text-align: center; font-size: 11px; margin-right: -1px; color: #555; font-weight: 400;}
.language_link a.active {background: #ddd;}
.language_link a:last-child {margin-right: 0;}

.service-partner{max-width:1200px; margin:0 auto; overflow: hidden; margin-top: 20px;}
.service-partner li {float: left; width:18%; text-align: center; padding:1%;}
.service-partner li a {display: block;}
.service-partner li img {max-width: 100%;}

/*비디오*/
    .video-wrapper {
    position: relative;
}

.video-wrapper > video {
    width: 65%;
    vertical-align: middle;
}

.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {
    display: none;
}

.video-overlay-play-button {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px calc(50% - 50px);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0.95;
    cursor: pointer;
    transition: opacity 150ms;
}

.video-overlay-play-button:hover {
    opacity: 1;
}

.video-overlay-play-button.is-hidden {
    display: none;
}
/*섬네일게시판*/
.thumb_bod_list_box {position:relative; }
.thumb_bod_list {overflow: hidden; margin-left: -1%; margin-right: -1%; border-bottom: 1px solid #ddd; padding-bottom: 2rem;}
.thumb_bod_list li {float: left; width: 23%; margin:1%; margin-bottom: 3%;}
.thumb_bod_list li > a {display: block;}
.thumb_bod_list li .thumbnail {padding-top: 70%; margin-bottom: 1rem;}
.thumb_bod_list li span {font-size:14px; color: #333;}
/*섬네일설정*/
.thumbnail {position: relative; padding-top: 145%; overflow: hidden;}
.thumbnail img {position: absolute; top:0; left:0; height: auto; width: 100%;}
.thumbnail .centered {position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);}
.thumbnail .centered img { position: absolute; top: 0; left: 0; max-width: 100%; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.bod_view_box { margin-top: 3rem; margin-bottom: 30px; }
.bod_view_box .bod_view .section_top {border-top: 2px solid #333; border-bottom: 1px solid #ddd; padding:30px 10px; position: relative;}
.bod_view_box .bod_view .section_top h5 {font-size: 15px; color: #000; font-weight: bold;}
.bod_view_box .bod_view .section_top .sec_right {position:absolute; top:30px; right: 10px;}
.bod_view_box .bod_view .section_top .sec_right span {margin-left: 20px;}
.bod_view_box .bod_view .section_top .sec_right span:first-child:after {content:''; display: inline-block; height: 10px; border-right: 1px solid #ddd; padding-left: 2rem;}
.bod_view_box .bod_view .section_top .sec_right span strong {color: #333; font-weight: bold; margin-right: 10px;}
.bod_view_box .bod_view .section_info {padding:30px 10px; border-bottom: 1px solid #ddd;}
.bod_view_box .bod_view .section_info span:first-child:after {content:''; display: inline-block; height: 10px; border-right: 1px solid #ddd; padding-left: 2rem;}
.bod_view_box .bod_view .section_info span strong {color: #333; font-weight: bold; margin-right: 10px;}
.bod_view_box .bod_view .section_mid {padding:30px 10px;}
.bod_view_box .bod_view .section_bottom {border-top: 1px solid #333; text-align: right; }
.bod_view_box .bod_view .section_bottom .file {text-align: left; margin:2rem 0; border-bottom: 1px solid #ddd; padding:0 1rem 2rem 1rem; }
.bod_view_box .bod_view .section_bottom .file span {color: #333; font-weight: bold; margin-right: 10px;}
.bod_view_box .bod_view .section_bottom .list_btn {width: 100px; height: 40px; line-height: 40px; background: #000; color: #fff; text-align: center; display: inline-block;}

.bod_write_box { position: relative;  padding-top: 3rem; margin-bottom: 50px;}
.bod_write_box > span { position: absolute; top:0px; right: 0px; }
.bod_write_box > span strong {color:#ea0606; }
.bod_write_box .bod_write {width: 100%; border-top: 1px solid #333;}
.bod_write_box .bod_write tr th {text-align: left; padding:2rem; color: #333; font-weight: bold; border-bottom: 1px solid #ddd; width: 15%; vertical-align: middle; background: #fafafa;}
.bod_write_box .bod_write tr th:before {content: "＊"; display: inline-block; color: #ea0606;}
.bod_write_box .bod_write tr td {padding:2rem 0; border-bottom: 1px solid #ddd; }
.bod_write_box .bod_write tr:last-child td, .bod_write_box .bod_write tr:last-child th {border-bottom: 1px solid #333;}
.bod_write_box .bod_write tr td input[type="text"],.bod_write_box .bod_write tr td input[type="password"] { border:1px solid #ddd; height: 35px; margin:0 1rem; padding:0 1rem; width: 98%; box-sizing: border-box;}
.bod_write_box .bod_write tr td select {border:1px solid #ddd; height: 35px; box-sizing: border-box;}
.bod_write_box .bod_write tr td textarea {border:1px solid #ddd; height: 100px; width: 98%; padding:1rem; margin:0 1rem; box-sizing: border-box;}
.bod_write_box .bod_write tr td .agree_box {margin-top: 1rem; text-align: right;}
.bod_write_box .bod_write tr td .agree_box label{font-size: 1.3rem;}
.bod_write_box .bod_write tr td.file_btn {padding-left:10px;}
.bod_write_box .bod_write tr td.file_btn button{background: #ccc; display: inline-block; width: 100px; height: 30px; line-height: 30px; font-size: 12px; color: #333; margin-right: 10px; border:0;}
.btn_box {margin-top: 2rem; text-align: right; margin-bottom: 2rem;}
.btn_box a {width: 100px; height: 35px; line-height: 35px; background:#747474; color: #fff; display: inline-block; text-align: center;}
.btn_box a.ty2 {background:#000;  }

.bod_pass_check {}
.bod_pass_check p {margin-bottom: 20px;}
.bod_pass_check .input_box { margin:0 auto; background: #eee; padding:5% 0; text-align: center;}
.bod_pass_check .input_box span {color: #333; font-weight: bold;}
.bod_pass_check .input_box span input[type="password"] { border:1px solid #ddd; height: 35px; margin:0 1rem; padding:0 1rem; width: 80%; background: #fff;}

/*아코디언*/
.aco_box {border-top: 1px solid #333; margin:30px 0 50px;}
.aco_box > ul > li {border-bottom: 1px solid #ddd;}
.aco_box > ul > li .aco_tit {color: #000; cursor: pointer; font-size: 15px; padding:20px; position: relative;}
.aco_box > ul > li.on .aco_tit:after {content: '-'; font-size: 39px; top:2px;}
.aco_box > ul > li .aco_tit:after {content: '+'; font-size: 26px; color: #666; display: inline-block; position: absolute; top:13px; right:15px;}
.aco_box > ul > li .aco_txt {display: none; padding:20px; padding-top: 0}
.aco_box > ul > li .aco_txt p {line-height: 1.5; margin:1rem 0; padding-left: 3.5rem; position: relative;}

.top_img {background: #f8f8f8; text-align: center; padding:30px 0; margin-bottom: 30px;}
.top_img img {max-width: 100%;}
/* 탭설정 */
.tabsContainer{overflow:hidden;}
.tabs-nav{overflow:hidden; border-bottom: 1px solid #ddd; margin-bottom: 30px !important;}
.tabs-nav li { float: left; padding:0 !important; margin-right: 2px;}
.tabs-nav li a {display: block; font-size: 15px; color: #333; min-width:150px; background: #eee; padding:0 20px; height: 50px; line-height: 52px; }
.tabs-nav li.active a { background: #ff0000; color: #fff; font-weight: bold;}
.tabs-content {overflow:hidden;}
.tabs-content .tabs{overflow:hidden;  }
.tabs-content .tabs.active{display:block;}

/*주요사업*/
.new_service .tabs-nav {max-width: 1200px; margin:0 auto;}
.aris_sec1 {max-width: 1200px; margin:0 auto;}
.new_service #section1 {max-width: 1200px; margin:0 auto;}
.prod_spec dt {font-size: 17px; color: #000; font-weight: bold; margin:20px 0 20px; text-align: left;}
.prod_spec dd { text-align: left; font-size: 14.5px; float: none; width: 100%; margin-bottom: 10px; color: #555;  line-height: 1.4; letter-spacing: -0.5px; padding-left: 10px; position: relative; font-family: 'Noto Sans Korean', sans-serif,'Arial'; font-weight: 300;}
.prod_spec dd:before {content: '·'; display: inline-block; position: absolute; top:0; left: 0; margin-right: 5px;}
.prod_size {text-align: left; margin-top:15px; border-top:1px dotted #ddd; margin-bottom: 20px; border-bottom: 1px dotted #ddd; padding-bottom: 15px;}
.prod_size strong {font-size: 14px; color: #000;}
.prod_size span {font-size: 14.5px; color: #555; display: block; margin-top: 10px; font-family: 'Noto Sans Korean', sans-serif,'Arial'; font-weight: 300;}
.prod_size span:before, .prod_size span:after {display: none;}
.down_btn {text-align: left;}
.down_btn a {display: inline-block; width: 120px; height: 40px; border:1px solid #ddd; text-align: center; line-height: 40px; font-size: 14px; padding-left: 20px; background: url('../images/manufacture/service/catalog_ico.png') no-repeat 8px 9px;}

/*메뉴*/
.gnbService_sub {background: #eee; padding-bottom: 15px;}
.gnbService_sub a {display: block; padding:15px; padding-bottom: 0;}
.gnbService_sub a:hover {color: #ff0000;}

.serv1_tit {font-size: 30px; color: #000; padding-bottom:15px; margin-bottom: 15px; border-bottom: 1px solid #ddd; font-weight: bold; margin-top: 20px;}
.serv1_sec {overflow: hidden; margin-bottom: 10px;}
.serv1_sec img {width: 100%;}
.serv1_sec .sec_left {float: left; width: 49%; padding:2%; box-sizing: border-box;}
.serv1_sec .sec_right {float: right; width:49%; padding:2%; box-sizing: border-box;}
.serv1_sec .sec_both {padding:2%; box-sizing: border-box;}
.serv1_sec dl dt {font-size: 20px; color: #000; margin-bottom: 30px; font-weight: bold;}
.serv1_sec dl dd {font-size: 14px; color: #666; line-height: 1.5; margin-bottom: 20px;}
.serv1_sec dl dd strong {display: block; font-weight: bold; margin-bottom: 10px; color: #000;}
.serv1_sec p {text-align: center;}
.serv1_sec .sec_both dl dt {margin-top: 20px; margin-bottom: 10px;}
.serv1_sec .sec_both dl dd {margin-bottom: 40px;}

@media only screen and (max-width : 959px) {

            .tabs-content {padding:0 20px;}
	.wrapper {min-width:100%}
	.container {width:auto;}
	/* FAQ */

	.faq-list {border-top:1px solid #cccccc;}
	.faq-list .item .p-r {display:table-cell;  padding:0 25px;  width:10%; vertical-align:middle;}
	.faq-list_question {display:table-cell; vertical-align:middle; padding:0 25px; width:10%;}
	.faq-list_title{display:table-cell; font-size:16px;   vertical-align:middle; width:80%; }
	.faq-list_answer { padding:30px 0; font-size:14px;  line-height:30px; border-bottom:1px }
	.faq-list_answer__a {display:table-cell;  padding:0 25px;  width:10%; vertical-align:middle;}
	.faq-list_answer__t {display:table-cell;  width:90%; vertical-align:middle; padding-right:30px;}
	.icon-plus-black { float:right; background-image:url('../images/icon-rect-plus.png'); width:15px; height:9px; background-repeat:no-repeat; }
	.icon-minus-black { float:right; background-image:url('../images/icon-rect-minus.png'); width:15px; height:9px;background-repeat:no-repeat; }
	
	
	
	.container {width:auto;}
	
	.box {height:2000px; color:#000; background-color:#f7f7f7; font-size:12px; line-height:30px; padding:20px;}

	
	
	/* Toggle Nav : S */
	#header-1 .toggle-header {display:block; height:75px; background-color:#313131;}
	#header-1 .toggle-nav {display:block; position:absolute; top:27px; right:10px;z-index:30000;}
	/* Toggle Nav : E */
	
	
	#header-1 .gnb {float:none;  display:none; padding:0; background-color:#313131; position:relative; z-index:10000; width:100%; margin-top:0; }
	#header-1 .gnb>ul {display:block; width:100%}
	#header-1 .gnb>ul>li {display:block;  width:100%; }
	#header-1 .gnb>ul>li:first-child>a { border-top:1px solid #4e4e4e;}
	#header-1 .gnb>ul>li>a { display:block; width:97%; padding:0;  position:relative;  color:#fff;  text-align:left; padding:11px 0; border:0; font-size:15px; border-bottom:1px solid #4e4e4e; padding-left:3%;  height:25px; line-height:25px;}


	#header-1 .gnb>ul>li>ul { display:none; position:relative; width:100%; top:0px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow:none; border-bottom:0px; border:0px;}
	
	#header-1 .gnb>ul>li.opens > a{background: url(../images/open-has-sub-menu.png) no-repeat 96% center !important; }
	#header-1 .gnb>ul>li.has_children > a{background: url(../images/has-sub-menu.png) no-repeat 96% center;}
	#header-1 .gnb>ul>li.movie ul {margin-left:0px;}
	/*-------------- Navigation : E ---------------------------*/
	
	/* GNB : type-1 : E*/
	
	/* Sub News */
	
	.news-list { margin-bottom:0px; margin-top:0px; margin:0;}
	.news-list h2 {font-size:20px; text-align:center; background: none; margin-bottom:10px;}
	.news-list_more {display:none;}
	
	.news-list h1{font-size:25px;}
	.news-list ul {padding-top:10px;}
	.news-list ul li {display:block; width:95%;}
	.news-list_holder { border:0px solid #ddd; width:auto; padding:0; padding-top:60px; }
	.news-list_holder img {width:100%;}
	.news-list_title {font-size:14px;  padding:5px 0px; font-weight:700;}
	.news-list_excerpt {font-size:12px; font-weight:200; color:#000;  padding:5px 0px; color:#999; }
	.news-list_holder img:hover {}
	.news-list_holder a {color:#000;}
	.news-list_holder a:hover {text-decoration:none;}
	.news-list_go__detail {  display:block; padding:10px 15px;  width:92%; text-align:center;}
	.news-list_img { width: 100%; }
	
	.search-area {display:none;}
	
	
	
	/* 2017 8-23 add more about layout for subpage */
	/* Board Common */
	.hidden-td {display:none;}
	
	/* Subpage - Layout */
	
	.sub-container {display:block; width:auto; margin:0;}
	.sub-sidebar {display:block;  width:auto;}
	.sub-content {display:block;  width:auto; padding:0 15px;}
	.lnb{display:none;}
	
	/* Footer */
	.footer {padding:0px 0px;  }
	.footer.bgcolor {line-height:22px;}

	.footer .bizinfo {padding:20px 15px; }
	.footer-menu {text-align:center;}
	.footer-menu li {display:inline-block;  }
	.footer-menu li a {display:block;  }
	
	/* GNB : type-1*/
	.header-top_member {display:none; }
	.header-top_member li{display:inline-block; text-align:center; }
	.header-top_member li a { color:#c0c0c0; font-size:12px;}
	
	/* GNB : type-1 : S*/
	
	#header-1 .header-logo { position:absolute; text-align:center; z-index:20; left:0; top:-85px; text-align: center; width: 100%;}
	#header-1 .header-logo a {color:#fff; display: inline-block;}
	#header-1 .header-logo { margin-left:0px; }
	
	
	/* .hidden-mobile {display:none;} */
	/* .show-mobile {display:block;} */
	.hidden-mobile {display:none;}
	.login { margin-top:30px; }

	.login-area_input{padding:10px 0;}

	.login-area_idpd {display:block; width:100%; text-align:center; padding:20px 0;}
	.login-area_idpd input{width:70%; height:39px; font-size:14px; border:1px solid #666;}
	.login-area_hidden{width:auto; margin:auto; text-align:center;}
	.pBox{width:auto; margin:auto; text-align:center;}
	.login-join .txt{width:100%; padding:0px; background:none; text-align:center;}
	.login-area_lost{text-align:center;}
	.login-area_lost p {display:block; margin-bottom:20px;}
	.login-area_lost .bt {display:block;  clear:both; float:none; margin-bottom:20px;}
	.login-area_lost .txt{float:none; display:block; text-align:center; margin-bottom:20px;}
	.btn-red {
		color: #fff;
		width: 130px;
		height: 55px;
		line-height: 55px;
		text-align: center;
		vertical-align: middle;
		font-size: 15px;
		margin-left: 10px;
		border: none;
		cursor: pointer;
	}
	/* 회원가입 - 회원가입 단계그림 : S */

	.join_imgstep {display:table; margin-top:50px; margin-bottom:50px; margin:0 auto;}
				
	.join-step { height:100px; width:100px;  margin-right:10px; }
	.join-step_no {display:block; font-size:15px; }
	.join-step_text {display:block; font-size:12px; }


	/* 회원가입 - 회원가입 단계그림 : E */
	.joinfield table {display:block;}
	.joinfield th{display:block; font-size:13px; color:#333; padding:8px 2%; text-align:left; vertical-align:top; font-weight:300;}
	.joinfield td{display:block; border-bottom:1px solid #e5e5e5; padding:13px 10px; font-size:14px; color:#555}
	.joinfield td input{width:50%; height:34px; padding:0px 5px; border:1px solid #666;}
	.joinfield td select{width:100px; height:30px;}
	.joinfield .input-tel{width:50px; }
	.joinfield .input-add{width:50px;}
	.joinfield .input-add_long{width:80%; }
	
	/* button */
	.agree-all_term .btn {display:block; width:100%;}
	.agree-all_term{margin-bottom:20px; }
	.btn333{margin-top:5px; height:34px;  line-height:34px;padding: 0px 15px 0px 15px;}
	.joinfield td span {display:block; margin-top:10px; font-size:11px;}
	
	.board h1 {font-size:25px;  }
	.board-notice_title h5 {font-weight:300; font-size:15px; padding:5px 0;}
	.board-notice_date li {float:none; display:block; text-align:right; padding-left:0;}
	.board-notice_date  {float:none; display:block; text-align:right; padding-left:0; padding-top:10px;}
	.board-notice_date span { display:inline-block;  padding-left:0;}
	.board-notice_title li {display:block;}
	.board-notice_title li a, .board-notice_title li span{
		
		padding-left:0px;
		
	}
	.replylist-input input{  width:95%; margin-top:5px; height:34px;  }
	
	.replylist-memo_btn .btn-reply {display:block; height:60px; line-height:60px; background-color:#000; border:1px solid #000;   font-size:14px; text-align:center; color:#fff;  margin:0; margin-top:5px;}
	
	.replylist-memo {display:block; width:95%; margin-top:5px; min-width:98%}
	.replylist-memo_box {display:block; width:100%}
	.replylist-memo_box textarea { width:95%; height:150px;}
	.replylist-memo_btn {display:block; vertical-align:middle}
	.board-post_right{display:none;}
	.board-post_next__1 {font-size:13px;}
	.board-post_next__2 a {font-size:13px; color:#464646}
	

	.btn {
		
		margin: 1px;
		font-size:13px;
		font-weight:350;
	}
	.sub-container { margin-bottom:60px;}
	
	/* request Form : S */

	.request-form table {display:block; width:100%;  border-top:2px solid #333;}
	.request-form th{display:block; border-bottom:1px solid #e5e5e5;  border-top:1px solid #e5e5e5; }
	.request-form td{display:block; padding:13px 0 13px 10px;border-top:0px solid #ddd;font-size:14px;}
	.request-form td input {width:96%; height:34px; padding:0px 5px; border:1px solid #666;}
	.request-form td textarea { width:96%; border:1px solid #666;}
	.request-form_select {  padding: 0 22px;font-size: 14px;height: 40px;
	line-height: 41px;}
	
	/* Main Stock Info */
	.main-stock_info {margin:10px 0 0px 0;}
	.main-data { border:3px solid #000; height:auto; }
	.main-data_tr {display:table;width:100%;border-bottom:1px solid #ddd;}
	.main-data_th {display:table-cell; color:#000; text-align:center; width:20%; color:#fff; padding:8px 0; font-size:12px; }

	.main-data_td {display:table-cell; text-align:center; color:#000; width:20%; padding:8px 0; font-size:14px;}
	.main-data_h1 { padding:14px; font-size:16px; font-weight:300;}
	.main-col {display:block; width:94%; padding:0 3%;}
	.main-col-4 {display:block; width:100%; padding-right:0px;}

	.main-data_title2 {width:80%}
	.main-data_title3 {width:80%; text-align:left; padding-left:10px;}

	
	.main-data_title4 {width:40%}
	.main-data_hit {width:20%}
	.main-data_badge {background-color:#ffae00; color:#fff; font-size:10px; padding:2px 5px; position:relative; top:-1px; margin-left:3px}
	.main-col-end {padding-right:0;}

	.sticky-contact {display:none;}
	.main-slider {height:250px;}
	/* Main Stock Info */
	
	/* Best Review */
	
	.best-review {display:block; width:94%; margin:20px 3% 20px 3%;  }
	.best-review_title {background-color:#f94a17; color:#fff; font-size:16px; padding:10px 10px;}
	.best-review_left {float:none;display:block; width:100%;  padding:0; }
	.best-review_right {display:block; width:92%; padding:0px; }

	.best-review_first { width:94%; border:1px solid #ddd; background-color:#fff; margin:3%;}
	.best-review_first__rate {display:block; position:absolute; background-color:#f3272c; width:60px; height:60px; border-radius:50%; color:#fff; line-height:60px; text-align:center; font-size:17px; font-weight:400; margin-top:5px; margin-left:5px}
	.best-review_first__img {width:100%}
	.best-review_first__img img {width:100%}

	.best-review_first__title { background-color:#000000; color:#fff; font-size:15px; padding:18px 17px;  font-weight:600; padding-left:80px;}
	.best-review_first__title2 {padding:10px 0; font-size:16px; font-weight:400; }
	.best-review_first__con {padding:10px; font-size:14px;}
	.best-review_first__con2 {font-size:12px; padding:0px 0 20px 0; height:auto; font-size:14px;}

	.best-review_second {  width:100%;  border:1px solid #ddd; background-color:#fff; margin:3%  4%;}
	.best-review_second__title {background-color:#e9e9e9; color:#000; font-size:15px; padding:18px 0px;  font-weight:400; padding-left:80px;}
	.best-review_second__title2 {padding:10px 0; font-size:12px; font-weight:350; padding-left:0px }
	.best-review_second__con {float:left; padding:10px; font-size:14px;}
	.best-review_second__con2 {padding:0px; font-size:14px;}
	.best-review_second__conh {display:block; width:100%; }
	.best-review_second__img {float:none; display:block; border:1px solid #ddd;}
	.best-review_second__img img {width:100%}


	.best-review_third {  width:100%;  border:1px solid #ddd; background-color:#fff;  margin:3%  4%;}
	.best-review_third__title {background-color:#e9e9e9; color:#000; font-size:14px; padding:18px 17px;  font-weight:400;  padding-left:80px;}
	.best-review_third__title2 {padding:10px 0; font-size:15px; font-weight:350; padding-left:0px }
	.best-review_third__con {display:block; padding:10px; font-size:14px; }
	.best-review_third__con2 {padding:0px; font-size:14px;}
	.best-review_third__conh {display:block; width:100%; }
	.best-review_third__img {float:none;display:block; border:1px solid #ddd;}
	.best-review_third__img img {width:100%}

	
	.bg-customer {background-color:#f7f7f7; padding:60px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:30px;}

	.img-customer {margin-left:0px;}

	
	/* Main Board */
	
	.main-board {margin-bottom:30px;}

	.main-board {display:block; width:94%; height:auto;  padding:0px;  border:0px solid #ddd; padding:2px; margin-right:9px; margin:0 3%; margin-bottom:30px;}

	.main-board li{ margin-bottom:10px;}
	.main-board_title{margin-bottom:10px;}
	.main-board_title__2 { font-size:20px; font-weight:400; } 
	.main-board_line{ display:block; background-color:#ddd;  height:1px; margin:12px 0; } 
	.main-board_plus {position:relative; top:-49px; right:0px;}
	.main-board_more {display:block; position:absolute; color:#767676; padding:1px;  margin-left:5px; font-size:18px; border:1px solid #ddd; padding:2px 5px; right:0; top:0px;}
	.main-board_news__text {display:table-cell; width:82%; background-image:url('images/text-dot.png'); background-repeat:no-repeat; background-position:0 5px; padding-left:10px; font-size:14px}
	.main-board_news__text a:hover{ text-decoration:underline; color:#0d3a86}
	.main-board_news__date {display:table-cell; text-align:right; color:#999; }


	.main-board_news__holder {display:table;}

	
	/* Customer Center */
	.main-col-6 {display:block;}
				
	.bank-account {display:block;width:100%}
	.bank-account_icon {display:block;  }
	.bank-account_info {display:block; vertical-align:top;padding-left:0px; padding-top:10px; }

	.bank-customer_info {display:block; }
	.bank-customer_icon {display:block;}
	.bank-customer_icon {max-width:100%}
	.bank-account_name {font-size:25px; color:#f89c00; display:inline-block;}
	.bank-account_name2 {font-size:18px; color:#000; font-style:italic; display:inline-block;  font-weight:400;  padding-left:20px;}
	.bank-account_no {font-size:30px;color:#f89c00; font-weight:500; font-style:italic;}


	.customer-center2 {display:block;  padding-left:0px; margin-top:40px;}
	.customer-tel {display:block; font-size:30px;color:#00b6f8; font-weight:500; font-style:italic;  padding-top:10px;}
	.customer-center_info {display:block; vertical-align:top; padding-left:0px; padding-top:10px; font-size:17px;}
	.customer-center_icon {display:block;  padding-top:10px;}
	.customer-center_name {font-size:25px; color:#f89c00; display:block;  padding-top:10px;}
	
	
	
	.customer-center_name2 {font-size:15px; color:#000; font-style:italic; display:block;  font-weight:400;  padding-left:0px; padding-top:10px;}
	.customer-center_email {display:block;font-size:15px;color:#000; font-weight:500; font-style:italic; padding-left:0px; padding-top:10px;}

	
	
	.service-area_holder { display:block; width:100%; padding:0px 0px 0px 0px;  margin:0px; margin-top:40px;}
	
	.service-area_holder__last {  margin-top:40px;  }
	.service-area_title {font-size:15px; }
	.service-area_name {font-size:13px; }
	
	.service-area_img {
					
	width: 100%;
	
	overflow: hidden;
	position: relative;
	
	}

	.main-project ul {padding:0 0px;}
	.main-project ul li {display:block; width:44%; padding:10px;}

	.main-project_holder { width:100%;}
	
	.main-project_title {font-size:15px; color:#fff;  padding:5px 0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600}

	.main-project_img {	width:100%; height: 100%; overflow: hidden; position: relative; }
	
	.footer .bizinfo {padding:20px 15px; color:#000; line-height:15px; font-size:11px;}
	.footer .bizinfo span {content:''; display:inline-block; }
	.footer .bizinfo span:before {content:''; display:block; position:relative; top:12px; width:1px; height:8px; background-color:#666; margin:0 5px; }
	.footer .bizinfo span:after {content:''; display:inline-block;  }

	.logo-black {display:none}
	.logo-white {display:block}
	.service-content img {width:100%;}
	.service-vod_txt {padding:0 15px; font-size:14px; }
	br {display:none;}
	.service-vod {height: 517px; margin:60px 0;}
	.service-area ul{display:block; width:100%;}
	.service-area li{display:inline-block; padding:10px; border:0px solid #000; text-align:center; width:26%}
	.service-area li img {width:80%}
	.company-about_img img { margin-left:0px; margin-top:20px; }

	.about-section ul {padding:0 15px;}
	.about-section li {display:block; width:auto;}
	.certificate {text-align:center;}
	.certificate li {display:inline-block; width:45%; margin-right: 0px; padding:5px;}
	.about-tab {padding:0 15px;}
	.about-tab li {display:block; width:auto; width:100%; }
	.about-tab li a {border:1px solid #ddd; border-bottom:none;}
	.about-tab li:last-child a {border-bottom:1px solid #ddd; }
	.crew-list {text-align:center;}
	.crew-list_holder {float:none; display:inline-block;  border:0px solid #ddd; width:42%; padding:15px 3%; text-align:center;}
	.pro-line {display:none;}
	.map-col-1 {display:block; float:none; width:100%;}
	.location-map img {width:100%;}	
	.map-col-2 {display:block; width:100%; float:none; margin-left:0px;}
	.building-txt {padding-right:10px;}
	.map-col-1 img { width:100%;}
	
	.page-header_title h2 {font-size:25px;  }
	.page-header_breadcrumbs li a {font-size:12px;}
	.page-header {height: 178px;}
	.page-header_breadcrumbs {text-align:center; padding-top:10px;}

	.location-map img {border:0px solid #ddd;}
	#header-1 .gnb>ul>li:last-child {display:block;}
	
	/* 상담문의 */
	
	
	.contact-form th {width:30%; padding:0px 5px;font-size:12px }
	.contact-form td {width:70%; padding:10px 5px 10px 5px; font-size:14px; }
	.contact-form h2{font-size:18px; font-weight:400; margin-bottom:15px;}
	.contact-form_required {font-size:15px; color:#ea0606; top: 4px;
		position: relative;}
	.contact-form .input {width:30%; height:25px;font-size: 13px; padding-left:5px;}
	.contact-form .input_name {}
	.contact-form .input-email {width:20%; height: 25px;}
	.contact-form .input_tel {width:20%;}
	.contact-form .input_title {width:90%;}
	.contact-form .select {width:30%;font-size: 12px; color:#666; }
	.contact-form .textarea {width:90%;  font-size:25px; }
	.contact-form_btn {text-align:center; padding:20px 0;}
	.contact-form_holder {padding:0 15px;}

        
    /*메인비주얼*/
    .main_visual_txt1 {margin-top:20px!important;}
    .main_visual_txt1 span {font-size:40px !important; line-height: 1.2;}
    .main_visual_txt1 span strong {font-size:40px!important;}
    .main_visual_txt2 { margin-top: 41% !important; }
    .main_visual_txt2 .about_btn { margin:20px auto 0 auto !important; }
    .main-partner ul li {width:29.3%; margin: 2%; }

    .service-partner li {width:29%; padding: 2%; }

    .language_link {position: absolute; top:-47px; right: 50px; overflow: hidden;}
    .language_link a {display:block; border:0; float: left; width: 45px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; margin-right: -1px; color: #555; font-weight: 400;}
    .language_link a.active {background: #ddd;}
    .language_link a:last-child {margin-right: 0;}
    #header-1 .header-logo {text-align: left; left: 22px;}

.serv1_tit {font-size: 25px; padding:15px;} 
.serv1_sec .sec_left {float: none; width: 100%; padding:2%; box-sizing: border-box;}
.serv1_sec .sec_right {float: none; width:100%; padding:2%; box-sizing: border-box;}


}

@media only screen and (max-width :768px) {
    .thumb_bod_list li {width: 48%; margin:1% 1% 5% 1%; }
    .thumb_bod_list li span {padding:10px;}
    .bod_view_box {padding:0 10px;}
    .bod_view_box .bod_view .section_top .sec_right {position: relative; top:0; right: unset; margin-top: 20px; text-align: right;}
    
    .bod_write_box .bod_write tr th {width: 30%; padding:1rem;}
    .bod_write_box .bod_write tr td {padding:1rem 0;}
    .bod_write_box .bod_write tr td input[type="text"], .bod_write_box .bod_write tr td input[type="password"] {width: 88%;}
    .bod_write_box .bod_write tr td textarea {width: 88%;}

    .tabs-nav li  {width: 50% !important; margin:0 !important;}
    .tabs-nav li a {min-width: unset;}
    .service-area ul {margin-bottom: 0 !important}
    

}

@media only screen and (max-width :510px) {
    .main_visual_txt1 span {font-size:20px !important; line-height: 1.5;}
    .main_visual_txt1 span strong {font-size:20px!important; }
    .main_visual_txt2 { margin-top: 45% !important; font-size: 11px !important;}
    .main_visual_txt2 .about_btn { margin:20px auto 0 auto !important; }
    .thumb_bod_list li {float: none; width: 100%; margin:1% 1% 5% 1%; }
    .thumb_bod_list li span {padding:10px;}

    #header-1 .header-logo {top:-72px; left: 14px;}
    #header-1 .toggle-nav {top:38px;}
    .language_link {top:-67px; right:9px; z-index: 999;}
}

.root_daum_roughmap {
    width: 100% !important;
    height: 30rem !important;
}

.root_daum_roughmap .wrap_map {
    height: 100% !important;
}

@media only screen and (max-width :768px) {
    width: 80vw !important;
    margin: 0 5vw !important;
    height: 10rem !important;
}