.main_container{width: 100%; height: auto;}
.main_visual{width: 100%; height: auto; padding: 74px 0 30px; background-image: url("../img/one_main/one_main.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover;}
.main_visual_wrap{width: 1200px; height: auto; margin: 0 auto;}
.main_bannerCon{width: 288px; height: 330px; position: relative;}
.main_bannerCon > a{display: block;}
.main_bannerCon > a > ul{width: 100%; height: 330px; position: absolute; top: 0; left: 0;}
.banner_con{background-color: rgba(0,0,0,0.75); padding: 49px 35px 0; }
.banner_label{border:1px solid #fff; width: 161px; height: 40px; margin: 0 auto 24px; overflow: hidden;}
.banner_label:after{display: block; content: ""; clear: both;}
.banner_label > p{float: left; height: 40px; line-height: 38px; text-align: center; color: #fff;}
.cond{width: 65px; border-right:1px solid #FFF; font-size: 14px; }
.label_t{font-size:18px; font-weight: bold; width:94px; }
.banner_txt{font-size: 18px; font-weight: 600; color: #fff; line-height: 30px; letter-spacing: -0.025em; text-align: center;}
.banner_day{font-size:16px; color: #889494; text-align: center; letter-spacing: -0.025em; margin-top:9px; margin-bottom: 17px;}
.more_btn{width: 119px; height: 32px; margin: 0 auto; border:1px solid #889494; font-size:14px; color: #889494; text-align: center; line-height: 30px; }
.more_btn img{vertical-align: middle; margin-top: -4px; margin-left: 8px;}
.banner_hover{display: none;}
.banner_h_con{position: relative; width: 100%;}
.banner_img{position: absolute;}
.banner_h_con p{position: relative; font-size: 22px; font-weight: 600; color: #fff; line-height: 32px; text-align: center; padding:90px 10px 25px; letter-spacing: -0.025em;}
.banner_hover .more_btn{position: relative; background-color: #fff; border:1px solid #fff;}
.banner_on .banner_hover{display: block;}
.main_banner_btn{text-align: center; margin-top: 30px;}
.main_banner_btn > li{display: inline-block; margin-left: 32px;}
.main_banner_btn > li:first-child{margin-left:0;}
.slider_play{display: none;}
.main_notice{width: 100%; height: 64px; background-color: #1e45c1;}
.main_notice_wrap{width: 1200px; height: auto; margin: 0 auto; color: #fff; line-height: 64px;}
.fl_lft{float: left;}
.fl_rgt{float: right;}
.main_notice_wrap:after{display: block; content: ""; clear: both;}
.main_notice_wrap > ul > li{float: left;}
.main_notice_wrap > ul:after{display: block; content: "" ; clear: both;}
.main_notice_n{font-size:22px; letter-spacing: -0.025em;font-weight: bold; position: relative; padding-right:31px; margin-right:  30px;}
.main_notice_n:before{content: " "; position: absolute; width: 1px; height:13px; background-color: #fff; right: 0; top: 25px;}
.main_notice_d{font-size: 16px; letter-spacing: -0.025em; margin-right: 26px;}
.main_notice_t{max-width: 800px;}
.main_notice_t a{text-overflow:ellipsis;  white-space:nowrap;  word-wrap:normal;  overflow:hidden; display: block;}
.all_notice{margin-top: 14px;}
.all_notice a{display: block; width: 139px; height: 36px; border:1px solid #fff; font-size: 14px; letter-spacing: -0.025em; border-radius: 3px; text-align: center; line-height: 36px;}
.main_content{width: 100%; height: auto; background-color: #f7f7f7; padding: 50px 0 70px;}
.main_content_wrap{width: 1200px; height: auto; margin: 0 auto;}
.main_content_wrap > div{width: 592px; height: auto; margin-right: 16px; float: left;}
.main_content_wrap:after{display: block; content: ""; clear: both;}
.main_content_wrap > div:last-child{margin-right: 0;}
.con_play{display: none;}
.main_con_slide{position: relative;}
.main_con_btn{position: absolute; width: 100%; height: 40px;  bottom: 0; z-index: 90;}/*20191015 수정 백그라운드 색상 삭제*/
.main_con_btn > ul{float: right;background-color: rgba(0,0,0,0.6);}/*20191015 수정 백그라운드 색상 추가*/
.main_con_btn > ul > li{float: left;}
.main_con_btn > ul:after{display: block; content: ""; clear: both;}
.main_con_btn:after{display: block; content: ""; clear: both;}
.s_con_btn{width: 39px; height: 40px; line-height: 40px; border-left:1px solid rgba(255,255,255,0.6); text-align: center;}
#slide-counter{font-size:20px; letter-spacing: -0.025em; color: #fff; line-height: 40px; padding-right: 20px;}
.main_box > ul >li{width: 50%; height: 236px; float: left;}
.main_box > ul:after{display: block; content: ""; clear: both;}
.box_state{border:1px solid #e2e2e2;background-color: #fff;padding: 25px 40px 0 30px;}
.main_box > ul >li:nth-child(2){border-bottom: 0;}
.main_box > ul >li:nth-child(3){border-right:0;}
.one_click{background-color: #5480ff; background-image: url("../img/one_main/oneClick_bg.png"); background-repeat: no-repeat; background-position: 83% 80%;}
.one_click > a{display: block; width: 100%; height: 100%;}
.one_click > a span{font-size: 24px; line-height: 34px; letter-spacing: -0.025em; color: #fff; padding: 25px 30px; display: inline-block;}
.box_state > h5{font-size:24px; line-height: 34px; letter-spacing: -0.025em; color: #333333; margin-bottom: 31px;}
.box_state > ul > li:after{display: block; content: ""; clear: both;}
.box_state > ul > li{border-bottom: 1px solid #e2e2e2; line-height: 24px; padding-bottom: 2px; margin-bottom:4px; }
.box_state > ul > li:last-child{border-bottom: 0; margin-bottom: 0;}
.box_state > ul > li > p{font-size: 14px; color: #666666; letter-spacing: -0.025em;}
.box_state > ul > li > p span{font-size: 18px; color: #1e45c1; letter-spacing: -0.025em;}
.box_state4{padding-top: 32px;}
.mobile{display: none;}

.main_con_title{position: absolute;background-color: rgba(0,0,0,0.6); font-size: 16px; color: #fff; display: block; z-index: 110; bottom: 0; line-height: 40px; padding: 0 20px; width: calc(100% - 175px);text-overflow:ellipsis;  white-space:nowrap;  word-wrap:normal;  overflow:hidden; }


@media only all and (max-width:1024px) {
    .mobile{display: block;}
    .mobile_none{display: none !important;}

    .main_visual_wrap{width: 96%;}
    .main_notice_wrap{width: 96%;}
    .main_notice_d{display: none;}
    .main_notice_t{width: 400px;}
    .main_notice_t > a{font-size: 13px;}
    .main_notice_n{font-size: 14px;}
    .main_content_wrap{width: 96%;}
    .main_content_wrap > div{width: 100%; margin-right: 0;}
    .main_content_wrap > div:first-child{margin-bottom: 15px;}
    #main_con_slider li img{width: 100%;}


}

@media only all and (max-width:767px) {
    .main_visual{padding: 17px 0 15px;}
    .main_banner .bx-viewport{width: 308px !important; margin:  auto;}
    .main_bannerCon{width: 150px; height: 180px; margin-right: 8px !important}
    .banner_label{width: 100px; height: 25px; line-height: 23px;margin: 0 auto 11px;}
    .banner_label p{line-height: 23px; height: 25px;}
    .cond{width: 40px; font-size: 10px;}
    .banner_con{padding: 20px 10px 0;}
    .label_t{width: 58px; font-size: 12px;}
    .banner_txt{font-size: 12px; line-height: 17px;}
    .banner_day{font-size: 10px; margin-top: 4px; margin-bottom: 6px;}
    .more_btn{font-size: 12px; width: 80px; height: 25px; line-height: 25px;}
    .more_btn img{width:20px; }
    .main_banner_btn > li{margin-left:10px;}
    .main_banner_btn{margin-top: 15px;}
    .main_notice_n{padding-right: 0; margin-right: 14px;}
    .main_notice_n:before{width: 0;}
    .main_notice_t{width: 70%;}
    .main_notice_t a{font-size: 12px;}
    .all_notice a{font-size: 10px; width: 94px; height: 26px; line-height: 26px;}
    .main_notice{height: 49px;}
    .main_notice_wrap{line-height: 49px;}
    .main_notice_wrap .fl_lft{width:70%;}
    .all_notice{margin-top: 12px;}
    .main_content{padding: 15px 0 25px;}
    .one_click{background-size: 52px;}
    #slide-counter{font-size: 12px;}
    .main_box > ul >li{height: 125px;}
    .one_click > a span{font-size: 14px; line-height: 19px; padding: 13px 15px;}
    .box_state > h5{font-size: 14px; line-height: 19px;}
    .box_state{padding: 13px 15px; }
    .box_state > ul > li{line-height: 18px; padding-bottom: 0; margin-bottom: 1px;}
    .box_state > ul > li > p{font-size: 12px; }
    .box_state > ul > li > p span{font-size: 12px;}
    .box_state > h5{margin-bottom: 6px;}
    .box_state4{padding-top: 19px;}

    .main_con_title{ font-size: 13px;width: calc(100% - 160px);}
}

@media only all and (max-width:320px) {
    .main_notice_wrap .fl_lft{width: 67%;}
    .main_notice_t{width: 68%;}

    .main_con_title{ font-size: 13px;width: calc(100% - 159px);}
}