@charset "utf-8";
@import url("common.css");
@import url("../../css/sub.css");
@import url("board.css");
@import url("footer.css");

/* 혁신기술 공통 */
#container > div > .container_inner .box{max-width:1200px; margin-left:auto; margin-right:auto; text-align:left; padding-top:50px; padding-bottom:50px; }
#container > div > .notoppd .box{padding-top:0!important; }
#container > div > .container_inner .box > .images{margin-bottom:40px;}
#container > div > .container_inner .box > .images img{width:100%;}
#container > div > .container_inner .box .left{float:left; width:300px; }
#container > div > .container_inner .box .left hr{width:32px; height:5px; background:#c11a21; text-align:left; margin-bottom:25px;}
#container > div > .container_inner .box .left h4{font-size:30px; line-height:36px; color:#444;}
#container > div > .container_inner .box .left h4 b{font-weight:300;}
#container > div > .container_inner .box .right{float:right; width:900px; color:#585858; margin-top:25px; }

/* SBarch 합성거더는? */
#SBarch .container_inner .box .right > .text{font-size:18px; line-height:36px; font-weight:300;}

/* SBarch 복합구조 효과 */ 
#SBarch .container_inner .box .right .girder{float:left; width:660px;}
#SBarch .container_inner .box .right .girderimg{float:right; margin-top:165px;}
#SBarch .container_inner .box .right .girder .boxes .text{font-size:18px; line-height:36px; font-weight:300;}
#SBarch .container_inner .box .right .girder .boxes{vertical-align:middle; color:#c11a21; text-align:center; font-weight:300; }
#SBarch .container_inner .box .right .girder .boxes .redtitle{float:left; width:128px; height:97px;  font-size:18px; font-weight:500; margin-top:50px; text-align:left;}
#SBarch .container_inner .box .right .girder .boxes .img-redtitle{float:left; width:73px; font-size:16px; }
#SBarch .container_inner .box .right .girder .boxes .mark{float:left; width:92px; height:97px; font-size:25px; margin-top:50px; }

#SBarch .container_inner .box .right .girder > div{margin-top:20px;}
#SBarch .container_inner .box .right .girder > div > .point{margin-bottom:10px;}
#SBarch .container_inner .box .right .girder > div > .point .circle{float:left; width:66px; height:66px; line-height:66px; font-size:18px; font-weight:300; text-align:center; color:#c11a21; border:solid 1px #c11a21; border-radius:50%; margin-right:35px;}
#SBarch .container_inner .box .right .girder > div > .point .text{float:left; width:165px; font-size:16px; line-height:23px; color:#444;}
#SBarch .container_inner .box .right .girder > div > .point .text2{float:left; width:165px; font-size:16px; line-height:23px; color:#444; font-weight:bold;}
#SBarch .container_inner .box .right .girder .pointgroup{float:left;}
#SBarch .container_inner .box .right .girder .pointgroup .point .text{width:165px;}
#SBarch .container_inner .box .right .girder .pointgroup .point .text2{width:165px;}
#SBarch .container_inner .box .right .girder .pointgroup .point:nth-child(2) .text{margin-top:10px; }

#SBarch .container_inner .box .right .girder .pointgroup2{margin-top:40px;}
#SBarch .container_inner .box .right .girder .pointgroup2 .pointtitle{float:left; font-size:18px; font-weight:700; color:#c11a21; margin-bottom:10px;}
#SBarch .container_inner .box .right .girder .pointgroup2 .pointtitle:nth-child(1){margin-left:104px;}
#SBarch .container_inner .box .right .girder .pointgroup2 .pointtitle:nth-child(2){margin-left:93px;}
#SBarch .container_inner .box .right .girder .pointgroup2 .point .text{width:165px;}
#SBarch .container_inner .box .right .girder .pointgroup2 .point .text2{width:165px;}
#SBarch .container_inner .box .right .girder .pointgroup2 .point:nth-child(3) .text:nth-child(2),
#SBarch .container_inner .box .right .girder .pointgroup2 .point:nth-child(5) .text:nth-child(3){margin-top:10px;}
#SBarch .container_inner .box .right .girder .pointgroup2 .point:nth-child(5) .text:nth-child(2){margin-top:21px;}
#SBarch .container_inner .box .right .girder .pointgroup2 .point .text:nth-child(3){width:135px;}
#SBarch .container_inner .box .right .girder .pointgroup2 .point .text .empty{display:inline-block; width:12px;}
#SBarch .container_inner .box .right .girder .bigcircle{float:left; width:147px; height:147px; border-radius:50%; background:#c11a21; font-size:16px; line-height:23px; color:#fff; text-align:center; padding-top:33px;}

/* SBarch 제작설치 공정 */
#SBarch .container_inner .box .w100{width:1200px!important;}
#SBarch .container_inner .box .w100 .bottomgroup{margin-top:-14px;}
#SBarch .container_inner .box .w100 > div dl {display:inline-block; width:156px; text-align:center; color:#444; word-spacing:-0.1em;}
#SBarch .container_inner .box .w100 > div dl .dot{width:13px; height:13px;background:#c11a21; border-radius:50%; margin-left:auto; margin-right:auto;}
#SBarch .container_inner .box .w100 > div dl .title{font-size:20px; font-weight:500; }
#SBarch .container_inner .box .w100 > div dl .text{font-size:15px; font-weight:300;}
#SBarch .container_inner .box .w100 hr{width:1050px; height:2px; background:#c11a21; position:relative; top:-7px; left:0;}
#SBarch .container_inner .box .w100 .topgroup dl{ margin-left:101px;}
#SBarch .container_inner .box .w100 .topgroup dl:first-child{margin-left:0;}
#SBarch .container_inner .box .w100 .topgroup dl .title{margin-top:5px;}
#SBarch .container_inner .box .w100 .topgroup dl .dot{margin-top:13px;}
#SBarch .container_inner .box .w100 .bottomgroup dl{ margin-left:103px;}
#SBarch .container_inner .box .w100 .bottomgroup dl:first-child{margin-left:131px;}
#SBarch .container_inner .box .w100 .bottomgroup dl .text{margin-bottom:5px;}
#SBarch .container_inner .box .w100 .bottomgroup dl .dot{margin-bottom:13px;}

/* SBarch 특장점 */
#SBarch .container_inner .box .sub0301bg{height:422px; background:url(../../sub/sub0301-3-1.png) no-repeat left 14px;}
#SBarch .container_inner .box .right .box4{font-size:16px; font-weight:300;}
#SBarch .container_inner .box .right .first{width:257px; float:left; margin-left:68px; }
#SBarch .container_inner .box .right .second{width:319px; float:right;}
#SBarch .container_inner .box .right .third {width:319px; float:right; margin-top:145px;}
#SBarch .container_inner .box .right .box4 h5{width:100%; font-size:20px; font-weight:500; color:#c11a21; margin-bottom:14px;}
#SBarch .container_inner .box .right .box4 dl {margin-bottom:10px;}
#SBarch .container_inner .box .right .box4 dl dt{width:35px; height:35px; float:left;}
#SBarch .container_inner .box .right .box4 dl dt img{vertical-align:top;}
#SBarch .container_inner .box .right .box4 dl .title{font-size:18px; line-height:35px; margin-left:50px; font-weight:500;}
#SBarch .container_inner .box .right .box4 dl .text{height:25px; line-height:25px; margin-left:50px; word-spacing:-0.14em;}
#SBarch .container_inner .box .right .box4 dl .btm{margin-bottom:50px;}

