@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap');
body, html {height:100%;}


#intro {text-align:center;}
#intro .com_box_wid {max-width:1400px; margin:0 auto;}
#intro .com_box {float:left; width:30.3333%; margin:1.5%; margin-top:50px;}
#intro .com_box .one {width:240px; height:240px; border:3px solid #9b8a71; margin:0 auto; background:rgba(255,255,255,0.15); border-radius:50%; }
#intro .com_box img {margin-top:44px;}
#intro .com_box .one p {font-size:1.6em; font-weight:400; margin-top:10px;font-family: 'Questrial', sans-serif; color:#9b8a71}
#intro .com_box .bt_line {width:60px; height:2px; background:#9b8a71; margin:0 auto; margin-top:20px;}
#intro h1 {font-size:3.0em; margin-top:30px;font-family: 'Questrial', sans-serif; font-weight:500; color:#b5976c; letter-spacing:1px;}
#intro h3 {font-size:1.25em; font-weight:400; margin-top:20px; line-height:30px; color:#a09b94;}
#intro h2 {font-size:3.0em; font-weight:500;font-family: 'Questrial', sans-serif; color:#b5976c}
#intro .busi_bpx {float:left; width:23%; margin:1%; margin-top:10px; }
#intro .busi_bpx p{font-size:1.4em; font-weight:400; color:#b5976c; margin-top:15px; border-bottom:1px solid #cacaca; padding:0 10px;padding-bottom:18px;}
#intro .busi_bpx span {display:inline-block; margin-top:13px; font-size:1.15em; font-weight:400; line-height:25px; height:100px;padding-top:15px; color:#7e7e7e}
#intro .busi_bpx span.sp2 {padding-top:0;}
#intro .busi_bpx .img2 {margin-top:15px; width:100%; padding:0 10px;}
#intro .wid2 {background:url('/theme/basic/img/s01_02_bg1.jpg')no-repeat; background-size:cover; padding:60px 10px; margin-top:50px;}
#intro .wid3 {max-width:1400px; margin:0 auto; padding:60px 0;}
#intro .effect7 {
	position: relative;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#intro .effect7:before, .effect7:after {
	content: "";
	position: absolute;
	z-index: -1;
	box-shadow: 0 0 10px #eee);
	top: 0;
	bottom: 0;
	left: 10px;
	right: 10px;
	border-radius: 100px / 10px;
}
#intro .effect7:after {
	right: 10px;
	left: auto;
	transform: skew(8deg) rotate(3deg);
}




