@charset "utf-8";

/* ******************* bootstrap modify ******************* */
ul,ol,li,dl,dt,dd {list-style:none; padding:0; margin:0;}


/* ******************** °ø¿ë ******************** */
/* table style */
.tableMode {display:table; clear:both; float:none; width:100%; max-width:100%; padding:0; margin:0; border-bottom:0;}
.tableMode>* {display:table-cell; float:none; padding:10px;}
.tableMode>*:first-child {border-left:0;}
.tableMode .middle {vertical-align:middle;}

/* °ÝÀÚÇü ±¸Á¶ - Å×ÀÌºí ½ºÅ¸ÀÏ */
.typeCube {clear:both;}
.typeCube .tableWrap {display:table; width:100%; margin:0; padding:0;}
.typeCube .tableWrap > * {display:table-cell; float:none; margin:0; padding:0;}

.c_acc {color:#00cccc !important;} /* °­Á¶»ö»ó */
.c_sub1 {color:#ee8e00 !important;} /* º¸Á¶»ö»ó1 */
.c_sub2 {color:#ee8e00 !important;} /* º¸Á¶»ö»ó2 */
.c_sub3 {color:#ee8e00 !important;} /* º¸Á¶»ö»ó2 */

/* ******************** PC (991~) ******************** */
@media screen and (min-width: 991px), print{
	
	/* ******************** ȸ»ç¼Ò°³ ******************** */
	.intro {}
	.intro .company-wrap {}
	.intro .company-wrap h2 {padding:50px 0; padding-left:60px; margin-bottom:25px; font-size:36px; background:url(../images/intro/intro_bg.jpg)center no-repeat; color:#fff; font-weight:500;}
	.intro .company-wrap h2 span {position:relative; padding-left:20px; font-size:18px; font-weight:400;}
	.intro .company-wrap h2 span:before {content:''; display:block; width:30px; height:3px; background:#ff9000; position:absolute; top:-10px; left:20px;}
	.intro .company-wrap>p {line-height:2;}
	.intro .company-wrap>p+p {padding-top:20px;}
	.intro .company-wrap>p b {color:#000; font-weight:400;}
	.intro .company-map {margin-top:50px;}
	.intro .company-map>div {width:100%; height:500px; border:1px solid #ccc; border-bottom:0;}
	.intro .company-map-info {padding-top:30px; border:1px solid #ccc; border-top:0;}
	.intro .company-map-info ul {float:left; width:50%; padding-left:50px;}
	.intro .company-map-info ul li {overflow:hidden;}
	.intro .company-map-info ul li+li {padding-top:30px;}
	.intro .company-map-info ul li dl>* {float:left;}
	.intro .company-map-info ul li dt {width:120px; padding-left:40px; background-position:left center; background-repeat:no-repeat; color:#000; font-size:18px; background-size:30px; font-weight:400;}
	.intro .company-map-info ul li dt.address {background-image:url(../images/intro/i-address.png);}
	.intro .company-map-info ul li dt.box {background-image:url(../images/intro/i-box.png);}
	.intro .company-map-info ul li dt.call {background-image:url(../images/intro/i-call.png);}
	.intro .company-map-info ul li dt.fax {background-image:url(../images/intro/i-fax.png);}
	.intro .company-map-info ul li dd {width:calc(100% - 120px); font-size:18px;}
	.intro .map-info-location {float:left; padding:50px;}
	.intro .map-info-location h3 {padding:7px; padding-left:40px; margin-bottom:10px; background:url(../images/intro/i-location.png)left center no-repeat; font-size:18px; font-weight:400; color:#000;}
	.intro .map-info-location p {font-size:18px; display:inline-block; padding:5px 0; padding-right:20px}
	.intro .map-info-location p+p {padding-left:40px; background:url(../images/intro/arrow.png)left center no-repeat;}
	.root_daum_roughmap .wrap_controllers {display:none;}





}

/* ******************** ÅÂºí¸´ (~991) ******************** */
@media screen and (max-width: 991px), print{
	
	/* ******************** ȸ»ç¼Ò°³ ******************** */
	.intro {}
	.intro .company-wrap {}
	.intro .company-wrap h2 {padding:40px 0; padding-left:40px; margin-bottom:25px; font-size:36px; background:url(../images/intro/intro_bg.jpg)center no-repeat; color:#fff; font-weight:500;}
	.intro .company-wrap h2 span {position:relative; padding-left:20px; font-size:18px; font-weight:400;}
	.intro .company-wrap h2 span:before {content:''; display:block; width:30px; height:3px; background:#ff9000; position:absolute; top:-10px; left:20px;}
	.intro .company-wrap>p {line-height:2;}
	.intro .company-wrap>p+p {padding-top:20px;}
	.intro .company-wrap>p b {color:#000; font-weight:400;}
	.intro .company-map {margin-top:50px;}
	.intro .company-map>div {width:100%; height:400px; border:1px solid #ccc; border-bottom:0;}
	.intro .company-map>div:first-child {width:100% !important; height:400px !important;}
	.intro .company-map-info {padding-top:30px; border:1px solid #ccc; border-top:0;}
	.intro .company-map-info ul {width:100%; padding-left:50px;}
	.intro .company-map-info ul+ul {padding-top:30px;}
	.intro .company-map-info ul li+li {padding-top:30px;}
	.intro .company-map-info ul li dl {overflow:hidden;}
	.intro .company-map-info ul li dl>* {float:left;}
	.intro .company-map-info ul li dt {width:120px; padding-left:40px; background-position:left center; background-repeat:no-repeat; color:#000; font-size:18px; background-size:30px; font-weight:400;}
	.intro .company-map-info ul li dt.address {background-image:url(../images/intro/i-address.png);}
	.intro .company-map-info ul li dt.box {background-image:url(../images/intro/i-box.png);}
	.intro .company-map-info ul li dt.call {background-image:url(../images/intro/i-call.png);}
	.intro .company-map-info ul li dt.fax {background-image:url(../images/intro/i-fax.png);}
	.intro .company-map-info ul li dd {width:calc(100% - 120px); font-size:18px;}
	.intro .map-info-location {padding:50px;}
	.intro .map-info-location h3 {padding:7px; padding-left:40px; margin-bottom:10px; background:url(../images/intro/i-location.png)left center no-repeat; font-size:18px; font-weight:400; color:#000;}
	.intro .map-info-location p {font-size:18px; display:inline-block; padding:5px 0; padding-right:20px}
	.intro .map-info-location p+p {padding-left:40px; background:url(../images/intro/arrow.png)left center no-repeat;}
	.root_daum_roughmap .wrap_controllers {display:none;}
	
	
	
	
}


/* ******************** ¸ð¹ÙÀÏ (~768) ******************** */
@media screen and (max-width: 768px), print{
	
	/* ******************** ȸ»ç¼Ò°³ ******************** */
	.intro .company-wrap h2 {padding:30px; font-size:27px; background-size:cover;}
	.intro .company-wrap h2 span {font-size:14px; font-weight:300;}
	.intro .company-wrap h2 span:before {height:2px; top:-5px;}
	.intro .company-map-info ul {padding:0 30px;}
	.intro .company-map-info ul li dl>* {font-size:16px;}
	.intro .company-map-info ul li dt {padding:2px 0; padding-left:40px;}
	.intro .map-info-location {padding:50px 30px 30px;}
	.intro .map-info-location p {display:block; width:100%; padding-right:0;}
	.intro .map-info-location p+p {background-position:left 15px; padding-left:30px;}
	
	
	
}