@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);

body, * {font-family:"Noto Sans", "Nanum Gothic", sans-serif;}
.sub-content-wrap .jejumyeongjo,
.sub-content-wrap .jejumyeongjo * {font-family:'Jeju Myeongjo', serif;}

.sub-all-wrap {overflow:hidden; position:relative; }
.sub-all-wrap .bg-thumb-lm {display:none; position:absolute; top:96px; right:-150px; width:108px; height:508px; background:url(/skin/img/sub/sub-bg-rosary.png) top right no-repeat;}
@media (min-width:1400px) {
	.sub-all-wrap .bg-thumb-lm {display:block;}
}

.sub-top-wrap {position:relative; width:100%; height:200px;}
.sub-top-wrap .sub-visual-wrap {position:absolute; top:0; left:50%; z-index:1; width:1920px; height:200px; margin-left:-960px;}

.page-title {width:100%; overflow:hidden; margin:42px auto 60px; border-bottom:1px solid #d1d4dc;}
.page-title h3.tit {float:left; font-weight:500; font-size:40px; color:#333; line-height:62px; vertical-align:middle;}
.page-title ul.breadcrumb {margin-top:13px; background-color:transparent;}
.page-title ul.breadcrumb li,
.page-title ul.breadcrumb li > a {font-weight:400; font-size:12px; color:#a2a2a2; line-height:30px; vertical-align:middle;}
.page-title ul.breadcrumb > li + li:before {padding:0 8px; color:#ccc; content:"\003e"; vertical-align:middle}
.page-title ul.breadcrumb li.active {color:#525252;}

.sidebar-nav {display:inline; float:left; width:230px; margin:30px 0 100px;}
.sidebar-nav ul.nav-list {text-align:left;}
.sidebar-nav ul.nav-list li {clear:both; height:43px; border-bottom:1px solid #d7d7d7; background-color:#fff;}
.sidebar-nav ul.nav-list li.nav-header {width:100%; height:74px; border:0;}
.sidebar-nav ul.nav-list li.nav-header h3 {font-weight:500; font-size:26px; color:#1e4085; text-align:left; line-height:74px; vertical-align:middle;}
.sidebar-nav ul.nav-list li a {display:block; padding:0 0 0 15px; font-weight:400; font-size:14px; color:#323232; line-height:43px; vertical-align:middle;}
.sidebar-nav ul.nav-list li.active a,
.sidebar-nav ul.nav-list li a:hover {color:#fff; background:url(/skin/img/sub/sidebar-over.gif) top left no-repeat;}

/* SUB COMMON */
.sub-contetnt-wrap {}
.sub-contetnt-wrap section {clear:both; float:left; width:100%; }
.company-wrap {padding-bottom: 70px;}
.sub-head {clear:both; float:left; width:100%; margin-top: 40px;}
.sub-head h1.tit {margin-bottom:20px; font-weight:400; font-size:30px; line-height:1; color:#1a1a1a; text-align:center;}
.sub-head span.tit-line {display:block; width:48px; height:1px; margin:0 auto 70px; background-color:#1a1a1a;}
.sub-head h2.guidance {margin-bottom:25px; font-size:26px; color:#333; line-height:30px;}
.sub-head h2.guidance strong {display:block; color:#2354a5;}
.sub-head p.guidance {font-size:15px; color:#535353; line-height:25px;}
.sub-cont {clear:both; float:left; width:100%;}
.sub-cont .txc-wrapper {width:100%; text-align:center;}

.sub-head.hasleft {margin-bottom:20px;}
.sub-head.hasleft h1.tit {margin-bottom:20px; font-weight:400; font-size:30px; line-height:1; color:#1a1a1a; text-align:left;}
.sub-head.hasleft span.tit-line {display:block; width:48px; height:1px; margin:0; background-color:#1a1a1a;}

/* ABOUT NeoQ */
	/* 회사소개 */
.company-wrap {}
.table.table-custom {margin-bottom:0; border-top:0;}
.table.table-custom tbody th,
.table.table-custom tbody td {height:50px; padding:0 10px; font-size:14px; line-height:49px; vertical-align:middle;}
.table.table-custom tbody th {border-top:1px solid #808080; border-bottom:1px solid #808080; font-weight:400; color:#333; letter-spacing:-1px;}
.table.table-custom tbody td {padding-left:20px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:200; color:#666;}

	/* 연혁 */
.history-wrap {width:100%; height:auto;padding-bottom: 40px; color:#fff; background:url(/skin/img/sub/company-history-bg.jpg) center top no-repeat; background-size:cover;}
.history-wrap .sub-head h1.tit {margin-top:75px; color:#fff;}
.history-wrap .sub-head span.tit-line {background-color:#fff;}
.history-wrap .sub-head h2.guidance {color:#fff;}

ul.history-list {clear:both; float:left; position:relative; width:100%;}
ul.history-list > li {clear:both; float:left; width:50%; margin-bottom:20px; padding-bottom:5px; border-bottom:1px dashed #acacac;}
ul.history-list > li h4.year {float:left; width:110px; padding:4px 8px; font-size:30px; line-height:1; color:#fff; vertical-align:bottom;}
ul.history-list > li ul.detail {float:left;}
ul.history-list > li ul.detail li p {display:inline-block; font-size:15px; line-height:30px; vertical-align:middle;}
ul.history-list > li ul.detail li p.month {width:50px; color:#eaeaea; letter-spacing:0; vertical-align:top;}
ul.history-list > li ul.detail li p.info {color:#fff; letter-spacing:-1px;}
ul.history-list > li.abs-right {position:absolute; top:0; left:555px; padding-bottom:5px;}
ul.history-list > li.abs-right.absr2015 {top: 0;}
ul.history-list > li.abs-right.absr2014 {top: 0;}
ul.history-list > li.abs-right.absr2013 {top: 76px;}
ul.history-list > li.abs-right.absr2012 {top: 152px;}
	/* 특허 */
.certificate-wrap {padding-bottom: 70px;}
.certificate-wrap .sub-cont {overflow:hidden; clear:both; float:left; width:100%; margin-bottom:-50px;}
.certificate-list p.tit {width:100%; height:60px; font-size:15px; color:#333; line-height:60px; vertical-align:middle; text-align:center;}
	/* 주요납품처 */
.mainshop-wrap {padding:75px 0 115px; background-color:#e9e9e9}
.mainshop-wrap .sub-cont {overflow:hidden; margin-top:-40px; margin-bottom:-50px;}
.mainshop-list .col-md-3 {margin-bottom: 20px;}
.mainshop-list p.tit {width:100%; height:60px; font-size:15px; color:#333; line-height:60px; vertical-align:middle; text-align:center;}
	/* Contact Us */
section.contactus-wrap {margin-bottom:0 !important;}
.contactus-wrap .sub-cont {position:relative;}
ul.address-list {margin-bottom:30px;}
ul.address-list.mar {margin-bottom: 10px;}
ul.address-list li {overflow:hidden;}
ul.address-list li p {line-height:30px;}
ul.address-list li p.th {float:left; font-weight:500;width:70px; padding-left:10px; background:url(/skin/img/sub/ico-list.gif) left center no-repeat;}
ul.address-list li p.td {float:left; padding-left:12px; background:url(/skin/img/sub/ico-colon.gif) left center no-repeat;}

/* Product */
.product-wrap {}
.product-wrap .sub-menu {display:table; width:100%; height:250px; margin-bottom:75px; border:1px solid #b7b7b7;}
.product-wrap .sub-menu h1.sub-tit {display:table-cell; width:23.498%; border-right:1px solid #b7b7b7; font-weight:100; font-size:26px; color:#333; text-align:center; height:100%; vertical-align:middle;}
.product-wrap .sub-menu .sm-list {display:table-cell; width:76.502%; height:100%;vertical-align:middle;overflow:hidden;}
.product-wrap .sub-menu .sm-list li {float:left; width:25%; }
.txc-wrapper img {max-width:100% !important;height:auto !important;}

/* Support */
.form-wrap {}
.privacy-area {overflow:auto; position:relative; height:170px; padding:15px; border:1px solid #C8C8C8;white-space:pre-line;}
.agree-chk {margin:15px 0 30px; vertical-align:middle; text-align:right}
.agree-chk label {cursor:pointer; font-weight:400;}
.agree-chk .input-form {display:inline; float:left; margin-right:5px}

.table-form {border-top:2px solid #767676; border-bottom:1px solid #767676}
.table-form th, .table-form td {padding:12px 30px; font-weight:400; font-size:13px; vertical-align:middle !important}
.table-form th {font-size:14px; text-align:center;}
.table-form th strong {font-weight:600; color:#f00; vertical-align:middle;}
.table-form .sel-list {max-width:250px; height:28px; border:1px solid #d6d6d6; background-color:#f4f4f4;padding-left:6px;}
.table-form label {display:inline; float:left; margin-right:10px; font-weight:400; cursor:pointer}
.table-form .ipt-radio {display:inline; margin-top:-1px; margin-right:5px}
.table-form .ipt-text {min-width:250px; height:28px; border:1px solid #d6d6d6; background-color:#f4f4f4;padding-left:6px;}
.table-form .ipt-text.full {min-width:100%}
.table-form .zip-area {clear:both; float:left; width:100%}
.table-form .zip-area .ipt-zip {display:inline-block; width:70px; height:28px; border:1px solid #d6d6d6; background-color:#f4f4f4;padding-left:6px;}
.table-form .zip-area .ipt-text {margin-bottom:5px}
.table-form .btn-yes {width:100px; height:28px; padding:0; font-size:11px; line-height:28px; vertical-align:middle}
.table-form .etc-txt {width:100%; height:200px; border:1px solid #d6d6d6; background-color:#f4f4f4;padding-left:6px;}

.btn-c {display:inline-block; width:137px; height:34px; padding:0; font-size:13px; line-height:34px; color:#fff !important; text-align:center; vertical-align:middle; border:0}
.btn-confirm {background-color:#9d4999; color:#fff !important;}
.btn-cancel {background-color:#3c3c3c}

.btn-confirm:hover, .btn-confirm:focus, .btn-confirm:active {
    color: #fff;
    background-color: #334a76;
    border-color: transparent;
}

.wrap_controllers {display: none;}
.map_canvas {width:100%;height:350px;}
.faq_search {font-size: 0;text-align: right;}
.faq_search .form-inline {display: inline-block;}
.faq_search .search_input {width: 200px;}
.faq_search .form-inline .form-control {margin-right:5px;}

.table_form {border-top:2px solid #767676;border-bottom:1px solid #aaaaaa;margin-bottom: 20px;}
.table_form .w140 {width: 140px;}
.table_form .w200 {width: 200px;}
.table_form .wfull {width: 100%;}
.table_form .form_field {display:table;width:100%;border-bottom:1px solid #e5e5e5;}
.table_form .form_field.last {border-bottom:none;}
.table_form .form_field .th {display:table-cell;width:20%;vertical-align:middle;font-size:14px;color:#333333;padding:20px 10px 20px 25px;font-weight:500;}
.table_form .form_field .th strong {color: #f00;}
.table_form .form_field .td {display:table-cell;width:80%;vertical-align:middle;font-size:14px;color:#333333;padding:20px 0;}
.table_form .form_field .td input.form_input {border:1px solid #d5d5d5;height:40px;background-color:#f8f8f8;padding:0 15px;}
.table_form .form_field .td textarea.form_textarea {border:1px solid #d5d5d5;height:200px;background-color:#f8f8f8;padding:15px 15px;}
.table_form .form_field .td label {font-weight:500;}
.table_form .form_field .td select {border:1px solid #d5d5d5;height:40px;background-color:#fff;padding:0 15px;}
.table_form .form_field .td .inline {display:inline-block;}
.table_form .form_field .td .sm_btn_style {display:inline-block;border-radius:2px;background-color:#cccccc;color:#fff;font-size:12px;padding:2px 3px;}
.table_form .form_field .td .md_btn_style {display:inline-block;background-color:#3c3c3c;color:#fff;font-size:14px;padding:10px 30px;}
.address-tit {font-size: 18px;font-weight: 500;color: #000;margin: 40px 0 10px 0;}

.address-wrap {padding-left: 70px;-webkit-background-size: 52px auto;background-size: 52px auto;background-position: left top;background-repeat: no-repeat;}
.address-wrap.aw1 {background-image: url('/skin/img/sub/location_img1.jpg');}
.address-wrap.aw2 {background-image: url('/skin/img/sub/location_img2.jpg');}
.address-wrap.aw3 {background-image: url('/skin/img/sub/location_img3.jpg');}
.address-wrap.aw4 {background-image: url('/skin/img/sub/location_img4.jpg');}