/***************************************/
/* MEDIAQUERIES */
/***************************************/
@media screen and (max-width: 1420px){
#the_content p {line-height: 25px; }
}


@media screen and (max-width:1240px){
.wrap,
.pibs_nboard_wrap{width:96%;}

div#single_dropdown{margin-left: 0%; }

#the_content p {line-height: 1.4;}
.sec1 {margin-top: 60px;}


h4.sti {font-size: 30px; margin-bottom: 25px;}
/*.vision > div {height:400px;}
.vision dl {width:43%; padding:30px}*/
.vision dt {font-size: 23px; /*margin-bottom:15px;*/}
}



@media screen and (max-width: 1130px){
.advantage > div {padding: 40px 30px; }
}




@media screen and (max-width:1040px){
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, 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; line-height: 1.3; }
#header .pc_menu {display:none;}
.mobile_menu {display:block;}
#header .wrap {width: 100%;}
.main_text img, #logo_top img {max-width:90%;}
#logo_top a {padding: 10px 5px 35px 5px;}
#slideshow_nav {display:none;}
#footer p, #footer p.copy_tx {line-height: 15px;font-size:11px;}

#sub_left_container {text-align:left;}
#sidebar_menu {overflow-x:auto; width:auto;}
#sidebar_menu li a {padding: 15px 25px;min-width: auto; }

.home #menu_touch_primary, 
.home #submenu {display:none;}

.touchscroll {overflow: hidden; clear: both; width: 100%; height:46px; }
.touchscroll::-webkit-scrollbar {width: 0 !important; }
.touchscroll ul li a:active {background: rgba(174, 211, 250, 0.5); }

#sub_menu_touch {background: #eee; -webkit-box-shadow: inset 0 -4px 4px rgba(0,0,0,0.2); box-shadow: inset 0 -4px 4px rgba(0,0,0,0.2); margin-bottom: 0px !important; }
#sub_menu_touch ul li a {font-size: 22px; display: inline-block; padding: 36px 30px; margin: 0 0; border-left: 2px solid #ccc; }
#sub_menu_touch ul li:first-child a {border-left: none; }
#sub_menu_touch ul li.active a {color: #900; font-weight: bold; background: transparent url(../images/menu_arrow.png) no-repeat center bottom; }
#movie #sub_menu_touch ul li.active a {background-image: url(../images/menu_arrow_02.png); }
#menu_touch {background: #fff; }

.third_depth_menu {text-align:left;width: 100%;margin: 30px auto 0; scrollbar-width: none; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; cursor: pointer; transition: all 0.2s; transform: scale(0.98); will-change: transform; position: relative; -webkit-overflow-scrolling: touch; user-select: none; margin-bottom: 0.6rem; /*padding-left:4%*/}
.third_depth_menu::-webkit-scrollbar {display: none;}
.third_depth_menu li a {padding:0 15px;  font-size:14px;}

/* 01-01 info */
.info > div > div img {width: 100%;}
.info > div > div:first-child {display: inline-block; float: left; width: 50%; padding-right: 40px; }

/* 02-01 지리적 위치 */
#the_content.sub.plan_area {padding:0;}
.advantage > div {padding: 30px 20px;}
.radius .radius_img {height: 450px;}
.radius .radius_cont {padding: 50px;}
.advantage > div {width: 50%; min-height: 455px; border-top:0; }
.advantage {margin-bottom: 60px; padding: 0; border-top: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; }
.radius .radius_cont {border-top: 0; }

/* 03-01 */


}


