@charset "UTF-8";
/*******

BSJ CSS RESET
wrap,  container, footer, leftmenu 등 해당되는 레이아웃을 지정합니다.

*******/



	/*main*/
	.main_slider .bxslider li {padding:230px 0;box-sizing:border-box;}
	.main_slider .h_tit {max-width:1000px;margin:0 auto; text-align: center;}
	.main_slider .h_tit img { display: inline !important; }
	.bx-wrapper .bx-controls-direction a.disabled {display:block;}
	.bx-wrapper {margin:0 auto;}
	



	
	/*main*/
	.main_section {padding:70px 0;}
	.main_tit {margin-bottom:50px;text-align:center;}
	.main_tit .border {width:30px;height:5px;margin:0 auto;background:#d03238;}
	.main_tit .tit {margin-top:10px; font-weight: bold; font-size: 40px;letter-spacing:-1;color:#111;}
	.main_tit .tit span {color:#d03238;}
	.main_tit .comm_desc {margin-top:10px; line-height: 1.5; letter-spacing: 0; }

	.diagram_list {overflow:hidden;}
	.diagram_list li {float:left;}



	/*quick 메뉴*/
	#quick_menu {position:fixed; width: 110px; left: 0; top: 0; z-index: 99999; }
	#quick_menu .side_produce { height: 320px; background: #d86a6c; text-align: center; }
	#quick_menu .side_adver { width: 108px; height: 319px; background: #ededed; border: 1px solid #d3d3d3; border-top: 0; text-align: center; }
	#quick_menu .side_adver a > span { color: #4d4d4d; }
	#quick_menu .side_produce a, 
	#quick_menu .side_adver a { display: block; position: relative; width: 100%; height: 100%; color: #fff; font-size: 16px; }
	#quick_menu .side_produce a span, 
	#quick_menu .side_adver a span { display: inline-block; position: absolute; top: 50%; left: 0; width: 100%; margin-top: -45px; text-align: center;  } 
	#quick_menu .side_produce a span em, 
	#quick_menu .side_adver a span em { font-weight: bold; }
	#quick_menu .side_inquire { width: 94px; height: 77px; padding-left: 14px; padding-top: 16px; background: #fff; border: 1px solid #d3d3d3; border-top: 0; }
	#quick_menu .side_inquire span.info1 { display: block; width: 100%; margin-bottom: 13px; color: #333; font-size: 13px; font-weight:bold;  }
	#quick_menu .side_inquire span.info2 { color: #333; font-size: 18px; font-weight:bold; }

	#quick_menu .side_info { width: 101px; padding: 7px 0 0 7px; background: #fff; border: 1px solid #d3d3d3; border-top: 0; }
	#quick_menu .side_info p { margin-bottom: 15px; font-size: 12px; }
	#quick_menu .side_info p.last { margin: 0; padding-bottom: 10px; }
	#quick_menu .side_top { width: 108px; height: 18px; background: #e2e2e2; border: 1px solid #d3d3d3; border-top: 0; }
	#quick_menu .side_top a { display: block; width: 100%; height: 100%; line-height: 18px; color: #212121; text-align: center; }

	#lay_wrap .inner .prev_arrow { display: none; }
	#lay_wrap .inner.on .next_arrow { display: none; }
	#lay_wrap .inner.on .prev_arrow { display: inline; }
	.com_sub { width: 1210px; margin: 0 auto; }

	/*main section01*/
	.main_section.section01 {max-width:1000px;margin:0 auto;}
	.main_section.section01 .diagram {margin-bottom:50px;}
	.main_section.section01 .diagram_list li {width:28.5%;height:130px;margin-right:-5%;padding:55px 0;background:url(../../images/img_main0101.png) no-repeat 5% center;border-radius:100px;font-weight:600;font-size:15px;color:#000;text-align:center;opacity:0.7;letter-spacing:0;box-sizing:border-box;}
	.main_section.section01 .diagram_list li.dl01 {background:none;background-color:#c0c0c0;}
	.main_section.section01 .diagram_list li.dl02 {background-color:#000;color:#fff;}
	.main_section.section01 .diagram_list li.dl03 {background-color:#c0c0c0;}
	.main_section.section01 .diagram_list li.dl04 {background-color:#e00f17;color:#fff;}
	.main_section.section01 .main_desc {font-size:16px;color:#7e8182;line-height:24px;text-align:center;}



	/*main section02*/
	.main_section.section02 {max-width:2560px;margin:0 auto; }
	.main_section.section02 .banner_list {overflow:hidden; background: #e63f45}
	.main_section.section02 .banner_list li {float:left;width:14.28%;height:210px;background:#e63f45;text-align:center;box-sizing:border-box;}
	.main_section.section02 .banner_list1 li {width: 16.66%;}
	.main_section.section02 .banner_list li a {display:block; width: 100% ;height: 165px; padding-top: 45px; font-weight:600;font-size:16px;color:#fff;}
	.main_section.section02 .banner_list li .icon {margin-bottom:10px;}
	.main_section.section02 .banner_list li .icon1 {padding:15px 0 5px 0;}
	.main_section.section02 .banner_list li.bg_color {background:#333;}



	/*main section03*/
	.main_section.section03 {width:1200px;margin:0 auto;}
	.main_section.section03 .plus_btn {position:absolute;bottom:0;right:0;}
	.main_section.section03 .plus_btn a {font-weight:600;font-size:11px;color:#111;letter-spacing:0;}

	.portfolio_menu_con {position:relative;margin-bottom:40px;}
	.portfolio_menu_list {text-align:center;}
	.portfolio_menu_list li {display:inline-block;padding:5px 10px;}
	.portfolio_menu_list li a {font-size:15px;color:#666; font-family: "NanumGothic" }
	.portfolio_menu_list li.on a {font-weight:600;color:#000; font-family: "NanumGothicBold" }

	.thumbnail_list {overflow:hidden;width:1200px;margin:0 auto;}
	.thumbnail_list li {float:left;width:24%; box-sizing:border-box;}
	.thumbnail_info {padding:40px 15px;background:#333; position:absolute; width:100%; bottom:-150px; left:0;}
	.thumbnail_info .tit {margin-bottom:5px;}
	.thumbnail_info .tit a {font-weight:600;font-size:15px;color:#fff;}
	.thumbnail_info .desc {margin-bottom:5px;}
	.thumbnail_info .desc a {font-size:13px;color:#d4d4d4;}
	.thumbnail_info .day {font-size:13px;color:#ccc;}



	/*main section04*/
	.inquire_area { padding: 0; background: url(../../images/common/inquire_area_bg2.jpg) no-repeat; background-size: 100% 100%; text-align: left;  }
	.inquire_area .inner { max-width:1000px;margin:0 auto; }
	.inquire_area .main_form {overflow:hidden;}

	.inquire_area .mf_left {float:left;width:429px;height:410px;padding-top:100px;background:#d03238;}
	.inquire_area .mf_left .comm_desc { line-height: 1.5; margin-top:30px;margin-bottom:70px;font-size:15px;color:#fff;}
	.inquire_area .mf_left .add_list li {position:relative;padding-left:70px;font-size:15px;color:#fff; margin-bottom: 15px; }
	.inquire_area .mf_left .add_list li:first-child { line-height: 1.5; }
	.inquire_area .mf_left .add_list li strong {position:absolute;left:0;width:51px;background:url(../../images/blit_l.gif) no-repeat 48px 5px;}
	.inquire_area .mf_right {float:right;width:571px;height:455px;padding-top:55px;background:#111;}
	.inquire_area .mf_right .form_list li {position:relative;margin-top:20px; margin-left: 49px; color:#fff;line-height:30px;}
	.inquire_area .mf_right .form_list li span.bar { display: inline-block; width: 25px; height: 34px; line-height: 34px; text-align: center; vertical-align: middle;  }
	.inquire_area .mf_right .form_list li strong { display: inline-block; width: 17%; font-size:15px;color:#fff;line-height:30px;}
	.inquire_area .mf_right .form_list li:first-child{margin-top:0;}
	.inquire_area .mf_right .form_list li.phone select { width: 124px; height: 34px; }
	.inquire_area .mf_right .form_list li.email select { width: 124px; height: 34px; }
	.inquire_area .mf_right .main_ipt { height:30px;font-size:13px;color:#999; }
	.inquire_area .mf_right #main_ta { width: 418px; height:100px;}
	.inquire_area .mf_right #main_sel {height:35px;font-size:13px;color:#999;}
.inquire_area .main_form .mf_right #main_sel.size1 {width:124px;}
	.inquire_area .main_form .mf_right .main_ipt.size1 {width:120px;}
	.inquire_area .main_form .mf_right .main_ipt.size2 {width:150px;}
	.inquire_area .main_form .mf_right .main_ipt.size3 {width:200px;}
	.inquire_area .mf_right li.last_btn {text-align:right;}
	.inquire_area .mf_right li.last_btn input:hover { background: #fff; color: #000; transition: background 1s; }
	.inquire_area .mf_right .last_btn .main_btn {width:100px;padding:10px 15px;background:none;border:1px solid #fff;font-size:15px;color:#fff;letter-spacing:-2px;box-sizing:border-box;}
	.inquire_area .mf_right .last_btn .main_btn.ok {width:150px;margin-right:5px;}
	
	.file_btn input[type=button] { width: 90px; height: 34px; line-height: 34px; text-align: center; border: 0; }
	.file_btn input[type=text] { margin-right: 10px; }
	.file_btn .file_ok { margin-right: 5px; background: #666; color: #fff; }
	.file_btn .file_cl { background: #fff; color: #333; }
	.last_btn { width: 420px; }


	/*main section05*/
	.main_section.section05 {/*max-width:1920px;margin:0 auto;*/ padding:0;}
	.community_area .inner { width: 1000px; margin: 0 auto; }




	/*main section06*/
	.main_section.section06 {max-width:850px;margin:0 auto;}
	.main_section.section06 .board li {padding:0 25px;}




	/*footer*/
	.lay_footer {background:#212121;}
	.footer_top {border-bottom:1px solid #3e3e3e;}
	.footer_info {overflow:hidden;max-width:1000px;margin:0 auto; font-size:12px;color:#999;letter-spacing:0;}
	.footer_info .info {float:left;height: 39px; line-height: 39px;}
	.footer_info .fot_sns{float:right; padding-top: 7px; }
	.footer_info .fot_sns li {display:inline-block; height: 39px; line-height: 39px; vertical-align: middle; }
	.copyright {max-width:1000px;margin:0 auto;padding:25px 0;font-size:12px;color:#999;line-height:20px;}




	/* bxslider*/
	.bx-wrapper .bx-controls-direction a {z-index:9000; top: 47%; }
	.bx-wrapper .bx-prev { width: 41px !important; height: 77px !important; left: 310px; background: url(../../images/slider_prev.png) no-repeat; }
	.bx-wrapper .bx-next { width: 41px !important; height: 77px !important; right: 310px; background: url(../../images/slider_next.png) no-repeat; }
	.bx-wrapper .bx-pager.bx-default-pager a { background: transparent; border: 2px solid #fff; border-radius: 50%; }
	.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff;}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { width: 100%; left: 0; bottom: 30px; text-align: center; }

	/*sub_visual*/
	.sub_visual { position: relative; height: 270px; }
	.sub_visual.produce_catalogue { background: url(../../images/sub/catalogue_bg.jpg) no-repeat center top; background-size: cover; }
	.sub_visual.produce_publication { background: url(../../images/sub/publication_bg.jpg) no-repeat center top; background-size: cover; }
	.sub_visual.produce_homepage { background: url(../../images/sub/produce_homepage_bg.jpg) no-repeat center top; background-size: cover; }
	.sub_visual.produce_movie { background: url(../../images/sub/movie_bg.jpg) no-repeat center top; background-size: cover; }
	.sub_visual.produce_logo { background: url(../../images/sub/logo_bg.jpg) no-repeat center top; background-size: cover; }
	.sub_visual.produce_picture { background: url(../../images/sub/picture_bg.jpg) no-repeat center top; background-size: cover; }
	.sub_visual.produce_about { background: url(../../images/sub/about_bg.jpg) no-repeat center top; background-size: cover; }
	.sub_visual.produce_graphic { background: url(../../images/sub/graphic_bg.jpg) no-repeat center top; background-size: cover; }
	.sub_visual.produce_community { background: url(../../images/sub/community_bg.jpg) no-repeat center top; background-size: cover; }
	

	.sub_visual.adver_about { background: url(../../images/sub/about_bg.jpg) no-repeat center top; background-size: cover; }
	.sub_visual.adver_admon { background: url(../../images/sub/admon_bg.jpg) no-repeat center top; background-size: cover; }
	.sub_visual.adver_mobile { background: url(../../images/sub/mobile_bg.jpg) no-repeat center top; background-size: cover; }
	.sub_visual.adver_viral { background: url(../../images/sub/viral_bg.jpg) no-repeat center top; background-size: cover; }
	.sub_visual.adver_online { background: url(../../images/sub/online_bg.jpg) no-repeat center top; background-size: cover; }
	.sub_visual.adver_offline { background: url(../../images/sub/offline_bg.jpg) no-repeat center top; background-size: cover; }
	.sub_visual.adver_etc { background: url(../../images/sub/etc_bg.jpg) no-repeat center top; background-size: cover; }
	.sub_visual.adver_community { background: url(../../images/sub/community_bg.jpg) no-repeat center top; background-size: cover; }
	
	.sub_visual h2 { position: absolute; top: 50%; width: 100%; margin-top: -29px; text-align: center; vertical-align: middle;  }
	.tab_content { text-align: center !important; }

	/* 작업 완료 후 이부분 삭제 */
	.sub0101 .tab_content,
	.sub0102 .tab_content,
	.sub0103 .tab_content,
	.sub0104 .tab_content,
	.sub0202 .tab_content,
	.sub0203 .tab_content,
	.sub0204 .tab_content,
	.ad_sub0202 .tab_content,
	.ad_sub0203 .tab_content,
	.sub0101 .tab_content,
	.sub0101 .tab_content,
	.sub0101 .tab_content,
	.sub0101 .tab_content,
	.sub0101 .tab_content,
	.sub0101 .tab_content { width: 100%; text-align: center;  }
.portfolio_area { width: 1200px; margin: 0 auto; }




@media screen and (max-width: 640px){
	/* sub_visual */
	.sub_visual { height: 150px; }
	.sub_visual h2 { top: 80%; }
	.sub_visual h2 img { height: 30px !important; }
}