@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Abel);
@import url(http://fonts.googleapis.com/css?family=Ropa+Sans);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);	/* Roboto Condensed */
@import url(http://fonts.googleapis.com/css?family=Roboto:300,500);			/* Roboto */
@import url(http://fonts.googleapis.com/css?family=Exo:400,500,600,700,800);		/* Exo */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);			/* Nanum Gothic' */
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);			/* Nanum Myeongjo */
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);		/* Nanum Brush Script */
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);			/* Nanum Pen Script */
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);

@import url(reset.css);
@import url(layout_en.css);
@import url(en_gnb.css);
@import url(wing.css);
body { font-family:'Roboto'; font-weight:300;}
body { word-wrap:break-word; word-break:normal;}
.ko { font-family:'Nanum Gothic'; clear:both !important;}
.lang_en {display:inline-block;}
.lang_ko {display:none;}
#gnb_wrap_m {display:none;}
#skipnavi, 
#gnb_wrap, 
#lnb_quick .ql_switch,
#lnb_quick #wingQuickmenu  {display:block;}

@media screen and (max-width: 767px){
	#gnb_wrap_m {display:block;}
	#skipnavi, 
	#gnb_wrap, 
	#lnb_quick .ql_switch,
	#lnb_quick #wingQuickmenu {display:none;}	
}

.IDX1 { background:url("/design/images_en/idx/idx1_bg.jpg") no-repeat center; background-size:contain }
.IDX1 div div { background:url("/design/images_en/idx/idx1_1.png") no-repeat center; background-size:contain }

.IDX2 { background:url("/design/images_en/idx/idx2_bg.jpg") no-repeat center; background-size:contain }
.IDX2 div div { background:url("/design/images_en/idx/idx2_1.png") no-repeat center; background-size:contain }

.IDX3 { background:url("/design/images_en/idx/idx4_bg.jpg") no-repeat center; background-size:contain }
.IDX3 div div { background:url("/design/images_en/idx/idx4_1.png") no-repeat center; background-size:contain }

.IDX4 { background:url("/design/images_en/idx/idx5_bg.jpg") no-repeat center; background-size:contain }
.IDX4 div div { background:url("/design/images_en/idx/idx5_1.png") no-repeat center; background-size:contain }

.IDX5 { background:url("/design/images_en/idx/idx6_bg.jpg") no-repeat center; background-size:contain }
.IDX5 div div { background:url("/design/images_en/idx/idx6_1.png") no-repeat center; background-size:contain }


.IDX10 { background:url("/design/images/brand/idx/idx13-bg.gif") no-repeat top; background-size:contain }
.IDX10  div div{ background:url("/design/images/brand/idx/idx13-1-en.png") no-repeat center; background-size:contain }
@media screen and (max-width: 767px){

	.IDX1 { background:url("/design/images_en/idx/idx1_bg_m.jpg") no-repeat center; background-size:contain }
	.IDX1 div div { background:none; background-size:contain }

	.IDX2 { background:url("/design/images_en/idx/idx2_bg_m.jpg") no-repeat center; background-size:contain }
	.IDX2 div div { background:none; background-size:contain }

	.IDX3 { background:url("/design/images_en/idx/idx4_bg_m.jpg") no-repeat center; background-size:contain }
	.IDX3 div div { background:none; background-size:contain }
	
	.IDX4 { background:url("/design/images_en/idx/idx5_bg_m.jpg") no-repeat center; background-size:contain }
	.IDX4 div div { background:none; background-size:contain }
	
	.IDX5 { background:url("/design/images_en/idx/idx6_bg_m.jpg") no-repeat center; background-size:contain }
	.IDX5 div div { background:none; background-size:contain }
}

/* 010101_information.jsp */
	.p010101 .p1 li { float:left;  } 
	.p010101 .p1 li.s1 { width:40%; text-align:center; padding-top:30px;} 
	.p010101 .p1 li.s2 { width:60%; padding-top:30px;} 
	.p010101 .p1 .tbl_chart {width:100%;} 
	.p010101 .p1 th { white-space:nowrap !important;} 
