/*****************************************
	기본
****************************************/

body { font-family: 'Nanum Gothic'; font-size: 13px; line-height: 26px; color: #737373; }
ul { margin: 0; }
ul.children { padding-left: 25px; }
label { font-weight: 500; }

a { text-decoration: none; color: #0072bc; }
a:hover, a:focus { text-decoration: none; color: #737373; }
a:focus { outline: none; }

.ts-overlay, .overlay { bottom: 0; left: 0; position: absolute; right: 0; top: 0; background-color: #000; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);}

h1, .h1 { font-size: 45px; }
h2, .h2 { font-size: 30px; }a
h3 { font-size: 25px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
h1, h2, h3, h4, h5, h6 { font-weight: 300; color: #252525; margin: 0 0 20px 0; }

.parallax-section { background-repeat: no-repeat; background-size: cover; background-attachment: fixed; position: relative; background-position: 0 50%; }
.text-major { color: #0072bc; }
hr.line { height: 2px; line-height: 2px; border: none; border-bottom: 2px dotted #ddd; margin: 0 50px; clear: both; }

.text-left {text-align:left !important;}
.text-right {text-align: center !important; width: 100%; margin-top: 50px; }
.text-right {text-align: center !important; width: 100%; margin-top: 50px; }
.text-center {text-align:center !important;}


/************************* 메 *******************************/
/* 메인페이지 > html5-02 ( html5 편집기를 더 자세히 보시겠습니까? )*/
/*#HTML5 .html5-02 .container { margin-bottom: 60px; }*/
#HTML5 .html5-02 .container .row .col-md-5 { width: 43%; }
#HTML5 .html5-02 .container .row .col-md-5 .bordered-right { border-right: 0; border-left: 3px solid #0080D4; }
#HTML5 .html5-02 .container .row .col-md-7 { width: 57%; }
#HTML5 .html5-02 .comment-bar { padding-top: 58px; margin-top: 5px; }


/************************* 회사소개 *******************************/
/* company-title */
.company-title h1 { font-size: 25px; text-align: center; letter-spacing: -0.6px; color: #636363; padding: 0 0 28px 0; }
.company-title h1 b { color: #157abb; }

/* 타이틀 내용 ( web_title_ex : 관리자페이지 내용 들고와서 삽입 ) */
.mzb50 .container .content-inner .text-type01 { text-align: center; }
.mzb50 .container .content-inner .text-type01 p { margin-bottom: 100px; }
/* 따옴표 문구 ( desc-quote ) */
.desc-quote { width: 100%; max-width:100%; position: relative; margin-bottom: 20px; text-align: center; vertical-align:middle; line-height: 0.3em; }
.desc-quote .first-img-box { margin-right:18em; opacity:0.3; }
.desc-quote .first-img-box img { width: 2.5%; }
.desc-quote .font-light { max-width:100%; display: inline-block; font-size: 1.8em; line-height: 1.2em; letter-spacing: -0.1em; padding: 0.2em 0; padding-bottom: 0em; }
.desc-quote .font-light b { font-weight: 800; font-size: 1.3em; text-shadow: 5px 5px 5px rgba(200, 200, 200, 0.8); padding: 0em; }
.desc-quote .last-img-box img { width: 1.8%; }
.desc-quote .last-img-box img { margin-left:16em; opacity:0.3; }


	

/* 파트너 이미지 박스 ( partner-img-box ) */
.mb50 .container .about-partner .partner-img-box { width: 100%; float: left; }
.mb50 .container .about-partner .partner-img-box ul li { list-style: none; float: left; width: 211px; border: 1px solid #a5a5a5; text-align: center; padding: 15px 0 8px; margin-right: 15px; margin-bottom: 15px; }
.mb50 .container .about-partner .partner-img-box ul li:last-child,.partner-img-box ul li:nth-child(5) { margin-right: 0; }
.mb50 .container .about-partner .partner-img-box ul li img { width: 38%; margin-bottom: 2px; }
.mb50 .container .about-partner .partner-img-box ul li p { text-align: center; margin: 0; }



/*****************************************
	텍스트스타일
*****************************************/


/* 텍스트 타이틀 text>h3 */
#container_full .container .row .text-type01 .text h3 { font-weight: 500; font-size: 17px; padding: 7px 5px; display: inline-block; color: #0072bc; margin-bottom: 15px; border-bottom: 3px solid #0072bc; }
#container_full .container .row .text-type01 .text h3 strong { font-weight: 500; }

#container_full .container .row .text-type01 .text p { font-size: 13px; color: #888; line-height: 27px; margin: 0; }
#container_full .container .row .text-type01 .text p:last-child { margin-bottom: 70px;  }







/* 텍스트 - 타이틀 01 */
.section-title { position: relative; clear: both; margin-top: 70px; }
.section-title h3 { font-weight: 300; font-size: 30px; color: #252525; margin-top: 0; line-height: 30px; overflow: hidden; height: 60px; margin-bottom: 50px; }
.section-title h3 span { padding: 24px 20px; padding-top: 0; border-bottom: 1px solid #ddd; color: #454545; }
.section-title h3 span:before { content: url("/2016/img/sub/arrow_down.png"); display: inline-block; position: absolute; top: 42px; left: 50%; margin-left: -15px; }
/*.section-title p { font-weight: 300; font-size: 18px; line-height: 26px; }*/
.section-title.light h3 { color: white; }
.section-title.light p { color: #cecece; }

/* 데모신청 버튼 */
.demo_but { margin: -70px 0 120px; }
.demo_but span { font-size: 18px; color: #fff; padding: 19px 24px; }

.demo_btn {height: 60px; line-height: 60px; padding: 0 20px; border-radius: 5px; font-size: 1.1em;}


/* 텍스트 - 타이틀 02 */
.section-title2 { position: relative; margin-bottom: 20px; width: 100%; float: left; }
.section-title2 .col-sm-9 { width: 100%; }
.section-title2 .title { margin-top: 100px; }
.section-title2 h3 { font-weight: bold; font-size: 44px; color: #252525; margin-top: 0; line-height: 26px; margin-bottom: 30px; text-align: center; letter-spacing: -1px; }
.section-title2 h3 strong { font-weight: 300;  }
.section-title2 p { font-weight: 300; font-size: 18px; line-height: 30px; text-align: center; }
.section-title2.light h3 { color: white; }
.section-title2.light p { color: #cecece; }
.section-title2 .line { width: 100%; float: left; margin: 35px 0 70px; }
.section-title2 .line span { width: 35px;  height: 2px; background: #5bc0de; background: #4eb4d2; position: absolute; display: inline-block; left: 50%; margin-left: -17.5px; }

/* 텍스트 - 서브 01 */
.text-type01 { }
.text-type01 p strong { font-weight: 300; font-size: 17px; background: #0072bc; padding: 6px 20px; border-radius: 40px; /*box-shadow: 4px 4px 5px 0 rgba(0,0,0,0.3);*/ display: inline-block; color: #fff; margin-bottom: 11px; border: 1px solid #b0cfd8;; }
/*.text-type01 p { font-size: 13px; color: #808080; line-height: 1.9em; margin:0; margin-bottom: 70px; }*/

/* 텍스트 ( .text-type01 ) */
.text-type01 p { font-size: 13px; color: #808080; line-height: 1.9em; margin: 0; }
.text-type01 p span {padding-left: 18px; font-size: 13px; line-height: 18px; color: #888; }
.text-type01 h5 {font-size: 20px; color: #333; margin: 0; padding: 0; margin-bottom: 10px; }
.text-type01 span {padding-left: 8px; font-size: 13px; line-height: 18px; color: #fff; }

/* 데모버튼 (demo_but) */
/*.demo_but span { font-size: 18px; color: #fff; padding: 19px 24px; }*/





p.price {font-size: 15px; color:#FF0004;}

/* 텍스트 - 서브 02 */
.text-type02 {position:relative; font-size: 13px; background: #f3f3f3; padding: 20px; overflow: hidden; }
.text-type02 h5, .text-type02 h6 {display:block; color: #333; margin: 0; padding: 0; margin-bottom: 10px; }

/* 텍스트 - 서브 03 */
.text-type03 { }
.text-type03 .subtext h3 {font-size:20px; color: #252525; margin-top: 0; line-height: 26px; margin-bottom: 5px;}
.text-type03 .subtext p {font-size:18px; color: #7d4698; margin-top: 0; line-height: 26px; margin-bottom: 5px; }
.text-type03 h4 {font-weight:bold; font-size:16px; display:inline-block; color: #7d4698; border-bottom:1px solid  #7d4698; padding-bottom:5px;}  
.text-type03 h5 {font-size: 15px; color: #333; margin: 0; padding: 0; margin-bottom: 5px; }
.text-type03 p {font-size: 13px; color: #777; margin: 0; padding: 0; margin-bottom: 5px; }
.text-type03 ul {font-size: 12px; line-height:22px; display: inline-block; margin: 5px 5px 10px 0px}
.text-type03 ul li { display: list-item; list-style: outside square;}
 
.step_table {font-size: 13px; margin:20px 30px; }
.step { margin-top: 10px; display: block;}
.step_table dt {color: #7D4698; font-weight: bold; }
.step_table dd {margin-bottom:10px;margin-top:5px; font-size:12px;  }


/* ( 사진인화쇼핑몰 시스템구 ) */
article:nth-child(2) .container { border: 1px solid #f1f1f1; margin: 70px auto 70px; }
 

/*****************************************
	해더
*****************************************/
.ts-bt { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: #0072bc; padding: 0 10px; line-height: 30px; text-transform: uppercase; color: #ffffff; font-size: 11px; letter-spacing: 1px; display: inline-block; text-decoration: none; border: 1px solid #0072bc; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.ts-bt:hover, .ts-bt:focus { background: #ffffff; color: #0072bc; }
.ts-bt .fa { margin-right: 6px; }
.ts-bt i { font-size: 14px; line-height: 30px; }

/*****************************************
	푸터
*****************************************/

/*---------- top-footer ----------*/

.ts-section-top-footer { background: #0072bc; }
.ts-top-footer .contact-info:first-child { border: none; }
.contact-info { text-align: center; height: 108px; line-height: 108px; border-left: 1px solid rgba(255,255,255,0.20); }
.contact-info a { color: #fff; font-size: 26px; font-weight: 300; }
.contact-info span { text-align: center; height: 58px; line-height: 62px; width: 58px; border: 2px solid #fff; border-radius: 58px; -moz-border-radius: 58px; -webkit-border-radius: 58px; -ms-border-radius: 58px; -o-border-radius: 58px; text-align: center; margin-right: 15px; display: inline-block; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); background: #005F9E; }
.contact-info span i { font-size: 26px; color: #fff; }
.contact-info a:hover { text-decoration: none; color: #eeeddd; }
.contact-info:hover span { border: 1px solid #005F9E; background: #fff; box-shadow: 0 0 0 5px #005F9E; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; }
.contact-info:hover span i { color: #005F9E; /*-webkit-transform:rotate(360deg) ;  	-moz-transform:rotate(360deg) ;	-ms-transform:rotate(360deg) ; 	-o-transform:rotate(360deg) ; 	transform:rotate(360deg) ;*/ -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; }


/*---------- footer -----------*/

footer { background: #32353a; padding: 50px 0 40px 0; }
footer h3.title { color: white; font-size: 18px; margin-bottom: 20px; line-height: normal; border: none; font-weight: 400; }

/*company_info*/
.footer p, .footer p span, .footer a {color:#8b8b8b; font-weight: 300; font-size: 14px;}

/*iconlist*/
footer ul { padding: 0; }
footer ul li { line-height: 30px; list-style: none; }
footer ul li a { color: #8b8b8b; font-weight: 300; font-size: 14px; }
footer ul li a:hover { color: #11A1FF; }
footer ul li a:before { content: "\f105"; font-family: 'FontAwesome'; color: #11A1FF; font-weight: bold; margin-right: 10px; }
/*social-footer*/
.ts-social-footer > a { display: inline-block; margin-bottom: 10px; }
.ts-social-footer a span { height: 40px; line-height: 40px; width: 40px; border: 1px solid #919191; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; text-align: center; display: inline-block; margin-right: 12px; text-align: center; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25sease-out;
transition: all .25s ease-out; }
.ts-social-footer a i { font-size: 18px; color: #919191; }
.ts-social-footer a:hover i { color: #fff; }
.ts-social-footer a:hover span { margin: 0px 6px; background: #11A1FF; border: 1px solid #fff; -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
/*

/*---------- copyright -----------*/

.ts-copy-right { background: #25272b; }
.ts-copy-right p { margin: 20px 0 10px 0; font-size: 12px; color: #4f4f4f; }
.ts-menu-footer nav { text-align: right; }
.ts-menu-footer ul li { list-style: none; display: inline-block; height: 64px; line-height: 64px; padding: 0 13px; border-left: 1px solid #323437; }
.ts-menu-footer ul li:last-child { border-right: 1px solid #323437; }
.ts-menu-footer ul li a { font-size: 12px; text-transform: uppercase; color: #fff; font-weight: 300; }
.ts-menu-footer ul li a:hover { text-decoration: none; color: #11A1FF; }


/*---------- 맨위로이동 -----------*/
#back_to_top {display:inherit; position: fixed; z-index: 1000; bottom: 40px; right: 40px; text-align: right;}
#back_to_top a { width: 45px; height: 45px; line-height: 45px; text-align: center; outline: none; border-radius: 50%; opacity: 0.5; filter: alpha(opacity=50); color: #ffffff;  background: #555555;}
#back_to_top a:hover { opacity: 0.8; filter: alpha(opacity=80); background: #555555;}

@media (max-width: 480px) {
#back_to_top a { font-size: 1em; width: 30px; height: 30px; line-height: 30px; }
}
/*****************************************
	폼양식
*****************************************/
h6.tab-title { display: table; height: 40px; line-height: 24px; padding: 8px 20px; background: #42454a; box-sizing: border-box; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #fff; margin-bottom: 0; white-space: nowrap; }
.roundbox { background: #f8f8f8; border: 1px solid #eee; padding: 20px 0px; margin-bottom: 0.3em; border-radius: 3px; overflow: hidden; box-sizing: border-box; }
.underline .form-group { margin: 0 2%; }
.underline .form-group div { border-bottom: 1px solid #ddd; }
.underline .form-group div.value { border-bottom: none; }
.write-form { }
.write-form .form-group { clear: both; margin-bottom: 0; font-size: 14px; }
.write-form label { float: left; width: 30%; padding: 0.3em 0; margin: 0; }
.write-form .value { float: left; width: 70%; padding: 0.3em 0; margin: 0; }
.write-form .value-full { width: 100%; padding: 0.3em 0; margin: 0; }
.write-form p {/*height: 34px;*/ line-height: 22px; padding: 6px 5px; margin-bottom: 0px; }
.write-form .value p { /*height: 34px;*/ line-height: 22px; padding: 6px 0px; margin-bottom: 0px; }
.write-form .col { float: left; margin-right: 2%; }
.write-form .col.last { margin-right: 0; }
.write-form .value label { display: inline-block; }

/*****************************************
	버튼set
*****************************************/
.button-set { position: relative; background: none; overflow: hidden; text-align: center; margin: 30px 0; }
.fixed { position: fixed !important; bottom: 0 !important; z-index: 99999 !important; width: 100%; left: 0; }

/**********************************************************************************************************************************
	파일업로드 input[type="file"] 디자인변경, <script type="text/javascript" src="/2016/js/input-file.js"></script> 와 같이사용
***********************************************************************************************************************************/
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.filebox label { display: inline; padding: .5em .75em; line-height: 34px; height: 34px; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; cursor: pointer; color: #ffffff; background-color: #444040; border-color: #3a3636; width: 28%; float: left; margin-left: 2%; }
/* named upload */
.filebox .upload-name { display: inline; padding: .5em .75em; width: 70%; line-height: 34px; height: 34px; /* label의 패딩값과 일치 */ font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #eee; border: 1px solid #ccc; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; float: left; font-size: 14px; }

/*****************************************
	Icon Boxes
*****************************************/
.icon-box { overflow: hidden; }
.icon-box h1, .icon-box h2, .icon-box h3, .icon-box h4, .icon-box h5, .icon-box h6 { margin: 20px 0 15px 0; }
.icon-box.icon-lg .icon-content { width: 100px; font-size: 4.3em;  }
.icon-box.icon-md .icon-content { width: 85px; font-size: 3.6em; }
.icon-box.icon-sm .icon-content { width: 65px; font-size: 2.5em; }
.icon-box.icon-xs .icon-content { width: 45px;  font-size: 1.5em; }
.icon-box.fixed-section { position: absolute; top: -40px; }
.icon-box .icon-content { display: block; float: left; text-align: center; max-width: 100%; height: auto;box-shadow:0 4px 6px 0 hsla(0,0%,0%,0.2);  }
.icon-box .icon-box-content p { color: #888; line-height: 1.6em; padding: 0 4px; }

.icon-box.icon-horizontal { text-align: center; }
.icon-box.icon-horizontal .icon-content { float: none; margin: auto; display: inline-block; color: #fff; }
.icon-box.icon-horizontal .icon-content i { line-height: 65px; }
.icon-box.icon-horizontal .icon-box-content { margin: 0; }

.icon-box .img-circle { background: #0072bc; text-align: center; color: #fff; }

/*****************************************
	Progress Bar
*****************************************/

.progress {height: 28px;  box-shadow: none;}
.progress .progress-bar {text-align: left;  padding: 0 0 0 13px; line-height: 28px;  box-shadow: none;}
.progress.minimal { margin-bottom: 7px; background: none;}
.indicator {position: relative;  overflow: hidden;  margin-top: 12px;}
.indicator .indicator-line {display: block; height: 10px;  background-size: 9.99% 10px;  background-position: 0 0;  border-top: 1px solid #dddddd;  background-image: linear-gradient(90deg, #dddddd 1px, transparent 1px);}
.indicator .middle {position: absolute;  left: 0;  right: 0;  text-align: center;}

/*****************************************
	siderbar
*****************************************/
/*가로메뉴*/
.v-menu-sidebar { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; overflow: hidden; margin-top: 50px; text-align: center; }
.v-menu-sidebar ul { padding: 0; }
.v-menu-sidebar > ul > li { border-left: 1px solid #fff; overflow: hidden; display: inline-block; }
.v-menu-sidebar li:first-child { border: none; }
.v-menu-sidebar li a { line-height: 55px; padding: 0 30px; font-size: 14px; font-weight: 400; color: #252525; background: #f3f3f3; display: block; }
.v-menu-sidebar li a:hover { background: #ccc; }
.v-menu-sidebar > ul > li.current_page_item > a, .v-menu-sidebar > ul > li.current_page_item > a:hover { background: #42454a; color: #ffffff; }
/*세로메뉴*/
.ts-menu-sidebar { background: #f3f3f3; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.ts-menu-sidebar ul { padding: 0; }
.ts-menu-sidebar > ul > li { border-top: 1px solid #e8e8e8; margin: 0 20px; }
.ts-menu-sidebar li:first-child { border: none; }
.ts-menu-sidebar li a { line-height: 47px; }
.ts-menu-sidebar li a { font-size: 14px; font-weight: 400; color: #252525; display: block; }
.ts-menu-sidebar li .dropdown-menu { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; display: none; float: none; padding-bottom: 14px; padding-left: 20px; padding-top: 14px; position: relative; }
.ts-menu-sidebar li .dropdown-menu li { border: none; }
.ts-menu-sidebar li .dropdown-menu li a { line-height: 26px; padding: 0; }
.ts-menu-sidebar li a:hover { background: #a8a8a8; }
.ts-menu-sidebar li.menu-item-has-children > a { background: url("../images/add-accordion.png") no-repeat right center; }
.ts-menu-sidebar li.menu-item-has-children.current_page_item, .ts-menu-sidebar li.menu-item-has-children.current-menu-parent, .ts-menu-sidebar li.current_page_item { margin: 0; border: none; }
.ts-menu-sidebar li.menu-item-has-children.current_page_item .dropdown-menu, .ts-menu-sidebar li.menu-item-has-children.current-menu-parent .dropdown-menu { display: block!important; padding-left: 40px; }
.ts-menu-sidebar > ul > li.menu-item-has-children.current_page_item > a, .ts-menu-sidebar > ul > li.menu-item-has-children.current_page_item > a:hover, .ts-menu-sidebar > ul > li.menu-item-has-children.current-menu-parent > a, .ts-menu-sidebar > ul > li.menu-item-has-children.current-menu-parent > a:hover, .ts-menu-sidebar > ul > li.current_page_item > a, .ts-menu-sidebar > ul > li.current_page_item > a:hover { background: #fd4326; color: #ffffff; padding: 0 20px; position: relative; line-height: 47px; margin-bottom: -1px; }
.ts-menu-sidebar > ul > li.menu-item-has-children.current_page_item > a:after, .ts-menu-sidebar > ul > li.menu-item-has-children.current-menu-parent > a:after, .ts-menu-sidebar > ul > li.current_page_item > a:after { content: ""; display: inline-block; border-left: 6px solid #fd4326; border-right: 6px solid transparent; border-bottom: 5px solid transparent; border-top: 5px solid transparent; position: absolute; top: 19px; right: -11px; }
.ts-menu-sidebar li.ts-active-menusiderbar .dropdown-menu { padding-left: 40px; }
.ts-menu-sidebar li .dropdown-menu a:hover, .ts-menu-sidebar li .dropdown-menu li.current_page_item a { background: none; color: #fd4326; padding: 0; }
.ts-menu-sidebar li.menu-item-has-children.current_page_item > a:before, .ts-menu-sidebar li.menu-item-has-children.current-menu-parent > a:before { background: #ffffff; position: absolute; content: ""; right: 20px; top: 22px; width: 13px; height: 1px; }
.ts-menu-sidebar li.ts-active-menusiderbar { margin: 0; }
.ts-menu-sidebar li.ts-active-menusiderbar > a { background: #e8e8e8; padding: 0 20px; position: relative; line-height: 48px; margin-bottom: -1px; }
.ts-menu-sidebar li.menu-item-has-children.ts-active-menusiderbar > a:before { background: #252525; position: absolute; content: ""; right: 20px; top: 22px; width: 13px; height: 1px; }

/*서브메뉴 아이콘 위치 new, promotion */
.menu-item {position:relative; padding-top:30px;}
.menu-item a {position:relative; text-align:center;}
.menuicon { position:absolute; z-index:999; top:-28px; left:50%;} 
.menuicon.new {margin-left:-16px;} 
.menuicon.pro {margin-left:-39px;}
/*****************************************
	게시판
****************************************/

/*공지사항, 상담게시판 테이블*/
table.basic-table { border: none; margin: 0px -1px 0px 0px; text-align: left; width: 100%; border-collapse: collapse;  border: none; }
table.basic-table thead { background: #42454a; }
table.basic-table th { line-height: normal; padding: 15px 10px; text-transform: none; color: #ffffff; font-weight: normal; text-align: center; }
table.basic-table td { font-size: 14px; padding: 7px 10px; vertical-align: middle; background: #f3f3f3; border-left: none; border-top: none; border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #888; font-weight: 400; text-transform: uppercase; text-align: center; }
table.basic-table td:last-child, table.basic-table td:last-child { border-right: none; }
table.basic-table td.board-subject { text-align: left; padding-left: 30px; overflow: hidden; word-wrap : break-word; text-overflow : ellipsis; }

table td a { color: #555; font-weight: 400; text-transform: uppercase; }
table td a:hover { color: #0072bc; }
.input-select-text { width: auto; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dedede; margin: 0; margin-left: 5px; outline: 0; height: 34px; padding: 3px; font-size: 14px; }
.btn-select { margin: 0; padding: 0; height: 34px; line-height: 28px !important; border: none; margin-left: 5px; float: left; }
.btn-sm { line-height: 26px !important; padding: 0 10px !important; }
/*
.board .input-text { width: auto; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dedede; margin:0; margin-left:5px;outline: 0; height: 34px; padding: 5px; }
.board .button {margin:0; height: 45px; border: none; margin-left:5px;}
*/

/*********************** 유지관 ***********************/
/* 유지관리 */
.text-type01 .maintenance-title { text-align: center; font-weight: 300; font-size: 17px; background: #0072bc; padding: 12px 24px; border-radius: 40px; display: inline-block; color: #fff; margin-bottom: 11px; border: 1px solid #b0cfd8; }
.text-type01 .maintenance-title strong { font-weight: 300; }
/*.text-type01 .maintenance-text { text-align: center; }*/

/* 단가표 */
.section-title2 p { margin-bottom: 0; }
.section-title2 .btn_wrap { display: inline-block; position: absolute; right: 0; }


/*유지관리테이블*/
.maintenance-table-wrap { float: left; }
.mtn-table {margin: 0px -1px 0px 0px; border-collapse: collapse; border-left:1px solid #ddd; border-top: 1px solid #ddd;}
.mtn-table th, .mtn-table td {font-size: 13px; line-height:22px !important; padding: 7px 10px; vertical-align: middle; background: #fff; color: #656565; font-weight: 400; text-transform: uppercase; text-align: center; border-right: 1px solid #ddd; border-bottom:1px solid #ddd !important;}
.mtn-table th {background: #42454a;line-height: normal; padding:15px 10px; text-transform: none; color: #fff; font-weight: normal; text-align: center;}
.mtn-table td:first-child {background:#eee;}
.mtn-table td.text-left {padding:10px 20px;}

/*style.css - blog 속성변경 (게시판뷰페이지에 적용) */
.blog-item { border-bottom: 1px solid #ededed; padding: 40px 0; overflow: hidden; }
.blog-item .date-post { width: 7%; float: left; margin: 0; padding: 0; color: white; text-transform: uppercase; font-weight: 300; text-align: center; }
.blog-item .article { width: 90%; float: right; margin: 0; padding: 0; overflow: hidden; }
.blog-item .article h3 { color: #000000; font-size: 25px; line-height: 1.2em; padding: 0; margin: 0; font-weight: 300; }
.blog-item .blog-meta { padding: 5px 10px; display: block; border-bottom: 1px solid #eee; margin-bottom: 30px; }
.blog-item .blog-meta li { color: #777; display: inline-block; font-size: 12px; position: relative; padding: 0; margin-right: 10px; }
.blog-item .blog-meta li .fa { vertical-align: middle; }
.blog-item .except-post { display: inline-block; margin-bottom: 20px; width: 100%; background: #f5f5f5; padding: 20px; }
.ts-button, input[type="submit"], .more-link, button { background: none repeat scroll 0 0 #42454a; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 2px solid #42454a; color: #ffffff; display: inline-block; font-size: 12px; letter-spacing: 1px; line-height: 38px; padding: 0 20px; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 400; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; }
.ts-button:hover, input[type="submit"]:hover, .more-link:hover, button:hover { background: none repeat scroll 0 0 #0072bc; border-color: #0072bc; color: white; }
.pagemove { width: 100%; font-size: 13px; background: none repeat scroll 0 0 #fff; border: none; border-bottom: 1px solid #ccc; color: #555; padding: 0; text-align: left; text-indent: 5px; }
.pagemove:hover { background: none repeat scroll 0 0 #fff; border-bottom: 1px solid #ccc; color: #0072bc; }
.pagemove.disable, .pagemove.disable:hover { color: #999; border-bottom: 1px solid #ccc; }
.blog-item .sns-share span { height: 24px; }

/*****************************************
	서브비주얼
*****************************************/
#banner .banner { padding: 70px 0; min-height: 285px; }
#banner .banner h1 { color: white; font-size: 40px; font-weight: 300; margin-bottom: 10px; }
#banner .banner p { color: #ccc; font-size: 16px; font-weight: 300; margin-bottom: 20px; }
#banner .banner .banner-content { position: relative; }
.breadcrumbs { display: inline-block; line-height: 33px; padding: 0 15px; width: auto; border: 1px solid #aaa; font-size: 12px; font-weight: 300; color: #aaa; font-style: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.breadcrumbs a { color: #ffffff; }
.breadcrumbs a:hover { color: #0072bc; }
.breadcrumbs i { font-style: normal; }

.ts-about-banner { background-image:url(/2016/img/sub-about/visual.jpg); }


/*****************************************
	서브page
****************************************/

/*------------회사소개-------------*/


.about-partner { margin: 0; padding: 0; }
.partner-list { min-height: 120px; text-align: center; }
.partner-list p { margin-top: 20px; }

.ts-about-our-values { background-image: url(/2016/img/sub-about/about.jpg); padding: 130px 0; }

.history-item { font-family: 'roboto'; clear: both; overflow: hidden; margin-bottom: 40px; margin-top: 40px; }
.history-item li { list-style: none; line-height: 24px; font-size: 13px; }
.history-item .year { font-size: 30px; line-height: 30px; font-weight: bold; background: url(/2016/img/sub-about/history-bullet.png) no-repeat; color: #222; text-indent: 10px; padding-top: 5px; margin-bottom: 15px; }
.history-item .month { clear: both; font-size: 15px; font-weight: bold; padding-left: 10px; }
.history-item .contents { }

.location-info a, .location-info a:hover { color: #555; text-decoration: underline; }


/*------------쇼핑몰솔루션-------------*/

/* PRICING TABLE 1 */
.pricing-table01 { padding: 25px 20px; background: #f3f3f3; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #676a6f; font-size: 14px; -webkit-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; }
.pricing-table01 ul { padding: 0; list-style: none; }
.pricing-table01 .price-icon { display: block; text-align: center; margin-top: -60px; }
.pricing-table01 .price-icon .pricing-icon { background: #0072bc; color: #fff; width: 78px; height: 78px; line-height: 78px; text-align: center; font-size: 27px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; }
.pricing-table01 h3 { font-weight: 500; font-size: 20px; color: #252525; text-transform: uppercase; margin: 25px 0 12px 0; }
.pricing-table01 li { border-bottom: 1px solid #E5E5E5; line-height: 40px; }
.pricing-table01 .active li a { color: #676a6f; }
.pricing-table01 li:last-child { border: none; }
.pricing-table01 a.cta_pricing { background: #42454a; color: white; text-transform: uppercase; margin-top: 25px; padding: 0 30px; line-height: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-decoration: none; display: inline-block; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.pricing-table01 a.cta_pricing:hover, .pricing-table01 a.cta_pricing:focus { background: #0072bc; }
.pricing-table01 .active { background: #0072bc; color: white; }
.pricing-table01 .active h3 { color: #ffffff; }
.pricing-table01 .active li { border-color: rgba(255,255,255,0.2); }
.pricing-table01 .active a.cta_pricing { background: rgba(255,255,255,0.2); }
.pricing-table01 .active a.cta_pricing:hover, .pricing-table01 .active a.cta_pricing:focus { color: #0072bc; background: #ffffff; }
.pricing-box { padding: 20px; background: #f3f3f3; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-top: 50px; }
.pricing-box p { font-weight: 500; font-size: 13px; margin-bottom: 0; line-height: 24px; color: #555; text-transform: uppercase; }
.pricing-box p.title { color: #0072bc; font-size: 16px; margin-bottom: 10px; }
/* 차트 background 화살표 */
.pod-arrow { position: absolute; background-image: url(/2016/img/sub/mall-arrow.png); width: 100%; height: 150px; background-position: center top; z-index: -1; background-repeat: no-repeat; margin-top: -100px; margin-left: -10px; }
.pod-arrow2 { position: absolute; background-image: url(/2016/img/sub/mall-arrow2.png); width: 100%; height: 36px; background-position: center top; z-index: -1; background-repeat: no-repeat; margin-top: 14px; margin-left: -10px; }


/*------------편집솔루션 ------------*/

.newicon { position: absolute; background: url('/2016/img/sub/new.png'); width: 40px; height: 32px; left: 50%; margin-left: 120px; margin-top: -38px; }

/* POD 쿠폰 솔루션 */
#container_full .program-wrap .container .p-item-wrap .con_2 .mt20 { padding-bottom: 107px; }


/*

.ts-service-style-3 { margin-top: 50px; }
.ts-service-style-3 .icon-service { font-size: 20px; line-height:30px; color: #0072bc;}
.ts-service-style-3 .icon-service i { font-size: 30px; line-height:30px; color: #0072bc; float:left; margin-right:15px;}



.vc_custom_1420709517066{margin-bottom: 0px !important;padding-top: 130px !important;padding-bottom: 130px !important;}
.vc_custom_1418701753107{margin-bottom: 0px !important;padding-top: 85px !important;padding-bottom: 105px !important;}
.ts-about-our-values{margin-bottom: 0px !important;padding-top: 80px !important;padding-bottom: 130px !important; color:#fff;}
.ts-about-our-values{
   background-image: url(../images/background/274699_l_srgb_s_gl.jpg);
   background-repeat: no-repeat;
}
.ts-about-our-values .ts-overlay{background:rgba(0,0,0,0.7);}
.ts-about-our-values h3{color:#fff;}
.ts-about-management-team-title{margin-bottom: 0px !important;padding-top: 80px !important;}
.ts-about-management-team{margin-bottom: 0px !important;padding-top: 90px !important;padding-bottom: 90px !important;}
.ts-about-efficiently-envisioneer .section-title2{margin-bottom: 45px !important;}
.vc_custom_1418700944247{margin-bottom: 43px !important;}.vc_custom_1418701530242{margin-bottom: 0px !important;}.vc_custom_1418701693424{margin-bottom: 45px !important;}
.ts-html5-banner{background-image:url(../images/background/html5.png);}
.ts-smart-banner{background-image:url(../images/background/smart.jpg); }

*/

/* 반응형 */
@media all and (max-width:1000px) {
	
	#HTML5 .html5-02 .container .row .col-md-5 { width: 100%; margin-top: 0; }
	#HTML5 .html5-02 .container .row .col-md-5 .bordered-right { border: 0; }
	#HTML5 .html5-02 .container .row .col-md-7 { width: 100%; }
	.contact-info { text-align: left; }
	
	
	/* 공통부분 */
	article:nth-child(2) .container { margin: 0; }
	.section-title2 .line { margin: 35px 0 50px; }
	
	/* 회사소개 */
	.company-title h1 { font-size: 24px; line-height: 1.4em; }
	.company-title h1 { padding-bottom: 4px; }
	
	.ts-about-our-values { padding: 100px 0; }
	.section-title2.light h3 { line-height: 1.3em; }
	.section-title2.light p { line-height: 1.4em; }
	
	.partner-img-box ul { width: 100%; overflow: auto; padding: 0 15px; }
	.mb50 .container .about-partner .partner-img-box ul li { margin-right: 3%; width: 48.5%; }
	.mb50 .container .about-partner .partner-img-box ul li:nth-child(2n) { margin-right: 0; }
	
	/* 솔루션 소개 */
	.p-item-wrap h1 { margin: 15px 0; } 
	#container_full .program-wrap .container .p-item-wrap .con_2 .mt20 { padding-bottom: 0; }
	
	/* 고객지원 */
	.blog-item .date-post { width: auto; }
	.blog-item .article { width: 100%; margin-top: 12px; } 
	
	/* footer */
	.ts-copy-right .ts-copy-right p { width: 100%; }
	.ts-copy-right .fl { width: 100%; padding: 14px 0; border-bottom: 1px solid #323437; text-align: center; margin: 0; }
	.ts-menu-footer ul { width: 100%; padding: 0; }
	.ts-menu-footer ul li{ float: left; width: 20%; text-align: center; padding: 0; }
	.section-title h3 { overflow: visible; }
	.section-title h3 span { line-height: 1.3em; border: 0; padding: 24px 0; }
	.section-title h3 span:before { content: ""; }
}

@media all and (max-width:480px) {
	.ts-menu-footer ul li:nth-child(1),.ts-menu-footer ul li:nth-child(2),.ts-menu-footer ul li:nth-child(3) { width: 33.3333% }
	.ts-menu-footer ul li:nth-child(4),.ts-menu-footer ul li:nth-child(5) { width: 50%; border-top: 1px solid #323437; }
	.section-title h3 span
	
}