/***************************************/
/* MEDIAQUERIES */
/***************************************/



@media screen and (max-width: 1300px){
	/* Çì´õ */
	.section .slick-prev, .section .slick-next { display: block !important; }
	.section .slick-prev { right: 0; }
	.section .slick-next { left: 0; }
}


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

	div#section05 .orange_box {
		right: 1.5%;
	}
	 
	#navigation > #menu > #nav > li > a { font-size: 16px; padding: 0 25px; }
	.sub02_05, .sub02_06 {
		margin-top: 50px;
	}
}


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

	.sns_content01 ul li, .sns_content02 ul li { width: 24%; margin-left: 1.3%; }
	
	.sub01_section03 p br {
		display: none;
	}
	.sub01_section03 .text_box{
		padding-top: 16px;
	}

}


@media screen and (max-width: 1200px){
	.sub_title {padding: 0 10px;}

.slide_content { padding: 15% 3% 158px 3%; }
.slide_content .wrap h2 { font-size: 55px; line-height: 55px; padding-bottom: 40px; }
.slide_content .wrap .main_txt_pc { font-size: 14px; }
.slide_content .wrap .link_btn_wrap a { margin-top: 55px; }

div#section01 ul li a .text_box p {
    font-family: YDIYMjO340;
    font-size: 18px;
}
	 
#nav li ul li, #nav li ul li a{font-size: 14px;}

.sub02_01 .sub_half_section p br {
    display: none;
}
.sub01_04 img.location_img02 {
    right: 46px;
}
.tbl_wrap {
    max-width: auto;
    width: auto;
    margin: 0 auto;
}
.skya_banner {
    background: #e7f7e0 url(../image/sub/sky_list_banner_flower.png)no-repeat center right -5%;
    padding: 50px 3%;
}

.skya_banner .text_sky b {
    margin-bottom: 8px;
	}

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

	.sub03_01 .w_box {
		right: 40px;
		bottom: 57px;
	}
	.sub03_01 .merit_icon ul li {
		width: 33%;
	}

}

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


@media screen and (max-width: 1000px){
	#hd_pop { width: 100%; }

	/* visual */
	/* .ment_box { height: 48%; }
	.ment_box img { width: 55%; } */
	

}


@media screen and (max-width: 959px){
	html, body, div, applet, object, iframe, h1, h2, h3, h5, h6, p, time, figure, article, nav, header, footer, hgroup, video, audio, aside, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size: 14px; }

	html, h1, h2, h3, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
	h1{font-size:38px;}
	h2{font-size:30px;font-weight: 300;
		line-height: 30px;}
	h3{font-size:16px;font-weight: 400;
		line-height: 18px;}
	h5 {
		font-size: 24px;
		font-family: YDIYMjO340;
		/* font-weight: 400; */
		color: #262e59;
	}
	 
		

	.wrap { width: 100%;  box-sizing: border-box;}
	#sidebar.wrap  { padding: 0; }
	.foot_menu .wrap { padding: 0 2%; }
	 
	 
	
	/* Çì´õ */
	.top_callnumber { display: none; }

	.top_sns { top: 13px; }
	.top_sns ul li a { width: 34px; height: 34px; }
	.top_sns ul li.top_sns_facebook a, .top_sns ul li.top_sns_facebook a:hover { background-size: 34px; }
	.top_sns ul li.top_sns_instagram a, .top_sns ul li.top_sns_instagram a:hover { background-size: 34px; }
	.top_sns ul li.top_sns_naverblog a, .top_sns ul li.top_sns_naverblog a:hover { background-size: 34px; }
	.top_sns ul li.top_sns_kakao a, .top_sns ul li.top_sns_kakao a:hover { background-size: 34px; }
	

	#logo {
		margin-top: -16px;
	}
	#hd_wrapper{
		padding: 0px 14px;
		height: 65px;
		line-height: 68px;
	}
	#navigation > #menu > ul:hover > li > ul.mhover_menu03 {
		margin-left: 0;
	}

	 
 #bo_w > ul.con_call {margin-bottom: 20px; margin-left:0;}
 
	 

	/* »çÀ̵å¹Ù */
 
	 

	/* ¼­ÇÁÆäÀÌÁö ŸÀÌƲ */
	.sub_title h1 { font-size: 26px; padding-bottom: 10px; }

	/* ¼­ºêÆäÀÌÁö - ã¾Æ¿À½Ã´Â±æ / sub01_06 */
	.location h6 { font-size: 15px; padding: 15px; }
	.location .top_right { line-height: 24px; }
	.another_mapBtn img { width: 120px; }
	.location .bottom { padding: 0 0 3%; }	


	/* °¶·¯¸® °Ô½ÃÆÇ */
