@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:400,500,600&display=swap');

.sub_hd { max-width:1100px; margin:0 auto; padding:0 ;}
.sub_tit { font-size:2.5em; color:#262626; margin-top:50px; font-weight:500;}
.tit_line {max-width:40px; margin:10px 0; height:2px; background:#D5D5D5;}
.sub_subject {font-size:1.15em;  color:#717171}


/*인사말*/
#company {padding:10px 0 0 0;}
#company .com_wid {max-width:1100px;  margin:0 auto;}
#company .com_box1 {float:left; width:65%;}
#company .com_box1 span {font-size:1.8em; color:#737373; font-weight:600; display:none;}
#company .com_box1 h1 {font-size:2.2em; color:#000; font-weight:600;  letter-spacing:1.5px;}
#company .com_box1 h2 {font-size:2.9em; color:#FF393F; font-weight:700;font-family: 'Nanum Myeongjo', serif; margin-top:25px;}
#company .com_box1 h3 {font-size:1.3em; color:#ff3636; font-weight:400; margin-top:20px; margin-left:5px; line-height:28px;}
#company .com_box1 p {font-size:1.15em; color:#2E2E2E; font-weight:300; margin-top:20px; margin-left:5px; line-height:28px;}
#company .com_box1 p.sign {font-size:1.6em; color:#000; text-align:right; margin-top:30px;}
#company .com_box1 p.sign b {font-size:1.1em;}
#company .com_box2 {float:right; width:27%; background:url('/theme/IDEN02/img/com_bg.jpg')no-repeat center; background-size:cover; height:455px; margin-top:-127px;}
#company .com_design {padding-bottom:30px; border-top:1px solid #000; border-bottom:1px solid #000; margin-top:110px; text-align:center;}
#company .com_design img{width:100%;}
#company .com_design p {margin-top:24px; font-size:2.2em; color:#000; }
#company .com_design span {font-size:1.3em; color:#2E2E2E; font-weight:300; line-height:25px; margin-top:15px; display:inline-block;}
#company .com_design .txt_wid {max-width:950px; margin:0 auto;}
#company .com_design .txt_box {float:left; width:25%; margin-top:40px; font-size:1.5em;}
#company .com_design .txt_box b {font-size:2.2em; padding:0 3px;}
#company .com_design .txt_box span {display:inline-block; margin-top:0px; line-height:0; font-size:0.85em;  color:#6E6E6E;}
#company .com_img {margin-top:20px;}
#company .com_img .img1 {float:left; width:32.3%; margin-right:1%;}
#company .com_img .img2 {float:left; width:32.3%; margin:0 0.5%;}
#company .com_img .img3 {float:left; width:32.3%; margin-left:1%;}
#company .com_box3 {float:left; width:65%;}
#company .com_box3 p {font-size:1.8em; color:#ff393f; font-weight:500;}
#company .com_box3 h1 {font-size:6.0em; margin-top:-6px; font-weight:600; color:#000;font-family: 'Abril Fatface', cursive;letter-spacing:1.5px;}
#company .com_box3 h2 {font-size:1.7em; color:#333; font-weight:300; margin-top:15px;line-height:32px;}
#company .com_box3 table {width:100%; border-collapse:collapse;border-top:2px solid #ff393f; margin-top:30px;}
#company .com_box3 table th {background:#f7f7f7; color:#333; font-size:1.2em; font-weight:400; padding:13px 10px; border:1px solid #e7e7e7;}
#company .com_box3 table td {color:#333; font-weight:300; font-size:1.15em; padding:13px 20px; line-height:25px;border:1px solid #e7e7e7;}
#company .com_box4 {float:right; width:27%; background:url('/theme/IDEN02_2/img/com_bg2.jpg')no-repeat center; background-size:cover; height:565px; margin-top:-60px; }


/*vision*/
#vision .vis_wid {max-width:1100px; margin:0 auto;}
.vis_1 {float:left; width:38%; margin-right:2%; margin-top:5%;}
.vis_1 p {font-size:2.0em; margin-bottom:10px;}
.vis_1 img {width:90%; margin-bottom:25%;margin-left:10px;}
.vis_1 span {font-size:1.1em; display:inline-block; margin-left:10px;margin-bottom:10px;}
.vis_2 {float:right; width:54%; border-left:1px dashed #B2B2B2; margin-left:6%; margin-top:8%; padding-left:35px;}
.vis_2 p {margin-top:-33px; font-size:1.9em; font-weight:600; margin-bottom:5px;}
.vis_2 .p_hd {}
.vis_2 .i_hd {margin-top:0;}
.vis_2 i {margin-left:-44px; margin-top:50px; font-size:1.7em; color:#1428a0}
.vis_2 span {font-size:1.15em; display:inline-block; line-height:25px; margin-top:5px; color:#666}
.vis_2 span b {background:#F8F8F8; border:1px solid #E9E9E9; border-radius:17px; padding:1px 10px; margin-right:5px;}


/* map */
#map {padding-top:10px;}
#map .map_wid{max-width:1100px; margin:0 auto; }
#map h1 {font-size:6.5em;  letter-spacing:1.5px;; font-weight:500; margin-top:10px;}
#map .map_img {float:right; width:50%; margin-top:10px;}
#map .map_txt {float:left; width:50%;}
#map .map_txt h2 {font-size:2.0em; color:#000; font-weight:400; margin-top:20px;}
#map .map_txt p {font-size:1.3em; color:#5d5d5d; font-weight:300; margin-top:25px; line-height:35px; margin-bottom:15px; letter-spacing:0.5px;}
#map .map_txt p b {font-weight:500; color:#FF393F; position:relative; padding:0 10px;}
#map .map_txt span {font-size:2.2em; border-top:2px solid #999; padding-top:10px; margin-top:10px; display:inline-block;}
#map .map_txt span a .i1 {color:#ff0000;}
#map .map_txt span a .i2 {color:#fd4f69;}
#map .map_txt span a .i3 {color:#3b5998;}


/* 제품 */
#business .bus_wid {max-width:1100px; margin:0 auto; padding:20px 10px;}
#business .bus_wid h2 {font-size:1.5em; color:#3d528d; font-weight:600;}
#business .bus_wid h3 {font-size:1.2em; color:#8f8f8f; margin-top:8px; font-weight:400;}
#business .bus_wid .bus_cont {float:left; width:33.333%; padding:10px; background:#fff;text-align:center; transition:0.3s; margin-top:40px; }
#business .bus_wid .bus_cont:hover {background:#F1F1F1}
#business .bus_wid img {width:100%;}
#business .bus_wid p {font-size:1.8em; color:#000; font-weight:800; margin-top:15px;}
#business .bus_wid a {font-size:1.0em; color:#0b175c; border-radius:40px; padding:10px 0;min-width:160px; display:inline-block; margin-top:15px; margin-bottom:10px;transition:0.3s; letter-spacing:1px; border:1px solid #0b175c}
#business .bus_wid a:hover {background:#0b175c; color:#fff;}

@media screen and (max-width:1100px){
	#company {padding:40px 10px;}
	#company .com_box2 {display:none;}
	#company .com_box1 {width:100%;}
	#company .com_box4 {display:none;}
	#company .com_box3 {width:100%;}
}

@media screen and (max-width:992px) {
	#map {padding:20px 10px;}
	#map .map_img {float:right; width:90%; margin:0 5%;margin-top:30px;}
	#map .map_txt {float:left; width:90%; margin:0 5%; }
	
}
@media screen and (max-width:780px) {
	#business .bus_wid .bus_cont {float:left; width:50%;}
	
	.vis_1 p {font-size:1.3em; font-weight:600; text-align:center;}
	.vis_1 span {font-size:1.0em; text-align:center;width:100%;margin-left:0;}
	.vis_1 img {width:100%}
	.vis_1 {float:left; width:96%; margin-right:4%;}
	.vis_2 {float:left; width:96%; margin-left:4%; margin-top:-50px; margin-bottom:30px;}
}

@media screen and (max-width:550px) {
	.sub_hd { max-width:1100px; margin:0 auto; padding:0 15px;}
	.sub_tit { font-size:2.2em; color:#262626; margin-top:40px;}
	
	#company {padding:20px 10px;}
	#company .com_box1 h1 {font-size:2.5em; color:#000; font-weight:500;  letter-spacing:1.5px; line-height:60px;}
	#company .com_box1 h2 {font-size:1.8em; color:#FF393F; font-weight:700; margin-top:25px;}
	#company .com_box1 h3 {font-size:1.1em; color:#000; font-weight:400; margin-top:20px; margin-left:5px; line-height:31px;}
	#company .com_box1 p {font-size:1.0em;line-height:22px;}
	#company .com_design {margin-top:70px;}
	#company .com_design p {margin-top:24px; font-size:1.8em; color:#000; }
	#company .com_design span {font-size:1.1em; line-height:20px;}
	#company .com_design .txt_box {float:left; width:25%; margin-top:40px; font-size:1.2em;}
	#company .com_design .txt_box b {font-size:2.2em;}
	#company .com_box3 p {font-size:1.2em; }
    #company .com_box3 h1 {font-size:3.0em; }
	#company .com_box3 h2 {font-size:1.3em; line-height:22px;}
	#company .com_box3 table {margin-top:15px;}
	#company .com_box3 table th {font-size:1.1em; min-width:70px;}
	#company .com_box3 table td {font-size:1.0em; min-width:95px;padding:13px 10px;}
	
	#map h1 {margin-top:0px; font-size:4.0em}
	#map .map_txt h2 {font-size:1.6em;}
	#map .map_txt p {font-size:1.15em}
	
	
}

@media screen and (max-width:400px) {
	
	#business .bus_wid a {min-width:120px;}
}