@charset 'utf-8';



/*----헤더 레이아웃(모바일 포함) ---*/
#header  {transition:0.3s ease-out;}
.down_bar  {background:#0098f4; width:80px; height:6px; margin:19px auto;}


.menu_fixed  { font-size:17px;  /*border:1px solid red;*/ position:fixed; z-index:999; width:100%; }
.menu_fixed #logo  {padding-left:30px;}
.menu_fixed #logo img  {max-width:200px;}
.menu_fixed a  {display:block;}
.menu_fixed .header-inner  {transition:0.5s ease-out; background:rgba(255,255,255,0.9);display:flex; margin:auto; margin-top:50px; height:100px; align-items:center; justify-content:space-between; max-width:1200px; }
.menu_fixed .gnb  {display:flex; text-align:center; }
.menu_fixed .gnb .lm  {min-width:140px;}
.menu_fixed .gnb .lm > a  {line-height:100px; /*transition:0.1s;*/}
.menu_fixed .gnb .lm > a:hover  {background:#0098f4; color:#fff; }

/*--모바일---*/
.mobile_menu  {display:none; background:rgba(255,255,255,0.8);}
.mobile_menu img  {max-width:150px;}
.mobile_menu nav  {border-bottom:1px solid rgba(0,0,0,0.3); display:flex; justify-content:space-between; padding:20px 15px;}
.mobile_menu nav ul  {cursor:pointer;}
.mobile_menu nav ul > *  {transition:0.3s ease-out; }
.mobile_menu nav ul li  {background:#fff; width:35px; height:5px; border-radius:5px;}
.mobile_menu nav ul li:nth-of-type(2)  {margin-top:8px;}
.mobile_menu nav ul li:nth-of-type(3)  {margin-top:8px;}
.mobile_menu .m_gnb  {display:none;border-bottom:1px solid rgba(0,0,0,0.3);}
.mobile_menu .m_gnb a  {line-height:24px; padding:15px;}



/*---index----*/
#slider  {width:100%; height:100vh; position:relative;}
#slider div  {height:100%; background-position:center top; background-size:cover; background-repeat:no-repeat;}
#slider span  {display:block; text-align:center;}
#slider .main_text  {align-self:center; width:100%;}
#slider .h56  {font-size:56px; color:#fff;}
#slider .h22  {font-size:22px; line-height:34px; color:#fff; padding-top:20px;}
.slick-next  {right:25px !important; color:#fff;}
.slick-prev  {left:25px !important; z-index:99;}
.slick-dots  {bottom:35px !important;}
.slick-dotted.slick-slider  {margin-bottom:0 !important;}

.about_us  {text-align:center; color:#666; padding:100px 0; transition:0.5s ease-out;}
.about_us span  {display:block;}
.about_us .h40 {font-size:40px; font-weight:bold; color:#333; padding-bottom:20px;}
.about_us .h14  {font-size:14px; line-height:24px; font-weight:lighter;}
.about_us .down_bar  {background:#0098f4; width:80px; height:6px; margin:19px auto;}
.about_us ul  {max-width:1200px; display:flex; margin:auto; margin-top:115px;}
.about_us ul li  {flex:1; }
.about_us ul li img  {max-width:100%;}
.about_us ul li strong  {display:block; padding-top:7px; font-weight:normal; font-size:23px; color:#333; line-height:50px;}

/*-----portfolio layout---*/
#portfolio_layout  {width:100%; padding:100px 0; background:#000 url('../img/portfolio_back.png') center top;}
#portfolio_layout span  {display:block;}
#portfolio_layout .h40  {font-size:40px; font-weight:bold; color:#fff; text-align:center;}


/*---our process---*/
.our_process  {transition:0.5s ease-out;background:#f9f9f9; color:#666; text-align:center; padding:200px 0;}
.our_process span  {display:block;}
.our_process .arrow  {width:40px; height:100%; display:flex; align-items:center;}
.our_process .arrow img  {display:block; margin:auto;}
.our_process .h40  {font-size:40px; color:#333; font-weight:bold;}
.our_process .h14  {font-size:14px; color:#666; padding-top:20px; line-height:24px; font-weight:lighter;}
.our_process .order_list  {justify-content:center; max-width:1200px; margin:auto; margin-top:65px; display:flex;}
.our_process .order_list strong  {font-size:17px; color:#333; font-weight:bold;}
.our_process .order_list li  {position:relative; display:flex;}
.our_process .order_list li section  {border:1px solid #ddd; background:#fff; padding-top:30px; width:250px; height:300px;}


/*---footer----*/

footer  {padding:55px 0; border-top:1px solid #ccc; background:#f9f9f9; text-align:center; font-size:14px; color:#272727;}
footer  .h14  {font-size:14px; display:block; line-height:34px; color:#272727;}
footer img  {margin-bottom:60px;}
footer .top_bot  {cursor:pointer; margin:auto; margin-bottom:35px; width:50px; line-height:50px; text-align:center; font-size:14px; color:#fff; border-radius:50px; background:#0098f4;}



/*-----addClass-----*/
.header_hit  {background:rgba(255,255,255,0.9) !important; border-bottom:1px solid #ddd;}
.header_hit .header-inner  {margin-top:0; background:0;}
.header_hit .mobile_menu nav ul li  {background:#272727 !important;}

.mo_hit  {background:rgba(255,255,255,0.9);}
.mo_hit .mobile_menu nav ul li  {background:#272727;}

.exit  {position:relative; width:30px; height:35px;}
.exit li  {position:absolute !important; left:0; top:0; margin:0 !important;}
.exit li:nth-of-type(1)  {left:-5px; top:18px; transform:rotate(-45deg); }
.exit li:nth-of-type(2)  {display:none;}
.exit li:nth-of-type(3)  {left:-5px; top:18px; transform:rotate(45deg);}





/*----animation----*/

.right_ani  {margin-left:-50px; opacity:0;}
.left_ani  {margin-right:-50px; opacity:0;}

.pic_lt ul li  {transform:scale(0); transition:0.3s ease-out;}
.scale_show  {transform:scale(1) !important;}





/*---게시판 레이아웃  ---*/
.content_wrap  {min-height:1000px; padding-top:100px;}
.content_wrap .txtCon  {max-width:1200px; margin:auto;}
.content_wrap .txtCon > h1  {font-size:35px; font-weight:normal; text-align:center; }
}
.content_wrap .line_top  {border:1px solid #999; margin:50px 0; width:100%;}
}
 
.down_bar  {width:50px; height:3px; background:#fff; margin:30px auto;}
.sub_visual  {position:relative; width:100%; height:472px; max-width:2560px;
margin:auto;
}
.sub_visual .bg  {width:100%; height:100%; position:absolute; z-index:0; left:0; top:0;
background-size:cover; background-repeat:no-repeat; background-position:center top;
	;}
.sub_visual .cover  {width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:#272727; opacity:0.3; display:block;}
.sub_visual .title_warp  {color:#fff; text-align:center; position:relative; z-index:50; padding-top:230px;}
.sub_visual .title_warp .title_page h3  {font-size:40px; font-weight:normal;}

.sub_visual.visual01 .bg{background-image:url(../img/sub_visual01.jpg);}
.sub_visual.visual02 .bg  {background-image:url(../img/sub_visual02.jpg);}
.sub_visual.visual03 .bg  {background-image:url(../img/sub_visual03.jpg);}
.sub_visual.visual04 .bg  {background-image:url(../img/sub_visual04.jpg);}
.sub_visual.visual05 .bg  {background-image:url(../img/sub_visual05.jpg);}
.sub_visual.visual06 .bg  {background-image:url(../img/sub_visual06.jpg);}
.sub_visual.visual07 .bg  {background-image:url(../img/sub_visual07.jpg);}
.sub_visual.visual08 .bg  {background-image:url(../img/sub_visual08.jpg);}


/*----ceo message----*/

.layout  {max-width:1200px; margin:auto;}
.layout .min_bar  {width:100px; height:1px; background:#0098f4; margin-top:45px; margin-bottom:62px;}
.layout span  {display:block;}

.gray_back  {background:#f5f5f5; padding-top:70px;}
.info  {max-width:1200px; margin:auto;}
.ceo_messages  {padding-bottom:140px;}
.ceo_messages ul  {display:flex;}
.ceo_messages li  {flex:1;}
.ceo_messages .h36  {font-size:36px; line-height:48px; color:#333;}
.ceo_messages .h14  {font-size:14px; line-height:24px; color:#666;}

.info  {display:flex; flex-wrap:wrap;}
.info li  {width:50%; text-align:center; padding-bottom:100px;}
.info .h14  {color:#666; font-size:14px; line-height:24px;}
.info .h14 strong  {font-size:25px; display:block; padding-top:40px; padding-bottom:5px; color:#272727;}

.background_white  {padding:115px 0;}
.background_white .table_ul  {display:flex;}
.background_white .table_ul li  {flex:1; color:#666; line-height:24px; font-size:14px;}
.background_white .table_ul .h36  {font-size:36px; line-height:45px; color:#333; font-weight:300;}
.background_white .table_ul .h36 strong  {color:#5b90b5;}
.background_white .ul_box  {padding-top:100px; max-width:1100px; margin:auto;}
.background_white .ul_box .h36  {font-size:36px; color:#333; text-align:center; font-weight:300;}
.background_white .ul_box .h36 strong  {color:#5b90b5;}
.background_white .ul_box ul  {margin-top:64px; /*margin-bottom:147px;*/ display:flex;}
/*.background_white .ul_box ul:hover  {
	border:none;
	cursor:pointer;
	box-shadow:0 0 15px rgba(0,0,0,0.2);
}*/
.background_white .ul_box li  {font-size:14px; line-height:24px; color:#666;}
.background_white .ul_box li:last-child  {flex:1; padding-top:60px; padding-left:32px;}
.background_white .ul_box .h18  {font-size:18px; line-height:18px; color:#333;}
.background_white .view_popup {text-align:center; margin-top:15px; padding-top:15px; /*display:none;*/}
.background_white .view_popup .download_class  {

display:flex; justify-content:space-between;
text-align:center;
padding:25px 0;
max-width:1100px; margin:auto;
}
.background_white .view_popup .download_class li  {

font-size:18px; line-height:24px; flex:1; margin:0 5px;
color:#fff; padding:15px 0; border:1px solid #ddd;

}

.history  {padding:15px;}
.chart  {position:relative; text-align:center; padding:100px 0; max-width:1200px; margin:auto;}
.chart img  {width:100%;}
.chart .mo_img  {display:none;}


.text_table_box  {background:#fff; display:flex;  max-width:1200px; margin:auto;}
.text_table_box .title_table_box  {flex-basis:20%; border-right:1px solid #ddd;}
.text_table_box .title_table_box nav  {font-size:14px; line-height:24px; color:#666;}
.text_table_box .title_table_box .h36  {font-size:36px; line-height:45px; color:#333;}
.text_table_box .title_table_box .h36 h2 {color:#5b90b5;}

.text_table_box .sub_title_box  {flex-basis:70%; display:flex; flex-wrap:wrap;}
.text_table_box .sub_title_box ul  {display:flex; padding-bottom:20px; width:50%;}
.text_table_box .sub_title_box li:first-child  {width:180px; padding-left:70px; border-right:1px solid #ddd;}
.text_table_box .sub_title_box li:last-child  {padding-left:25px; flex:1; width:100%; color:#666; font-size:14px; line-height:24px; }
.text_table_box .sub_title_box h2  {font-size:24px;  font-weight:normal; color:#0098f4;}



.maps  {padding:97px 0; }
.maps ul  { max-width:1200px; margin:auto; display:flex;}
.maps li  {}
.maps li:first-child  {width:46%; padding-top:45px;}
.maps li:last-child  {width:54%;}
.maps nav  {display:block; font-size:18px; line-height:24px; color:#888; padding-bottom:33px;}
.maps nav span  {flex:1;}
.maps .h36  {font-size:36px; color:#333; line-height:45px; font-weight:500;}
.maps .h36 strong  {color:#5b90b5; font-weight:500;}
.maps .h18  {font-size:18px; color:#333;}
.maps .bar  {border:1px solid #5b90b5; width:50px; margin:33px 0;}

#daumRoughmapContainer1585620608732  {height:100%;}

.button_ul  {border:1px solid blue; display:flex !important;}
.button_ul span  {display:block; text-align:center; line-height:45px; font-size:23px; color:#fff; width:70px; border:1px solid red;}


.bo_fx  {display:none;}

/*---태블릿 사이즈 ----*/
@media (max-width:1024px) {

.our_process .order_list  {flex-wrap:wrap;}
.our_process .order_list li  {padding:10px;position:relative; width:50%;}
.our_process .order_list li section  {width:100%;}
.our_process .arrow  {display:none;}

}


@media (max-width:768px) {
#slider .h56  {font-size:32px;}
#slider .h22  {font-size:14px; line-height:24px;}
.menu_fixed .header-inner  {display:none;}
.mobile_menu  {display:block; background:0;}
.about_us ul  {display:block; margin-top:50px;}
.about_us ul li  {width:100%; padding-bottom:30px;}
.header_hit  {border-bottom:0 !important;}
.our_process  {padding:100px 0;}


/*---ceo message---*/
.ceo_messages .h36  {font-size:24px; line-height:34px;}
.ceo_messages ul  {display:block; padding:15px;}
.ceo_messages li  {text-align:center;}
.ceo_messages .min_bar  {margin:30px auto;}
.ceo_messages img  {max-width:100%;}

.chart  {padding:50px 0;}
.chart .pc_img  {display:none;}
.chart .mo_img  {display:block;}


.gray_back  {}
.info  {display:block; padding:0 15px;}
.info li  {width:100%;}

.text_table_box  {display:block;}
.text_table_box .title_table_box {border-right:0; font-size:26px; line-height:36px;}
.text_table_box .sub_title_box  {display:block; padding-top:20px;}
.text_table_box .sub_title_box ul  {width:100%; padding-bottom:35px;}
.text_table_box .sub_title_box li:first-child  {width:20%; padding-left:0; border-right:0;}

.maps  {padding:50px 15px;}
.maps ul  {display:block;}
.maps li:first-child  {width:100%; padding-top:30px;}
.maps li:last-child  {width:100%;}
.maps .root_daum_roughmap_landing  {width:100% !important;}



}


/*---모바일 사이즈----*/

@media (max-width:395px) {

.our_process .order_list  {display:block;}
.our_process .order_list li  {padding:10px;position:relative; width:100%;} 



}