/* 	#container #bo_gall .gall_li { width: 33.3333% !important; clear: none !important; } */
	

	#header_inner { width: auto; }
	#util h1 img {width:40%;}
	#util .gnb {display:none;}

	#btn_menu span {
		background: url(../shop/img/mobile/icon_menu.png) center top no-repeat;
		display: block;
		position: relative;
		height: 34px;
		width: 34px;
		margin-right: 5px;
		background-size: 34px;
	}
	.mobile_logo {
		display:block;
		text-align: center;
		padding-top: 10px;
	}
	#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;}

	

	/****** main ******/


	/****** board ******/
	/* .tbl_head01 td {padding-left: 15px;} */
	.subject_date {display: none;}


	/****** Á¦Ç°¸®½ºÆ® ******/

	.sct_ct a { font-size: 13px; }
	.sct_10 .sct_txt a { font-size: 15px; line-height: 15px; }
	.sct_10 .sct_basic { font-size: 13px; line-height: 13px; }
	.sct_10 .sct_cost {  font-size: 19px; line-height: 19px; }

	/****** 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: #eb5d1f;margin: 3% 0;}
	#mb_login h1 span {display: inline-block;margin-left: 2%;}
	#mb_login #login_fs .frm_input {width: 100%;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 ******/
	.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;}
	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;}


	div#ft img {
    float: none;
    clear: both;
    /* display: block; */
    text-align: center;
    margin-bottom: 20px;
}

.foot_menu ul {
    margin: 0 auto;
    display: block;
    clear: both;
    width: 90%;
}
.foot_menu ul li a {font-size: 15px;}
div#copyright {
    padding: 23px 0;
	word-break: keep-all;
}
 
#navigation > #menu > ul:hover > .b_bg_pc {
    display: none;
}
.sub01_section03 {
    padding: 30px 0;
}


	ul.sub02_tab li a {
		font-size: 14px;
		font-weight: 400;
	}
	.sub05_01 .sub0501_Section02 dl dd {
		width: 100%;
	}
	.sub05_01 .sub0501_Section02 dl dt span.yendoo_box{margin-bottom:10px;}

}


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

		div#section02 .bx-wrapper li .ment_box {
		width: 350px;
		height: 320px !important;
		background: rgba(255,255,255,0.95);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		height: 0;
		right: -45%;
		margin: auto;
		padding: 29px 30px;
	}
	div#section05 .orange_box {
		width: 94%;
		padding: 3%;
		left: 3%;
		top: 220px;
	}
	div#section05 .orange_box h2 {
		color: #3a7035;
		margin-bottom: 8px;
		margin-top: 1px;
		float: left;
		padding-right: 13px;
		line-height: 38px;
		font-size: 22px;

	}
	div#section05 .orange_box p {
		float: left;
		line-height: 20px;
		font-size: 14px;
		margin-top: -9px;
	}
	a.Dgreen_bg_btn {
		float: right;
		margin-top: 0px;
	}
	ul.sub02_tab li{
		width: 33%;	
		height: 56px;
		vertical-align: top;
	}
}

@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%;}

	/* ½Ã¼³¾È³» */
	.sub01_02 .facility h2 {
		text-align: center;
		float: none;
		padding: 0;
	}

	.sub01_02 .facility > p {
		text-align: center;
		padding: 10px 0;
	}

	.two_colum {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
	.sub01_02 .facility .two_colum .scrollbtn {
		display: none;
	}

	.skya_banner {
		overflow: hidden;
		background: #e7f7e0 url(../image/sub/sky_list_banner_flower.png)no-repeat bottom right -5%;
		padding: 34px 3%;
		background-size: 65%;
	}

	.skya_banner .text_sky {
		clear: both;
		width: 100%;
		margin-right: 0;
	}
	.skya_banner img {
		width: auto;
		margin-bottom: 20px;
		max-width: 100%;
	}
	.skya_banner .text_sky p.small_size {
		float: right;
		padding-top: 13px;
	}
}

