@media screen and (max-width: 1450px) {
    .intes_studio_area.subPage .box-img { margin-bottom: 80px; width: 500px; }
}
@media screen and (max-width: 1400px) {
    .since_text { width: 100%; max-width: 1200px; margin: 0px auto 20px; }
    .intes_studio_area .since_text { left: 0; }
    .white_cl .since_text h5 { position: relative; left: 0px; top: 0px; transform: rotate(0deg); }
}

@media screen and (max-width: 1300px) {
    .container { width: 100%; padding: 0 50px; }

    .page_lines { display: none; }

    #visual_wr { padding: 0 50px; }
    #visual_wr #visual-text { width: 100%; margin: 0px; }
    #visual_wr #visual-text:before { display: none; }

    .since_text { margin: 0 0 20px; padding: 0 50px; }
    .white_cl .since_text h5 {  }
    .intes_studio_area .box-img { width: 520px; }
    .intes_studio_area .box-txt { float: right; }

    .intes_studio_area.subPage .box-img { display: none; float: none; width: 100%; }
    .intes_studio_area.subPage .box-txt { float: none; width: 100%; }
}

@media screen and (max-width: 1200px) {
    #hd, #wrapper, #ft { width: 100%; min-width: auto; }
    #hd_wrapper { padding: 0 50px 0 50px; width: 100%; }
    #hd_wrapper nav#gnb ul li { margin-left: 50px; }

    .intes_studio_area .box-txt { float: left; margin-top: 50px; width: 100%; }
    .white_cl .studio_text h5 br { display: none; }
    .white_cl .studio_text ul li { margin-left: 0px; width: calc((100% / 2));}
    .white_cl .studio_text ul li p { padding-right: 20px; }
    .white_cl .studio_text ul li p br{ display: none; }
    .speciallization_area ul li { padding-left: 0px; width: calc(100% / 2); height: 355px; }
    .speciallization_area ul li p { padding-right: 20px; }

    .gall_row .col-gn-4 { width: 33.333333%; }

    #bo_list ul li { padding-right: 50px; }

    #ft_catch { float: none; }
    #ft_link { width: 100%; }
    #ft_link .ft_link-col { margin-top: 50px;  min-width: 180px; height: 200px; }

    .owl-stage { height: 400px; }
    .fillter_slider .owl-item { height: 400px; }
    .projects_item { height: 400px; }

    .intes_studio_area { padding-top: 80px; }
    .intes_studio_area .box-img { display: none; }
    .intes_studio_area .since_text { display: none; }

    .white_cl .studio_text ul li { padding-top: 80px; }
    .white_cl .studio_text ul li p { margin-top: 10px; font-size: 14px; }

    .speciallization_area { padding-top: 80px; }
    .speciallization_area ul li { padding-top: 130px; height: 300px; }
    .speciallization_area ul li h4 { margin-bottom: 12px; font-size: 24px; }
    .speciallization_area ul li p { font-size: 14px; line-height: 22px; }

    .speciallization_area a.link_btn { margin-top: 0px; }

    .latest_project { padding-top: 80px; }

    .main_title h2 { font-size: 30px; margin-bottom: 24px; }
    .main_title p { font-size: 14px; }

    .speciallization_area.sub02 { margin-bottom: 0; }

    #imgViewFrame .frame .top { width: 100%; }
}

@media screen and (max-width: 1024px) {
    .gall_row .col-gn-4 { width: 50%; }
    #bo_gall .gall_img { height: 380px; }

    #bo_list ul li { padding-right: 30px; }

    #visual_wr.subVisual { margin-bottom: 80px; height: 350px; }
    #visual_wr.subVisual.map { height: 350px; }
    #visual_wr #visual-text { display: none; }
    #visual_wr.main_visual #visual-text { display: block; }

    #visual_wr.subVisual #visual-slide .slick-frame .item { height: 100%; }

    .intes_studio_area.subPage { padding-bottom: 100px; }

    .pg_wrap { margin-bottom: 0; }
    .subPage .frame { margin-bottom: 60px; }
}

@media screen and (max-width: 1000px) {
    #hd_wrapper { padding: 0 30px 0 30px; }
    #logo { padding: 20px 0 15px; }
    #logo img { height: 40px; }
    #hd_wrapper nav#gnb { padding-top: 28px; }
    #hd_wrapper nav#gnb ul li { margin-left: 30px; font-size: 15px; }

    #imgViewFrame .frame .top { margin: 0 auto 0px; }
    #imgViewFrame .frame .top strong { margin-top: 12px; font-size: 20px; }
}

