@charset "utf-8";

html{height:100%;}
body{min-width:1200px;height:100%;overflow-y:scroll;}
body.m_paging{height:auto;padding-bottom:42px;}
body.fixed_body{height: 100%;overflow: hidden;}

/* skip */
.skip{position:absolute;top:0;left:0;width:100%;}
.skip a{position:absolute;display:block;width:100%;text-align:center;top:-500000px;left:0;z-index:1000000;}
.skip a:active,
.skip a:focus{position:absolute;top:0;left:0;padding:15px 0;font-weight:bold;color:#ffffff;background:#000000;width:100%;}

/* form */
.content input[type='text']{border: 1px solid #cccccc;height: 30px;}
.content input[type='password']{border: 1px solid #cccccc;height: 30px;}
.content input[readonly]{background: #f1f1f1;}
.content select{border: 1px solid #cccccc;height: 30px;}
.content textarea{border: 1px solid #cccccc;}

/* common */
.logoarea{width: 300px;min-width: 340px;}
.logo {float: left;}
.logo a .img {width: 127px;height: 42px;background: url(../../img/assm/logo.png) no-repeat 0 0;display:inline-block;text-indent: -9999px;margin: 24px 0 0 70px;}
.logo a .pre_img {width: 175px;height: 42px;background: url(../../img/assm/pre_logo.png) no-repeat 0 0;display:inline-block;text-indent: -9999px;margin: 24px 0 0 70px;}
.logo .img + span {font-size: 22px;color: #000;display: inline-block;padding-left: 5px;margin-top: 26px;vertical-align: middle;}
.logo .pre_img + span {font-size: 22px;color: #000;display: inline-block;padding-left: 5px;margin-top: 25px;vertical-align: middle;}
.slogan {color: #006bce;font-size: 20px;float: left;margin: 42px 0 0 10px;}

.gnb{background: #0c3584 url(../../img/bg_gnb_top.png) no-repeat 0 0;height: 51px;background-size:700px auto;}

.gnb_assembly{float: left;margin: 0 0 0 51px;}
.gnb_assembly li{color: #ffffff;display: inline-block;line-height: 51px;font-family: 'NotoKrL';}
.gnb_assembly li a{color: #ffffff;font-size: 13px;display: inline-block;padding: 0 14px 0 0; white-space : nowrap;}
.ga00{width:188px;text-align:center;font-size: 13px;}
.ga00 span{
    font-size: 12px;
    color: #ffffff;
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    margin-left: 3px;
}
.ga00 a{background: url(../../img/gnb_right.png) no-repeat right center;background-size:auto 8px;}
.ga01{margin-left: 59px;}
.ga02{margin-left: 104px;}
.ga01 a{background: url(../../img/gnb_right.png) no-repeat right center;background-size:auto 8px;}
.ga01 a.on{background: url(../../img/gnb_up.png) no-repeat right center;background-size:8px auto;}
.ga02 a{background: url(../../img/gnb_right.png) no-repeat right center;background-size:auto 8px;}

.gnb_util{float: right;}
.gnb_menu{display: inline-block;}
.gnb_menu li{display: inline-block;padding: 0 20px;line-height:1.1;}
.gnb_menu li a{color: #ffffff;font-size: 13px;font-family: 'NotoKrL';letter-spacing: 0;display: inline-block;}
.gnb_menu li strong{color: #ffffff;font-size: 13px;font-family: 'NotoKrL';letter-spacing: 0;display: inline-block;margin: 0 5px 0 0;}

.gnb_plus{width: 17px;height: 17px;display: inline-block;text-indent: -9999px;background: url(../../img/assm/gnb_plus.png) no-repeat 0 0;}
.gnb_minus{width: 17px;height: 17px;display: inline-block;text-indent: -9999px;background: url(../../img/assm/gnb_minus.png) no-repeat 0 0;}

.gnb_sns{position: relative;background: #6a99c3;display: inline-block;width: 215px;text-align: center;height: 51px;margin: 0 0 0 25px;}
.gnb_sns > a{color: #ffffff;display: inline-block;font-family: 'NotoKrM';font-size: 14px;line-height: 51px;background: url(../../img/assm/gnb_down.png) no-repeat right center;padding: 0 20px 0 0;}
.gnb_sns > a.on{background: url(../../img/gnb_up.png) no-repeat right center;}
.gnb_sns_link{display: none;width: 215px;height: 120px;position: absolute;top: 51px;right: 0;background: #f6f6f6;z-index: 2;padding: 20px 0 0 15px;
    box-shadow:4px 4px 5px rgb(0 0 0 / 12%);
    -webkit-box-shadow:4px 4px 5px rgb(0 0 0 / 12%);
}
.gnb_sns_link ul{display: flex;flex-wrap: wrap;width:153px;}
.gnb_sns_link ul li{flex: 0 0 30%;text-align: center;}
.gnb_sns_link ul li a{margin: 2px 0;}

.icon_glnb_facebook{width:36px;height:37px;background:url(../../img/icon_glnb_sns_facebook.png) no-repeat 0 0;display:inline-block;text-indent:-9999px;}
.icon_glnb_youtube{width:36px;height:37px;background:url(../../img/icon_glnb_sns_youtube.png) no-repeat 0 0;display:inline-block;text-indent:-9999px;}
.icon_glnb_twitter{width:36px;height:37px;background:url(../../img/icon_sns_twitter.png) no-repeat 0 0;display:inline-block;text-indent:-9999px;background-size:contain;}
.icon_glnb_insta{width:36px;height:37px;background:url(../../img/icon_glnb_sns_insta.png) no-repeat 0 0;display:inline-block;text-indent:-9999px;}
.icon_glnb_rss{width:48px;height:37px;background:url(../../img/icon_glnb_sns_rss.png) no-repeat 0 0;display:inline-block;text-indent:-9999px;margin-left:5px;}
.gnb_sns_link ul li a.icon_glnb_rss{margin-left:5px;}

.subtitle{position: relative;border-bottom: 1px solid #3f3f3f;display: flex;justify-content: space-between;align-items: center;height: 60px;margin: 0 0 34px 0;}
.subtitle h2{position: relative;font-weight: normal;font-family: 'NotoKrR';font-size: 33px;color: #000000;}
.subtitle li{display: inline-block;}

.tab{margin: 0 0 30px 0;}
.tab ul{display: flex;}
.tab ul li{width: 100%;}
.tab ul li:first-child a{margin: 0;}
.tab ul li a{border: 1px solid #d4d4d4;display: block;text-align: center;color: #555555;font-size: 17px;padding: 15px 0;margin-left: -1px;background: #fff;}
.tab ul li a:hover{background: #f6f6f6;}
.tab ul li a.on{position: relative;color: #ffffff;background: #243d6c;border: 1px solid #243d6c;}

.mobile_tab{display: none;}
.mobile_tab a{
    display: block;
    position: relative;
    color: #ffffff;
    background: #243d6c url(../../img/assm/gnb_down.png) no-repeat 95% center;
    border: 1px solid #243d6c;
    text-align: center;
    font-size: 15px;
    padding: 15px 0;
}

.sub_tab{margin: 0 0 30px 0;}
.sub_tab ul{display: flex;}
.sub_tab ul li{width: 100%;}
.sub_tab ul li:first-child a{margin: 0;}
.sub_tab ul li a{border: 1px solid #d4d4d4;display: block;text-align: center;color: #555555;font-size: 15px;padding: 11px 0;margin-left: -1px;background: #f9f9f9;}
.sub_tab ul li a.on{position: relative;color: #ffffff;background: #49566e;border: 1px solid #49566e;}

.double_tab{margin: 0 0 30px 0;border: 3px solid #b9cbdc;padding: 10px;}
.double_tab ul{display: flex;flex-wrap: wrap;}
.double_tab ul li{flex: 0 0 20%;padding: 0 0 0 20px;}
.double_tab ul li a{position: relative;font-size: 14px;color: #000000;padding: 9px;display: inline-block;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}
.double_tab ul li a.on{background: #243d6c;color: #ffffff;}
.double_tab ul li a.on:before{width: 0;height: 0;}
.double_tab ul li a:before{
    position: absolute;
    top: 14px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #7e8d9a;
    display: block;
    content: "";
}

.lnb{display: flex;justify-content: space-between;height: 89px;border-bottom: 1px solid #e9e9e9;clear:both;}

.menu > ul{display: flex;justify-content: space-around;align-items: center;margin: 33px 0 0 0;}
.menu > ul > li{position: relative;text-align: center;padding: 0 60px;}
.menu > ul > li > a{position: relative;color: #000000;font-size: 24px;font-family: 'NotoKrB';display: block;/*min-width: 155px;*/white-space:nowrap; white-space:nowrap;}
.menu > ul > li > a.on{color: #006bce;}
.menu > ul > li > a.on:before{
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #006bce;
    content: "";
    display: block;
}
.menu > ul > li > ul{position: absolute;width: 100%;top: 39px;background: #f6f6f6;padding: 10px;z-index: 99;border: 1px solid #dfdfdf;}
.menu > ul > li > ul li{text-align: left;}
.menu > ul > li > ul a{color: #333333;display: inline-block;padding: 5px 0 5px 10px;
    background: url(../../img/assm/icon_top_submenu.gif) no-repeat 0 center;
}
.menu > ul > li > ul a:hover{color: #0c3684;text-decoration: underline;}

.lnb_util{margin: 31px 0 0 0;min-width: 94px;}
.lnb_util li{display: inline-block;}
.lnb_search{width: 34px;height: 26px;display: block;text-indent: -9999px;background: url(../../img/assm/lnb_search.png) no-repeat center center;}
.lnb_list{width: 34px;height: 26px;display: block;text-indent: -9999px;background: url(../../img/assm/lnb_list.png) no-repeat center center;}

.lc_home{width: 22px;height: 22px;display: block;text-indent: -9999px;background: url(../../img/assm/logo.png) no-repeat 0 0;text-align: left;background-size:auto 100%;}

.main-containers {width: 100%;}
.containers{width: 100%;width: 1200px;margin: 0 auto;display: flex;min-height: 680px;}
.snb{flex-shrink: 0;width: 316px;padding: 0 70px 0 0;}
.snb h2{font-size: 27px;font-weight: normal;height: 80px;line-height: 75px;color: #0c3684;font-family: 'NotoKrM';background: url(../../img/assm/bg_left_title.png) no-repeat center 0;text-align: center;border-bottom: 5px solid #0c3684;}
.snb .info-set {margin-top: 50px;width: 100%;display: block;}
.snb .info-set .sns-set {padding: 10px;}
.snb .info-set .sns-set .name {padding-top: 0;}
.snb .tit {padding-top: 30px;}
.snb .tit strong {color: #580008;font-weight: 600;font-size: 20px;display: block;padding-bottom: 12px;}
.snb .tit strong span {font-weight: 400;}
.snb .tit .sm {font-size: 18px;color: #a86a14;}
.snb .tit .sm span {display: block;font-size: 14px;padding-top: 8px;color: #000;}

.layer_sns{display: none;width: 242px;height: 170px;position: absolute;top: 56px;right: -7px;border: 1px solid #000000;background: #ffffff;z-index: 2;padding: 24px 0 0 10px;
    border-radius: 9px;
    -webkit-border-radius: 9px;
}
.layer_sns:before{
    position: absolute;
    top: -7px;
    right: 17px;
    width: 13px;
    height: 7px;
    background: url(../../img/assm/bg_sns_semo.png) no-repeat 0 0;
    content: "";
    display: block;
}
.layer_sns ul{display: flex;flex-wrap: wrap;}
.layer_sns ul li{flex: 0 0 30%;text-align: center;}
.layer_sns ul li a{margin: 5px 0;}
.sns_kakaotalk{background: url(../../img/assm/icon_sns_kakaotalk.png) no-repeat 0 0;width: 53px;height: 53px;display: inline-block;text-indent: -9999px;}
.sns_kakaostory{background: url(../../img/assm/icon_sns_kakaostory.png) no-repeat 0 0;width: 53px;height: 53px;display: inline-block;text-indent: -9999px;}
.sns_facebook{background: url(../../img/assm/icon_sns_facebook.png) no-repeat 0 0;width: 53px;height: 53px;display: inline-block;text-indent: -9999px;}
.sns_twitter{background: url(../../img/assm/icon_sns_twitter.png) no-repeat 0 0;width: 53px;height: 53px;display: inline-block;text-indent: -9999px;}
.sns_blog{background: url(../../img/assm/icon_sns_blog.png) no-repeat 0 0;width: 53px;height: 53px;display: inline-block;text-indent: -9999px;}
.sns_youtube{background: url(../../img/assm/icon_sns_youtube.png) no-repeat 0 0;width: 53px;height: 53px;display: inline-block;text-indent: -9999px;}
.sns_url{background: url(../../img/assm/icon_sns_url.png) no-repeat 0 0;width: 53px;height: 53px;display: inline-block;text-indent: -9999px;}

.btn_sns_x{position: absolute;top: 10px;right: 10px;width: 23px;height: 23px;display: block;background: url(../../img/assm/icon_x.png) no-repeat center center;text-indent: -9999px;}

.left_menu > li > a{color: #828282;font-size: 18px;display: block;border-bottom: 1px solid #d6d6d6;padding: 15px 18px;background: url(../../img/assm/icon_menu_down.png) no-repeat 91% center;}
.left_menu > li.on > a{color: #ffffff;background:#006bce url(../../img/assm/icon_menu_up.png) no-repeat 91% center;border-bottom: none;}


.tab{margin: 0 0 30px 0;}
.tab ul{display: flex;}
.tab ul li{width: 100%;}
.tab ul li:first-child a{margin: 0;}
.tab ul li a{border: 1px solid #d4d4d4;display: block;text-align: center;color: #555555;font-size: 17px;padding: 15px 0;margin-left: -1px;background: #fff;}
.tab ul li a:hover{background: #f6f6f6;}
.tab ul li a.on{position: relative;color: #ffffff;background: #243d6c;border: 1px solid #243d6c;}


.left_submenu{display: none;border-bottom: 1px solid #d6d6d6;padding: 10px 0;}
.left_menu > li.on .left_submenu{display: block;}
.left_submenu > li > a{position: relative;color: #828282;font-size: 16px;display: inline-block;margin: 7px 0 7px 30px;padding: 0 0 0 10px;}
.left_submenu > li > a.on{color: #006bce;text-decoration: underline;}
.left_submenu > li > a:before{
    position:absolute;
    top: 5px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #7e8d9a;
    display: block;
    content: "";
}

.content{flex-grow: 1;width: 885px;padding-top: 10px;}

.container{width: 100%;max-width: 1200px;margin: 0 auto;}

.location{text-align: right;height: 45px;padding: 16px 0 0 0;}
.location ul{display: inline-block;}
.location li{display: inline-block;background: url(../../img/assm/icon_location_arrow.png) no-repeat 0 center;padding: 0 0 0 10px;margin: 0 0 0 10px;}
.location li:first-child{background: none;padding-left: 0;}
.location li a{font-size: 13px;color: #000000;}

.btn_print{width: 36px;height: 36px;background: url(../../img/assm/icon_print.png) no-repeat 0 0;display: block;text-indent: -9999px;}
.btn_share{width: 36px;height: 36px;background: url(../../img/assm/icon_share.png) no-repeat 0 0;display: block;text-indent: -9999px;}


.assembly_man_allmenu{display:none;position:fixed;top:0px;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:4;}
.assm_inner{position:relative;width:1200px;margin:50px auto 0 auto;background:#ffffff;padding:60px 0 0 0;}
.assembly_man_allmenu .assm_inner > div{position:relative;margin:0 auto;justify-content:space-between;width:1200px;display:flex;padding:0 0 0 247px;background:#ffffff;}
.assembly_man_allmenu .assm_inner > div:before{
    position:absolute;
    top:35px;
    left:45px;
    width:150px;
    height:258px;
    background:url(../../img/assm/bg_assembly_man.png) no-repeat 0 center;
    content:"";
    display:block;
}
.assembly_man_box{color:#006bce;font-size:18px;min-width:190px;padding:25px 23px;}
.assembly_man_box:hover{background:#f6f6f6;}
.assembly_man_box h2{color:#006bce;font-size:18px;}
.assembly_man_box li{margin:18px 0;}
.assembly_man_box li a{position:relative;color:#000000;font-size:15px;background:url(../../img/assm/icon_bullet_dot.png) no-repeat 0 center;padding:0 0 0 13px;}
.assembly_man_box li a:hover{color:#006bce;}
.assembly_man_box li a:hover:before{
    position: absolute;
    bottom: -4px;
    left: 13px;
    width: calc(100% - 13px);
    height: 1px;
    background: #006bce;
    content: "";
    display: block;
}

.assembly_man_x{width:60px;height:60px;position:absolute;top:0;right:0;background:url(../../img/assm/btn_search_x.png) no-repeat 0 0;display:block;text-indent:-9999px;}

/* btn */
.btn_bl{min-width: 54px;background: #006bce;color: #ffffff;display: inline-block;height: 30px;line-height: 30px;padding: 0 13px;border-radius: 3px;}
.btn_wh{color: #111111;display: inline-block;height: 30px;line-height: 30px;padding: 0 13px;border: 1px solid #111111;}
.btn_bk{background: #44465c;color: #ffffff;display: inline-block;height: 30px;line-height: 30px;padding: 0 13px;border-radius: 3px;}

.btn_bl_l{background: #006bce;color: #ffffff;display: inline-block;height: 36px;line-height: 36px;min-width: 80px;text-align: center;}
.btn_wh_l{color: #111111;display: inline-block;height: 36px;line-height: 36px;border: 1px solid #111111;min-width: 80px;text-align: center;}
.btn_bk_l{background: #44465c;color: #ffffff;display: inline-block;height: 36px;line-height: 36px;padding: 0 13px;}

.btn_gr{background: #636363;color: #ffffff;display: inline-block;height: 30px;line-height: 30px;padding: 0 13px;}

.btn_gogo{font-family:'NotoKrL';background: #ffffff;color: #000000;font-size:13px;display: inline-block;height: 30px;line-height: 30px;padding: 0 13px;font-family: 'NotoKrM';border: 1px solid #cccccc;border-radius:3px;-webkit-border-radius:3px;}

.mobile_paging{display: none;}
.paginationSet{position: relative;clear: both;text-align: center;padding-bottom: 0;margin: 35px 0;}
.pagination{display: inline-block;}
.pagination li{display: inline-block;margin: 0 2px;}
.pagination li a{line-height: 42px;display: inline-block;min-width: 42px;height: 42px; padding: 0 3px;color: #000000;border: 1px solid #cccccc; vertical-align: middle; background: #fff;text-align: center;
    border-radius:3px;
    -webkit-border-radius:3px;
}
.pagination li a span{vertical-align: baseline;}
.pagination li.active > span{line-height: 42px;display: inline-block;min-width: 42px;height: 42px;  border: 1px solid #cccccc; color: #000000; vertical-align: middle; background: #f6f6f6;border-radius: 3px;}
.pagination li.active > span *{vertical-align: top;}

.pagination li.i span{display: inline-block;text-indent: -9999px;}
.pagination li.first a{background:url(../../img/assm/btn_first.gif) no-repeat center center;border:none;}
.pagination li.prev a{background:url(../../img/assm/btn_previous.gif) no-repeat center center;border:none;}
.pagination li.next a{background:url(../../img/assm/btn_next.gif) no-repeat center center;border:none;}
.pagination li.end a{background:url(../../img/assm/btn_last.gif) no-repeat center center;border:none;}

/* 페이징 네비게이션 */
.paging-navigation{clear: both;text-align: center;padding-bottom: 0;margin-top: 35px;}
.paging-navigation a{display: inline-block;line-height: 35px;min-width: 35px;height: 35px; padding: 0 3px;color: #4c4c50;border: 1px solid #c5c7cc; vertical-align: middle; background: #fff;}
.paging-navigation a:hover{border: 1px solid #636363;color: #fff;background: #636363;text-decoration: none;}
.paging-navigation strong{display: inline-block;line-height: 35px;min-width: 35px;height: 35px; 	padding: 0 3px; border: 1px solid #636363; color: #fff; vertical-align: middle;background: #636363;}
.paging-navigation a.btn-first{width: 35px;padding: 0;text-indent: -5000em;background: transparent url(../../img/assm/btn_first.gif) no-repeat center center;background-size: 12px 10px;}
.paging-navigation a.btn-prev{width: 35px;padding: 0;text-indent: -5000em; background: transparent url(../../img/assm/btn_previous.gif) no-repeat center center;background-size: 6px 10px;}
.paging-navigation a.btn-next{width: 35px;padding: 0;text-indent: -5000em; background: transparent url(../../img/assm/btn_next.gif) no-repeat center center;background-size: 6px 10px;}
.paging-navigation a.btn-last{width: 35px;padding: 0;text-indent: -5000em; background: transparent url(../../img/assm/btn_last.gif) no-repeat center center;background-size: 12px 10px;}
.mobile_paging{display: none;}

/* CMS paging*/

.mobile_paging{display: none;}
.paginationSet{position: relative;clear: both;text-align: center;padding-bottom: 0;margin: 35px 0;}
.pagination{display: inline-block;}
.pagination li{display: inline-block;margin: 0 2px;}
.pagination li a{line-height: 42px;display: inline-block;min-width: 42px;height: 42px; padding: 0 3px;color: #000000;border: 1px solid #cccccc; vertical-align: middle; background: #fff;text-align: center;
    border-radius:3px;
    -webkit-border-radius:3px;
}
.pagination li a span{vertical-align: baseline;}
.pagination li.active > span{line-height: 42px;display: inline-block;min-width: 42px;height: 42px;  border: 1px solid #cccccc; color: #000000; vertical-align: middle; background: #f6f6f6;border-radius: 3px;}
.pagination li.active > span *{vertical-align: top;}

.pagination li.i span{display: inline-block;text-indent: -9999px;}
.pagination li.first a{background:url(../../img/assm/btn_first.gif) no-repeat center center;border:none;}
.pagination li.prev a{background:url(../../img/assm/btn_previous.gif) no-repeat center center;border:none;}
.pagination li.next a{background:url(../../img/assm/btn_next.gif) no-repeat center center;border:none;}
.pagination li.end a{background:url(../../img/assm/btn_last.gif) no-repeat center center;border:none;}

.m_block{display: none !important;}
.m_subject{display: none;}


.board_search {margin: 0 0 13px 0;display: flex;justify-content: space-between;}
.board_search select {min-width: 78px;}
.board_search .search_box {display: inline-block;height: 30px;border: 1px solid #cccccc;overflow: hidden;}
.board_search .search_box input {border: none;height: 28px;line-height: 26px;}
.board_count{line-height: 29px;}
.board_count strong{color: #006bce;}
.board_count select{margin: 0 0 0 5px;}

.board_date_choice {position: relative;}
.board_date_choice #btn_search {background: url(/static/portal/img/assm/btn_search.png) 50% 50% no-repeat;width: 30px;height: 30px;}
.board_ui_date {display: none;position: absolute;top: 32px;left: 0;background: #ffffff;border: 1px solid #777777;z-index: 9;}
.board_ui_date input {width: 90px;}
.board_ui_date strong {
    background: #ededed;
    color: #000000;
    font-size: 14px;
    display: block;
    padding: 10px 50px 10px 10px;
}
.board_ui_date > div{padding: 10px;}

.ui_date_btn{border-top: 1px solid #e7e7e7;text-align: center;margin: 0 10px;}
.ui_date_btn .btn_bk{height: 24px;line-height: 24px;font-size: 13px;}

.btn_board_preview{width: 22px;height: 22px;background: url(../../img/assm/icon_board_preview.png) no-repeat center center;display: inline-block;text-indent: -9999px;}
.btn_board_download{width: 22px;height: 22px;background: url(../../img/assm/icon_board_download.png) no-repeat center center;display: inline-block;text-indent: -9999px;}

.board_download_layer{display: none;position: absolute;top: 85px;right: 75px;border: 1px solid #777777;background: #ffffff;z-index: 2;}
.board_download_layer:before{
    position: absolute;
    top: -7px;
    right: 26px;
    width: 11px;
    height: 7px;
    background: url(../../img/assm/bg_download_semo.png) no-repeat 0 0;
    content: "";
    display: block;
}
.board_download_layer strong{background: #ededed;color: #000000;font-size: 14px;display: block;padding: 10px 50px 10px 10px;}
.board_download_layer ul{padding: 5px 0;text-align:left;}
.board_download_layer li{margin: 5px;}
.board_download_layer li a{font-size: 14px;color: #666666;}
.board_download_layer li:before{content: "ㆍ";}

.btn_download_x{position: absolute;top: 4px;right: 4px;width: 23px;height: 23px;display: block;background: url(../../img/assm/icon_x.png) no-repeat center center;text-indent: -9999px;}

.board01 table{border-top: 2px solid #000000;table-layout: fixed;}
.board01 table th {border-bottom: 1px solid #e1e4e6;height: 44px;padding: 0 8px;font-family: 'NotoKrM';font-weight: normal;background: #f6f6f6;}
.board01 table td{line-height: 1.2;border-bottom: 1px solid #e1e4e6;height: 48px;color: #000000;padding: 0 8px;}
.board_subject{color: #000000;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.board01 table td a{color: #000000;}
.td_center td{text-align: center;}



.sh {background-color: #f6f6f6;padding: 20px 30px;margin-bottom: 60px;}
.sh > div {width: 100%;overflow: hidden;display: block;}
.sh > div + div {padding-top: 10px;}
.sh dl {display: table;table-layout: fixed;width: 100%;}
.sh dt {display: table-cell;width: 114px;font-weight: 600;}
.sh dd {display: table-cell;}
.sh .type2 dl {float: left;width: 50%;}
.sh .type2 dl:first-child {padding-right: 30px;}
/*.sh .type2 .sdate {background: #fff !important;width: calc(100% - 40px) !important;max-width: 193px;}*/
.sh .type2 .sdate,.sh .type2 .edate {background: #fff }
.sh input, .sh select {height: 40px !important;line-height: 38px;width: 100%;}
.sh .tac {text-align: center;}
.sh button {height: 40px;line-height: 38px;width: 105px;}
.sh button + button {margin-left: 8px;}

.btn-set {clear: both;overflow: hidden;display: block;margin-top: 30px;text-align: center;}
.btn-set.type2 [class^=b-] {width: 270px;}
/* .btn-set .fr {float: right;} */
[class^=b-] {min-width: 136px;height: 48px;padding: 0 15px;line-height: 46px;text-align: center;border-radius: 3px;font-size: 16px;display: inline-block;background: #81888b;border: 1px solid #81888b;color: #fff;}
[class^=b-].lg {height: 60px;line-height: 58px;font-size: 18px;padding: 0 50px;}
.b-basic {background: #006bce;color: #fff;border: 1px solid #006bce;}
.b-basic:hover {color: #fff;}
.b-cancel, .b-defaultv{background: #fff;color: #000;border: 1px solid #006bce;}
.sbtn {height: 30px;line-height: 30px;border-radius: 3px;background-color: #81888b;color: #fff;padding: 0 25px;display: inline-block;}
.sbtn:hover {color: #fff;}
.sbtn + .sbtn {margin-left: 8px;}

@media (min-width: 1200px) {
    .btn-set [class^=b-] + [class^=b-] {margin-left: 8px;}
}

.point {color: #006bce;}


/* 메인 */
.main_content {clear: both;width: 100%;max-width: 1200px;margin: 0 auto;overflow: hidden;}

.info_content {width: 100%;;background: url(/static/portal/img/assm/bg.png);padding: 40px 0;margin-bottom: 50px;}

.info_content .main_content {display: table;table-layout: fixed;width: 100%;max-width: 1200px;margin: 0 auto;overflow: inherit;}
.info-set {width: 248px;display: table-cell;vertical-align: top;}
.info-set .info-con {background-color: #580008;box-shadow: 8px 6px 25px rgba(0, 0, 0, 0.25);}
.info-set .img-set {width: 100%;}
.info-set .img {width: 100%;height: 1px;padding-top: 140%;display: inline-block;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;background-color: #fff;}
.info-set .sns-set {padding: 8px 20px;overflow: hidden;display: block;}
.info-set .sns-set .name {float: left;color: #e4c184;}
.info-set .sns-set .link {float: right;}
.info-set .sns-set .link a {margin-left: 2px;}
.info-set .tit {padding-top: 20px;}
.info-set .tit dl {height: 41px;background: url(../../img/assm/ico-mark.png) 6px 50% no-repeat;padding-left: 65px;padding-top: 2px;font-weight: 600;}
.info-set .tit dt {color: #a86a14;padding-bottom: 6px;}
.info-set .tit dd {font-size: 16px;}

.snb .info-set {background-color: #580008;box-shadow: 8px 6px 25px rgba(0, 0, 0, 0.25);}

.detail-set {display: table-cell;vertical-align: top;}
.detail-set > div {display: table-cell;}

.list {line-height: 1.6;}
.list li {position: relative;padding-left: 10px;}
.list li::before {content: "·";display: inline-block;position: absolute;top: 0;left: 2px;}

.detail-set .detail-view {display: table;table-layout: fixed;width: 100%;}
.detail-set .detail-view > div {display: table-cell;vertical-align: top;}
.detail-view .intro {padding: 0 5.5%;}
.detail-view .intro .tit {padding: 10px 0 25px;}
.detail-view .intro .tit strong {color: #580008; font-size: 24px;font-weight: 600;}
.detail-view .intro .tit strong span {font-size: 24px;font-weight: 400;}
.detail-view .intro .tit .sm {display: block;padding-top: 10px;color: #a86a14;font-size: 16px;}
.detail-view .intro .tit .sm span {color: #000;display: inline-block;padding-left: 5px;}
.detail-view .intro h2 {color: #580008;font-size: 18px;font-weight: 600;margin-bottom: 15px;}
.detail-view .intro .list{border-bottom: 1px solid #ccc;}
.detail-view .intro .list li {border-top: 1px solid #ccc;padding: 4px 0 4px 2px;}
.detail-view .intro .list li::before {display: none;}
.detail-view .intro .list dl {display: table;table-layout: fixed;width: 100%;}
.detail-view .intro .list dt {display: table-cell;width: 104px;color: #580008;font-weight: 600;}
.detail-view .intro .list dt::before {content: "·";display: inline-block;color: #580008;padding:0 6px 0 0;}
.detail-view .intro .list dd {display: table-cell;line-height:1.3;word-break:break-all;}
.detail-view .profile {padding: 30px;width: 44.8%;border: 1px solid #c89d53;background-color: #ffffff;}
.detail-view .profile h2 {color: #580008;font-size: 18px;font-weight: 600;border-bottom: 1px solid #b4b4b4;padding-bottom: 15px;margin-bottom: 20px;}
.detail-view .profile dl + dl {margin-top: 40px;}
.detail-view .profile dt {color: #a86a14;font-weight: 600;padding-bottom: 10px;}
.detail-view .profile dl ul {line-height: 1.9;}
.detail-view .profile .mCustomScrollbar {height: 348px;}

.detail-view .profile > div .list > pre{white-space:pre-line;}

.frtodate_ptitle{padding: 2px 0}
.frtodate_p span{display: inline-block;padding: 2px 0}
.frtodate_p .date_01{width: 155px}
.frtodate_p .date_02{}

/* .main_content .etc {padding-left: 5.5%;} */
.main_content .etc ul {display: table;table-layout: fixed;width: 100%;background: #fff;margin-top: 30px;}
.main_content .etc li {display: table-cell;text-align: center;position: relative;}
.main_content .etc li a {padding: 20px;display: inline-block;color: #016db7;font-size: 16px;font-weight: 600;line-height: 35px;}
.main_content .etc li a span {float: left;vertical-align: middle;display: inline-block;text-align: left;}
.main_content .etc li a img {vertical-align: middle;float: right;margin-left: 50px;}
.main_content .etc li + li::before {content: "";display: inline-block;background: #ccc;height: 21px;width: 1px;position: absolute;top: 50%;left: 0;margin-top: -10px;}

.detail-set .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 11px;height: 11px;margin: 0 2px;}
.detail-set .mCSB_scrollTools .mCSB_draggerRail {width: 1px;}

.notice-set {margin: 0 -25px;}
.notice {float: left;position: relative;padding: 0 25px;}
.notice h3 {font-size: 20px;margin-bottom: 22px;}
.notice ul {border-top: 1px solid #000;}
.notice li {border-bottom: 1px solid #ccc;padding: 17px 0;}
.notice li a {display: table;table-layout: fixed;width: 100%;}
.notice li a > span {display: table-cell;vertical-align: middle;}
.notice li a > span.s_date {width: 60px;text-align: center;padding-right: 15px;}
.notice li a > span.s_date .t {font-weight: 600;font-size: 24px;display: block;padding-bottom: 2px;}
.notice li a > span.s_date .i {font-size: 14px;}
.notice li a > span.txt-set .tit {font-size: 16px;font-weight: 600;padding-bottom: 10px;display: block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.notice li a > span.txt-set .txt {color: #757575;display: block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.notice li a > span.txt-set .txt2 {color: #757575;display: inline-block;}
.notice li a > span.txt-set .txt_time {color: #757575;display: inline-block;background:url(../../img/assm/icon_clock.png) no-repeat 0 center;padding:0 0 0 20px;margin:0 0 0 15px;}
.notice li a > .type {width: 115px;text-align: right;padding: 0 10px;}
.notice .more {position: absolute;top: 2px;right: 25px;}


@media (min-width: 1200px) {
    .notice {width: 50%;}
}


h4 {font-size: 20px;font-weight: 600;}
.list-set h4 {}
.list-set .down {float: right;margin-top: -14px;}
.list-set ul {margin-top: 25px;border-top: 2px solid #000;}
.list-set li {border-bottom: 1px solid #ccc;padding: 14px 0 14px 10px;}
.list-set a span {color: #006bce;text-decoration: underline;margin-left: 10px;font-size: 16px;}
.list-set + .list-set {margin-top: 50px;}
.list-set .list li::before {top: 12px;}

.info-top {background: url(/static/portal/img/assm/bg.png);padding: 25px 30px;margin-bottom: 60px;}
.info-top dt {color: #a86a14;font-weight: 600;}
.info-top .list-type {display: table;width: 100%;border-bottom: 1px solid #d4d4d4;padding-bottom: 20px;margin-bottom: 20px;}
.info-top .list-type li {display: table-cell;padding: 5px 0 5px 56px;width:33.3%;line-height:1.2;}
.info-top .list-type li.i1 {background: url(/static/portal/img/assm/ico-type1.png) 0 50% no-repeat;}
.info-top .list-type li.i2 {background: url(/static/portal/img/assm/ico-type2.png) 0 50% no-repeat;}
.info-top .list-type li.i3 {background: url(/static/portal/img/assm/ico-type3.png) 0 50% no-repeat;}
.info-top .list-type dt {padding-bottom: 8px;}
.info-top .list-type dd {font-size: 15px;font-weight: 600;}
.info-top .list2 {overflow: hidden;display: block;}
.info-top .list2 li {padding: 5px 0;width: 50%;float: left;}
.info-top .list2 dl {float: left;width: 100%;}
.info-top .list2 dt {width: 92px;float: left;}
.info-top .list2 dd {float: left;width: calc(100% - 92px);}


/* 인선 추가*/
.top_tab{margin: 0 0 30px 0;}
.top_tab ul{display: flex;}
.top_tab ul li{width: 100%;}
.top_tab ul li:first-child a{margin: 0;}
.top_tab ul li a{border: 1px solid #d4d4d4;display: block;text-align: center;color: #555555;font-size: 16px;padding: 15px 0;margin-left: -1px;background: #fff;}
.top_tab ul li a:hover{background: #f6f6f6;}
.top_tab ul li a.on{position: relative;color: #ffffff;background: #243d6c;border: 1px solid #243d6c;}

.mobile_top_tab{display: none;}
.mobile_top_tab a{
    display: block;
    position: relative;
    color: #ffffff;
    background: #243d6c url(../../img/assm/gnb_down.png) no-repeat 95% center;
    border: 1px solid #243d6c;
    text-align: center;
    font-size: 15px;
    padding: 15px 0;
}
.board_subject100{color: #000000;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.board_text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:100%;}
.board_break{white-space: break-spaces;width:100%;line-height:1.3;}

.list__link,
.list__vodLinkUrl{
    background:url(../../img/assm/icon_assm_movie.png) no-repeat 13px center;
    color: #000000;
    font-size: 13px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 13px 0 32px;
    font-family: 'NotoKrM';
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* 인선 추가*/
.layer_search{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 100;}
.layer_search > div{position: relative;top: 200px;width: 450px;padding: 25px 55px;background: #ffffff;margin: 0 auto;}
.layer_search > div > div{position: relative;}
.layer_search > div strong{font-family: 'NotoKrR';font-size: 18px;color: #444444;text-align: center;display: block;border-bottom: 1px solid #e5e5e5;margin: 0 0 23px 0;padding: 0 0 11px 0;}
.layer_search > div input{
    display: block;
    padding: 0 10px;
    height: 45px;
    width: calc(100% - 80px);
    max-width: 430px;
    background: #e9e9e9;
    border: 0;
    color: #999;
    font-size: 15px;
}
.layer_search > div button{
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    background: #4586de;
}
.layer_search > div a{position: absolute;top: 15px;right: 15px;width: 20px;height: 20px;background: url(../../img/btn_document_close.gif) no-repeat center center;display: block;text-indent: -9999px;}

/* footer pop */
.modal_pop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:10;}
.modal_pop .btn-set{margin-bottom:30px;}
.poplayer_member{display:flex;align-items:center;align-content:center;justify-content:center;height:100%;}
.poplayer_member > div{position:relative;width:700px;background:#ffffff;}
.poplayer_member h3{background:#0c3584;color:#ffffff;padding:20px;font-family: 'NotoKrM';font-weight: normal;}
.poplayer_member_form{margin:0 20px;}
.poplayer_member .view > dl > dt{width:120px;}
.poplayer_member .view > dl select{width:100%;}

.poplayer_footer{display:flex;align-items:center;align-content:center;justify-content:center;height:100%;}
.poplayer_footer > div{position:relative;width:1000px;background:#ffffff;}
.poplayer_footer_form{height:500px;overflow-y:auto;line-height:1.3;color:#666666;}
.poplayer_form_pd{padding:30px;}
.poplayer_footer h2{background:#0c3584;font-size:20px;color:#ffffff;padding:20px;font-family: 'NotoKrM';font-weight: normal;}
.poplayer_footer_form h3{font-size:19px;color:#000000;font-family:'NotoKrM';font-weight:normal;}
.poplayer_footer .b-basic{min-width:86px;height:34px;line-height:32px;font-size:14px;}

.privacy{border-top: 2px solid #000000;table-layout: fixed;margin:15px 0;}
.privacy th{background: #f6f6f6;border-bottom: 1px solid #e1e4e6;height: 44px;padding: 0 8px;font-family: 'NotoKrM';font-weight: normal;}
.privacy td{line-height: 1.2;border-bottom: 1px solid #e1e4e6;height: 48px;color: #000000;padding: 0 8px;}

.grayText{font-family:'NotoKrM';font-size:15px;color:#000000;}

.imgCont01{overflow:hidden;}
.imgCont01 > img{float:left;}
.imgCont01 > ul{float:left;width:calc(100% - 175px);margin-left:25px;}

.viewerDown{padding:0 90px;}
.viewerDown h3 {font-family:'NotoKrM';font-size:18px;color:#000000;}
.viewerDown ul{overflow:hidden;}
.viewerDown ul + ul{margin-top:10px;}
.viewerDown ul li{width:49%;border:1px solid #b6d2ec;padding:21px 0 21px 30px;float:left;box-sizing:border-box;}
.viewerDown ul li + li{margin-left:10px;}
.viewerDown ul li > img{float:left;}
.viewerDown ul li > div{float:left;width:185px;height:95px;margin-left:30px;}
.viewerDown ul li > div p{margin-top:5px;}
.btn_viewerDown{color:#333333;display:inline-block;border:1px solid #666666;padding:3px 6px;margin:10px 0 0 0;}

h3.title04{margin-bottom:0;}

.board01 table{border-top: 2px solid #000000;table-layout: fixed;}
.board01 table th{background: #f6f6f6;border-bottom: 1px solid #e1e4e6;height: 44px;padding: 0 8px;font-family: 'NotoKrM';font-weight: normal;}
.board01 table td{line-height: 1.2;border-bottom: 1px solid #e1e4e6;height: 48px;color: #000000;padding: 0 8px;}
.board_subject{color: #000000;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.board_subject100{color: #000000;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.board01 table td:first-child{border-left: none;}
.board01 table td a{color: #000000;}
.td_center td{text-align: center;}
.board_text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:100%;}

.board_title{
    font-size: 20px;
    font-weight: normal;
    font-family: 'NotoKrM';
    display: block;
    margin: 0 0 10px 0;
}
.content_body .txt02.mt30{border:1px solid #dfdfdf;text-align:center;padding:10px 0;}
.content_body h4.title02{color: #4d77a1;font-size: 16px;}

.ft_button{
    background: #dddddd;
    display: inline-block;
    padding: 1px 6px;
    font-size: 13px;
    color: #333333;
    font-family: 'NotoKrM';
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.btn-set {clear: both;overflow: hidden;display: block;margin-top: 30px;text-align: center;}
.b-basic {background: #006bce;color: #fff;border: 1px solid #006bce;}
[class^=b-] {min-width: 136px;height: 48px;padding: 0 15px;line-height: 46px;text-align: center;border-radius: 3px;font-size: 16px;display: inline-block;background: #81888b;border: 1px solid #81888b;color: #fff;}
.btn_modal_x{position:absolute;top:20px;right:20px;width:20px;height:20px;background:url(../../img/btn_m_x.png) no-repeat center center;display:inline-block;text-indent:-9999px;}
.privacy_txt{font-family:'NotoKrM' !important;color:#63b4fd !important;}
/* footer pop */

/* footer */
.footer{background: #0d1324;padding: 20px 0;margin-top:40px;}
.footer footer{position:relative;width: 1200px;margin: 0 auto;}
.footer footer ul{margin: 0 0 20px 0;}
.footer footer li{display: inline-block;margin: 0 30px 0 0;}
.footer footer li a{color: #ffffff;}
.footer address{margin: 0 0 6px 0;}
.footer address span{color: #c6c8d7;font-size: 13px;font-family: 'NotoKrL';}
.footer div{color: #ffffff;font-size: 13px;font-family: 'NotoKrL';}
.footer div br{display: none;}

.foot_homepage{overflow:hidden;}
.foot_homepage li{float:left;margin:0 10px 0 0 !important;}
.foot_homepage li select{width:135px;height:36px;background:#0d1324;color:#ffffff;border:1px solid #515557;text-indent:5px;}
.foot_homepage li button{width:44px;height:36px;background:#515557;color:#ffffff;
    border-radius:2px;
    -webkit-border-radius:2px;
}

.wa{width:91px;height:65px;background:#ffffff url(../../img/img_wa.png) no-repeat center center;display:block;text-indent:-9999px;border-radius:4px;-webkit-border-radius:4px;}
.site_open{width:91px;height:65px;background:#ffffff url(../../img/img_open.png) no-repeat center center;display:block;text-indent:-9999px;border-radius:4px;-webkit-border-radius:4px;}

.logo_footer{position:absolute;top:37px;left:0;}
.footer_menu{margin:0 0 0 150px;}
.ft_menu_etc{position:absolute;top:16px;right:0;}

.ft_menu_etc ol{overflow:hidden;margin:0 0 7px 0;}
.ft_menu_etc ol li{float:left;margin:0 0 0 7px;}
.ft_menu_etc ol li:first-child{margin:0;}

.fsns_facebook{background:url(../../img/icon_fsns_facebook.png) no-repeat 0 0;width:26px;height:26px;display:block;text-indent:-9999px;}
.fsns_youtube{background:url(../../img/icon_fsns_youtube.png) no-repeat 0 0;width:26px;height:26px;display:block;text-indent:-9999px;}
.fsns_twitter{background:url(../../img/icon_fsns_twitter.png) no-repeat 0 0;width:26px;height:26px;display:block;text-indent:-9999px;}
.fsns_insta{background:url(../../img/icon_fsns_insta.png) no-repeat 0 0;width:26px;height:26px;display:block;text-indent:-9999px;}
.fsns_rss{background:url(../../img/icon_fsns_rss.png) no-repeat 0 0;width:57px;height:26px;display:block;text-indent:-9999px;}

.ft_menu_etc ul{overflow:hidden;}
.ft_menu_etc ul li{float:left;margin:0 0 0 7px;}
.ft_menu_etc ul li:first-child{margin:0;}

.quickmenu{display:none;}

.center_button_align{text-align:center;}

/* 2022-05-31 */
.btn_ewon{
    background: #a86a14;
    color: #ffffff;
    font-family: 'NotoKrR';
    font-weight: normal;
    padding: 3px 8px;
    display: inline-block;
    margin-left: 5px;
}
.btn_ewon:active,
.btn_ewon:hover,
.btn_ewon:focus,
.btn_ewon:visited{
    color: #ffffff;
}
.popup_ewonsil{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;background:rgba(0,0,0,0.5);z-index:30;justify-content:center;align-items:center;}
.popup_ewonsil > div{position:relative;background:#ffffff;width:550px;height:230px;}
.popup_ewonsil > div h4{height:58px;line-height:58px;background:#580008;color:#ffffff;font-size:20px;padding:0 0 0 15px;font-weight:normal;font-family:'NotoKrM';}
.popup_ewonsil > div p{
    padding: 20px;
    font-size: 16px;
    line-height: 1.4;
}
.ewon_info{width:1200px;margin:0 auto;}
.ewon_info dl {display: table;table-layout: fixed;margin:5px 0 0 303px;}
.ewon_info dt {display: table-cell;width: 104px;color: #580008;font-weight: 600;}
.ewon_info dt:before {content: "·";display: inline-block;color: #580008;padding:0 6px 0 0;}
.ewon_info dd {line-height:1.6;}

.m_ewon{display:none;}

.mobile_quickmenu{display:none;}

.foot_homepage li:first-child select{width:150px;}
.foot_homepage li select option:first-child{background:#38569d;}

/* 2023-01-27 add */
.info_box_align{padding-left:79px;}
.info_box_radio{cursor:pointer;margin:0 0 0 28px;}
.info_box_radio:first-child{margin:0;}
.info_box_radio input[type="radio"]{opacity: 0; position: relative; z-index: 1; width: 25px; height: 25px; vertical-align: middle;}
.info_box_radio input[type="radio"] + span{position:relative;padding:0 0 0 32px;color:#000000;}
.info_box_radio input[type="radio"] + span:before{
    position:absolute;
    top:-3px;
    left:0;
    width:23px;
    height:23px;
    border:1px solid #cccccc;
    background:#ffffff;
    border-radius:25px;
    -webkit-border-radius:25px;
    content:"";
    display:block;
}

.info_box_radio input[type="radio"]:checked + span:before{
    position:absolute;
    top:-3px;
    left:0;
    width:9px;
    height:9px;
    border:8px solid #006bce;
    background:#ffffff;
    border-radius:25px;
    -webkit-border-radius:25px;
    content:"";
    display:block;
}
.info_box_radio input[type="radio"]:focus + span:after {
    content:"";
    display:block;
    width: 25px;
    height: 25px;
    outline: dotted thin #000;
    position:absolute;
    top: -3px;
    left: 0;
}

/* 엑셀 다운로드 건수 알림 레이어 팝업 */
.npop_download{display:none;}
.npop_download > div{display:flex;justify-content: center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background:rgba(0,0,0,0.7);}
.npop_download > div > div{background:#ffffff;border-radius:8px;text-align:center;padding:40px 20px 20px 20px;box-shadow:10px 10px 20px rgba(0,0,0,0.2);}
.npop_download > div > div span{color:#000000;display:block;margin-bottom:25px;font-size:14px;line-height:1.2;}
.npop_download > div > div ul li{display:inline-block;}
.npop_download > div > div ul li a{display:inline-block;}