@media screen and (max-width: 850px){
	ul.sct.sct_10 li { width: 30.9% !important; transition: all 0.3s; }

	
	.sub03_02 .info_napgol_service.with img{
		display: none;
	}
	.sub03_02 .info_napgol_service.with img.m_dis {
		display: block;
		width: 100%;
	}
	.sub03_02 .info_napgol_service.col2 img {
		width: 100%;
		margin-right: 0;
	}
	.sub05_04 p br {
		display: none;
	}
}

@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;} */

 
	
	.sub01_section03 .img_box {
		width: 100%;
	}

	.sub01_section03 img {
		float: left;
		max-width: 100%; 
		width: 100%;
	}
	.sub01_section03 .text_box {
		width: 100%;
	}
	.sub01_section03 b.bold_size {
		padding-bottom: 11px;
	}

	.sub02_01 ul li {
		width: 25%;
	}
	.sub02_03 ul.tree_select li {
		width: 49%;
	}

	.sub02_03 ul.tree_select li, .sub02_04 ul.tree_select li {
		width: 48%;
	}

	.sub02_03 .orga_process ul {
		width: 100%;
	}
	.sub02_03 .orga_process .prcie_section {
		width: 100%;
		margin-top: 20px;
	}
.sub05_04 dl dt {
    width: 30%;
}
.sub05_04 dl dd {
    width: 70%;
}	

}




@media screen and (max-width: 770px){
	#tab2 .movement li {min-height: 160px;}
	#tab2 .movement li {padding: 0 25px;}

	.sub02_01 .sub_half_section p {
		width: 100%;
	}
	.sub02_01 .sub_half_section img.sub02_01_img01 {
		float: left;
		width: 100%;
		margin: 0 auto;
	}
	.sub02_01 .sub_half_section img.sub02_01_img02 {
		width: 100%;
	}
	h4 {
		margin-bottom: 12px;
	}
	.sub02_01 .sub_title br {
		display: none;
	}
	img.sub02_01_band {
		margin: 45px auto;
	}
	
	.sub02_01 .sub_half_section img.sub02_01_img02 {
		margin-top: 21px;
	}
	h4{
		font-size: 17px;
		font-weight: 500;
	}
	.prcie_section h4, .option h4 {
		padding-right: 16px;
	}
	.prcie_section .innerP_table_section table {
		width: 100%;
	}
	.prcie_section .innerP_table_section p {
		float: unset;
		width: 100%;
		padding-left: 0;
	}
	.Quick_menu{display:none;}
}

@media screen and (max-width: 751px){	
	#ssch_sort li {width: 32.9%;}
	.mb_login_img {left: 40%;top: -30px;background-size: 75%;}
	/* #mb_login {padding-top: 130px;background: url(../shop/img/login_tx.png) no-repeat center 70px;    background-size: 35%;position: relative;} */
	#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%;}
	
	.sub04_01 dl:after{display:none;}
	.sub04_01 dl {
		margin-bottom: 15px;
	}

}

@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%;}
		 
 

}

@media screen and (max-width: 720px){
	.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: 12px;letter-spacing: -1px;width: 27% !important;
    min-width: 82px;}
	.tbl_frm01 td {padding: 10px 10px;}


	audio#captcha_audio {
	   display: none;
	}

	/* 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;}

	div#section02 .bx-wrapper li .ment_box {
		width: 365px;
		height: 340px !important;
		background: rgba(255,255,255,0.95);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		height: 0;
		right: -50%;
		margin: auto;
		padding: 35px 35px;
	}
	.banner ul li {
		width: 100%;
		margin-bottom: 20px;
	}
	.location_text{}
	
.sub01_04 h2 {
    margin-top: 20px;
}
.banner {
    overflow: hidden;
}
	.sub03_01 .merit_icon ul li {
		width: 49%;
	}

}

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

	#logo a img { height: 40px; width: auto; }
	.top_cert { top: 14px; }
	.top_cert ul li img { height: 48px; }
	
	div#section05 .orange_box p{display:none;}
	div#section05 .orange_box {
		width: 94%;
		padding: 20px;
		left: 3%;
		top: 237px;
		height: 73px;
	}
	.sub03_01 .w_box {
		/* background: rgba(255,255,255,0.85); */
		padding: 20px;
		float: none;
		position: relative;
		right: 0px;
		bottom: 0;
	}
	.sub03_01 .merit_icon ul {
		margin: 25px auto;
	}

}

