@charset "utf-8";

.popup_layer{display:none}

#layer_popup{width:503px; height:453px; text-align:center; position:absolute; top:0; left:0; border:3px solid #000; background:#000; z-index:99999; }
#layer_popup .close div{float:left; text-align:right}
#layer_popup #check{font-size:12px; font-family:'돋움'; color:#fff; position:absolute; bottom:5px; right:45px; }
#layer_popup #close{font-size:12px; position:absolute; bottom:5px; right:2px; }
#layer_popup #close a{ color:#000; padding:2px 3px; background:#fff; }

.visual{position:relative}

/* Main Slider */
#main_slider{position:relative;width:100%;height:600px;z-index:0}
#main_slider .slider_img{overflow:hidden;position:relative;width:100%;height:1200px}
#main_slider .slider_img ul{position:absolute; width:100%;height:600px}
#main_slider .slider_img ul li{float:left;height:600px}
#main_slider .slider_img ul li.slider_img01{z-index:0}
#main_slider .button{position:absolute; width:1200px; top:550px; left:45%; }
#main_slider .button ul{}
#main_slider .button ul li{float:left; padding-right:10px }
#main_slider .bx-pager{display:none}

#main_slider_ul li{height:600px; text-indent:-9999px}
#mobile_slider{display:none}

/* 이미지 슬라이더 컨트롤 버튼 */
.visual .control_btn_img{position:absolute; width:130px; top:550px; left:28%; z-index:200}
.visual .control_btn_img .crt_page{display:none }
.visual .control_btn_img .crt_prev{float:left; width:24px; height:24px; padding-right:6px }
.visual .control_btn_img #main_auto_01 .bx-controls-auto{float:left; width:24px; height:24px; padding-right:6px }
.visual .control_btn_img .crt_next{float:left; width:24px; height:24px}
#main_page_01{display:none }



.popupzone_wrap{position:absolute; left:0; top:0; width:100%; z-index:100}
.popupzone_wrap .popupzone{width:1200px; height:600px; margin:0 auto}
.popupzone_wrap .popupzone .p_inner{float:right; width:300px; height:600px; background:url(/sca/common/images/main/popup_bg.png) no-repeat}
.popupzone_wrap .popupzone .p_inner .p_logo{width:300px; padding:13px 0 15px; text-align:center; background:url(/sca/common/images/main/popup_line.png) center bottom no-repeat}
.popupzone_wrap .popupzone .p_inner .bx-wrapper{border:0;overflow:hidden}
.popupzone_wrap .popupzone .p_inner .slider{width:250px; height:404px; margin:0 auto; letter-spacing:-1px}
.popupzone_wrap .popupzone .p_inner .slider img{width:250px; height:404px}
/*.popupzone_wrap .popupzone .p_inner .slider .title_s{width:250px; color:#000000; font-size:20px; padding-bottom:19px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.popupzone_wrap .popupzone .p_inner .slider .title_l{width:250px; color:#157a40; font-size:30px; padding-bottom:60px; font-weight:400; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.popupzone_wrap .popupzone .p_inner .slider .text_inner{color:#006923; font-size:18px;  padding-bottom:60px; min-height:147px}
.popupzone_wrap .popupzone .p_inner .slider .btn_more{width:100%; height:40px; line-height:40px; color:#fff; font-size:20px; text-align:center; background:#157a40}*/
/* 팝업존 이미지 슬라이더 컨트롤 버튼 */
.popupzone_wrap .popupzone .bx-wrapper{background:none; box-shadow:none; -webkit-box-shadow:0}
.popupzone_wrap .popupzone .p_inner .bx-controls{width:84px; margin:20px auto 0; overflow:hidden}
.popupzone_wrap .popupzone .p_inner .bx-controls .crt_page{display:none }
.popupzone_wrap .popupzone .p_inner .bx-controls .crt_prev{float:left; width:24px; height:24px; padding-right:6px }
.popupzone_wrap .popupzone .p_inner .bx-controls #main_auto_02 .bx-controls-auto{float:left; width:24px; height:24px; padding-right:6px }
.popupzone_wrap .popupzone .p_inner .bx-controls #main_auto_new .bx-controls-auto{float:left; width:24px; height:24px; padding-right:6px }
.popupzone_wrap .popupzone .p_inner .bx-controls .crt_next{float:left; width:24px; height:24px}
#main_page_02{display:none }




#container .section01{padding:30px 0 40px}
#container .section02{padding:45px 0;background:#eee}

