/***************************************/
/* MEDIAQUERIES */
/***************************************/
@media screen and (max-width: 1700px){
	.visTab { width:600px; height:365px; }

}
@media screen and (max-width: 1600px){
	#menu #nav {float: right;margin-right: 58px;}
	.top_login > a, #main_menu_container.add_header .top_login > a {display:none;}

}
@media screen and (max-width: 1500px){
	.com_slider .slick-slider button.slick-next, .com_slider .slick-slider button.slick-prev { display:none !important; }


}
@media screen and (max-width: 1400px){
	.business_list {width:100%;overflow-x:scroll;overflow-y:hidden;}
		.biz_mobile_txt {color: #1487dc;display:block;padding-top:10px;}
	#main_container {width: 100%;float: left;overflow: hidden;}

	#menu #nav > li > a { padding:0 15px; }

	.wrap {width:100%; padding: 0 2%;box-sizing: border-box;}

	.mVisual li .visTxt { position:absolute; left:0; }
	.visTab { right:5%; width: 520px;height: 320px;}
	.mVisual .bx-controls {left: 7%;}

	.link_link { bottom: 90px;right: 60px; }
	.link_dong {bottom: 90px;right: 230px; }


	.mVisual .bx-wrapper .bx-controls-direction a.bx-prev { right:10%; }
	.mVisual .bx-wrapper .bx-controls-direction a.bx-next { right:7%; }

	#material { padding:50px 10px; width:100%; box-sizing:border-box; }
	#material ul { width:100%; box-sizing:border-box; }
	#material ul li { width:45%; }
	#material ul li:nth-child(2), #material ul li:nth-child(4), #material ul li:nth-child(6) { margin-right:10px; }

	figure.effect-lily {width:31%;}


	.facility .fa_left .fa_list ul li:first-child::after{top: 69%;}
    .rnd_title {width: 100%;overflow: hidden;float: none;text-align: center;}
	.rnd_title h2 {color: #fff;margin-bottom: 5px;}
	.rnd_title h2 br {display:none;}
	.rnd_title p br {display:none;}
	.rnd_title p {margin-bottom:30px;}
	#main_rnd ul {margin-left: 0;display:inline-block;}
	#main_rnd {text-align:center;}
	#main_rnd li a p {text-align:left;}
	.notice_title {left:2%;}
	.notice_more {right:2%;}
	.notice_inner li {width: 25%;float: left;margin-right: 0;}
	.notice_inner li a {margin: 0 8px;}
	#main_rnd li {width: 33.3%;margin-right: 0;float: left;}
	#main_rnd li a {margin: 0 6px;}
	#aro5_next {right:0;}
	#aro5_prev {left:0;}
	 #aro1_next {right:20px;top:-82px;}
	 #aro1_prev {right:62px;top:-82px;left:auto;}
}
@media screen and (max-width: 1300px){
#main_information h2, #main_information p {text-align: center; width: 100%;}
	#main_information button.pc {display:none;}
	#main_information button.mobile {display: block; margin: 0 auto; float: unset; margin-top: 15px;}
	.news_slick {margin-right: 0;}
	.slick_dd {right: 2%;}
	.news_slick > div a img {width:100%;}
	#main_news .slick-slide {margin:0 10px;}
	#main_news .slick-list {margin:0;}
	.notice_title {display: block;position: relative;top: auto;left: auto;text-align: center;}
	.news_title {text-align: center;}
	.notice_inner {text-align:center;}
	.notice_more {clear:both;margin-top:20px;display: block;position: relative;right: auto;top: auto;border: #ddd 1px solid;padding: 10px;margin: 20px auto 0 auto;width: 47px;box-sizing: border-box;}
	.mnews_con a.notice_more {top:auto;margin-bottom: 30px;}
	.notice_inner li a {text-align:left;}
	#tabs02 {padding-left: 0;text-align: center;}
	#tabs02 li {float:none;}
	#main_information li a {padding: 44px 0;}
	#main_notice .buttons {padding-left: 0;text-align: center;}

}
@media screen and (max-width: 1200px){
	.dongnamsw_table {overflow-x: scroll;overflow-y: hidden;}
		.dongnamsw_mobile_txt {color: #1487dc;display:block;padding:10px 0;}
#mb_login #login_fs {    padding: 6% 20% 5% 20%;}
#mb_login #login_fs .btn_submit {top: 22%;}
	#menu { display:none; }

 	#sidebar .snb {overflow:hidden;}
	#sidebar .snb ul li a {padding:0 25px;}

	.mVisual { height:600px; }

	.mVisual li .visTxt { top:180px; }
	.mVisual li .visTxt h4  { font-size: 45px; margin:0; }
	.mVisual li .visTxt p { font-size: 20px; }

	.mVisual li { height:600px; }
	.mVisual li .visTab p { font-size:18px; }
	.mVisual .bx-wrapper {top: 0 !important;}
	.visualtab {width: 100%;position: relative;left: auto;top: auto;}
	.mVisual li .visTxt {top: 231px;}
	.mVisual .bx-controls {bottom:20px;left:0;}
	.mVisual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:center;}
	.visualtab .wrap {padding:0;}
	.link_link { bottom: 200px;right: 60px; }
	.link_dong {bottom: 200px;right: 230px; }

	#icon_select ul li { font-size:18px; }

	#notice .notice_title h2, #business h2 span, #material h2 span, .com_slider h2 span { font-size:25px; }
	#notice .notice_title h3, #business h2, #material h2, .com_slider h2 { font-size:25px; }
	#notice .notice_title p, #business p, #material p { font-size:18px; }

	#notice .notice_inner div { margin-left:2%; }
	#notice .notice_inner div p { -webkit-line-clamp:2; }

	#business figure.effect-lily figcaption > div h2 { font-size:21px; }
	#business figure.effect-lily figcaption > div p { font-size:16px; }

	figure.effect-lily2 { width: 53%;}


	.facility{height: 530px;}
	.facility .fa_left .fa_list ul li:first-child::after{left: -5.2%;}
	.facility .fa_left .fa_bg3{top: 37%;}
	.facility .slick-dots{bottom: -8%;}

	#kolas_banner .soft { width:100%; }
	#kolas_banner .kolas_per { display: inline-block;width: 55%;vertical-align: bottom;position: absolute;right: 10px;margin: 0 auto;bottom: 0;opacity: 0.4;}

	.all_ag { position:inherit; top:0; margin-bottom:10px; }
	.all_ag label { font-size:17px; }
}

@media screen and (max-width: 1212px){
	.mbskin ul:after { width:510px; }
}

@media screen and (max-width: 1150px){
	#full_dropdown #main_menu li{padding: 0 20px;}
	#full_dropdown #main_menu ul li {right: 21px;}

	.facility{height: 500px;}

	figure.effect-lily { height:inherit; }
}

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

.slider > div, .news_slick > div {width: 48%;float: left;margin: 1%;}
}
@media screen and (max-width: 1050px){
	#business .bus_left, #business .bus_right { width:100%; display:block; }
	#business .bus_right figure.effect-lily { width:44%; }

	.facility .fa_left .fa_list ul li{margin-bottom: 18px; font-size: 20px}
	.facility .fa_left .fa_list ul li.active{font-size: 22px;}
	.facility .fa_left .fa_list ul li:first-child::after{height: 160px;}

	.facility_contents .facility_tab li a { margin-bottom: 18px; font-size: 20px}
	.facility_contents .facility_tab li.current a {font-size: 22px;}
#mb_login #login_fs {        padding: 7% 20% 5% 20%;}
}


@media screen and (max-width: 1036px){
	.history div.his_list {background-position-x: 55.8%;}
	#tab2 .movement li {min-height: 214px;}

	.facility{height: 450px;}
	.facility .fa_left .fa_bg3{top: 33%;}
}

@media screen and (max-width: 1024px){
	#full_dropdown #main_menu li{padding: 0 15px;}
	#full_dropdown #main_menu ul li {right: 16px;}
	.top_gnb li {padding: 0 3px;}

	.mVisual li .visTxt { left:2%; }
	.visTab { right:3%; }
}

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

	#sw_banner .sw_round {position: absolute;right: 0;z-index: 0;opacity: 0.2;top: 10%;}
	#sw_banner .soft {width:100%; }

}
@media screen and (max-width: 1000px){
    #main_information p {width: 100%; word-break: keep-all;}
	#biz_ul > li {width: 100%;float: none;overflow: hidden;}
	#sidebar {display:none;}
	#m_sidebar {display:block;}
	.com_slider {clear:both;width: 100%;float: left;}
	.slick_dd02 {top: 6px;}
	.com_slider:last-child {clear:both;width: 100%;float: left;margin-top:20px;}
	.main_content h2, .main_content h2 span {font-size:35px;}
	.news_title p, #main_information p {font-size: 17px;}
	.slick_dd {top: 9px;}
	.news_slick > div a h3 {font-size: 17px;}
	.notice_inner li a {margin:0 5px;padding:25px;}
	.notice_inner li a h3 {font-size: 18px;}
	.notice_inner li a p {font-size: 16px;}
	#main_information p {font-size: 17px;}
	.notice_title p {font-size: 17px;}
	#main_information li a img {width: 51px;}
	#main_information li a span {font-size: 18px;}
	#main_information li a {padding: 40px 0;}
	#main_rnd li a h3 {font-size: 25px;}
	#main_news {padding: 40px 0 0 0;}
	#main_notice, #main_information, #main_rnd {padding: 40px 0;}
	.main_content h2, .main_content h2 span {font-size: 25px;}
	#tabs02 li a {font-size: 17px;}
	.mVisual, .mVisual li {height: 500px;}
	#main_rnd {background-color: #1858b1;background-image: url(/img/main/rnd_bg02.png);background-repeat: no-repeat;background-position: bottom right;}
	#main_rnd li {width:50%;}
	#main_rnd li:nth-child(2n+1) {clear:both;}
	#main_rnd li a {margin:10px;}

	#main_rnd li a p {font-size: 15px;}
	#main_rnd li a h3 {font-size: 24px;}
	#main_rnd li a img {margin:0 auto;max-width:100%;}
	#main_rnd li a {height:auto;}
	.mVisual li.visual1{background:url('/img/main/visual01_m.jpg') center 0 no-repeat; background-size: cover;}
	.mVisual li.visual2{background:url('/img/main/visual02_m.jpg') center 0 no-repeat; background-size: cover;}
	#gs_order_table td input[type="text"] {width: 99%;height: 34px;}
	/* .sw_test_img {float: left;width: 100%;text-align:center;} */
	/* .sw_test_img img.con_img {display:inline-block;max-width:100%;width:auto;} */
	.con_table {width: 100%;float: left;margin-top: 50px;}
}
@media screen and (max-width: 970px){
.tbl_frm01 td .frm_input {width:100%;box-sizing:border-box;height:40px;}
}
@media screen and (max-width: 959px){
	.visualtab {display:none;}
	.visual_slider_mobile {display:block;}
	#header_inner { width: auto; }
	#util h1 img {width:40%;}
	#util .gnb {display:none;}
	#btn_menu {left: 1%;position: absolute;top: 2%;z-index: 99;padding: 10px;border-radius: 6px;}
	#btn_menu span{background: url('../shop/img/mobile/icon_menu.png') center top no-repeat; display: block; position: relative; height: 48px; width:48px;}
	#ft p {font-size: 12px;font-weight: 400;}
	#tab2 .movement li {min-height: 188px;}
	li.movement_title {padding-top: 4.5% !important;}
	.studio_list li {padding: 5px 0 5px 20px;box-sizing: border-box;font-size: 12px;}
	ul.join_step, ul.join_step02, ul.join_step03 {display:none;}
	#tab2 li {min-height: 530px;}
	.pc_banner div {width:33.3%;float:left;padding-left: 10px;box-sizing: border-box; margin-top: 0;}
	.pc_banner div:first-child {}
	.upo_sns {padding: 20px;}
	.upo_sns h3 {font-size: 22px;}
	.story_right div {margin-top: 10px;}
	.block b {padding-top: 15px;padding-bottom: 0;}

	 /* MENU */
	 .mobile_top_gnb {background: #eb5d1f;display: inline-block;width: 100%;}
	 .mobile_top_gnb a {
    color: #ffdacb;}
	.open_menu #btn_menu { left: 280px; position: fixed; top: 15px; margin-top: 0; z-index: 1000; }
	.open_menu #btn_menu span { background: url('../shop/img/mobile/icon_menu_close.png') center top no-repeat; top: -15px;right: -10px;}
	.hd_menu li a {background: #2d2d2d;}
	#nav li ul {border: 0;    background: #3c3c3c; }
	#main_menu {display:none;box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.4) !important;background: #2d2d2d !important;margin-top: 0;width: 290px;margin: 0;top: 0;left: 0;position: fixed;z-index: 999;height: 100%;}
	.hd_menu #menu #nav li.sns a {width: auto; padding: 5% 2%;}
	#main_menu ul {	height: auto !important;	margin: 0;}
	#nav li ul {position:relative;}
	#nav li u {left: 0 !important;top: 0;background: #3c3c3c;border: none;width: 100% !important;padding: 5% 0;}
	#nav li ul li a {color:#989898 !important;}
	.copyright {text-align:center;padding: 0 5%;}
	.review {height: 255px;}
	#menu_div, #home_banner  {display:none;}
	.story_left {width: 100%;padding-right: 0%;}
	.story_right {width: 100%;margin-bottom: 5%;}
	.gnb, .top_member {display:none;}

	footer .ft_ { width:100%; box-sizing:border-box;padding-left: 0; }

	footer .ft_logo { display: block;margin: 0 auto;text-align: center;}

	.ft_menu, .ft_add {width:100%;text-align: center;}
	.ft_menu li { }
	.ft_menu a {background:none;padding-left: 0;padding-bottom: 10px;    font-size: 12px;}
	.ft_add ul {display:none;clear: both;width: 60%;}
	#nav li a {padding:7% 0 7% 6%;width: 94%;font-size: 16px;}
	#nav li ul {padding:0;}
	.hd_menu #menu #nav li a.shop_menu {padding:5% 0;background: #353535;}
	.hd_menu li a {padding:5% 0;}
	#nav li ul a {background: #3c3c3c;}
	#nav li a:hover, #nav li ul a {opacity: 1;}
	#copyright {text-align:center;font-size: 12px;}
	#nav li ul li {width: 100%;text-align: left;}
	#nav li .mobile_top_member ul {display: block;}

	.hd_menu #nav li a {float: left;display: inline-block;color:#fff;background:none;}
	.mobile_top_member a {display: inline-block;}
	.mobile_top_member .icon_cart {margin-left:28px;}
	.hd_menu #nav li .mobile_top_member a {display: inline-block;width: auto;}

	.sns {margin-top: 10%;display: inline-block;width: 100%;}
	.mobile_top_member ul {display: inline-block;	text-align: center;	line-height: 27px;}
	.hd_menu .mobile_top_member li a {font-size: 12px;color: #aeaeae;font-weight: 400;background: none;display: inline-block;}
	.hd_menu .mobile_top_member li:first-child a {/* padding-left:9px; */}
	#main_menu .mobile_top_member ul {background: url(../shop/img/top_member_bg.png) no-repeat left 0;	margin-left: 9%;	display: inline-block;	width: 91%;	padding-left: 3%;box-sizing: border-box;}

	#main_menu .mobile_top_member ul li:first-child {background: url(../shop/img/lng_line_bar.png) no-repeat right center;}
	.mobile_top_member ul li {display: inline-block;float: left;padding: 0 10px;}
	.mobile_top_member {display:block;padding: 15px 0;background: #1b1b1b;}
	.hd_menu #nav li ul li a {background: #3c3c3c;}
	.sns a {display: inline-block;padding: 0 2%;}
	#navigation ul {border-bottom: 0;}

	/****** main ******/
	.epi_tx .btn_left, .epi_tx .btn_right {width: 7.5%; padding: 4% 0;}
	.movie .epi_tx div {margin-right: 2%;}
	.movie .epi_tx, .movie .epi_movie, .Mbanner img {width:100%;}
	.epi_tx span, .block p {display:none;}
	.epi_tx h3 {font-size: 26px;}
	ul.rm_tabmenu li:hover, ul.rm_tabmenu li.active, .epi_tx p, ul.rm_tabmenu li, ul.new_tabmenu li {font-size: 14px;}
	/* .story_right div:first-child {margin-top: 20px;} */



	/****** board ******/
	td.td_subject a {color: #000;}
	/* .tbl_head01 td {padding-left: 15px;} */
	.subject_date {display: none;}

	/****** webzine ******/
	li.js_info {display:none;}
	input#stx {width: 25%;}


	/****** member ******/
	#fregister_private .tbl_head01 td {background:none;}
	#fregister .fregister_agree { text-align: right;margin-bottom: 10%;margin-top: 3%;}
	#mb_login h1 {font-size: 3em;position: relative;top: 0;left: 0;padding-bottom: 5%;border-bottom: 2px solid #eb5d1f;margin-bottom: 6%;}
	#mb_login #login_info a.btn_main {display:none;}
	#mb_login #login_fs .btn_submit {position: relative;top: 0;right: 0;height: 50px;width: 100%;background: #1f83eb;border: #1f83eb 1px solid;margin: 3% 0;}
	#mb_login h1 span {display: inline-block;margin-left: 2%;}
	#mb_login #login_fs .frm_input {width: 88%;padding: 0 6%;}
	.result_end {background: #f5f6fa url(../shop/img/sub/ch01.png) no-repeat center 20%;border: 1px solid #d7d7d7;border-radius: 10px;margin-top: 0;padding: 30% 5% 5% 5%;}
	ul.join_step {background-size: 100%;}
	#reg_result {padding: 0;}
	fieldset.confirm_idpw div {width:100%;text-align: left;}
	fieldset.confirm_idpw div:first-child {padding-bottom:7px;}
	fieldset.confirm_idpw div input#confirm_mb_password {width:40%;}
	#mb_confirm {width: 62%;}


	/***** sub ******/
	.company img, .studio img, .studio_img img, .orgel_img img {width:100%;}
	.privateD {border: 1px solid #e1e1e1;background: #f5f5f5;padding: 15px 25px;}
	.privateD p {font-size: 1.1em;}
	.history div.his_list {background-position-x: 56.3%;}
	.studio_cont span:first-child {width:70%;padding-right:5%;}
	.studio_cont span {width: 25%;}
	.orgel_cont span:first-child {width:62%;padding-right:5%;}
	.orgel_cont span {width: 33%;}
	.orgel_cont2 span:first-child {width:33%;padding-right:5%;}
	.orgel_cont2 span {width: 62%;}
	.studio_cont h3 {padding-top: 30px;}


	/***** shop *****/
	#sod_list .td_mn, .tbl_head02 .td_mn {display:none;}
	#sct {padding: 0;}
	#sit_opt_added li input#ct_qty_11 {width:35%;}
	#smb_my_ov dl {width: 100%;}
	#smb_my_ov dt {width:20%;}
	#smb_my_ov dd {width:72%;}
	.td_numbig, .td_numbig, .td_dvr {}
	.td_shop_num {text-align: center;}
	/*.tbl_head01 thead th {padding: 2% 0; font-size:17px; }*/
	#bo_list .td_num {width:50px;}
	ul.sct.sct_10, .sct_10 .sct_a, .sct_10 .sct_img img {width: 100%; height:auto;}
	.sct_10 .sct_li {width: 48% !important;}

	#memo_list .tbl_head01 thead th, #smb_my_od .tbl_head01 thead th {width:0;}
	#mb_confirm .frm_input {width:70%;}
	.sct_10 .sct_clear {margin: 0 2% 0 0}
	#ssch_sort {padding: 1%;}
	.sod_option_btn .mod_options {width: 60%;margin-top: 3%;}
	#sod_bsk .tbl_head01 thead th {width:auto !important;}
	#smb_my_od td {text-align:center;}
	#smb_my_od .td_mn {display:none;}




	.mVisual li .visTxt p { font-size: 17px;line-height: 20px;}
	.mVisual li .visTxt h4 { font-size: 35px;line-height: 65px;}
	.mVisual li .visTxt p.kt { font-size:25px; }
	.mVisual li .visTab { max-width: 600px; padding: 45px 60px 45px 45px;}

	#icon_select ul li:nth-child(1) span, #icon_select ul li:nth-child(2) span, #icon_select ul li:nth-child(3) span, #icon_select ul li:nth-child(4) span, #icon_select ul li:nth-child(5) span, #icon_select ul li:nth-child(6) span { width:120px; height:120px; }

	#notice .notice_title:after { width:240px; height:240px; top:-5px; }
	#notice .notice_title h2, #business h2 span, #material h2 span,#kolas_banner h2 span, .com_slider h2 span   { font-size:23px; }
	#notice .notice_title h3, #business h2, #material h2, #kolas_banner h2, #sw_banner h2, .com_slider h2 { font-size:23px; }
	#kolas_banner h2 span
	#notice .notice_title span a{ font-size:16px; }
	#notice .notice_title span:after { display:none; }

	#business p, #material p, #kolas_banner p { font-size:18px; }
}



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

	.facility .fa_left .fa_list ul li{font-size: 18px;}
	.facility .fa_left .fa_list ul li.active{font-size: 20px;}
	#main_information li a {margin: 0 10px;}
}

@media screen and (max-width: 948px){
	#notice .notice_inner div { padding:20px; }
	#notice .notice_inner div h4 { font-size:18px; line-height:27px; }
	#notice .notice_inner div p  { font-size: 16px;line-height: 23px; }
	#kolas_banner .soft dl dd { font-size: 16px;line-height: 23px; }
	#kolas_banner .soft dl dd br { display:none; }
	#kolas_banner .soft dl dd span { font-size:17px; }




	#material p { margin-bottom:20px; }
	#material ul li { margin-bottom:5px; }
	#material ul li a { font-size:17px; }

	.facility .slick-dots{bottom: -9%;}
	.news_slick > div a img {height: 218px;}
}


@media screen and (max-width: 910px){
	.visTab { width:390px; height:245px; }
	.facility{height: 400px;}

}
@media screen and (max-width: 900px){
	body, th, td {font-size:15px !important; }
	.notice_inner li {width:50%;}
	.notice_inner li:nth-child(3), .notice_inner li:nth-child(4) {margin-top:10px;}
	.notice_inner li a h3 {margin-bottom:8px;}
	.notice_ca {font-size: 15px;margin-bottom: 10px;}
}

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


	#mb_login #login_info {margin: 30px 0 30px;}
	.mb_login_img {position: absolute;left: 20%;background-size: 85%;}
	#mb_login #login_fs {position: relative;margin: 0;padding: 0;border: none;border-bottom: 0;background: #fff;}
	#login_info h2 {display: none;}
	#mb_confirm {width: 72%;}
	.history div.his_list {background-position-x: 56.8%;}

	.top_news {background-position-x:112%;}
	#tab2 .movement li {min-height: 170px;}
	#tab2 li.movement_title {background-image: none !important;}
	#tab2 ul.tab2_step li {width: 23%;}
	.slider div a {padding:25px;}
}
@media screen and (max-width: 862px){
	#main_information li a {padding: 30px 0;}
	#main_rnd li a {padding: 23px 23px 30px 23px;}
}
@media screen and (max-width: 840px){
	#tab2 li {width:100%;min-height:0;background: url(../shop/img/sub/dot_line.png) repeat-x left top;}
	#tab2 li:first-child {background:none;}
	#tab2 dl dt {display: inline-block;width:25%;float:left;padding-right: 5%;}
	#tab2 dt img {width:100%;}
	#tab2 dl dd {display: inline-block;width:70%;float:left;padding:0;text-align: left;}
	.company #tab2 h3 {font-size: 14px;width: 180px;text-align: center;padding: 0; margin: 0 0 12px 0;}
	#tab2 h3 > span {font-size: 12px;margin-left: 0;}

	#tab2 ul.tab2_step {width: 100%;}
	#tab2 .movement li {min-height: 156px;}
	li.movement_title span {letter-spacing: -0.7px;}
	#tab2 .movement li {width: 24.99%;}

	.studio_list, .studio_jogam div {width:99%;}
	.studio_list {margin-top: 20px;}

	.studio_list li {width: 50%;float: left;}
	.studio_list span {padding: 1px;}
	#bo_gall .gall_li {width: 33.3% !important;}

	.facility .fa_left .fa_list ul li{margin-bottom: 16px; font-size: 17px;}
	.facility .fa_left .fa_list ul li.active{font-size: 19px;}
	.facility .fa_left .fa_list ul li:first-child::after{height: 140px;}

	.facility_contents .facility_tab li { margin-bottom:17px; }
	.facility_contents .facility_tab li a { margin-bottom: 10px; font-size: 17px}
	.facility_contents .facility_tab li.current a {font-size: 19px;}

	.hd_pops {top:50px !important; left:2% !important;}
	.gstest_head > img {max-width:100%;display: block;float: none;margin: 0 auto 30px auto;}

}

@media screen and (max-width: 820px){
	.history div.his_list {background-position-x: 57.5%;}
	.studio_cont h3 {padding-top: 30px;}
	.studio_service {border:0; padding: 0; margin-top: 20px;}
	.studio_service div {width:100%;padding: 20px 30px;border: 1px solid #ddd;}
	.service span, .quest span {height: 100px;}
	.studio_service div.quest {background: none;padding: 20px 30px;margin-top:10px;}

	#icon_select { margin:80px 0 50px; }
	#icon_select ul li { font-size:16px; }
	#icon_select ul li:nth-child(1) span, #icon_select ul li:nth-child(2) span, #icon_select ul li:nth-child(3) span, #icon_select ul li:nth-child(4) span, #icon_select ul li:nth-child(5) span, #icon_select ul li:nth-child(6) span { width:100px; height:100px; }


	.facility{height: 350px;}
	.facility .fa_left .fa_list ul li:first-child::after{left: -5%;}


	#main_information li a {box-sizing:border-box;width:140px;height:140px;padding:0}
	#main_information li a img {padding-top:23px;}
	#main_information li a span {font-size: 16px;}
	#main_information li {width: auto;float: none;display: inline-block;}
	#main_information ul {text-align:center;}

	#bo_list #gatb_con {width:100%;overflow-y:hidden;overflow-x:scroll !important;}
	.gs_mobile_txt {color: #1487dc;display:block;padding:10px 0;}
	#gs_order_table tr, #gs_order_table th, #gs_order_table td {clear:both;display:block;width:100%;box-sizing:border-box;}
	#gs_order_table th {background:none !important;clear:both;display:block;width:100% !important;box-sizing:border-box;padding:10px;text-align:left;border-bottom:none !important;border-right:none !important;}
	.tbl_frm01 th label br, .tbl_frm01 th br {display:none;}
	#gs_order_table td {padding:10px !important;border-top:none !important;}
	#gs_order_table td input[type="date"], #gs_order_table td input[type="file"]  {height: 30px;width: 50%;}
}

@media screen and (max-width: 770px){
	.mVisual { height:400px; }
	.mVisual li { height:400px; }

	.mVisual li .visTxt { top:170px; left:1%; }
	.mVisual li .visTxt p { font-size: 14px;line-height: 0;}
	.mVisual li .visTxt h4 { font-size: 28px;line-height: 75px;}
	.mVisual li .visTxt p.kt { font-size: 18px;}

	.mVisual li .visTab { max-width: inherit;padding: 25px 40px 25px 25px;width: 100%;box-sizing: border-box;position: inherit;right: inherit;bottom: inherit; top:320px; }
	.mVisual li .visTab h3 {  font-size: 19px; margin-bottom:22px; padding-right:40px; }
	.mVisual li .visTab p { font-size: 17px;line-height: 25px;}

	.mVisual .bx-wrapper .bx-controls-direction a.bx-prev { bottom:29px; right:9%; }
	.mVisual .bx-wrapper .bx-controls-direction a.bx-next { bottom:29px; right:4%; }

	.link_link { bottom: 20px;right: 20px; }
	.link_dong {bottom: 190px;right: 20px; }


	#icon_select { margin:100px 0 50px; }

	#tab2 .movement li {min-height: 160px;}
	#tab2 .movement li {padding: 0 25px;}

	#notice .notice_title { width:100%; text-align:center; }
	#notice .notice_title h2 { display:inline-block; }
	#notice .notice_title h3 { display:inline-block; margin-bottom:10px; }
	#notice .notice_title p { margin-bottom:20px; }

	#notice .notice_inner { /* text-align: center; */ width: 100%; margin-top:20px; }
	#notice .notice_title:after { top: -35px;right: 0;}
	#notice .notice_inner div { float:inherit; padding: 20px;margin: 1%;display: inline-block;}

	#kolas_banner .soft { text-align:center; }
	#kolas_banner .kolas_per { left:0; right:0; }

	#material ul li a { font-size:16px; line-height:50px; padding-right:50px; }


	.facility .fa_left .fa_list ul li{margin-bottom: 14px; font-size: 15px;}
	.facility .fa_left .fa_list ul li.active{font-size: 18px;}
	.facility .fa_left .fa_list ul li:first-child::after{height: 125px; top: 70%; left: -5.2%;}
	.facility .fa_left .fa_list ul li.active::before{width: 8px; height: 8px;}
	.facility .fa_left .fa_list ul li::before{width: 7px; height: 7px;}

	.mapply_results{overflow-x: scroll;overflow-y:hidden;}
	.mapply_results table#progress_table{width: 1000px;}
	.tab_content .table_scroll{display: block; font-size: 17px; color: #004ea1; font-weight: 700; margin-top: 50px;}
	.mapply_results00{margin-top: 10px;}

	figure.effect-lily { width:30.5%; }

		.tbl_head01 thead th {font-size:15px;}

		.new_win fieldset#info_fs {padding: 25px; }

	.gs_order_step > div {display: block;padding: 11px 0;font-size:16px;border-radius: 30px;width: 31.3%;margin: 0 1%;float: left;text-align: center;box-sizing: border-box;}
	.eorder_pp {display:none;}
}

@media screen and (max-width: 768px){
.bo_v_com li {margin:0 1px;}
}

@media screen and (max-width: 751px){
	P {font-size: 14px;}
	ul.sct.sct_10 li {margin: 0% 1% 5%;width: 47.5% !important;}
	#ssch_sort li {width: 32.9%;}
	.mb_login_img {left: 40%;top: -30px;background-size: 75%;}
	#mb_confirm {width: 85%;}
	.story01 span, .story02 span, .story03 span {width: 100%;display: inline-block;float: left;overflow: hidden;}
	.story01 span img,.story03 span img {padding-top:50px;}
	.story02 img {display:none;}
	.story02 {padding-bottom:20px;}
	.history div.his_list {background-position-x: 58%;}
	.story01 span h3, .visual_bord  h3, .story02 span h3, .story03 span h3, .studio h3 { font-size: 20px;padding: 15px 0;color: #272727;line-height: 34px;}
	/* #tab1, #tab2 {padding: 30px 20px 0;} */

	.visual_bord p span {display:none;}
	.bxslider li {background-size: 118%;}

	#tab2 .movement li {min-height: 182px;}
	.step03 div span {width: 48%;margin-top: 10px;}
	#tab2 ul.sns_list2 li { width: 31%;}

}
@media screen and (max-width: 747px){
	figure.effect-lily { margin:0; }
	figure.effect-lily2 { width:60%; }
	#business .bus_right figure.effect-lily { width:49%; }
	#business .bus_left, #business .bus_right { text-align:center; }

	.mbskin .tbl_frm01 th { width:30%; }
	.frm_input_number { width:20% !important; }

}

@media screen and (max-width: 730px){
	#tab2 .movement li {min-height: 152px;}
	li.movement_title {padding-top: 3.5% !important;}
	li.movement_title h5 {
    color: #ea5513;
    font-size: 20px;
    line-height: 21px;
	}
	li.movement_title h5 span {font-size: 14px;}
	li.movement_title span {margin-top: 10px;}
	#tab2 ul.tab2_step li.step_arr {width: 5%;}
	#tab2 ul.tab2_step li {width: 29%;}

	ul.sns_list li {width: 31%;}


	.visTab { top:26%; width:350px; height:213px; padding:10px; }
	.visTab h3 { font-size:17px; margin-bottom:10px; }
	#main_rnd li {width: 100%;margin-top:15px;}

}

@media screen and (max-width: 720px){
	.sub_title h1 {	font-size: 2.0em;}
	.history div.his_list {display: inline-block;width: 100%;background: url(../shop/img/sub/history_ch01.png) no-repeat left top;}
	.his_list .right, .his_list .left {float: left;width: 100%;text-align: left;margin-top: 0;padding-left: 30px;background: url(../shop/img/sub/history_dot.png) no-repeat left top;margin-left: 20px;background-position-y: 23px;overflow: hidden;}
	.his_list .right dt, .his_list .left dt {background: url(../shop/img/sub/year_left.png) no-repeat left 0;}
	.his_list .right dl dd, .his_list .left dl dd {text-align: left;}
	.studio_cont div h3 {padding-top: 40px;}
	tr.pro_place li {width: 100%;}
	.tbl_frm01 th, .tbl_frm01 th {font-size: 14px; letter-spacing: -1px;width: 27%;  padding:0; text-align:center;}
	.tbl_frm01 td {padding: 10px 10px;}

	/* main_banner */
	.mobile_banner {display:inline-block;}
	.pc_banner {display: none;}
	.mobile_banner .Mbanner {float: left;width: 50%;padding-left: 10px;box-sizing: border-box;margin-top: 0;}
	.mobile_banner .Mbanner:first-child {padding-left:0;padding-right: 10px;}
	.mobile_banner .bxslider li {width:50%;float:left;}
	.mobile_banner .bx-wrapper .bx-pager {margin-top:0;padding-top:0;bottom: -10px;}
	.story_right .bx-pager-item {margin-top:0;}

	#icon_select ul li { margin-bottom:20px; width:24%; }
	#icon_select ul li:nth-child(1) span, #icon_select ul li:nth-child(2) span, #icon_select ul li:nth-child(3) span, #icon_select ul li:nth-child(4) span, #icon_select ul li:nth-child(5) span, #icon_select ul li:nth-child(6) span { width: 130px;height: 130px;}


	.facility{height: 310px;}
	.facility .fa_left .fa_list ul li.active{font-size: 17px;}
	.facility .fa_left .fa_list ul li:first-child::after{left: -5.1%;}

	.hd_pops {width:95% !important;}
}

@media screen and (max-width: 700px){
	.facility_contents .facility_tab { float:inherit; width:100%; }
	.facility_contents .tabcontent.current { float:inherit; width:100%; }
	.facility_contents .fa_bg3 { padding:21%; margin-top:0; right:0; left:inherit; }

	.com_type01 { margin-bottom:50px !important; }
	.link_link {bottom: auto;right: auto;position: relative;text-align: center;display: block;margin-top: 30px;}
	#hd, #main_menu_container {height:70px;}
	#logo, #main_menu_container.add_header #logo {margin: 0px 0 0 16px;top: 11px;}
	#logo a img{width: 300px;}
	#main_menu_container.add_header #logo {width:auto;height:auto;background-size: 100%;}
	.top_login {right: 21px; top: 26px;}
	#main_menu_container.add_header .top_login {right: 21px; top: 20px;}
	#main_menu_container.add_header #gnb_open {background: url(/img/main/icon_meni_a.png) no-repeat 0 0;width: 32px;height: 31px;background-size: contain;top: 0;margin: 0;}
	.news_slick > div a img {height: 163px;}
	.sub_title span.sub_navi {display:none;}
	.gstest_down_btn a {display: block;margin: 5px auto;width: 300px;box-sizing: border-box;}
	.mo_img {display:block !important;}
	.pc_img {display:none !important;}
}

@media screen and (max-width: 682px){
	.visual_bord {background: none;background-color: #f5f5f5;padding: 15px 20px;}
	.visual_bord p span {display:none;}
	.visual_bord  h3 {padding:0;font-size: 16px;line-height: 25px;margin-bottom: 8px;}

	#tab2 .movement li {width: 49.9%;min-height: 274px;}
	#tab2 .movement li img {padding-top: 5%;}
	li.movement_title {padding-top: 14.5% !important;}


	.facility .fa_left .fa_list ul li:first-child::after{left: -5.1%;}
	.biz_board_contents th {width:25%; padding:10px;border:1px solid #d9d9d9;border-left:0;background:#f4f4f4;text-align:left;}
	.biz_board_contents td {width:75%; padding: 10px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;text-align:left;}
}

@media screen and (max-width: 678px){
	.mVisual li .visTxt { top:140px; }
	.facility .fa_left .fa_list ul li.active{font-size: 16px;}

	#sw_banner p  { font-size: 17px;line-height: 23px; margin-bottom:40px; }
	#sw_banner .soft ul { width:100%; margin-right:0; margin-top:0;  }
	#sw_banner .soft ul li { font-size:17px;}
	.gstest_head {padding: 24px;}
	.gstest_head > p {font-size: 16px;}
}


@media screen and (max-width: 650px){
	.result_end {background: #f5f6fa url(../shop/img/sub/ch01.png) no-repeat center 10%;padding-top: 35%;}
	#sit_pvi {width: 100%;padding: 0;}
	#sit_ov {width: 100%;padding: 50px 0; min-height: auto;}
	.sct_10 .sct_clear {margin: 0 2% 0 0}
	.td_subject span.subject_date {display:block;color: #747474;padding-top: 3px;font-weight: 400;}
	.mb_login_img {left: 36%;top: 0;background-size: 70%;}

	/* board */
	#bo_list .td_subject {}
	#mb_confirm {width: 90%;}
	#bo_v_info, #bo_vc_w .tbl_frm01.tbl_wrap th {display: none;}
	strong.list_notice {
		-webkit-border-top-left-radius: 50%;
		-webkit-border-top-right-radius: 50%;
		-webkit-border-bottom-left-radius: 50%;
		-webkit-border-bottom-right-radius: 50%;
		background: #202020;
		color: #fff;
		width: 30px;
		height: 30px;
		display: inline-block;
		padding-top: 9px;
		text-align: center;
		font-size: 11px;
		box-sizing:border-box;
	}
	.bxslider li {background-size: 128%;background-position-x: -40px;}
	/* #tab2 .movement li {width: 49.9%;min-height: 249px;} */
	#sub_cont h3, .orgel_cont h3, .orgel_cont2 h3 {font-size: 22px;line-height: 30px;}
	.gstest_con h3:before {top:11px;}
	.gstest_con h3:after {top: 15px;}
	.agree_box { padding:20px; }
	.agree_box h3 {font-size: 16px !important; line-height: 25px !important;}
	.agree_box h3 br { display:none; }
	.agree_box h3 p { font-size:15px; margin-top:10px; }

	.agree_box02 h3.blue { font-weight:400; }

	.con_box p.last_q01 { font-size:15px; }
	.con_box p.last_q01 span label { font-size:15px; }

	figure.effect-lily figcaption > div { padding:20px; }
	#business figure.effect-lily figcaption > div h2 { font-size: 18px; }
	.gstest_con li {font-size: 16px;position: relative;padding-left: 15px;}
	.gstest_con li:before {margin-right: 0;position: absolute;left: 0;top: 10px;}

	/* ¸¶ÀÌÆäÀÌÁö¸®½ºÆ® */

	.mapply_results table#progress_table tr th {font-size: 15px; padding:10px 5px;}
	/* .mapply_results table#progress_table tr th:nth-child(3), .mapply_results table#progress_table tr th:nth-child(6), .mapply_results table#progress_table tr td:nth-child(3), .mapply_results table#progress_table tr td:nth-child(6) {display:none;} */
	.facility .fa_left .fa_list ul li{margin-bottom: 10px; font-size: 14px;}
	.facility .fa_left .fa_list ul li.active{font-size: 15px;}
	.facility .fa_left .fa_list ul li:first-child::after{left: -5%; height: 105px;}
	.facility .fa_left .fa_list ul li::before{width: 5px; height: 5px;}
	.facility .fa_left .fa_list ul li.active::before{width: 6px; height: 6px;}
}

@media screen and (max-width:620px){
	#notice .notice_inner div { width:23%; }
	.facility{height: 265px;}
	.facility .slick-dots{bottom: -11%;}


	#bo_v_con img {width:100%;}
}


@media screen and (max-width: 610px){
	.studio_cont span:first-child, .orgel_cont span:first-child, .orgel_cont2 span:first-child {width:100%;}
	.studio_cont span, .orgel_cont span, .orgel_cont2 span {width: 100%;}
	span.studio_img img, span.orgel_img img {width: 45%;margin: 30px 0;}
	.orgel_cont2 span.orgel_img img {margin:0}
	#sidebar {margin-bottom: 30px;}
	.text_area ul .js_con {margin-top: 3px;color: #696E76;font-size: 12px;line-height: 16px;}
	.text_area ul {padding: 0 6px;}
	/* #tab2 .movement li {min-height: 229px;} */
	.studio_store dt {width: 110px;padding: 5px 20px;}
	.studio_store dd, .store_info div > span {width: 100%;    margin: 1% 0;}
	.facility .fa_left .fa_list ul li{font-size: 13px;}
	.facility .fa_left .fa_list ul li.active{font-size: 14px;}
	.facility .fa_left .fa_list ul li:first-child::after{height: 93px;}
	.member_idfw_image {display:none;}
	.new_win fieldset#info_fs {width:100%;}
	#main_notice .buttons {padding-top: 9px;}
	#main_notice button {padding: 13px 0;text-align: center;width: 49%;margin: 0.5%; font-size: 17px;}
	#main_notice button:last-child {margin: 0.5%;}

	.swtest .con_box03 {flex-direction: column;}
	.sw_test_img, .swtest .con_box03 .img_box {width: 90%;}
	.swtest .con_box03 .img_box > img {scale: 0.85;}
}



@media screen and (max-width:590px){
 .step03 div span {width: 47%;}
 #icon_select ul li:nth-child(1) span, #icon_select ul li:nth-child(2) span, #icon_select ul li:nth-child(3) span, #icon_select ul li:nth-child(4) span, #icon_select ul li:nth-child(5) span, #icon_select ul li:nth-child(6) span { width: 100px;height: 100px;}
#bo_sch select {width:20%;}
#bo_sch input[type="text"] {width:57%;}
#bo_sch .btn_submit {width:20%; padding:0;}
#tabs02 li {float: left;width: 25%;margin-right: 0;}
#tabs02 li a {margin:0 3px;display:block;padding:13px 0;letter-spacing:-1px;}

}

@media screen and (max-width: 550px){
	#tab2 ul.tab2_step li.step_arr {display:none;}
	#tab2 ul.tab2_step li {width: 32.5%;}
	#notice .notice_inner div { width:100%; box-sizing:border-box; }
	#notice .notice_inner div h4 { -webkit-line-clamp:1; }
	#notice .notice_inner div span { text-align:left; }
	#icon_select ul li { width:30%; margin:1%;}
	.facility .fa_left .fa_list ul li{font-size: 12px;}
	.facility .fa_left .fa_list ul li.active{font-size: 13px;}

	.hd_pops_con {width:100% !important; height:auto !important;}
	.hd_pops_con img {width:100% !important; height:auto !important;}
	.hd_pops_footer {margin-top:-65px;}
	.vis_slider_cont_box img {display: block;float: none;margin: 0 auto 20px auto;}
	.vis_slider_textbox {text-align: center;}
}

@media screen and (max-width: 545px){
	#main_information .wrap ul {display: flex; flex-wrap: wrap; justify-content: center;}
	#main_information .wrap ul li {width: 33%; scale: 0.8; display: flex; flex-direction: column; align-items: center; justify-content: center;}
	#main_information li a {display: flex; flex-direction: column; align-items: center; justify-content: center; margin:0;}
	#main_information li a img {padding:0; margin: 0;}

	.sct_10 .sct_clear {margin: 0}
	input#od_addr1, input#od_addr2, input#od_addr3, input#od_b_addr1, input#od_b_addr2, input#od_b_addr3 {width:100%;}
	.terms {/* height: 280px;    overflow-y: scroll; */}
	.sub_title h1 {font-size: 2.0em;}
	.block b {font-size: 14px; padding: 15px 0 0 0;}
	#mb_confirm {width: 100%;}
	.history div.his_list {background:none;}
	.his_list ul {padding-top: 0;}
	.his_list .right, .his_list .left {background:none; padding-left: 0; margin-left: 0;}
	.his_list .right dt, .his_list .left dt {background-position-x: -8px;padding: 8px 33px;font-size: 14px;}
	.his_list .left dl dd, .his_list .right dl dd {padding-top: 5px;}
	#sub_middle ul.tabs li {font-size: 13px;}
	.story01 span p, .story02 span p, .story03 span p, #tab2 p, .studio p, .visual_bord p {font-size: 13px;line-height: 20px;color: #666;}
	/* .story01, .studio_cont {padding-bottom: 30px;} */
	.story02, .history {padding-top: 30px;}
	span.orgel_img img {width: 75%;}
	.bxslider li ul.sound_btn {width: 290px;    margin: 0 auto;}
	/* #tab2 .movement li {min-height: 196px;} */

	ul.sound_btn {padding-top: 35%;	}
	.bx-viewport {height: 190px;	}
	ul.sound_btn li {float: left; clear: none;	}
	ul.sound_btn li:first-child {padding-right:8px;}
	#bo_gall .gall_li {width: 50% !important;}


	.facility{height: 230px;}
	/* ÃßÁø»ç¾÷ */
	.biz_list_img {width: 100%;float: left;margin-right: 0;margin-bottom: 20px;}
	.biz_list_con {margin-left: 0;}
	#tabs02 li {width: 50%;}
	#tabs02 li:nth-child(3), #tabs02 li:nth-child(4) {margin-top:3px;}
	.news_title {text-align: center;}
	.slick_dd {top: auto;display: block;position: relative;right: auto;margin-top: 10px;}
	#bo_list .td_name {display:none;}
	.tbl_head01 tbody td {padding:10px;}
	#aro1_prev {right: auto;left: 2%;}
	#aro1_next {right: 2%;}
	.news_title p {font-size: 17px;padding: 0 46px;word-break: keep-all;}
}

@media screen and (max-width: 503px){
	.movie iframe {height: 254px;}
	.hover1, .hover2, .hover3 {width: 90px !important;height: 80px;background-size: 100%;}
	#tab2 ul.tab2_step {font-size:13px;letter-spacing: -0.5px;}
	.facility .fa_left .fa_list ul li{font-size: 11px;}
	.facility .fa_left .fa_list ul li.active{font-size: 12px;}
	.facility .fa_left .fa_list ul li:first-child::after{height: 85px;}
    .frm_input {width: 100% !important;box-sizing: border-box;height: 40px;}
	section#bo_w .tbl_frm01 table {table-layout:fixed;}
	#captcha audio {width: 100%;}
	.frm_input#wr_3 {width: 100% !important;}
}

@media screen and (max-width: 490px){
.swtest .con_box03 .img_box .text_box02 p {font-size: 15px;}

	.movie iframe {height: 280px;}
	.result_end {padding-top: 45%;}
	.sanchor a {padding: 0 1em;}
	div#tab1 .btn_more {display: none;}
	#mb_login {background-size: 47%;}
	.sub_title h1 {font-size: 25px;text-align: center;}
	.story01 span h3, .visual_bord h3, .story02 span h3, .story03 span h3, .studio h3 {font-size: 19px;line-height: 25px;}
	.sub_title span.sub_navi {font-size: 12px;}

	.mobile_banner .Mbanner {width: 100%;padding-left: 0;box-sizing: border-box;margin-top: 7%;}
	.mobile_banner .Mbanner:first-child {padding-left: 0;padding-right: 0;margin-top: 0;}
	span.orgel_img img {width: 75%;}
	/* #tab2 .movement li img {padding-top: 13%;} */

	ul.sns_list li {width: 47%;}
	#tab2 ul.sns_list2 li {width: 47%;}


	.facility{height: 600px;}
	.facility .fa_left{width: 100%; height: 42%;}
	.facility .fa_left .fa_list ul{margin-top: 6%;}
	.facility .fa_left .fa_list ul li:first-child::after{left: -5.3%; height: 100px;}
	.facility .fa_right{width: 100%; height: 50%;}
	.facility .fa_left .fa_list ul li{font-size: 14px;}
	.facility .fa_left .fa_list ul li.active{font-size: 15px;}

	.facility .fa_left .fa_list ul li.active::before{width: 8px; height: 8px;}
	.facility .fa_left .fa_list ul li::before{width: 7px; height: 7px;}

	.facility .fa_left .fa_bg2{padding: 8%;}
	.facility .fa_left .fa_bg3{top: 35%;}
}

@media screen and (max-width: 500px){
	div#sub_cont table.__se_tbl tr td p { line-height: 20px !important; padding-bottom:0 !important; }
	div#sub_cont table.__se_tbl tr td p span { font-size: 15px !important; line-height:20px; }
	.rnd div span { font-size: 18px !important;}

	a.cal_prev img, a.cal_next img { width:25px; }
	.cale_box h3 { font-size:20px !important; }
	#tabs03 li {display: block;text-align: center;box-sizing: border-box;float: left;margin-right: 0;min-width: inherit;width: 50%;}
	#tabs03 li a {margin:3px;width:auto;line-height: 48px;}
	.gs_category_info {width:80%;margin-left: -40%;}
	.td_eduday, .td_edutime {display: none;}
}

@media screen and (max-width: 460px){
	ul.sct.sct_10 li {width: 47.4% !important;}
	#mb_login {background-size: 60%;}
	#tab2 .movement li {min-height: 176px;}
	#tab2 ul.tab2_step li {width: 100%;min-height: 0;margin-top: 10px;}
	#tab2 ul.tab2_step li span {float: left;padding-top: 0;width: auto;    height: 90px !important; text-align: left; margin-left: 20px;}
	#tab2 ul.tab2_step a {padding-top: 20px;}
	#tab2 ul.tab2_step li span:first-child {margin-left:0;}

	#notice .notice_title h2, #business h2 span, #material h2 span, .com_slider h2 span { font-size:21px; }
	#notice .notice_title h3, #business h2, #material h2, .com_slider h2 { font-size:21px; }
	#notice .notice_title p, #business p, #material p { font-size:17px; }

	#business figure.effect-lily figcaption > div h2 { font-size:16px; }
	#business figure.effect-lily figcaption > div p { font-size:14px; }

	#material { padding:50px 10px 90px; }
	#material ul li { width:100%; }
	#material ul li:nth-child(2), #material ul li:nth-child(4), #material ul li:nth-child(6) { margin-right:0; }

	.mVisual li .visTxt { top:160px; }
	.mVisual li .visTxt h4 { line-height:55px; }

	figure.effect-lily { width:100%; height:300px; }

	#kolas_banner p img.kolas_logo { width:100%; }
	.notice_inner li {width: 100%;}
	.notice_inner li a p {height: auto;}
	.notice_inner li:nth-child(2) {margin-top: 10px;}
	#logo a img {width: 242px;}
	.top_login {right: 13px;}
	#logo, #main_menu_container.add_header #logo {top: 15px;}
	#main_menu_container.add_header .top_login {right: 13px;}

.slider > div, .news_slick > div {clear:both;width: 100%;float: left;margin: 1% 0;}
.news_slick > div a img {height:auto;}
}

@media screen and (max-width: 430px){
	span.studio_img img {width: 50%;}
	.story_left ul.rm_tabmenu li, ul.new_tabmenu li {width: 31%;}
	.step03 div span {width: 100%;}
	.service span, .quest span { background-size: 60px; padding-left: 75px;}
	.studio_service div, .studio_service div.quest {padding: 20px;}
	.studio_service h4 {font-size: 20px;margin-bottom: 8px;}
	.orgel_cont h3 {font-size: 22px; padding: 10px 0;}

	#gall_ul li {width:50%;}
	#gall_ul li .gall_href, #gall_ul li .gall_href img {width:100%;height: auto;}
	#gall_ul li .gall_href a {display:inline-block;}

	.mVisual li .visTab p {     text-overflow: ellipsis; white-space: normal;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}



	.bo_v_com li:last-child {float:right;}

	.facility{height: 520px;}
	.facility .fa_left{height: 46%;}

	a.cal_prev, a.cal_next { width:37px; top:38px;  }
	a.cal_prev { left:18%; }
	a.cal_next { right:18%; }

	.R_calendar02 .cale_box a.cal_next { top:10px; right:18%; }
	.R_calendar02 .cale_box a.cal_prev { top:10px; left:18%; }
.tbl_frm01 table tr {display: block;width: 100%;clear: both;}
.tbl_frm01 table th {display: block;width: 100% !important;border-bottom: none;border-right: none;text-align: left;padding: 10px;box-sizing: border-box;}
.tbl_frm01 table td {clear:both;display: block;width: 100%;text-align: left;padding: 10px;border-bottom: none;border-right: none;box-sizing: border-box;}
.tbl_frm01 table td table {width:100% !important;}
}
@media screen and (max-width: 400px){
	article#bo_v h1 {font-size: 18px;}
	#bo_v_file li, #bo_v_file li a {font-size: 14px;}
	.faq_bull01, .faq_bull02 {top:0;}
#main_information button {font-size: 16px; padding: 8px; float: unset; margin: 5px 0;}
}
@media screen and (max-width: 383px){
	.movie iframe {height: 190px;}
	ul.sct.sct_10 li {width: 47.3% !important;}
	.mb_login_img {left: 32%;}
	#login_info .btn02, #login_info .btn01 {width:100%;box-sizing: border-box;margin-top: 3px;}
	#mb_login p {padding-top: 0;padding-bottom: 15px;font-size: 13px;font-size: 12px;}
	#tab2 .movement li {min-height: 156px;}
	#tab2 .movement li {padding: 0 15px;}
	li.movement_title {padding-top: 11% !important;}
	ul.sns_list li {width: 46%;}
	#tab2 ul.sns_list2 li {width: 45%;}

	.mbskin .tbl_frm01 th { width:35%; }

	.facility{height: 460px;}
	.facility .fa_left{height: 46%;}
	.facility .fa_left .fa_bg2{padding: 7%;}
	.facility .fa_left .fa_list ul li.active::before{width: 6px; height: 6px;}
	.facility .fa_left .fa_list ul li::before{width: 5px; height: 5px;}
	#tabs02 li a {padding: 13px 0;}
}


@media screen and (max-width: 360px){
	#m_sidebar .snb > .over span {font-size: 15px;}
	#main_information .wrap ul li {scale: 0.75;}
	.mb_login_img {left: 32%;}
	#snb_box .snb a {font-size: 11px;letter-spacing: -1.5px;}
	#tab2 .movement li {min-height: 146px;padding: 0 18px;}

	.facility .fa_left{height: 45%;}
	.sub_title h1:after {display:none;}
	#bo_gall .gall_li {width: 100% !important;}
	#gall_ul li .gall_href a {display:block;}
}


@media screen and (max-width: 330px){
	#tab2 .movement li {min-height: 136px;}
	li.movement_title {padding-top: 6% !important;}
	li.movement_title h5 {font-size: 17px;}
	.studio_list li {width: 100%;}

	.facility{height: 433px;}
	.facility .fa_left{height: 44%;}

}

@media screen and (max-width: 320px){
	#tab2 .movement li {width: 49.8%;}

	.facility{height: 410px;}
	.facility .fa_left{height: 48%;}
	.facility .fa_left .fa_list ul li:first-child::after{left: -5.5%;}
}