@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR&display=swap');

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em; opacity:0; margin-top:50px;}
#ctt_himg img, #ctt_timg img, #ctt_con img {max-width:100%;height:auto}
.ctt_img {text-align:center}

#container_title {
    background: url('/img/index_hd_van.jpg') no-repeat;
}

@media screen and (max-width:639px) {
	
	#container_title {
		background:none;
	}

}


/* company */
#ctt_con .company {max-width:1200px; margin:0 auto;}
#ctt_con .company h2{font-size:2.3em; color:#373737; margin-top:50px; margin-bottom:15px;}
#ctt_con .company p {font-size:1.3em; color:#fff; background:#373737; width:260px; padding:4px 0; margin-bottom:30px; border-radius:20px 0 20px 0;}
#ctt_con .company span {font-size:1.2em; display:inline-block; line-height:30px;}
#ctt_con .company .span_t {float:right; padding-top:15px; margin-right:45px;}
#ctt_con .company .span_t b{font-size:1.35em; font-weight:600;}
#ctt_con .company .img1 {width:95%; text-align:right; padding:8px; box-shadow:2px 2px 2px #C6C6C6;}
#ctt_con .company .img2 {width:90%; margin:0 5%; margin-top:20px;}
#ctt_con .company .div2 {float:left; width:98%; margin:1%;}

/* pay# */
#ctt_con .pay {max-width:1200px; margin:0 auto;}
#ctt_con .pay .hd_line {width:88px; height:4px; background:#3c4c7f; margin-bottom:2px;}
#ctt_con .pay .hd_line2 {width:303px; height:4px; background:#3c4c7f; margin-bottom:2px;}
#ctt_con .pay .hd_line4 {width:45px; height:4px; background:#3c4c7f; margin-bottom:2px;}
#ctt_con .pay h2 {font-size:1.8em; color:#3A3A3A; line-height:35px;}
#ctt_con .pay p {font-size:1.4em; margin-bottom:10px; line-height:30px; margin-top:25px; color:#333;}
#ctt_con .pay span {font-size:1.1em; margin-bottom:10px; display:inline-block;line-height:25px; margin-left:10px; color:#747474}
#ctt_con .pay ul {margin-left:15px; font-size:1.1em; color:#747474; margin-bottom:20px;}
#ctt_con .pay li {margin-bottom:7px;}
#ctt_con .pay li i {position:relative; top:-1px; color:#2a459a; font-weight:600;}
#ctt_con .pay .img_p {color:#FF0080; margin-top:50px; margin-bottom:20px;}
#ctt_con .pay .ti_p {font-size:1.8em; color:#3A3A3A; font-weight:600; margin-top:0; padding:0 2px;}
#ctt_con .pay .hd_line3 {width:49px; height:4px; background:#FF0080; margin-bottom:2px; margin-top:20px;}
#ctt_con .pay .ul1 {margin-top:-10px; margin-left:35px; font-size:1.2em;}
#ctt_con .pay .ul1 li b {color:#FF0080}
#ctt_con .pay img {width:70%; margin:0 15%;}

/* MARUSYS */
#ctt_con .marusys {max-width:1200px; margin:0 auto;}
#ctt_con .marusys .hd_line {width:155px; height:4px; background:#3c4c7f; margin-bottom:2px;}
#ctt_con .marusys .hd_line2 {width:205px; height:4px; background:#3c4c7f; margin-bottom:2px;}
#ctt_con .marusys .hd_line3 {width:310px; height:4px; background:#3c4c7f; margin-bottom:2px;}
#ctt_con .marusys .hd_line4 {width:163px; height:4px; background:#3c4c7f; margin-bottom:2px;}
#ctt_con .marusys h2 {font-size:1.8em; color:#3a3a3a; line-height:35px;}
#ctt_con .marusys span {font-size:1.2em;  line-height:23px; margin-top:15px; color:#565656;display:inline-block;margin-left:15px;}
#ctt_con .marusys span i {position:relative; top:-1px; color:#2a459a; font-weight:600;}
/* #ctt_con .marusys p {font-size:1.4em; line-height:20px; margin-top:25px; color:#333;} */
#ctt_con .marusys p {font-size:1.1em; line-height:20px; margin-top:25px; color:#333;}
#ctt_con .marusys ul {margin-left:15px; font-size:1.1em; color:#747474; margin-bottom:20px;margin-top:10px;}
#ctt_con .marusys li {margin-bottom:7px; line-height:25px;}
#ctt_con .marusys li i {position:relative; top:-1px; color:#2a459a; font-weight:600;}
#ctt_con .marusys .div1 div {float:left; width:29.3%; margin:2%; border:1px solid #e7e7e7;text-align:center;}
#ctt_con .marusys .div1 div p {padding:5px; font-size:1.2em; margin:10px 0; color:#757575}
#ctt_con .marusys .div1 div img {width:100%;}
#ctt_con .marusys .div2 div {float:left; width:29.3%; margin:2%; border:1px solid #e7e7e7;text-align:center;}
#ctt_con .marusys .div2 .vandiv {float:left; width:28%; margin:2%; border:1px solid #e7e7e7;text-align:center;}
#ctt_con .marusys .div2 div p {padding:5px; font-size:1.2em; margin:10px 0; color:#757575}
#ctt_con .marusys .div2 div img {width:100%; border-bottom:1px solid #e7e7e7;}
#ctt_con .marusys .s2_bg1 {background:url(/img/03_bg.png) no-repeat right bottom -10px;}