@media screen and (max-width:1024px){
.wrap,
.pibs_nboard_wrap{width:95%;}
.page #footer {padding: 25px 0; }
#sub_container{min-height:calc(100vh - 400px); padding-bottom:50px; }
#content_container h1 {font-size: 35px; margin-top: 50px;}
.Svisual h5 {font-size: 26px;}

.Htitle {margin-bottom: 50px;}
.sub h3 {font-size: 25px;}
.sub h4 {font-size: 30px; padding: 25px 0;}	
h4.sti {font-size: 30px; margin-bottom: 20px; line-height: 1.3;}
.sub h5 {font-size: 20px; }
ul.list li {padding-left:10px;}
ul.list li:after{top:7px; }

.summarry {padding:25px; margin-bottom:30px;}
/*
.vision > div {height:300px;}
#en .vision > div {height:350px;}

.vision dl {width:49%; padding:25px}
#en .vision dl {min-height:155px;}*/
.vision dt {font-size: 20px; margin-bottom:10px;}
/*#vision01 {width: 55%;}
#en #vision01 {width: 59%;}
#vision02 {left:0%;}
#vision03 {right:0%;}*/
.vision > div > ul > li {width:180px; height:180px; line-height:180px; font-size:25px;}

.vision dl {margin-top: 30px;}



.history > div > div {width:100%; float:none;}
.history > div > div:last-child {float:none;}
.history dl {padding:15px 0 15px 120px;}
.history > div > div:last-child dl:first-child:before {top:0;}
.history dt {font-size: 20px}


.work01 dl{margin-bottom:30px;}
.work01 dt {width:230px; padding:30px; }
.work01 dt span {display:block;}
.work01 dd {width:calc(100% - 230px); min-height: 110px;}


.investment_left{width:30%;}
.investment_right{width:65%;}
.investment_left a.fancybox.image {width:100%; display:block; margin-bottom:5px;}
.investment dd br {display:none;}

.work02 dl {padding-left:180px;}


.solmarine div.deco_img p {width: 75%; }
.business > div, .business img {width: 100%; }
 .business_right {margin-top:30px;}
.business > div.tb_st, .page-id-2330 .business > div.tb_st {margin-top:30px; }


.pibs_nboard_write_form th {border-bottom: 0 !important;}
/* 04-01 */
.solmarine div.deco_img01 > div, .solmarine div.deco_img02 > div {width:100%; }
.solmarine div.deco_img01 > div:first-child, .solmarine div.deco_img02 > div, .solmarine div.deco_img02 > div:first-child {width:100%; padding-bottom: 50px; padding-left:0; }
.sol_newmap {background-position-x: 50%; }

.mobile .pibs_nboard_write_subject {font-size: 18px !important; margin-bottom: 10px !important;}
.mobile span.pibs_nboard_write_visit {margin-bottom: 0px !important;}
.mobile #the_content a.pibs_nboard_btn_secondary, .mobile a.pibs_nboard_btn_secondary, .mobile .pibs_nboard_btn_secondary {padding: 5px 15px 5px 28px !important;}
.mobile table.pibs_nboard td.pibs_nboard_comment {display:none !important;}
.mobile table.pibs_nboard td.pibs_nboard_date{border-width: 0 !important;}
.mobile #pibsboard_list.pibs_nboard td.pibs_nboard_file {display:none !important;}

.mobile input#pibs_nboard_write_form_title {width: calc(100% - 120px) !important;}
.mobile table.pibs_nboard_write_form th { width: 120px !important;  padding-left: 0px !important;}
.mobile .page-id-902 .pibs_nboard_write_form input[type="text"] {border:1px solid #ddd !important;}
}




@media screen and (max-width:768px){
.page #footer {padding: 20px 0; }
#content_container h1 {font-size: 30px; margin-top: 30px;}
#breadcrumbs, #breadcrumbs a, #breadcrumbs span {font-size: 13px;}

#sidebar_menu li a {/*width: 120px;*/ }

.Htitle {margin-bottom: 30px;}
.sub h3 {font-size: 23px;}
.sub h4 {font-size: 25px; padding: 20px 0;}
h4.sti {font-size: 25px; margin-bottom: 15px;}
.sub h5 {line-height: 1.3; font-size: 19px; margin-bottom: 20px;}
.summarry {padding:20px; margin-bottom:30px;}


.introduction > div > div:first-child {float: none; width: 100%; margin-bottom:30px;}
.introduction > div > div:last-child {float: none; width: 100%;}

.vision > div, #en .vision > div {height:auto;}
.vision dl {margin-top: 25px;}
/*.vision dl {width:80%; min-width:420px; padding:20px; margin-bottom:20px;}
#en .vision dl {min-height:auto;}*/
.vision dt {font-size: 18px;}
.vision dd li{padding-left:12px; line-height:1.5; margin-bottom:3px; }
/*#vision01,#en #vision01 {width: 80%;}
#vision02 {position:relative; left:auto;}
#vision03 {position:relative; right:auto;}*/
.vision > div > ul > li {width:130px; height:130px; line-height:130px; font-size:20px;}

.history dl {padding:15px 0 15px 100px;}
.history dt {font-size: 18px; line-height: 1.3;}
.history dl:before {left: 70px; top: 18px;}
.history dl:after {left: 64px; top: 18px;}

.work01 dl{margin-bottom:20px;}
.work01 dt {width:130px; padding:25px 20px; }
.work01 dd {width:calc(100% - 130px);  padding:20px 15px; min-height: 140px;}

.investment {margin-top:30px; }
.work02 dl {padding-left:100px;}
.work02 dt {font-size:16px;}

p.stit {margin-top:5px;}
.investment_left {width:100%; float:none; margin-bottom:25px;}

.investment_right {width:100%; float:none;}
.investment dl:before  {top:8px;}
.investment dt {font-size:14px}


.investment_left a.fancybox.image {width:49%; display:inline-block; margin-bottom:0px;}
.investment_left img {width:100%; /*max-width:200px;*/}

.investment > div {margin-top:40px;}
.investment dl {margin-bottom: 20px;}
.investment dt {font-size:15px}
ul.list li {/*line-height:1.2;*/ margin-bottom:3px;}

.investment03 ul li {width:calc(94% / 3); margin-bottom:15px;margin-right:3%;}
.investment03 ul li:nth-child(4n) {margin-right:3%; }
.investment03 ul li:nth-child(3n) {margin-right:0;}

#the_content a.more02 {padding:6px 15px; font-size:13px;}

.solmarine div.deco_img p {width: 100%;}
.solmarine div.deco_img01 > div:first-child, .solmarine div.deco_img02 > div, .solmarine div.deco_img02 > div:first-child {padding-bottom: 30px;}
/* 01-01 info */
.info > div > div {width:100% !important;}
.info > div > div:first-child {padding:0;}



/* 02-01 지리적 위치 */
.advantage {border-right: 1px solid #d0d0d0; margin-bottom: 0; }
.advantage > div {min-height: 416px; border-top:0; }
.advantage h3 > span {display:none; clear: both; }
.advantage h3 > span > img {width:15%; }
.plan_area .radius > div, .panorama > div {width: 100%; position: relative; padding: 0; }
.radius .radius_img {}
.panorama > div:first-child {padding-right: 0; margin-bottom: 60px; }
.radius .radius_cont {border-top: 0; }
.plan_area .radius {margin-top: 70px; }
.plan_area .radius > div:first-child {margin-bottom:60px; }
.bx-wrapper img {width: 100%; }

/* 05-03 찾아오시는길 */
.add {padding:0;border-right: 0;}
#the_content .add h3 {font-size: 16px; padding: 5px 20px; width: 100%; border:1px solid #262262; }
.add dl {width: 100%; padding: 20px; }

/* 04-02 */
ul.sol_floor li {width: 49%; }



}




@media screen and (max-width:650px){
.sub .img img.pc {display: none;}
.sub .img img.mo {display:inline-block;}

.work01 dl{margin-bottom:15px;}
.work01 dt {width:100%; text-align:center; padding:10px; }
.work01 dt span {display:inline-block;}
.work01 dd {width:100%; padding:15px; min-height:auto;}
.work01 dd p {margin-bottom:5px;}
}










@media screen and (max-width:550px){
body.home.mobile #footer p {display: none; }
body.home.mobile #footer p.copy_tx {display:block; }

/* 02-01 */
.advantage > div {width:100%; height:auto; min-height: 200px; }
.advantage h3 {font-size: 20px; padding-bottom: 10px; margin-bottom: 15px; font-weight: 500; }
.radius .radius_img {background-position-x: -310px; }

/* 04-01 */
.solmarine h3 {padding-top: 0;}
.solmarine div.deco_img02 > div {padding-bottom:0;}
.solmarine h3 {padding-bottom: 23px; margin-bottom: 20px; }
.solmarine div.deco_img01 > div:first-child, .solmarine div.deco_img02 > div, .solmarine div.deco_img02 > div:first-child {}


/* 04-02 */
ul.sol_floor li > p {margin: 22px; font-size: 16px; }
ul.sol_floor li > p > span {font-size: 13px; padding-top: 17px; }
ul.sol_floor li {margin-bottom: 20px; padding: 0 0;}


}


@media screen and (max-width:460px){
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, 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: 13px; }

#sidebar_menu li a {padding: 15px 18px; }
#sidebar_menu > li > a{font-size: 14px;}

#content_container h1 {font-size: 25px;}
.sub h3 {font-size: 20px; line-height: 26px; padding-bottom: 12px; }
.sub h4{font-size: 20px;}
h4.sti {font-size: 20px;}
.sub h5 {font-size: 17px; }
.summarry {padding:15px; margin-bottom:25px;}


.introduction > div > div:first-child {margin-bottom:15px;}

.vision > div > ul > li {width:90px; height:90px; line-height:90px; font-size:17px;  margin:0 1px;}
/*.vision dl {width:100% !important; min-width:auto;padding:15px;  }*/
.vision dt {font-size: 16px; margin-bottom: 5px;}
#vision01 {width: 100%;}

.history dl {padding:10px 0 10px 80px;}
.history dt {font-size: 17px; line-height: 1.1;}
.history dl:before {left: 60px;}
.history dl:after {left: 54px;}

.investment > div {margin-top:20px;}

.investment03 ul li {width:calc(97% / 2); margin-bottom:10px; }
.investment03 ul li:nth-child(3n) {margin-right:3%;}
.investment03 ul li:nth-child(2n) {margin-right:0;}

.work02 dl {padding-left:0px;}
.work02 dt {font-size:15px; width:100%; position:relative;}
.work02 dd { width:100%; margin-top:10px;}


}

@media screen and (max-width:360px){
.sub h5 {font-size: 15px; }
}


@media screen and (max-width:320px){
h4.sti {}
}