

#content{padding:0}
#content .wrap{width:100%}
#about .wrap{width:980px;padding-bottom:140px;overflow:hidden}

.contentWrapper{background:#f4f4f4;overflow:hidden}


#introduce{clear:both;border-top:1px solid #d7d7d7;padding-top:40px}
#introduce .left{float:left;width:48.5%}
#introduce .right{float:right;width:48.5%}
#introduce .description{line-height:180%;font-size:14px;letter-spacing:-1px;font-family: 'Nanum Barun Gothic', sans-serif}

#ment{text-align:center;clear:both}
#ment .inside{padding:50px 100px}
#ment .box{display:inline-block;width:30%;background:red;overflow:hidden}

#about .process-cont{clear:both;padding:10px}
#about .process-cont li{float:left;width:25%;list-style:none}
#about .process-cont li .box{background-color:#f4f4f4;background-repeat:no-repeat;background-position:center 50px;margin-right:5px;margin-bottom:5px;width:237px;height:237px;text-align:center}
#about .process-cont li .box.noMarginRight{margin-right:0}
#about .process-cont li .box.noMarginBottom{margin-bottom:0}
#about .process-cont li .box .inner{padding:15px 12px;line-height:150%;padding-top:140px}
#about .process-cont li .box h4{color:#333;font-size:15px}
#about .process-cont li .box .desc{color:#999;font-size:14px;letter-spacing:-1px}
#about .process-cont li .box:hover{background-color:#c9001a}
#about .process-cont li .box:hover h4,
#about .process-cont li .box:hover .desc{color:#fff}

#about .process-cont li.step1 .box{background-image:url(/layouts/default/image/about_ico_1.png)}
#about .process-cont li.step2 .box{background-image:url(/layouts/default/image/about_ico_2.png)}
#about .process-cont li.step3 .box{background-image:url(/layouts/default/image/about_ico_3.png)}
#about .process-cont li.step4 .box{background-image:url(/layouts/default/image/about_ico_4.png);margin-right:0}
#about .process-cont li.step5 .box{background-image:url(/layouts/default/image/about_ico_5.png)}
#about .process-cont li.step6 .box{background-image:url(/layouts/default/image/about_ico_6.png)}
#about .process-cont li.step7 .box{background-image:url(/layouts/default/image/about_ico_7.png)}
#about .process-cont li.step8 .box{background-image:url(/layouts/default/image/about_ico_8.png)}
#about .process-cont li.step9 .box{background-image:url(/layouts/default/image/about_ico_9.png)}
#about .process-cont li.step10 .box{background-image:url(/layouts/default/image/about_ico_10.png)}
#about .process-cont li.step11 .box{background-image:url(/layouts/default/image/about_ico_11.png)}
#about .process-cont li.step12 .box{background-image:url(/layouts/default/image/about_ico_12.png)}

#license{border-top:1px solid #ebebeb}
#license .title{padding-bottom:0}
#license ul{list-style:none;text-align:center;border-top:1px solid #ebebeb;width:100%}
#license li{float:left;overflow:hidden;display:block;width:33.3333333%;cursor:pointer}
#license li .box{height:199px;line-height:199px;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb}
#license li .box .inner{position:relative}
#license li .box .inner img{vertical-align:middle}
#license li .box.no-margin{border-right:none}
#license li .box .inner{}
#license .line{display:none}


/* map */

.pc-map{display:block}
.mobile-map{display:none}

/* 주석처리

#location{clear:both;background:#f3f3f3;overflow:hidden;padding-bottom:0px}
#location .wrap{padding:0px 0 0 0;width:980px;overflow:hidden}
#location .left{width:260px;float:left}
#location .top{border-bottom:1px solid #dadada;overflow:hidden;padding-bottom:50px}
#location .top strong{color:#e4002b;font-size:28px;font-weight:bold;display:block;padding-bottom:15px}
#location .bottom{clear:both;padding-top:50px;font-size:28px;overflow:hidden}
#location .right{float:right;overflow:hidden;height:552px;position:relative}
#location .right .map-canvas{width:689px;height:552px}

#location .title {height: 230px;}
#location .title .line {top: 150px;}
#location .title h3 {top: 100px}

#location .map-info{clear:both;padding-top:50px;overflow:hidden}
#location .map-btn{clear:both;text-align:right;padding-top:20px;position:absolute;right:0}
#location .map-btn a{border:1px solid #dedede;background:#f2f2f2;text-align:center;font-size:13px;color:#000;padding:7px 17px}

#location .ad-tt{display:block;clear:both;font-weight:bold;color:#000;padding-bottom:5px;font-size:15px}
#location .ad-tt2{display:block;clear:both;font-weight:normal;color:#000;padding-bottom:4px;width:60%}
#location .ad-tt2 em{font-style:normal;float:right;color:#000}
#location .address{color:#666666;font-size:15px;line-height:150%;padding-left:15px}
#location .bottom strong{display:block;padding-bottom:15px}

#location .ad-tt3{display:none;padding-left:10px;color:red}


*/

img{min-width:auto}

#location.pc-map{clear:both;background:#f3f3f3;overflow:hidden;padding-bottom:0px}
#location.pc-map .wrap{padding:105px 0 0 0;width:980px;overflow:hidden}
#location.pc-map .left{width:260px;float:left}
#location.pc-map .top{border-bottom:1px solid #dadada;overflow:hidden;padding-bottom:50px}
#location.pc-map .top strong{color:#e4002b;font-size:28px;font-weight:bold;display:block;padding-bottom:15px}
#location.pc-map .bottom{clear:both;padding:50px 0 50px 0;font-size:28px;overflow:hidden}
#location.pc-map .right{float:right;overflow:hidden;height:552px;position:relative}
#location.pc-map .right .map-canvas{width:689px;height:552px}

#location.pc-map .title {height: 130px;}
#location.pc-map .title .line {top: 40px;}
#location.pc-map .title h3 {top: 0px}

#location.pc-map .map-info{clear:both;padding-top:50px;overflow:hidden}
#location.pc-map .map-btn{clear:both;text-align:right;padding-top:20px;position:absolute;right:0}
#location.pc-map .map-btn a{border:1px solid #dedede;background:#f2f2f2;text-align:center;font-size:13px;color:#000;padding:7px 17px}

#location.pc-map .ad-tt{display:block;clear:both;font-weight:bold;color:#000;padding-bottom:5px;font-size:15px}
#location.pc-map .ad-tt2{display:block;clear:both;font-weight:normal;color:#000;padding-bottom:4px}
#location.pc-map .ad-tt2 em{font-style:normal;float:right;color:#000}
#location.pc-map .address{color:#666666;font-size:15px;line-height:150%;padding-left:15px;font-size:13px}
#location.pc-map .bottom strong{display:block;padding-bottom:15px}

#location.pc-map .ad-tt3{display:none;padding-left:10px;color:#999999;font-size:13px}
#location.pc-map .ad-tt3 .bold{color:#000;}


/*
@media all and (min-width:481px) and (max-width:1024px) {
	.num{display:none}
	.wrap{width:100%}
	nav{display:none}
	#about .wrap{width:100%;padding:0}
	.contentWrapper{padding:20px}
	.contentWrapper2{padding:20px;background:#fff}
	.title p{font-size:20px;color:#9d9d9d;margin-top:50px;font-size:18px;line-height:120%}
	
	#introduce{padding:30px 0}
	#introduce .left{clear:left;clear:both;display:block;float:none;clear:left;width:100%;clear:both}
	#introduce .right{float:none;clear:left;width:100%;clear:both}
	#introduce .mobile{display:none;margin-left:-10000px}
	
	#about .process-cont{clear:both;margin-top:20px}
	#about .process-cont li{display:block;float:none;clear:left;clear:both;width:100%;background:#fff;border-bottom:1px solid #efefef;margin:0}
	#about .process-cont li .box{padding:20px 0;overflow:hidden;background-position:20px center;height:auto;margin:0;width:100%;background-color:#fff}
	#about .process-cont li .box .inner{clear:both;text-align:left;padding:0;padding-left:110px}
	#about .process-cont li .box.noMarginRight{margin:none}
	#about .process-cont li .box.noMarginBottom{margin:none}
	#about .process-cont li .box h4{color:#333;font-size:15px}
	#about .process-cont li .box .desc{color:#999;font-size:14px;letter-spacing:-1px}

	#about .process-cont .mobile{display:none;margin-left:-10000px}


	.pc-map{display:none}
	.mobile-map{display:block}
	#location{padding-bottom:20px}
	#location strong{display:block;padding:10px 0;cursor:pointer}
	#location .map-info-address{display:block;clear:both;font-size:13px;padding-top:10px;padding-left:10px;line-height:150%}
	#location .map-info-address strong{font-size:17px}
	#location .map-info-address p{clear:both;padding-top:5px}
	#location .btn{float:left;width:50%;margin-top:5px;margin-bottom:5px}
	#location .btn a{width:auto;display:block;padding:10px 20px;margin-right:5px;font-size:12px}
	
	
	#slider .flex-direction-nav a{font-size:30px;color:#fff}
	#slider .flex-prev{left:10px;float:left;position:fixed;z-index:9999}
	#slider .flex-next{right:10px;float:right;position:fixed;z-index:9999}
}

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

}

*/


/* 백업 */

@media all and (max-width:1024px) {
	.num{display:none}
	
	.wrap{width:100%}
	nav{display:none}
	#about .wrap{width:100%;padding:0}
	.contentWrapper{padding:20px}
	.contentWrapper2{padding:20px;background:#fff}
	.title p{font-size:20px;color:#9d9d9d;margin-top:50px;font-size:18px;line-height:120%}
	
	#introduce{padding:30px 0}
	#introduce .left{clear:left;clear:both;display:block;float:none;clear:left;width:100%;clear:both}
	#introduce .right{float:none;clear:left;width:100%;clear:both}
	#introduce .mobile{display:none;margin-left:-10000px}
	
	#about .process-cont{clear:both;margin-top:20px}
	#about .process-cont li{display:block;float:none;clear:left;clear:both;width:100%;background:#fff;border-bottom:1px solid #efefef;margin:0}
	#about .process-cont li .box{padding:20px 0;overflow:hidden;background-position:20px center;height:auto;margin:0;width:100%;background-color:#fff}
	#about .process-cont li .box .inner{clear:both;text-align:left;padding:0;padding-left:110px}
	#about .process-cont li .box.noMarginRight{margin:none}
	#about .process-cont li .box.noMarginBottom{margin:none}
	#about .process-cont li .box h4{color:#333;font-size:15px}
	#about .process-cont li .box .desc{color:#999;font-size:14px;letter-spacing:-1px}

	#about .process-cont .mobile{display:none;margin-left:-10000px}
	
	
	#license{border-top:none}
	#license .title{padding-bottom:50px}
	#license .line{display:block}
	#license .contentWrapper3{padding:20px}
	#license li{text-align:center;width:50%}
	#license li .box{border-right:0px solid #ebebeb;height:100%;line-height:100%;padding:50px 0}
	#license li img{max-width:80%}
	#license .box.no-margin-mo{border-right:1px solid #ebebeb}
	#license .box.no-margin.no-margin-mo{border-right:1px solid #ebebeb}
	
	/*	
	#license li .box{border-right:none;line-height:100%;height:100%;padding:30px}
	#license li{width:100%;clear:both}
	#license li .box .inner img{vertical-align:middle;height:70px}
	#license .none{display:none}
	*/
	
	
	/* map 
	.pc-map{display:none}
	.mobile-map{display:block}
	#location{padding-bottom:20px}
	#location strong{display:block;padding:10px 0;cursor:pointer}
	#location .map-info-address{display:block;clear:both;font-size:13px;padding-top:10px;padding-left:10px;line-height:150%}
	#location .map-info-address strong{font-size:17px}
	#location .map-info-address p{clear:both;padding-top:5px}
	#location .btn{float:left;width:50%;margin-top:5px;margin-bottom:5px}
	#location .btn a{width:auto;display:block;padding:10px 20px;margin-right:5px;font-size:12px}
	
	
	#slider .flex-direction-nav a{font-size:30px;color:#fff}
	#slider .flex-prev{left:10px;float:left;position:fixed;z-index:9999}
	#slider .flex-next{right:10px;float:right;position:fixed;z-index:9999}
	*/


	.pc-map{display:none}
	.mobile-map{display:block}
	#location{padding-bottom:20px;width:100%;clear:both}
	#location strong{display:block;padding:10px 0;cursor:pointer}
	#location .map-info-address{display:block;clear:both;font-size:13px;padding-top:10px;padding-left:10px;line-height:150%}
	#location .map-info-address strong{font-size:17px}
	#location .map-info-address p{clear:both;padding-top:5px}
	#location .btn{float:left;width:50%;margin-top:5px;margin-bottom:5px}
	#location .btn a{width:auto;display:block;padding:10px 20px;margin-right:5px;font-size:12px}

	#location .title {height: 140px}
	#location .title .line {top: 100px}
	#location .title h3 {top: 50px}

	#location .map-info-address .ad-tt{display:block;clear:both;font-weight:bold;color:#000;padding:0 0 5px 15px;font-size:15px}
	#location .map-info-address .ad-tt2{display:block;clear:both;font-weight:normal;color:#000;padding-bottom:4px}
	#location .map-info-address .ad-tt2 em{font-style:normal;color:#000}
	#location .map-info-address .address{color:#666666;font-size:15px;line-height:150%;padding-left:15px;font-size:13px}
	#location .map-info-address .bottom strong{display:block;padding-bottom:15px}

	#location .map-info-address .ad-tt3{display:none;padding-left:10px;color:#666666;font-size:13px}
}