/** * 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;}
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 !important;}
.text-right {text-align:right !important;}
.text-left {text-align:left !important;}
.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:#333; border-top:0px solid #ddd;}
.footer.bgcolor {line-height:22px;}

.footer .bizinfo {padding:26px 0; color:#000; line-height:13px;}
.footer .bizinfo span {line-height:13px; height: 13px;}
.footer-copyright {font-size: 13px;color:#fff;text-align:center; padding:0px 0;height: 13px;}

/*------------- 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;}


/* 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;}

/*섬네일게시판*/
.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; background: #F7F7F7; 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;}
@media only screen and (max-width : 959px) {
    .bod_view_box .bod_view .section_top .sec_right {position:relative; top:10px; left: 0;}
    .bod_view_box .bod_view .section_top .sec_right span {margin-left: 0px;}
}
.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 #ddd; text-align: center;padding-top:30px; }
.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: #fff;border:1px #000 solid; color: #000; font-weight: bold; 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 th.no_iq:before {display:none;}
.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;}





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




/* 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('http://127.0.0.1/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('http://127.0.0.1/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('http://127.0.0.1/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('http://127.0.0.1/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: 0 0 0 5px;	padding: 0 20px;
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-search {padding:0 10px;margin: 0 0 0 -4px;line-height: 36px;background: #fff;border:1px #ddd solid;border-left:0;}
.btn-search i {font-size: 18px;color:#666;width:auto !important;margin:0 0 0 0 !important;}

.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: 50px; margin-bottom: 0px; }
.button-area_view { text-align: right; padding-top: 0px; margin-bottom: 0px; }

.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: #34174a; 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: #ff8d52; 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;}


.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:#ff8d52; }

/* 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('http://127.0.0.1/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('http://127.0.0.1/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:50px; }
.header-top_left {float:left; }
.header-top_right {float:right; }
.header-top_right a {display:inline-block; background-color:#ff8d52; color:#fff; padding:0 20px;}
.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:0;  }
#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;  }
#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>a { display:block; position:relative;  font-size:18px; font-weight:400;  text-align:center;  padding:0px 25px; color:#000; text-transform:uppercase; font-family: 'Noto Sans Korean', sans-serif; color:#000; height:90px; line-height:90px; 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:#fc486b}
#header-1 .gnb>ul>li>a.bold:hover {font-weight:700; color:#fc486b;}
#header-1 .gnb>ul>li:last-child a { padding-right:0;  }

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

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

/* 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;}


.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; }



.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;}


/* 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:#ff8d52; }

.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';}
.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-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%}
.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;
	
}

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

@media only screen and (max-width : 959px) {
	.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:#fff;}
	#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:#fff; 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 #fc4b6d;}
	#header-1 .gnb>ul>li>a { display:block; width:97%; padding:0;  position:relative;  color:#333;  text-align:left; padding:11px 0; border:0; font-size:15px; border-bottom:1px solid #ddd; 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;width:100%; text-align:center; z-index:20;top:-68px;}
	#header-1 .header-logo img {width:245px;margin: 0 auto;}
	#header-1 .header-logo a {color:#fff;}
	#header-1 .header-logo { margin-left:0px; }
	
	
	/* .hidden-mobile {display:none;} */
	/* .show-mobile {display:block;} */
	.hidden-mobile {display:none !important;}
	.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-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}

	

	.btn {
		margin: 1px;
		font-size:14px;
		font-weight:400;
	}
	.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('http://127.0.0.1/css/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;
	
	}
	
	.footer .bizinfo {padding:20px 15px; color:#000; line-height:15px; font-size:11px;}

	.logo-black {display:none}
	.logo-white {display:block}
	.service-content img {width:100%;}
	.service-vod_txt {padding:0 15px; font-size:14px; }
	.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%;}

	.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;}
	
}

/* 201103 추가 */