@media screen and (max-width: 900px) {
    #visual_wr #visual-text span { font-size: calc(30px - ((900px - 100vw) / 50)); }
    #visual_wr #visual-text strong { font-size: calc(115px - ((900px - 100vw) / 8)); }

    .intes_studio_area { padding-top: 100px; }
}

@media screen and (max-width: 768px) {
    .container { padding: 0 30px; }
    .since_text { padding: 0 30px; }
    #ft_wr { padding: 0 30px; }

    #mobile-menu { display: block; }

    #visual_wr { padding: 0 30px; height: 500px; }
    #visual_wr #visual-text span { bottom: 280px; }
    #visual_wr #visual-slide .slick-frame .item { height: 500px; }

    #visual_wr.subVisual { height: 250px; }
    #visual_wr.subVisual.map { height: 250px; }

	.main_business {padding-top:0px;}

    .subPage.sub01 strong { line-height: 120%; }

    .speciallization_area.sub02 { padding-top: 60px; }

    .subPage.sub02 ul.sub02-list li { width: calc(100% / 3); }
    .subPage.sub02 ul.sub02-list li:nth-child(3) { clear: both; }
    .subPage.sub02 ul.sub02-list li:nth-child(n + 3) { margin-top: 30px; }

    #bo_list ul li { width: 100%; padding-right: 0; }

    .gall_row .col-gn-4 { width: 50%; }
    #bo_gall .gall_img { height: 380px; }

    .board-main .container #board-news { margin-top: 48px; }
    .board-main .container .board-col { float: none; padding-left: 0px; width: 100%; }

    #bo_list.notice thead { display: none; }
    #bo_list.notice tbody { display: block; }
    #bo_list.notice tbody tr.item { display: block; position: relative; border-top: 1px solid #ecf0f1; }
    #bo_list.notice tbody tr.item td { display: block; padding: 0; width: auto;  height: auto; border: none; }
    #bo_list.notice tbody tr.item td.td_num2 { display: none; }
    #bo_list.notice tbody tr.item td.td_subject { display: block; width: auto; }
    #bo_list.notice tbody tr.item td.td_name { position: absolute; bottom: 10px; left: 0px; width: auto; }
    #bo_list.notice tbody tr.item td.td_datetime { position: absolute; bottom: 10px; left: 80px; display: block; width: auto; }
    #bo_list.notice tbody tr.item td,
    #bo_list.notice tbody tr.item td span { font-size: 13px; color: #929292; }


    #bo_list.notice tbody tr.item_detile { width :100%; }
    #bo_list.notice tbody tr.item_detile td { display: block; width: 100%; height: auto; }
    .item_detile.on { display: block; }

    #bo_list .tbl_head01 a { display: block; padding: 15px 0 35px; width: 100%; height: 100%; font-size: 18px; color: #263a4f; }
    #bo_list.notice #bo_sch { float: left; }

    .board-main ul li .date { margin-bottom: 5px; }
    .board-main ul li .cntn { font-size: 16px; }


    .owl-stage { height: 320px; }
    .fillter_slider .owl-item { height: 320px; }
    .projects_item { font-size: 32px; }


    .subPage .studio_text h4 { font-size: 26px; line-height: 132%; }
    .subPage.sub01 strong { font-size: 18px; }

    .subPage h3 { font-size: 30px; }
    .subPage h5 { font-size: 20px; }

    .studio_text h3 { margin-bottom: 20px; font-size: 30px; line-height: 135%; }
    .studio_text h6 { margin-bottom: 20px; }
    .studio_text h5 { margin-bottom: 20px; font-size: 18px; }
    .studio_text p { margin-bottom: 30px; font-size: 14px; line-height: 22px; }

    .subPage .studio_text.frame_left h3 { margin-bottom: 40px; }

    .subPage .studio_text.frame_left { float: none; width: 100%; }
    .subPage .frame_right { float: none; width: 100%; }

    .subPage .frame_right form .fLeft { float: none; width: 100%; }
    .subPage .frame_right form .fRight { float: none; width: 100%; }
    .subPage .frame { margin-bottom: 0; }

    #bo_list .tbl_head01 { margin-top: 0; }


    #hd_wrapper nav#gnb { display: block; position: fixed; top: 0; right: 0; padding-top: 0; width: 0%; height: 100%; z-index: 9999; transition: width 600ms ease; }
    #hd_wrapper nav#gnb.open { width: 100%; }
    #hd_wrapper nav#gnb.close { width: 0%; }
    #hd_wrapper nav#gnb .gnb_wrap { display: block; position: fixed; top: 0; right: 0; padding-top: 160px; padding-left: 15%; width: 100%; max-width: 545px; height: 100%; background: #fff; z-index: 9999; box-shadow: 0 0 65px rgba(0,0,0,0); transform: translateX(100%); opacity: 0; transition: transform 600ms ease; transition-property: transform, box-shadow; }
    #hd_wrapper nav#gnb.open .gnb_wrap { opacity: 1; box-shadow: 0 0 65px rgba(0,0,0,.07); transform: translateX(0%); }
    #hd_wrapper nav#gnb.close .gnb_wrap { opacity: 1; box-shadow: 0 0 65px rgba(0,0,0,0); transform: translateX(100%); }
    #hd_wrapper nav#gnb ul { width: 100%; max-width: 346px; }
    #hd_wrapper nav#gnb ul li { float: none; margin-top: 20px; margin-left: 0; font-size: 20px; text-align: left; transition: all 1ms ease-in; }
    #hd_wrapper nav#gnb .copyright { display: block; }

    #mobile-menu_close { display: block; }

    #imgViewFrame { background-color: rgba(0, 0, 0, 0.8); }
    #imgViewFrame .frame .top .slash { margin: 0 15px; }
    #imgViewFrame .frame .top .close { position: absolute; top: 0; right: 20px; height: 50px; font-size: 0px; color: transparent; z-index:100; }
    #imgViewFrame .frame .slide { height: calc(100vh - 150px); background-color: transparent; }
    #imgViewFrame .frame .slide ul { display: flex; align-items: center; }
    #imgViewFrame .frame .slide ul li { height: auto; }
    #imgViewFrame .frame .slide ul li img { width: 90vw; height: auto; }
}

