/********** 컨텐츠 타이틀 **********/

h2 { font-size:44px; font-weight:700; }
h3 { font-size:34px; font-weight:700; }
h4 { font-size:26px; font-weight:500; }
h5 { font-size:20px; font-weight:500; }

h2, h3, h4, h5 { line-height:150%; color:#222; }

.h1 i { display:block; font-style:normal; height:74px; line-height:100px; overflow:hidden; margin-bottom:20px; font-size:100px; color:#eee; }

@media (max-width:1500px) {
	.h1 { font-size:44px; }
	h2 { font-size:38px; }
	h3 { font-size:29px; }
	h4 { font-size:24px; }
	h5 { font-size:17px; }
}
@media (max-width:1030px) {
	.h1 { font-size:38px; }
	.h1 i { height:60px; line-height:80px; margin-bottom:15px; font-size:80px; }
	h2 { font-size:33px; }
	h3 { font-size:26px; }
	h4 { font-size:21px; }
	h5 { font-size:15px; }
}
@media (max-width:768px) {
	.h1 { font-size:33px; }
	h2 { font-size:28px; }
	h3 { font-size:23px; }
	h4 { font-size:18.5px; }
	h5 { font-size:14.5px; }
}
@media (max-width:540px) {
	.h1 { font-size:28px; }
	.h1 i { height:40px; line-height:54px; margin-bottom:10px; font-size:54px; }
	h2 { font-size:25px; }
	h3 { font-size:20px; }
	h4 { font-size:16px; }
	h5 { font-size:14px; }
}

.h3_04 { text-align:center; color:#133984; }
.h3_04:after { display:block; content:''; height:30px; margin-top:14px; width:1px; margin-left:auto; margin-right:auto; border-left:1px solid #999; }
@media (max-width:768px) {
	.h3_04:after { height:18px; margin-top:10px; }
}
@media (max-width:420px) {
	.h3_04:after { height:14px; margin-top:8px; }
}




/* 인사말 */

#com_mark ul { padding-left:15%; margin:-15px -12px; }
#com_mark ul li div { height:140px; margin:15px 12px; border:1px solid #ccc; border-radius:16px; background-position:center; background-repeat:no-repeat; }
#com_mark ul li:nth-child(1) div { background-image:url('/images/com_mark1.gif'); }
#com_mark ul li:nth-child(2) div { background-image:url('/images/com_mark2.gif'); }
#com_mark ul li:nth-child(3) div { background-image:url('/images/com_mark3.gif'); }
#com_mark ul li:nth-child(4) div { background-image:url('/images/com_mark4.gif'); }
#com_mark ul li:nth-child(5) div { background-image:url('/images/com_mark5.gif'); }
#com_mark ul li:nth-child(6) div { background-image:url('/images/com_mark6.gif'); }


#partner { margin:-5px; }
#partner:after { clear:both; visibility:hidden; display:block; content:''; }
#partner li { float:left; width:20%; }
#partner li div { margin:5px; height:120px; border:1px solid #d5d5d5; background-position:center; background-repeat:no-repeat;}


@media (max-width:1200px) {
	#com_mark ul li:nth-child(1) div { background-size:50px; }
	#com_mark ul li:nth-child(2) div { background-size:124px; }
	#com_mark ul li:nth-child(3) div { background-size:74px; }
	#com_mark ul li:nth-child(4) div { background-size:90px; }
	#com_mark ul li:nth-child(5) div { background-size:54px; }
	#com_mark ul li:nth-child(6) div { background-size:58px; }

	#partner li { width:25%; }
}

@media (max-width:1030px){
	#com_mark ul { padding-left:10%; margin:-10px -5px; }
	#com_mark ul li div { height:120px; margin:10px 5px; border-radius:12px; }
	#partner li div { height:100px; background-size:160px; }
}

@media (max-width:860px){
	#greeting > li { width:100%; }
	#com_mark { margin-top:50px; }
	#com_mark ul { padding-left:0; margin:-10px auto; width:500px; }
	#com_mark ul li div { margin:10px 10px; }
	#partner li div { height:90px; background-size:140px; }
}

@media (max-width:600px){
	#com_mark { margin-top:30px; }
	#com_mark ul { margin:-5px auto; width:300px; }
	#com_mark ul li div { height:80px; margin:5px 5px; border-radius:8px; }
	#com_mark ul li:nth-child(1) div { background-size:34px; }
	#com_mark ul li:nth-child(2) div { background-size:90px; }
	#com_mark ul li:nth-child(3) div { background-size:48px; }
	#com_mark ul li:nth-child(4) div { background-size:58px; }
	#com_mark ul li:nth-child(5) div { background-size:38px; }
	#com_mark ul li:nth-child(6) div { background-size:40px; }
}



#biz .tabcont ul { width:1000px; margin:-20px auto; }
#biz .tabcont ul li { padding:20px; }
#biz .tabcont ul li img { width:100%; }

@media (max-width:1100px) {
	#biz .tabcont ul { width:auto; margin:-20px; }
}

@media (max-width:940px) {
	#biz .tabcont ul { margin:-10px; }
	#biz .tabcont ul li { padding:10px; }
}

@media (max-width:700px) {
	#biz .tabcont ul { margin:-10px 0; }
	#biz .tabcont ul li { width:100%; padding:10px 0; }
	#partner li { width:33.33%; }
}
@media (max-width:500px) {
	#partner li div { height:70px; background-size:100px; }
}



/*  회사모토 */

#motto .img_mo { display:none; }

@media (max-width:1140px) {
	#motto .img_pc img {width:100%;}
}
@media (max-width:760px) {
	#motto .img_pc { display:none; }
	#motto .img_mo { display:block; }
	#motto .img_mo img { width:380px; }
}
@media (max-width:440px) {
	#motto .img_mo img { width:100%; }
}



/*  주요고객 */

#client ul { margin:-15px; }
#client ul:after { clear:both; visibility:hidden; display:block; content:''; }
#client ul li { float:left; width:25%; }
#client ul li div { margin:15px; height:140px; border:1px solid #d5d5d5; background-position:center; background-repeat:no-repeat;}

@media (max-width:1300px) {
	#client ul { margin:-10px; }
	#client ul li div { margin:10px; height:120px; background-size:200px; }
}

@media (max-width:1040px) {
	#client ul { margin:-5px; }
	#client ul li div { margin:5px; height:100px; background-size:160px; }
}

@media (max-width:760px) {
	#client ul { margin:-10px; }
	#client ul li { width:33.33%; }
	#client ul li div { margin:10px; }
}
@media (max-width:580px) {
	#client ul { margin:-5px; }
	#client ul li div { margin:5px; height:80px; background-size:120px; }
}
@media (max-width:420px) {
	#client ul { margin:-3px; }
	#client ul li div { margin:3px; height:60px; background-size:100px; }
}



/*  조직도 */

#organ ul { margin:-25px -20px; }
#organ ul:after { clear:both; visibility:hidden; display:block; content:''; }
#organ ul li { float:left; width:25%; }
#organ ul li > div { margin:25px 20px; height:320px; border:1px solid #1768bb; padding-top:60px; border-radius:40px; }

#organ ul li#first div { background:url('/images/organ.gif') center no-repeat; border:none; }

#organ .icon_box { width:140px; height:140px; border-radius:50%; background-color:#1768bb; background-position:center; background-repeat:no-repeat; margin:0 auto; }
#organ p { font-weight:400; line-height:150%; text-align:center; color:#222; }


@media (max-width:1300px) {
	#organ ul { margin:-20px -15px; }
	#organ ul li > div { margin:20px 15px; height:280px; padding-top:50px; border-radius:30px; }
	#organ ul li#first div { background-size:160px; }
	#organ .icon_box { width:120px; height:120px; background-size:64px; }
}
@media (max-width:1000px) {
	#organ ul li { width:33.33% }
}
@media (max-width:800px) {
	#organ ul li > div { height:260px; padding-top:40px; border-radius:20px; }
}
@media (max-width:760px) {
	#organ ul { margin:-15px -10px; }
	#organ ul li > div { margin:15px 10px; height:210px; padding-top:30px; }
	#organ ul li#first div { background-size:130px; }
	#organ .icon_box { width:100px; height:100px; background-size:54px; }
}
@media (max-width:580px) {
	#organ ul li { width:50% }
}
@media (max-width:420px) {
	#organ ul { margin:-10px -5px; }
	#organ ul li > div { margin:10px 5px; height:190px; padding-top:25px; }
	#organ ul li#first div { background-size:110px; }
	#organ .icon_box { width:90px; height:90px; background-size:48px; }
}




/* 오시는길 */

#location_map {	width:100%;	height:600px; margin-bottom:-4px; }

.map_table { border-top:1px solid #ccc; }
.map_table tr td { padding-top:15px; padding-bottom:15px; border-left:0; border-right:0; font-weight:400; }
.map_table tr td.map_icon { width:50px; padding-left:30px; padding-right:0;}

.map_icon div {
	width:50px;
	height:50px;
	background-color:#333;
	border-radius:25px;
	background-repeat:no-repeat;
	background-position:center;
}
.map_icon .map_hp { background-image:url('/images/map_hp.png'); }
.map_icon .map_tel { background-image:url('/images/map_tel.png'); }
.map_icon .map_mail { background-image:url('/images/map_mail.png'); }
.map_icon .map_fax { background-image:url('/images/map_fax.png'); }

#loc_guide .map_icon2 { width:100px; }
#loc_guide .map_icon2 div { width:80px; height:80px; border-radius:40px; background-repeat:no-repeat; background-position:center; }
#loc_guide .map_icon2 .map_car {  background-image:url('/images/map_car.png'); background-size:36px 27px; }
#loc_guide .map_icon2 .map_subway {  background-image:url('/images/map_subway.png'); background-size:31px 38px; }
#loc_guide .map_icon2 .map_bus {  background-image:url('/images/map_bus.png'); background-size:29px 34px; }

#loc_guide h3 { line-height:100%; }
#loc_guide tr td { padding:15px 0; }

@media (max-width:650px) {
	#loc_guide .map_icon2 { width:70px; }
	#loc_guide .map_icon2 div { width:50px; height:50px; }
	#loc_guide .map_icon2 .map_car { background-size:28px 21px; }
	#loc_guide .map_icon2 .map_subway { background-size:23px 28px; }
	#loc_guide .map_icon2 .map_bus { background-size:22px 26px; }
}
@media (max-width:540px){
	.map_table tr td.map_icon { width:40px; padding-left:16px; }
	.map_icon div { width:40px; height:40px; }
	.map_icon .map_hp { background-size:11px; }
	.map_icon .map_tel { background-size:17px 17px; }
	.map_icon .map_mail { background-size:17px 13px; }
	.map_icon .map_fax { background-size:18px 15px; }
}
@media (max-width:420px) {
	#location_map {	height:360px; }
	.map_table tr td { font-size:14px; }
}








/* CE */

#ce .explan li { float:right; }
#ce .explan li:last-child { width:70%; }
#ce .explan li:first-child { width:30%; text-align:center; }

#ce_product { width:1100px; margin:0 auto; }
#ce_product .col_box { margin:0 30px; }
#ce_product .col_box div { padding:15px 0; text-align:center; color:#fff; font-weight:400; }
#ce_product .col_box p, #ce_product .col_box ul { margin-top:1px; padding:30px; line-height:150%; font-weight:400; border:1px solid #ddd; background:#f5f5f5; }
#ce_product .col_box ul li { font-weight:400; }

@media (max-width:1200px) {
	#ce_product { width:auto; margin:0 -20px; }
	#ce_product .col_box { margin:0 20px; }
}
@media (max-width:1040px) {
	#ce .explan li:last-child { width:80%; }
	#ce .explan li:first-child { width:20%; }
	#ce .explan img { width:80px; }

	#ce_product { margin:0 -10px; }
	#ce_product .col_box { margin:0 10px; }
	#ce_product .col_box p, #ce_product .col_box ul { padding:20px 24px; }
}
@media (max-width:760px) {
	#ce .explan li:first-child { width:100%; }
	#ce .explan li:last-child { width:100%; margin-top:50px; }

	#ce_product li { width:100%; }
	#ce_product { margin:-10px 0; }
	#ce_product .col_box { margin:10px 0; }
}

@media (max-width:420px) {
	#ce .explan img { width:60px; }
	#ce .explan li:last-child { margin-top:30px; }
	#ce_product .col_box p, #ce_product .col_box ul { padding:18px 18px; }
}






/* SEMI */

#semi .explan li { float:right; }
#semi .explan li:last-child { width:65%; }
#semi .explan li:first-child { width:35%; text-align:center; }


@media (max-width:1200px) {
	#semi .explan li:last-child { width:70%; }
	#semi .explan li:first-child { width:30%; }
	#semi .explan img { width:200px; }

}

@media (max-width:1040px) {
	#semi .td_h6 { width:30%; }
	#semi .td_l { width:70%; }
}


@media (max-width:900px) {
	#semi .explan li:first-child { width:100%; }
	#semi .explan li:last-child { width:100%; margin-top:50px; }
}

@media (max-width:420px) {
	#semi .explan img { width:140px; }
	#semi .explan li:last-child { margin-top:30px; }
}




/* NRTL */

#nrtl .explan li { float:right; }
#nrtl .explan li:last-child { width:70%; }
#nrtl .explan li:first-child { width:30%; text-align:center; }
#nrtl .explan li:first-child p { line-height:140%; }

#nrtl .res_table { width:1200px; }
#nrtl .res_table tbody th { width:26%; background:#f5f5f5; }
#nrtl .res_table tbody td { width:37%; }

#nrtl_list td { padding-top:10px; padding-bottom:10px; }
#nrtl_list .tit_box { padding-right:30px; }
#nrtl_list .tit_box .vm_wrap { width:130px; height:130px; background:#1768bb; border-radius:50%; }
#nrtl_list .tit_box .vm { color:#fff; font-weight:400; font-size:16px; line-height:130%; }
#nrtl_list .detail { line-height:170%; font-weight:400; font-size:16px; }

@media (max-width:1300px) {
	#nrtl .res_table { width:100%; }
}

@media (max-width:1040px) {
	#nrtl .explan img { width:100px; }
	#nrtl_list .tit_box .vm_wrap { width:110px; height:110px; }
}

@media (max-width:900px) {
	#nrtl .explan li:first-child { width:100%; }
	#nrtl .explan li:last-child { width:100%; margin-top:50px; }
	#osha { width:140px; }
	#nrtl_list .tit_box { padding-right:20px; }
	#nrtl_list .detail { line-height:150%; }
}

@media (max-width:420px) {
	#nrtl .explan img { width:80px; }
	#nrtl .explan li:last-child { margin-top:30px; }
	#osha { width:100px; }
	#nrtl_list .tit_box { padding-right:14px; }
	#nrtl_list .tit_box .vm_wrap { width:90px; height:90px; }
}




/* UK CA */

#ukca .explan li { float:right; }
#ukca .explan li:last-child { width:70%; }
#ukca .explan li:first-child { width:30%; text-align:center; }
#ukca .explan li:first-child p { line-height:140%; }

#ukca #his_m { display:none; }


@media (max-width:1040px) {
	#ukca .explan img { width:100px; }
}
@media (max-width:900px) {
	#ukca .explan li:first-child { width:100%; }
	#ukca .explan li:last-child { width:100%; margin-top:50px; }
	#ukca #his { width:600px; }
}
@media (max-width:760px) {
	#ukca #his { display:none; }
	#ukca #his_m { display:inline; width:400px; }
}
@media (max-width:420px) {
	#ukca .explan img { width:80px; }
	#ukca .explan li:last-child { margin-top:30px; }
	#ukca #his_m { width:90%; }
}





/* 국내 제3자 */

#korea3 .explan .img_mo { display:none; }

.process { display:inline-block; margin:-20px 0; }
.process:after { clear:both; visibility:hidden; display:block; content:''; }
.process li { float:left; margin:20px 0; width:auto; }
.process li .col_box { width:230px; border:1px solid #ccc; border-radius:20px; padding:0 30px; position:relative; font-size:16px; font-weight:400; line-height:150%; background:#f5f5f5; }
.process li .col_box, .process li.arrow { height:200px; }
.process li.arrow { width:50px; background:url('/images/pro_arrow.png') center no-repeat; }

.process .col_box p { text-align:left; }
.process .ban_title { font-size:18px; font-weight:400; color:#333; }
.process .ban_detail { font-size:15px; line-height:140%; font-family:Nanum Gothic; font-weight:400; }


@media (max-width:1300px) {
	#korea3 .explan .img_pc img {width:620px;}
}
@media (max-width:1200px) {
	.process li .col_box { width:200px; padding:0 20px; }
}
@media (max-width:800px) {
	#korea3 .explan .img_pc img {width:540px;}
	.process { margin:-13px 0; }
	.process li { margin:13px 0; }
	.process li .col_box { width:180px; }
	.process li .col_box, .process li.arrow { height:180px; }
	.process li.arrow { width:36px; background-size:7px; }
}
@media (max-width:640px) {
	#korea3 .explan .img_pc { display:none; }
	#korea3 .explan .img_mo { display:block; }
	#korea3 .explan .img_mo img { width:220px; }
	.process { margin:-8px 0; }
	.process li { margin:8px 0; }
	.process li .col_box { width:140px; }
	.process li .col_box, .process li.arrow { height:160px; }
	.process li.arrow { width:26px; background-size:6px; }
}







/* 국내 인증 */


#kcs .explan li { float:right; }
#kcs .explan li:last-child { width:70%; }
#kcs .explan li:first-child { width:30%; text-align:center; }
#kcs table strong { font-weight:500; color:#1768bb; }

#kcs table tr td:nth-child(2) { width:28%; font-weight:400; }


@media (max-width:1040px) {
	#kcs .explan img { width:90px; }
}

@media (max-width:900px) {
	#kcs .explan li:first-child { width:100%; margin-top:20px; }
	#kcs .explan li:last-child { width:100%; margin-top:50px; }
}
@media (max-width:760px) {
	#kcs table tr th:first-child { display:none; }
	#kcs table tr td:nth-child(2), #kcs table tr th:nth-child(2) { border-left:0; }
}
@media (max-width:420px) {
	#kcs .explan img { width:60px; }
	#kcs .explan li:last-child { margin-top:30px; }
}



.dol_05 > li { position:relative; font-size:16.5px; padding:6px 0 6px 30px; line-height:150%; color:#222; }
.dol_05 > li > i { position:absolute; font-weight:700; font-style:normal; font-size:18px; left:0; top:5px; }

@media (max-width:1200px) {
	.dol_05 > li { padding:5px 0 5px 28px; font-size:15px; }
	.dol_05 > li > i { font-size:17px; top:4px; }
}
@media (max-width:768px) {
	.dol_05 > li { padding:4px 0 4px 24px; font-size:14px; }
	.dol_05 > li > i { font-size:15px; top:3px; }
}
@media (max-width:420px){
	.dol_05 > li { padding:4px 0 4px 22px; font-size:13.5px; }
	.dol_05 > li > i { font-size:14px; }
}


#smark .explan li { float:right; }
#smark .explan li:last-child { width:70%; }
#smark .explan li:first-child { width:30%; text-align:center; }

@media (max-width:1040px) {
	#smark .explan img { width:100px; }
}

@media (max-width:900px) {
	#smark .explan li:first-child { width:100%; margin-top:20px; }
	#smark .explan li:last-child { width:100%; margin-top:50px; }
}

@media (max-width:420px) {
	#smark .explan img { width:66px; }
	#smark .explan li:last-child { margin-top:30px; }
}






/* 전자파 */

#emc ul { margin:0 -30px; }
#emc ul li { padding:0 30px; }
#emc table tr td:nth-child(1) { width:65%; }
#emc table tr td:nth-child(2) { width:35%; }

@media (max-width:1300px) {
	#emc ul { margin:0 -20px; }
	#emc ul li { padding:0 20px; }
}
@media (max-width:1040px) {
	#emc_img { width:600px; }
	#emc ul { margin:0 -15px; }
	#emc ul li { padding:0 15px; }
}
@media (max-width:760px) {
	#emc_img { width:90%; }
	#emc ul { margin:-15px 0; }
	#emc ul li { padding:15px 0; width:100%; }
}
@media (max-width:420px) {
	#emc_img { width:100%; }
}



/* 링크 버튼 */

a.link_btn { display:inline-block; font-weight:400; box-sizing:content-box; height:60px; line-height:60px; padding:0 30px; font-size:15px; color:#fff; background-color:#292929; }
a.link_btn:after { float:right; margin-left:12px; width:39px; opacity:.8; background-image:url("/images/arr3_mdw_02.png"); content:''; display:block; height:inherit; background-position:center; background-repeat:no-repeat; }
a.link_btn:hover { background-color:#1768bb !important;  }

@media (max-width:1200px) {
	a.link_btn { height:51px; line-height:51px; padding:0 26px; }
	a.link_btn:after { float:right; width:33px; background-size:33px 33px; margin-left:10px }
}

@media (max-width:768px) {
	a.link_btn { height:45px; line-height:45px; padding:0 21px; }
	a.link_btn:after { float:right; width:27px; background-size:27px 27px; margin-left:8px }
}

@media (max-width:420px) {
	a.link_btn { height:42px; line-height:42px; padding:0 20px; }
}



/* 진행 절차 */

#process ul { width:800px; margin:0 auto; }
#process .proc { width:100%; height:86px; border-radius:100px; display:table; }
#process .proc div { display:table-cell; vertical-align:middle; text-align:center; color:#444; font-size:17.5px; font-weight:400; line-height:140%; padding:0 15px; }
#process .proc_f { background:#f5f5f5; }
#process .proc_e { background:#1768bb; }
#process .proc_m { border:1px solid #b0bcd4; }
#process .arrow { margin:24px 0; text-align:center; line-height:0; }


@media (max-width:1300px) {
	#process ul { width:680px; }
	#process .proc { height:70px; }
	#process .proc div { font-size:16px; }
	#process .arrow { margin:18px 0; }
	#process .arrow img { width:16px; }
}
@media (max-width:900px) {
	#process ul { width:600px; }
	#process .proc { height:64px; }
	#process .proc div { font-size:14px; }
	#process .arrow { margin:14px 0; }
	#process .arrow img { width:14px; }
}
@media (max-width:760px) {
	#process ul { width:100%; }
	#process .proc { height:56px; }
	#process .proc div { font-size:12.5px; }
	#process .arrow { margin:10px 0; }
	#process .arrow img { width:12px; }
}