/* SBarch 하중전달 매커니즘 */
#SBarch .container_inner .box .right .box5{font-size:18px; line-height:39px; font-weight:300;}
#SBarch .container_inner .box .right .box5 > .images > img{display:inline-block; vertical-align:middle;}
#SBarch .container_inner .box .right .box5 > .images img:first-child{margin-left:30px; margin-top:20px;}
#SBarch .container_inner .box .right .box5 > .images img:last-child{margin-left:100px; }
#SBarch .container_inner .box .right .box5 dl {width:45.2%; float:left; margin-bottom:10px;}
#SBarch .container_inner .box .right .box5 dl dt{float:left; width:35px; height:35px;}
#SBarch .container_inner .box .right .box5 dl dt img{vertical-align:top;}
#SBarch .container_inner .box .right .box5 dl .text{float:left; height:35px; line-height:35px; margin-left:10px;}

#SBarch .bg{background:#f2f2f2; }


/* 오뚜기 거더 */
#ottogi .container_inner .box .right > .text{font-size:18px; line-height:30px; font-weight:300;}
#ottogi .container_inner .box .right > .text:nth-child(2){margin-top:17px;}
#ottogi .container_inner .box .right > .text b{display:inline-block; font-weight:500; padding-bottom:10px; margin-top:6px;}

/* mpc 공법개요 */
#ottogi .container_inner .box .right .mpcimg1{margin-top:15px;}
#ottogi .container_inner .box .right .mpcimg1 img{border:solid 1px #d8d8d8;}
#ottogi .container_inner .box .right .mpcimg1 img:nth-child(2){margin-left:5px; margin-right:5px;}

/* mpc 전도방지효과 */
#ottogi .container_inner .box .right .mpcimg2{margin-top:13px; text-align:center;}
#ottogi .container_inner .box .right .mpcimg2 img:nth-child(1){margin-right:66px;}

#ottogi .container_inner .box .right .circlegroup{text-align:center; margin-top:15px;}
#ottogi .container_inner .box .right .circlegroup .redcircle{display:inline-block; width:176px; height:176px; border:solid 5px #ffd4d6; border-radius:50%; margin-left:15px;}
#ottogi .container_inner .box .right .circlegroup .redcircle:nth-child(1){margin-left:0;}
#ottogi .container_inner .box .right .circlegroup .redcircle .graycircle{width:158px; height:158px; font-size:16px; line-height:22px; font-weight:300; border:solid 2px #d6d6d6;  border-radius:50%; margin-left:auto; margin-right:auto; margin-top:4px;}
#ottogi .container_inner .box .right .circlegroup .redcircle .graycircle b{display:inline-block; font-size:20px; font-weight:500; margin-top:43px; margin-bottom:7px;}

/* mpc 차별성 */
#ottogi .container_inner .box .right .ottogitable {border-top:solid 2px #c81f26; }
#ottogi .container_inner .box .right .ottogitable th,
#ottogi .container_inner .box .right .ottogitable td{border-bottom:solid 1px #cacaca; border-left:solid 1px #cacaca; padding-top:10px; padding-bottom:10px;}
#ottogi .container_inner .box .right .ottogitable .fline{border-left:none;}
#ottogi .container_inner .box .right .ottogitable .red{display:inline-block; color:#c81f26; margin-bottom:10px;}

/* mpc 제작과정 */
#ottogi .container_inner .box .right .ottogi123 .text{float:left; width:45%; font-size:16px; line-height:25px; font-weight:300; color:#666; word-spacing:-0.1em; margin-bottom:29px;}
#ottogi .container_inner .box .right .ottogi123 .text b{display:inline-block; width:100%; font-size:18px; font-weight:500; color:#444; margin-bottom:5px;}
#ottogi .container_inner .box .right .ottogi123 .mpcimg{width:55%; float:right;}
#ottogi .container_inner .box .right .ottogi123:nth-child(1) .mpcimg{margin-top:43px;}
#ottogi .container_inner .box .right .ottogi123:nth-child(2) .mpcimg{margin-top:25px;}
#ottogi .container_inner .box .right .ottogi123:nth-child(4) .mpcimg{margin-top:10px;}

/* HPS 공법개요 */
#ottogi .container_inner .box .right .mpcimg3{margin-top:13px; text-align:left; height:220px; }
#ottogi .container_inner .box .right .mpcimg3 > div > h5{font-size:14px; line-height:30px; font-weight:500; text-align:center; margin-bottom:15px;}
#ottogi .container_inner .box .right .mpcimg3 .part1 ul{width:190px; float:left; }
#ottogi .container_inner .box .right .mpcimg3 .arrow{width:37px; float:left; margin-top:45px; margin-left:10px; margin-right:10px;}

#ottogi .container_inner .box .right .mpcimg3 .part1{width:496px; float:left;}
#ottogi .container_inner .box .right .mpcimg3 .part1 ul .text{font-size:13px; line-height:18px; color:#6c6c6c; font-weight:300;}
#ottogi .container_inner .box .right .mpcimg3 .part2{width:404px; float:right; }
#ottogi .container_inner .box .right .mpcimg3 .part2 ul .redtext{font-size:15px; line-height:21px; color:#c11a21;  font-weight:300; }

/* HPS 특징장점 */
#ottogi .container_inner .box .right .feature{font-size:18px; line-height:39px; font-weight:300;}
#ottogi .container_inner .box .right .feature ul {width:45.2%; float:left; margin-bottom:10px;}

/* HPS 시공순서 */
#ottogi .container_inner .box .right .order dl{width:119px; float:left; font-size:15px; }
#ottogi .container_inner .box .right .order dl dt img{max-width:100%; border-radius:50%;}
#ottogi .container_inner .box .right .order dl dd{text-align:center; line-height:20px; word-spacing:-0.1em;}
#ottogi .container_inner .box .right .order .arrow{float:left; margin-top:50px; margin-left:4px; margin-right:5px;}
#ottogi .container_inner .box .right .order .arrow img,
#ottogi .container_inner .box .right .order_end .arrow img{width:27px;}

#ottogi .container_inner .box .right .order_end{text-align:left;}
#ottogi .container_inner .box .right .order_end{ margin-top:40px;}
#ottogi .container_inner .box .right .order_end .arrow{float:left; margin-top:70px; margin-left:4px; margin-right:5px;}
#ottogi .container_inner .box .right .order_end dl{width:435px; float:left; font-size:15px; text-align:center;}
#ottogi .container_inner .box .right .order_end dl dt img{border-radius:100px; max-width:100%;}