/* TABLE */
.service-area {width:100%;padding:40px 0;background: #34174a;}
.service-area:after {content: '';display: block;clear: both;visibility: hidden;}
.service-area p {font-size: 15px;color:#fff;font-weight: 400;letter-spacing: -0.05em;line-height: 40px;}
.service-area p span {background: #fc4b6d;border-radius:20px;padding:2px 10px;margin:0 10px 0 0;}
@media only screen and (max-width : 959px) {
	.service-area {width:94% !important;min-width:94% !important;padding:10% 3%;}
	.service-area:after {content: '';display: block;clear: both;visibility: hidden;}
	.service-area p {font-size: 14px;line-height: 24px;text-align: center; margin:0 0 15px;}
	.service-area p:last-child {margin:0 0 0;}
	.service-area p span {display: block;margin: 0 0 5px;}
}

/* MENTORING */
.main-project {width:100%; background-size: cover;background-repeat:no-repeat;}
.main-project.mentoring_img_main {background-image: url('../images/mento-bg.jpg');background-position: left top;padding:60px 0 225px;}
.main-project.mentoring_img {background-image: url('../images/mento-bg2.jpg');background-position: center middle;padding:100px 0 100px;}
.main-project:after {content: '';display: block;clear: both;visibility: hidden;}
.main-project .main-project-icon {width:100%;text-align: center;line-height: 0;}
.main-project .main-project-btn {width:100%;text-align: center;margin:60px 0 0;}
.main-project .main-project-btn a {font-size: 15px;color:#fff;font-weight: 400;background: #34174a;border:1px #34174a solid;padding:17px 52px;text-transform: uppercase;}
.main-project .main-project-btn a:hover {color:#34174a;background: #fff;border:1px #34174a solid;box-shadow:inset 0 3px 5px rgba(0,0,0,.125);}
.main-project h1 {text-transform:uppercase; font-size:50px; color:#333; font-weight:600; letter-spacing: -0.05em; line-height: 50px; margin:30px 0 60px;}
.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:#ff8d52; }
.main-project p {text-transform:uppercase; font-size:16px; color:#666; font-weight:300; letter-spacing: -0.05em; line-height: 24px; margin:0px 0 20px;}
.main-project ul {padding-top:0px; margin:100px 0 0;}
.main-project ul:after {content: '';display: block;clear: both;visibility: hidden;}
.main-project ul li {float:left; padding:0 25px 30px 0;}
.main-project ul li:nth-child(5n) {padding:0 0px 30px;} /*5번째 마다*/
.main-project_holder { border:0px solid #ddd; width:220px;}
.main-project_holder img{width:100%;}
.main-project_title {font-size:18px; color:#fff; font-weight:400; letter-spacing: -0.0em; line-height: 20px; text-align: left; margin: 0 0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-transform: uppercase;}
.main-project_title2 {font-size:14px; color:#fc4b6d; font-weight:400; letter-spacing: -0.0em; line-height: 14px; text-align: left;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-transform: uppercase;}
.main-project_img {width: 220px;height: 100%;overflow: hidden;position: relative;line-height: 0;}
.main-project_img .main-project_plus {
	padding:15px 10%;
	width:80%;
	height: 60px;
	background-color: rgba(0, 0, 0, 0.6);
	border: 0px solid #fff;
	bottom: 0;
	color: #fff;
	left: 0;
	margin: 0px;
	position: absolute;
	opacity: 1;
	filter: alpha(opacity=100);
	text-align: center;
	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  {
	background-color: rgba(0, 0, 0, 0.8);
}
.main-project_img .main-project_plus .main-project_plus_icon {
	position: absolute;
	right:0;
	bottom:0;
	margin:0 10% 10px 0;
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
}
@media only screen and (max-width : 959px) {
	.main-project {width:94% !important;min-width:94% !important;padding:30px 3% 30px !important;background: transparent;}
	.main-project .main-project-btn a {font-size:14px;padding:7px 52px;}
	.main-project h1 {font-size:40px;line-height: 40px; margin:5% 0 10%;}
	.main-project p {font-size:14px; line-height: 24px; margin:0px 0 20px;}
	.main-project ul {padding-top:0px; margin:30px 0 0;}
	.main-project ul:after {content: '';display: block;clear: both;visibility: hidden;}
	.main-project ul li {float:left; width:48%; padding:0 3% 3% 0;}
	.main-project ul li:nth-child(even) {padding:0 0 3% 0 !important;} /*짝수*/
	.main-project ul li:nth-child(5n) {padding:0 3% 3% 0;} /*5번째 마다*/

	.main-project_holder { width:100%;}
	
	.main-project_title {font-size:16px;}
	.main-project_title br {display: block !important;}
	.main-project_title2 {font-size:13px;}

	.main-project_img {	width:100%;}
	.main-project_img .main-project_plus .main-project_plus_icon {
		margin:0 10% 14px 0;
		font-size: 20px;
		line-height: 20px;
	}
}

/* 멘토링 */
.mentoring {width:92%;padding:4% 4% 1%;background:#f1f1f1;word-break: keep-all;}
.mentoring h2 {font-size: 24px;color:#000;letter-spacing: -0.05em;line-height: 54px;text-transform: uppercase;margin:0 0 20px;}
.mentoring h2 span {float: right;}
.mentoring h2 span a {font-size: 16px;color:#fff;font-weight: 400;letter-spacing: -0.05em;line-height: 16px;background: #fc4b6d;padding:15px 25px;vertical-align: 3px;}
.mentoring h2 a {line-height: 54px;vertical-align: -10px;margin:0 0 0 5px;}
.mentoring h2 a:hover {opacity:0.8;}
.mentoring h3 {font-size: 15px;color:#666;font-weight: 500;letter-spacing: -0.05em;line-height: 18px;margin:10px 0 10px;position: relative;}
.mentoring h3:before {content: '';width: 25px;height: 2px;position: absolute;left: 0px;top: -10px;background: #fc4b6d;z-index: 10;}
.mentoring h4 {font-size: 16px;color:#000;font-weight: 500;letter-spacing: -0.05em;line-height: 16px;text-align: center;margin:0 0 30px;}
.mentoring h4 span {font-weight: normal;}
.mentoring p {text-transform:uppercase; font-size:15px; color:#666; font-weight:300; letter-spacing: -0.05em; line-height: 24px; margin:0px 0 8%;}
.mentoring ul {margin:0;padding:0;list-style:none;}
.mentoring ul:after {content: '';display: block;clear: both;visibility: hidden;}
.mentoring ul li {float: left;width:48%;padding:0 4% 0 0;}
.mentoring ul li:last-child {padding:0 0 0 0;}
.mentoring-layer{position:absolute;z-index:99998;left:50%;top:90px;margin:0 0 0 -600px;}
.mentoring-layer-bg {position:fixed;z-index:99997;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.mentoring-close {position:absolute;z-index:99999;right:0;top:-5%;font-size:20px;}
.mentoring-close a {color:#fff;}
.mentoring-agree {width:94%;padding:3%;background: #e1e1e1;font-size: 15px;color:#333;letter-spacing: -0.05em;line-height: 32px;}
.mentoring-agree img {display: block;margin:0 auto 3%;}
.mentoring-agree-radio {text-align: center;padding:3% 0;font-size: 15px;color:#333;letter-spacing: -0.05em;}
.mentoring-agree-radio span {padding:0 3%;}
@media only screen and (max-width : 959px) {
	.mentoring {padding:4% 4% 0%;}
	.mentoring h2 {font-size: 20px;}
	.mentoring h2 span a {font-size:14px;padding:5px 25px;}
	.mentoring h2 a {margin:0 0 0 2px;}
	.mentoring h2 a img {width:30px;}
	.mentoring h3 {margin:10px 0 5px;}
	.mentoring h4 {font-size: 15px;line-height: 20px;text-align: center;margin:0 0 4%;width:90%;}
	.mentoring p {font-size:14px; line-height: 24px; margin:0px 0 10%;}
	.mentoring ul li {float: left;width:100%;padding:0 0% 0 0;}
	.mentoring ul li:nth-child(even) {padding: 0 0 0% 0 !important;}
	.mentoring-layer{left:0;top:0;margin:0 0 0 0;width:100%;}
	.mentoring-close {right:3%;top:2%;}
	.mentoring-close a {color:#000;}
	.mentoring-agree {width:92%;padding:4%;line-height: 24px;}
	.mentoring-agree img {width:80%;}
	.mentoring-agree-radio {padding:3% 0 6%;}
	.mentoring-agree-radio span {display: block;padding:2%;}
}

/* 예약하기 */
.reservation-bg {width:100%; background-size: cover;background-repeat:no-repeat;background-image: url('../images/reservation-bg.jpg');background-position: left top;}
.reservation {width:100%;padding:80px 0;margin: 0px auto;word-break: keep-all;}
.reservation h1 {font-size: 26px;color:#333;font-weight: 400;letter-spacing: -0.05em;line-height: 26px;text-align: center;margin:20px 0 15px;position: relative;}
.reservation h1:before {content: '';width: 36px;height: 4px;position: absolute;left: 50%;top: -20px;margin:0 0 0 -18px;background: #fc4b6d;z-index: 10;}
.reservation p {font-size: 16px;color:#666;font-weight: 300;letter-spacing: -0.05em;line-height: 20px;text-align: center;}
.reservation-area {width:100%;padding:0px;margin:65px 0 180px;}
.reservation-area ul {list-style:none;margin:0 0 0;padding:0;}
.reservation-area ul:after {content: '';display: block;clear: both;visibility: hidden;}
.reservation-area ul li {float: left;width:48%;margin:0 2% 4% 0;position: relative;}
.reservation-area ul li.last {margin:0 0 4% 0;}
.reservation-area ul li ul li {float: left;width:72%;margin:0 0 0 0;position: relative;}
.reservation-area ul li ul li.img-box {width:148px;margin:0 2% 0 0;}
.reservation-area ul li ul li.img-box .img-box-pic {position: relative;;cursor:pointer;}
.reservation-area ul li ul li.img-box .img-box-pic i {opacity:0;color:#fff;position: absolute;top:50%;left:50%;margin:-15px 0 0 -15px}
.reservation-area ul li ul li.img-box:hover .img-box-pic i {opacity:1;}
.reservation-area ul li ul li.img-box:hover .img-box-pic::before  {content: '';background-color: rgba(0, 0, 0, 0.4);position: absolute;height: 100%;width: 100%;top: 0;right: 0;left: 0;bottom: 0;}
.reservation-area ul li h2 {font-size: 16px;color:#333;font-weight: 400;letter-spacing: -0.0em;line-height: 16px;height: 32px;text-align: center;margin:10px 0 0px;text-transform: uppercase;}
.reservation-area ul li p {font-size: 15px;color:#666;font-weight: 400;letter-spacing: -0.05em;line-height: 30px;text-align: left;margin:0 0 0px;}
.reservation-area ul li input[type="radio"] {margin:0 0 0 5px;}
.reservation-area ul li p span {display: inline-block;}
.reservation-area ul li img {border:1px #eee solid;width:146px;height: 146px;}
@media only screen and (max-width : 959px) {
	.reservation-bg {background: transparent;}
	.reservation {width:94%;padding:50px 3% 0;margin: 0 auto;}
	.reservation-area {width:100%;padding:0 0% 0;margin:30px 0 0;}
	.reservation h1 {font-size: 22px;line-height: 22px;margin:0 0 15px;}
	.reservation p {font-size: 14px;line-height: 20px;}
	.reservation-area ul li {width:100%;margin:0 0 30px 0;}
	.reservation-area ul li.last {margin:0 0 30px 0;}
	.reservation-area ul li ul li {width:100%;margin:0 0 0 0;}
	.reservation-area ul li ul li.img-box {width:100%;margin:0 0 0 0;text-align: center;}
	.reservation-area ul li h2 {font-size: 15px;line-height: 15px;margin:10px 0 10px;}
	.reservation-area ul li p {font-size: 14px;line-height: 24px;}
	.reservation-area ul li img {border:1px #eee solid;width:146px;height: 184px;}
}


.reservation-form-bg {position: fixed;bottom:0px;width:100%; background:#34174A;padding:0 0 15px;}
.reservation-form {width:100%;padding:20px 0;margin: 0px auto;word-break: keep-all;}
.reservation-form h1 {font-size: 30px;color:#fff;font-weight: 400;letter-spacing: -0.05em;line-height: 30px;text-align: center;margin:0px 0 15px;position: relative;}
.reservation-form p {font-size: 15px;color:#a692b6;font-weight: 300;letter-spacing: -0.05em;line-height: 15px;text-align: center;}
.reservation-form-area {width:100%;padding:0px;margin:20px 0 0;}
.reservation-form-area ul {list-style:none;margin:0 0 0;padding:0;}
.reservation-form-area ul:after {content: '';display: block;clear: both;visibility: hidden;}
.reservation-form-area ul li {float: left;margin:0 0 0 0;position: relative;}
.reservation-form-area ul li.fir {width:86%;margin:0 1% 0 0;}
.reservation-form-area ul li.last {width:13%;text-align: right;}
.reservation-form-area input[type="text"] {font-size: 15px;color:#333;font-weight: 400;letter-spacing: -0.05em;padding:0 1%;width:98%;height:38px;line-height:38px;background: #fff;border:0;border-radius:5px;margin:0 0 10px 0;}
.reservation-form-area input[type="text"].w1 {width:22%;margin:0 1% 10px 0;}
.reservation-form-area input[type="text"].w2 {margin:0 0 10px 0;}
.reservation-form-area input[type="text"].w3 {width:47.3%;;margin:0 1% 10px 0;}
.reservation-form-area input[type="text"].w4 {margin:0 0 10px 0;}
.reservation-form-area button {font-size: 18px;color:#fff;font-weight: bold;letter-spacing: -0.05em;padding:30px 20px;text-align:center;background:transparent;border:1px #fff solid;border-radius:5px;cursor:pointer;}
.reservation-form-area .privacy {font-size: 13px;color:#fff;}
@media only screen and (max-width : 959px) {
	.reservation-form-bg {position: relative;padding:0 0 0;}
	.reservation-form {width:94%;padding:30px 3% 10px;margin: 0 auto;}
	.reservation-form-area {width:100%;padding:0 0 0;margin:30px 0 20px;}
	.reservation-form-area ul li.fir {width:100%;margin:0 0 0 0;}
	.reservation-form-area ul li.last {width:100%;text-align: right;}
	.reservation-form-area input[type="text"].w1 {width:98%;margin:0 0 20px 0;}
	.reservation-form-area input[type="text"].w2 {margin:0 0 20px 0;}
	.reservation-form-area input[type="text"].w3 {width:98%;;margin:0 0 20px 0;}
	.reservation-form-area input[type="text"].w4 {margin:0 0 20px 0;}
	.reservation-form-area button {width:100%;padding:20px 0px;margin:0 0 10px;}
}

/* 예약완료 */
.reservation-ok-bg {width:100%; background-size: cover;background-repeat:no-repeat;background-image: url('../images/reservation-bg.jpg');background-position: left top;}
.reservation-ok {width:600px;padding:80px 0;margin: 0px auto;word-break: keep-all;}
.reservation-ok h1 {font-size: 26px;color:#333;font-weight: 400;letter-spacing: -0.05em;line-height: 26px;text-align: center;margin:20px 0 15px;position: relative;}
.reservation-ok h1:before {content: '';width: 36px;height: 4px;position: absolute;left: 50%;top: -20px;margin:0 0 0 -18px;background: #fc4b6d;z-index: 10;}
.reservation-ok p {font-size: 14px;color:#666;font-weight: 300;letter-spacing: -0.05em;line-height: 14px;text-align: center;}
.reservation-ok-area {width:498px;padding:50px;margin:65px 0 0;background:#fff;border:1px #ccc solid;}
.reservation-ok-area ul:after {content: '';display: block;clear: both;visibility: hidden;}
.reservation-ok-area ul.item {list-style:none;margin:0 0 10px;padding:0;}
.reservation-ok-area ul.item:after {content: '';display: block;clear: both;visibility: hidden;}
.reservation-ok-area ul.item li {float: left;position: relative;font-size: 16px;}
.reservation-ok-area ul.item li:nth-child(odd) {width:130px;color:#fc4b6d;font-weight: 400;line-height: 26px;padding:0 0 0 15px;clear: both;} /*홀수*/
.reservation-ok-area ul.item li:nth-child(odd):before {content: '';width: 5px;height: 5px;position: absolute;left: 3px;top: 12px;border-radius: 50%;background: #fc4b6d;z-index: 10;}
.reservation-ok-area ul.item li:nth-child(even) {color:#666;font-weight: 300;line-height: 26px;} /*짝수*/
.reservation-ok-area div.time {background: #fc4b6d;font-size: 16px;color:#fff;font-weight: 300;letter-spacing: -0.05em;line-height: 28px;text-align: center;margin:25px 0;}
.reservation-ok-area div.time i {font-size: 18px;font-weight: normal;margin: 0 5px 0 0;}
.reservation-ok-area ul.mento {list-style:none;margin:0 0 0;padding:0;}
.reservation-ok-area ul.mento:after {content: '';display: block;clear: both;visibility: hidden;}
.reservation-ok-area ul.mento li {float: left;margin:0 35px 0 0;position: relative;}
.reservation-ok-area ul.mento li:last-child {margin:0 0 0 0;}
.reservation-ok-area ul.mento li h2 {font-size: 16px;color:#333;font-weight: 400;line-height: 16px;margin:0 0 10px;}
.reservation-ok-area ul.mento li p {font-size: 15px;color:#888;font-weight: 300;line-height: 24px;text-align: left;margin:0 0 0px;}
.reservation-ok-area ul.mento li img {border:1px #eee solid;}
@media only screen and (max-width : 959px) {
	.reservation-ok-bg {background: transparent;}
	.reservation-ok {width:94%;padding:50px 3% 0;margin: 0 auto;}
	.reservation-ok-area {width:90%;padding:5%;margin:30px 0;}
	.reservation-ok h1 {font-size: 22px;line-height: 22px;margin:0 0 15px;}
	.reservation-ok p {font-size: 14px;line-height: 20px;}
	.reservation-ok-area ul.item li {font-size: 14px;}
	.reservation-ok-area ul.mento li {width:100%;margin:0 0 0 0;text-align: center;}
	.reservation-ok-area ul.mento li h2 {font-size: 15px;line-height: 15px;margin:10px 0 10px;}
	.reservation-ok-area ul.mento li p {font-size: 14px;line-height: 24px;}
}

/* Page Header */
.height100p {height:100%;}
.page-header {background-image:url('../images/sub-img1.jpg'); background-position:center center; background-repeat:no-repeat; background-size:cover; height:250px;}
.page-header.mentoring_img {background-image:url('../images/sub-img1.jpg');}
.page-header.reservation_img {background-image:url('../images/sub-img2.jpg');}
.page-header.notice_img {background-image:url('../images/sub-img3.jpg');}
.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:60px; color:#fff; letter-spacing: -0.05em; text-align:center; text-transform:uppercase;}
.page-header_title p {font-size:18px; color:#fff; letter-spacing: -0.05em; text-align:center; text-transform:uppercase;margin:20px 0 0;}
.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 {color:#cccccc; padding:0 20px;}
@media only screen and (max-width : 959px) {	
	.page-header_title h2 {font-size:40px;  }
	.page-header_title p {font-size:14px; margin:10px 0 0; }
	.page-header_breadcrumbs li a {font-size:12px;}
	.page-header {height: 120px;}
	.page-header_breadcrumbs {text-align:center; padding-top:10px;}
}


/* 게시판 */
.board {margin:80px 0;}
@media only screen and (max-width : 959px) {
	.board {margin:30px 0;}
}

.board-top {margin-bottom:10px;}
.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 10px;font-size: 14px;height: 39px;line-height: 41px;border:1px #ddd solid;}
.search-area_input { padding: 0 10px; font-size: 20px; line-height: 36px;border:1px #ddd solid;}
.search-area_btn__submit {}

.board-notice {}
.board-notice table {border-top: 2px solid #000;width:100%;}
.board-notice th { padding:7px 10px;background-color: #f7f7f7;text-align: center;font-size:15px;color:#000;font-weight: 400; line-height: 30px;border-bottom:1px solid #ddd;vertical-align: middle;}
.board-notice th.tit {text-align: center;}
.board-notice td {padding:7px 10px;border-top: 1px solid #ddd; text-align: center;font-size:15px;color:#666;font-weight: 300;line-height: 30px;border-bottom:1px solid #ddd;vertical-align: middle;}
.board-notice td:first-child {width:80px;}
.board-notice td:last-child {width:120px;}
.board-notice td a:hover{ text-decoration:underline}
.board-notice td.tit {text-align: left;padding-left:20px;}
.board-notice td .input {width: 50%;border: 1px solid #cccccc;padding: 0 10px;font-size: 14px; line-height: 30px;}
.board-notice td .textarea {width: 94%;border: 1px solid #cccccc;padding: 0 10px;font-size: 14px; line-height: 30px;}
.board-notice td.tal {text-align: left;}
.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;}
@media only screen and (max-width : 959px) {
	.board-top {margin-bottom:0px;}
	.board-notice {width:94%;padding:0 3%;}
	.board-notice td:first-child {width:40px;}
}

.board-view {}
.board-view table {border-top: 2px solid #000;width:100%;}
.board-view th { padding:7px 10px;background-color: #f7f7f7;text-align: left;font-size:15px;color:#000;font-weight: 400; line-height: 30px;border-bottom:1px solid #ddd;vertical-align: middle;}
.board-view th span {color:#999;font-weight: 300;}
.board-view td {padding:20px 10px;border-top: 1px solid #ddd; text-align: left;font-size:15px;color:#666;font-weight: 300;line-height: 30px;border-bottom:1px solid #ddd;vertical-align: middle;}
.board-view td img {max-width:100%;margin:0 0 20px;display: block;}
.board-view td a:hover{ text-decoration:underline}
.board-view td.tit {text-align: left;padding-left:20px;}
.board-view td .input {width: 50%;border: 1px solid #cccccc;padding: 0 10px;font-size: 14px; line-height: 30px;}
.board-view td .textarea {width: 94%;border: 1px solid #cccccc;padding: 0 10px;font-size: 14px; line-height: 30px;}
.board-view td.tal {text-align: left;}
@media only screen and (max-width : 959px) {
	.board-view {width:94%;padding:0 3%;}
}

.board-post {}
.board-post table {border-top: 2px solid #000;width:100%;}
.board-post th { padding:7px 10px;background-color: #f7f7f7;text-align: center;font-size:15px;color:#000;font-weight: 400; line-height: 30px;border-bottom:1px solid #ddd;vertical-align: middle;}
.board-post td {padding:7px 10px;border-top: 1px solid #ddd; text-align: center;font-size:15px;color:#666;font-weight: 300;line-height: 30px;border-bottom:1px solid #ddd;vertical-align: middle;}
.board-post th:first-child {width:120px;}
.board-post td a:hover{ text-decoration:underline}
.board-post td.tit {text-align: left;padding-left:20px;}
.board-post td .input {width: 50%;border: 1px solid #cccccc;padding: 0 10px;font-size: 14px; line-height: 30px;}
.board-post td .textarea {width: 94%;border: 1px solid #cccccc;padding: 0 10px;font-size: 14px; line-height: 30px;}
.board-post td.tal {text-align: left;}
@media only screen and (max-width : 959px) {
	.board-post {width:94%;padding:0 3%;}
	.board-post th:first-child {width:auto;}
}


/* 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 0px 0; border:0px solid #e6ecef; border-top:none;}
.pagination .bold {color:#fff;}


.pc_box {display: inline-block;opacity: 1;}
.mobile_box {display: none;opacity: 0;}
@media (min-width: 1px) and (max-width: 768px) {
	.pc_box {display: none;opacity: 0;}
	.mobile_box {display: block !important;opacity: 1 !important;}
	.mobile_box br {display: block !important;opacity: 1 !important;}
}