@charset "utf-8";

@media only screen and (max-width: 1360px) {
	.site_grid{padding-left:40px; padding-right:40px; margin:0; width:auto}
	.grid1{padding-left:40px; padding-right:40px;}
	.grid2{padding-left:25px; padding-right:25px; margin:0; width:auto}
	#footer .inner_footer .right_set{right:40px;}
	#main .sc_main_text{font-size:32px; line-height:52px; }

	.m_sc1 .text2 .dsp{display:block;}
	.m_sc2{padding:211px 0 198px; background-size:600px auto}
	.m_sc2 .txt_set{width:70%}
	/*애니메이션 Move*/
	@keyframes updown
	{  
		from {background-position:calc(50% + 360px) 0}  
		to {background-position:calc(50% + 360px) 100%}
	}

	.m_sc3 .sc_right{padding-left:30px}

	.about .sc1 .txt_set p .dsp{display:block;}
	.about .sc5 .loc_box,
	.about .sc5 .sc_map{height:600px}
	.about .sc5 .loc_box{width:100%; padding-left:40px; padding-right:40px}

}



@media only screen and (max-width: 1200px) {  	
	#gnb > ul > li{margin:0 11px;}

	#sub_visual{height:320px;}
	#sub_visual .ct_title{padding-top:160px}
	#sub_visual .ct_title .stit{font-size:15px}
	#sub_visual .ct_title h2{ font-size:45px}

	.main_visual li{height:calc(100vh - 62px)}
	.main_visual li .bg{background-attachment:scroll}
	.main_visual .static_text{margin-top:-95px}
	.main_visual .static_text .sub_text{font-size:15px}
	
	.main_visual .bx-wrapper .bx-prev{left:40px}
	.main_visual .bx-wrapper .bx-prev:hover{left:35px}
	.main_visual .bx-wrapper .bx-next{right:40px}
	.main_visual .bx-wrapper .bx-next:hover{right:35px;}

	.m_sc1 .logo img{width:260px}
	.m_sc2{padding:171px 0 160px; background-size:470px auto}
	#main .m_sc3 .sc_main_text{font-size:29px; line-height:50px; }
	.m_sc3 .txt_set .btn_link{margin-top:26px}
	.m_sc4{padding:126px 0 119px; background-attachment:scroll}
	.m_sc4 .txt_set .logo{bottom:10px}
	.m_sc4 .txt_set .logo img{width:280px}
	.m_sc_news .tit_news .title{font-size:30px}
	.m_sc_news .latest_news .sc_left{padding-right:40px}
	.m_sc_news .latest_news .sc_right{padding-left:40px}

	.about .sc2{background-size:277px auto, 329px auto}

	.business .sc1 .box_set .box .info_box p{font-size:15px; color:#ccd1ce; line-height:24px; letter-spacing:-0.25px; word-break:break-all}
	.business .sc3 .circle_set li{padding:0 18px;}
	.business .sc3 .circle_set li .circle span{font-size:19px}
	.business .sc4 .box_set li .thumb{height:240px;}
	.business .sc5{background-position:right -340px center; background-size:auto 100%}

	.filter_product li{margin-right:24px}
	.filter_product li .btn{font-size:22px;}
	.filter_product li:before{height:22px; margin-right:21px}

	.sub-nav01 li{margin-right:0; padding: 0 20px;}
	.sub-nav01 li .btn{font-size: 24px;}
	.sub-nav01 li:before{display: none;}
}

@media only screen and (min-width: 1024px) { 

	
}


@media only screen and (max-width: 1023px) { 
	.t_dsp{display:block}
	.t_dspn{display:none;}
	
	#container{position:relative; padding-top:60px}
	#header .inner_header{display:none}
	#header .mobile_header{display:block}
	[data-sidebar]{width:300px} /*너비 넣어야 함, sidebar 필수*/
	#footer .inner_footer{padding-bottom:40px;}
    #footer .inner_footer .inner-sec{flex-direction: column; align-items: center; text-align: center;}
    #footer .inner_footer .logo{margin-bottom: 20px; margin-right: 0;}
    #footer .inner_footer .f_company address{justify-content: center;}

	#sub_visual{height:220px;}
	#sub_visual .ct_title{padding-top:82px}
	#sub_visual .ct_title .stit{font-size:13px}
	#sub_visual .ct_title h2{margin-top:10px; font-size:37px}
	#sub_visual .sv_pager > div{position:absolute; top:50%; margin-top:-5px;}
	#sub_nav{padding:12px 0;}
	#sub_nav li{margin:0 12px}
	#sub_nav li a{font-size:15px; line-height:38px}
	.pg_title .title{font-size:32px}
	.pg_title p{font-size:14px}


	.sc_title1 .title{font-size:32px;}
	.sc_title1 p{font-size:14px}
	.text1{font-size:15px; line-height:30px}
	.text2{font-size:16px;}
	.text5{font-size:18px;}
	.text_b1{font-size:20px}

	.main_visual li{height:650px}
	.main_visual .static_text{margin-top:-125px}
	.main_visual .static_text .main_text{font-size: 42px; line-height:58px}
	.main_visual .bx-wrapper .bx-controls-direction a{bottom:42px;}
	.main_visual .bx-wrapper .bx-pager{bottom:50px}
	#main .sc_title{font-size:16px}
	#main .sc_main_text{font-size:29px; line-height:50px; }

	.m_sc1{padding:93px 0 94px;}
	.m_sc1 .logo img{width:220px; margin-left:15px}
	.m_sc1 .slogan{font-size:13px}
	.m_sc2{padding:138px 0 135px; background-size:420px auto}
	.m_sc2 .txt_set .sc_main_text{margin-top:15px}
	.m_sc2 .txt_set .btn_link{margin-top:60px}
	/*애니메이션 Move*/
	@keyframes updown
	{  
		from {background-position:calc(50% + 310px) 0}  
		to {background-position:calc(50% + 310px) 100%}
	}

	.m_sc3{padding:99px 0 88px;}
	.m_sc3 .sc_left{width:40%; padding-right:20px}
	.m_sc3 .sc_right{width:60%; padding-left:20px}
	.m_sc3 .list_partner li{float:left; width:calc(50% - 5px); margin-right:10px; margin-bottom:10px}
	.m_sc3 .list_partner li:nth-child(3n){margin-right:10px}
	.m_sc3 .list_partner li:nth-child(even),
	.m_sc3 .list_partner li:last-child{margin-right:0}
	.m_sc3 .list_partner li:nth-child(8){display:none;}
	.m_sc3 .txt_set .btn_link{margin-top:30px}
	.m_sc4{padding:113px 0 107px}
	.m_sc4 .txt_set{height:360px}
	.m_sc4 .txt_set .logo{bottom:5px}
	.m_sc4 .txt_set .logo img{width:200px}
	.m_sc_news{padding:77px 0 55px}
	.m_sc_news .tit_news .title{font-size:28px}
	.m_sc_news .latest_news .sc_left{padding-right:20px}
	.m_sc_news .latest_news .sc_right{padding-left:20px}
	.m_sc_news .latest_news .title a{font-size:22px}
	.m_sc_news .latest_news p{margin-top:10px; font-size:14px; line-height:25px}

	.about .sc1 .vis{padding:81px 0 69px}
	.about .sc1 .vis .logo img{width:240px}
	.about .sc1 .vis .slogan{font-size:11px}
	.about .sc1 .txt_set{padding:67px 0 80px}
	.about .sc2{padding:95px 0 100px; background-size:247px auto, 296px auto}
	.about .sc3{padding:84px 0 81px;}
	.about .sc3 .circle_set{margin-top:60px}
	.about .sc3 .circle_set li{padding:0 15px;}
	.about .sc4{padding:78px 0 57px}
	.about .sc4 .list_partner{margin-top:30px}
	.about .sc4 .list_partner li{width:calc(20% - 8px); margin-right:10px; margin-bottom:10px}
	.about .sc5 .sc_left,
	.about .sc5 .sc_right{float:none; width:100%}
	.about .sc5 .loc_box{height:auto; padding-top:60px; padding-bottom:60px}
	.about .sc5 .loc_box .info_loc > div{margin-bottom:16px}
	.about .sc5 .loc_box .info_loc .item_loc{width:90px}
	.about .sc5 .loc_box .info_loc .vl_loc{width:calc(100% - 94px); font-size:14px}
	.about .sc5 .loc_box .slogan{display:none;}
	.about .sc5 .sc_map{height:380px}

	.business .sc1{padding:35px 0 55px}
	.business .sc1 .sc_title1 p{margin-top:19px; font-size:15px; line-height:28px}
	.business .sc1 .box_set{margin-top:38px}
	.business .sc1 .box_set li{width:calc(50% - 15px);}
	.business .sc1 .box_set li:nth-child(even){margin-right:0}
	.business .sc1 .box_set .box .thumb{height:210px}
	.business .sc1 .box_set .box .info_box{height:170px;}
	.business .sc1 .box_set .box .info_box .tit_info{padding:20px 0 17px; margin-bottom:14px}
	.business .sc1 .box_set .box .info_box .tit_info .title{font-size:18px}
	.business .sc1 .box_set .box .info_box p{font-size:14px; line-height:24px; word-break:keep-all}
	.business .sc2 .hm_row1{padding:63px 0 42px}
	.business .sc2 .sc_title .title{font-size:30px}
	.business .sc2 .hm_row2{padding:54px 0 62px}
	.business .sc2 .sc_certified > div{height:200px; padding:0 7px}
	.business .sc2 .sc_certified .tit_box{background-color:#0b381b}
	.business .sc2 .sc_certified .tit_box .title{position:relative; margin:15px 0; padding:27px 0 29px; font-size:16px}
	.business .sc2 .sc_certified .tit_box .title:before{height:15px}
	.business .sc2 .sc_certified .tit_box .title:after{height:15px}
	.business .sc2 .sc_certified .tit_box .stxt{font-size:10px}
	.business .sc2 .sc_certified .box .title{font-size:15px; line-height:24px}
	.business .sc2 .sc_certified .box .count{font-size:11px}
	.business .sc2 .sc_certified .box p{margin-top:9px; font-size:12px; line-height:22px}
	.business .sc3{padding:106px 0 80px; background-size:768px auto}
	.business .sc3 .movie{padding:0}
	.business .sc3 .circle_set{text-align:center; margin-top:50px}
	.business .sc3 .circle_set li{padding:0 9px}
	.business .sc3 .circle_set li .circle span{margin-top:-12px; font-size:15px; line-height:25px}
	.business .sc3 .circle_set li .circle.line2 span{margin-top:-22px}
	.business .sc3 .circle_set li .info_circle p{margin-top:6px; font-size:14px; line-height:24px}
	.business .sc4{padding:80px 0 70px}
	.business .sc4 .box_set li{width:calc(50% - 15px)}
	.business .sc4 .box_set li:nth-child(even){margin-right:0}
	.business .sc4 .box_set li .thumb{height:auto;}
	.business .sc5{background-position:right -450px center; background-size:auto 100%}
	.business .sc5 .txt_set .sc_title .title{font-size:16px}
	.business .sc5 .txt_set .sc_main_text{margin-top:15px; font-size:33px; line-height:54px}

	.filter_product{padding:15px 0 27px;}
	.filter_product li{margin-right:21px}
	.filter_product li .btn{font-size:20px;}
	.filter_product li:before{height:20px; margin-right:18px}
	.list_product{margin-top:30px}
	.list_product li{width:33.33333333333333%; padding:10px;}
	.list_product li .info_prod .cat{margin-top:7px; font-size:13px}

	.board .bo_basic_list th.a{width:60px}

    .sub-nav01{padding: 0 0 10px;}
	.sub-nav01 li{padding: 10px 8px;}
	.sub-nav01 li .btn{font-size:20px;}
}


@media only screen and (max-width: 767px) { 
	.site_grid, .grid1{padding-left:20px; padding-right:20px;}
	.grid2{padding-left:10px; padding-right:10px}
	.m_dsp{display:block;}
	.m_dspn{display:none;}
	#header .mobile_header .m_row_header h1{left:20px}
	#btn_m_allmenu{right:11px}

	#sub_visual{height:130px;}
	#sub_visual .ct_title{padding-top:43px}
	#sub_visual .ct_title .stit{font-size:11px}
	#sub_visual .ct_title h2{margin-top:9px; font-size: 28px; font-weight: 500;}
	#sub_visual .sv_pager{display:none;}
	#sub_nav{padding:12px 0;}
	#sub_nav li{margin:0 7px}
	#sub_nav li a{padding:0 7px; font-size:14px; line-height:34px}
	#sub_nav li.selected a{color:#0b381b; background-color:#fff}
	.pg_title{padding-top:50px; padding-bottom:30px}
	.pg_title .title{font-size:26px}
	.pg_title p{margin-top:0px; font-size:13px}	
	.pg_top{display:none !important;}

	.button1{line-height:46px; font-size:14px; padding:0 30px; border-radius:23px}
	.button2{line-height:46px; padding:0 20px; border-radius:23px}
	.button2 span{font-size:14px; padding-right:50px;}
	.button3 span{font-size:14px}
	.button4 span{font-size:14px}
	
	.sc_title1 .title{font-size:28px;}
	.text1{font-size:15px; line-height:28px}
	.text2{font-size:15px; line-height:30px}
	.text5{font-size:17px;}

	.main_visual li{height:calc(100vh - 134px)}
	.main_visual li.vis2 .bg{background-position:60% center}
	.main_visual .static_text{margin-top: -118px}
	.main_visual .static_text .main_text{margin-top:10px; font-size:36px; line-height:48px}
	.main_visual .bx-wrapper .bx-controls-direction a{display:none;}
	.main_visual .bx-wrapper .bx-pager{bottom:30px}
    .main_visual .static_text .btn-set .btn-r01{width: 146px; height: 46px; font-size: 15px; padding: 0 16px;}
	#main .sc_main_text{font-size:27px; line-height:45px; }

	.m_sc1{padding:75px 0 76px;}
	.m_sc1 .logo img{width:178px; margin-left:10px}
	.m_sc1 .slogan{font-size:12px}
	.m_sc1 .slogan:after{height:24px}
	.m_sc1 .text2 .dsp{display:none}
	.m_sc2{padding:86px 0; background-size:300px auto; animation: updown 40s linear infinite}
	.m_sc2 .txt_set{width:100%}
	.m_sc2 .txt_set .btn_link{margin-top:60px}
	/*애니메이션 Move*/
	@keyframes updown
	{  
		from {background-position:calc(50% + 215px) 0}  
		to {background-position:calc(50% + 215px) 100%}
	}

	.m_sc3{padding:80px 0 70px}
	.m_sc3 .sc_left,
	.m_sc3 .sc_right{float:none; width:100%}
	.m_sc3 .sc_left{padding-right:0; margin-top:50px}
	.m_sc3 .sc_right{padding-left:0}
	.m_sc3 .list_partner li{float:left; width:calc(33.3333333333333% - 7px);}
	.m_sc3 .list_partner li:nth-child(even){margin-right:10px}
	.m_sc3 .list_partner li:nth-child(3n){margin-right:0}
	.m_sc3 .list_partner li:nth-child(8){display:block;}
	.m_sc4{padding:87px 0 81px}
	.m_sc4 .txt_set{height:auto}
	#main .m_sc4 .txt_set .sc_main_text{font-size:25px; letter-spacing:-1px}
	.m_sc4 .txt_set .btn_link{position:relative; left:auto; bottom:auto; margin-top:60px}
	.m_sc4 .txt_set .slogan,
	.m_sc4 .txt_set .logo{display:none;}
	.m_sc_news{padding:70px 0 40px}
	.m_sc_news .tit_news .title{font-size:27px}
	.m_sc_news .latest_news > div{width:100%; margin-bottom:50px}
	.m_sc_news .latest_news .sc_left{padding-right:0}
	.m_sc_news .latest_news .sc_right{padding-left:0}
	.m_sc_news .latest_news .title a{font-size:23px}
	.m_sc_news .latest_news p{margin-top:14px; font-size:15px; line-height:26px}

	.about .sc1{padding-top:40px}
	.about .sc1 .vis{padding:57px 0 52px}
	.about .sc1 .vis .logo img{width:170px; margin-left:15px}
	.about .sc1 .vis .slogan{margin-top:15px; font-size:9px}
	.about .sc1 .vis:before{bottom:0; width:1px; height:20px}
	.about .sc1 .vis:after{bottom:-18px; height:18px}	
	.about .sc1 .txt_set{padding:45px 0 60px}
	.about .sc1 .txt_set p{margin-top:16px;}
	.about .sc1 .txt_set p .dsp{display:none}
	.about .sc2{padding:70px 0 80px; background-size:133px auto, 157px auto}
	.about .sc2 .history{margin-top:40px}
	.about .sc2 .history .year{width:38%; padding-right:20px}
	.about .sc2 .history .ct_history{width:62%; padding-left:29px;}
	.about .sc2 .history .year .n_year{font-size:28px; line-height:40px}
	.about .sc2 .history .year .txt1{margin-top:3px; font-size:11px}
	.about .sc2 .history .ct_history ul{padding-bottom:28px}
	.about .sc2 .history .ct_history li > div{line-height:25px;}
	.about .sc2 .history .ct_history li .month{top:1px; width:22px; }
	.about .sc2 .history .ct_history li .ct_month{width:calc(100% - 26px); padding-left:9px; text-indent:-9px; font-size:15px}
	.about .sc3{padding:69px 0 66px;}
	.about .sc3 .circle_set{margin-top:40px}
	.about .sc3 .circle_set li{width:50%; padding:14px;}
	.about .sc3 .circle_set li .tit_circle{margin-top:10px;}
	.about .sc3 .btn_link{margin-top:30px}
	.about .sc4{padding:71px 0 52px}
	.about .sc4 .list_partner{margin-top:30px}
	.about .sc4 .list_partner li{width:calc(33.333333333333333% - 6px); margin-right:8px; margin-bottom:8px}
	.about .sc4 .list_partner li:nth-child(5n){margin-right:8px}
	.about .sc4 .list_partner li:nth-child(3n){margin-right:0}
	.about .sc5 .loc_box{padding-top:55px; padding-bottom:40px; padding-left:20px; padding-right:20px}
	.about .sc5 .loc_box .info_loc > div{margin-bottom:13px}
	.about .sc5 .loc_box .info_loc .item_loc{width:70px;}
	.about .sc5 .loc_box .info_loc .vl_loc{width:calc(100% - 74px); font-size:14px}
	.about .sc5 .sc_map{height:250px}

	.business .sc1{padding:75px 0 40px}
	.business .sc1 .box_set{margin-top:35px}
	.business .sc1 .box_set li{float:none; width:100%; margin-right:0; margin-bottom:20px}
	.business .sc1 .box_set li:nth-child(even){margin-right:0}
	.business .sc1 .box_set .box .thumb{height:210px}
	.business .sc1 .box_set .box .info_box{height:auto; padding-bottom:24px}
	.business .sc1 .box_set .box .info_box .tit_info .title{font-size:20px}
	.business .sc1 .box_set .box .info_box .tit_info .num{font-size:13px}
	.business .sc1 .box_set .box .info_box p{font-size:15px; line-height:26px; word-break:keep-all}
	.business .sc2 .hm_row1{padding:52px 0 39px}
	.business .sc2 .sc_title .title{font-size:26px}
	.business .sc2 .text1{word-break:keep-all}
	.business .sc2 .text1 .t_dsp{display:none;}
	.business .sc2 .hm_row2{padding:43px 0 50px}
	.business .dp_tb,
	.business .dp_tc{display:block; }
	.business .sc2 .sc_certified > div{width:100%; height:auto; padding:35px 20px; border-right:0; border-bottom:1px solid #eaeaea}
	.business .sc2 .sc_certified > div:last-child{border-right:0; border-bottom:0}
	.business .sc2 .sc_certified .tit_box{padding:40px 20px}
	.business .sc2 .sc_certified .tit_box .title{margin:15px 0; padding:32px 0 36px; font-size:22px}
	.business .sc2 .sc_certified .tit_box .stxt{font-size:11px}
	.business .sc2 .sc_certified .box .title{font-size:18px}
	.business .sc2 .sc_certified .box .count{margin-top:3px; font-size:13px}
	.business .sc2 .sc_certified .box p{font-size:15px; line-height:24px}
	.business .sc3{padding:80px 0 40px; background-size:375px auto}
	.business .sc3 .circle_set{text-align:center; margin-top:50px}
	.business .sc3 .circle_set li{float:none; display:inline-block; width:50%; padding:0 12px; margin-left:-4px; margin-bottom:30px; vertical-align:top;}
	.business .sc3 .circle_set li .info_circle{margin-top:20px;}
	.business .sc4{padding:68px 0 48px}
	.business .sc4 .box_set li{float:none; width:100%; margin-right:0}
	.business .sc4 .box_set li:nth-child(even){margin-right:0}
	.business .sc5{padding:88px 0; background-position:right -630px center; background-size:auto 100%}
	.business .sc5 .txt_set .sc_main_text{margin-top:12px; font-size:30px; line-height:50px}	
	.business .sc5 .txt_set .btn_link{margin-top:40px}

	.filter_product{padding:70px 0 27px;}
	.filter_product li{margin-right:0; padding:0 3px}
	.filter_product li .btn{font-size:15px}
	.filter_product li:before{display:none}

	.list_product{margin-top:10px}
	.list_product li{width:50%; padding:10px;}
	.list_product li .info_prod{margin-top:10px;}
	.list_product li .info_prod .title{font-size:16px;}
	.list_product li .info_prod .cat{margin-top:5px;}

	.sub-nav01{padding: 30px 0 10px;}
	.sub-nav01 li{padding: 8px 6px}
	.sub-nav01 li .btn{font-size: 20px}

	.board .bo_top{display:none;}
	.board .bo_basic_list td.tdb span.date{font-size:12px}
	.board .bo_basic_list tbody .tdb{padding-left:0}
	.board .bo_footer{padding-bottom:0}

	.box_inquiry li input{height:48px; padding-left:15px}
	.box_inquiry li textarea{height:150px; padding:15px 15px}
	.box_inquiry li.lo_dv3{padding:0}
	.box_inquiry li.lo_dv3 > div > div{float:none; width:100%; padding:10px 0}
	.box_inquiry li.lo_dv3 > div > div:nth-child(2){width:100%; padding:10px 0}
	.box_inquiry .button input[type="submit"]{width:150px; line-height:46px; font-size:15px}

    .hm-modal .top-modal{padding: 20px 20px;}
    .hm-modal .top-modal .tit-set .title{line-height: 1.25;}
    .modal-prod .cont-modal{padding: 24px 20px;}


}


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


}