/* SBarch 라멘교 공법개요 */
#ramenkyo .container_inner .box .right .overview .boxes{float:left; width:260px;}
#ramenkyo .container_inner .box .right .overview .mark{float:left; font-size:60px; font-weight:700; margin-top:97px; padding-left:10px; padding-right:10px;}
#ramenkyo .container_inner .box .right .overview .boxes .ramenkyoimg,
#ramenkyo .container_inner .box .right .overview .boxes .title{text-align:center;}
#ramenkyo .container_inner .box .right .overview .boxes .title{font-size:20px; line-height:36px; font-weight:700; margin-bottom:15px;}
#ramenkyo .container_inner .box .right .overview .boxes .text{font-size:14px; line-height:20px; font-weight:300; margin-bottom:5px;}
#ramenkyo .container_inner .box .right .overview .boxes .text .empty{display:inline-block; width:10px;}
#ramenkyo .container_inner .box .right .overview .boxes:nth-child(3) .ramenkyoimg{padding-top:8px; padding-bottom:8px;}
#ramenkyo .container_inner .box .right .overview .boxes:nth-child(5) .ramenkyoimg img{max-width:100%;}
#ramenkyo .container_inner .box .right .overview .boxes:nth-child(5) .title{line-height:23px; padding-left:40px; margin-top:-20px;}


/* SBarch 라멘교 공법특징 */
#ramenkyo .container_inner .box .right .construction h5{font-size:25px; line-height:35px; font-weight:700; color:#c11a21; margin-bottom:-20px;}
#ramenkyo .container_inner .box .right .construction p{text-align:right; font-size:15px; line-height:15px; margin-bottom:5px;}
#ramenkyo .container_inner .box .right .construction table{font-size:15px; font-weight:300;}
#ramenkyo .container_inner .box .right .construction table thead{border-top:solid 2px #c11a21; font-weight:500;}
#ramenkyo .container_inner .box .right .construction table thead .meter{padding-top:10px;}
#ramenkyo .container_inner .box .right .construction table thead .title{min-width:150px;}
#ramenkyo .container_inner .box .right .construction table tr{border-bottom:solid 1px #e4e4e4;}
#ramenkyo .container_inner .box .right .construction table th,
#ramenkyo .container_inner .box .right .construction table td{border-left:solid 1px #e4e4e4;}
#ramenkyo .container_inner .box .right .construction table th,
#ramenkyo .container_inner .box .right .construction table td{padding-top:5px; padding-bottom:5px;}

#ramenkyo .container_inner .box .right .construction table tr .title{border-left:none; }
#ramenkyo .container_inner .box .right .construction .features{font-size:16px; line-height:30px; font-weight:300; margin-top:20px; margin-bottom:50px;}
#ramenkyo .container_inner .box .right .construction .features-part{font-weight:300;}
#ramenkyo .container_inner .box .right .construction .features-part .feas{width:200px; float:left; margin-left:32px;}
#ramenkyo .container_inner .box .right .construction .features-part .feas:nth-child(1){margin-left:0;}
#ramenkyo .container_inner .box .right .construction .features-part .feas h6{color:#fff; font-size:25px; height:50px; line-height:50px; text-align:center; font-weight:700; border-radius:30px; margin-bottom:20px; background:#acacac;}
#ramenkyo .container_inner .box .right .construction .features-part .feas .text{font-size:14px; line-height:20px; margin-top:10px;}
#ramenkyo .container_inner .box .right .construction .features-part .feas .text .empty{display:inline-block; width:10px;}


/* SBarch 라멘교 구조특징 */
#ramenkyo .container_inner .box .right .structure .strgroup{border:solid 1px #ececec;}
#ramenkyo .container_inner .box .right .structure .arrow{text-align:center; margin-top:10px;}
#ramenkyo .container_inner .box .right .structure .strgroup dl{text-align:center; padding:35px 90px;}
#ramenkyo .container_inner .box .right .structure .strgroup dl dd{font-size:14px; font-weight:300;}
#ramenkyo .container_inner .box .right .structure .strgroup .strbox1{float:left; width:50%; margin-top:25px;}
#ramenkyo .container_inner .box .right .structure .strgroup .strbox1 dt{margin-bottom:21px;}
#ramenkyo .container_inner .box .right .structure .strgroup .strbox2{float:left; width:50%;}
#ramenkyo .container_inner .box .right .structure .strgroup .strbox3 dt{padding-bottom:35px;}
#ramenkyo .container_inner .box .right .structure .strgroup .strbox3 dd{font-size:18px; text-align:left; line-height:30px;}

/* SBarch 라멘교 시공순서 */
#ramenkyo .container_inner .box .right .order > dl{position:relative; float:left; margin-right:15px; }
#ramenkyo .container_inner .box .right .order .top{margin-top:5px;}
#ramenkyo .container_inner .box .right .order .bottom{margin-top:40px;}
#ramenkyo .container_inner .box .right .order > dl .arrow{position:absolute; top:40%; z-index:1;}
#ramenkyo .container_inner .box .right .order .top .arrow{right:-25px;}
#ramenkyo .container_inner .box .right .order .bottom .arrow{left:-18px;}
#ramenkyo .container_inner .box .right .order .first .arrow{left:0;}
#ramenkyo .container_inner .box .right .order > dl:nth-child(3n){margin-right:0;}
#ramenkyo .container_inner .box .right .order > dl dt{font-size:18px; line-height:20px; font-weight:300;}


/* SB skidding*/
#skidding .bg{background:#f2f2f2; }

#skidding  .container_inner .box .right > .text,
#skidding  .container_inner .box .right .skddingtable > .text{font-size:18px; line-height:25px; font-weight:300; margin-top:10px; margin-bottom:30px;}
#skidding  .container_inner .box .right .overview .boxes .skddingimg img,
#skidding  .container_inner .box .right .skddingtable .skddingimg img{max-width:100%;}

#skidding  .container_inner .box .right .overview .boxes{float:left; margin-bottom:30px;}
#skidding  .container_inner .box .right .overview .boxes:nth-child(1){max-width:240px;}
#skidding  .container_inner .box .right .overview .boxes:nth-child(3){float:left; max-width:515px;}
#skidding  .container_inner .box .right .overview .arrow{float:left; width:100px; height:160px; line-height:160px; font-size:60px; color:#c11a21; text-align:center;}
#skidding  .container_inner .box .right .overview .boxes .text:nth-child(2){text-align:center; font-size:14px; font-weight:600; margin-bottom:15px;}
#skidding  .container_inner .box .right .overview .boxes .title{font-size:16px; font-weight:600; color:#c11a21; margin-bottom:10px;}
#skidding  .container_inner .box .right .overview .boxes .text:nth-child(4){font-size:16px; line-height:25px;}
#skidding  .container_inner .box .right .overview .boxes .text .empty{display:inline-block; width:194px; font-weight:300;}

