@charset "utf-8";

/*레이어팝업존*/
#popup_all{ position:absolute;width:100%;z-index:16000}
.allpop{position:absolute;top:0;left:0;width:100%;height:100%;z-index:200000;display:none;bottom:0;right:0}
.allpop:after{content:'';display:block;background:rgba(0, 0, 0, .75);width:100%;height:100%;top:0;right:0;left:0;bottom:-900px;z-index:-1;position:fixed}
.allpop div{margin:0 auto;text-align:center;width:100%;box-sizing:border-box;overflow:hidden}
.allpop .al_tit{color:#fff;font-size:42px;font-family:'MapoDPPA';display:flex;justify-content:center;padding-top:108px}
.allpop .al_tit span{font-family:inherit}
.allpop .al_btn{margin-top:15px}
.allpop .al_tit strong{color:#5ffdff;font-weight:bold;font-family:'MapoDPPA'}
.allpop .img_area li img{width:100%;margin:10px 0;overflow:hidden}
.al_btn button{display:inline-block;width:57px;height:0;float:none;opacity:1;overflow:hidden;padding-top:55px;background:url("../../imgs/scurc/main/popall.png") no-repeat left top}
.al_btn button.prev{background-position:center -55px}
.al_btn button.next{background-position:center -129px}
.al_btn button.close{background-position:center -203px}
.al_btn button.oneday{font-family:'MapoDPPA';font-size:18px;background:none;padding:0 20px;height:54px;width:auto;border-radius:50px;color:#d2d2d2;border:solid 2px #d0d0d0;box-sizing:border-box}
.al_btn button:focus,
.al_btn button:hover{opacity:1;text-decoration:none}
.allpop_btn{position:absolute;right:10px;top:10px;z-index:1}
.allpop_btn a{display:inline-block;background:#0E3194 url("../../imgs/scurc/main/popall.png") no-repeat center 50px;color:#fff;width:80px;height:80px;line-height:67px;border-radius:50%;font-size:16px;text-align:center}
@media all and (min-width:768px){
    .allpop .al_tit{font-size:42px}
    .allpop .img_area li{width:31.333%;float:left;margin-right:2%}
    .allpop .img_area:after{display:block;content:'';clear:both}
}
@media all and (max-width:500px){
    .al_btn button{width:41px;height:0;overflow:hidden;padding-top:55px;background:url("../../imgs/scurc/main/popall.png") no-repeat left top;background-size:40px}
    .al_btn button.prev{background-position:center -30px}
    .al_btn button.next{background-position:center -80px}
    .al_btn button.close{background-position:center -129px}
    .al_btn button.oneday{font-family:'MapoDPPA';font-size:18px;background:none;padding:0 20px;height:40px;width:auto;border-radius:50px;color:#d2d2d2;border:solid 2px #d0d0d0;box-sizing:border-box;/* margin-left:5px;*/margin-bottom:6px}
    .allpop .al_tit{font-size:27px}
    .al_btn button.oneday{font-size:13px}
}
@media all and (min-width:1025px) and (max-width:1400px){
    .allpop .img_area li img{width:350px;height:350px}
}
@media all and (min-width:1024px){
    .allpop_btn{top:200px}
    .allpop div{width:100%;overflow:hidden}
    .allpop div.caroufredsel_wrapper{padding-top:20px}
    .allpop .img_area{padding:20px 0 0 0;width:100%}
    .allpop .img_area ul{margin-right:-23px}
}
@media (min-width:1400px){
    .allpop div{width:1400px;overflow:hidden}
    .allpop .img_area li{width:451px;height:451px;float:left;margin-right:17px}
    .allpop .img_area li img{width:451px;height:451px;margin:0}
    .allpop_btn{position:fixed;right:13px;top:300px}
}

#top_layout{background:rgba(0, 0, 0, .5);border-bottom:none}
#top_layout.on{background:#fff;border-bottom:1px solid #efefef}
#top_layout .top_wrap #logo a.logo_img span{background-image:url(../../imgs/scurc/common/logo_white.png)}
#top_layout.on .top_wrap #logo a.logo_img span{background-image:url(../../imgs/scurc/common/logo.png)}
#gnb_layout #gnb{background:none}
#gnb_layout.open #gnb{background:#fff}
#gnb_layout #gnb .gnb_wrap > .depth1_ul > li > a > span{color:#fff}
#gnb_layout.open #gnb .gnb_wrap > .depth1_ul > li > a > span{color:#2f3236}
#top_layout .top_wrap .utile_wrap li.home svg,
#top_layout .top_wrap .utile_wrap li.pc svg,
#top_layout .top_wrap .utile_wrap li.mo svg{color:#fff}
#top_layout.on .top_wrap .utile_wrap li.home svg,
#top_layout.on .top_wrap .utile_wrap li.pc svg,
#top_layout.on .top_wrap .utile_wrap li.mo svg{color:#494949}

.visual_box{position:relative}
.visual_box .visual_img li{height:800px;background-repeat:no-repeat;background-position:center top;background-size:cover}
.visual_box .inner{position:absolute;left:0;top:217px;right:0;padding:0 40px;transition:all .3s;z-index:10}
.visual_box .visual_cont{position:relative;display:flex;max-width:1400px;margin:0 auto;justify-content:space-between}
.visual_box .visual_cont .tit_box .tit_logo{display:flex}
.visual_box .visual_cont .tit_box .tit_logo li img{transition:all .3s}
.visual_box .visual_cont .tit_box .tit_text01{margin-top:62px;color:#fff;font-size:44px;font-weight:200;line-height:55px;transition:all .3s}
.visual_box .visual_cont .tit_box .tit_text02{margin-top:50px;color:#fff;font-size:48px;font-weight:600;transition:all .3s}
.visual_box .visual_cont .quick_link{width:416px}
.visual_box .visual_cont .quick_link ul{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
.visual_box .visual_cont .quick_link ul li{width:calc(50% - 10px);box-shadow:10px 10px 10px 0 rgba(0, 0, 0, .5);transition:all .3s}
.visual_box .visual_cont .quick_link ul li:nth-child(1){background:#58585a;border-radius:60px 0 0 0}
.visual_box .visual_cont .quick_link ul li:nth-child(2){background:#f1592a;border-radius:0 60px 0 0}
.visual_box .visual_cont .quick_link ul li:nth-child(3){margin-top:20px;background:#0f75bc;border-radius:0 0 0 60px}
.visual_box .visual_cont .quick_link ul li:nth-child(4){margin-top:20px;background:#0b9444;border-radius:0 0 60px 0}
.visual_box .visual_cont .quick_link ul li a{display:block;height:198px;padding-top:135px;color:#fff;font-size:18px;text-align:center;background-repeat:no-repeat;background-position:center 40%;transition:all .3s}
.visual_box .visual_cont .quick_link ul li:hover{opacity:0.9}
.visual_box .visual_cont .quick_link ul li:hover a{opacity:1}
.visual_box .visual_cont .quick_link ul li:nth-child(1) a{background-image:url(../../imgs/scurc/main/icon_quick04.png)}
.visual_box .visual_cont .quick_link ul li:nth-child(2) a{background-image:url(../../imgs/scurc/main/icon_quick03.png)}
.visual_box .visual_cont .quick_link ul li:nth-child(3) a{background-image:url(../../imgs/scurc/main/icon_quick01.png)}
.visual_box .visual_cont .quick_link ul li:nth-child(4) a{background-image:url(../../imgs/scurc/main/icon_quick02_1.png)}

@media (max-width:1280px){
	.visual_box .visual_img li{height:620px}
	.visual_box .inner{top:180px}
	.visual_box .visual_cont .tit_box .tit_logo li img{height:100px}
	.visual_box .visual_cont .tit_box .tit_text01{font-size:38px;line-height:44px}
	.visual_box .visual_cont .tit_box .tit_text02{margin-top:40px;font-size:42px}
	.visual_box .visual_cont .quick_link{width:350px}
	.visual_box .visual_cont .quick_link ul li a{height:165px;padding-top:115px;background-size:32%}
}
@media (max-width:1023px){
	.visual_box .inner{top:135px;padding:0 30px}
	.visual_box .visual_img li{height:490px}
	.visual_box .visual_cont .tit_box .tit_logo li img{height:80px}
	.visual_box .visual_cont .tit_box .tit_text01{margin-top:57px;font-size:30px;line-height:38px}
	.visual_box .visual_cont .tit_box .tit_text02{margin-top:32px;font-size:35px}
	.visual_box .visual_cont .quick_link{width:300px}
	.visual_box .visual_cont .quick_link ul li a{height:140px;padding-top:92px}
}
@media (max-width:767px){
    .visual_box .inner{top:120px;padding:0 20px}
    .visual_box .visual_cont{display:block}
    .visual_box .visual_cont .tit_box{text-align:center}
    .visual_box .visual_cont .tit_box .tit_logo{justify-content:center}
    .visual_box .visual_cont .tit_box .tit_text01{margin-top:30px;font-size:24px;line-height:30px}
    .visual_box .visual_cont .tit_box .tit_text02{margin-top:15px;font-size:28px}
    .visual_box .visual_cont .quick_link{width:100%;margin-top:30px}
    .visual_box .visual_cont .quick_link ul li{width:calc(25% - 10px);box-shadow:4px 0px 10px 0 rgba(0, 0, 0, .5)}
    .visual_box .visual_cont .quick_link ul li:nth-child(1),
    .visual_box .visual_cont .quick_link ul li:nth-child(2),
    .visual_box .visual_cont .quick_link ul li:nth-child(3),
    .visual_box .visual_cont .quick_link ul li:nth-child(4){margin-top:0;border-radius:20px}
    .visual_box .visual_cont .quick_link ul li a{height:auto;padding-top:66%;padding-bottom:13%}
}

.new_board_box{padding:80px 40px;background:url('../../imgs/scurc/main/idx_news_bg.png') center no-repeat}
.new_board_box .inner{display:flex;width:100%;max-width:1400px;margin:0 auto;justify-content:space-between}
.new_board_box .btn_more{position:absolute;top:19px;right:17px}
.new_board_box .btn_more i:before{font-size:36px}
.new_board_box .btn_more span{font-size:0}

.notice_item{position:relative;width:calc(50% - 20px);background:#fff;border:1px solid #ccc}
.notice_item ul{padding:18px 20px 50px 20px;list-style:none}
.notice_item h2{font-size:1.846em;margin:10px 20px;padding:20px;border-bottom:1px solid #000}
.notice_item li{position:relative;padding:19px 20px;font-size:1em;border-bottom:1px solid #ccc}
.notice_item li a{display:inline-block;color:#333;width:calc(100% - 170px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}
.notice_item li .lt_date{position:absolute;top:21px;right:5px;color:#888;font-size:0.92em}
.notice_item li a.bo_name{width:auto;color:#f1592a}

.notice_item .fa-download{width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle}
.notice_item .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle;font-weight:normal}
.notice_item .fa-heart{width:16px;height:16px;line-height:16px;background:#ff66b0;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle;;font-weight:normal}
.notice_item .new_icon{display:inline-block;width:16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;border-radius:4px;text-align:center;vertical-align:middle;font-size:11px}
.notice_item .hot_icon{display:inline-block;width:16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;border-radius:4px;text-align:center;;vertical-align:middle;font-weight:normal;font-size:11px}
.notice_item .fa-lock{display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#fff;background:#262b88;text-align:center;border-radius:4px;font-size:12px;border:1px solid #262b88}

.news_item{position:relative;width:calc(50% - 20px);background:#fff;border:1px solid #ccc}
.news_item h2{font-size:1.846em;margin:10px 20px;padding:20px;border-bottom:1px solid #000}
.news_item ul{padding:0 20px 50px 20px}
.news_item ul:after{display:block;visibility:hidden;clear:both;content:""}
.news_item li{float:left;width:100%;margin:0 1%;border-bottom:1px solid #ccc;position:relative;padding:25px 15px;line-height:30px}
.news_item .lt_li_img{padding-left:170px}
.news_item .lt_img{position:absolute;left:10px;margin-top:-15px}
.news_item .lt_detail{height:30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#999}
.news_item .new_icon{display:block;position:absolute;top:0;right:0;width:40px;text-align:center;color:#fff;font-size:11px;line-height:25px;font-weight:300;background:#c7a254}
.news_item .new_icon:before{content:'';display:block;position:absolute;bottom:0px;right:0;clear:both;border:0 solid #c7a254;border-bottom-color:transparent;border-width:8px 20px;bottom:-8px}

.news_item .lt_tit{font-weight:600;font-size:1em}
.news_item .menu_more{position:absolute;right:0;top:0;margin:40px 0;text-align:center}
.news_item .menu_more a{display:inline-block;width:150px;background:#e1e1e1;color:#777;line-height:50px;-webkit-box-shadow:0 5px 15px  rgba(0,0,0,0.1);-moz-box-shadow:0 5px 15px  rgba(0,0,0,0.1);box-shadow:0 5px 15px  rgba(0,0,0,0.1)}
.news_item .menu_more a:hover{background:#d5d6d9;color:#666 ;-webkit-box-shadow:0 5px 15px  rgba(0,0,0,0.1);-moz-box-shadow:0 5px 15px  rgba(0,0,0,0.1);box-shadow:0 5px 15px  rgba(0,0,0,0.15)}
.news_item .lt_cate{display:inline-block;margin-right:5px;color:#fa576b;background:#fae5e7;padding:0 6px;line-height:20px}
@media (max-width:1023px){
	.new_board_box{padding:50px 30px}
	.new_board_box .inner{flex-wrap:wrap}
	.notice_item{width:100%;margin-bottom:30px}
	.news_item{width:100%}
	.news_item li{width:100%}
}
@media (max-width:767px){
	.new_board_box{padding:60px 20px}
 	.news_item .lt_img{position:absolute;left:10px;margin-top:0}
}

.idx_now{background:url('../../imgs/scurc/main/idx_now_bg.png') 70% 120px no-repeat;width:100%;min-height:800px;padding:80px 40px}
.idx_con{position:relative;margin:0 auto;max-width:1400px}
.idx_con .btn_more{position:absolute;top:18px;right:2px}
.idx_con .btn_more i{margin-right:5px;vertical-align:text-bottom}
.idx_con .btn_more i:before{font-size:24px}

h2.idx_title{font-size:3.5em;font-weight:300;letter-spacing:-1px;line-height:1.2}
h2.idx_title u{font-weight:700}

.lt_service{padding:50px 0 0 0;max-width:1400px;margin:0 auto}
.lt_service ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.lt_service li{width:calc(25% - 20px);position:relative;margin-right:20px;transform:translateY(0px);-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}

.lt_service li:hover{transform:translateY(-20px)}
.lt_service li:nth-child(4){margin-right:0}
.lt_service li a{display:block;width:100%}
.lt_service li .lt_txt_wr{padding:40px 20px 0 20px;min-height:260px;height:auto;border:1px solid #ccc;border-top:0;font-size:1em;letter-spacing:-1px}
.bo_name{color:#0f75bc;font-weight:600}
.lt_service li .lt_img img{width:100%;height:auto;vertical-align:top;border-top:3px solid #0f75bc;border-left:1px solid #ccc;border-right:1px solid #ccc}
.lt_service li .lt_tit{display:block;font-size:1em;font-weight:400;margin:10px 0}
.lt_service li .lt_detail{font-weight:400;color:#999;font-size:0.9em}

@media (max-width:1023px){
	.idx_now{padding:40px 30px}
	.lt_service{padding:27px 0 0 0}
    .lt_service li{width:calc(50% - 20px);margin-bottom:20px;text-align:left}
    .lt_service li:nth-child(2){margin-right:0}
    .lt_service li:hover{transform:translateY(0)}
    .lt_service li .lt_img{width:100%}
	.lt_service li .lt_img img{width:100%}
    .lt_service .lt_txt_wr{width:100%;padding:20px;border:0}
    .lt_service li .lt_tit{margin:0 0 20px;font-size:1.25em}
}
@media (max-width:767px){
	.idx_now{padding:40px 20px}
	.idx_con .btn_more{position:relative;top:auto;right:auto}
}
@media (max-width:500px){
	.lt_service li{width:100%;margin-right:0}
	.lt_service li .lt_txt_wr{padding:40px 20px 20px 20px;min-height:auto}
}
#banner{border-top:1px solid #e5e5e5;background:#fff}
#banner .banner_box{overflow:hidden}
#banner .banner_box .banner_wrap{position:relative;width:100%;height:75px;padding-left:245px}
#banner .banner_box .banner_wrap strong{display:block;position:absolute;left:0;top:0;line-height:80px;font-size:19px;color:#333;font-weight:500}
#banner .banner_box .banner_wrap .footer_control{position:absolute;left:100px;top:24.5px;}
#banner .banner_box .banner_wrap .footer_control:after{display:block;clear:both;visibility:hidden;content:''}
#banner .banner_box .banner_wrap .footer_control a{display:block;float:left;position:relative;width:26px;height:26px;margin:0 2px;border-radius:50%;background:#888;font-size:0;}
#banner .banner_box .banner_wrap .footer_control a:before,
#banner .banner_box .banner_wrap .footer_control a:after{display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;content:''}
#banner .banner_box .banner_wrap .footer_control a:before{width:10px;height:2px;background:#fff}
#banner .banner_box .banner_wrap .footer_control a:after{width:2px;height:10px;background:#fff}

#banner .banner_box .banner_wrap .footer_control button{display:block;float:left;position:relative;width:26px;height:26px;margin:0;padding:0;font-size:0}
#banner .banner_box .banner_wrap .footer_control button[data-control="prev"]:before{right:-3px;width:10px;height:10px;border-color:#333}
#banner .banner_box .banner_wrap .footer_control button[data-control="next"]:before{left:-3px;width:10px;height:10px;border-color:#333}
#banner .banner_box .banner_wrap .footer_control button[data-control="stop"]:before{height:15px;box-shadow:-3px 0 #333, 3px 0 #333}
#banner .banner_box .banner_wrap .footer_control button[data-control="play"]:before{right:-2px;border-width:9px 0 9px 12px;border-color:transparent transparent transparent #333}
#banner .banner_box .banner_wrap .grap{margin-left:0%;overflow:hidden;width:100%}
#banner .banner_box .banner_wrap .grap .obj{position:relative;width:1000%}
#banner .banner_box .banner_wrap .grap .obj:after{display:block;clear:both;visibility:hidden;content:''}
#banner .banner_box .banner_wrap .grap .obj li{float:left;position:relative;padding-right:20px;width:134px !important}
#banner .banner_box .banner_wrap .grap .obj li a{width:134px;display:block;padding:15px 0;height:75px;line-height:75px;font-size:15px;color:#333;/* font-weight:700;*/}
#banner .banner_box .banner_wrap .grap .obj li a img{/* width:auto;*//* height:100%;*/}

@media screen and (max-width:1023px){
    #banner .banner_box .banner_wrap{padding-left:232px}
    #banner .banner_box .banner_wrap .footer_control{top:22.5px}
    #banner .banner_box .banner_wrap .footer_control button{width:30px;height:30px;margin:0 1px;border-radius:50%;border:1px solid #ddd}
    #banner .banner_box .banner_wrap .footer_control button[data-control="prev"]:before{right:-3px;width:6px;height:6px;border-color:#9a9a9a}
    #banner .banner_box .banner_wrap .footer_control button[data-control="next"]:before{left:-3px;width:6px;height:6px;border-color:#9a9a9a}
    #banner .banner_box .banner_wrap .footer_control button[data-control="stop"]:before{height:10px;box-shadow:-3px 0 #9a9a9a, 3px 0 #9a9a9a}
    #banner .banner_box .banner_wrap .footer_control button[data-control="play"]:before{right:-2px;border-width:7px 0 7px 10px;border-color:transparent transparent transparent #9a9a9a}
}

@media screen and (max-width:767px){
    #banner .banner_box .banner_wrap{height:auto;padding:20px 0}
    #banner .banner_box .banner_wrap strong{line-height:50px}
    #banner .banner_box .banner_wrap .footer_control{top:27px;left:0px;right:0}
    #banner .banner_box .banner_wrap .grap .obj li{ padding-right:0px}
    #banner .banner_box .banner_wrap .grap .obj li a{height:45px;line-height:30px;padding:0}
    #banner .banner_box .banner_wrap .grap .obj li:after{top:37.5px;right:15px}
}