@charset 'utf-8';
@import url('/css/common.css');

/* visual */
.wrap_visual .bx-wrapper {position:relative; margin:0 auto}
.wrap_visual .bx-wrapper .bx-viewport {transform: translatez(0)}
.wrap_visual .bx-wrapper .bxslider li {height:740px; text-align:center; color:#fff}
.wrap_visual .bx-wrapper .bxslider li img {position:absolute; left:0; top:0; min-width:100%; min-height:100%; z-index:-1}
.wrap_visual .bx-wrapper .bxslider li .tit {padding-top:270px; font:3.3em/1.5 'notokr-b'}
.wrap_visual .bx-wrapper .bxslider li .txt {margin-top:30px; font-size:1.4em; line-height:1.5}
.wrap_visual .bx-wrapper .bx-pager {position:absolute; bottom:140px; width:100%; text-align:center}
.wrap_visual .bx-wrapper .bx-pager .bx-pager-item {display:inline-block}
.wrap_visual .bx-wrapper .bx-pager.bx-default-pager a {display:block; width:16px; height:16px; margin:0 8px; background-color:rgba(140,140,140,0.8); text-indent:-9999px; border:1px solid #999; border-radius:50%}
.wrap_visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.wrap_visual .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:#fff; border-color:#fff}

/* 메인 컨텐츠 */
.wrap_main_con {position:relative; top:-100px; max-width:1200px; padding:0 20px; margin:0 auto}
.wrap_bx {position:relative; float:left; width:48.5%; height:380px; background-color:#fff; box-sizing:border-box}
.wrap_bx h3.tit {margin-bottom:35px; font:1.3em 'notokr-b'; color:#18186f}
.wrap_bx .date {display:block; float:right; width:20%; font-family:'notokr-l'; text-align:right}
.wrap_bx .btn_more {position:absolute; top:25px; right:25px; width:24px; height:24px; padding:5px; background:url('/images/main/btn_more.png') no-repeat 50% 50%}

/* 공지뉴스 */
.wrap_bx.news {padding:30px; margin-right:1.5%}
.wrap_bx.news .hline_news dt {margin-bottom:18px; line-height:1.2; overflow:hidden}
.wrap_bx.news .hline_news dt .tit {float:left; display:block; width:80%; font-size:1.6em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.wrap_bx.news .hline_news:hover dt .tit,
.wrap_bx .tit a:hover {color:#5490ff}
.wrap_bx.news .hline_news dt .date {margin-top:5px}
.wrap_bx.news .hline_news dd {display:-webkit-box; max-height:3.6em; line-height:1.2em; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2;  -webkit-box-orient:vertical; word-wrap:break-word}
.wrap_bx.news .list_news {margin-top:30px}
.wrap_bx.news .list_news dl {margin:12px 0; line-height:1.2}
.wrap_bx.news .list_news dl:after {content:''; display:block; clear:both}
.wrap_bx.news .list_news dl dt {float:left; width:80%; padding-right:10px; box-sizing:border-box}
.wrap_bx.news .list_news dl dt a {display:block; font-size:1.2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

/* 사업실적 */
.wrap_bx.busi {margin-left:1.5%; overflow:hidden}
.wrap_bx.busi h3.tit {position:absolute; top:30px; left:50%; padding-left:30px}
.wrap_bx.busi .wrap_busi:after {content:''; display:block; clear:both}
.wrap_bx.busi .slide_img {float:left; width:50%; height:100%}
.wrap_bx.busi .slide_img img {width:100%; height:100%}
.wrap_bx.busi .slide_txt {float:left; width:50%; padding:80px 0 0 30px; box-sizing:border-box}
.wrap_bx.busi .slide_txt .tit {padding:10px 0; font-size:1.6em}
.wrap_bx.busi .slide_txt dl {margin:20px 0; line-height:1.2}
.wrap_bx.busi .slide_txt dl dt {margin-bottom:5px; font-family:'notokr-b';}
.wrap_bx.busi .slide_txt dl dd {font-family:'notokr-l'}
.wrap_bx.busi .bxslider-controls {position:absolute; right:0; bottom:0}
.wrap_bx.busi .bxslider-controls a {display:block; float:left; width:36px; height:36px; background:#c6c6c6 url('/images/main/btn_arr_h.png') no-repeat}
.wrap_bx.busi .bxslider-controls .pull-left {margin-right:1px; background-position:10px 50%}
.wrap_bx.busi .bxslider-controls .pull-right {background-position:-25px 50%}

/* 아이콘메뉴 */
.wrap_icomenu {clear:both; padding-top:35px; text-align:center}
.wrap_icomenu ul {padding:20px 0; background-color:#fff}
.wrap_icomenu ul:after {content:''; display:block; clear:both}
.wrap_icomenu ul li {float:left; width:14.28%}
.wrap_icomenu ul li a {display:block; color:#999; font-size:1.2em}
.wrap_icomenu ul li a .ico {width:115px; height:115px; margin:0 auto 15px; background-color:#5490ff; border-radius:50%}
.wrap_icomenu ul li a .ico:after {content:''; display:block; width:100%; height:100%; background:no-repeat 50% 50% / 65%; opacity:.6}
.wrap_icomenu ul li.mn1 a .ico:after {background-image:url('/images/main/icon_m01.png')}
.wrap_icomenu ul li.mn2 a .ico:after {background-image:url('/images/main/icon_m02.png')}
.wrap_icomenu ul li.mn3 a .ico:after {background-image:url('/images/main/icon_m03.png')}
.wrap_icomenu ul li.mn4 a .ico:after {background-image:url('/images/main/icon_m04.png')}
.wrap_icomenu ul li.mn5 a .ico:after {background-image:url('/images/main/icon_m05.png')}
.wrap_icomenu ul li.mn6 a .ico:after {background-image:url('/images/main/icon_m06.png')}
.wrap_icomenu ul li.mn7 a .ico:after {background-image:url('/images/main/icon_m07.png')}
.wrap_icomenu ul li a:hover {color:#5490ff}
.wrap_icomenu ul li a:hover .ico {background-color:#1b54be}
.wrap_icomenu ul li a:hover .ico:after {opacity:1}

/* footer - position */
.footer {position:relative; top:-50px; padding:0}

@media screen and (max-width:1024px) {
	.wrap_bx {float:none; width:100%; height:auto}
	.wrap_bx.busi {margin:20px 0 0}
	
	.wrap_icomenu {padding-top:20px}
	.wrap_icomenu ul li a .ico {width:80px; height:80px}
}

@media screen and (max-width:768px) {
	.wrap_visual .bx-wrapper .bxslider li {height:400px; font-size:0.8em; word-break:keep-all}
	.wrap_visual .bx-wrapper .bxslider li img {height:100%}
	.wrap_visual .bx-wrapper .bxslider li .tit {padding-top:150px}
	.wrap_visual .bx-wrapper .bx-pager {bottom:20px}
	
	.wrap_main_con {top:auto; margin-top:20px}
	
	.footer {top:auto; padding:30px 20px}
}

@media screen and (max-width:640px) {
	.wrap_visual .bx-wrapper .bxslider li {height:330px}
	.wrap_visual .bx-wrapper .bxslider li .tit {padding:100px 20px 0; font-size:2.2em}
	.wrap_visual .bx-wrapper .bxslider li .txt {padding:20px; margin-top:0; font-size:1.2em}
	.wrap_visual .bx-wrapper .bxslider li .txt br {display:none}
	.wrap_visual .bx-wrapper .bx-pager.bx-default-pager a {width:10px; height:10px}
	
	.wrap_bx .btn_more {top:15px; right:15px}
	.wrap_bx.news {padding:15px}
	.wrap_bx.news .hline_news dt .tit {float:none; width:100%}
	.wrap_bx.news .hline_news dt .date {float:none; width:auto}
	.wrap_bx.news .list_news dl dt {float:none; width:100%}
	.wrap_bx.news .list_news dl dd {display:none}
	
	.wrap_bx.busi h3.tit {display:none}
	.wrap_bx.busi .slide_img {float:none; width:auto}
	.wrap_bx.busi .slide_txt {float:none; width:auto; padding:15px}
	.wrap_bx.busi .btn_more {top:auto; bottom:215px; background-color:#fff}
	
	.wrap_icomenu ul {padding:15px; text-align:left}
	.wrap_icomenu ul li {width:50%; margin:10px 0}
	.wrap_icomenu ul li a .ico {display:inline-block; width:40px; height:40px; margin:0 6px 0 0; vertical-align:middle}
	.wrap_icomenu ul li p {display:inline-block; font-size:0.9em; vertical-align:middle}
}