#skidding  .container_inner .box .right .skddingtable h5{font-size:25px; line-height:35px; font-weight:700; color:#c11a21; margin-bottom:10px;}
#skidding  .container_inner .box .right .skddingtable .skddingimg{ margin-bottom:40px;}
#skidding  .container_inner .box .right .skddingtable .mgtop{margin-top:30px;}
#skidding  .container_inner .box .right .skddingtable table{font-size:15px;}
#skidding  .container_inner .box .right .skddingtable table td,
#skidding  .container_inner .box .right .skddingtable table th{border-left:solid 1px #d7d7d7;}
#skidding  .container_inner .box .right .skddingtable table td:first-child,
#skidding  .container_inner .box .right .skddingtable table th:first-child{border-left:none;}
#skidding  .container_inner .box .right .skddingtable table .tableimg{width:30%;}
#skidding  .container_inner .box .right .skddingtable table .tableimg img{max-width:100%; width:90%;}
#skidding  .container_inner .box .right .skddingtable table .textleft{text-align:left; vertical-align:top; padding-left:15px; padding-right:5px;}
#skidding  .container_inner .box .right .skddingtable table .textleft .empty{display:inline-block; width:10px;}
#skidding  .container_inner .box .right .skddingtable table .textleft .empty2{display:inline-block; width:17px;}

#skidding  .container_inner .box .right .skddingtable .record thead th:nth-child(1){min-width:30px;}
#skidding  .container_inner .box .right .skddingtable .record thead th:nth-child(2){min-width:55px;}
#skidding  .container_inner .box .right .skddingtable .record thead th:nth-child(5){min-width:55px;}
#skidding  .container_inner .box .right .skddingtable .record thead th:nth-child(6){min-width:60px;}
#skidding  .container_inner .box .right .skddingtable .record thead th:nth-child(7){min-width:40px;}

#skidding  .container_inner .box .right .skddingtable .schedule thead th:nth-child(1){min-width:30px;}
#skidding  .container_inner .box .right .skddingtable .schedule thead th:nth-child(3){min-width:90px;}

#skidding  .container_inner .box .right .order{width:100%; font-size:14px;}

#skidding  .container_inner .box .right .order dl{float:left; width:33.3%;}
#skidding  .container_inner .box .right .order dl dt{width:85%; height:75px; }
#skidding  .container_inner .box .right .order dl dt b{color:#c11a21; font-size:16px;}
#skidding  .container_inner .box .right .order dl .stepimg{width:85%;}
#skidding  .container_inner .box .right .order dl .arrow{width:15%; height:155px; line-height:155px; font-size:30px; color:#c11a21; text-align:center;}
#skidding  .container_inner .box .right .order dl dd img{max-width:100%; width:100%;}

#skidding  .container_inner .box .right .order .top dt{float:left; }
#skidding  .container_inner .box .right .order .top .stepimg{float:left;}
#skidding  .container_inner .box .right .order .top .arrow{float:right; }

#skidding  .container_inner .box .right .order .bottom{padding-top:10px;}
#skidding  .container_inner .box .right .order .bottom dt{float:right; }
#skidding  .container_inner .box .right .order .bottom .stepimg{float:right;}
#skidding  .container_inner .box .right .order .bottom .arrow{float:left; }

#skidding  .container_inner .box .right .cert{width:48%; text-align:center;}
#skidding  .container_inner .box .right .cert img{max-width:100%; margin-bottom:10px;}

#skidding  .container_inner .box .right .cert:nth-child(1){float:left;}
#skidding  .container_inner .box .right .cert:nth-child(2){float:right;}


/* SB pier */
#SBpier  .container_inner .box .right > .text b{display:inline-block; font-weight:700px; margin-bottom:10px;}

#SBpier  .container_inner .box .right h5{font-size:25px; line-height:35px; font-weight:700; color:#c11a21; margin-bottom:10px;}
	
#SBpier  .container_inner .box .right .overview .sbpierimg{float:left;}
#SBpier  .container_inner .box .right .overview .boxes{width:85%; float:right; margin-top:10px;}
#SBpier  .container_inner .box .right .overview .boxes .title{font-size:16px; font-weight:600; color:#c11a21; margin-bottom:5px;}
#SBpier  .container_inner .box .right .overview .boxes .text{font-size:16px; margin-bottom:15px; margin-left:10px;}
#SBpier  .container_inner .box .right .overview .boxes .text .mgtop10{display:inline-block; margin-top:10px;}

#SBpier  .container_inner .box .right .first .sbpierimg{width:15%;}
#SBpier  .container_inner .box .right .first .boxes{width:85%;}

#SBpier  .container_inner .box .right .second .sbpierimg{width:33%; text-align:center;}
#SBpier  .container_inner .box .right .second .sbpierimg img{margin-bottom:10px;}
#SBpier  .container_inner .box .right .second .boxes{width:65%;}

#SBpier  .container_inner .box .right .third .sbpierimg{width:34%; text-align:center;}
#SBpier  .container_inner .box .right .third .sbpierimg img{margin-bottom:10px;}
#SBpier  .container_inner .box .right .third .boxes{width:65%;}
#SBpier  .container_inner .box .right .third .line{background:url(../../sub/sub0305-03-02.png) no-repeat top right;}

#SBpier  .container_inner .box .right .mgtop{margin-top:30px;}
#SBpier  .container_inner .box .right .mgtop10{margin-top:10px;}
#SBpier  .container_inner .box .right .sbpiertable table{font-size:15px;}
#SBpier  .container_inner .box .right .sbpiertable table td,
#SBpier  .container_inner .box .right .sbpiertable table th{border-left:solid 1px #d7d7d7;}
#SBpier  .container_inner .box .right .sbpiertable table td:first-child,
#SBpier  .container_inner .box .right .sbpiertable table th:first-child{border-left:none;}
#SBpier  .container_inner .box .right .sbpiertable table .tableimg{width:30%;}
#SBpier  .container_inner .box .right .sbpiertable table .tableimg2{width:40%;}
#SBpier  .container_inner .box .right .sbpiertable table .tableimg img{width:90%; max-width:100%;}
#SBpier  .container_inner .box .right .sbpiertable table .textleft{text-align:left; vertical-align:top; padding-left:15px; padding-right:5px;}

#SBpier  .container_inner .box .right .sbpiertable .effectblock .effectbox{width:640px; margin-left:auto; margin-right:auto;}
#SBpier  .container_inner .box .right .sbpiertable .effectblock .effectbox .circlebox {width:120px; text-align:center;}
#SBpier  .container_inner .box .right .sbpiertable .effectblock  .effectbox .circlebox .circle {width:120px; height:120px; font-size:23px; line-height:30px; font-weight:700; background:#d6d6d6;  border-radius:50%; padding-top:35px;}

