@charset "UTF-8";

/* Page Title */
body { width:100%; height:100%; padding:0px; margin:0px; background:#fff;  }

/*서브 BG*/
.sub_vi1  	{ width:100%; min-width:1200px; height:320px; float:left; background:url('/common/img/sub/sub_vi1.png') no-repeat top center; }
.sub_vi2     { width:100%; min-width:1200px; height:320px; float:left; background:url('/common/img/sub/sub_vi2.png') no-repeat top center; }
.sub_vi3     { width:100%; min-width:1200px; height:320px; float:left; background:url('/common/img/sub/sub_vi3.png') no-repeat top center; }
.sub_vi4     { width:100%; min-width:1200px; height:320px; float:left; background:url('/common/img/sub/sub_vi4.png') no-repeat top center; }
.sub_vi5     { width:100%; min-width:1200px; height:320px; float:left; background:url('/common/img/sub/sub_vi5.png') no-repeat top center; }

#sub_wrap  {width:1200px; margin:0 auto; }

.content_wrap {width:1200px; float:left; padding:80px 0px 30px 0px; box-sizing:border-box;}

.content_wrap .x_bar{width:55px; height:1px; background:#000; margin:0 auto;}
.content_wrap h2 {text-align:left; font-size:35px; font-weight:600; margin-bottom:60px; }

.content_wrap .sub_t {width:100%; float:left; letter-spacing:-0.5px; text-align:center; font-size:28px; font-weight:500; margin-bottom:60px;}


.sub_t_line {width:35px; height:1px; background:#333; float:left; margin-left:48.5%; margin-top:-5px; }

/**/
.business_img_wrap {position:relative; width:35%; float:right; display:inline-block}
.business_img_wrap img{position:relative; }
.business_img_wrap span{position:absolute; bottom:10px; right:65px; font-size:38px; color:rgba(255,255,255,0.7); font-weight:600; line-height:1.2em;}

/* 글씨 하이라이트 */
mark {
 background: #faeedc;
 padding:0 5px;
}

.inline_b {display:inline-block !important; }

/* 20190322 (마우스오버시 펼쳐지는 서브메뉴) */
#primary_nav_wrap {width:100%; float:left; height:65px; background:#fff;  margin-top:-35px;
 box-shadow:2px 2px 3px 0px #ddd;}

#primary_nav_wrap ul
{
	max-width:1200px;
	height:65px;
	margin:0 auto;
	list-style:none;
	position:relative;
	padding:0;
}

#primary_nav_wrap ul .primary_nav_title>a
{
	color:#333;
	text-decoration:none;
	font-weight:400;
	font-size:17px;
	line-height:65px;
	padding:0 20px;
	/*font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif*/
}

#primary_nav_wrap ul .primary_nav_title
{
	position:relative;
	float:left;
    width:27%;
	text-align:left;
	border-right:1px solid #ddd;
}

#primary_nav_wrap ul li.home_bt
{width:65px; height:65px; float:left; text-align:Center; background:#8bd041;
box-sizing:border-box; border-right:1px solid #ddd; border-left:1px solid #ddd;}

#primary_nav_wrap ul li.home_bt a {display:block;  line-height:60px;}
#primary_nav_wrap ul li.home_bt i {line-height:65px; color:#fff;}

/*#primary_nav_wrap ul li:hover
{background:#f6f6f6} */

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
	z-index:9999999999;
	border-top:1px solid #ddd;
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:325px;
	border-bottom:1px solid #ddd;
}

#primary_nav_wrap ul ul li a:hover {transform:ease-in-out 3s;}

.primary_nav_title ul li a
{ display: block;
  color: #777;
  font-size:0.95em;
  font-weight:400;
  background: #f9f9f9;
  }

.primary_nav_title .fa { font-size:18px; float:right; padding:25px 20px 0 0; color:#333;}

.primary_nav_title ul li a:hover{background:#f0f0f0; color:#8dc63f}

#primary_nav_wrap ul ul a
{ line-height:77%; padding:18px 20px; font-size:17px; }

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block;

}



#article {width:1200px; float:left; padding:0px 0 90px 0;}
.guide {width:100%; float:left;  margin:0 auto; }
.guide .t1 {float:left;  font-size:2em;  font-weight:600; color:#333;  letter-spacing:-2px;}
.guide .t2 {float:right; font-size:0.85em; font-weight:400; padding-top:25px; color:#999;  letter-spacing:-2px;}

.box_100  {width:100%; float:left;}
.box_20  {width:20% !important; float:left;}
.box_30  {width:30% !important; float:left;}
.box_40  {width:40% !important; float:left; background-color:#fff;}
.box_45  {width:45% !important; float:left;}
.box_50  {width:50% !important; float:left;}
.box_55  {width:55% !important; float:left;}
.box_60  {width:60% !important; float:left;}
.box_65  {width:65% !important; float:left;}
.box_70  {width:70% !important; float:left;}
.box_80  {width:80% !important; float:left;}

.deco1  {font-size:1.15em; line-height:1.5em; font-weight:600; color:#333;}
.deco2  {font-size:2.2em; line-height:1.5em; font-weight:800; color:#333;}

/* text_box 글상자 */
.text_box1  {font-size:20px; line-height:1.7em; font-weight:400; color:##555;}
.text_box2  {font-size:18px; line-height:1.6em; font-weight:400; color:#666;}
.text_box3  {font-size:22px; line-height:1.85em; font-weight:400; color:#555;}
.text_box4  {font-size:17px; line-height:1.5em; font-weight:400; color:#555;}

.text_box_sm  {font-size:16.5px; line-height:1.2em; font-weight:400; color:#666;}
.f_bold {font-weight:500; color:#444;}

h2.guide {width:100%; text-align:center; float:left; font-size:33px; font-weight:600; color:#333;  margin-bottom:65px; border-bottom:1px solid #ddd; padding-bottom:20px; }
h3.con_title {text-align:left; font-size:25px; font-weight:600; color:#333; margin-bottom:8px; display:block; float:Left; width:100%;}

.color1  {color:#054f98; }
.color2  {color:#777; }
.color3  {color:#ff9009;}
.color_gr {color:#5ea300;}
.color_r {color:#ed3d3d;}
.textarea_wrap {text-align:center; background-color:#f9f9f9; padding:14px 10px; box-sizing:border-box;}

.text_under {text-decoration:underline;}
.nomal_t  {font-size:0.95em; line-height:1.3em; font-weight:400; }

.border_top  {border-top:1px dashed #ddd; padding-top:30px; margin-top:30px;  width:100%; float:left;}
.border_bottom  {border-bottom:1px dashed #ddd;  padding-bottom:50px; margin-bottom:45px;  width:100%; float:left;}

table.img_table  {width:100%; float:left;}
table.img_table td {text-align:center; border:1px solid #fff;  vertical-align:middle;  }
table.img_table td.t1 {  background-color:#fff;  font-size:0.92em; line-height:1.2em; color:#333;  font-weight:600;  padding:7px 0 13px 0; }


/* 회사 정보 */
h4.company_table_tit {width:100%; float:left; border-bottom:2px solid #333; padding-bottom:6px; font-size:20px; font-weight:600;}

.company_table {width:100%; float:left; vertical-align:middle;}
.company_table th {padding:12px 0 12px 15px;font-size:17px; vertical-align:middle; border-bottom:1px solid #ddd; font-weight:600; color:#333; text-align:center; }

.company_table td {padding:12px 0 12px 15px;font-size:17px; border-bottom:1px solid #ddd; font-weight:400; color:#555; line-height:1.8em;}
.company_table td strong {font-weight:500; color:#333; font-size:20px;}

.txt_bg_box {width:100%; float:left; padding:15px;  background:#f2fcf2; font-size:17px;color:#555; line-height:1.6em; border:1px solid #ddd; border-radius:5px; box-sizing:border-box;}

.txt_border_box2 {width:100%; float:left; padding:30px; border:5px solid #8bd041; font-size:17px;color:#555; line-height:1.6em; border-radius:5px; box-sizing:border-box; }
.txt_border_box {width:100%; float:left; padding:15px 20px;  border-radius:5px; border:2px solid #ddd; box-sizing:border-box; }

#sub_wrap .button-4{
	position:relative; width:300px;
	border:1px solid #333; margin-top:25px;
	text-align:center; cursor:pointer; box-sizing:border-box; overflow:hidden;
}

#sub_wrap .button-4 a{
	position:relative; font-size:20px;  display:block;
	color:#333; text-decoration:none; line-height:65px;
	transition:all .5s ease; z-index:2; text-align:center;
	background-image:url('/common/img/sub/btn_sub_arrow_45x10.png') no-repeat;
}

#sub_wrap .eff-4{
  width:300px; height:65px; left:-300px; background:#333;
  position:absolute;  transition:all .3s ease-in-out;  z-index:1;
}
#sub_wrap .button-4:hover .eff-4 {left:0;}
#sub_wrap .button-4:hover a.more_btn { color:#fff; display:block; }

#sub_wrap .button-4 a#more_btn_img {
	display:inline-block; background:url('/common/img/sub/btn_sub_arrow_45x10.png') no-repeat right 23px;
	width:220px; height:65px;}

#sub_wrap .button-4:hover a#more_btn_img {
	display:inline-block; background:url('/common/img/sub/btn_sub_arrow_white_45x10.png') no-repeat right 23px;
	width:220px; height:65px; }




/*연혁*/
.history_wrap {width:100%; float:left;}

.history_wrap table  { width:48%; float:left;}

.history_wrap table th.year { position:relative; width:15%; font-size:30px; line-height:136px; font-weight:500; vertical-align:middle; text-align:center; }
.history_wrap table th.year .year_bg {   display: inline-block; background:url('/common/img/sub/year_bg.png') no-repeat center 0; width:140px;  height:145px; box-sizing:border-box;}
.history_wrap table th.year .year_line {position:absolute;top:50%; right:-30px; width:65px; float:left; background:#ddd; height:1px;}

.history_wrap table td.date {  width:28%;font-size:18px; color:#555; font-weight:500; text-align:right; padding:12px 20px;}
.history_wrap table td.txt { width:100%; float:right;font-size:17px; color:#666;  padding:12px; display:block;  border-bottom:1px solid #999;}
.history_wrap table td.txt ul li {list-style:disc; margin-left:15px; }


/*오시는길*/
#sub_wrap .map_info_wrap {width:530px; float:right; border:1px solid #ddd;}
#sub_wrap .map_info_wrap .map_tit {font-size:20px; font-weight:600; color:#333; margin-bottom:20px;}
#sub_wrap .map_info_wrap .num_cir {padding:3px 8px; border-radius:30px; color:#fff; font-weight:800; font-size:15px; margin-right:8px;}

#sub_wrap .map_info_wrap .map_info {width:530px; float:right; padding:25px 30px; box-sizing:border-box;}

#sub_wrap .map_info_wrap .map_info2 {width:530px; float:right; background:#f7f7f7; padding:25px 30px; box-sizing:border-box; }
#sub_wrap .map_info_wrap .map_info2 ul {width:100%; float:left; }


#sub_wrap .buy_btn {width:100%; float:left; text-align:center; background:#f7f7f7; border:1px solid #ddd; padding:18px 0; font-size:21px; vertical-align:middle; font-weight:600;}



/* 비즈니스 */
.business_col-3 {width:60%: float:left;}
.business_col-3 ul li {float:left; width:20%; border:1px solid #ddd; margin-right:2.5%; padding:20px 10px; box-sizing:border-box; box-shadow:1px 1px 3px #ddd;}
.business_col-3 ul li:nth-child(3){float:right; margin:0;}
.business_col-3 ul li h4{text-align:center; font-size:20px; font-weight:400;  color:#333;}
.business_col-3 ul li img{margin:15px 0 ;}
.business_col-3 ul li p{text-align:center; font-size:17px; color:#666;}


/* 사업실적 */
.result_wrap {width:100%; float:left; }
.result_wrap>ul>li {width:100%; float:left;  border-radius:5px; padding:30px 0; box-sizing:border-box; border-bottom:1px dashed #ddd;}
.result_wrap>ul>li:last-child {border:none;}

.result_wrap ul li img {width:377px; height:260px; }
.result_wrap .result_con {float:right; width:65%; margin-top:10px;}
.result_wrap .result_con h4 {font-size:23px; color:#333; font-weight:500; margin-bottom:15px;}
.result_wrap .result_con h5 {font-size:18px; color:#333; font-weight:400; }

.result_wrap .result_con p {font-size:17px; color:#555; font-weight:300;}


/*갤러리*/
.gallery_list .col-3 img {width:100%; border:1px solid #ddd; box-sizing:border-box; height:300px;}
.gallery_list .col-3  {width:32.333%; margin-right:1.5%; float:left; height:300px;}

.box_100 .col-3:nth-child(3), .box_100 .col-3:nth-child(6)
{margin-right:0; float:right;}
.box_100 .col-3 span {margin-top:15px; text-align:center; display:block; font-size:18px; font-weight:600;}
/*.box_100 .col-3 img {width:100%; border:1px solid #ddd; box-sizing:border-box;}*/

.company1 .text_box  {font-size:1.1em; line-height:1.5; color:#333}
.company1 .text_box h4 {font-size:1.6em; color:#000}
.company1 .text_box ul li {display:flex; margin-bottom:2px; gap:5px}
.company1 .text_box ul li:before {content:'·'; }


.organization {position:relative; width:100%; padding:0 5%; box-sizing:border-box; float:left}
.organization:after {width:1px; height:350px; background-color:#ddd; content:''; position:absolute; left:50%; top:0; z-index:-1}


.box_wrap {width:100%; position:relative; height:300px;  }

.box_wrap .box1 {position:absolute; background-color:#8dc63f;  width:200px; height:100px;  text-align:center;  color:#fff; displaY:flex; align-items:center; justify-content:center; border-radius:10px; font-size:18px}
.box_wrap .box1 b {font-size:24px; letter-spacing:.5px; line-height:1.2}
.box_wrap .box1:nth-child(1) {top:0; left:50%; margin-left:-100px;  background-color:#c49a6c; }
.box_wrap .box1:nth-child(2) {top:100px; left:100px;}
.box_wrap:before {width:calc(50% - 100px); height:1px; background-color:#ddd; content:''; position:absolute; left:100px; top:50%; z-index:-1}


.organization .box1:nth-child(3) {top:200px; left:50%; margin-left:-100px;   }
.organization ul {margin-top:100px; display:flex; gap:20px;  position:relative}
.organization ul.type1:after {width:calc(76% + 6px);; height:1px; background-color:#ddd; content:''; position:absolute; top:-50px; left:calc(12% - 3px);  z-index:-1}
.organization ul li {width:25%; font-size:18px; background-color:#333; color:#fff; text-align:Center; padding:20px 0;  position:relative}
.organization ul.type1 li:after {width:1px; height:50px; background-color:#ddd; content:''; position:absolute; left:50%; top:-50px; z-index:-1}
.organization ul.type2 {padding-top:20px; margin-top:0;  background-color:#fff}
.organization ul.type2 li {background-color:#f1f1f1; color:#000}


/**2506 추가**/

    
    .business6 section {
        width: 100%;
		font-size: 17px;
    line-height: 1.6;
    font-weight: 400;
    color: #666;
    }

    .business6 section + section {
        margin-top: 70px
    }

    .business6 section h3 {
        color: #000;
        margin-bottom: 25px;
        font-size: 1.4em
    }

    .business6 ul {
        display: flex;
        gap: 20px;
        position: relative
    }

    .business6 ul li {
        width: 33.3333%;
        position: relative
    }

    .business6 ul li img {
        max-width: 100%
    }


    .business6 ul.info_list {
        margin-top: 50px
    }

    .business6 ul.info_list:after {
        width: 100%;
        height: 1px;
        background-color: #8bd041;
        content: '';
        position: absolute;
        left: 0;
        top: -10px
    }

    .business6 ul.info_list li:after {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-left: -10px;
        background-color: #fff;
		border:4px solid #8bd041;
        content: '';
        position: absolute;
        left: 50%;
        top: -20px;
		z-index:9;
		box-sizing:border-box
    }

    .business6 ul.info_list li h4 {
        margin-top: 30px;
        margin-bottom: 10px;
		font-size:1.2em;
		color:#111; 
    }

    .business6 ul.info_list li p:before {margin-right:10px}
	.business6 ul.info_list li p:nth-child(2):before {
        content: '1)'
    }

    .business6 ul.info_list li p:nth-child(3):before {
        content: '2)'
    }

    .business6 ul.info_list li p:nth-child(4):before {
        content: '3)'
    }

    .business6 ul.info_list li p:nth-child(5):before {
        content: '4)'
    }

    .business6 .section4 div:last-child {
        margin-top: 30px;
        font-size: 1.1em;
        font-weight: 500;
		color:#000;
    }
	 .business6 .section4 div {display:flex; flex-wrap:wrap; gap:10px; }
	 .business6 .section4 div p {width:32%; border:1px solid #ddd; color:#333;  border-radius:10px; padding:8px 15px; box-sizing:border-box}
 
	 .business6 .section2 img {width:300px; margin:0 auto}
	 img.border_img {border-radius:10px; border:1px solid #ddd; box-sizing:border-box}


	  .business7 section {
        width: 100%;
         border:1px solid #ddd;
		 padding:50px;
		 border-radius:10px;
		 box-sizing:border-box;
			font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    color: #666;
	float:left
    }

    .business7 section + section {
        margin-top: 30px
    }

    .business7 section h3 {
        color: #000;
        text-align: center;
        margin-bottom: 20px;
        font-size: 1.9em
    }

    hr.line {
        width: 100%;
        height: 1px;
        background-color: #999;
        margin: 30px 0;
        display: inline-block
    }

    .business7 .text_box {
        text-align: center
    }

    .business7 .text_box.t1 {
        font-size: 1.4em;
        font-weight: 600;
		color:#111; 
    }

    .business7 .text_box.t2 {
        font-size: 1.2em;
        font-weight: 400
    }

    .business7 .section2 img {
        margin-top: 30px
    }