@charset "utf-8";
.introd{margin:20px 0 100px;}
.introd h2{display:block;text-align:center;font-size:4rem;font-family: 'GmarketSansMedium';margin-bottom:20px;}
.introd h2 span{font-family: 'GmarketSansMedium';color:#FF6600;}
.introd .tit{color:#777;font-size:1.7rem;text-align:center;word-break:keep-all;}
.introd .tit span{display:block;margin-bottom:50px;}
.introd .Img img{width:100%;height:auto;}
.introd .txtbox{overflow:hidden;margin-top:50px;}
.introd .box1{float:left;width:48%;margin-right:4%;}
.introd .box2{overflow:hidden;}
.introd .txtbox h3{display:block;margin-bottom:20px;font-family: 'GmarketSansMedium';font-size:2.8rem;color:#000;}
.introd .txtbox p{color:#777;font-size:1.6rem;word-break:keep-all;margin-bottom:20px;line-height:160%; }
@media screen and (max-width:1024px) {	    
    .introd h2{font-size:3rem;}
    .introd .tit{font-size:1.5rem;}
    .introd .txtbox h3{font-size:2rem;}
    .introd .txtbox p{font-size:1.4rem;}
}
@media screen and (max-width:768px) {
    .introd h2{font-size:2rem;margin-bottom:10px;}
    .introd .tit{font-size:1.3rem;margin-bottom:5px;}
    .introd .txtbox .box1{float:inherit;width:inherit;margin-right:0;margin-bottom:40px;} 
    .introd .txtbox h3{font-size:1.7rem;}
    .introd .txtbox p{font-size:1.3rem;}    
}
/*지도*/
.mapWrap iframe{height:580px;}
.mapWrap {width:100%; max-width:1300px; height:580px; margin:0 auto 100px;}
.mapWrap .mapInfo {width:32%; height:580px; background-color:#463c3d; color:#fff; padding:50px 30px; float:left;}
.mapWrap .map {width:68%; height:580px; background-color:#eee; float:right;}
.mapWrap .mapInfo .mapTitle {margin-bottom:180px;}
.mapWrap .mapInfo .mapTitle a, .mapWrap .mapInfo .mapTitle a:link, .mapWrap .mapInfo .mapTitle a:visited {color:#fff; text-decoration:none;}
.mapWrap .mapInfo .mapTitle h2 {color:#ff6600; font-size:3rem; margin-bottom:20px; font-weight:600;}
.mapWrap .mapInfo .mapTitle p {font-size:2rem;margin-bottom:20px;}
.mapWrap .mapInfo .mapTitle span{display:block;font-size:1.8rem;font-family: Montserrat;margin-bottom:5px;letter-spacing:0.5px; }
.mapWrap .mapInfo .mapTitle span em{font-family: Montserrat;margin-right:20px;}
.mapWrap .mapInfo .mapTitle span a{font-family: Montserrat;cursor:inherit;letter-spacing:0.5px; }
.mapWrap .mapInfo .mapBus h2 {font-size:1.8rem; display:inline; margin-left:10px;}
.mapWrap .mapInfo .mapBus p {font-size:1.5rem;}
.mapWrap .mapInfo .mapBus img {display:inline;}
.mapWrap .mapInfo .mapBus p, .mapWrap .mapInfo .mapBus .mapBusInfo {margin-left:32px;}
.mapWrap .mapInfo .mapBus .mapBusInfo {font-size:1.2rem;}
.mapWrap .mapInfo .mapBus .busInfo01 {background-color:#FF0000; color:#ffffff; font-weight:600; width:40px; display:inline-block; text-align:center; margin-top:7px; margin-right:3px;}
.mapWrap .mapInfo .mapBus .busInfo02 {background-color:#a8de37; color:#463c3d; font-weight:600; width:40px; display:inline-block; text-align:center; margin-top:5px; margin-right:3px;}
.mapWrap .mapInfo .mapBus .busInfo03 {background-color:#FF0000; color:#ffffff; font-weight:600; width:40px; display:inline-block; text-align:center; margin-top:5px; margin-right:3px;}
	@media screen and (max-width:1300px) {
		.mapWrap iframe{height:500px;}
		.mapWrap {width:100%; height:500px; margin:0 auto 80px;}
		.mapWrap .mapInfo {width:32%; height:500px; padding:50px 2.5%;}
		.mapWrap .map {width:68%; height:500px;}	
		.mapWrap .mapInfo .mapTitle {margin-bottom:160px;}
		.mapWrap .mapInfo .mapTitle h2 {color:#ff6600; font-size:2.4rem; margin-bottom:10px; font-weight:600;}
		.mapWrap .mapInfo .mapTitle p {font-size:1.6rem;}
		.mapWrap .mapInfo .mapTitle p:last-of-type {font-size:1.4rem; margin-top:6px;}	
		.mapWrap .mapInfo .mapBus h2 {font-size:1.4rem; display:inline; margin-left:8px;}
		.mapWrap .mapInfo .mapBus p {font-size:1.2rem;}
		.mapWrap .mapInfo .mapBus img {display:inline;}
		.mapWrap .mapInfo .mapBus p, .mapWrap .mapInfo .mapBus .mapBusInfo {margin-left:30px;}
		.mapWrap .mapInfo .mapBus .mapBusInfo {font-size:1.1rem;}
}
	@media screen and (max-width:1024px) {
		.mapWrap {width:100%; height:500px; margin:0 auto 80px;}
		.mapWrap .mapInfo {width:32%; height:500px; padding:50px 2.5%;}
		.mapWrap .map {width:68%; height:500px;}	
		.mapWrap .mapInfo .mapTitle {margin-bottom:150px;}
		.mapWrap .mapInfo .mapTitle h2 {color:#ff6600; font-size:2.4rem; margin-bottom:10px; font-weight:600;}
		.mapWrap .mapInfo .mapTitle p {font-size:1.6rem;}
		.mapWrap .mapInfo .mapTitle p:last-of-type {font-size:1.4rem; margin-top:6px;}	
		.mapWrap .mapInfo .mapBus h2 {font-size:1.4rem; display:inline; margin-left:8px;}
	}	
	@media screen and (max-width:990px) {
		.mapWrap iframe{height:450px;}
		.mapWrap {width:100%; height:450px; margin:0 auto 60px;}
		.mapWrap .mapInfo {width:37%; height:450px; padding:50px 2.5%;}
		.mapWrap .map {width:63%; height:450px;}	
		.mapWrap .mapInfo .mapTitle {margin-bottom:120px;}
		.mapWrap .mapInfo .mapTitle h2 {color:#ff6600; font-size:2.4rem; margin-bottom:10px; font-weight:600;}
		.mapWrap .mapInfo .mapTitle p {font-size:1.6rem;}
	}
	@media screen and (max-width:768px) {    
		.mapWrap iframe{height:350px;}
		.mapWrap {width:100%; height:650px; margin:0 auto 80px; position:relative;}
		.mapWrap .mapInfo {width:100%; height:auto; padding:30px; float:none; position:absolute; top:350px;}
		.mapWrap .map {width:100%; height:350px; float:none; position:absolute; top:0;}	
		.mapWrap .mapInfo .mapTitle {margin-bottom:25px;}
		.mapWrap .mapInfo .mapTitle h2 {color:#ff6600; font-size:2.4rem; margin-bottom:10px; font-weight:600;}
		.mapWrap .mapInfo .mapTitle p {font-size:1.6rem;}
		.mapWrap .mapInfo .mapTitle span{font-size:1.4rem;}
		.mapWrap .mapInfo .mapTitle span a{font-family: Montserrat;cursor:pointer;}
		.mapWrap .mapInfo .mapBus h2 {font-size:1.5rem; margin-left:0;}
		.mapWrap .mapInfo .mapBus p {font-size:1.2rem; margin-top:5px;}
		.mapWrap .mapInfo .mapBus img {display:none;}	
		.mapWrap .mapInfo .mapBus p, .mapWrap .mapInfo .mapBus .mapBusInfo {margin-left:0;}	
}


/*LED전광판개요*/
.overviewWrap {margin:0 auto 70px; width:95%; max-width:1260px;}
.overview_cont {width:90%; max-width:1160px; margin:0 auto; margin-top:30px; padding-bottom:25px; overflow:hidden;}
.overview_cont h3 {font-size:2rem; font-weight:600; margin-bottom:15px; color:#111;}
.overview_cont p {font-size:1.5rem; line-height:1.5; color:#454545;}
.overview_tit {overflow:hidden; height:200px; display:flex; align-items:center;}
.overview_tit h2 {color:#fff; font-size: 4rem; font-weight:600; display:block; margin:0 auto;}
.overview_icon {display:block; float:left; width:16.66%;  text-align:center; border:1px solid #ddd; padding:38px 0;}
.overview_icon img {width:40%;}
.overview_icon p {margin-top:20px; font-size:1.6rem; font-weight:600;}
.overview_midbox {width:45%; display:block; float:left; margin-bottom:15px;}
.overview_midbox:last-child {float:right;}
.overview_midbox img {width: 100%; margin-bottom: 20px;}
.overview_color, .overview_last {background:#eee; padding:5px 0 15px;}
.overview_color_sec {margin-top:20px; overflow:hidden;}
.overview_color_sec_box {background:#fff; display:block; float:left; width:48%;}
.overview_color_sec_box:last-child {float:right;}
.overview_color_sec_box h4 {font-size:1.4rem; padding-left:15px; padding-top:15px; position:relative;}
.overview_color_sec_box h4:before {position:absolute; display:block; top:0; left:0; width:5px; height:40px; background:#ff6600; content:"";}
.overview_color_sec_box>p {font-size:1.4rem; width:90%; display:block; margin:0 20px 20px;}
.overview_color_sec_box .led_img {display:block; width:33.33%; float:left; text-align:center; margin:20px 0; position:relative;}
.overview_color_sec_box .led_img_box:after {display:block; content:""; clear:both;}
.overview_color_sec_box .led_img img {width:75%;}
.overview_color_sec_box .led_img p {position:absolute; font-size: 0.8rem; bottom:5px; width:100%;}
.overview_color_sec:last-child .overview_color_sec_box {width:100%;}
.overview_color_sec:last-child .overview_color_sec_box .led_img {width:15%;}
.overview_color_sec:last-child .overview_color_sec_box .led_img_box:after {display:block; content:""; clear:both;}
.led_red {color:#e82418;}
.led_blue {color:#3863ff;}
.led_yellow {color:#fda414;}
.led_puregreen {color:#1bcda9;}
.led_green {color:#0dc30f;}
.led_pink {color:#ee73f0;}
.led_white {color:#fff;}
.overview_module {padding-bottom:30px;}
.overview_module h3 {font-size:2rem; font-weight:600; color:#111; width:90%; max-width:1160px; margin:30px auto 15px;}
.overview_module_box {display:block; border:1px solid #ddd; margin-bottom:20px;}
.overview_module_box .overview_cont h4 {font-size:1.6rem; margin-bottom:10px;}
.overview_module_box .overview_cont>p {font-size:1.4rem; line-height:1.5; margin-bottom:20px;}
.overview_module_box .overview_cont div h5 {margin-top: 10px; font-size:1.4rem; font-weight:600; color:#454545;}
.overview_module_box .overview_cont div p {font-size:1.2rem;}
/*.overview_module_img {display:flex; align-items: baseline;}*/
.pcb_img {display:block; width:33.33%; float: left; text-align:center;}
.pcb_img:nth-child(1) img {width:40%;}
.pcb_img:nth-child(2) img {width:50%;}
.pcb_img:nth-child(3) img {width:60%;}
.housing_img {display:block; width:25%; float:left; text-align:center;}
.housing_img:nth-child(1) img {width:40%;}
.housing_img:nth-child(2) img {width:50%;}
.housing_img:nth-child(3) img {width:60%;}
.housing_img:nth-child(4) img {width:70%;}
.overview_lastbox {background:#fff; display:block; float:left; width:48%; height: 480px; position:relative;}
.overview_lastbox:last-child {float:right;}
.overview_lastbox h3 {font-size:2rem; padding-left:20px; padding-top:15px; position:relative;}
.overview_lastbox h3:before {position:absolute; display:block; top:0; left:0; width:6px; height:50px; background:#ff6600; content:"";}
.overview_lastbox img, .overview_lastbox p{width:90%; margin:10px auto; display:block;}
.overview_lastbox p {padding-bottom:20px;}
.saving_table {width:90%; margin:30px auto 20px; text-align:center; border-collapse:collapse;}
.saving_table thead {background:#fedfa9; padding:4px 10px; font-weight: 600;}
.saving_table td {padding:3px 10px; font-size:1.2rem; border-top:1px solid #fedfa9; border-right:1px solid #fedfa9;}
.saving_table td:last-child {border-right:none;}
@media screen and (max-width:1300px) {
	.overview_icon {padding:20px 0;}
	.overview_icon p {margin-top:20px; font-size:1.4rem; font-weight:600;}
	.overview_color_sec_box>p {font-size:1.3rem; height:57px;}
	.overview_color_sec_box .led_img img {width:80%;}
	.overview_lastbox {height:580px;}
}
@media screen and (max-width:990px) {
	.overview_tit {height:150px;}
	.overview_tit h2 {font-size: 3rem;}
	.overview_icon {width:33.33%; padding:38px 0;}
	.overview_color_sec_box {width:100%;}
	.overview_color_sec_box:last-child {margin-top:20px;}
	.overview_color_sec_box>p {height:auto;}
	.overview_color_sec:last-child .overview_color_sec_box .led_img {width:25%;}
	.overview_lastbox {width:100%; height:auto;}
	.overview_lastbox:last-child {margin-top:20px;}
	.overview_lastbox:after {display:block; content:""; clear:both;}
}
@media screen and (max-width:768px) {
	.overviewWrap {width:100%;}
	.overview_tit {background-size:cover; height:150px;}
	.overview_icon {padding:18px 0;}
	.overview_color_sec_box .led_img p {font-size: 0.75rem;}
	.overview_midbox {width:100%;}
	.overview_midbox:last-child {margin-top:20px;}
	.overview_midbox img {width:100%; margin-bottom: 20px;}
	.overview_color_sec:last-child .overview_color_sec_box .led_img {width:50%;}
	.overview_color_sec:last-child .overview_color_sec_box .led_img img {width:60%;}
	.pcb_img {width:100%; margin-bottom:20px;}
	.housing_img {width:100%; margin-bottom:20px;}
}


/*LED전광판격규격*/
.size_cont {width:95%; margin:10px auto 30px;}
.size_tit h2 {font-size:3rem; font-weight:600; display:inline-block;}
.size_list {float:right; display:inline-block;}
.size_list>li {float:left;}
.size_list a {display:block; width:80px; text-align:center;}
.a_or {font-size:1.4rem; color:#ff6600;}
.size_tit .size_tkimg img {width:25%; display:block; float:left; padding:20px 10px;}
.size_tit p {display:block; font-size:1.5rem; color:#454545;}
.size_info {margin:30px auto 40px;}
.size_info img {width:60%; margin:10px auto; display:block;}
.size_info h2 {font-size:2rem; font-weight:600; margin-bottom:20px;}
.size_info_list {display:flex; align-items:center; margin-bottom:30px;}
.size_info_list:after {display:block; content:""; clear:both;}
.size_info_list h3 {font-size:1.6rem; font-weight:600; background-color:#eee; border-radius:10px; display:inline-block; width:20%; text-align:center; padding:10px 0;}
.size_info_list p {font-size:1.4rem; display:inline-block;  width:82%; margin-left:20px; padding-top:3px;}
.size_last {background-color:#eee; padding:10px 0 30px; margin-bottom:70px;}
.size_last .size_cont {margin-bottom:10px;}
.size_last h2 {font-size:2rem; font-weight:600; margin-bottom:20px;}
.size_cont:after {display:block; clear:both; content:"";}
.size_cont .size_box {background:#fff; width:48%; display:block; float:left; margin-bottom:20px;}
.size_cont .size_box:last-child {float:right;}
.size_cont .size_box h3 {font-size:2rem; padding-left:20px; padding-top:15px; position:relative;}
.size_cont .size_box h3:before {position:absolute; display:block; top:0; left:0; width:6px; height:50px; background:#ff6600; content:"";}
.size_cont .size_box img {width:90%; margin:20px auto; display:block;}
.size_cont .size_box p {width:90%; display:block; margin:-20px auto 20px; font-size:1.5rem;}
.size_table {width:90%; margin:20px auto 20px; text-align:center; border-collapse:collapse;}
.size_table thead {background:#fedfa9; padding:4px 10px; font-weight: 600;}
.size_table td {padding:3px 10px; font-size:1.2rem; border-top:1px solid #fedfa9; border-right:1px solid #fedfa9;}
.size_table td:last-child {border-right:none;}
.size_table .tablenone {color: #fedfa9;}
.size_cont:last-child .size_box:first-child {float:left;}

.neon_size h3 {margin-bottom:20px;}
.neon_size:last-child .size_table:after {display:block; content:""; height:68px;}
.mid_divider {width:95%; display:block; height:1px; background:#f0f0f0; margin:30px 0;}
.full_size_table {width:100%; display:block; border-collapse:collapse; margin-top:15px;}
.full_size_table td {padding:8px 15px; border-top:1px solid #fedfa9; border-right:1px solid #fedfa9; font-size:1.3rem;}
.full_size_table td:first-child {background: #fedfa9; text-align:center; width:180px; font-weight:600; font-size:1.4rem;}
.full_size_table tr:last-child {border-bottom:1px solid #fedfa9;}
.carled_margin {margin-top:30px; display:block;}
.carled {margin-bottom:70px;}

@media screen and (max-width:1300px) {
	.neon_size:last-child .size_table:after {display:block; content:""; height:85px;}
	.size_info_list h3 {width:25%;}
	.size_cont .size_box p {height:84px;}
}
@media screen and (max-width:990px) {
	.size_cont .size_box {width:100%; margin-bottom:20px;}
	.size_cont .size_box p {height:auto;}
	.size_info_list {align-items:flex-start;}
	.size_info_list h3 {font-size:1.5rem; width:28%;}
	.size_info_list p {margin-left:10px;}
	.neon_size:last-child .size_table:after {display:block; content:""; height:auto;}
}
@media screen and (max-width:768px) {
	.size_tit h2 {display:none;}
	.size_list {float:none; margin:10px auto; text-align:center;}
	.size_tit .size_tkimg {width:100%; display:block; float:left;}
	.size_tit .size_tkimg img {width:50%;}
	.size_tit .size_tkimg:after {display:block; content:""; clear:both;}
	.size_info img {width:100%;}
	.size_info_list h3 {width:30%; font-size:1.3rem;}
	.size_info_list p {font-size:1.3rem; width:70%;}
	.size_cont .size_box h3 {font-size:1.6rem}
	.size_cont .size_box h3:before {width:5px; height:45px;}
	.size_table td {font-size:0.9rem;}
}








/*서비스이용약관*/
.term {font-size:16px; font-weight:300; color:#444;}
.term h5 {font-size:24px; color:#222; letter-spacing:-0.05em; margin-top:50px; margin-bottom:10px; font-weight:500;}
.term .box {border:1px solid #d6dbde; padding:25px; line-height:160%;}
.term .term_tit {margin:35px 25px;}
.term .term_tit h6 {font-size:18px; color:#484848; letter-spacing:-0.05em; margin-bottom:10px; font-weight:500;}
.term .term_tit ul {padding:0 18px;}
.term .term_tit ul li {word-break:keep-all; margin:3px 0;}
.term .term_tit ul li:before {position:relative; display:inline-block; width:3px; height:3px; border-radius:50%; background:#444; top:-4px; margin-right:8px; margin-left:-11px; content:'';}
.term .term_tit p {margin-bottom:8px; line-height:160%; word-break:keep-all;}
.term .term_tit .explain {display:block; font-size:14px; line-height:140%; margin-top:10px; font-weight:400; padding:0 12px;}
.term .line {width:100%; height:1px; background:#d6dbde;}

	@media (max-width:1219px) {
	}


	@media (max-width:999px) {
		.term {font-size:110%;}
		.term h5 {font-size:140%;}
		.term .box {padding:5%;}
		.term .term_tit h6 {font-size:120%;}
	}

	@media (max-width:799px) {
		.term {font-size:100%;}
		.term h5 {font-size:130%;}
		.term .term_tit {margin:6% 4%;}
        .term .term_tit p {font-size:1rem !important;}
		.term .term_tit h6 {font-size:110%;}

	}

	@media (max-width:499px) {
		.term h5 {font-size:120%;}
	}


/* 개인정보처리방침*/
.privacy .term_tit h5 {font-size:18px !important; margin-top:0;}
.privacy .term_tit .website {display:block; margin:10px 0; text-decoration:underline;}

	@media (max-width:1219px) {
	}


	@media (max-width:999px) {
		.privacy .term_tit h5 {font-size:150% !important;}
	}

	@media (max-width:799px) {
		.privacy .term_tit h5 {font-size:140% !important;}

	}

	@media (max-width:499px) {
		.privacy .term_tit h5 {font-size:130% !important;}
	}