#SBpier  .container_inner .box .right .sbpiertable .effectblock .effectbox .textbox {width:320px; text-align:left; font-size:18px; font-weight:300; margin-top:16px; margin-left:40px; margin-right:40px; }
#SBpier  .container_inner .box .right .sbpiertable .effectblock .effectbox .textbox b{font-size:18px; font-weight:700;}

#SBpier  .container_inner .box .right .sbpiertable .effectblock .step1{margin-bottom:40px;}
#SBpier  .container_inner .box .right .sbpiertable .effectblock .effectbox .circlebox,
#SBpier  .container_inner .box .right .sbpiertable .effectblock .effectbox .textbox{float:left}


@media (max-width: 1199px){
	#container > div > .container_inner .box,
	#SBarch .container_inner .box .w100{width:90%; max-width:600px; ;}

	#container > div > .container_inner .box .left{float:none; width:100%; }
	#container > div > .container_inner .box .right{float:none; width:100%; }

	/* SBarch 복합구조 효과 */ 
	#SBarch .container_inner .box .right .girderimg{display:none;}
	#SBarch .container_inner .box .right .girder{float:none; width:100%;}
	#SBarch .container_inner .box .right .girder .boxes .redtitle{width:100%;}

	/* SBarch 제작설치 공정 */
	#SBarch .container_inner .box .w100 .ordergroup dl {float:left; width:32%; text-align:left; margin-right:2%; margin-bottom:20px;}
	#SBarch .container_inner .box .w100 .ordergroup dl:nth-child(3n){margin-right:0;}
	#SBarch .container_inner .box .w100 .ordergroup dt img{width:100%;}
	#SBarch .container_inner .box .w100 .ordergroup dl .title{margin-top:5px;}
	#SBarch .container_inner .box .w100 .ordergroup dl .text{margin-bottom:5px;}

	/* SBarch 특장점 */
	#SBarch .container_inner .box .sub0301bg{height:auto; background:none; ;}
	#SBarch .container_inner .box .right .first,
	#SBarch .container_inner .box .right .second,
	#SBarch .container_inner .box .right .third {width:100%; float:none; margin-bottom:20px;}
	#SBarch .container_inner .box .right .first{margin-left:0; }
	#SBarch .container_inner .box .right .third {margin-top:0;}
	#SBarch .container_inner .box .right .box4 dl{margin-bottom:0;}
	#SBarch .container_inner .box .right .box4 dl .btm {margin-bottom:10px;}

	/* SBarch 하중전달 매커니즘 */
	#SBarch .container_inner .box .right .box5 dl {width:100%; float:none;}
	#SBarch .container_inner .box .right .box5 > .images{text-align:center;}
	#SBarch .container_inner .box .right .box5 > .images > img{max-width:100%;}
	#SBarch .container_inner .box .right .box5 > .images img:first-child{margin-left:0; margin-top:20px;}
	#SBarch .container_inner .box .right .box5 > .images img:last-child{margin-left:0; }

	/* mpc 공법개요 */
	#ottogi .container_inner .box .right .mpcimg1 img{width:49%;}
	#ottogi .container_inner .box .right .mpcimg1 img:nth-child(2){padding-top:43px; padding-bottom:44px;}
	#ottogi .container_inner .box .right .mpcimg1 img:nth-child(3){width:100%;}
	#ottogi .container_inner .box .right .mpcimg1 img:nth-child(2){margin-left:0; margin-right:0;}

	/* mpc 전도방지효과 */
	#ottogi .container_inner .box .right .mpcimg2{margin-top:0;}
	#ottogi .container_inner .box .right .mpcimg2 img:nth-child(1){margin-right:0;}

	#ottogi .container_inner .box .right .circlegroup{max-width:382px; margin-left:auto; margin-right:auto;}
	#ottogi .container_inner .box .right .circlegroup .redcircle{margin-left:0; margin-right:15px; margin-bottom:20px;}
	#ottogi .container_inner .box .right .circlegroup .redcircle:nth-child(2n){margin-right:0;}

	/* mpc 차별성 */
	#ottogi .container_inner .box .right .ottogitable {font-size:13px;}
	#ottogi .container_inner .box .right .ottogitable thead tr th:nth-child(1){min-width:60px;}
	#ottogi .container_inner .box .right .ottogitable thead tr th:nth-child(2){max-width:215px;}
	#ottogi .container_inner .box .right .ottogitable thead tr th:nth-child(3){max-width:215px;}
	#ottogi .container_inner .box .right .ottogitable thead tr th:nth-child(4){min-width:100px;}
	#ottogi .container_inner .box .right .ottogitable tbody td img{width:90%;}
	#ottogi .container_inner .box .right .ottogitable tbody .fix img{width:50%;}

	/* mpc 제작과정 */
	#ottogi .container_inner .box .right .ottogi123{margin-bottom:20px;}
	#ottogi .container_inner .box .right .ottogi123 .text{float:none; width:100%; margin-bottom:10px;}
	#ottogi .container_inner .box .right .ottogi123 .text b{margin-bottom:5px;}
	#ottogi .container_inner .box .right .ottogi123 .mpcimg{width:100%; float:none;}
	#ottogi .container_inner .box .right .ottogi123 .mpcimg img{width:100%;}
	#ottogi .container_inner .box .right .ottogi123:nth-child(1) .mpcimg{margin-top:0;}
	#ottogi .container_inner .box .right .ottogi123:nth-child(2) .mpcimg{margin-top:0;}
	#ottogi .container_inner .box .right .ottogi123:nth-child(4) .mpcimg{margin-top:0;}

	/* HPS 공법개요 */
	#ottogi .container_inner .box .right .mpcimg3 > div > ul li img{width:100%;}
	#ottogi .container_inner .box .right .mpcimg3 .part1{width:100%; float:none;}
	#ottogi .container_inner .box .right .mpcimg3 .part2 h5{margin-bottom:10px;}
	#ottogi .container_inner .box .right .mpcimg3 .part2{width:100%; float:left; }
	#ottogi .container_inner .box .right .mpcimg3 .part2 h5{margin-top:25px;margin-bottom:0;}

	/* HPS 시공순서 */
	#ottogi .container_inner .box .right .order dl:nth-child(5){margin-right:150px;} 
	#ottogi .container_inner .box .right .order dl:nth-child(1),
	#ottogi .container_inner .box .right .order dl:nth-child(3),
	#ottogi .container_inner .box .right .order dl:nth-child(5){margin-bottom:20px;} 
	#ottogi .container_inner .box .right .order_end{ margin-top:20px;}
	#ottogi .container_inner .box .right .order_end dl{width:75%;}
	#ottogi .container_inner .box .right .order_end .arrow{margin-top:60px;}

	/* SBarch 라멘교 공법개요 */
	#ramenkyo .container_inner .box .right .overview{margin-top:40px;}

	/* SBarch 라멘교 공법특징 */
	#ramenkyo .container_inner .box .right .construction .features{font-size:14px; line-height:28px;}
	#ramenkyo .container_inner .box .right .construction .features-part .feas{width:49%; margin-left:0; margin-right:2%; }
	#ramenkyo .container_inner .box .right .construction .features-part .feas:nth-child(2n){margin-right:0;}
	#ramenkyo .container_inner .box .right .construction .features-part .feas:nth-child(1),
	#ramenkyo .container_inner .box .right .construction .features-part .feas:nth-child(2){margin-bottom:20px;}
	#ramenkyo .container_inner .box .right .construction .features-part .feas .text{font-size:14px;}

	/* SBarch 라멘교 구조특징 */
	#ramenkyo .container_inner .box .right .structure .strgroup dl{padding:30px 0;  margin-left:auto; margin-right:auto; }
	#ramenkyo .container_inner .box .right .structure .strgroup dl dt img{max-width:100%;}
	#ramenkyo .container_inner .box .right .structure .strgroup dl dd{width:78%; margin-left:auto; margin-right:auto;}
	#ramenkyo .container_inner .box .right .structure .strgroup .strbox1{margin-top:0; }
	#ramenkyo .container_inner .box .right .structure .strgroup .strbox1 dt{margin-bottom:0;}
	#ramenkyo .container_inner .box .right .structure .strgroup .strbox1,
	#ramenkyo .container_inner .box .right .structure .strgroup .strbox2{float:none; width:100%; }
	#ramenkyo .container_inner .box .right .structure .strgroup .strbox3 dd{ font-size:15px; line-height:25px;}
	#ramenkyo .container_inner .box .right .structure .strgroup .strbox3 dt img{width:80%; }

	/* SBarch 라멘교 시공순서 */
	#ramenkyo .container_inner .box .right .order > dl{width:49%;  margin-right:2%; margin-bottom:20px; }
	#ramenkyo .container_inner .box .right .order > dl:nth-child(3n){margin-right:2%;}
	#ramenkyo .container_inner .box .right .order > dl:nth-child(2n){margin-right:0;}
	#ramenkyo .container_inner .box .right .order > dl .arrow{top:40%;}
	#ramenkyo .container_inner .box .right .order > dl:nth-child(2n) .arrow{left:-18px;}
	#ramenkyo .container_inner .box .right .order > dl:nth-child(5),
	#ramenkyo .container_inner .box .right .order > dl:nth-child(6){margin-bottom:0;}
	#ramenkyo .container_inner .box .right .order > dl dt{font-size:16px; line-height:18px; margin-bottom:10px;}
	
	
	
	/* SB skidding*/
	#skidding  .container_inner .box .right > .text,
	#skidding  .container_inner .box .right .skddingtable > .text{font-size:16px;}

	#skidding  .container_inner .box .right .overview .boxes{margin-bottom:15px;}
	#skidding  .container_inner .box .right .overview .boxes:nth-child(3){float:none; width:100%; }

	#skidding  .container_inner .box .right .skddingtable table{font-size:13px;}

	#skidding  .container_inner .box .right .order{width:100%; font-size:14px;}

	#skidding  .container_inner .box .right .pc{display:none;}
	#skidding  .container_inner .box .right .mbl{display:block;}
	#skidding  .container_inner .box .right .order dl{float:left; width:50%;}

	#skidding  .container_inner .box .right .order .bottom{padding-top:0;}
	#skidding  .container_inner .box .right .order .bottom dt{float:left; }
	#skidding  .container_inner .box .right .order .bottom .stepimg{float:left;}
	#skidding  .container_inner .box .right .order .bottom .arrow{float:right; }


	/* SB pier */
	#SBpier  .container_inner .box .right .sbpiertable table{font-size:14px;}
	#SBpier  .container_inner .box .right .sbpiertable table .tableimg2 img{width:90%; max-width:100%;}
	#SBpier  .container_inner .box .right .overview .boxes .title{font-size:14px; }
	#SBpier  .container_inner .box .right .overview .boxes .text{font-size:14px; }
	
	#SBpier  .container_inner .box .right .first .sbpierimg{width:25%;}
	#SBpier  .container_inner .box .right .first .boxes{width:75%;}

	#SBpier  .container_inner .box .right .second .sbpierimg{width:33%;}
	#SBpier  .container_inner .box .right .second .sbpierimg img{max-width:100%; }
	#SBpier  .container_inner .box .right .second .boxes{width:55%;}

	#SBpier  .container_inner .box .right .third .sbpierimg{width:34%;}
	#SBpier  .container_inner .box .right .third .sbpierimg img{max-width:100%; }
	#SBpier  .container_inner .box .right .third .boxes{width:65%;}
	
	#SBpier  .container_inner .box .right .sbpiertable .effectblock .effectbox{width:100%;}
	#SBpier  .container_inner .box .right .sbpiertable .effectblock  .effectbox .circlebox .circle {font-size:20px; line-height:25px; padding-top:40px;}

	#SBpier  .container_inner .box .right .sbpiertable .effectblock .effectbox .textbox {width:280px; font-size:16px; margin-left:30px; margin-right:30px; }
	#SBpier  .container_inner .box .right .sbpiertable .effectblock .effectbox .textbox b{font-size:16px; }
}



