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

/* 메인 컨텐츠 스타일 */
/* 메인 비주얼 */
#mainVisual {}
#mainVisual ul {}
#mainVisual ul li {position:relative}
#mainVisual ul li .visualTxt {position:absolute; top:47%; left:34%}
#mainVisual ul li .visualTxt p {font-size:15px; font-weight:700; color:#004f99; line-height:2; padding-bottom:30px}
#mainVisual ul li .visualTxt > a {padding:12px 35px; border:3px solid #fff; font-size:14px; font-weight:700; color:#fff; text-align:center; transition:all 0.3s ease}
#mainVisual ul li .visualTxt > a:hover {background:#004f99; border-color:#004f99}

#content {}
/* 섹션1 */
#content .section1 {background:#f5f5f5; padding:80px 0}
#content .section1 .container_inner {position:relative; min-height:527px}
#content .section1 .section1_tab {}
#content .section1 .section1_tab > ul {margin:0 -10px}
#content .section1 .section1_tab > ul:after {clear:both; content:''; display:block}
#content .section1 .section1_tab > ul > li {float:left; width:20%; padding:0 10px; cursor:pointer; transition:all 0.3s ease}
#content .section1 .section1_tab > ul > li.on .tab_box {background:#0c579d}
#content .section1 .section1_tab > ul > li .tab_box {padding:20px 10px; background:#fff; min-height:92px; vertical-align:middle; border-top:2px solid #333333; transition:all 0.3s ease; font-size:0; text-align:center}

#content .section1 .section1_tab > ul > li .tab_box .img_area {display:inline-block; margin-right:10px; vertical-align:middle}
#content .section1 .section1_tab > ul > li .tab_box .img_area img.on_img {display:none}

#content .section1 .section1_tab > ul > li .tab_box .img_area img {display:block}

#content .section1 .section1_tab > ul > li.on .tab_box .img_area img.off_img {display:none}
#content .section1 .section1_tab > ul > li.on .tab_box .img_area img.on_img {display:block}

#content .section1 .section1_tab > ul > li .tab_box .img_area img.on_img {display:none}


#content .section1 .section1_tab > ul > li:hover .tab_box .img_area img.off_img {display:none}
#content .section1 .section1_tab > ul > li:hover .tab_box .img_area img.on_img {display:block}
#content .section1 .section1_tab > ul > li .tab_box h3 {display:inline-block; font-size:14px; font-weight:500; color:#333; line-height:1.85; text-align:left; vertical-align:middle}
#content .section1 .section1_tab > ul > li.on .tab_box h3 {color:#fff}
#content .section1 .section1_tab > ul > li:hover .tab_box h3 {color:#fff}
#content .section1 .section1_tab > ul > li:hover .tab_box {background:#0c579d; border-color:#0c579d}
#content .section1 .tab_desc {padding-top:40px; display:none; position:absolute; top:80px; left:0; width:100%}
#content .section1 .tab_desc.on {display:block}
#content .section1 .tab_desc .desc {font-size:0; margin:0 -20px}
#content .section1 .tab_desc .desc .desc_info {display:inline-block; overflow:hidden; padding:0 20px; height:395px}
#content .section1 .tab_desc .desc .desc_info .desc_area {background:#fff; text-align:center; overflow:hidden; min-height:395px}

#content .section1 .tab_desc .desc .desc_info1 > ul {overflow:hidden}
#content .section1 .tab_desc .desc .desc_info1 > ul:after {clear:both; content:''; display:block}
#content .section1 .tab_desc .desc .desc_info1 > ul li {float:left}
#content .section1 .tab_desc .desc .desc_info1 > ul li a img {display:block; width:100%}
#content .section1 .tab_desc .desc .desc_info2 .desc_img {width:200px; margin:0 auto; padding:50px 0 25px}
#content .section1 .tab_desc .desc .desc_info2 .desc_img img {display:block; width:100%}
#content .section1 .tab_desc .desc .desc_info2 h4 {display:block; width:200px; line-height:1.65; margin:0 auto; text-align:left; font-size:17px; font-weight:700; color:#333; padding:0 0 30px}
#content .section1 .tab_desc .desc .desc_info3 {padding:0 0 0 20px; margin:0 -20px}
#content .section1 .tab_desc .desc .desc_info3 .desc_area {background:none}
#content .section1 .tab_desc .desc .desc_info3 .desc_area > ul {}
#content .section1 .tab_desc .desc .desc_info3 .desc_area > ul > li {display:block; background:#fff; padding:20px 0}
#content .section1 .tab_desc .desc .desc_info3 .desc_area > ul > li:first-child {margin-bottom:20px}
#content .section1 .tab_desc .desc .desc_info3 .desc_area > ul > li .info3_img {width:250px; margin:0 auto}
#content .section1 .tab_desc .desc .desc_info3 .desc_area > ul > li .info3_img {width:250px; margin:0 auto}
#content .section1 .tab_desc .desc .desc_info3 .desc_area > ul > li h5 {font-size:15px; font-weight:500; color:#333; text-align:left; padding:15px 20px 5px}