@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;}

	/* °øÅë °¶·¯¸® ºä */
	#bo_v_top .bo_v_com, #bo_v_bot .bo_v_com { display: block; clear: both; margin-top: 10px; }

	.tree_type .orga_process li.w28, .tree_type .orga_process li.w28 {
		width: 49%;
	}
	.tree_type ul.tree_select li.w28, .tree_type .orga_process li.w40 {
		width: 49%;
	}
	
	.tree_type ul.tree_select li.w40, .tree_type .orga_process li.w40 {
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}


}

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

	.top_sns { display: none; }	
	div#section02 .bx-wrapper li img {
		height: 460px !important;
	}
	div#section02 .bx-wrapper li .ment_box {
		width: 100%;
		top: 306px;
		height: 180px !important;
		right: 0;
		padding: 20px;
	}
	div#section02 .bx-wrapper li .ment_box h2 {
		margin: 10px 0;
	}
	div#section02 .bx-wrapper li .ment_box p br {
		display: none;
	}
	div#section02 .bx-wrapper li .ment_box a.LYellow {
		/* margin-top: 30px; */
		position: absolute;
		top: 45px;
		right: 23px;
		margin: 0;
	}
	div#section02 .bx-wrapper li .ment_box p {
		line-height: 24px;
	}
	div#section02 .bx-wrapper .bx-viewport {
		height: 464px !important;
	}

	div#section03 .right_notice, div#section03 .left_movie {
		width: 100%;
	}
	div#section03 {
		padding: 19px 0 30px;
	}
	
	.option ul li {
		width: 50%;
	}
	.option ul li img {
		width: 100%;
	}
	.bx-controls-direction {
    display: none;
}
}

@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 img, .td_name, .td_subject img, .td_num {display: none;}
	.td_date, .td_subject img, .td_date { color:#777; }

	.td_subject span.subject_date {display:block;color: #747474;padding-top: 3px;font-weight: 400;}
	#bo_list .tbl_head01 thead th {display: none; }
	
	/* #mb_login {padding-top: 130px;background: url(../shop/img/login_tx.png) no-repeat center 90px;background-size: 45%;position: relative;} */
	.mb_login_img {left: 36%;top: 0;background-size: 70%;}	

	.map_adress h3.one {font-size: 18px;}
	.map_adress p {font-size: 15px;}
	p.middle_title{font-size:18px;}

	/* Á¦Ç°¸®½ºÆ® Ä«Å×°í¸® */
	.sct_ct ul li { width: 25%; transition: all 0.3s; }


	/* board */
	#bo_list .td_subject {}
	.tbl_wrap tr:first-child {border-top: 2px solid #377032;}
	.tbl_wrap tr:first-child td {background: none;}
	/* .tbl_wrap td.td_date { display: none; } */
	#bo_list .td_chk {width: 10px;}
	#mb_confirm {width: 90%;}
	#bo_v_info, #bo_vc_w .tbl_frm01.tbl_wrap th {display: block; line-height: 2em;}
	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: 24px;
		display: inline-block;
		padding-top: 6px;
		text-align: center;
		font-size: 11px;
	}
	.bxslider li {background-size: 128%;background-position-x: -40px;}
	/* visual */

	.slide_content .wrap h2 { font-size: 35px; line-height: 35px; padding-bottom: 20px; }
	.slide_content .wrap .main_txt_pc { font-size: 13px; line-height: 18px; }
	.slide_content .wrap .link_btn_wrap a { margin-top: 30px; }

	ul.sct.sct_10 li { width: 47% !important; margin-bottom: 20px; }
	

	.content_title01 {font-size: 19px;}
	.point {font-size: 24px;}

	.content_inst .title02, .content_fac .title01, .class .title01 {font-size: 14px;}
	.content_fac .title02, .class .title02{font-size: 18px; margin-bottom: 4px;}
	.content_inst .title01{margin-bottom: 8px; top: 85%;}
	.content_inst .title02{top: 85%;}
	.content_inst .title_box {padding: 13px 0;}
	.content_fac .title_box, .class .title_box {padding: 9px 0;}
	.content_fac, .class{margin-bottom:20px;}

	img.sub01_img04{display:none;}
	.sub01_section01 p {
		width: 100%;
	}
	.sub01_01 a.btn_linegold {
		margin: 22px 0;
	}
	.sub01_section01 img {
		padding-bottom: 25px;
	}
 
	a.btn_lineblue:after {
		background: url(../image/sub/btn_lineblue.png)no-repeat;
		position: absolute;
		top: 50%;
		left: 143px;
		display: block;
		clear: both;
		content: "";
		width: 9px;
		height: 14px;
		transform: translateY(-50%);
	}
	.sub01_section02 a.btn_lineblue {
		margin: 0;
		display: block;
		margin-bottom: 23px;
	}
	.sub01_section02 img {
		margin-bottom: 20px;
		width: 95%;
	}
	.sub01_section02 {
		padding: 45px 0;
		background-size: 50%;
	}
	.tree_type p.center_clear br {
		display: none;
	}
	p.left_line {
		padding-top: 3px;
	}

	/*ÀϹݰԽÃÆÇ ¸®½ºÆ®*/
	/* #bo_list .tbl_head01 td.td_subject a {
		text-overflow:ellipsis;
		white-space:nowrap;
		word-wrap:normal;
		width:90%;
		overflow:hidden;
	} */
}


@media screen and (max-width: 620px){
	#container #bo_gall .gall_li { width: 100% !important; }

	.sub03_01 .inner_facility ul li {
		width: 49%;margin-bottom:30px;
	}
	.sub03_01 .inner_facility ul li:last-child {
		margin-left: 0;
	}
}


@media screen and (max-width: 610px){
	.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;}
	.white_box {
		width: 240px;
		    height: 156px;
	}
	p.contact_info {
		font-size: 16px;
		line-height: 27px;
	}
	.bg_img {
    
    width: 100%;
    height: 250px;
    padding-top: 50px;
}
.sub03_01 .inner_facility ul li p:after {
    top: 4px;
}
img.process_2 {
    display: block;
}
img.process_1 {
    display: none;
}
.sub04_01 dl.last_dl {
    margin-bottom: 40px;
}
.sub04_01 .banner {
    margin-top: 30px;
}
}