@media (max-width: 999px){
	#container > div > .container_inner .box,
	#SBarch .container_inner .box .w100{max-width:400px; }

	/* SBarch 복합구조 효과 */ 
	#SBarch .container_inner .box .right .girder > div > .point .circle{float:none; width:100%; height:35px; line-height:35px; text-align:left; border:none;  border-radius:0; margin-right:0;}
	#SBarch .container_inner .box .right .girder .bigcircle{float:none; width:100%; height:auto; border-radius:0%; line-height:40px; padding-top:10px; padding-bottom:10px;}
	
	#SBarch .container_inner .box .right .girder .pointgroup{float:none;}
	#SBarch .container_inner .box .right .girder .pointgroup2{margin-top:20px;}
	#SBarch .container_inner .box .right .girder .pointgroup2 .pointtitle:nth-child(1){margin-left:0;}
	#SBarch .container_inner .box .right .girder .pointgroup2 .point:nth-child(3) .text:nth-child(2),
	#SBarch .container_inner .box .right .girder .pointgroup2 .point:nth-child(5) .text:nth-child(3){margin-top:0;}
	#SBarch .container_inner .box .right .girder .pointgroup2 .point:nth-child(5) .text:nth-child(2){margin-top:0;}

	/* SBarch 합성거더는? */
	#SBarch .container_inner .box .right > .text{font-size:16px; line-height:28px;}

	/* SBarch 복합구조 효과 */ 
	#SBarch .container_inner .box .right .girderimg{display:none;}
	#SBarch .container_inner .box .right .girder .boxes .redtitle{float:none; height:40px; margin-top:30px;}
	#SBarch .container_inner .box .right .girder .boxes .mark{width:42px; margin-top:40px; }

	/* SBarch 제작설치 공정 */
	#SBarch .container_inner .box .w100 .ordergroup dl {width:49%;}
	#SBarch .container_inner .box .w100 .ordergroup dl:nth-child(3n){margin-right:2%;}
	#SBarch .container_inner .box .w100 .ordergroup dl:nth-child(2n){margin-right:0;}


	/* 오뚜기 거더 */
	#ottogi .container_inner .box .right > .text{font-size:16px; line-height:25px; }


	/* mpc 공법개요 */
	#ottogi .container_inner .box .right .mpcimg1 img:nth-child(2){padding-top:29px; padding-bottom:28px;}

	/* mpc 제작과정 */
	#ottogi .container_inner .box .right .ottogi123 .text{font-size:14px;}
	#ottogi .container_inner .box .right .ottogi123 .text b{font-size:16px;}

	/* HPS 공법개요 */
	#ottogi .container_inner .box .right .mpcimg3 > div > ul li{width:100%;}
	#ottogi .container_inner .box .right .mpcimg3 .part1{max-width:270px; }
	#ottogi .container_inner .box .right .mpcimg3 .part1 ul{margin-bottom:20px;}
	/* HPS 특징장점 */
	#ottogi .container_inner .box .right .feature{line-height:35px;}
	#ottogi .container_inner .box .right .feature ul {width:100%; float:none; margin-bottom:0;}

	/* HPS 시공순서 */
	#ottogi .container_inner .box .right .order dl:nth-child(3){margin-right:100px;} 
	#ottogi .container_inner .box .right .order dl:nth-child(5){margin-right:0;} 
	#ottogi .container_inner .box .right .order dl:nth-child(7){margin-right:60px;} 
	#ottogi .container_inner .box .right .order dl:nth-child(7){margin-bottom:20px;} 
	#ottogi .container_inner .box .right .order_end .arrow{margin-top:25px;}


	#ramenkyo .container_inner .box .right .overview .boxes{float:none; width:100%;}
	#ramenkyo .container_inner .box .right .overview .mark{float:none; margin-top:0; padding-left:0; padding-right:0; text-align:center;}
	#ramenkyo .container_inner .box .right .overview .boxes .text{margin-left:75px; }

	/* SBarch 라멘교 공법특징 */
	#ramenkyo .container_inner .box .right .construction p{font-size:12px;}
	#ramenkyo .container_inner .box .right .construction table{font-size:12px; }
	#ramenkyo .container_inner .box .right .construction table thead .title{min-width:120px;}
	#ramenkyo .container_inner .box .right .construction .features-part .feas{width:100%; margin-left:0; margin-right:0; }
	#ramenkyo .container_inner .box .right .construction .features-part .feas:nth-child(3){margin-bottom:20px;}

	/* SBarch 라멘교 구조특징 */
	#ramenkyo .container_inner .box .right .structure .strgroup .strbox3 dd{ font-size:14px; line-height:20px;}

	/* SBarch 라멘교 시공순서 */
	#ramenkyo .container_inner .box .right .order > dl{width:100%;  margin-right:0;}
	#ramenkyo .container_inner .box .right .order > dl:nth-child(3n){margin-right:0;}
	#ramenkyo .container_inner .box .right .order > dl:nth-child(2n) .arrow{left:0;}
	#ramenkyo .container_inner .box .right .order > dl:nth-child(5){margin-bottom:20px;}
	#ramenkyo .container_inner .box .right .order > dl dt{margin-bottom:0;}
	#ramenkyo .container_inner .box .right .order > dl dd img{width:100%;}
	
	
	
	/* SB skidding*/
	#skidding  .container_inner .box .right > .text,
	#skidding  .container_inner .box .right .skddingtable > .text{font-size:14px;}
	
	#skidding  .container_inner .box .right .overview .boxes .title{font-size:14px; margin-bottom:5px;}
	#skidding  .container_inner .box .right .overview .boxes .text:nth-child(4){font-size:13px;}

	#skidding  .container_inner .box .right .overview .boxes .text .empty{width:158px;}

	#skidding  .container_inner .box .right .skddingtable h5{font-size:20px; line-height:30px; }

	#skidding  .container_inner .box .right .order dl{float:none; width:100%; margin-bottom:20px;}
	#skidding  .container_inner .box .right .order dl:nth-child(6)  dt{height:55px; }
	#skidding  .container_inner .box .right .order dl .arrow{height:208px; line-height:208px;}
	#skidding  .container_inner .box .right .skddingtable table{font-size:12px;}
	
	#skidding  .container_inner .box .right .cert{width:100%;}
	#skidding  .container_inner .box .right .cert:nth-child(1){float:none; margin-bottom:30px;}
	#skidding  .container_inner .box .right .cert:nth-child(2){float:none;}
	
	
	
	/* SB pier */	
	#SBpier  .container_inner .box .right .first .boxes{width:65%;}
	
	#SBpier  .container_inner .box .right .third .sbpierimg{width:34%;}
	#SBpier  .container_inner .box .right .third .sbpierimg img{max-width:100%; }
	#SBpier  .container_inner .box .right .third .boxes{width:55%;}
	
	#SBpier  .container_inner .box .right .third .line{background:none;}
	
	#SBpier  .container_inner .box .right .sbpiertable table{font-size:13px;}
	#SBpier  .container_inner .box .right .sbpiertable .effectblock .effectbox .circlebox {width:100px;}
	#SBpier  .container_inner .box .right .sbpiertable .effectblock  .effectbox .circlebox .circle {width:100px; height:100px;  font-size:18px; padding-top:28px;}

	#SBpier  .container_inner .box .right .sbpiertable .effectblock .effectbox .textbox {width:160px; font-size:14px; margin-left:20px; margin-right:20px; }
}