/* 섹션2 - 게시판 추출 영역 */
#content .section2 {padding:80px 0; border-bottom:1px solid #d9d9d9}
#content .section2 .board_out_wrap {font-size:0; margin:0 -20px}
#content .section2 .board_out_wrap .board_out {display:inline-block; width:33.33334%; padding:0 20px;vertical-align:top;}
#content .section2 .board_out_wrap .board_out .board_title {padding:15px 0; border-bottom:1px solid #d9d9d9}
#content .section2 .board_out_wrap .board_out .board_title:after {clear:both; content:''; display:block}
#content .section2 .board_out_wrap .board_out .board_title > h3 {display:inline-block; font-size:15px; font-weight:700; vertical-align:middle}
#content .section2 .board_out_wrap .board_out1 .board_title {border-top:2px solid #0c579d}
#content .section2 .board_out_wrap .board_out2 .board_title {border-top:2px solid #b71618}
#content .section2 .board_out_wrap .board_out3 .board_title {border-top:2px solid #666666}
#content .section2 .board_out_wrap .board_out1 .board_title > h3 {color:#0c579d}
#content .section2 .board_out_wrap .board_out2 .board_title > h3 {color:#b71618}
#content .section2 .board_out_wrap .board_out3 .board_title > h3 {color:#666666}
#content .section2 .board_out_wrap .board_out .board_title > a {float:right}
#content .section2 .board_out_wrap .board_out .board_title > a span {vertical-align:middle; font-size:12px; font-weight:500; color:#333; padding:0 5px}
#content .section2 .board_out_wrap .board_out .board_title > a span:nth-child(2) {font-style:italic}
#content .section2 .board_out_wrap .board_out > ul {margin-top:20px}
#content .section2 .board_out_wrap .board_out > ul li {position:relative; padding-bottom:5px}
#content .section2 .board_out_wrap .board_out > ul li:after {content:'ㆍ'; display:block; position:absolute; top:0; left:0}
#content .section2 .board_out_wrap .board_out > ul li a {display:inline-block;block; font-size:13px; font-weight:500; color:#333; white-space:nowrap; text-overflow:ellipsis;/* width:100%; overflow:hidden;*/ padding:0 15px}

/* 섹션3 */
#content .section3 {padding:80px 0}
#content .section3 .left {float:left; width:50%; padding:0 10px}
#content .section3 .left .section3_slide {width:100%; overflow:hidden}
#content .section3 .left .section3_slide .slide_box {overflow:hidden}
#content .section3 .left .section3_slide .slide_box:after {clear:both; content:''; display:block}
#content .section3 .left .section3_slide .slide_box .slide {float:left}


#content .section3 .left .section3_slide .slide_box .slide .desc_box {padding-top:20px}
#content .section3 .left .section3_slide .slide_box .slide .desc_box h3 {font-size:16px; font-weight:700; color:#333; padding-bottom:10px}
#content .section3 .left .section3_slide .slide_box .slide .desc_box p {width:100%; font-size:15px; font-weight:500; color:#333; line-height:1.55}
#content .section3 .right {float:right; width:45%; padding:0 10px}
#content .section3 .right .section3_title {padding-bottom:30px}
#content .section3 .right .section3_title h3 {position:relative; font-size:45px; font-weight:500; color:#000; margin-bottom:10px; z-index:55}
#content .section3 .right .section3_title h3:after {content:''; display:block; position:absolute; bottom:0; width:35%; height:26px; background:#f6e7e7; z-index:-2}
#content .section3 .right .section3_title h4 {position:relative; font-size:45px; font-weight:500; color:#000}
#content .section3 .right .section3_title h4:after {content:''; display:block; position:absolute; bottom:0; width:100%; height:26px; background:#d1d4da; z-index:-2}
#content .section3 .right blockquote {padding-top:10px}
#content .section3 .right blockquote p {display:-webkit-box; white-space:normal; overflow:hidden; text-overflow:ellipsis; font-size:15px; font-weight:500; color:#333; line-height:1.85; word-break:keep-all; -webkit-line-clamp:7; -webkit-box-orient:vertical}
#content .section3 .right .section3_btn {padding-top:20px; text-align:center}
#content .section3 .right .section3_btn a {display:block; width:160px; height:43px; border:2px solid #0c579d; line-height:41px; font-size:13px; font-weight:500; color:#0c579d; transition:all 0.3s ease}
#content .section3 .right .section3_btn a:hover {background:#0c579d; color:#fff}

#content .section1 .tab_desc .desc .desc_info1 {width:50%; height:395px}
#content .section1 .tab_desc .desc .desc_info2 {width:25%}
#content .section1 .tab_desc .desc .desc_info3 {width:25%}