@charset "utf-8";

/*
 * Main CSS Document
 * 2017-10-18
 */

/*** Mobile ~ 767px ***/
/* 스프라이트 */
.sprh_main,
.cont_main .link_area ul li:before,
.cont_main .ban_area ul li .more:after{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap; text-indent:100%; background:url('/Main/Images/section/invest/main/sprh_main.png') no-repeat 0 0;}
.cont_main{margin:0 10px; padding:0 0 20px;}


/*비주얼 좌우 롤링 추가 (211005)*/
.visual {position:relative; height:300px;}
.visual_ul,
.visual_ul .visual_li,
.visual_cont {height:300px;}
.visual_ul {width:100%; position:absolute;}
.visual_ul .visual_li { position:relative; width:100%; vertical-align:top;  background-repeat:no-repeat; background-position:center;}
.visual_ul .img1 {background-image:url('/Main/Images/section/invest/main/visual_invest01.jpg');}
.visual_ul .img2 {background-image:url('/Main/Images/section/invest/main/visual_invest02.jpg');}
.visual_ul .img3 {background-image:url('/Main/Images/section/invest/main/visual_invest03.jpg');}
.visual_ul .img4 {background-image:url('/Main/Images/section/invest/main/visual_invest04.jpg');}
.visual_ul .slick-arrow {display:block !important; position: absolute; color:#fff; z-index:110; background:url('/Main/Images1/ko/main_2019/visual_prev.png') no-repeat center; background-size:100% 100% !important; width:58px; height:93px; text-indent: -9999px; left:2%; top:50%; margin-top:-46.5px;}
.visual_ul .slick-arrow.slick-next {right:0; background:url('/Main/Images1/ko/main_2019/visual_next.png') no-repeat; right:2%; left:auto;}
.visual a.control { position:absolute; z-index:200; display:block; right:48%; margin-right:-20px; bottom:21px; background:url('/Main/Images/section/invest/main/visControl.png') no-repeat 0 0; width:30px; height:30px; text-indent:-99999px;}
.visual a.control.play { display:none; background-position:-30px 0;}
.visual_ul .slick-dots { position:absolute; left:50%; margin-left:-105px; bottom:15px; padding:5px 50px 5px 20px; border-radius:22px; z-index:200;}
.visual_ul .slick-dots li {float:left; padding:6px 5px;}
.visual_ul .slick-dots li button {width:18px; height:18px; border:3px solid #27518d; border-radius:10px; background:rgba(255,255,255,0); text-indent:-99999px;}
.visual_ul .slick-dots li.slick-active button {background:#27518d;}
.visual_cont {position:relative; box-sizing:border-box; padding-top:100px; z-index:10;}
.visual_ul .inr {position:relative; width:100%; margin:0 auto; padding:94px 0; z-index:1;}
.visual_ul .headline{padding-left:25px; font-weight:bold; font-size:32px; color:#27518d; word-wrap:break-word; word-break:keep-all;}
.visual_ul .txt{display:block; padding:30px 0 0 25px; color:#555; font-size:15px;}
@media all and (max-width:1400px){
	.visual_ul .slick-arrow {margin-top:0; width:30px; height:30px; top:auto; bottom:30px; left:20px; background:url('/Main/Images/section/invest/main/arr_p.png') no-repeat;}
	.visual_ul .slick-arrow.slick-next {left:60px; background:url('/Main/Images/section/invest/main/arr_n.png') no-repeat;}
	.visual_ul .slick-arrow.slick-next::before {content:''; left:-6px; top:3px; width:1px; height:24px; display:block; position:absolute; background:rgba(255,255,255,.4);}
	.visual a.control {right:auto; top:auto; bottom:30px; left:90px; margin-right:0;}
	.visual_ul .inr {width:100%;}
}


/* 비쥬얼존
.cont_main .visual {position:relative; width:100%; height:300px; overflow:hidden;}
.cont_main .visual .inr {position:relative; width:100%; margin:0 auto; padding:94px 0; z-index:1;}
.cont_main .visual .headline{padding-left:25px; font-weight:bold; font-size:32px; color:#27518d; word-wrap:break-word; word-break:keep-all;}
.cont_main .visual .txt{display:block; padding:30px 0 0 25px; color:#555; font-size:15px;}
.cont_main .visual .bx_wrap .bx-wrapper {position:absolute; top:0px; width:100%;}
.cont_main .visual .bx_wrap .bx-wrapper .bx-viewport {width:100%}
.cont_main .visual .bx_wrap .bx-wrapper .bx-controls {z-index:1000;}
.cont_main .visual .bx_wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position:static; float:right;}
.cont_main .visual .bx_wrap .bx-wrapper .bx-pager.bx-default-pager {position:absolute; left:0; bottom:15px; width:100%; margin:0; padding:0; text-align:center;}
.cont_main .visual .bx_wrap .bx-wrapper .bx-pager.bx-default-pager a {background:none; width:15px; height:15px; border:2px solid #27518d; border-radius:50%;}
.cont_main .visual .bx_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {background:#27518d;}
.cont_main .visual .bx-wrapper .bx-prev {left:40px; background:url('/Main/Images/section/invest/main/invest_left.png') no-repeat;}
.cont_main .visual .bx-wrapper .bx-next {right:40px; background:url('/Main/Images/section/invest/main/invest_right.png') no-repeat;}
.cont_main .visual .bx_wrap .bx-wrapper .bxslider li {height:300px;}
.cont_main .bxslider li.bg01 {background:url('/Main/Images/section/invest/main/visual_invest01.jpg') 50% no-repeat; background-size:cover;}
.cont_main .bxslider li.bg02 {background:url('/Main/Images/section/invest/main/visual_invest02.jpg') 50% no-repeat; background-size:cover;}
.cont_main .bxslider li.bg03 {background:url('/Main/Images/section/invest/main/visual_invest03.jpg') 50% no-repeat; background-size:cover;}
.cont_main .bxslider li.bg04 {background:url('/Main/Images/section/invest/main/visual_invest04.jpg') 50% no-repeat; background-size:cover;}
.cont_main .bx-viewport {z-index:0;}
@media all and (max-width:480px) {
	.cont_main .visual .bx-wrapper .bx-prev, .cont_main .visual .bx-wrapper .bx-next {display:none;}
} */


/* 보도자료 */
.cont_main .press_area{overflow:hidden; margin:20px 0 0;}
.cont_main .press_area ul{margin:0 -7px;}
.cont_main .press_area ul:after{content:''; display:block; clear:both;}
.cont_main .press_area ul li{float:left; box-sizing:border-box; width:50%; padding:0 7px;}
.cont_main .press_area ul li + li ~ li{display:none;}
.cont_main .press_area ul li a{display:block; overflow:hidden; border-radius:6px;}
.cont_main .press_area ul li a .img img{width:100%;}
.cont_main .press_area ul li a .tit{display:block; box-sizing:border-box; min-height:70px; padding:12px 5px 12px 20px; background:#585858; font-weight:400; font-size:15px !important; line-height:1.4; color:#fff; }
/* 게시판 */
.cont_main .board_area{margin:20px 0 0;}
.cont_main .board_area .tab_mn{position:relative; overflow:hidden; height:245px; padding:0 30px 0 0; border:1px solid rgba(255,255,255,.5); border-bottom:0;}
.cont_main .board_area .tab_mn:before{content:''; display:inline-block; position:absolute; top:45px; left:0; right:0; height:2px; background:#000;}
.cont_main .board_area .tab_mn:after{content:''; display:inline-block; position:absolute; top:45px; left:0; width:50px; height:2px; background:#eb5255;}
.cont_main .board_area .tab_mn > li{float:left; box-sizing:border-box; width:25%;}
.cont_main .board_area .tab_mn > li > a{display:block; position:relative; overflow:hidden; box-sizing:border-box; height:45px; font-size:14px; line-height:45px; text-align:center;}
.cont_main .board_area .tab_mn > li > a:before{content:''; display:inline-block; position:absolute; top:50%; left:0; width:2px; height:12px; margin-top:-6px; background:#ddd;}
.cont_main .board_area .tab_mn > li:first-child > a:before{display:none;}
.cont_main .board_area .tab_mn.tab01 .tab01 > a,
.cont_main .board_area .tab_mn.tab02 .tab02 > a,
.cont_main .board_area .tab_mn.tab03 .tab03 > a,
.cont_main .board_area .tab_mn.tab04 .tab04 > a{z-index:10; font-weight:600; color:#eb5255;}
.cont_main .board_area .tab_mn > li > div{display:none; position:absolute; top:45px; left:0; right:0; height:200px;}
.cont_main .board_area .tab_mn iframe{width:100%; height:100%; margin:0; padding:0; border:0;}
.cont_main .board_area .tab_mn.tab01 > .tab01 > div,
.cont_main .board_area .tab_mn.tab02 > .tab02 > div,
.cont_main .board_area .tab_mn.tab03 > .tab03 > div,
.cont_main .board_area .tab_mn.tab04 > .tab04 > div{display:block;}
.cont_main .board_area .more{display:inline-block; position:absolute; top:-45px; right:0; width:30px; height:45px;}
.cont_main .board_area .more .sprh_main{position:absolute; top:50%; left:50%; width:12px; height:12px; margin:-6px 0 0 -6px; background-position:0 0;}
.cont_main .board_area .lst{padding:17px 0 0;}
.cont_main .board_area .lst li{position:relative; padding:0 80px 0 10px; padding-right:0; line-height:17px;}
.cont_main .board_area .lst li:before{content:''; display:inline-block; position:absolute; top:50%; left:0; width:3px; height:3px; margin-top:-2px; background:#9e9e9e;}
.cont_main .board_area .lst li a{display:block; position:relative; overflow:hidden; box-sizing:border-box; padding:7px 0 6px; font-size:15px; text-overflow:ellipsis; white-space:nowrap; color:#4c4c4c;}
.cont_main .board_area .lst li a .new{display:inline-block;}
.cont_main .board_area .lst li a img{vertical-align:middle;}
.cont_main .board_area .lst li .date{display:none; position:absolute; top:7px; right:0; font-size:13px; color:#4c4c4c;}
/* 배너영역 */
.cont_main .ban_area{margin:20px 0 0;}
.cont_main .ban_area ul li{margin:5px 0 0;}
.cont_main .ban_area ul li a{display:block; position:relative; box-sizing:border-box; height:65px; padding:18px 0 0 77px; border-radius:6px; background:#00907f;}
.cont_main .ban_area ul li a:before{content:''; display:inline-block; position:absolute; top:50%; left:20px; width:45px; height:45px; margin-top:-23px; border-radius:50%; background:#006559;}
.cont_main .ban_area ul li a:after{content:''; display:inline-block; position:absolute; top:50%; left:20px; width:45px; height:45px; margin-top:-23px; background:url('/Main/Images/section/invest/main/ico_main01.png') no-repeat 50% 50%; background-size:60%;}
.cont_main .ban_area ul li.item01 a{background:#d1ede5;}
.cont_main .ban_area ul li.item02 a{background:#d6e9fd;}
.cont_main .ban_area ul li.item03 a{background:#dae0e7;}
.cont_main .ban_area ul li.item01 a:after{background-image:url('/Main/Images/section/invest/main/ico_main01.png');}
.cont_main .ban_area ul li.item02 a:after{background-image:url('/Main/Images/section/invest/main/ico_main02.png');}
.cont_main .ban_area ul li.item03 a:after{background-image:url('/Main/Images/section/invest/main/ico_main03.png');}
.cont_main .ban_area ul li .tit{display:block; font-size:17px; color:#333;}
.cont_main .ban_area ul li .txt,
.cont_main .ban_area ul li .more{display:none;}
/* 링크모음 */
.cont_main .link_area{margin:20px 0 0; padding:20px 0 20px 20px; border-radius:6px; background:#d1e1ed;}
.cont_main .link_area ul:after{content:''; display:block; clear:both;}
.cont_main .link_area ul li{float:left; position:relative; box-sizing:border-box; width:50%; padding:12px 5px 11px 18px; font-size:14px; line-height:18px; letter-spacing:-1px;}
.cont_main .link_area ul .wp_100 {width:100%;}
.cont_main .link_area ul li:before{content:''; position:absolute; top:16px; left:0; width:13px; height:11px; background-position:0 -20px;}
.cont_main .link_area ul li a{display:block;}


/*** Tablet 768px ~  ***/
@media all and (min-width:768px) {
	.cont_main{margin:0 20px; padding-bottom:30px;}
	
	/* 보도자료 */
	.cont_main .press_area{margin-top:30px;}
	.cont_main .press_area ul{margin:0 -8px;}
	.cont_main .press_area ul li{width:33.3%; padding:0 8px;}
	.cont_main .press_area ul li + li ~ li{display:block;}
	.cont_main .press_area ul li a .tit{font-size:17px;}
	/* 게시판 */
	.cont_main .board_area{margin:20px 0 0; padding:15px 30px; border:1px solid #ddd; border-radius:6px;}
	.cont_main .board_area .tab_mn > li{width:auto;}
	.cont_main .board_area .tab_mn > li > a{padding:0 10px; font-size:17px; text-align:left;}
	.cont_main .board_area .tab_mn > li:first-child > a{padding-left:0;}
	.cont_main .board_area .lst li{padding-right:80px;}
	.cont_main .board_area .lst li .date{display:inline-block;}
	/* 배너영역 */
	.cont_main .ban_area .tit{font-weight:bold;}
	.cont_main .ban_area ul{margin:0 -8px;}
	.cont_main .ban_area ul:after{content:''; display:block; clear:both;}
	.cont_main .ban_area ul li{float:left; box-sizing:border-box; width:33.3%; margin:0; padding:0 8px;}
	.cont_main .ban_area ul li a{height:180px; padding:20px;}
	.cont_main .ban_area ul li a:before{display:none;}
	.cont_main .ban_area ul li a:after{top:0; left:0; right:0; bottom:0; width:auto; height:auto; margin:0; background-position:95% 90%; background-size:auto;}
	.cont_main .ban_area ul li .txt{display:block; margin:20px 0 0; font-size:13px; color:#333;}
	.cont_main .ban_area ul li .more{display:block; position:absolute; bottom:23px; left:20px; padding-right:12px; font-size:13px; color:#333;}
	.cont_main .ban_area ul li .more:after{content:''; position:absolute; top:50%; right:0; width:7px; height:8px; margin-top:-4px; background-position:0 -40px;}
	/* 링크모음 */
	.cont_main .link_area ul li{width:33.3%;}
}

/*** Pc 1024px ~  ***/
@media all and (min-width:1024px) {
	.cont_main{margin:0; padding:0 0 50px;}
	/* 비쥬얼존 */
	.cont_main .visual{margin:0; background-position:50% 0;}
	.cont_main .visual .inr {width:1200px;}
	
	.cont_main > .section_group{width:1200px; margin:0 auto;}
	.cont_main > .section_group:after{content:''; display:block; clear:both;}
	/* 보도자료 */
	.cont_main .press_area{float:left; width:720px; margin:50px 0 0;}
	.cont_main .press_area ul{margin:0 -6px;}
	.cont_main .press_area ul li{padding:0 6px;}
	.cont_main .press_area ul li a .img{display:block; width:100%; height:210px;}
	/* 게시판 */
	.cont_main .board_area{float:right; box-sizing:border-box; width:450px; margin:50px 0 0;}
	/* 배너영역 */
	.cont_main .ban_area{float:left; width:720px;}
	.cont_main .ban_area ul{margin:0 -6px;}
	.cont_main .ban_area ul li{padding:0 6px;}
	/* 링크모음 */
	.cont_main .link_area{float:right; box-sizing:border-box; width:450px; height:180px; padding:25px 0 0 30px;}
	.cont_main .link_area ul li{width:50%;}

}