@media screen and (max-width: 600px){
	.half_doc {
    width: 100%;
	}


	/* ¼­ºêÆäÀÌÁö ŸÀÌƲ */
	.sub_title h1 { font-size: 22px; }
	span.sub_navi { font-size: 11px; }
	span.sub_navi img { width: 15px; }

	/* °ø½Ä SNS / sub04_01 */
	.sns_content01 h4, .sns_content02 h4 { font-size: 18px; }
	.sns_content01 p, .sns_content02 p { margin-bottom: 15px; }
	.sns_content01 ul li, .sns_content02 ul li { width: 49%; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 1%; padding-bottom: 49%; }
	.sns_content01 ul li:first-child, .sns_content02 ul li:first-child { margin-left: 0.5%; }

	/* ¸ÞÀÎ ³ª¹« ¼¼°³ */
		div#section01 ul li a .text_box p {
		font-size: 12px;
		line-height: 18px;
	}
	.sub01_04 .two_colum dt{
		WIDTH:30%;
	}
	.sub01_04 .two_colum dd{
		WIDTH:69%;
    float: left;
	}
	.sub01_04 img.location_img02 {
		width: 36%;
		top: 177px;
		right: 22px;
	}
	.sub01_04 img.location_img01 {
		width: 80%;
	}

	.sub05_04 dl dt {
		width: 100%;
	}
	.sub05_04 dl dd {
		width: 100%;
	}	
	.sub05_04 img.sub0504_img2 {
		width: 46%;
		display: inline-block;
		margin-right: 2%;
	}



	/*°Ô½ÃÆÇ °Ë»ö¹öÆ°*/
	input.btn_submit, input#sit_btn_buy, #sit_ov_btn input, input.btn_b02, input.btn_submit {
		width: 20%;
	}
	
}

@media screen and (max-width:590px){
.main_vis .bx-wrapper li a img {
    height: 400px !important;
}
div#section04 .left_contact p {
    display: none;
}
div#section04 .right_call p.small.bottom_left {
    display: none;
}
div#section04 .left_contact a.navy_bg {
    margin-top: -6px;
}
div#section04 .left_contact h5{font-size:20px;}