.s02_01 .s02_wid{max-width:1400px; margin:0 auto; text-align:center; margin-top:50px;}
.s02_01 h2 {font-size:2.0em; color:#ef752b; font-weight:500;}
.s02_01 h2 b {color:#ef752b;}
.s02_01 h2 strong {color:#3292CB;}
.s02_01 h3 {margin-top:15px; font-size:1.2em; line-height:27px;	 font-weight:400; color:#a09b94;}
.s02_01 h3 b {color:#3292CB; font-weight:500;}
.s02_01 p {font-size:1.35em; margin-top:25px; color:#F00; font-weight:500;}
.s02_01 img {width:85%; margin-top:15px;}
.s02_01 .wid_mo {display:none;}
.s02_01 .gu_cont {text-align:left; margin-top:20px;}
.s02_01 .gu_cont p{font-size:1.1em; color:#4C4C4C; line-height:25px; font-weight:300;}
.s02_01 .gu_cont .gu_box1 {float:left; width:50%; height:385px; background:gray}
.s02_01 .gu_cont .gu_box2 {float:left; width:50%; height:385px; border:1px solid #e8e8e8; padding:35px 40px 0 40px;}
.s02_01 .gu_cont .gu_box3 {float:right;}
.s02_01 .gu_cont .gu_box2 h4 {font-size:1.8em; color:#262626; font-weight:400; }
.s02_01 .gu_cont .gu_box2 h3 {font-size:1.2em; color:#7C7C7C; margin-top:0; font-weight:300;}
.s02_01 .gu_cont .gu_box2 span {display:inline-block; margin-top:10px; font-weight:400; font-size:1.1em; color:#4a9c00}
.s02_01 .gu_cont .gu_box2 ul {margin-top:20px;}
.s02_01 .gu_cont .gu_box2 ul li {line-height:26px; font-size:1.2em; color:#5A5A5A; padding:6px 0;}
.s02_01 .gu_cont .gu_box2 ul li i {color:#ee9406; font-size:0.9; padding-right:3px;}
.s02_01 .gu_cont .gu_bg1 {background:url('/theme/IDEN02/img/s02_01_bg1.jpg')no-repeat center center; background-size:cover; }
.s02_01 .gu_cont .gu_bg2 {background:url('/theme/IDEN02/img/s02_01_bg2.jpg')no-repeat center center; background-size:cover; }
.s02_01 .gu_cont .gu_bg3 {background:url('/theme/IDEN02/img/s02_01_bg3.jpg')no-repeat center center; background-size:cover; }



#about {width:100%; padding:90px 0 120px 0;  background:#fff;}
#about .about_wid {max-width:1400px; margin:0 auto; text-align:center;}
#about .about_wid span {font-size:1.4em; color:#ef752b; font-weight:600; letter-spacing:4px;}
#about .about_wid h1 {font-size:3.0em; color:#414141; font-weight:600; font-weight:500; margin-top:-4px;}
#about .about_wid h2 {font-size:4.5em; font-family: 'Questrial', sans-serif;color:#ef752b; font-weight:400;margin-top:15px; }
#about .about_wid h2 b {color:#ff393f; font-weight:400;}
#about .about_wid h2 strong {color:#894893}
#about .about_wid .mid_line {max-width:50px; height:1px; background:#494949; margin:30px auto;}
#about .about_wid p {font-size:1.4em; color:#777; margin-top:18px; line-height:28px; font-weight:300;font-family: 'Questrial', sans-serif;}
#about .about_bot {max-width:1400px; margin:0 auto; transition:0.3s;}
#about .about_bot .con1, #about .about_bot .con3 {float:left; width:25%; text-align:center; margin-top:50px; height:350px; transition:0.3s; background:#363d43;}
#about .about_bot .con2 , #about .about_bot .con4 {float:left; width:25%; text-align:center; margin-top:85px; height:350px; transition:0.3s; background:#333a3f}
#about .about_bot div .con_box {  width:100%; height:350px;  opacity:1; transition:0.4s;transition:0.3s;}
#about .about_bot .con_box i {color:#ef752b; font-size:3.0em; margin-top:65px;}
#about .about_bot .con_box span{color:#ef752b; font-size:1.1em; letter-spacing:4px; margin-top:5px; display:inline-block; font-weight:400;font-family: 'Questrial', sans-serif;}
#about .about_bot .con_box h3 {font-size:1.8em; color:#fff; letter-spacing:1px; margin-top:3px; font-weight:500;}
#about .about_bot .con_box .about_midline {width:26px; height:3px; background:#ef752b; margin:25px auto;}
#about .about_bot .con_box p {font-size:1.1em; color:#fff; margin-top:10px; line-height:27px; font-weight:400;}
#about .about_bot .con1 {background:url('/theme/IDEN02/img/index1.jpg')no-repeat center; background-size:cover;transition:0.3s;}
#about .about_bot .con2 {background:url('/theme/IDEN02/img/index2.jpg')no-repeat center; background-size:cover;transition:0.3s;}
#about .about_bot .con3 {background:url('/theme/IDEN02/img/index3.jpg')no-repeat center; background-size:cover;transition:0.3s;}
#about .about_bot .con4 {background:url('/theme/IDEN02/img/index4.jpg')no-repeat center; background-size:cover;transition:0.3s;}

#service {background:#fff; height:560px;max-width:1400px; margin:0 auto;}
#service .serv_wid {}
#service .serv_cont1 {float:left; width:45%; }
#service .serv_cont1 {padding:0px;}
#service .serv_cont1 span {font-size:1.2em; color:#ff393f; font-weight:400; letter-spacing:4px; margin-left:3px;}
#service .serv_cont1 h1 {font-family: 'Questrial', sans-serif;font-size:4.3em; color:#ef752b; font-weight:500;}
#service .serv_cont1 .mid_line {max-width:50px; height:3px; background:#ef752b; margin:10px 0 40px 3px;}
#service .serv_cont1 p {font-size:1.25em; color:#666; line-height:28px; margin-top:15px; font-weight:300;}
#service .serv_cont1 p b {color:#555; font-size:1.5em; position:relative; bottom:11px;font-weight:400; }
#service .serv_cont1 .fade_ul {margin-top:30px;}
#service .serv_cont1 .fade_ul li.fade_lion {background:#ef752b; color:#fff;}
#service .serv_cont1 .fade_ul li{padding:8px 35px;  border:1px solid #ef752b; float:left; color:#ef752b; cursor:pointer; font-size:1.25em; transition:0.3s; font-weight:400;font-family: 'Questrial', sans-serif;}
#service .serv_cont1 .fade2, #service .serv_cont3 {display:none;}
#service .serv_cont2 {float:left; width:55%; background:url('/theme/IDEN02/img/ser_img1.jpg')no-repeat center bottom;background-size:cover; height:560px;}
#service .serv_cont3 {float:left; width:55%; background:url('/theme/IDEN02/img/ser_img2.jpg')no-repeat center bottom;background-size:cover; height:560px;}


#map {padding:80px 0 60px 0px;}
#map .map_wid{max-width:1400px; margin:0 auto; }
#map h1 {font-size:3.5em; font-family: 'Questrial', sans-serif; letter-spacing:1.5px;color:#1d86d0; font-weight:600; margin-top:10px;}
#map .map_img {float:left; width:50%;}
#map .map_txt {float:right; width:43%; margin-top:55px;}
#map .map_txt h2 {font-size:1.5em; color:#444; font-weight:400; margin-top:10px; }
#map .map_txt p {font-size:1.25em; color:#8f8b85; font-weight:300; margin-top:25px; line-height:29px; margin-bottom:15px; margin-left:5px;}
#map .map_txt p b {font-weight:500; color:#1d86d0; position:relative; }
#map .map_txt span {font-size:2.2em; border-top:1px solid #ef752b; padding-top:10px; margin-top:10px; display:inline-block; margin-left:5PX;}
#map .map_txt span a .i1 {color:#ff0000;}
#map .map_txt span a .i2 {color:#fd4f69;}
#map .map_txt span a .i3 {color:#3b5998;}

@media screen and (max-width:1400px) {
	#about .about_bot .con1{float:left; width:50%; text-align:center; margin-top:50px; height:350px; transition:0.3s; }
	#about .about_bot .con2 {float:left; width:50%; text-align:center; margin-top:85px; height:350px; transition:0.3s; }
	#about .about_bot .con3 {float:left; width:50%; text-align:center; margin-top:-50px; height:350px; transition:0.3s; }
	#about .about_bot .con4 {float:left; width:50%; text-align:center; margin-top:0; height:350px; transition:0.3s; }
	
	#service {height:auto;}
	#service .serv_cont2 {float:left; width:100%; background:url('/theme/IDEN02/img/ser_img1.jpg')no-repeat center bottom;background-size:cover; height:360px;}
	#service .serv_cont3 {float:left; width:100%; background:url('/theme/IDEN02/img/ser_img2.jpg')no-repeat center bottom;background-size:cover; height:360px;}
	#service .serv_cont1 {width:100%; padding:40px 10px 30px 10px; text-align:center;}
	#service .serv_cont1 .mid_line {max-width:50px; height:3px; margin:15px auto; margin-bottom:30px;}
	#service .serv_cont1 .fade_ul {margin-top:30px; max-width:240px; margin:35px auto;}
	#service .serv_cont1 .fade_ul li {width:50%; font-size:1.1em}
}


@media screen and (max-width:992px) {
	#intro h2 {font-size:3.0em; font-weight:600;}
	#intro h3 {font-size:1.1em;}
	#intro .com_box .one {width:190px; height:190px;}
	#intro .com_box img {margin-top:30px; width:80px;}
	#intro .com_box .one p {font-size:1.25em;}
	#intro h4 {font-size:1.0em;margin:0 2%; width:96%; margin-top:40px;}
	#intro .busi_bpx {float:left; width:48%; margin:1%; margin-bottom:80px; }
	#intro .busi_bpx .img2 {margin-top:15px; width:100%; padding:0;}
	#intro .busi_bpx p {font-size:1.25em; padding-bottom:15px;}
	#intro .busi_bpx span {font-size:1.0em; margin-top:5px;}
	
	.s02_01 .gu_cont {margin-top:20px;}
	.s02_01 .gu_cont .gu_box1 {float:left; width:90%;margin:0 5%; height:220px;}
	.s02_01 .gu_cont .gu_box2 {float:left; width:90%;margin:0 5%; height:auto; padding-bottom:40px;}
	.s02_01 h2 {font-size:1.8em;}
	.s02_01 h3 {font-size:1.1em;}
	.s02_01 p {font-size:1.25em;}
	.s02_01 img {width:97%;}
	
	#about .about_wid h2 {font-size:3.0em; font-family: 'Questrial', sans-serif;color:#b5976c; font-weight:400;margin-top:15px; }
	#about .about_wid p {font-size:1.0em;line-height:18px; }
	
	#service .serv_cont1 h1 {font-size:3.0em;}
	
	#map {padding:30px 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) {
	.s02_01 .wid_mo {display:block;}
	.s02_01 .wid_pc {display:none;}
	
}

@media screen and (max-width:550px) {
	#intro h1 {font-size:2.6em;}
	#intro h2 {font-size:2.0em; font-weight:600;}
	#intro h3 {font-size:0.85em; padding:0 15px; max-width:400px; margin:0 auto; margin-top:10px;}
	#intro .com_box .one {width:110px; height:110px;border:2px solid #262626;}
	#intro .com_box img {margin-top:15px; width:50px;}
	#intro .com_box .one p {font-size:0.85em; margin-top:2px; }
	#intro .com_box .bt_line {width:30px; margin-top:15px; height:1px;}
	#intro h4 {font-size:0.9em; padding:15px 10px;width:auto; margin:0 10px; margin-top:30px;}
	#intro .busi_bpx {float:left; width:90%; margin:2% 5%; margin-bottom:80px; }
	
	.s02_01 .gu_cont .gu_box2 {padding:30px 20px 30px 20px;}
	.s02_01 .gu_cont .gu_box2 h4 {font-size:1.3em; color:#262626; font-weight:400; }
	.s02_01 .gu_cont .gu_box2 h3 {font-size:1.0em; line-height:18px;margin-top:3px;}
	.s02_01 .gu_cont .gu_box2 p {font-size:1.0em; margin-top:14px;}
	.s02_01 h2 {font-size:1.2em;}
	.s02_01 h3 {font-size:1.0em;}
	.s02_01 p {font-size:1.1em;}
	
	#about .about_wid h2 {font-size:1.8em; }
	#about .about_wid p {font-size:1.0em}
	#about {padding:10px 15px;}
	#about .about_bot .con1{float:left; width:100%; text-align:center; margin-top:40px; height:350px; transition:0.3s; }
	#about .about_bot .con2 {float:left; width:100%; text-align:center; margin-top:10px; height:350px; transition:0.3s; }
	#about .about_bot .con3 {float:left; width:100%; text-align:center; margin-top:10px; height:350px; transition:0.3s; }
	#about .about_bot .con4 {float:left; width:100%; text-align:center; margin-top:10px; height:350px; transition:0.3s; }
	
	#service {margin-top:30px;}
	#service .serv_cont1 p {font-size:0.95em;}
	#service .serv_cont1 h1 {font-size:2.0em;}
	
	#map {padding:40px 0}
	#map h1 {margin-top:0px; font-size:4.0em}
	#map .map_txt h2 {font-size:1.15em;}
	#map .map_txt p {font-size:1.1em}
	
	
}

@media screen and (max-width:400px) {
	.s02_01 p {font-size:1.0em;}
}