@media (max-width: 599px){
	.pc2{display:none;}
	.mbl2{display:block;}
	
	#container > div > .container_inner .box,
	#SBarch .container_inner .box .w100{max-width:270px; }

	/* SBarch 복합구조 효과 */ 
	#SBarch .container_inner .box .right .girder .bigcircle{ line-height:20px; padding-top:20px; padding-bottom:20px;}
	#SBarch .container_inner .box .right .girder .boxes .img-redtitle{width:60px; }
	#SBarch .container_inner .box .right .girder .boxes .img-redtitle img{width:100%;}
	#SBarch .container_inner .box .right .girder .boxes .mark{width:34px; margin-top:30px; }
	#SBarch .container_inner .box .right .girder .pointgroup .point .text{margin-bottom:10px;}
	#SBarch .container_inner .box .right .girder .pointgroup .point .text2{margin-bottom:0;}
	#SBarch .container_inner .box .right .girder .pointgroup2 .pointtitle:nth-child(5){margin-top:20px;}

	/* SBarch 제작설치 공정 */
	#SBarch .container_inner .box .w100 .ordergroup dl .title{font-size:14px; margin-bottom:5px;}
	#SBarch .container_inner .box .w100 .ordergroup dl .text{font-size:13px;}

	/* SBarch 특장점 */
	#SBarch .container_inner .box .right .box4 h5{font-size:18px;}
	#SBarch .container_inner .box .right .box4 dl .title{font-size:16px; }
	#SBarch .container_inner .box .right .box4 dl .text{font-size:14px; height:25px; line-height:25px;}

	/* SBarch 하중전달 매커니즘 */
	#SBarch .container_inner .box .right .box5{font-size:16px;}
	#SBarch .container_inner .box .right .box5 dl dt{width:20px; height:20px;}
	#SBarch .container_inner .box .right .box5 dl dt img{max-width:100%;}

	/* mpc 공법개요 */
	#ottogi .container_inner .box .right .mpcimg1 img:nth-child(2){padding-top:19px; padding-bottom:19px;}

	/* mpc 전도방지효과 */
	#ottogi .container_inner .box .right .mpcimg2 img{max-width:100%; }

	#ottogi .container_inner .box .right .circlegroup .redcircle{ width:115px; height:115px;  margin-right:5px; margin-bottom:10px;}
	#ottogi .container_inner .box .right .circlegroup .redcircle .graycircle{width:100px; height:100px; font-size:11px; line-height:15px; margin-top:3px;}
	#ottogi .container_inner .box .right .circlegroup .redcircle .graycircle b{margin-top:23px;  font-size:14px; }

	/* mpc 차별성 */
	#ottogi .container_inner .box .right .ottogitable {font-size:10px;}
	#ottogi .container_inner .box .right .ottogitable thead tr th:nth-child(1){min-width:40px;}
	#ottogi .container_inner .box .right .ottogitable thead tr th:nth-child(4){min-width:40px;}
	#ottogi .container_inner .box .right .ottogitable tbody .fix img{width:60%;}

	/* HPS 시공순서 */
	#ottogi .container_inner .box .right .order dl{width:100px; font-size:13px; }
	#ottogi .container_inner .box .right .order dl:nth-child(3){margin-right:5px;} 
	#ottogi .container_inner .box .right .order dl:nth-child(5),
	#ottogi .container_inner .box .right .order dl:nth-child(7){margin-right:0;} 
	#ottogi .container_inner .box .right .order .arrow{margin-top:35px;}
	#ottogi .container_inner .box .right .order .arrow img,
	#ottogi .container_inner .box .right .order_end .arrow img{width:25px;}


	/* SBarch 라멘교 공법개요 */
	#ramenkyo .container_inner .box .right .overview .boxes .text{margin-left:12px; }

	/* SBarch 라멘교 공법특징 */
	#ramenkyo .container_inner .box .right .construction p{font-size:9px;}
	#ramenkyo .container_inner .box .right .construction table{font-size:9px; }
	#ramenkyo .container_inner .box .right .construction table thead .title{min-width:90px;}
	#ramenkyo .container_inner .box .right .construction .features-part .feas h6{font-size:18px; height:35px; line-height:35px;  margin-bottom:10px; }
	#ramenkyo .container_inner .box .right .construction .features-part .feas .text{margin-top:5px; }

	/* SBarch 라멘교 구조특징 */
	#ramenkyo .container_inner .box .right .structure .strgroup .strbox1 img,
	#ramenkyo .container_inner .box .right .structure .strgroup .strbox2 img{width:80%; }
	
	
	
	/* SB skidding*/
	#skidding  .container_inner .box .right .overview .boxes .text .empty{width:0;}
	#skidding  .container_inner .box .right .overview .arrow{float:left; width:100%; height:30px; line-height:30px; font-size:30px; color:#c11a21; text-align:center;}
	#skidding  .container_inner .box .right .skddingtable table{font-size:10px;}

	#skidding  .container_inner .box .right .skddingtable .record thead th:nth-child(1){min-width:20px;}
	#skidding  .container_inner .box .right .skddingtable .record thead th:nth-child(2){min-width:25px;}
	#skidding  .container_inner .box .right .skddingtable .record thead th:nth-child(4){min-width:30px;}
	#skidding  .container_inner .box .right .skddingtable .record thead th:nth-child(5){min-width:25px;}
	#skidding  .container_inner .box .right .skddingtable .record thead th:nth-child(6){min-width:30px;}
	#skidding  .container_inner .box .right .skddingtable .record thead th:nth-child(7){min-width:25px;}
	
	#skidding  .container_inner .box .right .order dl .arrow{height:140px; line-height:140px;}
	
	
	
	/* SB pier */
	#SBpier  .container_inner .box .right .first .boxes{width:50%;}
	
	#SBpier  .container_inner .box .right .sbpiertable table{font-size:12px;}
	#SBpier  .container_inner .box .right .sbpiertable .effectblock .effectbox{float:none;}	
	#SBpier  .container_inner .box .right .sbpiertable .effectblock .effectbox .circlebox {width:120px; }
	#SBpier  .container_inner .box .right .sbpiertable .effectblock  .effectbox .circlebox .circle {width:120px; height:120px; font-size:23px; line-height:30px; padding-top:30px;}

	#SBpier  .container_inner .box .right .sbpiertable .effectblock .effectbox .textbox {width:100%; }	
	#SBpier  .container_inner .box .right .sbpiertable .effectblock .step2 .circlebox:nth-child(3){margin-top:20px;}
}