.sub05_03 img.pc_img {
    display: none;
}

.sub05_03 img.mobile_img {
    display: block;
}
}

@media screen and (max-width: 550px){
	#tab2 ul.tab2_step li.step_arr {display:none;}
	#tab2 ul.tab2_step li {width: 32.5%;}

	.ft_inn .wrap > div { width: 100%; padding-top: 0; transition: all 0.3s; margin-left: 0; margin-bottom: 30px; padding: 0 20px; box-sizing: border-box; }
	.ft_inn .wrap > div.call { width: 100%; margin-left: 0; margin-top: 0px; margin-bottom:0; padding: 20px; }
	h3.sub03_01.title br, p.middle_title.orgel br{display:block;}

	/* °øÅë °¶·¯¸® ºä */
	a.btn_b01, .btn-default { padding: 8px 12px; }
/* 	a.btn_admin { padding: 8px 12px; } */
	a.btn_b02, .btn_b02 { /* padding: 2px 12px;  */}
	strong.date_sign {margin: 0 !important; float:inherit;}
}

@media screen and (max-width: 545px){
	.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; */}
	.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;}
	.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;}
	
	.content_inst .title01 {font-size:21px; margin-bottom:0;}
	.btn_detail {margin: -22px 0 0 -22px; width: 44px; height: 44px; background-size: 100%;}
	
}

@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;}

	input#stx { width: 33%; }
		.sub03_02 .prcie_section .innerP_table_section table, .sub03_01 .prcie_section .innerP_table_section table  {
		width: 100%;
		margin-left: 0;
		margin-bottom: 25px;
	}
	.sub03_02 .prcie_section {
		margin-bottom: 0;
	}
	.sub03_01 .inner_facility {
		margin-bottom: 20px;
	}
	.sub03_02 .info_napgol_service.col3 img {
		width: 100%;
		margin-bottom: 10px;
		margin-right: 2%;
		float: left;
	}
	.sub03_02 .prcie_section .innerP_table_section {
		margin-bottom: 20px;
	}
}


@media screen and (max-width: 490px){
	.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%;} */
	.story01 span h3, .visual_bord h3, .story02 span h3, .story03 span h3, .studio h3 {font-size: 19px;line-height: 25px;}

	.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%;}

	.slide_content { padding: 12% 3% 0 3%; }
}



@media screen and (max-width: 480px){
	#copyright ul { display: none; }
	#copyright { padding: 20px 0px 30px 0; }
	ul.sub02_tab li:first-child a, ul.sub02_tab li:last-child a {
		margin-top: -10px;
	}
}

@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;}

	.three_product { padding: 280px 0 70px 0; }
}

@media screen and (max-width: 450px){
	.sct_ct ul li { width: 33.3333%; }

 



	.sub02_01 ul li {
		width: 32%;
	}
	.sub01_03 ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}


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

	#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;}

	.slide_content { padding: 22% 3% 0 3%; }
	.slide_content .wrap .main_txt_pc { display: none; }
	.slide_content .wrap h2 { padding-bottom: 0; }
	.link_btn_wrap { display: none; }

	.foot_menu ul li a {
		font-size: 12px;
	}
	.foot_menu ul{width: 90%;}
	.foot_menu ul li {
		padding-right: 4%;
		line-height: 30px;
	}
	div#copyright > div > p {
		font-size: 12px;
		line-height: 17px;
		word-break: keep-all;
	}

	/*°Ô½ÃÆÇ °Ë»ö¹öÆ°*/
	select#sfl {width: 100%; margin-bottom: 5px;}
	input#stx {width: 50%;}
	input.btn_submit, input#sit_btn_buy, #sit_ov_btn input, input.btn_b02, input.btn_submit {
		width: 48%;
	}
}


@media screen and (max-width: 425px){
	.bo_v_com .basic2_viewList { clear: both; }
	.bo_v_com .basic2_viewList, .bo_v_com .basic2_viewAnswer, .bo_v_com .basic2_viewWriting { margin-top: 5px; }
	.basic2_viewWriting a.btn_b02 { width: 80px; text-align: center; }

	.content_inst, .content_fac, .class {width: 100%;}
	.content_inst {height:250px; margin-bottom:10px;}
	.content_inst .title01 {font-size:23px; margin-bottom:5px; left: 32px;}
	.content_inst .title02 {font-size:16px; right: 32px; top: 73%;}
	.content_inst img {position: relative; top: -80px;}

	.sub03_01 .w_box p br {
		display: none;
	}

}





