@charset "utf-8"; 

/* common */
.graybox {background-color:#f7f7f7;}
.graybox2 {background-color:#f7f7f7; text-align:center;}
.whtebox {background-color:#fff;}

.weight { font-weight:700;}
.indent {padding-left:35px; padding-top:10px;}
.Mobile {display:none;}
.w700 {width:700px !important; margin:0 auto;}

.f_size_big {font-size:1.6em; line-height:1.6em;}
.f_size_big2 {font-size:1em; line-height:1.4em;}
.f_size_big3 {font-size:1.3em; line-height:1.6em;}

.contents h2 {font-family: 'Nanum Square';  font-weight:  900; font-size:3em; line-height:1.5em;}
.contents h3 {font-family: 'Nanum Square';  font-size:2em; line-height:1.5em;}
.contents h4 {color:#333; font-family:'Nanum Square';; font-weight:  700;  font-size:1.7em;  line-height:1.8em; clear:both;}
.contents {position:relative; word-break:keep-all;}

.whiteBox {margin-top:20px; margin-bottom:20px; padding:20px; background-color:#fff; border:1px solid #ededed;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.whiteBox ol {margin-top:15px;}
.whiteBox ol li {color:#707070; line-height:1.5em; font-size:13px; padding-bottom:3px;}

ul.listIcn li { background: url('../img/common/icn_menu.png') no-repeat 0 10px !important; padding-left:15px;}


/* page title */
.sub_img_area {padding:100px 0; background-color:#ededed; overflow:hidden;  }
.sub_img_area h2 {font-family: 'Nanum Square';  font-weight:  900; font-size:3em; line-height:1.2em;}
.sub_img_area p {padding-top:10px;}
.sub_img01 {background: url("../img/sub/sub_img01.jpg") 50% 50% no-repeat; background-size: cover;}
.sub_img02 {background: url("../img/sub/sub_img02.jpg") 50% 50% no-repeat; background-size: cover;}
.sub_img03 {background: url("../img/sub/sub_img03.jpg") 50% 50% no-repeat; background-size: cover;}
.sub_img09 {background: url("../img/sub/sub_img09.jpg") 50% 50% no-repeat; background-size: cover;}


/* sub page-title */
.subContents .title_box {margin-top:50px; height:45px; border-bottom:1px solid #ededed; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-family: 'Nanum Square';  font-weight:900; font-size:2.4em; color:#103560;}
.subContents .title_box span {display:inline-block; border-bottom:3px solid #103560; height:45px;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}


/* Util - name fixed */
#lnb { position:relative; height:47px; box-sizing:border-box; background-color:#ecf0f5; border-bottom:1px solid #d4d4d4;}
#lnb .lnbIn { position:absolute; left:0; top:0; z-index:10; width:100%; height:47px; box-sizing:border-box;}
#lnb .lnbIn:after {content:""; display:block; clear:both}
#lnb .lnbIn ul li {float:left; width:140px;}
#lnb .lnbIn ul li:first-child {width:90px; }
.i-home {background: url("../img/contents/home.png") 0% 100% no-repeat; padding-left:20px; margin-left:-15px;}

#lnb .lnbIn ul li a {display:block; position:relative; color:#1f2f40; font-size:13px;  text-align:left; padding-left:10px; line-height:47px;  transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: url("../img/contents/arrow02_off.png") 100% 50% no-repeat;}
#lnb .lnbIn ul li:first-child a {background:url("../img/contents/arrow01.png") 100% 100% no-repeat;}
#lnb .lnbIn ul li a:hover {color:#2994d1; te	xt-decoration:none; overflow:hidden;}
#lnb .lnbIn ul li:hover a:after {content:""; display:block; position:absolute;}
#lnb .lnbIn ul li ul {overflow:hidden; max-height:0;  transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; margin-left:-20px;}
#lnb .lnbIn ul li:hover ul { max-height:300px;}
#lnb .lnbIn ul li ul li {float:left; text-align:left; width:90%;}
#lnb .lnbIn ul li ul li:first-child {float:left; width:90%; }
#lnb .lnbIn ul li.sub-menu ul li a {display:block; width:100%; color:#727272; font-size:13px; line-height:32px;  border:1px solid #e0e0e0; border-top:0px;background:none; box-sizing:border-box; background-color:#fff;}
#lnb .lnbIn ul li.sub-menu ul li a:hover	{ color:#fff; text-decoration:none; box-shadow:none !important; background-color:#1f2f40;}

/* ceo */
.ceoArea {width:100%;  }
.ceoArea p {width:48%;}

/* vision */
.visionArea {position: relative; overflow: hidden; background-size: cover; background-position: 50% 0 !important; background-image: url('../img/contents/vision_bg.jpg'); padding:80px 0 60px 0;}
.visionArea h3 {position:absolute; top:50%; left:50%; width:220px; height:210px; margin:-110px 0 0 -110px; border:5px solid #fff;border-radius:50%; background: url('../img/contents/light.png')  50% 30% no-repeat; line-height:300px;}
.visionArea ol {width:94%; padding:0 3%;}
.visionArea ol li {display:inline-block; width:33%; padding-left:16%; padding-top:30px; padding-bottom:50px; vertical-align:top; }
.visionArea ol li.al_right {padding-right:16%; padding-left:0%;}
.visionArea ol li h4 { color:#1deffc;  }
.visionArea ol li p {padding:10px 0; color:#fff; }
.visionArea ol li ul li {width:100%; color:#d3d3d3; padding:0%; line-height:1.3em; padding-bottom:5px;}


/* DNA */
.valueWrap {position:relative;}
.valueWrap.Divide4 {z-index:100;}
.valueWrap.Divide4 li {display:inline-block; overflow: hidden; width: 23.1%; height: 350px; margin: 0 0 30px 0; background:none;  }
.valueWrap.Divide4 li:first-child {margin-left:0%;}
.valueWrap.Divide4 .Desc1 { height: auto;  padding:10px 3%;}
.valueWrap.Divide4 .ImageArea {width:220px; height:220px; overflow:hidden;  border-radius:50%; margin:0 auto; background-color:#fff; }

.valueWrap.Divide4 li.divdeList01 {margin:0 auto; width:100%;}
.valueWrap.Divide4 li.divdeList02 {margin:-110px 15% 0 0; width:30%;}
.valueWrap.Divide4 li.divdeList03 {margin:-110px 0 0 15%;width:30%;}
.valueWrap.Divide4 li.divdeList04 {margin:-110px auto 0 auto; width:100%;}
.innox_txt_bg {position:Absolute; width:60%; height:500px; left:20%; top:150px; z-index:1; border-radius:50%; text-indent:-9999em; background:#fff url("../img/contents/big_logo.png") 50% 50% no-repeat; border:10px solid #ededed; background-size:60%; }

.ImageArea h4 {padding-top:80px; margin-top:20px; padding-bottom:10px;}
.ImageArea h4 span.weightRegular {font-weight:normal;}
.img_vision01 h4 {background: url("../img/contents/img_vision01.png") 50% 10px no-repeat;}
.img_vision02 h4 {background: url("../img/contents/img_vision02.png") 50% 10px no-repeat;}
.img_vision03 h4 {background: url("../img/contents/img_vision03.png") 50% 10px no-repeat;}
.img_vision04 h4 {background: url("../img/contents/img_vision04.png") 50% 10px no-repeat; }


/* sub01_04  */
.sub_list01{background: url("../img/contents/fair_bg.jpg") 50% 50% no-repeat; background-size: cover;}
.sub_list01 h3 {padding:30px; color:#fff; }
.sub_list01 h4 {font-size:1.5em; color:#fff; font-weight:500;}
.sub_list01 p {font-size:1.5em; color:#fff; background: url("../img/contents/arrow.png") 50% 10% no-repeat; padding-top:70px; padding-bottom:70px; margin-top:10px;}
.sub_list01 ol li {display:inline-block; width:18%; margin-top:-20px;}
.sub_list01 ol li span {display:block;  width:120px; height:120px; margin:20px auto; border-radius:50%; background-color:#fff;}

.icnFair01 {background: url("../img/contents/icnFair01.png") 50% 50% no-repeat; }
.icnFair02 {background: url("../img/contents/icnFair02.png") 50% 50% no-repeat; }
.icnFair03 {background: url("../img/contents/icnFair03.png") 50% 50% no-repeat; }
.icnFair04 {background: url("../img/contents/icnFair04.png") 50% 50% no-repeat; }
.icnFair05 {background: url("../img/contents/icnFair05.png") 50% 50% no-repeat; }



/* sub01_04 2 */
.sub_list02  {position:relative; border:1px solid #f7f7f7; background-color:#f7f7f7; min-height:500px; margin:0 auto;}

.sub_list02 h3 {margin:180px auto 100px auto; border:1px solid #0963a2; border-radius:50% 50%; width:190px; height:190px;  line-height:190px; background-color:#0b77c3; color:#fff;}
.sub_list02 .border_dashed {position:absolute; top:125px; left:50%; margin-left:-151px; border:1px dashed #0b77c3; border-radius:50% 50%; width:300px; height:300px; font-size:20px; color:#fff;}
.sub_list02 ul li h4 {width:110px; height:30px; border-radius:50% 50%; border:1px dashed #0b77c3; text-align:center; padding:55px 15px; background-color:#fff;}
.sub_list02 ul li ul li { background:url('../img/contents/li_icon.gif') no-repeat 4px 7px; padding-left:15px;}

.sub_list02 ul li.sub_list02_01 {position:absolute; top:20px; left:50%; margin-left:-70px; width:350px; }
.sub_list02 ul li.sub_list02_01 h4 {float:left;}
.sub_list02 ul li.sub_list02_01 ul {display:block; width:200px; float:right; margin-top:40px;}

.sub_list02 ul li.sub_list02_02 {position:absolute; top:270px; left:50%; margin-left:-450px; width:350px;}
.sub_list02 ul li.sub_list02_02 h4 {float:right;}
.sub_list02 ul li.sub_list02_02 ul {display:block; width:150px; float:left; margin-top:40px; margin-left:50px;}

.sub_list02 ul li.sub_list02_03 {position:absolute; top:270px; right:50%; margin-right:-450px; width:350px;}
.sub_list02 ul li.sub_list02_03 h4 {float:left;}
.sub_list02 ul li.sub_list02_03 ul {display:block; width:200px; float:right; margin-top:40px; }



/* location  DefinitionList */
.DefinitionList.Type1 {margin-top:20px; padding:20px; background-color:#fff; border:1px solid #ededed;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.DefinitionList.Type1 .InnerTitle { margin:40px 10px 0px; color:#005696; font-size:14px;background:url("../img/contents/ico_bar01.png") no-repeat left bottom; line-height:1.4; }
.DefinitionList.Type1 .InnerTitle.First { margin-top:0;}
.DefinitionList.Type1 dl dt { padding-left:0;  font-family: 'Nanum-bold'; float:left; width:12%; padding:10px 3%;}
.DefinitionList.Type1 dl dd {display:block; width:80%; border-bottom:1px dashed #ececec; line-height:1.6em; text-align:left; color:#333; padding:10px 0 10px 20%; font-size:13px;}


/* company branch */
.branchList {text-align:Center;}
.branchList li {display:inline-block; width:31.5%; margin-left:1.8%; padding:20px; background-color:#fff; border:1px solid #ededed;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; vertical-align:top;    height: 706px; margin-bottom: 10px;}
.branchList li:first-child { margin-left:0%;}
.branchList img {width:100%; overflow:hidden;}
.branchList li dl dt { padding-left:0;  font-family: 'Nanum-bold';  float:left; width:14%; padding:10px 3%; text-align:left; }
.branchList li dl dd {display:block; width:75%; border-bottom:1px dashed #ececec; line-height:1.6em; text-align:left; color:#333; padding:10px 0 10px 25%; font-size:13px;}
.branchList li dl dd.line {min-height:40px;}

.branchList li ul {margin-top:15px; min-height:270px;}
.branchList li ul li  {width:100%; border:0px; text-align:left; margin-left:0%; paddinG:0px; background:url("../img/contents/ico_bar01.png") no-repeat 10px top; }
.branchList li ul li a {  font-family: 'Nanum-bold'; display:block;  padding:10px;}
.branchList li ul li a:hover { background-color:#f4f4f4;}
.branchList li ul li ul {min-height:20px; margin-top:1px; padding-bottom:5px;}
.branchList li ul li ul li {background:none;  padding:0%;}
.branchList li ul li ul li a { color:#71717b; padding:7px 20px;}

/* ci */
.IntroKeyVisual .DescArea { margin:15px 15px 0 0px;}
.IntroKeyVisual .DescArea.Top { padding-top:15px;}
.IntroKeyVisual .DescArea .Tit { padding:0 0 15px; background:url("../img/contents/ico_bar01.png") no-repeat left bottom; line-height:1.4;}
.IntroKeyVisual .DescArea .Tit > span { font-size:16px; color:#005696;}
.IntroKeyVisual .DescArea .Desc { padding:17px 0 13px; font-size:12px; color:#666; line-height:1.5;}

.ImgArea { padding:20px 0; }
.ImgArea img { width:100%;}

.ImgArea .DownBtn { padding:15px 0 0; text-align:right;  }
.Button.ci_btn { padding:12px 18px; border:2px solid #666; color:#666; font-size:13px;  font-family: 'Nanum-bold'; text-align:center;}

.DescArea { margin:15px 15px 0 0;}
.DescArea.Top { padding-top:15px;}
.DescArea h3.Tit { background:url("../img/contents/ico_bar01.png") no-repeat left bottom; line-height:1.4; padding-bottom:10px;}
.DescArea h3.Tit > span { font-size:18px !important; color:#005696; }
.DescArea .Desc { padding:17px 0 0; font-size:12px; color:#666; line-height:1.5;}


/* stock info */
.stock_bg {background: url("../img/contents/stock_bg.jpg") 50% 50% no-repeat; background-size: cover; padding:40px 25px;}
.stock_bg  .InnerTitle { margin:40px 10px 10px; color:#005696; font-size:14px; padding:0 0 20px; background:url("/images/ico/ico_bar01.png") no-repeat left bottom; line-height:1.4; }
.stock_bg  .InnerTitle.First { margin-top:0;}
.stock_bg  table { width:101%; border-collapse:separate; border-spacing:10px; font-size:15px; margin-right:0;}
.stock_bg  table th,
.stock_bg  table td { padding:5px 15px 15px 15px; border-bottom:1px dashed #444648; line-height:1.5; text-align:left; color:#fff;}
.stock_bg  table th { padding-left:0;  font-family: 'Nanum-bold'; }
.stock_bg  table td { color:#fff; padding-left:20px;}
.stock_bg  table .Last th,
.stock_bg  table .Last td { border-bottom:0 none;}
.stock_bg  table .NumList { margin-left:25px;}
.stock_bg  .Text { color:#e6e6e6;  padding-left:10px;}


@media all and (max-width:1199px){
	
}




@media all and (max-width:1023px){
	.Pc {display:none;}
	.Mobile {display:block;}
	.Block {display:block;}

	/* recruit 
	.valueWrap.Divide4 li {display:inline-block; overflow: hidden; width: 48.2%; height: 350px; margin: 0 0 30px 0;  background-color:#fff; margin-left:2%;}
	.valueWrap.Divide4 li.first {; margin-left:0%;}*/

.branchList {text-align:Center;}
.branchList li {display:inline-block; width:100%; margin-left:0%; margin-bottom:20px; padding:20px; background-color:#fff; border:1px solid #ededed;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; vertical-align:top;}
.branchList li:first-child { margin-left:0%;}
.branchList img {width:100%; overflow:hidden;}
.branchList li dl dt { padding-left:0;  font-family: 'Nanum-bold';  float:left; width:14%; padding:10px 3%; text-align:left; }
.branchList li dl dd {display:block; width:75%; border-bottom:1px dashed #ececec; line-height:1.6em; text-align:left; color:#333; padding:10px 0 10px 25%; font-size:13px;}
.branchList li dl dd br {display:none;}
.branchList li dl dd.line {min-height:20px;}

.branchList li ul {margin-top:15px; min-height:270px;}
.branchList li ul li  {width:100%; border:0px; text-align:left; margin-left:0%; paddinG:0px; background:url("../img/contents/ico_bar01.png") no-repeat 10px top; }
.branchList li ul li a {  font-family: 'Nanum-bold'; display:block;  padding:10px;}
.branchList li ul li a:hover { background-color:#f4f4f4;}
.branchList li ul li ul {min-height:20px; margin-top:1px; padding-bottom:5px;}
.branchList li ul li ul li {background:none;  padding:0%;}
.branchList li ul li ul li a { color:#71717b; padding:7px 20px;}

	/* DNA */
	.valueWrap {position:relative;}
	.valueWrap.Divide4 {z-index:100;}
	.valueWrap.Divide4 li {display:inline-block; overflow: hidden; width: 23.1%; height: 350px; margin: 0 0 30px 0; background:none;  }
	.valueWrap.Divide4 li:first-child {margin-left:0%;}
	.valueWrap.Divide4 .Desc1 { height: auto;  padding:10px 3%;}
	.valueWrap.Divide4 .ImageArea {width:200px; height:200px; overflow:hidden;  border-radius:50%; margin:0 auto; background-color:#fff; }

	.valueWrap.Divide4 li.divdeList01 {margin:0 auto; width:100%;}
	.valueWrap.Divide4 li.divdeList02 {margin:-110px 15% 0 0; width:30%;}
	.valueWrap.Divide4 li.divdeList03 {margin:-110px 0 0 15%;width:30%;}
	.valueWrap.Divide4 li.divdeList04 {margin:-110px auto 0 auto; width:100%;}
	.innox_txt_bg {position:Absolute; width:60%; height:500px; left:20%; top:150px; z-index:1; border-radius:50%; text-indent:-9999em; background:#fff url("../img/contents/big_logo.png") 50% 50% no-repeat; border:10px solid #ededed; background-size:60%; }

	.ImageArea h4 {padding-top:80px; margin-top:20px; padding-bottom:10px;}
	.ImageArea h4 span.weightRegular {font-weight:normal;}
	.img_vision01 h4 {background: url("../img/contents/img_vision01.png") 50% 10px no-repeat;}
	.img_vision02 h4 {background: url("../img/contents/img_vision02.png") 50% 10px no-repeat;}
	.img_vision03 h4 {background: url("../img/contents/img_vision03.png") 50% 10px no-repeat;}
	.img_vision04 h4 {background: url("../img/contents/img_vision04.png") 50% 10px no-repeat; }

}



@media all and (max-width:900px){
	/* ceo */
	.ceoArea {width:100%;}
	.ceoArea p {width:100%;}

	/* vision */
	.visionArea {position: relative; overflow: hidden; background-size: cover; background-position: 50% 0 !important; background-image: url('../img/contents/vision_bg.jpg'); padding:70px 0 30px 0;}
	.visionArea h3 {position:relative; top:0%; left:50%; width:220px; height:210px; margin:0px 0 0 -110px; border:5px solid #fff;border-radius:50%; background: url('../img/contents/light.png')  50% 30% no-repeat; line-height:300px;}
	.visionArea ol {width:94%; padding:0 3%;}
	.visionArea ol li {display:inline-block; width:48%; padding-left:0%; padding-top:30px; padding-bottom:50px;   text-align:center;}
	.visionArea ol li.al_right {padding-right:00%; padding-left:0%; text-align:center;}
	.visionArea ol li h4 { color:#1deffc;  }
	.visionArea ol li p {padding:10px 0; color:#fff; }
	.visionArea ol li ul li {width:100%; color:#d3d3d3; padding:0%; line-height:1.3em; padding-bottom:5px;}



	/* sub01_04 2 */
	.sub_list02  {position:relative; border:1px solid #f7f7f7; background-color:#f7f7f7; min-height:540px; margin:0 auto;}
	.sub_list02 h3 {margin:180px auto 100px auto; border:1px solid #0963a2; border-radius:50% 50%; width:190px; height:190px;  line-height:190px; background-color:#0b77c3; color:#fff;}
	.sub_list02 .border_dashed {position:absolute; top:125px; left:50%; margin-left:-151px; border:1px dashed #0b77c3; border-radius:50% 50%; width:300px; height:300px; font-size:20px; color:#fff;}
	.sub_list02 ul li h4 {width:110px; height:30px; border-radius:50% 50%; border:1px dashed #0b77c3; text-align:center; padding:55px 15px; background-color:#fff;}
	.sub_list02 ul li ul li { background:url('../img/contents/li_icon.gif') no-repeat 4px 7px; padding-left:15px;}

	.sub_list02 ul li.sub_list02_01 {position:absolute; top:20px; left:50%; margin-left:-70px; width:350px; }
	.sub_list02 ul li.sub_list02_01 h4 {float:left;}
	.sub_list02 ul li.sub_list02_01 ul {display:block; width:200px; float:right; margin-top:40px;}
	.sub_list02 ul li.sub_list02_02 {position:absolute; top:270px; left:50%; margin-left:-250px; width:150px;}
	.sub_list02 ul li.sub_list02_02 h4 {float:right;}
	.sub_list02 ul li.sub_list02_02 ul {display:block; width:150px; float:left; margin-top:10px; margin-left:0px;}
	.sub_list02 ul li.sub_list02_03 {position:absolute; top:270px; right:50%; margin-right:-250px; width:150px;}
	.sub_list02 ul li.sub_list02_03 h4 {float:left;}
	.sub_list02 ul li.sub_list02_03 ul {display:block; width:150px; float:right; margin-top:10px; }


	/* location  DefinitionList */
	.DefinitionList.Type1 {margin-top:20px; padding:20px; background-color:#fff; border:1px solid #ededed;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	.DefinitionList.Type1 .InnerTitle { margin:40px 10px 0px; color:#005696; font-size:14px;background:url("../img/contents/ico_bar01.png") no-repeat left bottom; line-height:1.4; }
	.DefinitionList.Type1 .InnerTitle.First { margin-top:0;}
	.DefinitionList.Type1 dl dt { padding-left:0;  font-family: 'Nanum-bold'; padding-left:10px; float:none; width:94%; padding:10px 3%;}
	.DefinitionList.Type1 dl dd {display:block; width:94%; border-bottom:1px dashed #ececec; line-height:1.6em; text-align:left; color:#333; padding:0px 3% 10px 3%; font-size:13px;}

}


@media all and (max-width:800px){

	/* vision */
	.visionArea {position: relative; overflow: hidden; background-size: cover; background-position: 50% 0 !important; background-image: url('../img/contents/vision_bg.jpg'); padding:70px 0 30px 0;}
	.visionArea h3 {position:relative; top:0%; left:50%; width:220px; height:210px; margin:0px 0 0 -110px; border:5px solid #fff;border-radius:50%; background: url('../img/contents/light.png')  50% 30% no-repeat; line-height:300px;}
	.visionArea ol {width:94%; padding:0 3%;}
	.visionArea ol li {display:inline-block; width:48%; padding-left:0%; padding-top:30px; padding-bottom:50px;   text-align:center;}
	.visionArea ol li.al_right {padding-right:00%; padding-left:0%; text-align:center;}
	.visionArea ol li h4 { color:#1deffc;  }
	.visionArea ol li p {padding:10px 0; color:#fff; }
	.visionArea ol li ul li {width:100%; color:#d3d3d3; padding:0%; line-height:1.3em; padding-bottom:5px;}
	
	/* DNA */
	.valueWrap {position:relative; min-height:550px;}
	.valueWrap.Divide4 {z-index:100;}
	.valueWrap.Divide4 li {display:inline-block; overflow: hidden; }
	.valueWrap.Divide4 li:first-child {margin-left:0%;}
	.valueWrap.Divide4 .Desc1 { height: auto;  padding:10px 3%;}
	.valueWrap.Divide4 .ImageArea {width:200px; height:200px; overflow:hidden;  border-radius:50%; margin:0 auto; background-color:#fff; }

	.valueWrap.Divide4 li.divdeList01 {margin:0 ; width:45%;}
	.valueWrap.Divide4 li.divdeList02 {margin:0 ; width:45%;}
	.valueWrap.Divide4 li.divdeList03 {margin:0 ; width:45%;}
	.valueWrap.Divide4 li.divdeList04 {margin:0 ; width:45%;}
	.innox_txt_bg {position:Absolute; width:80%; height:500px; left:10%; top:100px; z-index:1; border-radius:50%; text-indent:-9999em; background:#fff url("../img/contents/big_logo.png") 50% 50% no-repeat; border:10px solid #ededed; background-size:60%; }

	.ImageArea h4 {padding-top:90px; margin-top:20px; padding-bottom:5px; font-size:18px;}
	.ImageArea h4 span.weightRegular {font-weight:normal;}
	.img_vision01 h4 {background: url("../img/contents/img_vision01.png") 50% 35px no-repeat;}
	.img_vision02 h4 {background: url("../img/contents/img_vision02.png") 50% 35px no-repeat;}
	.img_vision03 h4 {background: url("../img/contents/img_vision03.png") 50% 35px no-repeat;}
	.img_vision04 h4 {background: url("../img/contents/img_vision04.png") 50% 35px no-repeat; }

}





@media all and (max-width:700px){
	#lnb .lnbIn ul li {float:left; width:110px;  padding-left:0px; margin:0px;}
	#lnb .lnbIn ul li:first-child {width:40px; }
	.i-home {background: url("../img/contents/home.png") 0% 100% no-repeat; padding-left:15px; margin-left:-15px;}
	.i-home span {display:none;}

	.block {display:block;}
	

	/* sub01_04  */
	.sub_list01{background: url("../img/contents/fair_bg.jpg") 50% 50% no-repeat; background-size: cover;}
	.sub_list01 h3 {padding:30px; color:#fff; }
	.sub_list01 h4 {font-size:1em; color:#fff; }
	.sub_list01 p {font-size:1.3em; color:#fff; background: url("../img/contents/arrow.png") 50% 10% no-repeat; padding-top:70px; padding-bottom:70px; margin-top:10px;}
	.sub_list01 ol li {display:inline-block; width:45%; margin-top:-20px; padding-bottom:20px;}
	.sub_list01 ol li span {display:block;  width:110px; height:110px; margin:10px auto; border-radius:50%; background-color:#fff;}

	.icnFair01 {background: url("../img/contents/icnFair01.png") 50% 50% no-repeat; }
	.icnFair02 {background: url("../img/contents/icnFair02.png") 50% 50% no-repeat; }
	.icnFair03 {background: url("../img/contents/icnFair03.png") 50% 50% no-repeat; }
	.icnFair04 {background: url("../img/contents/icnFair04.png") 50% 50% no-repeat; }
	.icnFair05 {background: url("../img/contents/icnFair05.png") 50% 50% no-repeat; }
	

	/* sub01_04 2 */
	.sub_list02  {position:relative; border:1px solid #f7f7f7; background-color:#f7f7f7; min-height:540px; margin:0 auto;}
	.sub_list02 h3 {margin:80px auto 100px auto; border:1px solid #0963a2; border-radius:50% 50%; width:190px; height:190px;  line-height:190px; background-color:#0b77c3; color:#fff;}
	.sub_list02 .border_dashed {position:absolute; top:25px; left:50%; margin-left:-151px; border:1px dashed #0b77c3; border-radius:50% 50%; width:300px; height:300px; font-size:20px; color:#fff;}

	.sub_list02 ul li {vertical-align:top;}
	.sub_list02 ul li ul {width:200px !important;}

	.sub_list02 ul li h4 { width:110px; height:30px; display:inline-block; border-radius:50% 50%; border:1px dashed #0b77c3; text-align:center; padding:55px 15px; background-color:#fff;}
	.sub_list02 ul li ul li { background:url('../img/contents/li_icon.gif') no-repeat 4px 7px; padding-left:15px; width:100%;}
	.sub_list02 ul {text-align:center; padding-bottom:20px;}
	.sub_list02 ul li.sub_list02_01 {position:relative; display:inline-block; top:0px; left:0%; margin-left:0px; width:31%; }
	.sub_list02 ul li.sub_list02_01 h4 {float:none;}
	.sub_list02 ul li.sub_list02_01 ul {display:inline-block; width:100%; float:none; margin-top:10px; text-align:left;}

	.sub_list02 ul li.sub_list02_02 {position:relative; display:inline-block; top:0; left:0; margin-left:0; width:31%;}
	.sub_list02 ul li.sub_list02_02 h4 {float:none;}
	.sub_list02 ul li.sub_list02_02 ul {display:inline-block; width:100%; float:none; margin-top:10px; margin-left:0px; text-align:left;}

	.sub_list02 ul li.sub_list02_03 {position:relative;display:inline-block; top:0; right:0; margin-right:0; width:31%;}
	.sub_list02 ul li.sub_list02_03 h4 {float:none;}
	.sub_list02 ul li.sub_list02_03 ul {display:inline-block; width:100%; float:none; margin-top:10px;  text-align:left;}

}




@media all and (max-width:460px){
	#lnb .lnbIn ul li {float:left; width:100px;  padding-left:0px; margin:0px; }
	#lnb .lnbIn ul li:first-child {width:30px; }
	#lnb .lnbIn ul li a {background: url("../img/contents/arrow01.png") 100% 50% no-repeat;}
	.i-home { background: url("../img/contents/home.png") 0% 100% no-repeat; padding-left:15px; margin-left:-15px;}
	.i-home span {display:none;}


	/* vision */
	.visionArea {position: relative; overflow: hidden; background-size: cover; background-position: 50% 0 !important; background-image: url('../img/contents/vision_bg.jpg');  padding:70px 0 30px 0;}
	.visionArea h3 {position:relative; top:0%; left:50%; width:220px; height:210px; margin:0px 0 0 -110px; border:5px solid #fff;border-radius:50%; background: url('../img/contents/light.png')  50% 30% no-repeat; line-height:300px;}
	.visionArea ol {width:94%; padding:0 3%;}
	.visionArea ol li {display:inline-block; width:100%; padding-left:0%; padding-top:30px; padding-bottom:50px;  vertical-align:top;  text-align:center;}
	.visionArea ol li.al_right {padding-right:00%; padding-left:0%; text-align:center;}
	.visionArea ol li h4 { color:#1deffc;  }
	.visionArea ol li p {padding:10px 0; color:#fff; }
	.visionArea ol li ul li {width:100%; color:#d3d3d3; padding:0%; line-height:1.3em; padding-bottom:5px;}

	/* DNA */
	.valueWrap {position:relative; min-height:400px;}
	.valueWrap.Divide4 {z-index:100;}
	.valueWrap.Divide4 li {display:inline-block; overflow: hidden;  height:250px;}
	.valueWrap.Divide4 li:first-child {margin-left:0%;}
	.valueWrap.Divide4 .Desc1 { height: auto;  padding:10px 3%;}
	.valueWrap.Divide4 .ImageArea {width:150px; height:140px; overflow:hidden;  border-radius:10%; margin:0 auto; background-color:#fff;}

	.valueWrap.Divide4 li.divdeList01 {margin:0 ; width:45%;}
	.valueWrap.Divide4 li.divdeList02 {margin:0 ; width:45%;}
	.valueWrap.Divide4 li.divdeList03 {margin:0 ; width:45%;}
	.valueWrap.Divide4 li.divdeList04 {margin:0 ; width:45%;}
	.innox_txt_bg {position:Absolute; width:80%; height:300px; left:10%; top:80px; z-index:1; border-radius:50%; text-indent:-9999em; background:#fff url("../img/contents/big_logo.png") 50% 50% no-repeat; border:10px solid #ededed; background-size:60%; }

	.ImageArea h4 {padding-top:70px; margin-top:20px; padding-bottom:5px; font-size:18px; line-height:20px;}
	.ImageArea h4 span.weightRegular {font-weight:normal;}
	.img_vision01 h4 {background: url("../img/contents/img_vision01.png") 50% 5px no-repeat;}
	.img_vision02 h4 {background: url("../img/contents/img_vision02.png") 50% 5px no-repeat;}
	.img_vision03 h4 {background: url("../img/contents/img_vision03.png") 50% 5px no-repeat;}
	.img_vision04 h4 {background: url("../img/contents/img_vision04.png") 50% 5px no-repeat; }


	/* sub01_04 2 */
	.sub_list02  {position:relative; border:1px solid #f7f7f7; background-color:#f7f7f7; min-height:540px; margin:0 auto;}
	.sub_list02 h3 {margin:50px auto; border:1px solid #0963a2; border-radius:50% 50%; width:190px; height:190px;  line-height:190px; background-color:#0b77c3; color:#fff;}
	.sub_list02 .border_dashed {position:absolute; top:20px; left:50%; margin-left:-126px; border:1px dashed #0b77c3; border-radius:50% 50%; width:250px; height:250px; font-size:20px; color:#fff;}

	.sub_list02 ul li h4 {width:95px; height:95px; display:inline-block; border-radius:50% 50%; border:1px dashed #0b77c3; text-align:center; padding:0px; line-height:95px; background-color:#fff; font-size:1.3em; margin-left:5px;}
	.sub_list02 ul li ul li { background:url('../img/contents/li_icon.gif') no-repeat 4px 7px; padding-left:15px; width:100%;}
	.sub_list02 ul {text-align:center; padding-bottom:20px;}
	.sub_list02 ul li.sub_list02_01 {position:relative; display:inline-block; top:0px; left:0%; margin-left:0px; width:100%; }
	.sub_list02 ul li.sub_list02_01 h4 {position:absolute; left:0px;}
	.sub_list02 ul li.sub_list02_01 ul {display:inline-block; width:100%; float:none; margin-top:20px; margin-left:110px; padding-bottom:40px; text-align:left;}

	.sub_list02 ul li.sub_list02_02 {position:relative; display:inline-block; top:0; left:0; margin-left:0; width:100%;}
	.sub_list02 ul li.sub_list02_02 h4 {position:absolute; left:0px;}
	.sub_list02 ul li.sub_list02_02 ul {display:inline-block; width:100%; float:none; margin-top:20px; margin-left:110px; padding-bottom:40px; text-align:left;}

	.sub_list02 ul li.sub_list02_03 {position:relative;display:inline-block; top:0; right:0; margin-right:0; width:100%;}
	.sub_list02 ul li.sub_list02_03 h4 {position:absolute; left:0px;}
	.sub_list02 ul li.sub_list02_03 ul {display:inline-block; width:100%; float:none; margin-top:20px; margin-left:110px; padding-bottom:40px; text-align:left;}

}




@media all and (max-width:320px){
	#lnb .lnbIn ul li {float:left; width:90px;  padding-left:0px; margin:0px; }
	#lnb .lnbIn ul li:first-child {width:30px; }
	#lnb .lnbIn ul li a {display:block; position:relative; color:#1f2f40; font-size:13px;  text-align:left; padding-left:5px; line-height:47px;  background: url("../img/contents/arrow01.png") 100% 50% no-repeat;}
	.i-home {background: url("../img/contents/home.png") 0% 100% no-repeat; padding-left:15px; margin-left:-15px;}
	.i-home span {display:none;}


}