@charset "utf-8";

/* 메인배너 */
#main_bn {border:0px solid #cdcdcd;position:relative;margin-bottom:0px}
#main_bn .slide-wrap{display:none}
#main_bn .slide-wrap img{max-width:100%;height:auto}
#main_bn .bx-prev{position:absolute;top:50%;left:3%;margin-top:-35px;z-index:99;background:url(../img/btn_prev.png) no-repeat 50% 50%;width:50px;height:70px;;text-indent:-999px;overflow:hidden;opacity:0.6}
#main_bn .bx-prev:hover{opacity:1}
#main_bn .bx-next{position:absolute;top:50%;right:3%;margin-top:-35px;z-index:99;background:url(../img/btn_next.png) no-repeat 50% 50%;width:50px;height:70px;;text-indent:-999px;overflow:hidden;opacity:0.6}
#main_bn .bx-next:hover{opacity:1}
#main_bn #bx_pager {border-top:1px solid #cdcdcd}
#main_bn #bx_pager ul:after {display:block;visibility:hidden;clear:both;content:""}
#main_bn #bx_pager li{float:left;border-left:1px solid #cdcdcd;width:20%;text-align:center;line-height:35px}
#main_bn #bx_pager li:first-child{border-left:0}
#main_bn #bx_pager li a{display:block}
#main_bn #bx_pager li a.active{background:#56d2ca;color:#fff}

#main_bn .mainbn_twrap {position:absolute;color:#fff;width:80%;text-align:left;top:50%; left:50%;transform: translate(-50%, -50%);}
#main_bn .en {font-size:30px;line-height:30px;font-weight:400}
#main_bn .kor {font-size:50px;line-height:80px;;letter-spacing:-1px}
#main_bn .txt {font-size:17px;line-height:24px;font-weight:400;margin-top:10px}
#main_bn .urlbtn {display:block;border:1px solid #fff;line-height:50px;max-width:350px;text-align:center;margin-top:35px;font-size:18px}
#main_bn .material-icons {vertical-align:middle;margin-top:-2px;margin-left:20px}

/*서브배너*/
#banner_side {}
.sb_bn { display:none}
.sb_bn img{width:100%;height:auto;}
#banner_side h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#banner_side .bx-controls{position:relative;float:right;margin-bottom:50px;}
#banner_side .bx-prev{display:block;float:left;background:url(../img/btn_sb_prev.png) no-repeat 50% 50% #fff;width:15px;height:15px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}
#banner_side .bx-next{display:block;margin-left:-1px;float:left;background:url(../img/btn_sb_next.png) no-repeat 50% 50% #fff;width:15px;height:15px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}


#listbanner {}
#listbanner ul {margin:0px -15px}
#listbanner ul li {width:50%;float:left;padding:0 15px}
#listbanner img {border-radius:0px}


#longbanner {}
#longbanner ul {}
#longbanner ul li {width:100%;float:left;}
#longbanner img {border-radius:0px;width:100%}


/* 메인배너 */
#banner_list {border:0px solid #cdcdcd;position:relative;margin-bottom:0px}
#banner_list .slide-wrap{display:none}
#banner_list .slide-wrap img{max-width:100%;height:auto}
#banner_list .bx-prev{position:absolute;top:50%;left:3%;margin-top:-35px;z-index:99;background:url(../img/btn_prev.png) no-repeat 50% 50%;width:50px;height:70px;;text-indent:-999px;overflow:hidden;opacity:0.6}
#banner_list .bx-prev:hover{opacity:1}
#banner_list .bx-next{position:absolute;top:50%;right:3%;margin-top:-35px;z-index:99;background:url(../img/btn_next.png) no-repeat 50% 50%;width:50px;height:70px;;text-indent:-999px;overflow:hidden;opacity:0.6}
#banner_list .bx-next:hover{opacity:1}
#banner_list #bx_pager {border-top:1px solid #cdcdcd}
#banner_list #bx_pager ul:after {display:block;visibility:hidden;clear:both;content:""}
#banner_list #bx_pager li{float:left;border-left:1px solid #cdcdcd;width:20%;text-align:center;line-height:35px}
#banner_list #bx_pager li:first-child{border-left:0}
#banner_list #bx_pager li a{display:block}
#banner_list #bx_pager li a.active{background:#56d2ca;color:#fff}