@media screen and (max-width: 1300px){
	.p010101 .p1 li.s1 { width:100%; } 
	.p010101 .p1 li.s2 { width:100%; } 
}
@media screen and (max-width: 767px){
	
	.p010101 .p1 li.s1 { padding-top:0;} 
}

/* 010102_misson.jsp */
	.p010102 .p1 * {padding:0; margin:0;}
	.p010102 .p1 { border:1px solid #e1e1e1;background: #fafafa; box-sizing:border-box;  border-radius:15px; padding:20px;}
	.p010102 .p1 > li { float:left; width:45%; line-height:120%;}

	.p010102 .p1 li.s1 {padding-right:5%;}
	.p010102 .p1 li.s2 {padding-left:5%;}

	.p010102 .p1 li.s2 {text-align:right;}
	.p010102 .p1 li.s2 ul  {padding-top:5px;}
	.p010102 .p1 li.s2 ul li {  font-size:11px; color:#a7a7a7;font-weight:bold;  line-height:110%;}
	.p010102 .p1 li.s2 ul li span {font-family:"Roboto Condensed";font-weight:normal;}
		.p010102 .p1 > li >  .bot-space{ margin-bottom:10px;}
	.p010102 .p1 > li >  .bot-space1 { margin-top:10px;}
	.p010102 .p1 > li >  .bot-space  span { font-weight:bold; color:#053a81; display:block; margin-bottom:5px;}
	.p010102 .p1 > li >  span { font-weight:bold; color:#053a81; }
	.p010102 .p1 h2 { background:none; font:24px "Exo"; font-weight:bold; color:#053a81; letter-spacing:0; }
	
	.p010102 .p2 * {padding:0; margin:0;}
	.p010102 .p2 {margin-top:50px;}
	.p010102 .p2 > li  { float:left; width:50%; line-height:120%;}
	.p010102 .p2 li.s1  { float:left; width:20%; }
	.p010102 .p2 li.s1 img  {width:100%; }
	.p010102 .p2 li.s2  { float:left; width:70%; padding:10px 0; }
	.p010102 .p2 ul { clear:both;}


@media screen and (max-width: 980px){
	.p010102 .p1 {  padding:10px 10px 20px 10px;}
	.p010102 .p1 > li {  width:100%; }
	.p010102 .p1 li.s1 {padding-right:0;}
	.p010102 .p1 li.s2 {padding-left:0;}
	.p010102 .p1 li.s2 {text-align:left; padding-top:10px;}
	.p010102 .p1 li.s2 ul li {  font-size:10px;}

	.p010102 .p2 {margin-top:10px;}
	.p010102 .p2 > li  {width:100%;}
	.p010102 .p2 li.s1  {  width:30%; }
	.p010102 .p2 li.s2  {  width:70%; padding:10px 0; }
}

/*p010103_ethical.jsp */
.p010103 .p1 a {width:250px;}
.p010103 .poview1 textarea {height:200px;}
/* span.s_email {display:inline-block; padding:10px 20px; border:1px solid #eeeeee; border-radius:200px;  box-sizing:border-box; color:#1b4485; line-height:100%; }*/
@media screen and (max-width: 980px){
	.p010103 .p1 a {width:50%;}
}
@media screen and (max-width: 767px){
	.p010103 .p1 a {width:100%;}
}

/* 010104_manage.jsp */
	.p010104 .pn {border-bottom:0px solid #ccc;}
	.p010104 .pn .p2 > ul { border-top:0px solid #ccc; box-sizing:border-box;  padding:0; margin:0 } 
	.p010104 .pn .p2 ul li {padding:0; margin:0; margin: 20px 0;}
	.p010104 .pn .p2 ul li.s1 { float:left; width:30%; text-align:center;   }
	.p010104 .pn .p2 ul li.s1 img {box-sizing:border-box;}
	.p010104 .pn .p2 ul li.s2 { float:left; width:70%;padding-left:0; border-left:0px solid #ccc;  box-sizing:border-box; }
	.p010104 .pn .p2 ul li.s2 ul { padding:0; margin:0}
	.p010104 .pn .p2 ul li.s2 ul li { clear:both; background:url("/design/images/common/icon_head_blue.png") no-repeat top 10px left;margin:0; padding:0 0 0 10px; }
	

@media screen and (max-width: 980px){
	.p010104 .p2 > ul > li {clear:both; width:100% !important; padding-left:0 !important;}
	.p010104 .pn .p2 ul li {padding:0; margin:0; }
	.p010104 .pn .p2 ul li.s2 {padding:0 0 15px 0;border-left:0px solid #ccc;}
	.p010104 .pn .p2 ul li.s1 img { width:60%;}
	.p010104 .pn .p2 ul li.s2 ul li { clear:both; background:url("/design/images/common/icon_head_blue.png") no-repeat top 7px left;margin:0; padding:0 0 0 10px; }
}
@media screen and (max-width: 767px){

}


/* 010201_ceo.jsp */
	.p010201 .p1 li { float:left; } 
	.p010201 .p1 li.s1 {width:40%; text-align:right; display:none; } 
	.p010201 .p1 li.s2 {width:100%; padding-left:0%; } 
	
@media screen and (max-width: 767px){
	.p010201 .p1 li { clear:both; width:100% !important; padding:0 !important;} 
}

/* 010301_history.jsp */
	.p010301 .pn {background:url("/design/images/company/010301/bg.png") repeat-y top center; background-size:100% auto; margin-top:50px;}
	.p010301 .pn li ul li.s1 {float:left; width:30%;min-height:110px; text-align:center; background:url("/design/images/company/010301/off.png") no-repeat top center; } 
	.p010301 .pn li ul li.s1 span { font:24px "Roboto Condensed"; color:#fff; width:90px; line-height:105px;}
	.p010301 .pn li ul li.s2 {float:left; width:65%; padding-left:5%; }
	.p010301 .pn li ul li.s2 span { vertical-align:top;} 


	.p010301 .pn li ul li.s2 span.hdate {display:inline-block; font-weight:bold; line-height:120%; padding:0 0 10px 0; color:#063069;width:10%; } 
	.p010301 .pn li ul li.s2 span.htit {display:inline-block; line-height:120%; padding:0 0 10px 0;width:80%; } 
@media screen and (max-width:1300px){
	.p010301 .pn li ul li.s2 span.hdate {display:block; width:100%;padding:0 0 2px 0; } 
	.p010301 .pn li ul li.s2 span.htit  {padding:0 0 10px 0;}
}

/* 010401_ci.jsp */
	.p010401 .pn li span {float:right; } 
	.p010401 .pn li a {width:150px;box-sizing:border-box;}

	.p010401 .pn li .wl {text-align:center;  margin-bottom:5px; border:1px solid #ccc; box-sizing:border-box; background: url("/design/images/common/bg_square.png") center}
	.p010401 .pn li .wl2 { background:#ebebeb url("/design/images/common/bg_square.png") center}
	.p010401 .p1 li .wl  {padding:60px 0;}
	.p010401 .p2 li .wl  {padding:60px 0;}

	.p010401 .p2 li.s1 {float:left; width:49%; margin-right:1%; box-sizing:border-box; } 
	.p010401 .p2 li.s2 {float:right; width:49%; margin-left:1%;box-sizing:border-box; } 

	.p010401 .p3 li a {width:100%; margin:1px 0 1px 0;box-sizing:border-box;}
	.p010401 .p3 li.s1 {float:left; width:32%; margin-right:1%; box-sizing:border-box; } 
	.p010401 .p3 h3 {font:18px "Roboto Condensed";}

@media screen and (max-width: 980px){
	.p010401 .pn .wl img { width:80% !important; } 
	.p010401 .pn li span { float:left; width:100%  } 
	.p010401 .pn li a {width:100% !important; margin:0 0 2px 0;  }
}
@media screen and (max-width: 767px){
	.p010401 .pn li { clear:both; width:100% !important; } 
	.p010401 .p1 li .wl  {padding:20px 0;}
	.p010401 .p1 .wl img { width:100% !important; } 
	.p010401 .p2 li .wl  {padding:30px 0;}
}

/* 010501_affiliate.jsp */
	.p010501 .pn li { box-sizing:border-box; } 
	.p010501 .pn .p1 { border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:30px; } 
	.p010501 .pn li.s1 {float:right; width: 50%; height:100%; text-align:center; padding:50px 0; border:1px solid #ccc; box-sizing:border-box; background: url("/design/images/common/bg_cross.png") center; } 
	.p010501 .pn li.s2 {clear:both; float:left; width: 48%;padding:0; padding-right:2%;  } 
	.p010501 .pn li.s3 {float:left; width: 48%;padding-right:2%; padding-bottom:20px; } 
	.p010501 .pn li.s4 {clear:both; float:left; width: 48%;padding:10px 0 20px 0; border-top:1px dotted #ccc;  } 
	.p010501 .pn li.s4 li.tit {clear:both; float:left; width: 20%; font-weight:bold; padding:2px 0; } 
	.p010501 .pn li.s4 li.con {float:left; width: 80%;padding:2px 0; } 
	.p010501 .pn li.s5 {clear:both;  width: 50%; } 
	.p010501 .pn li.s5 a {width:90%; box-sizing:border-box; margin-top:0;}
@media screen and (max-width: 980px){
	.p010501 .pn li.s1 img {width:100%;}
	.p010501 .pn li.s1,
	.p010501 .pn li.s2,
	.p010501 .pn li.s3,
	.p010501 .pn li.s4,
	.p010501 .pn li.s5 {clear:both !important; width:100% !important; } 
}
@media screen and (max-width: 767px){
	.p010501 .pn li.s1 img {width:auto;}
	.p010501 .pn li.s1 {padding:10px 0;}
	.p010501 .pn li.s3 {padding:20px 0 10px 0;}

	.p010501 .pn li.s4 li.tit {float:left; width: 30%; font-weight:bold; padding:0px 0; } 
	.p010501 .pn li.s4 li.con {float:left; width: 70%;padding:0px 0; } 
	.p010501 .pn li.s5 a {width:100%; box-sizing:border-box; margin-top:2px;}
}

/* 010701_overseas.jsp */
	.p010701 .pn > li { float:left; width:50% } 
	.p010701 .pn li img { width:100% } 
	.p010701 .pn  li h2 {  background: url("/design/images/company/0107/icon_head.png") no-repeat center left; padding-left:35px; padding-bottom:5px; ; padding-top:5px }

	.p010701 .p1 * {padding:0; margin:0; line-height:100%;}
	.p010701 .p1 li { padding:8px 0;}
	.p010701 .p1 li.s0 { padding-top:15px;}
	.p010701 .p1 li h3 { display:block; margin-top:15px; padding:10px 0 0 0;background:url("/design/images/common/h2_title_bg.png") no-repeat top left;}
	.p010701 .p1 li.s1 { float:left; width:18%; padding-left:2%; font-weight:bold; background: url("/design/images/common/icon_head_red.png") no-repeat center left;}
	.p010701 .p1 li.s2 { float:left; width:80%; font-family: 'Roboto Condensed';}

@media screen and (max-width: 980px){
	.p010701 .pn > li {clear:both !important; width:100% } 
	.p010701 .pn li img { width:100% } 
}

/* 010801_location.jsp */

.p010801 .map_container {width:100%;height:350px; border:1px solid #ccc;box-sizing:border-box;}
.p010801 .pn li:nth-child(2n) {padding:0;}
	.p010801 .tab7 li.tf {width:14.3% ; }
	.p010801 .tab7 li.ts {width:14.2% ; }

#tablnb.tab7 li:nth-child(7) {
	border-top-left-radius: 0;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0; 
}

@media screen and (max-width: 980px){
	.p010801 .tab7 li.tf {width:25% ; }
	.p010801 .tab7 li.ts {width:33.33% ; }
	#tablnb.tab7 li:nth-child(4) {
		border-top-left-radius: 0;
		border-top-right-radius: 16px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0; 
	}
	#tablnb.tab7 li:nth-child(7) {
		border-radius: 0;
	}
}

/* 020101_package.jsp */
	.p020101 .p2 li {background: url("/design/images/common/icon_head_blue.png") no-repeat center left; padding:0 0 0 15px; margin-left:20px;}
	.p020101 .p2 {padding:0px 0 20px 0; }
@media screen and (max-width: 767px){
	.p020101 .p2 {padding:0 0 15px 0;}
}

/* 020202_glasslock.jsp */
/* 020302_chef.jsp */
/* 020402_tumblock.jsp */
/* 020502_oPet.jsp */
.p0200 .gd,
.p0200 .pn { padding-bottom:100px;}

.p0200 .p2 li.s1 {float:left; width:40%; padding:0; text-align:center; border:0px solid #ccc;box-sizing:border-box;}
.p0200 .p2 li.s2 {float:left; width:50%;margin-left:5%;margin-right:5%;}

.p0200 .p3 li.s1 {position:relative; float:left; width:50%; padding:0;border:1px solid #ccc; box-sizing:border-box; text-align:right; }
.p0200 .p3 li.s1 span {position:absolute; top:0px; left:0px; padding:10px 20px; background:#5f7ca9; color:#fff;}
.p0200 .p3 li.s1 span h3 { font-size:18px; color:#fff; }
.p0200 .p3 li.s2 {float:left; width:48%;margin-left:2%; }
.p0200 .p3 li.s2 > ul {margin-bottom:5px;}
.p0200 .p3 li.s2 li.t1 { float:left; width:20%; padding:0 }
.p0200 .p3 li.s2 li.t1 img { border:1px solid #c5d2e4; border-radius:18px;box-sizing:border-box;}
.p0200 .p3 li.s2 li.t2 { float:left;  width:70%;margin-left:5%;margin-right:5%;padding:0}
.p0200 .p3 li.s2 li.t2 ul {margin-bottom:5px;}
.p0200 .p3 li.s2 li.t2 h4 {padding:0; margin:0;}
.p0200 .p3 li.s2 li.t2 p {padding:0; margin:0;}

.p0200 .contents_box {position:relative; }
.p0200 .fixedtab {position:fixed; display:none; top:-11px; z-index:100;max-width:1000px;margin-left:-10px; padding:0 10px; box-sizing:border-box; }
.p0200 .fixedtab .tab5 { position:relative;max-width:980px; }



@media screen and (max-width: 1100px){
	.p0200 .p3 li.s1 { width:100%; padding:0; margin-bottom:5px; }
	.p0200 .p3 li.s1 img {width:60%;}
	.p0200 .p3 li.s2 { width:100%; margin-left:0; }
	.p0200 .p3 li.s1 span h3 { font-size:16px; color:#fff; }
	
}
@media screen and (max-width: 767px){
	.p0200 .fixedtab {margin-left:0; padding:0px; box-sizing:border-box; }
	.p0200 .fixedtab {position:fixed; width:100%;left:0; top:40px; right:0; }
	.p0200 .fixedtab .tab5  {  width:100%; padding-right:0px;}

	.p0200 .p6 li.s1 { width:100%; padding:20px 0 0 0; margin:0; }
	.p0200 .p6 li.s1 img {width:60%;}
	.p0200 .p6 li.s2 { width:100%;margin:0;font-size:12px; font-family: 'Nanum Gothic';}
	.p0200 .p6 li.s2 span {font-size:12px;}
}


/* 020201_uhas.jsp 020302_overseabrand.jsp 040101_contribution.jsp */
/*	.p020201 .p1 {padding:0px 0 20px 0; }
	.p020201 .stc_xxl {padding:20px 0; }
	.p020201 .p2 { padding:0 0 20px;}
	.p020201 .p2 li { float:left; width:25%; padding:0;}
	.p020201 .p3 {border:1px solid #eaeaea; margin-bottom:15px }
	.p020201 .p3 li { float:left; width:50%; padding:0; text-align:center; }
	.p020201 .p3 .s1 { width:40%; padding:5% 5% 0 5%;}
	.p020201 .pn .t_center img {width:40%}
@media screen and (max-width: 980px){
	.p020201 .pn a{width:100% !important;box-sizing:border-box;}
	.p020201 .p2 li { width:50%; padding:0;}
	.p020201 .pn .t_center img {width:70%}
}
@media screen and (max-width: 767px){
	.p020201 .p1 {padding:0 0 15px 0;}
	.p020201 .p3 li {clear:both !important; width:100% } 
	.p020201 .p3 .s1 { width:90%; padding:5%; }
	.p020201 .pn .t_center img {width:100%}
}
*/

/* 030101_global.jsp */
	.p030101 .p1 li{ float:left; width:20%; padding:0; text-align:center;}
	.p030101 .p1 li img {border:1px solid #eaeaea; box-sizing:border-box;}
	.p030101 .p1 li span {display:block; font:12px "Abel"; padding:5px 0 30px 0; overflow:hidden; white-space:nowrap;}
	.p030101 .onoff2 li span {font-family:"Nanum Gothic" !important; }
@media screen and (max-width:1400px){
	.p030101 .p1 li{  width:25%; }
}
@media screen and (max-width:1250px){
	.p030101 .p1 li{  width:32%;margin:0 0.5%; }
}
@media screen and (max-width:1100px){
	.p030101 .p1 li{  width:49%;margin:0 0.5%; }
	.p030101 .p1 li img{  width:100%; }
}
@media screen and (max-width: 767px){
	.p030101 .p1 li{  width:49%;margin:0 0.5%; }
	.p030101 .p1 li span { padding:5px 0 20px 0;  }
}


/* 050101_management.jsp */
	.p050101 .p2 table { margin-bottom:5px;}
	.p050101 .pn th { text-align:center;}
	.p050101 .pn td { text-align:right;}
	.p050101 .pn a {width:220px; height:40px; line-height:40px;}
@media screen and (max-width: 767px){
	.p050101 .pn a {width:100%; box-sizing:border-box; margin-top:2px;}
}
/* 050102_management.jsp */
	.p050102 .pn th { text-align:center;}
	.p050102 .pn td { text-align:center;}

/* 050201_finance.jsp*/
	.p050201 .p1 li  {float:left; width:50%; box-sizing:border-box; text-align:center; } 
	.p050201 .p3 li  {float:left; width:33%; box-sizing:border-box; text-align:center; } 
	.p050201 .p2 th  { text-align:center; } 
	.p050201 .p2 td  { text-align:center; } 
@media screen and (max-width: 980px){
	.p050201 .p1 li { clear:both; width:100% !important; padding:0 !important;} 
}

/* 050202_finance.jsp*/
	.p050202 .p1 h2 {font:20px "Roboto Condensed"; background:none; letter-spacing:0; padding-left:20px;}
	.p050202 .p1> li  {float:left; display:block;  width:48%; margin:0 1%; box-sizing:border-box;margin-bottom:15px;  } 
	.p050202 .p1 dl { border:1px solid #e8edf0; border-radius:20px; background:#fefefe;display:block; line-height:25px; height:25px; padding:4px 6px 4px 20px; margin-bottom:3px; }
	.p050202 .p1 dl dt {float:left;  }
	.p050202 .p1 dl dt.no-data {color:#bbb  }
	.p050202 .p1 dl dt span { font-size:11px; color:#bbb  }
	.p050202 .p1 dl dd { float:right;}
@media screen and (max-width: 980px){
	.p050202 .p1 li { clear:both; width:100% !important; padding:0 !important;} 
	.p050202 .p1 dl {  padding:4px 6px 4px 10px; letter-spacing:-1px;  }
}

/* 050301_announce.jsp */
	.p050301 .p1 { max-width:750px; padding:0 10px; padding-right:24px \0/IE8+9; margin:0 auto;}
	.p050301 .p2 { text-align:right;  } 
	.p050301 .pn a { width:250px; height:40px; line-height:40px;}
@media screen and (max-width: 767px){
	.p050301 .pn a {width:100%; box-sizing:border-box; margin-top:2px;}
}

/* 060102_employProcess.jsp */
	.p060102 .pn {border-bottom:1px solid #ccc;}
	.p060102 .pn .p2 > ul { border-top:1px solid #ccc; box-sizing:border-box;  padding:0; margin:0 } 
	.p060102 .pn .p2 ul li {padding:0; margin:0; margin: 20px 0;}
	.p060102 .pn .p2 ul li.s1 { float:left; width:30%;   }
	.p060102 .p2 h4 {padding:0 0 0 0;}
	.p060102 .p2 h5 {padding:0 0 0 0;  font-family: 'Jeju Gothic'; font-size:16px; }
	.p060102 .pn .p2 ul li.s2 { float:left; width:65%;padding-left:5%; box-sizing:border-box; }

	.p060102 .pn .p2 ul li.s2 ul li span{font-weight:bold; color:#5f7ca9;}
	.p060102 .pn .p2 ul li.s2 p {padding-top:10px;}
	.p060102 .pn .p2 ul li.s2 p a { width:200px; box-sizing:border-box; }
	.p060102 .pn {margin-bottom:20px;}
@media screen and (max-width: 1450px){
	.p060102 .pn .p2 ul li.s1 { width:30%;   }
	.p060102 .pn .p2 ul li.s2 {width:68%;padding-left:2%; }
	.p060102 .pn .p2 ul li.s1 img { box-sizing:border-box; width:100%;}
	.p060102 .pn .p2 ul li.s2 ul li { padding:0 0 0 10px !important; }
}
@media screen and (max-width: 980px){
	.p060102 .p2 h4 {padding:0 0 0 0;}
	.p060102 .pn .p2 ul li.s1 img {border-right:0px solid #ccc; box-sizing:border-box; width:100%;}
	.p060102 .pn .p2 ul li.s2 p a { width:100%;}
}
@media screen and (max-width: 767px){

}

/* 060103_employAnnounce.jsp */
.confirm_person li { padding:10px 0;}
.confirm_person li label {padding:0 15px 0 0; }


/* 060201_information.jsp */
	.p060201 .pn {margin-bottom:0;}
	.p060201 .p1 li { float:left;  width:16.6%; padding:0; margin:0; margin:-1px 0 0 -1px; border:1px solid #a5b5c9; box-sizing:border-box; overflow:hidden; background:#fdfdfd } 
	.p060201 .p1 a { display:block; height:50px; line-height:50px; text-align:center; padding:0; margin:0; border:0px solid #a5b5c9; box-sizing:border-box;}
	.p060201 .p1 li a.choiceon {border:0px solid #5f7ca9; background:#fff url("/design/images/common/table/tablnb_bg.png") no-repeat center top; font-weight:bold; }

	.p060201 .p2 { clear:both; border:3px solid #5f7ca9; box-sizing:border-box; padding:20px; margin-top:10px; }
	.p060201 .p2 li { float:left; padding:0; }
	.p060201 .p2 li.s1 { width:30%;  }
	.p060201 .p2 li.s1 img { border:1px solid #ccc;box-sizing:border-box; margin-bottom:0px;}
	.p060201 .p2 li.s2 { width:100% }
	.p060201 .p2 li.s2 ul {margin-top:20px;}
	.p060201 .p2 li.s2 ul li { clear:both; background:url("/design/images/common/icon_head_blue.png") no-repeat center left; padding:0 0 0 10px; }

@media screen and (max-width: 1200px){
	.p060201 .p1 li { width:25%;}
	.p060201 .p2 li {clear:both; width:100% !important; }
	.p060201 .p2 li.s1 img {width:100%; margin-bottom:15px;}
}
@media screen and (max-width: 980px){
	.p060201 .p1 li { width:33.3%;}
	.p060201 .p1 a { height:30px; line-height:30px;   }
}
@media screen and (max-width: 767px){
	.p060201 .p2 { clear:both; border:2px solid #5f7ca9; box-sizing:border-box; padding:10px; margin-top:10px; }
	.p060201 .p2 li.s2 ul {margin-top:10px;}
}

/* 060202_information.jsp */
	.p060202 .pn {border-bottom:0px solid #ccc;}
	.p060202 .pn .p2 > ul { border-top:0px solid #ccc; box-sizing:border-box;  padding:0; margin:0 } 
	.p060202 .pn .p2 ul li {padding:0; margin:0; margin: 20px 0;}
	.p060202 .pn .p2 ul li.s1 { float:left; width:30%; text-align:center;   }
	.p060202 .pn .p2 ul li.s1 img {box-sizing:border-box;}
	.p060202 .pn .p2 ul li.s2 { float:left; width:60%;padding-left:0; border-left:0px solid #ccc;  box-sizing:border-box; }
	.p060202 .pn .p2 ul li.s2 ul { padding:0; margin:0}
	.p060202 .pn .p2 ul li.s2 ul li { clear:both; background:url("/design/images/common/icon_head_blue.png") no-repeat top 10px left;margin:0; padding:0 0 0 10px; }
	

@media screen and (max-width: 980px){
	.p060202 .p2 li {clear:both; width:100% !important; padding-left:0 !important;}
	.p060202 .pn .p2 ul li {padding:0; margin:0; }
	.p060202 .pn .p2 ul li.s2 {padding:0 0 15px 0;border-left:0px solid #ccc;}
	.p060202 .pn .p2 ul li.s1 img { width:60%;}
}
@media screen and (max-width: 767px){

}

/* 060203_information.jsp */
	.p060203 .pn {border-bottom:1px solid #ccc;}
	.p060203 .pn .p2 > ul { border-top:1px solid #ccc; box-sizing:border-box;  padding:0; margin:0 } 
	.p060203 .pn .p2 ul li {padding:0; margin:0; margin: 20px 0;}
	.p060203 .pn .p2 ul li.s1 { float:left; width:30%; }
	.p060203 .pn .p2 ul li.s1 img { box-sizing:border-box;}
	.p060203 .pn .p2 ul li.s2 { float:left; width:60%; padding-left:5%; border-left:1px solid #ccc; box-sizing:border-box;}
	.p060203 .pn .p2 ul li.s2 ul { padding:0; margin:0}
	.p060203 .pn .p2 ul li.s2 ul li { clear:both; background:url("/design/images/common/icon_head_blue.png") no-repeat top 10px left;margin:0; padding:0 0 0 10px; }
	.p060203 .pn .p2 h4 {padding:0;}
	.p060203 .pn .p2 ul li.s2 ul li span{font-weight:bold; color:#5f7ca9;}
	.p060203 .pn {margin-bottom:20px;}

@media screen and (max-width: 980px){
	.p060203 .p2 li {}
	.p060203 .pn .p2 ul li.s1 img {border-right:0px solid #ccc; box-sizing:border-box; width:100%;}
	.p060203 .pn .p2 ul li.s2 ul li { background:url("/design/images/common/icon_head_blue.png") no-repeat top 7px left; padding:0 0 0 10px !important; }
}
@media screen and (max-width: 767px){

}
/* 060301_inquire.jsp */



/* 060303_inquireDivision.jsp*/
	.p060303 .s1 { float:left; width:45%;}
	.p060303 .s2 { float:left; width:55%; padding-top:20px;}

@media screen and (max-width: 980px){
	.p060303 .p1 li { clear:both; width:100% !important; padding:0 !important;} 
	.p060303 .s2 {  padding-top:0px;}
}

/* 060301_patent.jsp */

.p060301 .pn li {float:left;display:block; padding:15px 0; margin:0;  box-sizing:border-box;}
.p060301 .pn > li {  width:50%;}
.p060301 .p1 h3 { font-size:16px; line-height:120%; letter-spacing:-1px;}
.p060301 .p1 ul > li:first-child {overflow:hidden; text-align:center; }
@media screen and (max-width: 1350px){
	/*.p060301 .pn li img {width:100%;}*/
}
@media screen and (max-width: 1000px){
	.p060301 .pn > li { clear:both;width:100%; }
	.p060301 .pn li img {width:100%;}
}