@charset 'utf-8';
@import url(https://fonts.googleapis.com/css?family=Work+Sans:500);

/* 서브 공통 */
div.sub_visual { position:relative; height:526px; margin-top:84px; }
div.sub_visual.intro { background:url('../img/common/vis_sub1.jpg') 50% 84px fixed no-repeat; }
div.sub_visual.bussiness { background:url('../img/common/vis_sub2.jpg') 50% 84px fixed no-repeat; }
div.sub_visual.portfolio { background:url('../img/common/vis_sub3.jpg') 50% 84px fixed no-repeat; }
div.sub_visual.visionmodel { background:url('../img/common/vis_sub4.jpg') 50% 84px fixed no-repeat; }
div.sub_visual.service { background:url('../img/common/vis_sub5.jpg') 50% 84px fixed no-repeat; }
div.sub_visual_txt { position:absolute; left:0%; top:50%; margin-top:-31px; opacity:0; width:100%; text-align:center; }

div.intro_txt_wrap { position:relative; padding:66px 0; height:450px; background:url('../img/about/greeting_bg.jpg') 50% 0 repeat; }
div.intro_txt_wrap p.tit { margin-bottom:66px; text-align:center; }
div.intro_txt_wrap p.con { margin:0 auto; width:96%; max-width:752px; }
/* 서브 공통 end */

/* 회사소개 */
div.history_section { width:100%; height:1013px; }
div.history_inner { padding:65px 0; width:100%; height:883px; background:url('../img/about/history_bg.jpg') 50% 0 fixed no-repeat; }
div.history_section p.tit { margin-bottom:40px; text-align:center; }
div.history_section ul.history_tab { margin:0 auto 55px;; width:501px; border:1px solid #fff; }
div.history_section ul.history_tab:after { content:""; display:block; clear:both; }
div.history_section ul.history_tab li { float:left; width:33.3%; }
div.history_section ul.history_tab li.last { width:33.4%; }
div.history_section ul.history_tab a { display:block; height:43px; line-height:43px; background:#465771; font-size:18px; font-family: 'Work Sans', sans-serif; color:#fff; text-align:center; border-right:1px solid #fff; }
div.history_section ul.history_tab li.last a { border-right:0; }
div.history_section ul.history_tab a.selected { background:#fff; color:#283a5a; }

div.history_section ul.history_panel { position:relative; margin:0 auto; width:990px; }
div.history_section div.history_cont_wrap { margin:0 auto; width:890px; }
div.history_section div.history_cont_wrap:after { content:""; display:block; clear:both; }
div.history_section ul.history_cont { float:left; width:49.5%; border-left:1px solid #455770; }
div.history_section ul.history_cont > li { margin-bottom:10px; }
div.history_section ul.history_cont dl { position:relative; left:-3.5px; top:-3px; overflow:hidden; padding-left:14px; background:url('../img/about/history_dot.png') 0 4px no-repeat; }
div.history_section ul.history_cont dl.last { top:13px; }
div.history_section ul.history_cont dt { float:left; margin-bottom:10px; font-size:14px; font-weight:bold; color:#fff; }
div.history_section ul.history_cont dd { float:left; margin-left:5px; font-size:14px; color:#fff; }
div.history_section ul.history_cont dd li { margin-bottom:10px; }

div.history_section ul.history_cont2014-1 { height:537px; }
div.history_section ul.history_cont2014-2 { height:338px; }

div.history_section ul.history_cont2013-1 { height:680px; }
div.history_section ul.history_cont2013-2 { height:536px; }

div.history_section ul.history_cont2012-1 { height:418px; }
div.history_section ul.history_cont2012-2 { height:484px; }

div.contact_section div.contact_tit { padding:55px 0 45px 0; background:#fff; }
div.contact_section div.contact_tit p.tit { text-align:center; }
div.contact_section div.contact_con { position:relative; padding:20px 0 105px 0; margin:0 auto; width:1220px; background:#fff;  }
div.contact_section p.contact_info2 { position:absolute; right:0; top:20px; }

div.contact_section div.contact_map iframe { width:100%; height:574px; }
/* 회사소개 end */

/* 포트폴리오 */
#container p.portfolio_tit { padding-top:90px; font-size:26px; font-family:'Noto Sans KR', sans-serif; color:#000; text-align:center; line-height:1.4; }

#container div.portfolio_wrap.subpage { padding:0 0 45px 0; }
#container p.btn_portfolio_more { margin:0 auto 130px; width:299px; }
#container p.btn_news_more { margin:0 auto; width:299px; }
#container p.btn_news_list { margin:15px auto 25px; width:190px; }
/* 포트폴리오 end */

/* 고객센터 */
div.news_section { padding:50px 0 125px 0; background:#fff; }
div.news_inner { margin:0 auto; width:1220px; }
div.news_section p.tit { margin-bottom:30px; text-align:center; }

div.faq_section { padding:50px 0 125px 0; background:#fff; }
div.faq_inner { margin:0 auto; width:1220px; }
div.faq_section p.tit { margin-bottom:30px; text-align:center; }

div.news_sch_wrap { margin-bottom:20px; overflow:hidden; }
div.news_sch_inner { float:right; }

div.select_box { position:relative; float:left; margin-right:9px; width:106px; height:34px; border:1px solid #d4d4d4; background:#fff url("../img/service/select_arrow.jpg") right top no-repeat; }
div.select_box span.value { display:block; margin:0 10px 0 10px; text-align:left; height:34px; line-height:34px; text-indent:4px; font-size:12px; color:#9f9f9f; overflow:hidden; }
div.select_box select { padding:0 10px 0 10px; position:absolute; left:0; top:0px; width:100%; height:34px; line-height:34px; text-align:left; font-size:12px; color:#9f9f9f; border:0; background:#fff; font-family:'Nanum Gothic'; filter:alpha(opacity=0); opacity:0; z-index:20; }

div.sch_bar { position:relative; float:left; width:268px; height:34px; border:1px solid #d4d4d4; }
div.sch_bar input { width:233px; height:34px; line-height:34px; font-size:12px; color:#9f9f9f; text-indent:10px; border:0; outline:none; }
div.sch_bar a.btn_sch { position:absolute; right:0; top:0; }

div.news_content_wrap { width:1220px; }
ul.news_list { margin-bottom:60px; width:100%; }
ul.news_list:after { content:""; display:block; clear:both; }
ul.news_list li { float:left; width:25%; }
ul.news_list li dl { border:1px solid #d1d1d1; }
ul.news_list li dt { border-bottom:1px solid #d1d1d1; overflow:hidden; }
ul.news_list li dt img { width:100%; max-width:inherit; transition: transform 1s; }
ul.news_list li dt img:hover { transform: scale(1.1, 1.1); }
ul.news_list li dd { padding:20px 10px; }
ul.news_list li dd p.news_title { margin-bottom:25px; width:100%; font-size:14px; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
ul.news_list li dd p.news_content { margin-bottom:20px; height:80px; font-size:12px; color:#666; line-height:1.6; }
ul.news_list li dd div.news_info { overflow:hidden; margin-bottom:60px; font-size:12px; color:#666; }
ul.news_list li dd div.news_info p.date { float:left; }
ul.news_list li dd div.news_info p.hit { float:right; }
ul.news_list li dd a.btn_view { display:block; width:90%; margin:0 auto; }

div.news_view_wrap { border:1px solid #d1d1d1; margin-top:30px; }
table.news_view { width:100%; }
table.news_view th { padding:17px 35px; background:#fafafa; font-size:16px; font-weight:bold; color:#5c5c5c; text-align:left; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
table.news_view td { padding:13px 0; font-size:12px; color:#888; border-bottom:1px solid #e5e5e5; }
table.news_view td.ftd { padding:13px 35px; }
table.news_view td.ftd a { color:#888; border-bottom:1px solid #ddd; }
table.news_view td.article { padding:50px 35px; font-size:14px; line-height:2; }

table.news_txt { width:100%; }
table.news_txt th { padding:17px 30px; text-align:left; border-bottom:1px solid #e5e5e5; background:#fafafa; font-size:12px; font-weight:bold; color:#5c5c5c; }
table.news_txt tbody { border-top:1px solid #e5e5e5; }
table.news_txt td { padding:17px 30px; text-align:left; border-bottom:1px solid #e5e5e5; font-size:12px; color:#5c5c5c; }

div.faq_content_wrap { width:1220px; }

dl.faq_list { width:100%; border:1px solid #e5e5e5; }
dl.faq_list dt { padding:17px 0; background:url('../img/service/faq_arrow_off.jpg') 98% center no-repeat; border-bottom:1px solid #e5e5e5; cursor:pointer; }
dl.faq_list dt.on { padding:17px 0; background:url('../img/service/faq_arrow_on.jpg') 98% center no-repeat; }
dl.faq_list dt ul { width:1220px; }
dl.faq_list dt ul:after { content:""; display:block; clear:both; }
dl.faq_list dt ul li { float:left; }
dl.faq_list dt ul li.li1 { width:230px; font-size:12px; color:#1f5dc1; text-align:center; }
dl.faq_list dt ul li.li2 { padding-left:30px; width:960px; font-size:12px; color:#666; }

dl.faq_list dd { font-size:12px; color:#959595; line-height:1.6; padding:10px 30px; border-bottom:1px solid #e5e5e5; background:#fafafa; display:none; }
/* 고객센터 end */

/* 사업분야 */
.bussiness_wrap { padding:50px 0 200px 0; }
.bussiness_wrap p.tit { margin-bottom:40px; text-align:center; }
.bussiness_wrap p.con { margin-bottom:75px; font-size:16px; color:#2d2d2d; line-height:1.4; text-align:center; }

.bussiness_list { position:relative; margin:0 auto 10px; width:1240px; }
.bussiness_list:after { content:""; display:block; clear:both; }
.bussiness_list > li { float:left; margin:9px; }
.bussiness_list > li ul li:first-child { margin-bottom:18px; }
/* 사업분야 end */

/*paging*/
.paging{text-align:center; margin-bottom:30px; font-size:0;}
.paging a{display:inline-block; font-size:14px; margin:0 0 0 3px; font-family:'Arial'; color:#777;}
.paging a:first-child {margin:0}
.paging a{vertical-align:top; font-weight:bold; width:36px; height:36px; line-height:22px; text-align:center; color:#494949;}
.paging a.active{color:white; width:36px; height:36px; line-height:36px; border-left:none; border-top:none; border-right:none; }
.paging a.goto{color:#222222; width:36px; height:36px; line-height:36px; border-left:none; border-top:none; border-right:none; background:url('../img/board/btn_num.gif') center right no-repeat;}
.paging a img{vertical-align:top;}
.paging a.goto.active { background:#555; color:#fff; }
.paging a.active.next { background:url('../img/board/btn_next.gif') center right no-repeat; text-indent:-20000px; }
.paging a.active.last { background:url('../img/board/btn_back.gif') center right no-repeat; text-indent:-20000px; }
.paging a.next { background:url('../img/board/btn_next.gif') center right no-repeat; text-indent:-20000px; }
.paging a.last { background:url('../img/board/btn_back.gif') center right no-repeat; text-indent:-20000px; }
.paging a.prev { background:url('../img/board/btn_prev.gif') center right no-repeat; text-indent:-20000px; }
.paging a.first { background:url('../img/board/btn_front.gif') center right no-repeat; text-indent:-20000px; }
.paging a.btn_front, .paging a.btn_back, .paging a.btn_prev, .paging a.btn_next{width:36px; height:36px; border:none;}

div.port_sch_wrap { margin:30px auto 0; width:1220px; height:53px; }
div.port_sch_inner { float:right; }

@media screen and (max-width:1220px) {
	/* 회사소개 */
	div.contact_section div.contact_con { width:96%; }
	/* 회사소개 end */

	/* 고객센터 */
	div.news_inner { width:96%; }
	div.news_content_wrap { width:100%; }

	div.faq_inner { width:96%; }
	div.faq_content_wrap { width:100%; }
	dl.faq_list dt { background:url('../img/service/faq_arrow_off.jpg') 94% center no-repeat; }
	dl.faq_list dt.on { background:url('../img/service/faq_arrow_on.jpg') 94% center no-repeat; }
	dl.faq_list dt ul { width:100%; }
	dl.faq_list dt ul li.li1 { width:20%; }
	dl.faq_list dt ul li.li2 { width:75%; padding-left:5%; }
	dl.faq_list dd { padding:10px 10px 10px 5%; }
	/* 고객센터 end */

	/* 사업분야 */
	.bussiness_wrap { padding:50px 0 100px 0; }
	.bussiness_wrap p.tit { margin-bottom:30px; }
	.bussiness_wrap p.con { width:94%; margin:0 auto 30px; }
	.bussiness_wrap p.con br { display:none; }
	.bussiness_list { width:96%; margin:0 auto 0.5%; }
	.bussiness_list > li { margin:0.5%; }
	.bussiness_list li.li1 { width:48.7%; }
	.bussiness_list li.li2 { width:48.7%; }
	.bussiness_list > li ul li:first-child { margin-bottom:0.5%; }
	.bussiness_list li.li3 { width:32.1%; }
	/* 사업분야 end */

	div.port_sch_wrap { width:96%; }
}

@media screen and (max-width:1024px) {
	/* 회사소개 */
	div.history_section ul.history_panel { width:96%; }
	div.history_section div.history_cont_wrap { width:100%; }
	div.contact_section p.contact_info2 { position:static; margin-top:15px; }
	/* 회사소개 end */

	/* 고객센터 */
	ul.news_list li { width:33.3333333333%; }
	/* 고객센터 end */
}

@media screen and (max-width:800px) {
	/* 회사소개 */
	div.intro_txt_wrap { padding:50px 0; height:400px; }
	div.intro_txt_wrap p.tit { margin-bottom:50px; }
	/* 회사소개 end */

	/* 고객센터 */
	ul.news_list li { width:50%; }
	/* 고객센터 end */
}

@media screen and (max-width:640px) {
	/* 서브 공통 */
	div.sub_visual { margin-top:123px; height:320px; }
	div.sub_visual.intro { background:url('../img/common/mvis_sub1.jpg') 50% 123px fixed repeat; }
	div.sub_visual.bussiness { background:url('../img/common/mvis_sub2.jpg') 50% 123px fixed no-repeat; }
	div.sub_visual.portfolio { background:url('../img/common/mvis_sub3.jpg') 50% 123px fixed repeat; }
	div.sub_visual.visionmodel { background:url('../img/common/mvis_sub4.jpg') 50% 123px fixed no-repeat; }
	div.sub_visual.service { background:url('../img/common/mvis_sub5.jpg') 50% 123px fixed repeat; }

	div.intro_txt_wrap { padding:40px 0; height:inherit; }
	div.intro_txt_wrap p.tit { margin-bottom:40px; }
	div.intro_txt_wrap p.con { margin:0 auto; width:90%; max-width:400px; }
	/* 서브 공통 end */

	/* 회사소개 */
	div.history_section { height:inherit; background:#2c3f5f; }
	div.history_inner { height:inherit; background:url('../img/about/m_history_bg02.jpg') 50% bottom fixed no-repeat; }
	div.history_section ul.history_tab { width:96%; }
	div.history_section ul.history_panel { width:92%; }

	div.history_section div.history_cont_wrap { width:100%; }
	div.history_section ul.history_cont { float:none; width:100%; position:relative; }
	div.history_section ul.history_cont2014-1 { height:inherit; }
	div.history_section ul.history_cont2013-1 { height:inherit; }
	div.history_section ul.history_cont2012-1 { height:inherit; }
	div.history_section ul.history_cont2014-2 { margin-bottom:30px; bottom:8px; }
	div.history_section ul.history_cont2013-2 { margin-bottom:30px; bottom:8px; }
	div.history_section ul.history_cont2012-2 { margin-bottom:30px; bottom:8px; }

	div.contact_section div.contact_map iframe { height:574px; }
	div.contact_section div.contact_con { padding:30px 0 70px 0; }

	div.contact_section p.contact_info1 { width:50%; max-width:200px; }
	div.contact_section p.contact_info2 { display:none; }
	/* 회사소개 end */

	/* 포트폴리오 */
	#container p.portfolio_tit { padding-top:40px; }
	#container div.portfolio_wrap.subpage { padding:20px 0; }
	#container p.btn_portfolio_more { width:60%; max-width:299px; margin:0 auto 40px; }
	#container p.btn_news_more { width:60%; max-width:299px; margin:0 auto; }
	#container p.btn_news_list { width:60%; max-width:190px; margin:15px auto 25px; }
	/* 포트폴리오 end */

	/* 고객센터 */
	ul.news_list li { width:100%; }
	ul.news_list li dt img { height:inherit; }
	ul.news_list li dd a.btn_view { width:265px; }

	table.news_view th { padding:17px 20px; }
	table.news_view td.ftd { display:none; }
	table.news_view td span.date { display:none; }
	table.news_view td.article { padding:20px; }

	table.news_txt th { padding:17px; }
	table.news_txt td { padding:17px; }

	dl.faq_list dd { padding:20px 5%; }
	/* 고객센터 end */

	/* 사업분야 */
	.bussiness_list { margin:0 auto; }
	.bussiness_list > li { float:none; margin:0 0 10px 0; }
	.bussiness_list > li ul li:first-child { margin-bottom:10px; }
	.bussiness_list li.li1 { width:100%; }
	.bussiness_list li.li2 { width:100%; }
	.bussiness_list li.li3 { width:100%; }
	.bussiness_list > li img { width:100%; }
	/* 사업분야 end */
}

@media screen and (max-width:480px) {
	div.sub_visual { margin-top:87px; }
	div.sub_visual.intro { background:url('../img/common/mvis_sub1.jpg') 50% 87px fixed repeat; }
	div.sub_visual.bussiness { background:url('../img/common/mvis_sub2.jpg') 50% 87px fixed no-repeat; }
	div.sub_visual.portfolio { background:url('../img/common/mvis_sub3.jpg') 50% 87px fixed repeat; }
	div.sub_visual.visionmodel { background:url('../img/common/mvis_sub4.jpg') 50% 87px fixed no-repeat; }
	div.sub_visual.service { background:url('../img/common/mvis_sub5.jpg') 50% 87px fixed repeat; }

	/* 회사소개 */
	div.history_section { padding-bottom:140px; }

	div.contact_section div.contact_map iframe { height:474px; }
	div.contact_section div.contact_con { padding:30px 0 50px 0; }
	/* 회사소개 end */

	/* 고객센터 */
	div.news_sch_inner { float:left; }
	div.select_box { margin-bottom:5px; }
	div.sch_bar { margin-bottom:10px; }

	table.news_txt th { padding:15px 10px; }
	table.news_txt td { padding:15px 10px; }
	/* 고객센터 end */
}