@media screen and (max-width: 383px){
	/* ȸ¿ø°¡ÀÔ 2¹ø° Æû */
	.tbl_frm01.tbl_wrap caption { font-size: 16px; }
}

@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%;}

	.top_cert { display: none; }
	    margin-bottom: 20px;
		width: 94%;
		padding: 3%;
	}

}



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

	#hd_wrapper { text-align: left; }

	.bo_notice .tbl_head01 td { padding: 12px 5px; }

}


@media screen and (max-width: 360px){
	.mb_login_img {left: 32%;}
	#tab2 .movement li {min-height: 146px;padding: 0 18px;}

.slide_content .wrap h2 { font-size: 30px; line-height: 30px; }

#main_menu { width: 260px; }

#navigation > #menu > #nav > li > a { font-size: 16px; }

	/* footer */

	/* °øÅë °¶·¯¸® galler */
	#container #bo_gall .gall_li { width: 100% !important; padding: 0 0 30px 0; }

}

/*¼öÁ¤ÀÌ°¡ 2019-03-27 ~ : µðÀÚÀÎÆäÀÌÁö*/  

@media all and (max-width: 1200px) { 
	.os_mac.root_daum_roughmap, .os_mac.root_daum_roughmap button, .os_mac.root_daum_roughmap input, .os_mac.root_daum_roughmap select, .os_mac.root_daum_roughmap td, .os_mac.root_daum_roughmap textarea, .os_mac.root_daum_roughmap th {
		width: 100% !important;
	}
	/* #sub_cont {padding: 0 10px;} */
	#container {padding: 0 10px; word-break: keep-all;}
	#container p {word-break: keep-all;}



}
@media all and (max-width: 1024px) {
	
	/*¼­ºêºñÁÖ¾ó*/
	.sidebar_txt h3:before {left: 22%;}
	.sidebar_txt h3:after {right: 22%;}

	/*¼­ºêŸÀÌƲ*/
	.sub_title {margin-bottom:0;}
	.sub_title > p {padding-bottom: 30px;}
	.sub_title > p:before {width:100% !important;}

	/*ÀÔÁÖû¼Ò*/
	.sub02_01b:before {display:none;}
	.sub02_01b p.sub02_01bi {padding-top: 14%; font-size: 18px; background-position: center 60px;}

	/*¼­ºñ½º¾È³»*/
	.step_list_b ul.step_list_bw {line-height: 1.3em; background-position: center 28%; padding-top: 90px;}
	.step_list_b ul.step_list_bw li {font-size: 15px;}
	.step_list_b ul.step_list_bw li:first-child {font-size: 17px;}



}

@media all and (max-width: 860px) {
	
	/*¼­ºêºñÁÖ¾ó*/
	.sidebar_txt h3:before {display:none;}
	.sidebar_txt h3:after {display:none;}

	.sidebar_txt {top: 40%;}
	.sub_visual {height: 270px;}
	.sidebar_txt h3 {font-size: 30px;}
	.sidebar_txt p {margin-top: 15px;}

	/*¿À½Ã´Â ±æ*/
	.address_b dl {padding-left: 23%;}
	.address_b dl dt  {font-size: 16px}
	.address_b dl dd {font-size: 14px;}

	/*ÀÔÁÖû¼Ò*/
	.sub02_01t p {font-size: 22px;}
	.sub02_01t .sub_btn01 {margin: 0 auto; margin-top: 15px; }
	.sub02_01b p.sub02_01bi {font-size: 14px; background-position: center 30px;}

	

	
}

