/*************************서브 공통*****************************/
#container{padding-top:140px;}
#contents{width:100%; margin:0px auto; }
#contents section{padding:140px 0;box-sizing:border-box; position:relative;}
#contents section:after{content:""; display:block; clear:both;}

/* 패럴랙스 */
#parallax{position:relative; width:100%; height:calc(100vh - 140px);-webkit-transition:0.5s ease-in;-moz-transition: 0.5s ease-in;-o-transition:0.5s ease-in;transition:0.5s ease-in;}
.parallax__container{clip:rect(0, auto, auto, 0); height:100%; left:0; overflow:hidden; position:absolute; top:0; width:100%; z-index:-100;}
.parallax{position:fixed; top:0; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transform-style:preserve-3d; transform-style:preserve-3d; width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
#parallax.on{height:50vh;}

/*패럴랙스 타이틀*/
#parallax .m_parallax{display:none;}
#parallax .textWrap{width:100%; max-width:1240px; height:100%; margin:0 auto; display:block;}
#parallax .text_table{display:table; width:100%; height:100%;}
#parallax .text_center{display:table-cell; vertical-align:middle; height:100%; text-align:left; letter-spacing:0.5px;}
#parallax .text_center h1{font-size:50px; font-weight:700; line-height:60px; color:#ff9e27;}
#parallax .text_center h1 img{margin-left:5px;}
#parallax .text_center p{font-size:60px; line-height:80px;font-weight:700; letter-spacing:-0.5px;color:#fff;}
.scroll_down{position:absolute; bottom:0; left:50%; width:1px; height:70px;background:#fff;}

/*페럴렉스 없는 일반 타이틀*/
.normal_title h1{font-size:70px; font-weight:700; line-height:70px;  margin-bottom:36px; text-transform: uppercase;}
.normal_title h1 img{margin-left:5px;}
.normal_title p{font-size:38px; font-weight:700; letter-spacing:-1px; line-height:30px; margin-bottom:55px;}

/*타이틀 점 이미지*/
.title_dot{display:inline-block; vertical-align:top; margin-left:8px; width:16px; height:16px; background-image:url('../images/sub_point.png') ; background-repeat: no-repeat; background-position: center;  background-size:cover;}

/*컨텐츠 공통*/
section p{font-size:21px; line-height:37px;  padding:30px 0;}
section p:first-child{padding-top:0;}
section p:last-child{padding-bottom:0;}
.cont_inner{max-width:1240px; margin:0 auto;}

/*강조문구 h4*/
section h4{font-size:46px; line-height: 60px; } 

/*텍스트 오른쪽 배치*/
.right_layout{font-size:0; line-height:0; letter-spacing:0;}
.right_layout h2, .right_layout .text_right{display:inline-block; vertical-align:top;}
.right_layout h2{width:40%; font-size:50px; line-height:60px; position:relative; margin-bottom:40px;  padding-right:20px; box-sizing:border-box;}
.right_layout .text_right{width:60%; letter-spacing:-0.5px;}
.right_layout strong{font-size:21px; line-height:37px;}
.right_layout .cont2, .right_layout .cont4{background:#f9f9f9;}
.right_layout li{ font-size:21px; line-height:32px;  padding-bottom:30px; }
.right_layout li:last-child{padding:0}

/*게시판공통*/
#contents.board{ max-width:1240px; margin:140px auto;}
.boardWrap{width: 100%;border-top: 2px solid #f17921;border-bottom: 1px solid #ebebeb;}
.boardWrap ul{font-size:0; line-height:0; letter-spacing:0; }
.boardWrap span, .boardWrap p{display:inline-block; vertical-align:middle; line-height:30px;}
.boardWrap li a{width:100%;padding:29px 0;}
.boardWrap li span{width:12%; }
.boardWrap li a p{width:76%;}
.board_title span, .board_title p{ font-size:21px; text-align:center;}

.board_list .board_num, .board_list .date{color:#bbbbbb; font-size:18px;}
.board_list span{text-align:center;}
.board_list p{font-size:21px; text-align: left; padding:0 30px; box-sizing:border-box; }
.board_list li{border-top: 1px solid #ebebeb;}

.paging {text-align:center; margin-top:50px;}
.paging ul{font-size:0; line-height:0; letter-spacing:0; }
.paging li{display:inline-block; vertical-align:middle; margin:0 10px; font-size:18px; line-height:20px; letter-spacing:-0.5px;}
.paging li a{font-size:18px; line-height:20px; letter-spacing:-0.5px;}
.paging li a.on{color:#f17921;}

.prev, .prev_end, .next, .next_end{background-repeat: no-repeat; background-position: center;  background-size:cover;}
.prev{background-image:url('../images/prev.png') ;  width:7px; height:13px; margin-right:20px;}
.prev_end{background-image:url('../images/prev_end.png') ; width:14px; height:13px;}
.next{background-image:url('../images/next.png') ; width:7px; height:13px; margin-left:20px;}
.next_end{background-image:url('../images/next_end.png') ;width:14px; height:13px;}

/*게시판 보기*/
.board_read h5{font-size:40px; line-height:40px; font-weight:500;}
.board_read .date{font-size:21px; padding:30px 0; color:#bbbbbb;}
#contents section.board_cont{border-top:3px solid #f17921; border-bottom:1px solid #ebebeb; padding:50px 0;}
.board_read .board_cont img{max-width:100%;}
.read_page{margin-top:50px; overflow:hidden;}
.board_prev{border-bottom:1px solid #ebebeb;}
.board_prev, .board_next{padding:30px 0;}
.board_prev span, .board_next span{font-size:21px;}
.read_page em{background-repeat: no-repeat; background-position: center; background-size: cover; margin:-2px 30px 0; }
.read_page span, .read_page em{line-height:30px; display:inline-block; vertical-align:middle;}
.page_tit{padding-left:50px; width:80%;}
.page_top{background-image:url('../images/page_top.png') ;  width:16px; height:9px; margin-right:20px;}
.page_bottom{background-image:url('../images/page_bottom.png') ; width:16px; height:9px; margin-left:20px;}

/*************************서브 공통 끝*****************************/

/*코스코리아 소개*/
#contents.about{ margin-bottom:0;}
#parallax.company_visual p{font-size:70px;line-height:80px;}
.about .cont_inner div:nth-of-type(2){margin:50px 0;}
.about h2{font-size:65px; line-height:80px; margin-bottom:5%;}
.about h5{font-size:35px; line-height:40px;padding-top:30px;}
.about h5 span{display:block; letter-spacing: -0.5px; font-size: 21px; line-height:21px; margin-bottom:15px;}



/*대표인사말*/
.ceo_visual .text_center p{font-size:100px; line-height:120px;}
.ceo .cont_inner{font-size:0; line-height:0; letter-spacing:0;}
.ceo .cont_inner div, .ceo .cont_inner img{display:inline-block; vertical-align:top;}
.ceo .cont_inner div{width:calc(60% - 100px); margin-right:100px;}
.ceo .cont_inner img{width:40%;}
.ceo h5{font-size:21px; line-height:35px; margin-top:40px;}
.ceo h5 span{font-size:35px;}

/*연혁공통*/
.history_text h3{font-size: 50px; line-height:50px; }
.history_text p{font-size:25px; line-height:25px; padding:10px 0; font-weight:300;}
.history_text{float:left; width:32%;}
.history_text p{font-size:25px; line-height:40px; color:#999;}
.history_list{float:right; width:58%; position:relative;}
.history_list:before{content:""; display:block; width:1px; height:100%; background:#ddd; position:absolute; top:5px;left:0;}
.history_list:after{content:""; display:block; width:11px; height:11px; background:#ddd; box-sizing:border-box; border-radius:50%; position:absolute; bottom:-5px; left:-5px}
.history_list > li{margin-bottom:50px; padding-left:100px; position:relative;}
.history_list > li:after{content:""; display:block; width:80px; height:1px; background:#f37d21;position:absolute; top:9px; left:0;}
.history_list > li:before{content:""; display:block; width:11px; height:11px; background:#f37d21; box-sizing:border-box; border-radius:50%; position:absolute; top:4px; left:-5px}
.history_year{font-size:30px;font-weight:700; display:block; padding-bottom:20px;}
.history_box li{margin-bottom:5px;}
.history_box span{font-size:21px;line-height:35px; font-weight:700;margin-right:10px; display: inline-block; vertical-align: top;}
.history_box em{font-size:21px; line-height:35px; font-weight:300; width: 80%; display: inline-block; vertical-align: top; color:#777;}


/*CI*/
.ci img{width:80%; display:block; margin:0 auto; box-sizing:border-box; padding:40px 0;}


/*공유가치*/
.shared .cont2{background:#f9f9f9;}
.shared .cont_inner{font-size:0; line-height:0; letter-spacing:0;}
.shared .text_right div span{display:inline-block; vertical-align:middle; border:1px solid #f17821; width:240px; height:240px; border-radius: 100%; text-align: center; line-height: 240px;font-size: 30px; letter-spacing: -0.5px;font-weight: 300;display: inline-block; color:#f17821;}
.shared .cont_inner img{width:100%;}
.shared .cont_inner img, .shared .text_right ul{padding-top:30px;}
.shared .text_right div span:nth-child(2),.shared .text_right div span:nth-child(3){margin-left:-20px;}


/*비전*/
.vision h3{ font-size:28px; line-height:28px; letter-spacing:-0.5px;}
.vision ul{font-size:0; line-height:0; letter-spacing:0; padding-top:100px;margin-top:40px;}
.vision li{display:inline-block; vertical-align:top; width:calc(33.33% - 40px); margin-right:60px; position:relative;}
.vision li:last-child{margin:0;}
.vision li div{ box-sizing:border-box;text-align: left;}
.vision li span{position:absolute; top:-80px; left:0; z-index:-1; font-size:100px; line-height:100px; font-weight:700; color:rgb(238, 238, 238);}
.vision li p{ font-size:21px; line-height:37px; font-weight:400; padding-top:15px;}
.vision li img{}

/*오시는 길*/
.info {padding-top:30px;}
.info div {padding-top:30px;}
.info div h1{font-size: 40px; line-height:40px;font-weight: 700;}

/*수상실적*/
#parallax.award_visual p{font-size:70px;line-height:80px;}
.award ul{font-size:0; line-height:0; letter-spacing:0; text-align:center;}
.award ul li{display:inline-block; vertical-align:top; width:calc(33.33% - 20px); margin:0 15px;}
.award ul li img{width:100%; border:1px solid #ebebeb;}


/*공유가치*/


/*후쿠와라쿠*/
.title_Area{text-align:center; font-size:65px; line-height:65px; padding-top:140px;     text-transform: uppercase;}
.tab{position:absolute; bottom:0; left:calc(50% - 600px); width:100%; max-width:1240px; margin:0 auto; font-size:0; line-height:0; letter-spacing:0;}
.tab li{width:20%;display: inline-block;vertical-align: middle;border-right: 1px solid #929292; box-sizing:border-box; padding:17px 0;text-align:center; background: rgba(0,0,0,0.5); }
.tab li:last-child{border-right: 0;}
.tab li a{display:block;font-size:21px; line-height:25px; letter-spacing:-0.5px; color:#fff;}
.tab li.on{background: #fff;}
.tab li.on a{color:#222;}
.fukuwaraku_visual .tab li{width:25%}
.fukuwaraku .cont1:after{content:""; display:block; clear:both;}

/* template sidebar add by bae */
.tab li.col2 {width:50%;}
.tab li.col3 {width:33.3%;}
.tab li.col4 {width:25%;}
.tab li.col5 {width:20%;}

/*화인 이념*/
.fine_philosophy h2{font-size:65px; line-height:65px; text-align:center; margin-bottom:30px;}
.fine_philosophy .cont2{background:#f9f9f9; font-size:0; line-height:0; letter-spacing:0;}
.fine_philosophy .cont2 div{margin-bottom:80px;;}
.fine_philosophy .cont2 div:last-child{margin-bottom:0;}
.fine_philosophy .cont2 h4{font-size:50px; line-height:50px; width:30%;}
.fine_philosophy .cont2 span{display:block; font-size:18px; line-height:30px;}
.fine_philosophy .cont2 ul{width:70%;}
.fine_philosophy .cont2 li{font-size:21px; line-height:40px; padding-top:20px;}
.fine_philosophy .cont2 h4, .fine_philosophy .cont2 ul{display:inline-block; vertical-align:top;}

/*화인 정보*/
.fine_Information h3{font-size:50px; line-height:60px;margin-bottom:60px;}
.fine_Information .cont_inner div{margin-bottom:60px; padding-bottom:60px; border-bottom:1px solid #e1e1e1;}
.fine_Information .cont_inner div:last-child{margin-bottom:0; border-bottom:0;}
.fine_Information .cont_inner h4{font-size:35px; line-height:35px;}

.fine_factory ul{padding-top:30px;}

/*팬스타*/
.Pan_affiliate ul{font-size:0; line-height:0; letter-spacing:0; text-align:center;}
.Pan_affiliate ul li{display:inline-block; vertical-align:top; margin:0 10px 50px;}
.Pan_affiliate ul li span{font-size:18px; line-height:30px; display:block; margin-top:10px;}

.Pan_partner ul{font-size:0; line-height:0; letter-spacing:0; text-align:center;}
.Pan_partner ul li{display:inline-block; vertical-align:top; margin:0 10px 50px;}
.Pan_partner ul li span{font-size:18px; line-height:30px; display:block; margin-top:10px;}
.Pan_location .darkline{display:block; width:100%; max-width:1240px; margin:140px auto 0 ; height:1px; background:#ededed;}
#contents.Pan_location .cont01{padding-bottom:0;}


/*인재상*/
#contents.talent .cont1{padding:140px 0 80px;}
#contents.talent .cont2{padding:80px 0;}
#contents.talent .cont3{padding:80px 0 140px;}
.talent .cont2{background:#f9f9f9;}
.talent .text_right{width:60%; padding-left:80px; letter-spacing:-0.5px;}
.talent img, .talent .text_right{display:inline-block; vertical-align:middle;}
.talent strong{font-size:30px; line-height:40px; font-weight:700; padding-top:30px; display:block;}
.talent img{width:27%;}


/*it개발*/
.it .cont_inner{text-align:center;}
.it img{border:1px solid #ebebeb; width:80%; margin-top:50px;}
.it .cont2{background:#f9f9f9;}
.it h2{font-size:40px; line-height:50px; padding-bottom:20px;}
.it h4{font-weight:300; margin-top:15px;}
.it p{padding-top:50px;text-align:center;}
.it span{display:inline-block; vertical-align:middle; background:#f6901f; width:200px; height:200px; border-radius: 100%; text-align: center; line-height: 200px;font-size: 25px; letter-spacing: -0.5px;font-weight: 500;display: inline-block; color:#ffffff;  margin: 0 5px;}


/*디자인*/
.design .cont_inner > div{padding:30px 0;}
.design .cont_inner > div:after{content:""; display:block; clear:both;}
.design h4{padding-bottom:80px; text-align:center; font-weight:300;}
.design h5{font-size:40px; line-height:40px;}
.design img{width:50%;}
.design_text{padding-top:5%;}
.design_cont1 .design_text, .design_cont3 .design_text{width:40%; margin-left:5%;}
.design_cont2 .design_text{width:40%; margin-right:5%;}
.design_cont1 img, .design_cont3 img, .design_text{float:left;}
.design_cont2 img{float:right;}

/*마케팅*/
.marketing .cont_inner{min-height:500px;}
.marketing .cont_inner:after{content:""; display:block; clear:both;}
.marketing .cont_inner div{padding-top:12%; width:54%; margin-right:5%;}
.marketing .cont_inner div, .marketing .cont_inner img{float:left;}

.consulting img{max-width:100%;}

/*공지사항*/
#notice .board_list p{overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}


/*faq*/
#faq .board_list span{color:#f17921; font-size:21px;}
#faq .open_btn{background-image:url('../images/open_btn.png') ; background-repeat: no-repeat; background-position: center;  background-size:contain;  height:9px;}
#faq .faq_answer{visibility:hidden; opacity:0; height:0; max-height:0; overflow: hidden; padding:0 40px; background:#fbfbfb; border-top: 1px solid #ebebeb;webkit-transition:  0.2s ease-in-out;
    -moz-transition:  0.2s ease-in-out;
    -o-transition:  0.2s ease-in-out;
    transition:  0.2s ease-in-out;}
#faq .faq_answer p{display: block;padding: 0;font-weight: 300;line-height: 35px;font-size: 20px;letter-spacing: -0.5px;}
#faq .faq_answer.on{visibility:visible; opacity:1; height:auto; max-height:800px;padding:40px;}

/*연구소 소개*/
.research img{display:block; margin:50px auto 0; width:100%; max-width:890px;} 

/*상담하기*/
#contact{padding:50px 30px; box-sizing:border-box;}
#contact .form div{padding:10px 0;}
#contact span{font-size:18px; font-weight:600; line-height:20px; padding:13px 0; width:15%; min-width:80px;}
#contact span em{padding:0 5px; margin-top:-1px;display: inline-block; vertical-align: top; margin-top: -3px;}
#contact input,#contact textarea{width:80%;}
.contact_cont textarea{min-height:300px;}
.contact_btn{display:block; width:200px; padding:15px 0; margin:30px auto 0 ; text-align:center; font-size:18px; font-weight:700; background:#f17921; color:#fff; border-radius:5px; cursor: pointer; transition:0.2s; -webkit-transition:0.2s ease-in;-moz-transition: 0.2s ease-in;-o-transition:0.2s ease-in;transition:0.2s ease-in;}
.contact_btn:hover{background:#e65906;}
/*상담하기 개인정보동의 by bae*/
#contact input[type=checkbox] {width:auto;margin-right:10px;}
#contact .agree { width:100%;text-align:right;position:relative;right:5%;}
#contact .agree label { font-size:1.2em;}

/* 인력구성 */
.boardWrap{width: 100%;border-top: 2px solid #f17921;border-bottom: 1px solid #ebebeb;}
.boardWrap  thead td{padding:29px 15px; text-align:center;font-size: 21px; border-bottom: 1px solid #ebebeb; font-weight: bold; background:#f9f9f9;}
.boardWrap  td{padding:29px 15px; text-align:center;font-size: 21px;border-bottom: 1px solid #ebebeb}
.img{text-align:center; padding: 60px 0;}

@media screen and (max-width: 1240px){
	#contents.board{max-width:90%; margin:60px auto;}
	#contents section{padding:80px 50px}

	#parallax .textWrap{max-width:90%;}
	#parallax .text_center h1{margin-bottom:40px;}
	#parallax .text_center p{font-size:55px; line-height:75px;}
	.title_Area {font-size:60px; line-height:60px;}
	.shared .text_right h4 br{display:none;}
	section h4{font-size:38px; line-height:45px;}
		
	/*회사소개*/
	#parallax.company_visual .text_center p{font-size:60px; line-height:60px;}
	.about h2{font-size:55px; line-height:60px;}

	/*대표인사말*/

	/*공유가치*/
	.shared .text_right div span{width:200px; height:200px; line-height:200px; font-size:25px;}
	
	/*개발*/
	.it .cont1 img{width:80%;}
	.it span{width:200px; height:200px; line-height:200px; font-size:26px;}

	/*마케팅*/
	.marketing .cont_inner div{padding-top: 9%;}
	.marketing .cont_inner img{width:35%;}

	/*인재상*/
	#contents.talent .cont1, #contents.talent .cont2, #contents.talent .cont3{padding:80px 50px}
	.talent strong{font-size:25px;}

	/*화인*/
	.tab{left:0;}
	.fine_philosophy h2{font-size:60px; line-height:60px;}
	.Pan_location .darkline{margin-top:80px;}

	
	/*오시는길*/
	.info div h1{font-size:35px; }
}


@media screen and (max-width: 1120px){
	#parallax{height:calc(100vh - 80px);}
	#parallax .text_center h1{font-size:52px; margin-bottom:0;}
	#parallax .text_center p{font-size:50px; line-height:70px;}
	#container{padding-top:80px;}
	.title_Area{padding-top:80px; font-size:50px; line-height:50px;}
	.sub_nav{display:none;}	
	.title_dot{display:inline-block; vertical-align:top; margin-left:8px; width:16px; height:16px; background-image:url('../images/m_sub_point.png') ; background-repeat: no-repeat; background-position: center;  background-size:cover;}
	

	/*대표인사말*/

	/*공유가치*/
	.shared .text_right div span{width:180px; height:180px; line-height:180px; font-size:21px;}
	.shared .cont_inner img{padding-top:0;}

	/*관계사소개*/
	.tab li{padding:12px 0;}
	.tab li a{font-size:18px;}

	/*화인*/
	.fine_philosophy .cont2 li{line-height:30px;}
	.fine_philosophy h2{font-size:50px; line-height:50px;}

	/*개발*/
	.it span{width:150px; height:150px; line-height:150px; font-size:22px;}

	/*디자인*/
	.design_text {padding-top: 3%;}

	/*마케팅*/
	.marketing .cont_inner div{padding-top: 5%;}

	/*게시판*/
	.prev{background-image:url('../images/m_prev.png') ;}
	.prev_end{background-image:url('../images/m_prev_end.png') ; }
	.next{background-image:url('../images/m_next.png') ;}          
	.next_end{background-image:url('../images/m_next_end.png') ;}
	#faq .open_btn{background-image:url('../images/m_open_btn.png') ; height:9px;}
	.board_read h5{font-size:35px; line-height:35px;}
	.page_tit{width:75%;}
	.page_top{background-image:url('../images/m_page_top.png') ;}
	.page_bottom{background-image:url('../images/m_page_bottom.png') ; }

	/*연혁*/
	.history_text h3{font-size:40px; line-height:40px;}
	.history_text p{font-size:21px; line-height:35px;}

	/*일반 타이틀*/
	.normal_title h1{font-size:56px;}
}


@media screen and (max-width: 1000px){
	#parallax .text_center p{font-size:40px; line-height:60px;}
	section p{text-align:left;}
	.right_layout h2, .right_layout .text_right{display:block;}
	.right_layout h2{width:100%;}
	.right_layout .text_right{width:100%;}

	/*회사소개*/
	#parallax.company_visual .text_center p{font-size:45px; line-height:50px;}
	.about .cont_inner div:nth-of-type(2){margin:30px 0;}
	.about h2{font-size:45px; line-height:50px;}

	/*공유가치*/
	.shared_visual .text_center p {font-size: 50px;line-height: 65px;}
	.shared .cont1 div, .shared .cont2 div{float:none;}
	.shared .textArea{width:100%; text-align:center;}
	.shared .text_right div{text-align:center; margin-top:30px;}
	.shared .cont1 .textArea{padding-left:0px;}
	.shared .cont2 .textArea{padding-right:0px;}

	/*대표인사말*/
	.ceo .cont_inner div{width:auto; margin:0;}
	.ceo .cont_inner img{display:block; width:90%; margin:40px auto 0;}


	.normal_title p{font-size:32px;}
	.history_box em {font-size:18px; line-height:25px;}
	.history_box span{line-height:25px;}

	/*오시는 길*/

	/*화인*/	
	.fine_visual .tab li{width:33.33%;}
	.fine_visual .tab li:nth-child(4), .fine_visual .tab li:nth-child(5){width:50%; border-top:1px solid #929292;}
	.fine_philosophy .cont2 div{margin-bottom:60px;}
	.fine_philosophy .cont2 ul{width:100%;}
	.fine_philosophy .cont2 h4{font-size:40px; line-height:40px; margin-bottom:15px;}
	.fine_philosophy .cont2 h4, .fine_philosophy .cont2 ul{display:block;}

	/*팬스타*/	
	.panstar_visual .tab li{width:33.33%;}
	.panstar_visual .tab li:nth-child(4), .panstar_visual .tab li:nth-child(5){width:50%; border-top:1px solid #929292;}

	/*개발*/
	.it .cont1 img{width:100%;}
	.it h4 br{display:none;}

	/*디자인*/
	.design_cont1 .design_text, .design_cont3 .design_text, .design_cont2 .design_text{width:45%;}
	.design img{width:100%;}
	.design h5{font-size:35px;}
	.design_cont1 .design_text, .design_cont3 .design_text, .design_cont2 .design_text{width:100%; margin:0;}
	
	/*마케팅*/
	.marketing .cont_inner div{padding-top: 0; width:100%;}
	.marketing .cont_inner img{width:60%; margin: 30px auto 0; display: block}
	.marketing .cont_inner div, .marketing .cont_inner img{float:inherit;}

	/*인재상*/
	.talent img{width:30%;}
	.talent .text_right{padding-left:40px;}
	.talent strong{font-size:21px; line-height:35px; padding-top:20px;}

	/*게시판*/
	.boardWrap li a{padding:20px 0;}
	.board_title span, .board_title p{font-size:18px;}
	.board_list p{font-size:18px;}
	.board_list .board_num, .board_list .date, .board_read .date{font-size:16px;}
	.board_read .date{padding:20px 0;}
	.board_read h5{font-size:32px; line-height:40px;}
	.read_page{margin-top:30px;}
	.page_tit{padding-left:20px;}
	#faq .faq_answer p{font-size:18px; line-height:25px;}


	/*수상실적*/	
	.award ul li{width:calc(50% - 30px); margin:0 15px;}
	.award ul li p{font-size:14px; line-height:20px;}
	.award ul li p br{display:none;}

}


@media screen and (max-width: 800px){
	#parallax .text_center h1{font-size:52px;}
	#contents section{padding:80px 20px;}
	section p, .right_layout strong, .right_layout li{font-size:18px; line-height:27px;  padding:20px 0;}
	#parallax .text_center p br{display:none;}
	#parallax.company_visual .text_center p br{display:block;}
	.title_Area{font-size:35px; line-height:40px;}
	section h4{font-size:30px; line-height:40px;}
	.right_layout h2{font-size:35px; line-height:40px; margin-bottom:15px;}

	/*회사소개*/
	.about h2{font-size:40px; line-height:45px;}
	.about h5{font-size:30px; line-height:40px;}

	/*대표인사말*/
	.ceo_visual .text_center p{font-size:60px; line-height:70px;}

	/*공유가치*/
	.shared_visual .text_center p {font-size: 40px;line-height: 55px;}
	
	/*연혁*/
	.history_text h3{font-size:35px; line-height:40px;}
	.history_list, .history_text{float:none; width:100%;}
	.history_list{margin-top:50px;}
	.history_text p{font-size:18px; line-height:25px;}
	.history_list > li:after{width:50px;}
	.history_list > li{padding-left:80px;}

	/*오시는 길*/
	.map iframe{height:300px !important;}
	.info div h1{font-size: 30px;}

	/*일반 타이틀*/
	.normal_title h1 {font-size: 50px;margin-bottom: 25px;}
	
	/*경영이념*/
	.vision h3{font-size:23px; line-height:23px;}
	.vision li p{font-size:18px; line-height:27px;  padding:20px 0;}

	/*비전*/
	.vision li{display:block; width:100%; margin-bottom:100px;}

	/*화인*/
	.fine_philosophy h2{font-size:35px; line-height:35px;}
	.fine_philosophy .cont2 span{font-size:14px; line-height:25px;}
	.fine_philosophy .cont2 h4{font-size:35px; line-height:35px;}
	.fine_philosophy .cont2 li{font-size:18px; line-height:27px;}
	.fine_Information .cont_inner h4{font-size:30px; line-height:40px;}
	.fine_Information .cont_inner h3{font-size:40px; line-height:50px; }
	.fine_Information .cont_inner div{margin-bottom:50px; padding-bottom:50px;  }

	/*개발*/
	.it span{width:120px; height:120px; line-height:120px;}
	.it h2{font-size:35px; line-height:35px;}

	/*인재상*/
	#contents.talent .cont1, #contents.talent .cont2, #contents.talent .cont3{padding:80px 20px}

	/*게시판*/
	.boardWrap li a p{width:88%;}
	.boardWrap .date{display:none;}
	.board_prev, .board_next{padding:20px 0;}
	.board_prev span, .board_next span{font-size:18px;}
	.read_page span, .read_page em{line-height:25px;}
	.page_tit{width:65%;}
	#faq.boardWrap li a p{width:76%;}
	#faq .open_btn{height:6px;}
	.img img{width: 100%;}

}


@media screen and (max-width: 650px){
	#parallax .pc_parallax{display:none;}
	#parallax .m_parallax{display:block;}
	#parallax .text_center p{font-size:30px; line-height:40px;}
	.ceo_visual .text_center p{font-size:50px; line-height:60px;}
	.right_layout h2{font-size:30px; margin-bottom:15px;}
	section h4{font-size:25px; line-height:35px;}
	section h4 br{display:none;}
	.title_dot{width:12px; height:12px}

	/*회사소개*/
	.about h2{font-size:35px; line-height:40px;}
	.about h5{font-size:25px; line-height:35px;}
	.about h5 span{font-size:18px; line-height:18px;}

	/*대표인사말*/
	.ceo h5 span{display:block;}


	/*일반 타이틀*/
	.normal_title h1 {font-size: 32px; line-height:40px; margin-bottom: 10px;}
	.normal_title p{font-size:21px; margin-bottom:25px}

	/*공유가치*/
	.shared_visual .text_center p {font-size: 30px;line-height: 41px;}
	.shared .text_right div span{font-size:18px; width:140px; height:140px; line-height:140px;}

	/*연혁*/
	.history_list > li:after{width:30px;}
	.history_list > li{padding-left:50px;}

	/*화인*/	
	.fine_philosophy .cont2 div{margin-bottom:70px;}
	.fine_Information .cont_inner h4{font-size:25px; line-height:30px;}
	.fine_Information .cont_inner h3{font-size:30px; line-height:40px; }
	.fine_Information .cont_inner div{margin-bottom:30px; padding-bottom:30px;  }

	/*팬스타*/
	.Pan_affiliate ul li{margin:20px 0; max-width:80%;}
	.Pan_affiliate ul li img{width:100%;}

	.Pan_partner ul li{margin:20px 5px; max-width:80%;}
	.Pan_partner ul li img{width:100%;}
	.Pan_location .darkline {margin-top: 65px;}


	/*개발*/
	.it h2{font-size:30px; line-height:30px;}
	.it span{width:100px; height:100px; line-height:100px; font-size:18px;}
	.it h4{text-align:left;}

	/*디자인*/	
	.design h4{padding-bottom:40px;}
	.design h5{font-size:30px; line-height:30px;}

	/*인재상*/
	.talent img{width:40%; margin:0 auto 30px; }
	.talent .text_right{width:100%; padding-left:0; text-align: center;}
	.talent img, .talent .text_right{display:block;}

	/*게시판*/
	.boardWrap li a{padding:18px 0;}
	.board_title span, .boardWrap li a p, #faq .board_list span{font-size:16px; line-height:20px;}
	.board_list p{padding:0 5px;}
	.board_list .board_num{font-size:14px;line-height:20px;}
	.paging{margin-top:25px;}
	.paging li a{font-size:16px}
	.board_read h5{font-size:25px; line-height:30px;}
	.board_read .date{padding:15px 0;}
	.read_page em{margin:-1px 10px 0;}
	#faq .faq_answer{padding:0 20px;}
	#faq .faq_answer.on{padding:20px;}
	#faq .faq_answer p{font-size:16px; line-height:25px;}
	
	/*상담폼*/
	#contact{padding:40px 0;}
	#contact span{font-size:16px;}
	.contact_btn{font-size:16px;}
	.contact_cont textarea{min-height:200px;}
	#contact .form div{padding:5px 0;}

	/*상담하기 개인정보동의 by bae*/
	#contact .agree { position:relative;right:10%;}

	/* template sidebar add by bae */
	.tab li.col5:first-child, .tab li.col5:nth-child(2n), .tab li.col5:nth-child(3n) {width:33.3%;}
	.tab li.col5:nth-child(4n),.tab li.col5:nth-child(5n) {width:50%;}

	/* 게시판 리스트 제목 한줄로...*/
	#bbslist a p{height:20px;line-height:20px;overflow:hidden; }

}


@media screen and (max-width: 480px){
	#parallax .text_center h1{font-size:35px; line-height:40px; margin-bottom:20px}
	#parallax .text_center p{font-size:35px; line-height:45px;}
	#parallax.company_visual .text_center p{font-size:35px; line-height:35px;}
	.title_Area{font-size:30px; line-height:35px;}
	.ceo_visual .text_center p{font-size:35px; line-height:45px;}
	section p{font-size:18px; line-height:28px;padding:20px 0;}

	/*회사소개*/
	.about h2{font-size:30px; line-height:35px;}

	/*공유가치*/
	.shared_visual .text_center p {font-size: 25px;line-height: 30px;}
	.shared .textArea h4{font-size:25px; line-height:25px;}
	.shared .textArea strong{font-size:21px; line-height:25px;  margin-top: 30px;}
	.shared .text_right div span:nth-child(3){ margin-top: -38px; margin-left: 0;}

	/*연혁*/
	.history_text h3{font-size:30px; line-height:40px;}

	/*개발*/
	.it span{width:150px; height:150px; line-height:150px; font-size:18px; margin-bottom:10px;}
	
	/*화인*/
	.fine_Information .cont_inner h3{font-size:28px; line-height:30px; }
	
	/*팬스타*/
	.Pan_affiliate ul li{margin:20px 0;}
	.Pan_partner ul li{margin:20px 0;}
	
	/*수상실적*/
	.award ul li{width:100%; margin:0 0 40px;}
	.award ul li p{font-size:14px; line-height:20px;}
	.award ul li p br{display:none;}

	/*상담폼*/
	#contact input, #contact textarea{width:69%;}

	/*게시판 글보기*/
	.board_read .board_cont {font-size:1.5em;}

	/*상담하기 개인정보동의 by bae*/
	#contact .agree { position:relative;right:10%;}

	/* template sidebar add by bae */
	.tab li.col5:first-child, .tab li.col5:nth-child(2n), .tab li.col5:nth-child(3n) {width:33.3%;}
	.tab li.col5:nth-child(4n),.tab li.col5:nth-child(5n) {width:50%;}

	/* 게시판 리스트 제목 한줄로...*/
	#bbslist a p{height:20px;line-height:20px;overflow:hidden; }
	
	/* 인력구성 */
.boardWrap .table_m tr td:first-child, .boardWrap .table_m tr td:last-child{display:none;}
.boardWrap tr td{font-size: 18px;}

}