/* PLUSTEN */
#ctt_con .plus {max-width:1200px; margin:0 auto;}
#ctt_con .plus .hd_line {width:280px; height:4px; background:#3c4c7f; margin-bottom:2px;}
#ctt_con .plus h2 {font-size:1.8em; color:#3a3a3a; line-height:35px;}
#ctt_con .plus p {font-size:1.4em; line-height:23px; margin-top:25px; color:#2a459a;}
#ctt_con .plus span {font-size:1.2em; display:inline-block; line-height:25px; margin-top:10px; color:#565656; margin-left:15px;}
#ctt_con .plus span i {position:relative; top:-1px; color:#2a459a; font-weight:600;}
#ctt_con .plus .ft_img {margin-top:25px; margin:0 15%;width:70%;}
#ctt_con .plus .ft_span {float:right;padding-top:20px; margin-right:35px; color:#758FAC}
#ctt_con .plus img {width:200px;}
#ctt_con .plus .pl_img a {font-size:1.0em; }
#ctt_con .plus .pl_img a span:hover {color:#7998B7}
#ctt_con .plus .pl_img span {display:inline-block; padding-top:12px;font-size:1.2em;transition:all 0.3s;}

/* contant us */
#ctt_con .for_m {max-width:1200px; margin:0 auto;}

/* gps */
#ctt_con .gps {max-width:1200px; margin:0 auto;}
#ctt_con .gps h2{font-size:2.3em; color:#373737; margin-top:50px; margin-bottom:15px; text-align:center;}
#ctt_con .gps .gps_hd{font-size:1.3em; color:#fff; background:#373737; width:260px; padding:4px 0; border-radius:20px 0 20px 0;}
#ctt_con .gps div {float:left; width:25%; margin-top:60px; text-align:center; margin-bottom:50px; transition:0.8s;}
#ctt_con .gps div p {margin-bottom:15px;font-size:1.3em; }
#ctt_con .gps div span {font-size:1.3em;}

/* about */
#ctt_con .about_us {max-width:1200px; margin:0 auto;}
#ctt_con .about_us .bg1 {background:url(/img/about1.jpg) no-repeat; background-size:100%;}
#ctt_con .about_us .bg2 {background:url(/img/about2.jpg) no-repeat; background-size:100%;}
#ctt_con .about_us .bg3 {background:url(/img/about3.jpg) no-repeat; background-size:100%;}
#ctt_con .about_us .bg4 {background:url(/img/about4.jpg) no-repeat; background-size:100%;}
#ctt_con .about_us h2 {font-size:2.3em; color:#373737; margin-top:50px; margin-bottom:15px; text-align:center;}
#ctt_con .about_us .hd_p {font-size:1.3em; color:#fff; background:#373737; width:260px; padding:4px 0; margin-bottom:30px; border-radius:20px 0 20px 0;}
#ctt_con .about_us div {float:left; width:24%; margin:0.5%; background:#f5f6f7; box-shadow:2px 2px 2px #e7e7e7; height:270px; padding:10px; transition:0.8s;}
#ctt_con .about_us div p {font-size:1.7em; text-align:center;margin-top:40px; margin-bottom:40px; color:#2577cb}
#ctt_con .about_us div p b {}
#ctt_con .about_us div span {font-size:1.1em; color:#777; text-align:center;display:inline-block; line-height:25px;}

@media (max-width:1200px ) {
	#ctt_con .about_us div {width:48%; margin:1%;}
	
	#ctt_con .company .div1 {float:left; width:20%; margin:1% 40%;}
	#ctt_con .company .div2 {float:left; width:96%; margin:1% 2%; text-align:center;}
	#ctt_con .company .img2 {width:98%; margin:1%; }
	
	#ctt_con .marusys .div1 div {float:left; width:46%; margin:2%; }
	#ctt_con .marusys .div2 div {float:left; width:46%; margin:2%; }
}
@media (max-width: 969px){
	#ctt_con .gps .div1 {width:100%;}
	#ctt_con .gps .div2 {width:33.3%;}
	#ctt_con .pay .ul1 {margin-top:0px; margin-left:15px; font-size:1.1em;}
	#ctt_con .plus .ft_span { margin-top:0px;margin-bottom:50px;}
}
@media (max-width:770px) {
	#ctt_con .marusys .div1 div {float:left; width:96%; margin:2%; }
	#ctt_con .marusys .div2 div {float:left; width:96%; margin:2%; }
	#ctt_con .pay img {width:98%; margin:0 1%;}
	#ctt_con .plus .ft_img {width:98%; margin:0 1%;}
	#ctt_con .marusys .s2_bg1 {background:none;}
	
}
@media (max-width:634px) {
	#ctt_con .about_us div {width:98%; margin:1%;}
	#ctt_con .company .div1 {float:left; width:40%; margin:1% 30%;}
	#ctt_con .plus .ft_span { margin-top:0px;margin-bottom:50px; margin-right:0;font-size:1.1em;}
	#ctt_con .plus .pl_img a {font-size:0.8em; }
}
@media (max-width: 500px){
	#ctt_con .gps div p, #ctt_con .gps div span{font-size:1.0em;}
	#ctt_con .plus .pl_img {text-align:center;}
	#ctt_con .plus .pl_img a {font-size:0.9em;}
	#ctt_con .plus .pl_img span {margin-top:0;}
	
}
@media (max-width:410px) {
	#ctt_con .marusys .div1 div p {font-size:1.0em;}
	#ctt_con .marusys .div2 div p {font-size:1.0em;}
}