모바일 @midia 설정

</p>

<p><?php</p>

<p>if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가</p>

<p>?></p>

<p> </p>

<p><style></p>

<p>.page-content { }</p>

<p> </p>

<p>.sect-title { padding-bottom: 2.4rem; text-align: center; }</p>

<p>.tit2 {font-size: 2.8rem; font-weight: 600; }</p>

<p>.subtit { font-size: 1.4rem; font-weight: 400; }</p>

<p>

 </p>

<p>.sec_wrap {}</p>

<p>.comment {font-size:24px; line-height:42px; color:#000; margin-bottom: 70px; }</p>

<p>.sec_wrap .conts_area1 {width: 100%; display:inline-block; vertical-align:top; padding-bottom: 160px; }</p>

<p>.sec_wrap .conts_area1 .img_box {width: 100%; height:650px; margin-bottom: 55px; background-image:url('<?=THEMA_URL?>/img/about_1.jpg');}</p>

<p>.sec_wrap .conts_area1 .img_box img {width: 100%; }</p>

<p>.sec_wrap .conts_area1 .tit {float: left; width: 710px; font-size:46px; line-height:50px; color:#000; font-weight:500; }</p>

<p>.sec_wrap .conts_area1 .txt {float: left; width: 530px; font-size:18px; line-height:34px; color:#333333;}</p>

<p> </p>

<p>.sec_wrap .conts_area2 {position:relative; height: 640px; padding-top: 118px; padding-left: 820px; box-sizing: border-box; margin-bottom: 170px; }</p>

<p>.sec_wrap .conts_area2 .img_box {width: 1040px; height:640px; position:absolute; left:-330px; top:0px; background-image:url('<?=THEMA_URL?>/img/about_2.jpg');}</p>

<p>.sec_wrap .conts_area2 .img_box img {width: 100%; }</p>

<p>.sec_wrap .conts_area2 .tit {font-size:46px; line-height:64px; color:#000; font-weight:500; margin-bottom: 90px; }</p>

<p>.sec_wrap .conts_area2 .txt {font-size:18px; line-height:34px; color:#333333;}</p>

<p> </p>

<p>.sec_wrap .conts_area3 {position:relative; height: 640px; padding-top: 118px; box-sizing: border-box; margin-bottom: 90px; }</p>

<p>.sec_wrap .conts_area3 .img_box {width: 940px; height:640px; position:absolute; right:-330px; top:0px; background-image:url('<?=THEMA_URL?>/img/about_3.jpg');}</p>

<p>.sec_wrap .conts_area3 .img_box img {width: 100%; }</p>

<p>.sec_wrap .conts_area3 .tit {font-size:46px; line-height:64px; color:#000; font-weight:500; margin-bottom: 90px; }</p>

<p>.sec_wrap .conts_area3 .txt {font-size:18px; line-height:34px; color:#333333;}</p>

<p> </p>

<p>@media (max-width: 1023px) {</p>

<p>.sec_wrap .conts_area1 { width:calc(100% - 10px); padding:40px 30px; margin:0 20px 20px 0; }</p>

<p>.sec_wrap .conts_area1:nth-child(2n) {margin-right:0;}</p>

<p>.sec_wrap .conts_area1:nth-child(3n) {margin-right:0px;}</p>

<p>}</p>

<p> </p>

<p>@media (max-width: 767px) {</p>

<p>.sec_wrap {padding:0 30px;}</p>

<p>.sec_wrap .conts_area1 { width:100%; text-align:center; margin:15px 0;}</p>

<p>.sec_wrap .conts_area1:nth-child(3n) {margin-right:0px;}</p>

<p>}</p>

<p> </p>

<p>@media (max-width: 1023px) {</p>

<p>.sec_wrap .conts_area2 { width:calc(100% - 10px); padding:40px 30px; margin:0 20px 20px 0; }</p>

<p>.sec_wrap .conts_area2:nth-child(2n) {margin-right:0;}</p>

<p>.sec_wrap .conts_area2:nth-child(3n) {margin-right:0px;}</p>

<p>}</p>

<p> </p>

<p>@media (max-width: 767px) {</p>

<p>.sec_wrap {padding:0 30px;}</p>

<p>.sec_wrap .conts_area2 { width:100%; text-align:center; margin:15px 0;}</p>

<p>.sec_wrap .conts_area2:nth-child(3n) {margin-right:0px;}</p>

<p>}</p>

<p> </p>

<p>@media (max-width: 1023px) {</p>

<p>.sec_wrap .conts_area3 { width:calc(100% - 10px); padding:40px 30px; margin:0 20px 20px 0; }</p>

<p>.sec_wrap .conts_area3:nth-child(2n) {margin-right:0;}</p>

<p>.sec_wrap .conts_area3:nth-child(3n) {margin-right:0px;}</p>

<p>}</p>

<p> </p>

<p>@media (max-width: 767px) {</p>

<p>.sec_wrap {padding:0 30px;}</p>

<p>.sec_wrap .conts_area3 { width:100%; text-align:center; margin:15px 0;}</p>

<p>.sec_wrap .conts_area3:nth-child(3n) {margin-right:0px;}</p>

<p>}</p>

<p>

 </p>

<p></style></p>

<p>



 </p>

<p><div class="page-content"></p>

<p>

 </p>

<p><div class="sect-title"></p>

<p><p class="tit2">Lorem ipsum dolor sit amet,</p></p>

<p><p class="subtit">Lorem ipsum dolor sit amet, ea ius prima melius temporibus,</p></p>

<p></div></p>

<p> </p>

<p><div class="sec_wrap"></p>

<p><div class="conts_area1"></p>

<p><div class="img_box"></div></p>

<p><h3 class="tit">Lorem ipsum dolor</h3></p>

<p><div class="txt"></p>

<p>Lorem ipsum dolor sit amet, 
</p>

<p>Lorem ipsum dolor sit amet, 
</p>

<p>Lorem ipsum dolor sit amet,</p>

<p></div></p>

<p></div></p>

<p> </p>

<p><div class="conts_area2"></p>

<p><div class="img_box"></div></p>

<p><h3 class="tit">Lorem ipsum dolor
Lorem ipsum dolor</h3></p>

<p><div class="txt"></p>

<p>Lorem ipsum dolor sit amet, 
</p>

<p>Lorem ipsum dolor sit amet, 
</p>

<p>Lorem ipsum dolor sit amet, 

</p>

<p> </p>

<p>Lorem ipsum dolor sit amet, ea ius prima melius temporibus, 
</p>

<p>diam populo offendit te est.</p>

<p> </p>

<p></div></p>

<p></div></p>

<p><div class="conts_area3"></p>

<p><div class="img_box"></div></p>

<p><h3 class="tit">Lorem ipsum dolor
Lorem ipsum dolor</h3></p>

<p><div class="txt"></p>

<p>Lorem ipsum dolor sit amet, 
</p>

<p>Lorem ipsum dolor sit amet, 
</p>

<p>Lorem ipsum dolor sit amet, 

</p>

<p> </p>

<p>Lorem ipsum dolor sit amet, ea ius prima melius temporibus, 
</p>

<p>diam populo offendit te est.</p>

<p></div></p>

<p></div></p>

<p></div></p>

<p>















 </p>

<p></div></p>

<p> </p>

<p>