@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */




/* 서브비쥬얼 */
.area_subVisual {position:relative; display:table; width:100%; height:430px; padding:90px 15px 0; text-align:center; background-size:cover; color:#fff}
.area_subVisual .sub_tlt {display:table-cell; vertical-align:middle;}
.area_subVisual h2{font-size:40px; font-weight:700;}
.area_subVisual p{font-size:16px; font-weight:200}

.area_subVisual.about {background:url(../images/common/sub_visual01.jpg) no-repeat right 20% center;}
.area_subVisual.business {background:url(../images/common/sub_visual02.jpg) no-repeat right 20% center;}
.area_subVisual.rnd {background:url(../images/common/sub_visual03.jpg) no-repeat right 20% center;}
.area_subVisual.community {background:url(../images/common/sub_visual04.jpg) no-repeat right 20% center;}


/* lnb */
.area_lnb {height:60px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#fafafa}
.area_lnb .wrapper {height:100%;}
.area_lnb .wrapper:after {clear:both; content:''; display:block;}
.area_lnb .wrapper>* {float:left;}
.area_lnb .home {display:block; width:60px; height:100%; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background:#eee url(../images/common/i_home.png) no-repeat center}
.area_lnb .title {display:inline-block; padding:0 30px; padding-right:120px; line-height:59px; background:url(../images/common/lnb_menu.png) no-repeat right 30px center}
.area_lnb .lnb {position:relative;}
.area_lnb .lnb:hover ul {display:block;}
.area_lnb .lnb .sub {display:inline-block; padding:0 30px; padding-right:120px; line-height:59px; background:url(../images/common/lnb_sub.png) no-repeat right 30px center; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }
.area_lnb .lnb > ul {display:none; position:absolute; left:0; width:100%; background:#f5f5f5; box-shadow:1px 1px 3px rgba(0, 0, 0, .1); z-index:999}
.area_lnb .lnb > ul li+li {border-top:1px dashed #eaeaea}
.area_lnb .lnb > ul li a {display:block; padding:15px 30px; font-size:15px; font-weight:300;}


/* 서브 공통 */
#content.sub .wrapper {padding:120px 0}
p.mob_info{margin-top:10px; padding:5px; background:#f6f6f6;}
.sub_title {position:relative; margin-bottom: 50px; padding-bottom:30px; border-bottom:1px solid #eaeaea}
.sub_title h2 {font-size:30px; font-weight:700}
.sub_title ul {position:absolute; right:0; bottom:30px;}
.sub_title ul:after {clear:both; content:''; display:block;}
.sub_title ul li {float:left; display:inline-block; font-size:13px; font-weight:300; color:#bbb}
.sub_title > ul li img {padding-top:5px}
.sub_title ul li+li {margin-left:15px; padding-left:20px; background:url(../images/common/title_arrow.png) no-repeat left center}

.sub_section+.sub_section {margin-top:100px;}


/* 인사말 */
.intro .ss01:after {clear:both; content:''; display:block;}
.intro .ss01 div {float:left; width:450px; text-align:center;}
.intro .ss01 div img {max-width:100%; width:80%; margin:0 auto;}
.intro .ss01 div table {border-collapse:collapse; width:80%; margin:0 auto 30px;}
.intro .ss01 div table tr th {min-width:auto; font-weight:500;text-align:left; padding:20px 0 20px 10px;}
.intro .ss01 div table tr td {text-align:left;}
.intro .ss01 div table tr ul li {position:relative; padding-left:12px; font-weight:300; color:#666;}
.intro .ss01 div table tr ul li:before {position:absolute; left:0; top:12px; content:''; display:inline-block; width:2px; height:2px; background:#222}
.intro .ss01 div table tr ul li+li {margin-top:10px;}
.intro .ss01 dl {float:left; width:calc(100% - 450px); padding-left:100px; font-weight:300; margin-top:20px;}
.intro .ss01 dl dd+dd {margin-top:30px}
.intro .ss01 dl p {text-align:right; margin-top:30px}
.intro .ss02 table {border-collapse:collapse;}
.intro .ss02 table tr {border-top:2px solid #222; border-bottom:1px solid #eaeaea}
.intro .ss02 table tr>* {padding:30px 50px}
.intro .ss02 table tr th {min-width:400px; font-weight:500}
.intro .ss02 table tr td {border-left:1px dashed #eaeaea}
.intro .ss02 table tr ul li {position:relative; padding-left:12px; font-weight:300; color:#666;}
.intro .ss02 table tr ul li:before {position:absolute; left:0; top:12px; content:''; display:inline-block; width:2px; height:2px; background:#222}
.intro .ss02 table tr ul li+li {margin-top:10px;}



/* 미션 */
.mission .ss01 img {max-width:100%}
.mission .ss01 div {position:relative; margin-top:0; padding: 0 0;}
.mission .ss01 div section { padding:0 0 10px 0; text-align:left; background:#fff; overflow:hidden; }
.mission .ss01 div section i {float:left;}
.mission .ss01 div section p {float:left; margin-left:10px; font-size:24px; font-weight:700;}


/* 사업영역 */
.business .sub_section img {max-width:100%;}
.business table {margin-top:20px; border-collapse:collapse; border-top:2px solid #222}
.business table tr {border-bottom:1px solid #eaeaea;}
.business table tr>* {padding:30px;}
.business table tr th { font-weight:500;}
.business table tr td {border-left:1px dashed #eaeaea;}
.business table tr ul li {position:relative; padding-left:12px; font-weight:300; color:#666;}
.business table tr ul li:before {position:absolute; left:0; top:12px; content:''; display:inline-block; width:2px; height:2px; background:#222}
.business table tr ul li+li {margin-top:10px;}


/* R&D */
.rnd .sub_section img {max-width:100%;}


/* 찾아오시는길 */
.location #map .hide {display:none}
.location #map .root_daum_roughmap {width:100%;}
.location #map .root_daum_roughmap_landing .border2 {display:inline-block;}
.location table {margin-top:30px; border-top:2px solid #222}
.location table tr {border-bottom:1px solid #eaeaea;}
.location table tr>* {padding:30px;}
.location table tr i {margin-right:15px}
.location table td {border-left:1px dashed #eaeaea}


/* 전화,팩스,이메일 */
.qna .ss01 ul:after {clear:both; content:''; display:block;}
.qna .ss01 ul li {float:left; width:calc((100% - 50px)/3); height:80px; text-align:center; border-radius:10px; background:#d8eaf7; transition:all .3s}
.qna .ss01 ul li:hover {background:#beddf3}
.qna .ss01 ul li+li {margin-left:25px;}

.qna .ss01 ul li a {display:block; padding:20px 10px 15px; line-height:normal}
.qna .ss01 ul li div {display:inline-block;}
.qna .ss01 ul li div:after {clear:both; content:''; display:block;}
.qna .ss01 ul li i {float:left; display:inline-block; width:40px; height:40px; margin-right:20px; border-radius:100%;}
.qna .ss01 ul li p {float:left; display:inline-block; padding:9px 0}
.qna .ss01 ul li p span {padding-right:10px; font-size:18px; font-weight:600;}

.qna .ss01 ul li:nth-child(1) i {background:url(../images/content/community/qna_icon01.png) no-repeat center #fff;}
.qna .ss01 ul li:nth-child(2) div {padding:20px 10px 15px; line-height:normal}
.qna .ss01 ul li:nth-child(2) i {background:url(../images/content/community/qna_icon02.png) no-repeat center #fff;}
.qna .ss01 ul li:nth-child(3) i {background:url(../images/content/community/qna_icon03.png) no-repeat center #fff;}










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



}



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


	
	/* 서브비쥬얼 */
	.area_subVisual { height:350px; padding:75px 15px 0;}
	.area_subVisual h2{font-size:35px;}
	.area_subVisual p{font-size:15px;}
	.area_subVisual.rnd {background:url(../images/common/sub_visual03_m.jpg) no-repeat right 20% center;}

	.html_eng .area_subVisual p {line-height:normal}

	/* 서브 공통 */
	#content.sub .wrapper {padding:80px 20px}
	p.mob_info{margin-top:10px; padding:5px; background:#f6f6f6;}
	.sub_title {padding-bottom:20px;}
	.sub_title h2 {font-size:24px; }
	.sub_title ul {bottom:20px;}

	.sub_section+.sub_section {margin-top:50px;}


	.html_eng .sub_title h2 {line-height:normal}


	/* lnb */
	.area_lnb .wrapper {padding:0}


	/* 인사말 */
	.intro .ss01 div {width:100%; text-align:center; background:#fafafa;}
	.intro .ss01 dl {width:100%; margin-top:30px; padding-left:0;}
	.intro .ss01 dl dd br {display:none;}
	.intro .ss02 table tr th {min-width:auto;}


	/* 미션 */
	.mission .ss01 div {margin-top:-50px; padding:0 50px}
	/*.mission .ss01 div section p {font-size:20px}*/


	/* 찾아오시는길 */
	.location #map .wrap_map {height:350px !important}

	/* 전화,팩스,이메일 */
	.qna .ss01 ul li {width:calc((100% - 25px)/2)}
	.qna .ss01 ul li:last-child {width:100%; margin-left:0; margin-top:25px}






}


@media all and (max-width:767px){
	
	/* 서브비쥬얼 */
	.area_subVisual { height:250px; padding:65px 20px 0}
	.area_subVisual h2{font-size:27px;}
	.area_subVisual p{ font-size:14px; line-height:1.5; padding-top:10px}


	/* lnb */
	.area_lnb {height:50px;}
	.area_lnb .wrapper {padding:0}
	.area_lnb .home {width:50px; border-left:none;}
	.area_lnb .title {width:calc((100% - 50px)/2); padding:0 20px; line-height:49px; background-position:right 20px center !important}
	.area_lnb .lnb {width:calc((100% - 50px)/2);}
	.area_lnb .lnb .sub {width:100%; padding:0 20px; line-height:49px; border-right:none; background-position:right 20px center !important}
	.area_lnb .lnb > ul li a {padding:12px 20px}

	
	/* lnb - eng */
	.html_eng .area_lnb .title {padding-right:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.html_eng .area_lnb .lnb .sub {padding-right:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.html_eng .area_lnb .lnb > ul {top:50px;}


	/* 서브 공통 */
	#content.sub .wrapper {padding:50px 20px}
	.sub_title {padding-bottom:15px; margin-bottom:30px}
	.sub_title ul {display:none}
	.sub_section+.sub_section {margin-top:50px;}


	/* 인사말 */
	.intro .ss01 div {width:100%; text-align:center; background:#fafafa;}
	.intro .ss01 dl {width:100%; margin-top:30px; padding-left:0;}
	.intro .ss01 dl dd br {display:none;}
	.intro .ss01 dl p img {width:120px;}
	.intro .ss02 table tr > * {display:block; padding:20px 10px}
	.intro .ss02 table tr th {min-width:auto; border-bottom:1px dashed #eaeaea}
	.intro .ss02 table tr td {border-left:none;}

	
	/* 미션 */
	.mission .ss01 div {margin-top:0; padding:0px}
	/*.mission .ss01 div section {padding: 30px}
	.mission .ss01 div section p {font-size:18px}*/

	/* 사업영역 */
	.business table {margin-top:10px;}
	.business table tr {border-bottom:1px solid #eaeaea;}
	.business table tr th {width:35%}
	.business table tr>* {padding:20px; line-height:1.5}
	.business table tr ul li+li {margin-top:7px;}


	/* 찾아오시는길 */
	.location #map .wrap_map {height:250px !important}
	.location table {margin-top:20px;}
	.location table tr>* {display:block; padding:20px 10px;}
	.location table tr th {border-bottom:1px dashed #eaeaea}
	.location table td {text-align:center; border-left:none}


	/* 전화,팩스,이메일 */
	.qna .ss01 ul li {width:100%; height:auto; text-align:left;}
	.qna .ss01 ul li+li {margin-left:0; margin-top:10px !important}
	.qna .ss01 ul li a {padding: 20px 20px 15px;; text-align:left}
	.qna .ss01 ul li:nth-child(2) div {padding: 20px 20px 15px; text-align:left}
	.qna .ss01 ul li i {width:30px; height:30px; margin-right:10px;}
	.qna .ss01 ul li p {padding:6px 0}
	.qna .ss01 ul li p span {font-size:16px; padding-right:7px}

	.qna .ss01 ul li:nth-child(1) i {background-size:15px;}
	.qna .ss01 ul li:nth-child(2) i {background-size:15px;}
	.qna .ss01 ul li:nth-child(3) i {background-size:15px;}

	






}