@charset "UTF-8";

@media screen  and (max-width: 1400px)  {
	.main_product{width:auto;padding-left:15px;padding-right:15px;}
	.main_product ul li{width:32%;margin-right:1%;}
	.main_product ul li.last{width:32%;}
	.main_product ul li:nth-child(3n){margin-right:0%;}
	.main_product ul li .box .image{}
	.main_product ul li .box .image img{width:100%;}

	.main_notice{width:auto;padding-left:15px;padding-right:15px;}

	.main_info {padding:0px 15px;}
	.main_info .box{width:100%;}

	.main_media {width:100%;margin:0 auto;padding-top:120px;}


	.main_media .youtube_area{width:800px;margin:0 auto}
	.main_media .youtube_area iframe{width:100%;height:auto;}

}

@media screen  and (max-width: 1280px)  {
	body.viewPc header .headerBox{width:100%;margin:0 auto;position:relative}
	body.viewPc header .headerBox .logo{position:absolute;left:30px;z-index:666}
	body.viewPc header .headerBox .mgnb{position:absolute;right:140px;top:0px;left:auto;z-index:666;width:auto}
	body.viewPc #header #global{right:30px;}
	body.viewPc header .headerBox .mgnb .f1{width:140px;}



	.main_notice .main_box{width:auto;padding:0px 50px 30px 50px;}
	.main_notice .main_box ul li {width:33%;}
	.main_notice .main_box ul li a{padding:20px 15px;}
	.main_notice .main_box ul li a:hover{border:2px solid #185199;padding:20px 15px;}
	.main_notice .main_box ul li .box{width:95%;padding-bottom:10px;}
	.main_notice .main_box ul li a p.subject{font-size:16px;height:85px;}
	.main_notice .main_box ul li a p.date{font-size:14px;}
	.main_notice .prev{left:5px;}
	.main_notice .next{right:5px;}


	.main_product ul li .box .name{padding-left:20px;}

	.main_info .box .info1{left:0px;}
	.main_info .box .info2{padding-left:30px;}


	#footer_area .footer_sitemap{width:auto;padding-left:15px;padding-right:15px;position:relative}
	#footer_area .footer_sitemap .title{left:15px;}

	#footer_area .footer_sitemap .footer_gnb{padding-left:200px;}

	#footer_area .copyright_box .box{width:auto;padding:0px 15px;}
	#footer_area .copyright_box .logo{left:15px;}
	#footer_area .copyright_box .cp_name{padding: 87px 0px 87px 260px;}

	.sb_contbox{width:auto;padding:0px 15px;}
	

	.sub01_02_area1 .sub_con{padding-left:0px;}
	.sub01_02_area1 .sub_con img{width:100%;}
	.sub01_02_area2 .sub_con{padding-left:0px;}

	.sub01_02_area3 .sub_con ul{width:606px;margin:0 auto}
	.sub01_02_area3 .sub_con ul li{margin-bottom:15px;}



	.sub01_03_area .history_01{background-size:contain;width:40%}
	.sub01_03_area .history_02{background-size:contain;width:40%}
	.sub01_03_area .history_02 .s_img img{width:100%;}

	.sb_contbox .one_tab_menu ul li{width:32%;margin-right:1%;}

	.sub02_01_area .sub02_01_product img{width:100%;}
	.sub02_01_area .sub02_01_product .part_area2 img{width:90%;}

}
@media only screen and (max-width:1100px){
	.main_info .box{height:auto;}
	.main_info .box .info1{left:auto;position:relative;top:auto;text-align:center;padding-top:30px;}
	.main_info .box .info2{left:auto;position:relative;top:auto;border-left:0px;text-align:center;padding-bottom:30px;padding-left:0px;margin-left:0px;}

	.main_product ul li a{right:5px;}

	.part_area .image ul li{width:32%;margin-right:1%;}
	.part_area .image ul li img{height:auto;width:100%;line-height:auto;display:block;}
}

@media only screen and (max-width:1000px){

	body.viewPc header .headerBox .mgnb .f1{width:120px;}
	body.viewPc header .headerBox .mgnb .f1 p a{height:100%;display:block;font-size:16px;color:#ffffff;text-align:center;line-height:110px;}
	body.viewPc header .headerBox .mgnb .f1 ul li a{font-size:14px;}

	.main_product ul li .box .name{font-size:20px;padding-left:10px;}
	.main_product ul li a{width:40px;height:40px;margin-top:-20px;}

	.sub02_01_area .slider_product{width:100%;}
	.sub02_01_area .slider_product li img{width:100%;}
	.sub02_01_area .slider_product2{width:100%;}
	.sub02_01_area .slider_product2 li img{width:100%;}
	.sub02_01_area .slider_product .simage {width:100%;}
	.sub02_01_area .slider_product .simage img{width:100%;}


	.sub02_01_area .sub02_01_part .part_area .image{width:50%;}
	.sub02_01_area .sub02_01_part .part_area .image img{width:100%;}
	.sub02_01_area .sub02_01_part .part_area .text{padding-left:50%}
	.sub02_01_area .sub02_01_etc .image{}
	.sub02_01_area .sub02_01_etc .image img{width:100%;}

	.sub05_01_area .s_image{text-align:center;}
	.sub05_01_area .s_image img{width:100%;}

	.sub02_04_area{padding:0px 0px;}
	.sub02_04_area .sub_youtube{width:95%;margin:0 auto;}
}

@media only screen and (max-width:900px){
	body.viewPc header .headerBox .mgnb .f1{width:110px;}


	#mainVisual{}
	#mainVisual ul li .visual-item{}





	#footer_area .footer_notice .notice_area #rolling_div{width:330px;}
	#footer_area .footer_notice .notice_area #rolling_div li{width:330px;}
	#footer_area .footer_notice .notice_area #rolling_div li a{width:240px;}
	#footer_area .footer_notice .notice_area #rolling_div .date{right:0px;}

	.main_media .youtube_area{width:95%;margin:0 auto}
	.main_media .youtube_area iframe{width:100%;height:auto;}

}

@media only screen and (max-width:800px){

	#mainVisual{}
	#mainVisual ul li .visual-item{}


	#mainVisual .visual .visual_txt{position:absolute;left:50%;top:35%;margin-left:-300px;text-align:left;letter-spacing:-1px;z-index:88}

	#mainVisual .lSPager.lSpg{position:absolute;background:#fff;left:0%;bottom:10%;width:100%;}

	.main_info .box .info1{height:auto}


	#footer_area .footer_sitemap{display:none;}


	#footer_area .copyright_box .cp_name{padding:20px 0px;}
	

	.sub_visual{height:300px;margin-bottom:30px;}
	.sub_visual .visual_txt{font-size:40px;padding-top:140px;}


	#footer_area .copyright_box .logo{position:relative;left:auto;top:auto;text-align:center;width:100%;height:60px;background-position:center center;padding-top:10px;}

	.sb_contbox .cont_string{padding-top:40px;padding-bottom:70px;}
	
	.sb_contbox .cont_tit_box h2.sbcont_tit{font-size:30px;padding:10px 0px 30px 0px;}

	h4.ch4{position:relative;left:auto;top:auto;text-align:center;padding-bottom:0px;}
	h4.ch4::before {position:relative;left:auto;top:auto;margin:0 auto;display:block;margin-bottom:10px;}

	


	.sb_contents{border-bottom:0px;}

	.sb_contbox .one_tab_menu{height:50px;}
	.sb_contbox .one_tab_menu ul{height:50px;}
	.sb_contbox .one_tab_menu ul li{height:50px;}
	.sb_contbox .one_tab_menu ul li a{height:50px;line-height:50px;}
	
	.sub01_01 .title{padding-left:0px;font-size:24px;}
	.sub01_01 .title i{top:-10px;}
	.sub01_01 .s_cont{padding-top:30px;}
	.sub01_01 .s_cont p.image{position:relative;left:auto;top:auto;text-align:center;}
	.sub01_01 .s_cont p.image img{width:200px;}
	.sub01_01 .s_cont p.text{padding-left:0px;}
	.sub01_01 .s_cont p.sign{padding-top:40px;}

	.sub01_02_area2 .sub_con{font-size:30px;margin-top:43px;}

	.sub01_03_area .history_01{padding-bottom:200px;margin-right:15px;}
	.sub01_03_area .history_02{padding-bottom:180px;padding-left:15px;width:45%;}
	.sub01_03_area .history_03{top:500px;margin-right:15px;}

	.sub01_03_area .history_01 ul{margin-top:30px;}
	.sub01_03_area .history_02 ul{margin-top:30px;}
	.sub01_03_area .history_03 ul{margin-top:30px;}

	.sub01_03_area .history_01 .stitle{font-size:22px;padding-right:18px;margin-right:-21px;background-position: right 7px;}
	.sub01_03_area .history_02 .stitle{font-size:22px;padding-left:18px;margin-left:-21px;background-position: left 7px;}
	.sub01_03_area .history_03 .stitle{font-size:22px;padding-right:18px;margin-right:-21px;background-position: right 7px;}
	.sub01_03_area .history_01 ul li{font-size:16px;}
	.sub01_03_area .history_02 ul li{font-size:16px;}
	.sub01_03_area .history_03 ul li{font-size:16px;}

	.sub02_01_area h4.ch4{padding-bottom:20px;}

	.sb_contbox .cont_string{margin-top:40px;}
	
	.product_tab{top:0px;}

	.chart_iframe{width:600px;margin:0 auto}
	.chart_iframe iframe{width:600px;height:800px;}

	.map_area .s_title{padding-right:80px;padding-left:0px;}
	.map_area .s_title .icon{top:-10px;}
	.map_area .s_title .txt span{display:block;margin-left:0px;}

	.part_area2 .part_product2 ul li.fs{font-size:16px;line-height:180%;padding:0px 10px;width:auto}

}
@media only screen and (max-width:640px){
	.main_product ul li .box .name{line-height:120%;font-size:16px;height: auto;padding-top:15px;padding-bottom:15px;height:30px;}
	.main_product ul li .box .name a{}

}
@media only screen and (max-width:600px){
	#mainVisual{}
	#mainVisual ul li .visual-item{}

	#mainVisual .visual .visual_txt{position:absolute;left:50%;top:40%;margin-left:-220px;text-align:left;letter-spacing:-1px;z-index:88}
	#mainVisual .visual .visual_txt .txt1{font-size:14px;color:#ffffff;font-weight:700;margin-bottom:5px;padding-left:3px;}
	#mainVisual .visual .visual_txt .txt2{font-size:18px;color:#ffffff;font-weight:300;margin-bottom:20px;}
	#mainVisual .visual .visual_txt .txt3{font-size:32px;color:#ffffff;font-weight:700;margin-bottom:20px;}
	#mainVisual .visual .visual_txt .txt4{font-size:32px;color:#ffffff;font-weight:400}
	#mainVisual .lSPager.lSpg{bottom:5%;}


	.m_title h4{font-size:30px;}
	.m_title p{font-size:14px;}


	.main_product_div{padding-bottom:40px;}
	.main_notice{padding-bottom:40px;}


	.main_product ul li .box .name{padding-right:50px;}



	#footer_area .footer_info .info1 img{width:70%;}
	#footer_area .footer_info .info2 img{width:70%;}

	.sub_visual{height:250px;}
	.sub_visual .visual_txt{padding-top:30%;font-size:30px;}

	.sub04_02_box{margin-top:20px;background:url('../images/newimg/sub_content04_02_icon.png') no-repeat center 20px;padding-top:70px;padding-left:0px;height:auto;border-top:1px solid #ededed;border-bottom:1px solid #ededed;}
	.sub04_02_box p.address{color:#474747;font-size:18px;padding-top:32px;line-height:160%;text-align:center;}
	.sub04_02_box p.tel{color:#000000;font-size:20px;line-height:160%;text-align:center;padding-bottom:32px;}

	.sub01_02_area2 .sub_con{font-size:18px;}
	.sub01_02_area3 .sub_con ul{width:102%;}
	.sub01_02_area3 .sub_con ul li {height:500px;}
	.sub01_02_area3 .sub_con ul li .box{padding:15px 15px 50px 15px}
	.sub01_02_area3 .sub_con ul li .box .title{font-size:24px;}
	.sub01_02_area3 .sub_con ul li .box .exp{font-size:14px;}
	.sub01_02_area3 .sub_con ul li .box .exp span{display:inline}
	.sub01_02_area3 .sub_con ul li{width:48%;margin-right:2%;}

	.sub01_02_area3 .sub_con ul li.sc_01{background-position:15px 400px;}
	.sub01_02_area3 .sub_con ul li.sc_02{background-position:15px 400px;}
	.sub01_02_area3 .sub_con ul li.sc_03{background-position:15px 400px;}
	.sub01_02_area3 .sub_con ul li.sc_04{background-position:15px 400px;}


	.map_area .s_title strong{font-size:20px;}
	.map_area .s_title .txt{font-size:16px;}
	.map_area .root_daum_roughmap{height:300px;}
	.map_area .map_box iframe{height:300px;}

	.chart_iframe{width:100%;margin:0 auto}
	.chart_iframe iframe{width:100%;height:800px;}

	.sub02_04_area .sub_youtube p{text-align:center;padding:20px;font-size:20px;color:#333;}
	.sub02_04_area .sub_youtube p span{text-align:center;font-size:18px;color:#666;font-weight:400;line-height:60%;height:50px;}
	.sub02_04_area .sub_youtube br {display: none;	
}

@media only screen and (max-width:500px){

	#mainVisual .visual .visual_txt{position:absolute;left:3%;top:40%;margin-left:0px;right:3%;;text-align:left;letter-spacing:-1px;z-index:88}
	#mainVisual .visual .visual_txt .txt1{font-size:13px;color:#ffffff;font-weight:700;margin-bottom:5px;padding-left:3px;}
	#mainVisual .visual .visual_txt .txt2{font-size:16px;color:#ffffff;font-weight:300;margin-bottom:10px;}
	#mainVisual .visual .visual_txt .txt3{font-size:26px;color:#ffffff;font-weight:700;margin-bottom:10px;}
	#mainVisual .visual .visual_txt .txt4{font-size:26px;color:#ffffff;font-weight:400}


	.main_product ul li{width:48%;margin-right:4%;margin-bottom:10px;}
	.main_product ul li.last{width:48%;}
	.main_product ul li:nth-child(2n){margin-right:0%;}
	.main_product ul li .box .image{}
	.main_product ul li .box .image img{width:100%;}


	.main_notice .prev{left:-3px;top:30%}
	.main_notice .next{right:-3px;top:30%}

	.main_notice .main_box{display:none}

	.main_notice .main_box_mobile{display:block}
	.main_notice .main_box_mobile ul{}
	.main_notice .main_box_mobile ul li{margin-bottom:10px;}
	.main_notice .main_box_mobile ul li .box{width:100%;}
	.main_notice .main_box_mobile ul li a{display:block;border:1px solid #020202;padding:18px 26px;;}
	.main_notice .main_box_mobile ul li a p.icon{border:1px solid #c0c0c0;background:#fff;font-size:14px;color:#515151;padding:4px 12px;display:inline-block;line-height:18px;letter-spacing:-1px;}
	.main_notice .main_box_mobile ul li a p.subject{margin-top:16px;color:#000000;font-size:20px;line-height:130%;}
	.main_notice .main_box_mobile ul li a p.date{margin-top:16px;color:#515151;font-size:14px;line-height:140%;}
	.main_notice .main_box_mobile ul li a:hover{border:1px solid #185199;padding:18px 26px;;}
	.main_notice .main_box_mobile ul li a:hover p.icon{border:1px solid #185199;background:#185199;font-size:14px;color:#fff}


	.main_info .box .info1{padding-bottom:20px;}
	.main_info .box .info1 span.title{width:220px;margin:0 auto;display:block;margin-bottom:10px;padding-left:40px;}
	.main_info .box .info1 span.tel{font-size:20px;margin-left:0px;}
	.main_info .box .info1 span.fax{font-size:20px;margin-left:30px;}
	.main_info .box .info2{font-size:16px;line-height:130%;}

	#footer_area .footer_notice .notice_area{position:relative;left:auto;top:auto;width:100%;margin:0 auto;margin-top:20px;}
	#footer_area .footer_notice .notice_area .title{position:relative;left:auto;top:auto;width:150px;text-align:center;;margin:0 auto;margin-top:20px;}
	#footer_area .footer_notice .notice_area #rolling_div{left:0%;width:100%;margin-top:20px;}
	#footer_area .footer_notice .notice_area #rolling_div ul{width:100%}
	#footer_area .footer_notice .notice_area #rolling_div li{width:100%}
	#footer_area .footer_notice .notice_area #rolling_div a{font-size:13px;width:100%;}
	#footer_area .footer_notice .notice_area #rolling_div .date{font-size:13px;}

	#footer_area .copyright_box .cp_name p {font-size:13px;}
	#footer_area .copyright_box .cp_name p strong {font-size:13px;}

	.sub_visual{height:200px;}
	.sub_visual .visual_txt{padding-top:30%;font-size:30px;}


	h4.ch4{font-size:20px;}


	.sb_contbox .one_tab_menu{height:40px;}
	.sb_contbox .one_tab_menu ul{height:40px;}
	.sb_contbox .one_tab_menu ul li{height:40px;}
	.sb_contbox .one_tab_menu ul li a{font-size:14px;height:40px;line-height:40px;}


	.sub01_01 .title{padding-left:0px;font-size:18px;}
	.sub01_01 .s_cont p.text{font-size:15px;}

	.sub01_03_area .history_01 .s_img{display:block}
	.sub01_03_area .history_01 .s_img img{width:100%}

	.sub01_03_area .line{left:20px;top:10px;}
	.sub01_03_area .history_01{position:relative;right:auto;top:auto;text-align:left;width:80%;margin-left:50px;margin-right:0px;padding-top:50px;padding-bottom:250px;}
	.sub01_03_area .history_01 .stitle{background-position: left 7px;padding-left:34px;margin-left: -35px;}

	.sub01_03_area .history_02{position:relative;right:auto;top:auto;text-align:left;width:80%;margin-left:50px;margin-right:0px;padding-top:50px;padding-bottom:250px;padding-left:0px;}
	.sub01_03_area .history_02 .stitle{background-position: left 7px;padding-left:34px;margin-left: -35px;}

	.sub01_03_area .history_03{position:relative;right:auto;left:auto;top:auto;text-align:left;width:80%;margin-left:50px;margin-right:0px;padding-top:50px;padding-bottom:50px;}
	.sub01_03_area .history_03 .stitle{background-position: left 7px;padding-left:34px;margin-left: -35px;}
	.sub01_03_area .history_02 .s_img{display:none}


	.product_tab ul li a{font-size:16px;height:18px;line-height:18px;}
	.sub02_01_area .product_title{font-size:18px;}
	.sub02_01_area .product_title2{font-size:18px;}
	.sub02_01_area .slider_product li {text-align:center;}
	.sub02_01_area .slider_product li img{width:80%;margin:0 auto}
	.sub02_01_area .slider_product2 li {text-align:center;}
	.sub02_01_area .slider_product2 li img{width:80%;margin:0 auto}
	.sub02_01_area .sub02_01_etc .text{font-size:16px;}
	.sub02_01_area .sub02_01_part .part_area .image{position:relative;left:auto;top:auto;text-align:center;width:100%;}
	.sub02_01_area .sub02_01_part .part_area .text{padding-left:0px;height:auto}
	.sub02_01_area .sub02_01_part .part_area .text ul li{font-size:14px;}

	.part_area2 .part_product2{width:100%;margin-bottom:20px;}
	.part_area2 .part_product2 ul li.fs{font-size:14px;}
}

@media only screen and (max-width:400px){
	.sub01_02_area3 .sub_con ul{width:100%}
	.sub01_02_area3 .sub_con ul li{width:100%;margin:0px;height:auto;margin-bottom:15px;}

	.sub01_02_area3 .sub_con ul li .box{padding:15px 15px 90px 15px}

	.sub01_02_area3 .sub_con ul li.sc_01{background-position:15px 90%;}
	.sub01_02_area3 .sub_con ul li.sc_02{background-position:15px 90%;}
	.sub01_02_area3 .sub_con ul li.sc_03{background-position:15px 90%;}
	.sub01_02_area3 .sub_con ul li.sc_04{background-position:15px 90%;}

	.product_tab ul li a{padding:0px 10px;font-size:14px;}
}