@media (max-width: 399px){
	#container > div > .container_inner .box,
	#SBarch .container_inner .box .w100{max-width:250px; }

	/* SBarch 특장점 */
	#SBarch .container_inner .box .right .box4 dl dt{width:25px; height:25px;}
	#SBarch .container_inner .box .right .box4 dl dt img{max-width:100%; }
	#SBarch .container_inner .box .right .box4 dl .title{line-height:25px; margin-left:35px;}
	#SBarch .container_inner .box .right .box4 dl .text{margin-left:35px;}

	/* SBarch 하중전달 매커니즘 */
	#SBarch .container_inner .box .right .box5{font-size:14px;}
	#SBarch .container_inner .box .right .box5 dl dt{width:20px; height:20px;}
	#SBarch .container_inner .box .right .box5 dl dt img{max-width:100%;}
	#SBarch .container_inner .box .right .box5 dl .text{height:20px; line-height:20px; margin-left:5px;}

	/* mpc 공법개요 */
	#ottogi .container_inner .box .right .mpcimg1 img:nth-child(2){padding-top:17px; padding-bottom:18px;}


	/* HPS 시공순서 */
	#ottogi .container_inner .box .right .order .arrow img,
	#ottogi .container_inner .box .right .order_end .arrow img{width:15px;}

	/* SBarch 라멘교 공법개요 */
	#ramenkyo .container_inner .box .right .overview .boxes .text{margin-left:0; }

	/* HPS 특징장점 */
	#ottogi .container_inner .box .right .feature{font-size:16px; line-height:30px;}
}