@charset "utf-8";
/*********************************************
+ Sub Contents css Document
+ Version : 1.0
+ Copyright : Web's republic Inc.
*********************************************/

/* sub1 - About us */
/*.sub1_visual {background:url(../img/subVisual01.jpg) center no-repeat; background-size:cover}
.sub2_visual {background:url(../img/subVisual02.jpg) center no-repeat; background-size:cover}
.sub3_visual {background:url(../img/subVisual03.jpg) center no-repeat; background-size:cover}
.sub4_visual {background:url(../img/subVisual04.jpg) center no-repeat; background-size:cover}
.sub5_visual {background:url(../img/subVisual05.jpg) center no-repeat; background-size:cover}*/

.sub1_visual_ABOUT {background:url(../img/subVisual01.jpg) center no-repeat; background-size:cover}
.sub1_visual_PRODUCT {background:url(../img/subVisual02.jpg) center no-repeat; background-size:cover}
.sub1_visual_SERVICES {background:url(../img/subVisual03.jpg) center no-repeat; background-size:cover}
.sub1_visual_SUPPORT {background:url(../img/subVisual04.jpg) center no-repeat; background-size:cover}
.sub1_visual_ {background:url(../img/subVisual05.jpg) center no-repeat; background-size:cover}

#sub_content {padding:80px 0px 200px;}
#sub_content .title {padding-bottom:30px}
/*#sub_content .title.board {padding-bottom:0px !important}*/
.sub_content1 .title h4 {}
.sub_content1 .desc {}
.sub_content1 .desc:after {clear:both; content:''; display:block}
.sub_content1 .desc h5 {font-size:20px; font-weight:700; color:#004f99; padding:30px 0}
.sub_content1 .desc p {font-size:15px; font-weight:500; color:#333; line-height:1.55; padding-bottom:20px}
.sub_content1 .board_desc {margin:0 -20px}
.sub_content1 .board_desc p {font-size:15px; font-weight:500; color:#333; line-height:1.55; padding-bottom:20px}
.sub_content1 .board_desc:after {clear:both; content:''; display:block}
.sub_content1 .board_desc .left {float:left; width:600px; padding:0 20px}
.sub_content1 .board_desc .left .board_item {}
.sub_content1 .board_desc .left .board_item1 {padding-bottom:50px}
.sub_content1 .board_desc .left .board_item h5 {font-size:20px; font-weight:700; color:#004f99}
.sub_content1 .board_desc .left .board_item .board_title {padding:15px 0}
.sub_content1 .board_desc .left .board_item .board_title h6 {font-size:18px; font-weight:700; color:#666666; padding:20px 0; border-top:2px solid #777; border-bottom:1px solid #777}
.sub_content1 .board_desc .right {float:right; width:600px; padding:0 20px}
.sub_content1 .board_desc .right .board_item {padding:20px 0}
.sub_content1 .board_desc .right .board_item3 {padding-bottom:50px}
.sub_content1 .board_desc .right .board_item h5 {font-size:20px; font-weight:700; color:#004f99}
.sub_content1 .board_desc .right .board_item .board_title {padding:15px 0}
.sub_content1 .board_desc .right .board_item .board_title h6 {font-size:18px; font-weight:700; color:#666666; padding:20px 0; border-top:2px solid #777; border-bottom:1px solid #777}
.sub_content1 .board_desc .right .board_item3 .board_title h6 {border-color:#b71618; color:#b71618}
.sub_content1 .board_desc .right .board_item4 .board_title h6 {border-color:#b71618; color:#b71618}

/* sub5 - Support */
.sub_content5 .desc .portal_list {padding:60px 20px; background:#efefef}
.sub_content5 .desc .portal_list ul {}
.sub_content5 .desc .portal_list ul:after {content:''; clear:both; display:block}
.sub_content5 .desc .portal_list ul li {float:left; width:16.66665%; text-align:center}
.sub_content5 .desc .portal_list ul li .icon_area {padding-bottom:20px}
.sub_content5 .desc .portal_list ul li .icon_area i {font-size:38px}
.sub_content5 .desc .portal_list ul li p {font-size:15px; font-weight:700; color:#333; line-height:1.55}
.sub_content5 .desc .portal_info {padding-top:50px}
.sub_content5 .desc .portal_info:after {clear:both; content:''; display:block}
.sub_content5 .desc .portal_info .left {float:left; width:50%; font-size:0; margin:0 -20px}
.sub_content5 .desc .portal_info .left .customer_box {display:inline-block; vertical-align:middle; padding:0 20px}
.sub_content5 .desc .portal_info .left .customer_box2 {}
.sub_content5 .desc .portal_info .left .customer_box h3 {font-size:20px; font-weight:500; color:#004f99; padding-bottom:20px}
.sub_content5 .desc .portal_info .left .customer_box p {font-size:20px; font-weight:500; color:#000}
.sub_content5 .desc .portal_info .left .customer_box p span {font-size:33px; font-weight:700}
.sub_content5 .desc .portal_info .right {float:right; width:50%; display:table; min-height:120px}
.sub_content5 .desc .portal_info .right .customer_box {display:table-cell; vertical-align:middle; padding:0 20px}
.sub_content5 .desc .portal_info .right .customer_box2 {}
.sub_content5 .desc .portal_info .right .customer_box h3 {font-size:20px; font-weight:500; color:#004f99; padding-bottom:20px}
.sub_content5 .desc .portal_info .right .customer_box p a {display:inline-block; padding:8px 30px; border:3px solid #333; font-size:14px; font-weight:700; color:#333; transition:all 0.3s ease}
.sub_content5 .desc .portal_info .right .customer_box p a:hover {background:#333; color:#fff}
.sub_content5 #map {position:relative; width:100%; height:450px}
.sub_content5 .map_desc {}
.sub_content5 .map_desc:after {clear:both; content:''; display:block}
.sub_content5 .map_desc .left {float:left; width:50%}
.sub_content5 .map_desc div h5 {padding:30px 0 15px !important}
.sub_content5 .map_desc div p {font-size:15px; font-weight:700; color:#333}
.sub_content5 .map_desc .right {float:right; width:50%}


/* 공통 */
#subVisual {padding:95px 0}
#subVisual h3 {font-size:55px; font-weight:500; color:#000; text-align:center; }
#sub_content .desc h5 {font-size:20px; font-weight:700; color:#004f99; padding:30px 0}
#sub_content .title h5 {font-size:20px; font-weight:700; color:#004f99; padding:30px 0 0}
#sub_content .grid_desc .img_desc {display:table; font-size:0; margin:0 -10px}
#sub_content .grid_desc .img_desc:after {clear:both; content:''; display:block}
#sub_content .grid_desc .img_desc .item_desc {display:table-cell; padding:0 10px; vertical-align:top}
#sub_content .grid_desc .img_desc .item_desc img {display:block; width:100%; height:100%}
#sub_content .grid_desc .img_desc .item_desc1 {width:50%}
#sub_content .grid_desc .img_desc .item_desc2 {width:25%}
#sub_content .grid_desc .img_desc .item_desc3 {width:25%}
#sub_content .grid_desc .img_desc .item_desc3 > ul {}
#sub_content .grid_desc .img_desc .item_desc3 > ul li:first-child {margin-bottom:20px}


.sub_container_inner {width:1200px; margin:0 auto}
.sub_container_inner h4 {font-size:30px; font-weight:700; color:#333}