@charset "UTF-8";

/* Page Title */
body {   }

.main_vi   {position:absolute; left:0; border:0px solid #ddd; z-index:0; width:100%; float:left;}
.main_vi  div {width:100%; margin:0 auto; }

#main_wrap{ position:relative; width:1100px; margin:0 auto; }

/*공통*/


/* SECTION 1 ////////////////////////////////////////////////////////////*/
#section1  {width:100%; min-width:1100px; float:left; margin:0 auto; box-sizing:border-box; height:870px;}
#section1 .section1_wrap { position:absolute; top:735px; left:0;  width:1100px;  margin:0 auto;}

/* 왼쪽박스 */
#section1 .s1_leftbox {width:530px; float:left;}
#section1 .s1_leftbox .s1_leftbox1 {width:530px; height:480px; float:left; background:#333;}


#section1 .s1_leftbox .s1_leftbox2 {width:530px; height:245px; float:left; background:#6699cc; margin-top:20px; padding:15px; box-sizing:border-box;}
#section1 .s1_leftbox .s1_leftbox2 .s1_line {border:1px solid #8fb7e0;  height:218px; padding:30px 0 0 30px; box-sizing:border-box; background:url('/common/img/main/map_icon.png') no-repeat top right; }

#section1 .s1_leftbox .s1_leftbox2 h2 {font-size:25px; font-weight:600; color:#fff; text-align:left; margin-bottom:15px; }
#section1 .s1_leftbox .s1_leftbox2 p {font-size:18px; color:#fff; text-align:left;  opacity:0.7; line-height:1.2em; margin-bottom:5px; }
#section1 .s1_leftbox .more_btn {font-size:16px; color:#6699cc; text-align:center;  padding:9px 42px; background:#fff; border-radius:30px;}


/* 오른쪽박스 */
#section1 .s1_rightbox {width:530px;  float:right; }
#section1 .s1_rightbox .s1_rightbox1-1 {width:260px; height:250px; float:left; background:#fff url(/../common/img/main/box_logo.png) no-repeat right bottom 30px; box-shadow:1px 2px 1px 1px #ddd; padding:50px 0 0 35px; box-sizing:border-box;}
#section1 .s1_rightbox .s1_rightbox1-1 span{font-size:15px; color:#d0d0d0; letter-spacing:0.5px;}
#section1 .s1_rightbox .s1_rightbox1-1 h2{font-size:28px; color:#333; text-align:left; font-weight:600; }

#section1 .s1_rightbox .s1_rightbox1-2 {width:260px; height:250px; float:right; background:#b40303 url(/../common/img/main/box_msg.png) no-repeat right bottom 30px; padding:50px 0 0 35px; box-sizing:border-box;}
#section1 .s1_rightbox .s1_rightbox1-2 span{font-size:15px; color:#df6262; letter-spacing:0.5px;}
#section1 .s1_rightbox .s1_rightbox1-2 h2{font-size:28px; color:#fff; text-align:left; font-weight:600; }


#section1 .s1_rightbox2 {width:530px; height:220px; float:left;  padding:40px 0 0 35px; background:#f7791d url(/../common/img/main/box_library.png) no-repeat right bottom 30px; margin-top:10px; box-sizing:border-box;}
#section1 .s1_rightbox2 span{font-size:15px; color:#f7ac85; letter-spacing:0.5px;}
#section1 .s1_rightbox2 h2{font-size:28px; color:#fff; text-align:left; font-weight:600; }


#section1 .s1_rightbox3 {width:530px; height:245px; float:left; border:1px solid #ddd;  padding:30px 0 0 35px; box-sizing:border-box; margin-top:20px; background:url('/common/img/main/customer_icon.png') no-repeat bottom right; }
#section1 .s1_rightbox3  h2 {font-size:25px; font-weight:600; color:#333; text-align:left; margin-top:16px;}
#section1 .s1_rightbox3  img {margin-top:10px;}
#section1 .s1_rightbox3 span{font-size:2.1em; font-weight:700}
#section1 .s1_rightbox3  p {font-size:15px; color:#666; text-align:left; opacity:0.7; line-height:1.2em;  margin-top:8px;}
#section1 .s1_rightbox3  .more_btn {font-size:16px; color:#fff; text-align:center;  padding:9px 42px; background:#333; border-radius:30px;}

/* 카탈로그 다운로드 */
#section1 aside{width: 100%; float: left; background: #028763;  margin-top: 30px; position:relative;}
#section1 aside::after{
    position: absolute;
    content: '';
    border: 1px solid rgb(255 255 255 / 56%);
    top: 50%;
    left: 50%;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    transform: translate(-50%, -50%);
}
#section1 aside a{color: #fff; font-size: 24px; display:flex; justify-content:space-between; align-items:center; font-weight:500; position: relative; z-index: 9; padding:30px 40px; box-sizing: border-box; }


/* SECTION 2 //////////////////////////////////////////////////////////////////////////////////////////*/
#section2  {width:100%; float:left; padding:58px 0; box-sizing:border-box;  background:#f7f7f7 url(/../common/img/main/bottom_bg_img.png) no-repeat top right 80px;}

#section2 .section2_wrap{width:1100px;  margin:0 auto;}
#section2 .section2_wrap h2 {font-size:35px; font-weight:500; color:#333; text-align:left; line-height:1.35em;}
#section2 .section2_wrap h3 {font-size:28px; font-weight:500; color:#c00; text-align:left; margin-bottom:15px;}

#section2 .section2_wrap ul li{font-size:19px; color:#555; text-align:left; line-height:1.5em;}