@charset "euc-kr";


.top{display:none; position:fixed; right:16%; bottom:10%;z-index:99999;}
.w100 {width:100%;}
.mob {display:none!important;}
.visual .txt h2 {text-transform:uppercase;font-size:3em;font-weight:300;text-shadow: 3px 3px 3px gray; }
@media (max-width: 1440px)
{

 }
@media (max-width: 1254px){
	
}

@media (max-width: 1025px){
	
}

	@media screen and (max-width: 1024px) {		
		.fp-tableCell {height:auto !important;}
		.pc {display:none!important;}
		.mob {display:block!important;}
		.top{right:1%; bottom:5%;z-index:8888;}
		.section {min-height:auto;}
		.navbar .all {margin:16px 0;}
		.navbar .navbar-logo a.m_logo {width:130px;height:42px;margin:0 0 0 20px;}
		.cont {width:98%;margin:0 1%;}
		.contents {margin:70px 0 ;}
		header {height:58px;}
		.navbar .menus {display:none;}
		.container-static {position:relative;width:100%;margin:0 auto;}
		.navbar .gnb {margin:0 20px 0 0;}
		body.navbar-open .navbar .sub-nav {min-width:100%;height:auto;}
		body.navbar-open .navbar .sub-nav .subnav-inner {width:100%;margin:80px auto;}
		body.navbar-open .navbar .sub-nav .subnav-inner ul li {width:100%;}
		body.navbar-open .navbar .sub-nav .subnav-inner ul li dl {padding:10px;}
		body.navbar-open .navbar .sub-nav .subnav-inner ul li dl dt {margin-bottom:10px;text-align:center;}
		body.navbar-open .navbar .sub-nav .subnav-inner ul li dl dt>a {font-size:1.3rem;}
		body.navbar-open .navbar .sub-nav .subnav-inner ul li dl dd {overflow:hidden;}
		body.navbar-open .navbar .sub-nav .subnav-inner ul li dl dd .menu-sub {float:left;width:50%;font-size:1.1rem;padding:10px 12px;border:none;}
		.tnb span a {width:30px;height:30px;font-size:12px;line-height:28px;}
		.right_menu2 {width:30px;height:30px;padding:4px;}
		.navbar .m_utils {position: absolute;right:70px;margin-top: 16px;z-index: 20;float: right;}		
		.navbar .m_utils a{display:block; float:left; width:34px; height:34px; font-size:14px; font-weight:500; color:#666; line-height:32px; text-align:center; border:1px solid #ddd; box-sizing:border-box; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
		.navbar .m_utils span {display: block;float: left;margin-left: 15px;}
		.visual li img {height:auto;margin-top:64px;}		
		.visual .txt h2 {font-size:1.2rem;font-weight:300;}
		.visual .txt h2.core {color:#fff;text-shadow:3px 3px 3px #333}
		.visual .txt h2 em {font-size:1.4rem;}		
		.visual .txt.last h2 span {padding-bottom:5px;}
		.visual li.active .txt.last {top:70%;}
		.visual .txt p {margin-top:5px;}
		.bx-pager {bottom:10px;}
		.scroll, .page_wrap {display:none;}
		section {height:auto!important;}
		.board_wrap {margin-top:0;}
		#news .list>div {width:48%;margin:1%;}
		#pr {margin-top:30px;}
		#rnd > .rnd_wrap {width:100%;padding:10px 30px;}
		#rnd > .rnd_wrap > div {width:100%;height:150px;}
		#rnd > .rnd_wrap dl dt {font-size:1.5rem;line-height:20px;}
		#rnd > .rnd_wrap dl dt span {width:25%;}
		#rnd > .rnd_wrap dl dd {font-size:1.2rem;}
		#rnd > .rnd_wrap > div>.pul .head-t {font-size:1.2rem;line-height:16px;margin-bottom:10px;}
		#rnd > .rnd_wrap > div>.pul .head-exp {font-size:1rem;}		
		#pr > .pr_wrap {width:100%;}
		.you_box h3:after, .hong_box h3:after {display: block;width: 14%;margin: 0 auto 0;border-bottom: 2px solid #034ea1;content: '';}
		.you_box {width:100%;height:auto;}
		.hong_box {width:100%;height:auto;}
		.hong_box ul li img {height:120px;}
		.banner_wrap {width:100%;}
		.banner_wrap .bann-box1, .banner_wrap .bann-box2, .banner_wrap .bann-box3 {width:90%;margin:20px 5%;}
		.family {width:100%;}
		.family a {display:block}
		.family img {width:90%;margin:1% 5%;}
		footer {min-width:100%}
		footer .footer_wrap {width:100%;}
		footer .logo{display: inline-block;height: 30px;margin: 30px 0 20px 0;text-align: center;}
		footer address {position: relative;display: block;padding: 0 15px 30px 15px;font-size: 12px;line-height: 1.6;color: #666;}
		footer address span {display: inline-block;margin: 0 10px 0 0;}
		
		
		/* ¼­ºêÆäÀÌÁö */
		.sub_bg {width:100%;height:150px;}
		.sub_bg h2 {width:100%;font-size:30px;line-height:30px;padding-top:60px;text-align:center;font-weight:400;}		
		.sec_tit h3 span {font-size:24px;}
		.ceo_title {width:100%;font-size:26px;}
		.greeting {width:100%;padding:20px 10px 0;word-break:break-all;}
		.greeting .sign {margin-top:20px;}
		.location ul {padding-right:10px;}		
		.info_box {margin-top:50px;}
		.info_box ul li h1 {font-size:24px;}
		.aff_in ul li {width:100%;}
		.aff_in ul li .item_info p span {padding:10px 0;}
		.vision_box .mission li {width:48%;margin:0 1%;}
		.vision_box .inner li {display:block;}
		.vision_box .inner li .txt {margin:20px auto;}
		.history1 .big_year, .history2 .big_year {font-size:36px;}
		.history1 .big_year + em, .history2 .big_year + em {font-size:18px;}
		.history1 > dl,.history2 > dl {width:100%;padding-bottom:20px;}
		.history_box {float: left;width: 100%;padding: 10px;border:none;}
		.history_box dl dd {margin-left:80px;}		
		.history2 > div dl {margin:0;}
		.history2 .history_box {width:100%;}
		.cer_wrap .cer_box ul li {width:48%;margin:20px 1%;}
		.cer_wrap .cer_box .img_box {height:auto;}
		.cer_wrap .cer_box .img_tit {font-size:1rem;}
		.awards > dl {width:100%;padding-bottom:20px;}
		.awards .big_year {font-size:36px;}
		.awards .big_year + em {font-size:18px;}
		.awards_box {width:100%;padding-left:0;}
		.awards_box dl dt {height:auto;}
		.awards_box dl dd {margin-left:80px;}
		.hong_list li {width:100%;}
		.ci_wrap img {width:100%;}
		.san_wrap .san_box {width:100%;}
		.san_wrap .san_box .san_txt {padding:0 0 0 20px}
		.youtube_box ul li {width:100%;}
		.youtube_box ul li iframe {width:100%;}
		.youtube_box ul li h3 {font-size:1.3rem;margin-bottom:20px;}
		.loc_wrap .map_wrap {width:100%;}
		.loc_wrap .tight_wrap {width:100%;margin-top:30px;padding-left:10px;}
		.root_daum_roughmap {width:100%!important;}		
		.business_box .bg_box {margin-left:60px;}
		.report_wrap .textarea {height:200px;padding:20px 0;}
		.report_wrap .agree_txt {font-size:15px;}
		.report_wrap .textarea .text_inner h4 {font-size:16px;}
		.report_wrap .agree_txt span {padding-right:9px;}
		.report_wrap p {font-size:1rem;}
		.report_box .writezone01 {margin-bottom:20px;}
		.report_box .writezone01 label:first-child {width:100px;}
		.report_box .writezone01 .write_box input[type="text"] {width:80%;}
		.report_box .writezone01 .write_box.phone input {width:60px}
		.report_box .writezone01 .email_box input {width:100px;}
		.report_box .end_box textarea {width:100%;}
		.mater_wrap h4 {font-size:1.7rem;}
		.mater_wrap h5 {font-size:1.3rem;}
		.mater_wrap p {font-size:1.1rem;}
		.mater_icon ul li {width:31%;margin:1%;}
		.mater_icon ul li .txt {margin:0;font-size:1.15rem;}
		.rnd_con .list_wrap li {width:100%;margin:0;padding:2px 5px;}
		.rnd_con .list_wrap li p {margin-top:10px;margin-bottom:30px;}
		.rnd_con ul li {width:46%;margin:2%;}
		.boan_wrap ol li {width:46%;margin:2%;}
		.boan_box ul.sung li {width:46%;margin:2%;}
		.report_wrap .report_hd {font-size:1.5rem;margin-bottom:20px;}
		.business_wrap {width:100%;}
		.business_img img {width:100%;}
		.vision_box {width:100%;}
		.vision_box img {width:100%;}
		.boan_box img {width:100%;margin-top:20px;}
		.boan_wrap ol {margin:40px 0;}
		.boan_wrap p.safe_sub_tit {padding:30px 0 ;}
		.tab_wrap h4 {margin-top:0;}
		.report_box .writezone01 .email_box select {display:none;}
		.bene_wrap {margin-top:10px!important;}
		.bene_box ol li {width:100%;margin:0 auto 30px;}
		.step_wrap h4 {font-size:1.5rem;}
		.step_wrap ol li {padding:0;margin:0 0 20px 0;}
		.bene_box ol li .box p {font-size:1.2rem;}
		.step_wrap ol li:after {display:none;}
		.boan_wrap ol li .box p {font-size:1.3rem;}
		.boan_wrap p.safe_sub_tit {padding:0}
		
		
		/* ³×ºñ */
		#Mob_navi {width:100%;clear:both;text-align:left;}
		#Mob_navi ul li {border-bottom:1px solid #d1d1d1;}
		#Mob_navi ul li .tit {display:block;padding-left:22px;font-size:130%;font-weight:bold;line-height:50px;}
		#Mob_navi ul li .tit span {float:right;padding-right:28px;font-weight:bold;font-size:1.5rem;}
		#Mob_navi ul li .tit span:after {display:block;clear:both;content: '';}
		#Mob_navi ul li div.sub_menu {display:none;margin:5px 20px;overflow:hidden;backgrond-color:red;}
		#Mob_navi ul li div.sub_menu a {display:block;padding:6px 20px;color:#0167bb;font-size:110%;font-weight:bold;border-bottom:1px solid #ddd;}
		#Mob_navi ul li div.sub_menu a:last-child {border:none;}
		#Mob_navi ul li div.sub_menu a:hover {color:#fff;background-color:#0167bb;}	
		
	}
@media (max-width: 878px){
	
}
@media (max-width: 767px){
	
}
@media (max-width: 425px){
	.fp-section.fp-table, .fp-slide.fp-table {height:270px!important;}
	.fp-tableCell {height:270px!important;}
	.visual li {height:auto;}
	.visual li .txt.mid {width:80%;text-align:center;}
	.visual li.active .txt.last {top:70%;}
	.bx-pager {display:none;}
	#news .list>div {float:none;width:80%;margin:0 auto 30px;}
	.snb li {font-size:0.85rem;letter-spacing:-1px;}
	.snb li.active:before {top:2.7rem;}
	.info_box ul li {width:90%;margin:20px 5%;}
	.aff_in ul li .item_tit {padding:0 10px;}
	.aff_in ul li .item_info {padding:20px 12px;}
	.aff_in ul li .item_info p { height: auto;overflow: visible;font-size:14px;padding-left:110px;line-height: normal;text-overflow: inherit;white-space:normal;}	  	
	.vision_box .mission li {width:100%;margin-bottom:20px;}	
	.history_box dl dd p span.month, .awards_box dl dd p span.month {display:block;}
	.san_wrap .san_box .san_img {width:30%;}
	.san_wrap .san_box .san_txt {width:70%;}
	.san_wrap .san_box h4 {font-size:1.15rem;}	
	.san_wrap .san_box dl dt {width:65px;font-size:1rem;}
	.loc_wrap .loc_tit {font-size:1.2rem;}	
	.loc_wrap .tight_wrap dl dt {width:93px;font-size:1rem;vertical-align:top;}
	.loc_wrap .tight_wrap dl dt.traffic {letter-spacing:-1px;}
	.report_box .writezone01 .email_box span.blank {margin:0 3px;}
	.report_box .writezone01 .email_box select {margin:5px 0 0 104px;}
	.mater_wrap h4 {font-size:1.2rem;}
	.mater_wrap h5 {font-size:1rem;}
	.mater_wrap div.tit {font-size:1.4rem;line-height:2rem;}
	.business_box .bg_box {margin-left:60px;}
	.pro_wrap ul.batt {margin:30px 0;}	
	.pro_wrap ul.batt li {width:100%;height:60px;margin:10px 0;}
	.pro_wrap ul.batt li p {font-size:1.3rem;line-height:60px}
	.rnd_con .tit_txt {font-size:1.5rem;}
	.rnd_con ul li {width:100%;margin:10px 0;}
	.boan_wrap ol li {width:100%;margin:20px 0;}
	.boan_wrap h4 {width:75%;font-size:1.5rem;}
	.boan_wrap p.safe_sub_tit {font-size:1.3rem;}
	.boan_box ul.system li {width:46%;margin:2%;}
	.boan_box ul.system li p {font-size:1.2rem;}
	.oper_box.gang ul li {width:100%;margin-bottom:20px;}
	.oper_inner p {font-size:1rem;}
	.business_wrap {width:100%;}
	.business_img img {width:100%;}
	.vision_box {width:100%;}
	.vision_box img {width:100%;}
	.report_wrap .report_hd {font-size:1.1rem;line-height:1.5rem;}
	.report_box .writezone01 label:first-child {width:120px;}
	
}




