@media all and (max-width:1380px) {
	/* common */
	.inbox { max-width:95%; }
	
	.sitemap .sitemap02 ul.depth2 > li { float:left; margin:0 3vw; }
	.sitemap .sitemap02 ul.depth2 > li:last-child { margin-top:60px; }
	.sitemap .sitemap03 { text-align:left; }
	.sitemap .sitemap03 ul.depth2 > li { width:calc(33.33% - 8vw); margin:0 4vw 60px; }

}
@media all and (max-width:1140px) {
	/* common */
	#header { display:none; }
	#header_m { display:block; }
	
	/* main */
	.main_visual .visual02 .txt_img { width:840px; }

	/* sub */
	.sub_visual { margin-top:64px; }
	.lnb ul { white-space:nowrap; /*overflow-x:hidden;*/ }

	.s11 .box3 { text-align:left; }
	.s11 .box3 li { width:50%; }
	.s11 .box3 li div { padding:30px 24px; height:210px; }
	.s11 .box3 li span { top:30px; right:20px; height:20px; }
	.s11 .box3 li span img { height:100%; }

	.frm_wrap4 .frm_top_title span.br { display:inline-block; }
	.s34 .company_info ul { width:calc(100% - 120px); padding-left:40px; }
	.s34 .company_info li { float:none; width:100%; }
	.s34 .company_info p { width:120px; }
}
@media all and (max-width:960px) {
	/* common */
	html, body { font-size:56.3%; }
	#header h1 a { height:32px; background:url('../images/common/logo_sis_big.png') no-repeat; }
	#footer h2 + p { padding-left:20px; }
	#footer [class^="family_select"] { position:static; width:100%; margin-top:30px; }

	/* main */
	.main_content { padding:60px 0; }
	.main_content li.hvr-float { transform:none; box-shadow:none; }
	.swiper-pagination { bottom:18px; }
	.swiper-button-prev, .swiper-button-next { background-size:12px; }
	.main_visual { margin-top:64px; }
	.main_visual .bg p { width:100%; left:inherit; transform:inherit; }
	.main_visual .bg p.pc { display:none; }
	.main_visual .bg p.m { display:block; }
	.main_visual .visual01 .txt01 img { width:70%; }
	.main_visual .visual01 .txt02 img { width:85%; }
	.main_visual .visual02 .txt_img { width:40%; left:10%; transform:translate(0,-50%); }
	.main_visual .visual03 .txt_img { bottom:24%; left:50%; }
	.main_visual .visual03 .txt_img p { width:50%; padding:0 10px; }
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:0; }
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:0; }

	/* sub */
	.s_title { font-size:3.4rem; }
	.sub_visual .visualImg { height:260px; }

	.sub_visual.sub03 .sub_title { top:calc( (100% - 72px) / 2); }
	.sub_visual.sub03 .lnb li { width:calc(100% / 3); padding:0; }
	.sub_visual.sub03 .lnb li a { padding:0; }
	.sub_visual.sub03 .lnb ul { white-space:inherit; }
	.sub_visual.sub03 .lnb:after { position:absolute; left:0; bottom:50%; display:block; width:100%; height:1px; background-color:rgba(255,255,255,0.2); content:''; }
	.sub_visual.sub03 .lnb.fix { height:72px; }

	.sub_content .con_title { height:45px; }
	.sub_content, .side_lnb { padding-top:60px; padding-bottom:70px; }
	.lnb li { padding:0 2.4vw; }
	.lnb li a { height:48px; line-height:48px; padding:0 2.4vw; }
	.lnb.fix { height:48px; }
	.sub_visual .sub_title { top:calc( (100% - 48px) / 2); }
	.sub_visual .sub_title h2 { padding:6px 10px 0px; font-size:3.4rem; }
	.side_lnb { width:170px; }
	.side_lnb + .sub_content { width:calc(100% - 170px - 3.6vw); }
	.side_lnb ul.depth3 > li { padding-left:8px; }
	.side_lnb ul.depth3 > li:before { top:7px; width:4px; height:4px; }
	.side_lnb ul.depth4 { margin-left:-8px; padding:12px; }
	.side_lnb ul.depth4 > li { padding-left:10px; }
	.sub_visual.sub02 .lnb li,	.sub_visual.sub03 .lnb li,
	.sub_visual.sub02 .lnb li a, .sub_visual.sub03 .lnb li a { padding:0 1.2vw; }
	.depth5_tab, .depth6 { padding-bottom:20px; }
	.s6 [class^="contact_"] { float:none; width:100%; }
	.contact_form h3 { font-size:2.8rem; }
	.contact_form h3, .contact_form form { width:100%; }
	.contact_form label { width:130px; }
	.contact_form input, .contact_form textarea { width:calc(100% - 130px); }
	.contact_form button { height:46px; line-height:46px; }
	.contact_map { margin-top:60px; height:340px; }
	.thumb_list li:hover { transform:inherit; }
	.top_search { padding:12px 0; }
	.top_search input[type="text"] { height:34px; }
	.top_search .search_box { width:80%; }
	.top_search button.search_btn { width:44px; height:34px; background-size:16px; }
	.video_list .thumb_list li { width:calc(100% / 3); }
	[class^="btn_gradi_"] { width:100px; height:34px; line-height:30px; }
	.video_list .top_video { padding-top:60px; padding-bottom:60px; }
	.video_list .top_video .item { height:300px; }
	.video_list .top_video .video_detail h4 { padding-top:30px; padding-bottom:16px; font-size:2.2rem; line-height:1.3; }
	.video_list .top_video .video_detail h4 + p { padding-top:16px; }
	.video_list .top_video .video_detail .video_btn,
	.video_list .top_video .video_detail .video_info { bottom:30px; }

	.frm_top_title { height:auto; padding:12px 0; line-height:1.3; }
	.frm_top_title h4 { display:block; padding-bottom:2px; }
	.frm_top_title p:before { display:none; }
	[class^="frm_wrap"] .w50 { width:100% !important; }
	.frm_style h4.top_title { height:60px; line-height:60px; font-size:2.3rem; letter-spacing:-1px; }
	.frm_wrap1 .bg_lgray + .frm_group li:first-child { border-color:#b4b4b4; }
	.frm_wrap3 .frm_group .text_area,
	.frm_wrap4 .text_area { height:auto; }
	.frm_wrap3 .frm_group:last-child .text_area { border-left:0; }
	.frm_wrap4 .frm_top_title { height:auto; padding:12px 10px; }
	.frm_wrap4 .frm_top_title p { top:inherit; transform:inherit; }
	.frm_wrap4 .text_area li:before { top:8px; }
	.frm_wrap4 .bg_lgray { border-top:1px solid #b4b4b4; }

	/* s1 */
	.s11 p.box1 { width:30.2vw; margin:0 auto; }
	.s11 .box2 { height:540px; }
	.s11 .box2 .textbox { width:460px; padding:30px 24px 20px; }
	.s11 .box2 span.br { display:inline; }
	.s11 .box4 .bgbox { padding:40px 24px; }
	.s11 .box4 .bgbox li { width:33.33%; }
	.s11 .box4 span.br { display:inline; }
	.s11 .box3 li a:before { left:42px; top:14px; }
	.s11 .box3 li a:after { left:62px; top:10px; }
	.s11 .box3 li a:hover:after { left:67px; transition:linear 0.2s; }

	.s12 .tab_content { padding-top:24px; }
	.s12 .tab_content .map_btn { float:none; width:100%; }
	.s12 .tab_content .map_info { display:block; width:100%; padding-left:0; padding-top:24px; }
	.s12 .tab_content .map_info h3 { padding-bottom:8px; }
	.s12 .tab_content .map_info .item li { padding-top:0; }
	.s12 .tab_content .map_info .item li.btn_history a:before { top:5px; left:122px; }
	.s12 .tab_content .map_info .item li.btn_history a:after { top:1px; left:143px; }
	.s12 .tab_content .map_info .item li.btn_history a:hover:after { left:149px; }

	/* s3 */
	.s32 .thumb_list li,
	.s35 .thumb_list li { width:calc(100% / 3); }
	.s34 .company_info { padding:20px 0; }
	.s35 .box1 div p.img { width:15%; }
/* 	.s36 .side_lnb { width:180px; padding:0 40px 0 0; }
	.s36 .item_grp { width:calc(100% - 180px); }
	.s36 .item { padding:30px; }
	.s36 .item a { height:36px; line-height:36px; border-radius:36px; }
	.s36 .item a img { vertical-align:-2px; }
	.s36 .item_grp .item { margin-left:10px; } */

	/* s4 */
	.s41 .thumb_list li { width:calc(100% / 3); }


	.pt40 {padding-top:20px !important;}
	.pt50 {padding-top:30px !important;}
	.pt60 {padding-top:40px !important;}
	.pt70 {padding-top:50px !important;}
	.pt80 {padding-top:60px !important;}
	.pt90 {padding-top:60px !important;}
	.pt100 {padding-top:60px !important;}

	.pb40 {padding-bottom:20px !important;}
	.pb50 {padding-bottom:30px !important;}
	.pb60 {padding-bottom:40px !important;}
	.pb70 {padding-bottom:50px !important;}
	.pb80 {padding-bottom:60px !important;}
	.pb90 {padding-bottom:60px !important;}
	.pb100 {padding-bottom:60px !important;}

	.p40 {padding:20px !important;}
	.p50 {padding:30px !important;}
	.p60 {padding:40px !important;}
	.p70 {padding:50px !important;}
	.p80 {padding:60px !important;}
	.p90 {padding:60px !important;}
	.p100 {padding:60px !important;}

	.ptb40 {padding-top:20px !important; padding-bottom:20px !important;}
	.ptb50 {padding-top:30px !important; padding-bottom:30px !important;}
	.ptb60 {padding-top:40px !important; padding-bottom:40px !important;}
	.ptb70 {padding-top:50px !important; padding-bottom:50px !important;}
	.ptb80 {padding-top:60px !important; padding-bottom:60px !important;}
	.ptb90 {padding-top:60px !important; padding-bottom:60px !important;}
	.ptb100 {padding-top:60px !important; padding-bottom:60px !important;}

	.mt40 {margin-top:20px !important;}
	.mt50 {margin-top:30px !important;}
	.mt60 {margin-top:40px !important;}
	.mt70 {margin-top:50px !important;}
	.mt80 {margin-top:60px !important;}
	.mt90 {margin-top:60px !important;}
	.mt100 {margin-top:60px !important;}

	.mb40 {margin-bottom:20px !important;}
	.mb50 {margin-bottom:30px !important;}
	.mb60 {margin-bottom:40px !important;}
	.mb70 {margin-bottom:50px !important;}
	.mb80 {margin-bottom:60px !important;}
	.mb90 {margin-bottom:60px !important;}
	.mb100 {margin-bottom:60px !important;}

}
@media all and (max-width:640px) {
	/* common */
	html, body { font-size:50%; }
	#top { right:10px; bottom:12px; }
	#top a { width:44px; height:44px; background-size:22px;  }
	#footer { padding:40px 0 50px; }
	#footer h2 img { width:134px; }
	#footer h2 + p { display:block; padding-left:0; padding-top:16px; line-height:1.6; }
	#footer [class^="family_select"] div { background-position-x:97%; }
	#footer [class^="address_"] { flex-direction:column; }
	#footer [class^="address_"] .logo { width:130px; margin-bottom:10px; }
	#footer ul.foot_sns { margin-left:0; }

	/* main */
	.main_content { padding:40px 0; }
	.main_content ul { padding-top:30px; margin-top:-24px; }
	.main_content li { width:50%; padding-top:24px; }
	.main_content li p { padding-top:16px; }
	.swiper-pagination-bullet { width:8px; height:8px; margin:0 4px; }

	/* sub */
	.s_title { font-size:3rem; }
	.sub_visual .visualImg { height:180px; }
	.side_lnb { width:100%; }
	.side_lnb ul.depth3 { margin-right:-10px; padding-top:16px; }
	.side_lnb ul.depth3 > li { display:inline-block; width:calc(33.33% - 10px); margin-right:10px; vertical-align:top; }
	.side_lnb ul.depth4 { padding:10px 2.1vw; }
	.side_lnb + .sub_content { width:100%; margin-left:0; padding-top:0px; }
	.sub_visual.sub02 .sub_title { top:calc( (100% - 72px) / 2); }
	.sub_visual.sub02 .lnb li { width:33.33%; padding:0; }
	.sub_visual.sub02 .lnb li a { padding:0; }
	.sub_visual.sub02 .lnb ul { white-space:inherit; }
	.sub_visual.sub02 .lnb:after { position:absolute; left:0; bottom:50%; display:block; width:100%; height:1px; background-color:rgba(255,255,255,0.2); content:''; }
	.sub_visual.sub02 .lnb.fix { height:72px; }
	.s33 .side_lnb ul.depth3 > li { width:calc(50% - 20px); }

	.lnb li a { height:36px; line-height:36px; }
	.lnb.fix { height:36px; }
	.lnb.fix li a { line-height:36px; }
	.sub_visual .sub_title { top:calc( (100% - 36px) / 2); }
	.sub_visual .sub_title p { font-size:1.6rem; }
	.sub_visual .sub_title h2 { font-size:3rem; padding:4px 10px 0; }
	.sub_content .con_title { height:30px; padding-bottom:30px; }
	.sub_content, .side_lnb { padding-top:40px; padding-bottom:50px; }
	.depth5_tab li a { height:34px; line-height:34px; }
	.contact_form form { padding-top:20px; }
	.contact_form label { width:110px; }
	.contact_form input, .contact_form textarea { width:calc(100% - 110px); }
	.contact_form button { height:40px; line-height:40px; }
	.contact_form .form_btn { margin-top:17px; }
	.contact_map { margin-top:40px; height:240px; }
	.thumb_list li h4 { padding-top:8px; padding-bottom:8px; }
	.thumb_list li .thumb a { height:32px; line-height:28px; }
	[class^="btn_gradi_"] { height:30px; line-height:24px; }
	.video_list .thumb_list li h4 { padding-bottom:2px; }
	.video_list .top_video .item { float:none; width:100%; height:auto; }
	.video_list .top_video .item:first-child { padding-right:0; }
	.video_list .top_video .item:last-child { padding:3vw; }
	.video_list .top_video .video_detail h4 { padding-top:0; }
	.video_list .top_video .video_detail .video_btn, 
	.video_list .top_video .video_detail .video_info { position:static; display:inline-block; width:49%; padding-top:20px; padding-bottom:10px; vertical-align:middle; }
	.video_list .top_video .video_detail .video_info { text-align:right; }

	.frm_style ul > li { padding-left:14px; padding-right:14px; }
	.frm_style label.th { width:98px; }
	.frm_style input[type="text"], .frm_style input[type="password"], .frm_style input[type="number"],
	.frm_wrap4 input[type="text"], .frm_wrap4 textarea { width:calc(100% - 98px); }
	.frm_wrap4 li.long_txt label.th { width:116px; }
	.frm_wrap4 li.long_txt input { width:calc(100% - 116px); }
	.frm_wrap1 li.item3 div:nth-child(1) label.th { width:32px; }
	.frm_wrap1 li.item3 div:nth-child(1) input { width:calc(100% - 40px); }
	.frm_wrap1 li.item3 div:nth-child(2) label.th { width:40px; }
	.frm_wrap1 li.item3 div:nth-child(2) input { width:calc(100% - 48px); }
	.frm_wrap1 li.item3 div:nth-child(3) label.th { width:58px; }
	.frm_wrap1 li.item3 div:nth-child(3) input { width:calc(100% - 58px); }
	.frm_wrap3 .frm_group .text_area { padding:14px; }
	.frm_wrap4 .text_area { padding:14px 18px; }
	.frm_wrap4 .text_area ul > li { padding-left:10px; padding-bottom:2px; }
	.frm_wrap4 .text_area li:before { top:7px; width:3px; height:3px; }
	.frm_wrap4 .frm_top_title,
	.frm_top_title { padding:8px; }
	.frm_bottom_btn { padding-top:30px; }
	.frm_bottom_btn button { width:45%; height:36px; line-height:30px; }

	/* s1 */
	.s11 p.box1 { width:37.5vw; margin:0 auto; }
	.s11 .box2 { height:auto; background:none; padding-bottom:60px; }
	.s11 .box2 .inbox { margin-top:-40px; width:95%; position:static; top:0; transform:inherit; }
	.s11 .box2 .m_img { display:block; }
	.s11 .box2 .textbox { width:100%; float:none; }
	.s11 .box3 li div { height:250px; }

	.s12 .tab_content .map_info h3 { padding-left:20px; }
	.s12 .tab_content .map_info h3:before { top:4px; width:14px; height:19px; }
	.s12 .tab_style li { width:calc(100% / 3); border:0;  border:1px solid #e7e5e5; border-left:0; border-top:0; }
	.s12 .tab_style li.on:after { position:absolute; left:-1px; top:-1px; display:block; width:calc(100% - 2px); height:calc(100% - 2px); border:2px solid #444; z-index:1; content:''; }
	.s12 .tab_style li:nth-child(1), .s12 .tab_style li:nth-child(2), .s12 .tab_style li:nth-child(3) { border-top:1px solid #e7e5e5; }
	.s12 .tab_style li:nth-child(1), .s12 .tab_style li:nth-child(4) { border-left:1px solid #e7e5e5; }

	/* s3 */
	.s32 .side_lnb { padding-bottom:20px; }
	.s32 .side_lnb ul.depth3 > li { width:50%; margin-right:0; }
	.s32 .thumb_list li h4 { line-height:1.1; }
	.s32 .thumb_list li h4 + p { padding-top:0; }

	.s34 .s_title { border-width:3px; padding-bottom:16px; font-size:2.8rem; }
	.s34 .company_info p { width:90px; }
	.s34 .company_info ul { width:calc(100% - 90px); padding-left:20px; }

	.s35 .thumb_list li .thumb a { width:80%; }
	.s35 .thumb_list li .thumb a img { height:13px; vertical-align:-1px; }
	.s35 .box1 div { flex-direction:column; }
	.s35 .box1 div p.img { width:100%; border:1px solid #ddd; padding:24px 0; }
	.s35 .box1 div p.img img { width:90px; }
	.s35 .box1 div p.txt { width:100%; padding-right:0; padding-top:20px; }

/* 	.s36 .wrapbox { flex-direction:column; margin-bottom:50px; }
	.s36 .side_lnb { width:120px; padding-right:0; margin-bottom:10px; }
	.s36 .item_grp { width:100%; flex-direction: column; }
	.s36 .item_grp .item { margin-left:0; margin-top:10px; }
	.s36 .item a { height:32px; line-height:32px; }
	.s36 .item a img { height:11px; vertical-align:-1px; } */

	.s36_btnbox p.logo_title { width:12rem; }
	.s36_btnbox .btngrp ul { flex-wrap:wrap; }
	.s36_btnbox .btngrp li { width:50%; }

	/* s4 */
	.s41 .thumb_list li h4 { padding-bottom:0px; }
	.s41 .thumb_list li h4 + p + p img { height:11px; padding-right:3px; vertical-align:-1px; }

	.depth5 { padding-bottom:20px; }
	.tab_style li a { height:36px; line-height:36px; }
	
	/* s6 */
	.wrap_map.usa { padding-bottom:50px; }
	.wrap_map.kor { padding-top:40px; }



}
@media all and (max-width:480px) {
	/* main */
	/* .main_content h2 p { font-size:6.4vw; } */
	.main_content h2 p img { max-width:84%; }
	.swiper-button-prev, .swiper-button-next { width:30px; }

	/* sub */
	.video_list .thumb_list li { width:50%; }
	.frm_wrap1 li.item3 div { width:100%; }
	.frm_wrap1 li.item3 div label.th { width:98px !important; }
	.frm_wrap1 li.item3 div input { width:calc(100% - 98px) !important; }
	.frm_wrap1 li.item3 div:nth-child(2) { margin:5px 0; }

	.sub_visual.sub04 .sub_title { top:calc( (100% - 72px) / 2); }
	.sub_visual.sub04 .lnb ul { white-space:inherit; }
	.sub_visual.sub04 .lnb li:nth-child(1),  .sub_visual.sub04 .lnb li:nth-child(2) { width:35%; }
	.sub_visual.sub04 .lnb li:nth-child(3) { width:100%; }
	.sub_visual.sub04 .lnb:after { position:absolute; left:0; bottom:50%; display:block; width:100%; height:1px; background-color:rgba(255,255,255,0.2); content:''; }
	.sub_visual.sub04 .lnb.fix { height:72px; }
	
	/* s1 */
	.s11 .box3 li { width:100%; }
	.s11 .box3 li div { height:auto; }
	.s11 .box4 .bgbox li { width:50%; }

	/* s3 */
	.s32 .thumb_list li { width:calc(100% / 2); }
	.s35 .thumb_list li { width:calc(100% / 2); }
	.s34 .company_info p { display:block; width:140px; margin:0 auto; }
	.s34 .company_info ul { width:100%; padding-left:0; padding-top:20px; }
	.s35 .box1 div p.img { padding:16px 0; }
	.s35 .box1 div p.img img { width:60px; }

	.s36_btnbox .hr { margin:5rem 0; }
	.s36_btnbox p.logo_title { width:11rem; }
	.s36_btnbox .btngrp li { width:100%; }
	.s36_btnbox .btngrp li div { padding:2.4rem; }


	/* s4 */
	.s41 .thumb_list li { width:calc(100% / 2); }

}
@media all and (max-width:420px) {

	.lnb li a { font-size:1.7rem; }
	.sub_visual.sub03 .lnb li { width:auto; padding:0; }
	.sub_visual.sub03 .lnb li a { padding:0 1.5vw; }

}