@media all and (max-width: 767px) {
	.sub_title > h2 {font-size: 25px; margin-bottom:20px;}
	.sub_title > p {font-size: 15px;}

	/*Àλ縻*/
	.sub01_top p {font-size: 20px;}
	.sub01_bottom {padding: 50px 10px;}
	.sub01_bottom p {font-size: 17px; word-break: keep-all; line-height: 25px;}

	/*ÀÔÁÖû¼Ò*/
	.sub02_01t p {line-height: 1.4em; text-align:center;}

	.sub02_01m dl {width: 48%; height: 300px; margin-bottom: 10px;}
	.sub02_01m dl dd {padding: 0 15px;}

	.sub02_01b div {width: 100%;}
	.sub02_01b .sub02_01bi {padding: 20px;}

	.sub02_01m p {font-size: 16px;}


	/*°¡»çµµ¿ì¹Ì*/
	.sub02_02t p {font-size: 20px; }
	.sub02_02b p {font-size: 16px;}
	.sub02_02b dl dd {font-size:14px;}

	/*½Ç¹öµµ¿ì¹Ì*/
	.sub02_03t p {font-size: 20px; }
	.sub02_03b p {font-size: 16px;}
	.sub02_03b dl dd {font-size:14px;}

	/*ǪÅÍ : ÆÄÃâ¾Ø°¡»çµµ¿ì¹Ì*/
	.foot_menu ul {padding: 10px 0; width: 98%;}
	.foot_menu ul li {line-height: 35px;}
	.foot_menu ul li a {font-size: 14px;}
	div#copyright p {font-size: 13px;}

	/*¼­ºñ½ºÀÌ¿ë¾È³»*/
	.step_list_b:before {display:none;}
	.step_list_b ul {width: 100%;}
	.step_list_b ul.step_list_bw {position: inherit; width: 100%; padding-bottom: 30px; background-position: center 20%;}
	.premium img {width: 95%;}

}

@media all and (max-width: 560px) { 
	/*Àλ縻*/
	.sub01_top p {font-size: 16px;}
	.sub01_bottom {padding: 10px 5px;}
	.sub01_bottom p {font-size: 15px;}


	/*ã¾Æ¿À½Ã´Â±æ*/
	.address {height: auto; }
	.address dt {height: 40px; line-height: 40px; width: 100%; float:inherit; border-right:0; border-bottom: 1px solid #ccc;}
	.address dd {width: 1005; float:inherit; text-align:center;}

	.address_b dl {padding-left: 34%;}
	.address_b .subway {background-position: 0 50%;}
	.address_b .bus {background-position: 0 50%;}
 
	/*ÀÔÁÖû¼Ò*/
	.sub02_01t p {font-size: 18px;}
	.sub02_01t .sub_btn01 a {font-size: 14px;}
	.sub02_01b {margin-top: 10px;}
	.sub02_01b p {width: 100%; display:block;}
	.sub02_01b p.sub02_01bi {width: 100%; font-size: 14px; background-color: #fff;  position: inherit; background-position: center 15px; padding-top: 23%;}

	.sub02_01m dl dt {font-size: 16px;}
	.sub02_01m dl dd {font-size: 14px;}

	.sub02_01b dl dt {font-size: 16px;}
	.sub02_01b dl dd {font-size: 14px;}

	/*°¡»çµµ¿ì¹Ì*/
	.sub02_02t {height: 250px; background-position: 0 bottom;}
	.sub02_02t p {padding: 0 10px;line-height: 1.3em; padding-top: 100px;}
	.sub02_02b {margin-top: 40px;}
	.sub02_02b dl {width: 31%;}
	.sub02_02b dl dd {top: 34%;}
	.sub02_02b p {font-size: 14px;}

	/*½Ç¹öµµ¿ì¹Ì*/
	.sub02_03t {height: 250px; background-position: 0 bottom;}
	.sub02_03t p {padding: 0 10px;line-height: 1.3em; padding-top: 100px;}
	.sub02_03b {margin-top: 40px;}
 
	.sub02_03b dl dd {top: 34%;}
	.sub02_03b p {font-size: 14px;}

	/*°Ô½ÃÆÇ*/
	.tbl_frm01.tbl_wrap input[type="text"] {width: 95%;}
	.tbl_frm01 #ca_name {width: 95%;}
	.time_wrap {width: 95%; }

	.Confirm_duplication_btn {width: 50%; margin-top: 5px; text-align:center;}
	.tbl_frm01.tbl_wrap input[type="text"]::placeholder {font-size: 11px; padding-left: 5px;}
	.tbl_frm01 #wr_subject::placeholder {font-size: 11px; padding-left: 5px;}

	 



	.tbl_frm01 #wr_subject {width: 95%; }
}

@media all and (max-width:400px) {
	.sub02_03b dl {width: 100%;}
}