/* main*/
/* about us */
.mabout {position:relative;padding:75px 0}
.mabout .txt {float:left;width:270px;color:#5f657b;margin-left:30px}
.mabout .txt h3 {font-size:34px;font-weight:600}
.mabout .txt h4 {font-size:16px;padding-left:15px;margin-bottom:15px;background:url('/images/main/bu_mabout_h4.gif') 0 4px no-repeat}
.mabout .txt p {font-size:13.5px;line-height:1.7em;margin:25px 0 112px}
.mabout .txt a {display:inline-block;color:#4c629b;font-weight:600}
.mabout .txt a.btn_view {position:absolute;bottom:75px;padding:15px 45px 15px 20px;border:2px solid #4c629b;border-radius:3px;background:url('/images/main/bg_btn_view.gif') 85px 50% no-repeat}
.mabout .img {float:right}
.mabout .img li {float:left;margin-left:20px}

/* what we do */
.mwhat {padding:50px 0;border-top:1px solid #e0e0e0;background:url('/images/main/bg_line_diagonal.png') 0 top no-repeat;background-size:100%}
.mwhat h3 {font-size:53px;color:#007ff6;font-weight:600;text-align:center;margin-bottom:25px}
.mwhat .link.wrap {width:1190px}
.mwhat .link li {float:left;width:calc(20% - 10px);margin:5px;background:#fff right bottom no-repeat;background-size:100%}
.mwhat .link li a {display:block;height:220px;padding:20px;border:1px solid #ccc;box-sizing:border-box}
.mwhat .link li.fst a {height:450px}
.mwhat .link li a:hover {background:rgba(0,66,128,0.75);color:#fff}
.mwhat .link h4 {position:relative;font-size:24px;font-weight:600;line-height:1.2em;margin-bottom:45px}
.mwhat .link h4:after {position:absolute;bottom:-20px;left:0;content:"";display:block;width:67px;height:4px;background:#007ff6}
.mwhat .link p {font-weight:600;line-height:1.3em;font-size:0.95em}
.mwhat .fst h4 {font-size:32px;color:#fff}

.mwhat .link li:nth-of-type(1) {background-image:url('/images/main/bg_mwhat_01.jpg')}
.mwhat .link li:nth-of-type(2) {background-image:url('/images/main/bg_mwhat_02.jpg')}
.mwhat .link li:nth-of-type(3) {background-image:url('/images/main/bg_mwhat_03.jpg')}
.mwhat .link li:nth-of-type(4) {background-image:url('/images/main/bg_mwhat_04.jpg')}
.mwhat .link li:nth-of-type(5) {background-image:url('/images/main/bg_mwhat_05.jpg')}
.mwhat .link li:nth-of-type(6) {background-image:url('/images/main/bg_mwhat_06.jpg')}
.mwhat .link li:nth-of-type(7) {background-image:url('/images/main/bg_mwhat_07.jpg')}
.mwhat .link li:nth-of-type(8) {background-image:url('/images/main/bg_mwhat_08.jpg')}
.mwhat .link li:nth-of-type(9) {background-image:url('/images/main/bg_mwhat_09.jpg')}

/* text color */
.org {font-weight:600;color:#f60}


/* sub */
.top_img {width:100%;text-align:center;overflow:hidden;border-bottom:7px solid #eaeaea}

.content_area {position:relative;min-height:600px;margin-top:-50px;background:#fff}
.content_area:after {content:"";display:block;clear:both}
.content_area .path {position:absolute;top:40px;right:45px;font-size:11px;padding-top:7px}
.content_area .path a:after {content:">";padding:0 5px}
.content_area .path a.home {padding-left:18px;background:url('/images/sub/bg_path.gif') 0 50% no-repeat}
.content_area .path a.dep2:after {display:none}

#snb {float:left;width:205px;padding:70px 0 0 35px;box-sizing:border-box}
.snb {border-top:1px solid #ccc}
.snb li a {display:block;font-size:14px;padding:9px 10px;border-bottom:1px solid #ccc;font-weight:600;color:#666}
.snb li a:hover, .snb li.active a {font-weight:600;color:#0c54bd}

#content {float:left;width:975px;padding:35px 45px 0;margin-bottom:40px;line-height:1.7em;box-sizing:border-box}
.content_area h2 {position:absolute;top:-77px;left:45px;height:35px;font-size:30px;font-weight:600;color:#fff;text-shadow:2px 2px 5px #003366;letter-spacing:2px}
.content h3 {height:35px;font-size:25px;font-weight:600;letter-spacing:-0.05em;margin-bottom:50px;border-bottom:2px solid #ccc}
.content h4 {font-size:25px;font-weight:600;color:#36c}
.content h5 {font-size:15px;font-weight:600;color:#000;padding-left:10px;margin-bottom:15px;background:url('/images/common/bu_rectangle_blue.gif') 0 50% no-repeat}
.content h6 {font-size:13px;font-weight:600;color:#000;padding-left:10px;margin-bottom:7px;background:url('/images/common/bu_square_blue.gif') 0 50% no-repeat}

p {font-size:13px;color:#333}
p.h4 {font-size:16px;font-weight:600;color:#000;margin:20px 0 40px}

dl dt {font-size:13px;font-weight:600;color:#000;padding-left:10px;background:url('/images/common/bu_square_blue.gif') 0 50% no-repeat}
dl dd {font-size:13px;color:#333;padding-left:10px;margin-bottom:20px}

ul.div:after {content:"";display:block;clear:both}
ul.div li {float:left}
ul.div.col2 li {width:48%;padding-right:2%}
ul.div.col6 li {width:16.66%}

/* table */
table.full {width:100%}
table.txtC td {text-align:center;vertical-align:middle}

.tb_h6 table{float:left;font-size:12px}
.tb_h6 table th {font-weight:600;padding:5px 15px 4px 10px;margin-bottom:7px;background:url('/images/common/bu_square_blue.gif') 0 12px no-repeat}
.tb_h6 table td {padding:5px 0 4px;border-bottom:1px solid #ddd}

.tb th, .tb td{padding:5px;line-height:1.7em;border-bottom:1px solid #ccc}

/* table bbs */
.tb.board {width:100%;text-align:center}
.tb.board th {background:#347ad9;color:#fff}
.tb.board td {padding:7px 5px;vertical-align:middle}
.tb.board tr:nth-of-type(2n-1) td {background:#fafafa}

.tb.view {width:100%;border-top:2px solid #347ad9}
.tb.view th {background:#347ad9;color:#fff}
.tb.view td {padding:7px 0 7px 15px;vertical-align:middle}

td.content {padding:20px 15px 30px !important}

/* table subcont */
.tb_add {width:100%;border-top:1px solid #06c}
.tb_add th {border-bottom:2px solid #06c;background:#f1f5fd;width:150px;padding:5px;font-weight:bold}
.tb_add td {border-bottom:1px solid #ccc;padding:5px 10px}
.tb_add td.last {border-bottom:1px solid #06c !important}


/* tab */
.tabs > ul {border-bottom:2px solid #347ad9;margin-bottom:15px}
.tab-link {display:block;float:left;background:#fff;color:#000;border:1px solid #347ad9;border-bottom:0;padding:5px 15px;cursor:pointer}
.tab-link.on {background:#347ad9;color:#fff;font-weight:600}
.tab-content {display:none}
.tab-content.on {display:block}
.tab-content.clear img {width:50%;float:left}

.btn {display:inline-block;font-weight:600;padding:5px 15px;cursor:pointer}
.btn.tab {font-size:13px;color:#fff;background:#347ad9;border:1px solid #347ad9;margin-bottom:20px}

.li_clear > li {margin-bottom:40px}
.li_clear > li:after {content:"";display:block;clear:both}

/* detail */
blockquote {margin:20px 0px}
blockquote.slogan {font-size:2em;font-weight:600;color:#0066cc;line-height:1.2em}
blockquote.slogan > .ups01 {font-size:50px;color:#cccccc;width:45px;height:80px;display:inline-block;background:url(/icon/ups1.png) left top no-repeat;float:left;margin-top:-10px}

.comp1 {background:url('/images/sub/bg_company01.jpg') right bottom no-repeat}
.comp1 p {color:#333;margin-bottom:25px}

.history {background:url('/images/sub/sub0102_1.png') right 50px no-repeat}
.history dt {font-weight:600;font-size:2em;color:#36c;float:left;border-right:1px solid #ccc;padding-right:15px;margin-top:10px}
.history dd {margin-left:170px;padding:5px}
.history dd strong {font-weight:600;color:#000;margin-right:10px;padding:0 10px;display:inline-block;width:70px;background:url('/images/common/arr_blue.gif') right center no-repeat}

.prod table td {font-size:12px;padding:5px 2px;vertical-align:middle}

.prod_list {border-bottom:1px solid #d9d9d9}
.prod_list > li {display:block;float:left;width:31%;height:180px;margin:5px 3.5% 25px 0}
.prod_list > li:nth-of-type(3n) {margin-right:0}
.prod_list .img {float:left;border:2px solid #ccc}
.prod_list .img img {width:125px;height:163px}
.prod_list .info {padding-left:143px}
.prod_list .info .title {font-size:14px;font-weight:600;letter-spacing:-0.03em;color:#0c54bd}
.prod_list .info .txt {padding-left:9px;background:url('/images/common/arr_gray.gif') 0 50% no-repeat}
.prod_list .info .icon {height:55px;margin-top:5px}
.prod_list .info .icon img {float:left;margin:2px}
.prod_list .info .link a {display:block;margin-bottom:5px}

.prod_view {background:#fff}
.prod_view .img {float:left}
.prod_view .img img {width:310px;height:auto}
.prod_view .info {padding-left:330px}
.prod_view .info .title {font-size:20px;line-height:1.5em}
.prod_view .info .txt {padding-left:9px;background:url('/images/common/arr_gray.gif') 0 50% no-repeat}
.prod_view .info .icon img {float:left;margin-right:5px}
.prod_view .info .detail {margin-top:55px;border:2px solid #ddd}

.tech img {float:left;margin-right:20px}
.tech.v2 img {float:left;margin-right:10px}
.tech a > img {width:100px;height:130px}
.tech img + p {padding:0 10px 0 100px}

.tech2 img {float:right;margin-left:30px}
.tech2 p + img {float:none;display:block;margin:20px auto 0}

.list02 li {background:url('/icon/dot01.gif') left 2px no-repeat;padding-left:10px;margin:3px 0px}

.tb_tech {width:100%;border-top:2px solid #06c;border-bottom:2px solid #06c}
.tb_tech thead {background:#06c;color:#fff;font-weight:bold}
.tb_tech thead th {border-left:1px solid #ccc}
.tb_tech thead th {padding:5px}
.tb_tech tr {border-bottom:1px solid #ccc}
.tb_tech td {border-left:1px solid #ccc;padding:10px}
.tb_tech tbody th {font-weight:bold;background:#f1f1f1;padding:5px}

.orderform {border-radius:10px;border:1px solid #3366cc;width:95%;margin:0 auto;padding:10px;margin-top:-6px;z-index:999}
.orderform table {width:100%}
.orderform table td {padding:10px;border-bottom:1px solid #b8c4de}
.orderform table th {padding:10px;border-bottom:1px solid #b8c4de;font-weight:bold;background:#e6eefe;vertical-align:top}

.mb {display:none}
.pc {display:block}

/*bjshjy 2016-07-13 반응형 */
.btn_list {background:#09c;padding:5px 30px;color:#fff;border:1px solid #ccc}
.clearimg {display:block;float:none}
.tech3 img {float:left;margin-right:30px}

.bizpart li {float:left;margin:8px}

@media only screen and (min-width:480px)
{
.mbcan {display:none}
.orderform label {display:none}

input {padding:3px 3px;margin:2px}
.input40 {width:40%}
.input50 {width:50%}
.input90 {width:90%}
}

/* mobile */
@media (max-width:479px) {

	.mb {display:block}
	.pc {display:none}

	#header, #snb, .top_img {display:none}

	.mb.header {position:relative;background:url('/images/mobile/bg_header.jpg') 0 0 repeat-x}
	.mb h1 a {position:absolute;top:8px;left:calc(50% - 67px);width:134px;height:39px;border-radius:20px;background:#fff url('/images/common/logo.png') 50% 37% no-repeat;background-size:104px;text-indent:-9999px}
	.mb .navi {float:left}
	.mb a.menu {display:block;width:55px;height:55px;text-indent:-9999px;background:url('/images/common/ico_menu.png') 50% 50% no-repeat;background-size:45%}
	.mb a.close {display:block;width:40px;height:40px;text-indent:-9999px;background:url('/images/common/ico_close.png') 50% 50% no-repeat;background-size:40%}
	.mb a.lang {display:block;width:55px;height:55px;text-indent:-9999px;background:url('/images/common/ico_menu.png') 50% 50% no-repeat;background-size:45%}

	.mobimenu{position:fixed;top:0;bottom:0;left:-320px;width:320px;height:100%;overflow-y:auto;padding:0;margin:0;border:2px solid #3667cd;box-sizing:border-box}
	.mnuopn{left:0 !important}

	.mobimenu .lang {position:absolute;top:0;right:0}
	.mobimenu .lang a {display:block;font-size:14px;line-height:40px;padding:0 10px}

	.mobimenu .quick a {display:block;width:50%;color:#444 !important;line-height:40px;padding-left:45px;text-align:center;box-sizing:border-box;float:left}
	.mobimenu .quick a:first-child {background:#eee url('/images/common/ico_catalog.png') 20px 50% no-repeat;background-size:26px;border-right:1px solid #ddd}
	.mobimenu .quick a:last-child {background:#eee url('/images/common/ico_order.png') 20px 50% no-repeat;background-size:30px}

	.mobimenu .link {padding:10px;background:#fff;box-sizing:border-box}
	.mobimenu .link h2 {color:#0033cc;font-weight:600;border-bottom:2px solid #3667cd;padding:5px 0}
	.mobimenu .link > ul:after {content:"";display:block;clear:both}
	.mobimenu .link > ul {margin-bottom:10px}
	.mobimenu .link > ul > li {float:left;width:50%;border-bottom:1px solid #e5e5e5}
	.mobimenu .link li a {display:block;color:#333 !important;line-height:1.3em;vertical-align:middle;text-align:center;letter-spacing:-0.03em;padding:3px 0;margin:4px 0}
	.mobimenu .link li:nth-of-type(2n-1) a {border-right:1px solid #ddd}


	.wrap {width:100%}

	.mslide .anim-slider {height:350px}
	.mslide .anim-slider h1 {display:none}
	.mabout {display:none}

	/* mobile slider image */
	li.anim-slide:nth-of-type(1){background:#fff url("/images/mobile/mobile_sd01.jpg") 50% 100%/cover !important}
	li.anim-slide:nth-of-type(2){background:#fff url("/images/mobile/mobile_sd02.jpg") right 100%/cover !important}

	li.anim-slide h1, li.anim-slide div {display:none !important}

	.mwhat {padding:20px 2px 10px;background:none}
	.mwhat h3 {font-size:25px;margin-bottom:12px}
	.mwhat .link.wrap {width:calc(100% - 6px)}
	.mwhat .link li {width:calc(50% - 6px);margin:3px}
	.mwhat .link li a {height:95px;padding:15px}
	.mwhat .link h4 {font-size:18px;margin:0;letter-spacing:-0.03em}
	.mwhat .link h4:after {bottom:-17px}
	.mwhat .link li.fst a {height:196px}
	.mwhat .link p {display:none}

	.content_area {min-height:0;margin:0}
	.content_area h2 {display:none}
	.content_area .path {position:static;padding:0;border-bottom:1px solid #69c}
	.content_area .path:after {content:"";display:block;clear:both}
	.content_area .path a {position:relative;display:block;float:left;font-size:13px;font-weight:600;height:40px;line-height:40px}
	.content_area .path a.home {display:none}
	.content_area .path a.dep1 {padding:0 10px 0 15px;margin-right:20px;color:#000;background:#ccc}
	.content_area .path a.dep1:after {
		position:absolute;right:-30px;content:"";display:inline-block;width:0;height:0;
		border-top:20px solid transparent;border-left:20px solid #ccc;border-bottom:20px solid transparent
	}
	.content_area .path a.dep2 {color:#06f;padding-left:10px}

	#content {width:100%;padding:35px 10px 0;margin-bottom:20px}
	.content h3 {margin-bottom:30px}
	.content h4 {line-height:1.3em}
	.content .txtL img, .content .txtC img {width:100% !important;margin:0}
	.content p br {display:none}

	.comp1 {background:none}

	blockquote {margin:0}
	blockquote img {max-width:100%}

	.history {background:none}
	.history dt {float:none;display:block;border:0;margin:30px 0 15px}
	.history dd {margin:0;text-indent:-94px;padding-left:94px}
	.history dd strong {padding:0 0 0 10px;text-indent:0}

	.bizpart li {width:calc(50% - 6px);height:165px;margin:3px;overflow:hidden;border-bottom:1px solid #ccc}
	.bizpart li a {display:block}
	.bizpart li img {width:100%}

	.tab-content.clear img {width:100%}

	.prod_list {margin-top:5px}
	.prod_list > li {width:100%;height:auto;padding-top:10px;margin-top:0;margin-bottom:10px;border-top:1px solid #eee}
	.prod_list .info {padding:10px 0 0 140px}
	.prod_list .info .link a {display:inline-block;margin-bottom:0}

	.prod_view .img img {width:100%}
	.prod_view .info {padding:0}
	.prod_view .info .detail img {width:100%}


	ul.div.col6 li {width:33.33%;margin-bottom:20px}
	.tb_add th {width:50px !important}
	.mpopimg {width:300px}

	.tech img {width:100%;max-width:100%;float:none}
	.tech.v2 img {float:left;width:calc(33.33% - 10px);margin-bottom:10px}
	.tech.v2 .col2 img {float:left;width:25%;margin:0 10px 0 0}
	.tech a > img {height:auto}
	.tech img + p {padding:0}
	.tech th {width:auto;word-break:keep-all}
	.tech3 img {width:100%;margin:0 0 10px 0}

	ul.div.col2 li {width:100%;padding:0;margin-top:20px}
	ul.div.col2 li:first-child {margin:0}
	ul.div.col2 li a {display:inline-block;float:left}
	.tb_h6 .col2 table {width:calc(100% - 140px)}

	.tb.board colgroup, .tb.board th, .tb.board td {display:none}
	.tb.board th:nth-of-type(2),
	.tb.board td:nth-of-type(2),
	.tb.board th:nth-of-type(4),
	.tb.board td:nth-of-type(4)	{display:table-cell}


.sub0305 {clear:both;margin-top:10px}

h6.mblock {display:block}


.catag {width:100%}
.catag img {width:100%}

.orderform table th {display:none}
.orderform label {display:block;color:#0066cc;font-size:14px}
.orderform input {padding:3px;font-size:1.7em}
.input40 {width:95%}
.input90 {width:95%}
.selepart {font-size:1.7em;padding:3px;width:95%}
.subtop0401 img {width:100%}

.global img {width:100%}


	#footer {width:100%}
	#footer .info.wrap {width:100%}
	#footer .info > li {width:100%;padding:25px 12px 15px}
	#footer .info .support {background:url('/images/main/ico_footer_support.png') 50% 50% no-repeat;background-size:contain;margin:5px 12px 0}
	#footer .info .contact {width:100%;padding-right:0;margin:0}
	#footer .info .telpc {padding:0;background:#ccc}
	#footer .info .telpc a {display:block;float:left;width:50%;padding:12px 0;color:#003;font-size:14px;text-align:center}
	#footer .info .telpc a:first-child {border-right:1px solid #999;box-sizing:border-box}
	#footer .copyright {padding:25px 0;text-align:center}
	#footer .copyright a {position:fixed;z-index:50;right:12px;bottom:120px}
}