@media screen and (max-width: 700px) {
    #visual_wr #visual-text strong { bottom: calc(-17px + ((700px - 100vw) / 35)); }
	.fillter_slider .ion-ios-arrow-right {display:none;}
	.fillter_slider .ion-ios-arrow-left {display:none;}
	#visual_wr #visual-text span:before {height:3px;}
}

@media screen and (max-width: 590px) {
    .intes_studio_area .box-img { width: 100%; }
    .intes_studio_area .studio_img { max-width: 100%; }
    .intes_studio_area .studio_img:after { display: none; }
    .intes_studio_area .studio_img img { width: 100%; }
    .intes_studio_area .studio_img .years_text { right: auto; left: 50%; transform: translateX(-50%) translateY(-50%); }
    .intes_studio_area .studio_img .years_text:before { right: auto; left: 0px; }
    .intes_studio_area .studio_img .years_text .years_text_inner { right: -27px; top: -100px; }

    .gall_row .col-gn-4 { width: 100%; }
}

@media screen and (max-width: 500px) {
    #visual_wr { padding: 0 15px; }

    .intes_studio_area { padding-top: 20px; }
}

@media screen and (max-width: 480px) {
    .owl-stage { height: 280px; }
    .fillter_slider .owl-item { height: 280px; }
    .projects_item { height: 280px; }
}

@media screen and (max-width: 425px) {
    .container { padding: 0 15px; }
    .since_text { padding: 0 15px; }
    #ft_wr { padding: 0 15px; }

    #visual_wr { height: 360px; }
    #visual_wr #visual-text span { bottom: 190px; }
    #visual_wr #visual-slide .slick-frame .item { height: 360px; }

    .intes_studio_area .box-img { height: 500px; overflow: hidden; }

    .subPage.sub02 ul.sub02-list li { width: calc(100% / 2); }
    .subPage.sub02 ul.sub02-list li:nth-child(3) { clear: both; }
    .subPage.sub02 ul.sub02-list li:nth-child(n + 3) { margin-top: 30px; }
    .subPage.sub02 ul.sub02-list li:nth-child(5) { clear: both; }

    .speciallization_area.sub02 { padding-top: 0px; }
    .speciallization_area ul li {  }

    .white_cl .studio_text ul li { float: none; width: 100%; }
    .speciallization_area ul li { float: none; width: 100%; height: auto; }
    .speciallization_area ul li:nth-child(2) { background-position: left 0px top !important; }
    .speciallization_area ul li:nth-child(3) { background-position: left 0px top !important; }



    #ft_link .ft_link-col { width: 100%; height: auto; }
}