#banner_list .mainbn_twrap {position:absolute;color:#fff;width:80%;text-align:left;top:50%; left:50%;transform: translate(-50%, -50%);}
#banner_list .en {font-size:85px;line-height:95px;font-weight:400}
#banner_list .kor {font-size:31px;line-height:50px;}
#banner_list .txt {font-size:17px;line-height:24px;font-weight:400}
#banner_list .urlbtn {display:block;background-color:#000;line-height:55px;max-width:350px;text-align:center;margin-top:35px;font-size:18px}
#banner_list .material-icons {vertical-align:middle;margin-top:-2px;margin-left:20px}


#sqbanner_list .sqmainbn_twrap {position:absolute;color:#fff;width:80%;text-align:left;top:50%; left:50%;transform: translate(-50%, -50%);max-width:1270px}
#sqbanner_list .en {font-size:85px;line-height:95px;font-weight:400}
#sqbanner_list .kor {font-size:31px;line-height:50px;}
#sqbanner_list .txt {font-size:17px;line-height:24px;font-weight:400}
#sqbanner_list .urlbtn {position:absolute;top:0px;right:0px;display:block;background-color:#000;line-height:55px;max-width:350px;padding:0 20px;text-align:center;margin-top:35px;font-size:16px}
#sqbanner_list .material-icons {vertical-align:middle;margin-top:-2px;margin-left:20px}
#sqbanner_list .bx-controls {display:none}

@media (max-width: 639px){
.bx-controls {display:none}
#main_bn .mainbn_twrap {position:absolute;color:#fff;width:90%;text-align:left;top:50%; left:52%;transform: translate(-50%, -50%);}
#main_bn .mainbn_twrap br {display:none}
#main_bn .en {font-size:13px;line-height:11px;font-weight:400;display:block;max-width:160px}
#main_bn .kor {font-size:16px;line-height:19px;display:block}
#main_bn .txt {font-size:13px;line-height:24px;font-weight:400;display:none}
#main_bn .urlbtn {display:none;background-color:#000;line-height:55px;max-width:350px;text-align:center;margin-top:35px;font-size:18px}
#main_bn .material-icons {vertical-align:middle;margin-top:-2px;margin-left:20px}

#container {max-width:95%}
#listbanner {}
#listbanner ul {margin:0px -15px}
#listbanner ul li {width:100%;float:left;padding:10px 15px}
#listbanner img {border-radius:0px}


#sqbanner_list .sqmainbn_twrap {position:absolute;color:#fff;width:90%;text-align:center;top:50%; left:50%;transform: translate(-50%, -50%);max-width:1270px}
#sqbanner_list .sqmainbn_twrap br {display:none}
#sqbanner_list .en {font-size:35px;line-height:35px;font-weight:400;display:block}
#sqbanner_list .kor {font-size:17px;line-height:20px;display:block}
#sqbanner_list .txt {font-size:13px;line-height:24px;font-weight:400;display:none}
#sqbanner_list .urlbtn {display:none;position:absolute;top:0px;right:0px;background-color:#000;line-height:55px;max-width:350px;padding:0 20px;text-align:center;margin-top:35px;font-size:16px}
#sqbanner_list .material-icons {vertical-align:middle;margin-top:-2px;margin-left:20px}
#sqbanner_list .bx-controls {display:none}

}

.mobile_down {display:none}

@media (max-width: 500px){

#main_bn .en {font-size:13px;line-height:11px;font-weight:400;display:block;max-width:160px}
#main_bn .kor {font-size:16px;line-height:19px;display:block}
#main_bn .txt {font-size:13px;line-height:24px;font-weight:400;display:none}
#main_bn .urlbtn {display:none;background-color:#000;line-height:55px;max-width:350px;text-align:center;margin-top:35px;font-size:18px}
#main_bn .material-icons {vertical-align:middle;margin-top:-2px;margin-left:20px}
#main_bn .bx-next {background-size:15px}
#main_bn .bx-prev {background-size:15px}


.mobile_down {display:block;max-width:95%;margin:10px auto}
.mobile_down a {display:block;background-color:#333;color:#fff;text-align:center;height:45px;line-height:45px}
.mobile_down .material-icons {vertical-align:middle;margin-top:-3px}
}