.section01 ul.ico{display:table}
.section01 ul.ico>li{display:table-cell;padding:0px 30px;position:relative}
.section01 ul.ico>li>a{display:block;padding:100px 16px 0;text-align:center}
.section01 ul.ico>li.ico01>a{background:url(/sca/common/images/main/ico08.png) no-repeat center 10px;width:150px}
.section01 ul.ico>li.ico02>a{background:url(/sca/common/images/main/ico02.png) no-repeat center 10px}
.section01 ul.ico>li.ico03>a{background:url(/sca/common/images/main/ico06.png) no-repeat center 10px}
.section01 ul.ico>li.ico04>a{background:url(/sca/common/images/main/ico04.png) no-repeat center 10px}
.section01 ul.ico>li.ico05>a{background:url(/sca/common/images/main/ico05.png) no-repeat center 10px}
.section01 ul.ico>li.ico06>a{background:url(/sca/common/images/main/ico03.png) no-repeat center 10px}
.section01 ul.ico>li.ico07>a{background:url(/sca/common/images/main/ico07.png) no-repeat center 10px}
.section01 ul.ico>li:first-child{padding-left:0}
.section01 ul.ico>li:last-child{padding-right:0}
.section01 ul.ico>li:first-child:before{display:none}
.section01 ul.ico>li:before{content:'';display:block;width:1px;height:65px;background:#e8e8e8;position:absolute;left:0;top:11px}


.section02 .inner:after{content:'';display:block;clear:both}
.section02 .left-article,
.section02 .right-article{width:46%}
.section02 .left-article{display:block; float:left}
.section02 .right-article{display:block; float:right}

.article-area{position:relative}
.article-area>ul.tab{display:block}
.article-area>ul.tab:after{display:block;content:'';clear:both}
.article-area>ul.tab>li{float:left;margin:0 5px 0 0}
.article-area>ul.tab>li>a{display:block;padding:15px 0;width:135px;background:#f5f5f7;font-size:18px;text-align:center}
.article-area>ul.tab>li.on>a{background:#0070b2;color:#fff}

.article-box{display:none}
.article-box>.tit{margin-bottom:20px;border-bottom:2px solid #0070b2;padding:13px 10px;font-size:24px;position:relative}
.article-box>.tit a.more{background:url(/sca/common/images/main/ico-more.png) no-repeat 0 0 !important;font-size:0;width:30px;height:30px;display:block;position:absolute;right:0;top:12px;padding:0 !important}
.article-box.notice>.tit a{background:url(/sca/common/images/main/ico-notice.png) no-repeat 0 0;padding:0 0 0 31px}
.article-box.news>.tit a{background:url(/sca/common/images/main/ico-notice.png) no-repeat 0 0;padding:0 0 0 31px}
.article-box.on{display:block}

ul.article>li{padding:10px 0;font-size:16px}
ul.article>li:before{display:block;width:5px;height:5px;background:#444;content:'';float:left;margin:5px 10px 0 0}
ul.article>li>a{color:#666;display:block}
ul.article>li>a>span.date{float:right}

.section03{border-bottom:1px solid #eee}
.section03 .inner{display:flex;justify-content:space-between;padding:55px 0 25px}
.section03 .left-article{position:relative;width:815px}
.section03 h2{margin-bottom:20px;padding:0 10px 13px 31px;font-size:24px;position:relative;background:url(/sca/common/images/main/ico-notice.png) no-repeat 0 0}
.section03 .photo_thum{display:flex;justify-content:space-between;margin-top:20px}
.section03 .photo_thum a img{width:256px;height:194px}
.section03 .photo_thum a span{display:block;width:256px;margin-top:10px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.section03 .more{display:block;position:absolute;right:0;top:0;width:30px;height:30px;padding:0 !important;background:url(/sca/common/images/main/ico-more.png) no-repeat 0 0 !important;font-size:0}

#banner{position:relative; overflow:hidden;background:#fff}
#banner .slide{position:relative; overflow:hidden; width:1050px!important; margin:30px auto}
#banner  ul{ height:46px; overflow:hidden; position:absolute; width:1500px}
#banner ul.bannerControl{width:1200px; top:33px}
#banner li{float:left;margin:0 24px}
#banner .ctrl_02 a{position:absolute;width:15px;height:26px;top:0}
#banner .ctrl_02 a.prev{left:0}
#banner .ctrl_02 a.next{right:0}

#banner .ctrl_02 li:nth-child(2){display:none}
#banner .ctrl_02 li:nth-child(4){display:none}


#main_slider > .bx-wrapper{border:none !important}



/**PC_Ver 1920*****************************************************/
@media screen and (max-width:1920px){
.visual .control_btn_img{left:22%}
}