/*인사말*/
.overCon { max-width:1200px; margin:0 auto; padding-top:50px;  }
.overCon:after {content: " ";isibility: hidden;display: block;height: 0;clear: both;}
.overCon .colum { /* padding:20px;  */width:100%; margin:0 auto; box-sizing:border-box}
.overCon .colum:after{clear:both; content:""; display:block;}
.overCon .colum h2 { font-size:22px; color:#000; font-weight:600; padding-bottom:20px}
.overCon .colum .left{float:left; width:520px; font-size:1.000em; line-height:1.95em;  text-align:justify; }
.overCon .colum .right{float:right; width:520px; font-size:1.000em;  line-height:1.95em; text-align:justify; }
.overCon .sign {text-align:right; font-size:1.125em; font-weight:bold; color:#222; margin-top:60px; padding-right:105px; /* background-image:url(../img/sign.gif); background-repeat:no-repeat; background-position:right center; */ line-height:50px;}
.overCon .sign .name { font-size:24px}
/*인사말*/




/*오시는 길*/
.contact_address {width:100%;height:auto;line-height:1.7;}
.contact_address ul {max-width:1240px;clear: both;padding:0 10px 20px 10px;border-bottom:1px solid #ddd;}
.contact_address ul li {color: #333;margin-top: 5px;margin-bottom: 5px;}
.contact_traffic { max-width:1240px; padding:20px 10px 0 10px; letter-spacing:-0.8px;  clear:both;}
.contact_traffic:after {content: " ";visibility: hidden;display: block;height: 0;padding-bottom:50px;clear: both;}
.contact_traffic .bus {width:100%;padding:0;}
.contact_traffic .subway {width:100%; padding:0;}
.contact_traffic ul li {color: #555; line-height:33px;}
.contact_traffic h3 { font-size:20px; font-weight:300; letter-spacing:-1px; color:#000; padding-bottom:10px; text-align:left}/* 푸터팝업*/

.map_info{width:283px;height:214px;background:#000;position:absolute;left:0;top:0px;padding: 30px 28px;font-size:16px;color:#f8969a;letter-spacing:0;}
.map_info span{display:block;font-size:20px;color:#e3b62a;letter-spacing:-.25px;}
.map_info p { padding-top:20px; color:#f2f2f2; line-height:1.4;}
.map_btn{position:absolute;left:30px;bottom:30px;}
.map_btn a{display:inline-block;width:100px;height:41px;line-height:41px;;border:1px solid #f2f2f2;text-align:center; color:#FFF; letter-spacing:-0.5px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.map_btn a:hover{color:#c2131a;background:#fff;border-color:#fff; text-decoration:none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.map_btn a:first-child{margin-right:5px;}
/*오시는 길*/



.hompage_service h2 { font-size:24px; padding-bottom:50px; color:#333; font-weight:bold}
.hompage_service p { font-size:14px}
.hompage_service ul {max-width:1200px;height:300px;margin:auto;margin-top:150px;	}
.hompage_service ul li {font-size:16px;font-weight:100;text-align:center;float:left;width:25%; min-height:280px}





/*A'ROMA 이야기*/
.sub_1020_wrap { width:100%; padding-bottom:50px; clear:both}
.sub_1020_wrap .sub_1020_title { text-align:center; font-weight:bold; font-size:26px}
.sub_1020_wrap .sub_1020 { max-width:1200px; margin:50px auto 0 auto}
.sub_1020_wrap .sub_1020 .item {width:23.3333%; margin-left:2.2%; display:block; float:left}
.sub_1020_wrap .sub_1020 .item:first-child { margin-left:0} 
.sub_1020_wrap .sub_1020 .item .img { width:100%; min-height:300px; background-repeat:no-repeat; background-size:cover; background-position:top center; clear:both; overflow:hidden; position:relative}
.sub_1020_wrap .sub_1020 .item .img01 {background-image:url(../img/sub_1020_img01.jpg)}
.sub_1020_wrap .sub_1020 .item .img02 {background-image:url(../img/sub_1020_img02.jpg)}
.sub_1020_wrap .sub_1020 .item .img03 {background-image:url(../img/sub_1020_img03.jpg)}
.sub_1020_wrap .sub_1020 .item .img04 {background-image:url(../img/sub_1020_img04.jpg)}
.sub_1020_wrap .sub_1020 .item .txt { width:100%; padding:20px; min-height:261px; text-align:left; border:1px solid #ddd; clear:both}
.sub_1020_wrap .sub_1020 .item .txt h2 { font-size:20px;  font-weight:bold}
.sub_1020_wrap .sub_1020 .item .txt p { font-size:16px; padding-top:20px; color:#555; line-height:1.6 }
.sub_1020_wrap .content { line-height:2.1; padding-top:30px}
.sub_1020_wrap .content .circle-img_wrap li img { text-align:center; width:280px; height:280px}
.sub_1020_wrap .content01 ul { max-width:668px; padding: 0; margin:0 auto}
.sub_1020_wrap .content01 ul .ttile { padding:10px 0 0; font-size:18px}
.sub_1020_wrap .content01 ul li { background-image:url(../img/icon_dot.gif); background-position:0 15px; background-repeat:no-repeat; padding-left:10px; text-align:left}
.sub_1020_wrap .content01 .circle-img_wrap { max-width:640px; margin:0 auto; text-align:center}
.sub_1020_wrap .content01 .circle-img_wrap li {width:48%; margin-left:1%;margin-top:5%; padding:0; display:inline-block; text-align:center; background-image:none}
.sub_1020_wrap .content01 .circle-img_wrap li:first-child { margin-left:0}
.sub_1020_wrap .content02 .circle-img_wrap { max-width:966px; margin:0 auto; padding-top:50px; text-align:center}
.sub_1020_wrap .content02 .circle-img_wrap li {width: 29%; margin-left:3%; margin-bottom:5%; display:inline-block}
@media screen and (min-width:961px) {
.sub_1020_wrap .content02 .circle-img_wrap li:nth-child(3n+1) { margin-left:0}
}
.sub_1020_wrap .content02 .circle-img_wrap li img { width:100%; height: auto}
.sub_1020_wrap .content03 .circle-img_wrap { max-width:640px; margin:0 auto; padding-top:50px; text-align:center}
.sub_1020_wrap .content03 .circle-img_wrap li {width:45%; margin-left:5%;margin-top:5%; display:inline-block}
.sub_1020_wrap .content03 .circle-img_wrap li:first-child { margin-left:0}
.sub_1020_wrap .content04 .circle-img_wrap { max-width:1200px; margin:0 auto; padding:0px; text-align:center}
.sub_1020_wrap .content04 .circle-img_wrap li {width:23.3333%; margin-left:1%;margin-bottom:1%; display:inline-block}
.sub_1020_wrap .content04 .circle-img_wrap li:nth-child(4n+1) { margin-left:0}
.sub_1020_wrap .content04 .circle-img_wrap li img { width:100%; height: auto}
.sub_1020_wrap .content04 .circle-img_wrap li p  { text-align:center}
/*A'ROMA 이야기*/




/*A’ROMA 향 설명*/
.sub_1030_wrap {width: 100%; clear: both}
.sub_1030_wrap .sub_1030_title {text-align: left;font-weight: bold;font-size: 26px}
.sub_1030_wrap .sub_1030 {max-width: 1200px;margin: 50px auto 0 auto}
.sub_1030_wrap .sub_1030 h3{ font-size:18px; font-weight:bold; text-align:left}
.sub_1030_wrap .sub_1030 h4{ font-weight:bold; color:#06F; text-align:left}
.sub_1030_wrap .sub_1030 h5{ font-weight:bold}
/*A’ROMA 향 설명*/




/*창업이란?*/
.sub_2010_wrap {width: 100%; line-height:2.1; clear: both}
.sub_2010_wrap .sub_2010_title {text-align: left;font-weight: bold;font-size: 26px}
.sub_2010_wrap .sub_2010 {max-width: 1200px;margin: 30px auto 0 auto}
.sub_2010_wrap .sub_2010 h3{ font-size:20px; color:#D81024; font-weight:bold; padding-bottom:10px; margin:0; text-align:left}
.sub_2010_wrap .sub_2010 h4{ font-weight:bold; font-size:18px; padding-bottom:10px; text-align:left}
.sub_2010_wrap .sub_2010 h5{ font-weight:bold}
.sub_2010_wrap .sub_2010 p strong { font-weight:bold; display:block}
/*창업이란?*/




/*A’loma 창업이란?*/
.sub_2020_wrap {width: 100%; line-height:2.1; clear: both}
.sub_2020_wrap .sub_2020_title {text-align: left;font-weight: bold;font-size: 26px}
.sub_2020_wrap .sub_2020 {max-width: 1200px;margin: 30px auto 0 auto}
.sub_2020_wrap .sub_2020 h3{ font-size:20px; color:#D81024; font-weight:bold; padding-bottom:10px; margin:0; text-align:left}
.sub_2020_wrap .sub_2020 h4{ font-weight:bold; font-size:18px; padding-bottom:10px; text-align:left}
.sub_2020_wrap .sub_2020 h5{ font-weight:bold}
.sub_2020_wrap .sub_2020 p strong { font-weight:bold; display:block}
.sub_2020_wrap .sub_2020 .content01 { padding:0; margin:50px 0 0; max-width:1200px; text-align:center} 
.sub_2020_wrap .sub_2020 .content01 li { width:32%; height:350px; margin-left:1%;  background-color:#f2f2f2; display:inline-block}
.sub_2020_wrap .sub_2020 .content01 li:first-child { margin-left:0; border-left:0}
.sub_2020_wrap .sub_2020 .content01 li .txt_wrap{width:100%;height:350px;display:table; border:1px solid #ddd; -webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out}
.sub_2020_wrap .sub_2020 .content01 li .txt_wrap .cell { text-align:center;width:100%; display:table-cell; vertical-align:middle}
.sub_2020_wrap .sub_2020 .content01 li:hover .txt_wrap {opacity:0.7; background-color:#039; color:#fff}
.sub_2020_wrap .sub_2020 .content01 li .txt_wrap .cell h2 { font-size:24px; font-weight:bold}
.sub_2020_wrap .sub_2020 .content01 li .txt_wrap .cell p { line-height:1.6; font-size:15px}
.sub_2020_wrap .sub_2020 .content02 { width:50%; float:left; margin:0}
.sub_2020_wrap .sub_2020 .content02 li { display:block; padding: 0 0 10px; width:100%; text-align:left}
.sub_2020_wrap .sub_2020 .content02_img_wrap { width:50%; float:left}
.sub_2020_wrap .sub_2020 .content03 li { display:block; padding: 0 0 10px; width:100%; text-align:left; margin-left:0}
.sub_2020_wrap .sub_2020 .content04 li { display:block; padding: 0 0 10px; width:100%; text-align:left; margin-left:0}
/*A’loma 창업이란?*/





@media screen and (max-width:1024px)  {
/*A'ROMA 이야기*/
.sub_1020_wrap .sub_1020 .item { width:49%; margin-left:2%; margin-bottom:2%}
.sub_1020_wrap .sub_1020 .item:nth-child(2n+1) {margin-left:0;}
/*A'ROMA 이야기*/
}



@media screen and (max-width:960px) {
.hompage_service ul li { width:50%}	
	
/*A'ROMA 이야기*/
.sub_1020_wrap .sub_1020 .item { width:100%; margin-left:0}
.sub_1020_wrap .content02 .circle-img_wrap {max-width:640px}
.sub_1020_wrap .content02 .circle-img_wrap li { width:48%; margin-left:1%}
.sub_1020_wrap .content02 .circle-img_wrap li:nth-child(2n+1) { margin-left:0}
.sub_1020_wrap .content03 .circle-img_wrap li { width:48%; margin-left:1%}
.sub_1020_wrap .content04 .circle-img_wrap li { width:48.3333%}
.sub_1020_wrap .content04 .circle-img_wrap li:nth-child(2n+1) { margin-left:0} 
/*A'ROMA 이야기*/

/*A’loma 창업이란?*/
.sub_2020_wrap .sub_2020 .content01 li { width:100%; margin-bottom:1%; margin-left:0}
/*A’loma 창업이란?*/
}


@media screen and (max-width:640px) {
/*A'ROMA 이야기*/
.sub_1020_wrap .content03 .circle-img_wrap li img { width:100%; height: auto}
/*A'ROMA 이야기*/

/*A’loma 창업이란?*/
.sub_2020_wrap .sub_2020 .content02 { width:100%;}
.sub_2020_wrap .sub_2020 .content02_img_wrap  { width:100%}
/*A’loma 창업이란?*/
}


@media screen and (max-width:600px) {
/*A'ROMA 이야기*/
.sub_1020_wrap .content01 .circle-img_wrap li img { width:100%; height:auto}
/*A'ROMA 이야기*/
}