@charset "utf-8";

*{padding:0;margin:0;list-style:none;}
a{text-decoration:none;color:inherit;display:block;}
#wrap{width:1900px;margin:auto;height:auto;}

/**main**/
.mainslider{width:100%;height:100%;margin-bottom: 0;}
.slider{margin-bottom:87px;position:relative;overflow: hidden;}
/*button{border:0;outline:0;background:transparent;cursor:pointer;}*/
.slides{display:flex;transform:translate(0,0);}
.slide{flex: 0 0 100%;list-style:none; text-align: center;}
/*.slide image{display:block;width:100%;min-height:350px;max-height:550px;height: 100%;object-fit:cover;}*/
.buttons{position: absolute;    bottom: 40px;     height: 40px;    margin: auto;    left: 45%;}
.buttons__prev,.buttons__next{position:absolute;top:0;width:40px;height: 40px;}
.buttons__prev{background:url(../images/left.png)no-repeat;}
.buttons__next{background:url(../images/right.png)no-repeat;right:0;}
.buttons__stop{background:url(../images/stop.png)no-repeat;width:40px;height:40px;margin:0 47px;}
.mtxt_box{width: 100%;position:absolute;text-align:center;top:30%;z-index:999;}
.slide h1{color: #fff;    font-size: 4rem;    font-weight: bold;    line-height: 6rem; text-shadow: 1px 1px 1px rgb(0 0 1);}


.main_con{padding: 2%; text-align: center;}

#main-menu{width:1700px;height:1385px;position:relative;margin:0 auto 80px;}
.mlist1{width: 100%;display: flex;margin-bottom: 80px;justify-content: space-between;}
.mlist1>div{position:relative;float:left;margin-left:30px;}
.mlist1>div:nth-of-type(1){margin:0;}
.mlist1 .mtxt{position:absolute;top:0;left:0;background:rgba(0,0,0,.3);width:100%;height:295px;color:#fff;text-align:center;}
.mlist1 .mtxt h2{font-size: 2.5rem;    margin-top: 12%;    font-weight: bold;}
.mlist1 .mtxt p{font-size:28px;    line-height: 1.5;    margin-top: 1.5rem;}
.mlist2{    width: 100%;    display: flex;    margin-bottom: 100px;    justify-content: space-between;}
.mlist2>div{position:relative;float:left;margin-left:2%;}
.mlist2>div:nth-of-type(1){margin:0;}
.mlist2 .mtxt{position:absolute;bottom:0;left:0;width:100%;height: 200px;padding:20px;box-sizing:border-box;text-align: left;}
.mlist2 .mtxt h2{font-size:35px;    margin-bottom: 20px; font-weight: bold;}
.mlist2 .mtxt p{font-size:20px;line-height:1.6;}

#main-board{width:100%; position:relative; display: flex;    height: 350px;}
.board1{width:40%;position:relative;display:inline-block;margin-right:50px; text-align: left;    float: left;}
.board1 h2{font-size:35px;}
.more{width:38px;height:38px;border:1px solid #ccc;border-radius:10px;position:absolute;top:2%;right:0;font-size:30px;line-height:33px;text-align:center;color:#666;}
.board1 ul{width:100%;margin-top:15px;}
.board1 ul li{font-size:18px;padding: 15px 0;border-bottom:1px solid #eee;line-height:20px;}
.board1 ul li:last-of-type{border:none;}
.board1 ul li a{display:inline-block;width: 80%;    line-height: 1.5rem;white-space: nowrap;                overflow: hidden;                text-overflow: ellipsis;}
.date{float:right;font-size:15px;line-height:20px;color:#666;}
.youtube{display:inline-block; margin-right:20px; text-align: center;     width: 42%; float: left;}
.banner{display:inline-block; text-align: center; background: steelblue; float: left;}


.roll{    width: 100%;    margin: 50px 0;    border: 1px solid #ccc;    border-radius: 10px;    display: inline-table;}
.roll div{float: left;    margin: 10px 0px;    width: 16%;}
.roll div a {}

@media all and (max-width:950px) {
.mtxt_box{width: 100%;position:absolute;text-align:center;top: 15%;z-index:999;}
    .slide h1{color: #fff;font-size: 25px;font-weight: bold;line-height: 34px;text-shadow: 1px 1px 1px rgb(0 0 1);}
    .mlist1{width: 100%;margin-bottom: 5%;display: block;}
    .mlist1>div{margin:0px; float: none; margin-bottom: 2%;}
    .mlist1>div:nth-of-type(1){margin-bottom: 2%;}
    .mlist1>div>img{width: 100%;}
    
    .board1{width:100%}
    .roll div{float: left; margin: 10px 0px; width: 33%;}
    .youtube{display:block; margin:5% 0 ;}
    /*.banner_m{display:block;text-align: center;float: left;}*/
    /*.banner{display: none;}*/
    .banner{width: 100% !important;}
    .board1 h2{font-size:25px;}
    .board1 ul li{font-size:15px;padding: 10px 0;border-bottom:1px solid #eee;line-height:15px;}
    .youtube{width: 100% !important;    height: 370px !important;}

 .buttons{position: absolute;bottom: 15px;height: 40px;margin: auto;left: 33%;}
.buttons__prev,.buttons__next{position:absolute;top:0;width: 40px;height: 40px;}
.buttons__prev{background:url(../images/left.png)no-repeat;}
.buttons__next{background:url(../images/right.png)no-repeat;right:0;}
.buttons__stop{background:url(../images/stop.png)no-repeat;width:40px;height:40px;margin:0 47px;}
}

@media all and (max-width:1200px) {
    
    .mlist2 .mtxt h2{font-size:20px;margin:15px 0;}
    .mlist2 .mtxt p{font-size:15px;line-height:1.6;}
    #main-board{display: block; margin-top: 5%;height: auto; }
    .board1 {width: 100%;  margin: 5% 1%;}
    .roll{    margin: 5% 0;}
    .youtube{display:inline-block; margin-right:20px; text-align: center;     width: 50%; float: left; height: 301px;}
    
}

@media all and (min-width:1201px) and (max-width:1550px) {
    #main-board{width:100%; position:relative; display: flex;    height: 250px;}
    .board1 h2 {    font-size: 28px;}
    .board1{width:60%}
    .board1 ul{width:100%;margin-top:10px;}
    .board1 ul li { font-size: 16px;    padding: 6px 0;    border-bottom: 1px solid #eee;    line-height: 20px;}
    .mlist2 .mtxt{position:absolute;bottom:0;left:0;width:100%;height: 180px;padding:20px;box-sizing:border-box;}
    .mlist2 .mtxt h2{font-size: 30px;margin: 10px 0;font-weight: bold;}
    .mlist2 .mtxt p{font-size:17px;line-height:1.6;}
    }


@media all and  (max-width:800px) {
    .mlist2{    width: 100%;   display: block;    margin-bottom: 100px;  }
    .mlist2>div{width: 49%; margin:1% 0.5%; float: left;}
    .mlist2>div:nth-of-type(1){margin:1% 0.5%;}
    .mlist2 .mtxt{position:absolute;bottom:0;left:0;width:100%;height: 150px;padding:15px;box-sizing:border-box;}
    .mlist2 .mtxt h2{font-size: 18px;margin: 10px 0;font-weight: bold;}
    .mlist2 .mtxt p{font-size:14px;line-height:1.5;}
 .slider{margin-bottom:30px;position:relative;overflow: hidden;}
}    

@media all and (min-width:950px) { 
    .banner_m{display: none;}   
}

@media all and (max-width:700px) { 
}

/**sub**/
#page_title .contain {position: relative; height: 382px;}
.sub_bg01{background-image: url(../images/sub_bg01.jpg);     background-size: cover;    background-position: center center;}
.sub_bg02{background-image: url(../images/sub_bg02.jpg);     background-size: cover;    background-position: center center;}
.sub_bg03{background-image: url(../images/sub_bg03.jpg);     background-size: cover;    background-position: center center;}
.sub_bg04{background-image: url(../images/sub_bg04.jpg);     background-size: cover;    background-position: center center;}
.sub_title{text-align: center;color: #fff;padding-top: 170px;}
.sub_title h2{font-size: 50px; font-weight: bold;  text-shadow: 1px 1px 1px rgb(0 0 1);}
.sub_title p{font-size: 22px; font-weight: bold;  text-shadow: 1px 1px 1px rgb(0 0 1);}
.imgArea { width:100%; }
.imgArea img { max-width:100%; height:auto; }
.cont_txt{ width:100%; font-size: 20px; line-height: 1.6;}
.cont_txt1 { float:left; width:65%;     padding-right: 5%; font-size: 20px;    line-height: 1.5;}
.cont_txt2 { float:right; width:35%; }
.cont_txt2 .ceo {display: inline-block;}
.cont_txt3{ width:100%; font-size: 18px; line-height: 1.6;}
.cont_txt3 h4{font-weight: bold; font-size: 25px;}
.cont_txt3 h5{font-weight: bold; font-size: 22px; color: #3c6ff3; margin-top: 20px;}
.cont_txt3 ul li {margin-bottom: 5px;}
.cont_txt3 ul li ul {padding-left: 20px;}
.cont_txt3 table{text-align: center;}
.cont_txt3 thead tr {border-top: 2px solid #3c6ff3;}
.cont_txt3 thead th {padding: 13px 10px; background: #f7f8f9; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0; font-weight: 400; color: #3c6ff3;}
.cont_txt3 tbody th {padding: 12px 20px; background:#fbfbfb; border-right: 1px solid #dddee0; border-bottom: 1px solid #ccd0d7; font-weight: 400; color: #000;}
.cont_txt3 thead th:last-child, .cont_txt3 tbody td:last-child{border-right: none;}
.cont_txt3 tbody td {padding: 12px 20px; background:#fff; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0;   color: #333;}

p.sign {/* margin:0 0 0 56px; */float: right;display: inline-block;}
.cont_bgbox{background: #f3f5fd; padding: 4%; font-size: 20px;}
.cont_bgbox ul li{font-size: 18px;    line-height: 35px; position:relative; padding-left: 15px;}
.cont_bgbox ul li:after{content:"";position:absolute;top:17px;left:0;width:5px;height:5px;background:#555555;border-radius:50%;}
.cont_bgbox01 {background: #f3f5fd; padding: 4%; display: flex}
.cont_bgbox01 ul {font-size: 20px; }
.cont_bgbox01 ul li{font-size: 18px;    line-height: 35px; }
.con_title{font-size: 28px; font-weight: bold; color: #3c6ff3; position:relative; }
.con_title:before {content: "";    position: relative;    display: inline-block;    width: 3px;    left: 0;    height: 28px;    background: #3c6ff3;    top: 5px;    margin-right: 10px;}
.con_list{}
.con_list ul li{font-size: 20px;    line-height: 40px; position:relative; padding-left: 15px;}
.con_list ul li:after{content:"";position:absolute;top:17px;left:0;width:5px;height:5px;background:#555555;border-radius:50%;}
.con_list01{}
.con_list01 ul li{font-size: 20px;    line-height: 40px; }
.box_title{font-weight: bold; font-size: 23px;  }
.div50_left{width: 50%; float: left;}
.div50_right{width: 50%; float: right;}
.subway2 { position: relative;  }
.subway2::before {content: "2";    position: relative;    display: inline-block;    vertical-align: middle;    background: green;    width: 25px;    height: 25px;    border-radius: 30px;    color: #fff;    padding-left: 7px;
    line-height: 25px;    font-size: 16px;    font-weight: bold;    margin-right: 10px;}
.subway8 { position: relative;  }
.subway8::before {content: "8";    position: relative;    display: inline-block;    vertical-align: middle;    background: #ff168a;    width: 25px;    height: 25px;    border-radius: 30px;    color: #fff;    padding-left: 7px;
    line-height: 25px;    font-size: 16px;    font-weight: bold;    margin-right: 10px; margin-bottom: 5px;}
.text01{font-size: 23px; font-weight: bold; position:relative;}
.text01:before {content: "";    position: relative;    display: inline-block;    width: 7px;    left: 0;    height: 7px;    background: #3c6ff3;   top: -4px;    margin-right: 10px;}
.text02{margin-bottom: 2rem;}
.text03{font-size: 18px; margin-bottom: 2rem;}
.text04{font-size: 16px; }
.text05{font-size: 18px; padding-left: 20px; margin-bottom: 0rem; }
/* Search */
.board-search {display: inline-block; width: 100%; margin-bottom: 41px;}
.board-search .form-search {background: #f5f6f8; padding:20px;}
.board-search .tbl-search {text-align: center;}
.board-search .box-title {display: inline-block;background: url('../images/ico-search-title.png') no-repeat  left center;  font-size:18px;margin-right: 20px;padding: 5px 0 2px 55px;color: #3c6ff3;height: 40px;}
.board-search .box-sel {position: relative; top: 0px; display: inline-block; margin-right: 2px; vertical-align: middle;}
.board-search .box-sel select {background: #fff url('../images/arrow-search.png') no-repeat right center; font-size: 16px;  color: #9d9d9d; border:1px solid #ccd0d7; height: 55px; min-width: 130px; padding-left: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.board-search .box-search {position: relative; top:0; display: inline-block; vertical-align: middle;  background: #fff; height: 55px; line-height: 55px; border:1px solid #ccd0d7; min-width: 400px;}
.board-search .box-search input {position: relative; top: -1px; width: 100%; height: 100%; background: transparent; border: 0;  font-size: 16px; text-indent: 10px; color: #9d9d9d;}
.board-search .box-search input::placeholder {color: #9d9d9d;}
.board-search .box-search input[type="submit"] {position: absolute; right:0; top: 0; width: 50px; height: 55px; background: url('../images/ico-search-btn.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}
.board-search .util-search {margin-bottom: 20px;  font-size: 16px; color: #666;}
.board-search .util-search a {display: inline-block; width: 30px; text-indent: -9999px; background: url('../images/ico-rss.png') no-repeat center center; margin-right:10px;}
.board-search .util-search strong { font-size: 16px; color: #333;}

@media all and (max-width:780px) {
    .board-search .box-title {display: none;}
    .board-search .tbl-search {display: table; width: 100%; table-layout: fixed;}
    .board-search .util-search {display: none;}
    .board-search .box-sel {width:35%; display: table-cell; margin-right: 0; padding-right: 20px;}
    .board-search .box-sel select {min-width: auto;width: 100%;font-size: 14px;padding-left: 5px;}
    .board-search .box-search {display: table-cell;}
 .board-search .box-search input{font-size:14px;}
.board-link-list thead th {font-size: 15px !important;}
 .board-link-list tbody td {font-size:15px !important}
}

/* List */
.scroll-table {position: relative;}
.board-link-list thead th { background: #3c6ff3;    font-size: 18px;    font-weight: normal;    padding: 13px 0;    border-bottom: 1px solid #cfcfd1;    border-top: 1px solid #3c6ff3;    color: #fff;    text-align: center;}
.board-link-list tbody td {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 17px;  padding: 13px 0; color: #000; border-bottom: 1px solid #cfcfd1;}
.board-link-list tbody td.title {text-align: left;}


/* Paging */
._paging {text-align:center;padding: 40px 0 0 0;}
._paging > ._inner > ul {margin: 0 15px;}
._paging > ._inner > ul li strong {width: 40px;height: 40px;line-height: 38px;border-radius: 100%;background-color: #3c6ff3;border-color: #3c6ff3;}
._paging > ._inner > a {width: 35px; height: 35px; line-height:35px; background-image: url('../images/arrow-page.png') !important; background-repeat: no-repeat; background-color: transparent; border: 0;}
._paging > ._inner > a._first {background-position: 0 0;}
._paging > ._inner > a._last {background-position: 0 -175px;}
._paging > ._inner > a._listNext, ._paging ._inner a._listPrev {display: block;}
._paging > ._inner > a._listNext {background-position: 0 -140px;}
._paging > ._inner > a._next {background-position: 0 -105px;}
._paging > ._inner > a._listPrev {background-position: 0 -35px;}
._paging > ._inner > a._prev {background-position: 0 -70px;}
._paging ._inner a, ._paging ._inner strong {border: 0; line-height: 33px;}
._paging ._inner{overflow:hidden;position:relative;height: 40px;display:inline-block;zoom:1;_display:block}
._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul{float:left}
._paging ._inner a,._paging ._inner strong{width: 40px;height: 40px;line-height: 40px;border-width:1px;border-style:solid;border-color:#cdcdcd;text-align:center;margin:0 1px}
._paging ._inner ._pageState{display:none;padding:0 1em}
._paging ._inner ._pageState span{line-height:36px;font-size:1.4em;padding:0 .2em}
._paging ._inner ._pageState span._curPage{color:#3c6ff3}
._paging ._inner ._pageState span._curPage:after{content:"/";margin-left:.4em;color:#000}
._paging ._inner a{/* background-color:#f0f0f0; */color:#333}
._paging ._inner a._first,._paging ._inner a._last,._paging ._inner a._listNext,._paging ._inner a._listPrev,._paging ._inner a._next,._paging ._inner a._prev{font-size:0;text-indent:-5000px;background-image:url(../images/arrow-page.png);background-repeat:no-repeat}
._paging ._inner a._first{background-position:0 0}
._paging ._inner a._listPrev,._paging ._inner a._prev{background-position:0 -36px}
._paging ._inner a._listNext,._paging ._inner a._next{background-position:0 -141px}
._paging ._inner a._last{background-position:0 -176px}
/*._paging ._inner a._listNext,._paging ._inner a._listPrev{display:none}*/
._paging ._inner ul{overflow:hidden;position:relative;height: 40px;}
._paging ._inner ul li strong{background-color: #3c6ff3;border-color: #3c6ff3;color:#fff}
._paging ._inner ul li a{background-color:#fff;}

@media all and (max-width: 900px) {
    ._paging {padding: 60px 0 30px 0;}
}
@media all and (max-width: 750px) {
    ._paging {padding:  40px 0 20px 0;}
    ._paging > ._inner > ul {display: none;}
    ._paging ._inner ._pageState {display: block;}
}

/* Prev Next */
.view-navi {margin-bottom: 30px;border-bottom: 1px solid #ccc;    border-top: 1px solid #ccc;}

.view-navi .row {display: table; width: 100%;}
.view-navi .row.prev {padding: 11px 0; border-bottom: 1px solid #ccc;}
.view-navi .row.next {padding: 11px 0;}
.view-navi .row .title {position: relative; display: table-cell; vertical-align: middle; width: 80px; padding-left: 19px; font-size: 16px; color: #000;}
.view-navi .row .insert {display: table-cell; vertical-align: middle;  font-size: 16px; color: #666;}

@media all and (max-width:675px) {
    .view-navi {display: none;}
}


/*product_list*/
.imglist {border: 1px solid #c0c0c0;}
.imglist .imglist_box {display: inline-block; padding: 0 1.5rem; width: 100%;}
.imglist .imglist_row {padding-top: 1.5rem;padding-bottom: 1.5rem;border-bottom: 1px dashed #c0c0c0; width: 50%; float: left; min-height:290px;}
.imglist .imgBox { float: left; width: 13rem; height: 13rem; display: inline-block; vertical-align: top; position: relative; }
.imglist .imgBox img { display: block; width: 100%; height: 100%; }
.imglist .textBox {width: calc(100% - 13rem);display: inline-block;vertical-align: top;padding-left: 1.5rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.imglist .textBox .title {display: inline-block;vertical-align: top;font-weight: 200;color: #000;}
.imglist .textBox .title:before{ content: "";    position: relative;    display: inline-block;    width: 3px;    left: 0;    height: 3px;    background: #3c6ff3;    top: -4px;    margin-right: 10px;}
.imglist .textBox .text {display: inline-block;vertical-align: top;font-weight: 200;color: #000;}
.imglist .imglist_row li{       padding-top: 0;    padding-bottom: 0;    border-bottom: none;    width: auto;    float: none; ;}
.depth2{ font-size:18px; line-height: 29px;}

@media all and (max-width: 970px) {    
 .imgArea {text-align: center; margin-top: 50px;}
 .cont_txt1 { width:100%;     padding-right: 5%; }
 .cont_txt2 {width:100%; }
 .imglist .imglist_row {width:100%; }
}

@media all and (max-width: 500px) { 
 .imglist .imgBox {float: left;width: 100%;height: 13rem;display: inline-block;vertical-align: top;position: }
 .imglist .textBox {width: 100%;display: inline-block;vertical-align: top;padding-left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-top: 10px;}

}

/*faq*/
.faq_q { border-bottom:1px solid #d9d9d9; height:auto; height: auto;align-items: center;min-height: 65px; padding: 15px 0;}
.faq_q > a { background:url("../images/wtc_arrow_d.png") right center no-repeat; display:block; height:100%; position:relative; width:100%; }
.faq_q > a.on { background:url("../images/wtc_arrow_u.png") right center no-repeat; }
.faq_q > a > span:not(.blind) { background:#d4d4d4; border-radius:50%; color:#fff; font-family:"roboto"; font-size:26px; font-weight:bold; height:42px; left:0; line-height:42px; margin-top:-21px; position:absolute; text-align:center; top:50%; width:42px; }
.faq_q > a > p { color:#000; font-size:20px; font-weight:bold; left:70px; line-height:1.4; position:absolute; top:50%;-webkit-transform:translateY(-50%); transform:translateY(-50%); width:80%;position: relative;width: auto;top: auto;left: auto;transform: translateY(0);padding: 12px 70px 13px;     margin-bottom: 0;}

.faq_a { background:#f9f9f9; border-bottom:1px solid #d9d9d9; color:#4e4e4e; font-size:16px; font-weight:400; line-height:1.4; min-height:120px; padding:30px 30px 30px 90px; position:relative;}
.faq_a > span { background:#3c6ff3; border-radius:50%; color:#fff; font-family:"roboto"; font-size:26px; font-weight:bold; height:42px; left:20px; line-height:42px; position:absolute; text-align:center; top:30px; width:42px; }
.faq_a > p {font-size: 18px;    line-height: 30px;    margin-bottom: 0;    color: #000;}
.faq_a > p > * {font-size:inherit !important}

/* View */
.board-view-info {font-size: 0;}
.view-title {font-size: 30px;    border-bottom: 1px solid #e2e2e2;    text-align: center;    color: #000;    line-height: 1.5;    padding-bottom: 40px; margin: 0;}
.view-detail {display: inline-block; width: 100%; border-bottom: 1px solid #e2e2e2;     padding: 20px 0; text-align: right;}
.view-detail .view-util {display: inline-block; margin-right: 20px; font-size: 16px; color: #9b9b9b;}
.view-detail .view-util dl {display: inline-block; padding-left: 15px; margin-left: 15px; position: relative;}
.view-detail .view-util dl:after {content: ''; position: absolute; left: 0; top: 5px; width: 1px; height: 11px; background: #c3c3c3;}
.view-detail .view-util dl:first-child:after {display: none;}
.view-detail .view-util dl.cate {display: none;}
.view-detail .view-util dt,
.view-detail .view-util dd {display: inline-block;}
.view-detail .view-util dt {padding-right: 1px; }
.view-detail .view-util dd {color: #111;}
.view-detail .view-util .modify {display: none;}
.view-detail .view-util .writer:after {display: none;}
.view-detail .view-share {display: inline-block; margin-right: 20px;}
.view-detail .view-share .sns {display: inline-block;}
.view-detail .view-share .util {display: inline-block;}

.view-file {margin-bottom: 40px;}
.view-file .row {width: 100%;border-top: 1px solid #e2e2e2;border-bottom: 2px solid #000000;background: #eee;}
.view-file .row .title {width: 10%;vertical-align: middle;padding: 25px 0;text-align: center;color: #444;height: auto;display: inline-block;float: left;top: 50%;}
.view-file .row .insert {display: inline-block;vertical-align: middle;padding: 16px 20px;background: #fff;width: 90%;}
.view-file .row .insert a {display: inline-block; margin-top: 3px; margin-bottom: 3px; font-size: 14px; color: #333;}
.view-file .row .insert .prev {display: inline-block; background: url('..//images/btn-file-prev.png') no-repeat 10px center; margin-left: 12px; padding: 1px 15px 2px 30px; border: 1px solid #ccc;  font-size: 14px; color: #5b6a77;}
.view-file .row .insert li {padding-left: 25px; background: url('..//images/ico-add.png') no-repeat left 6px;  font-size: 14px; }
.view-file .no-file {color: #888;}

.view-file.news {border-bottom: 1px solid #d1d1d1;}
.view-file.news .row {border-bottom: 0;}
.view-file.news .row .title {}
@media all and (max-width:1000px) {
    .view-detail .view-util {width: 100%; float: none;}
    .view-detail .view-share {width: 100%; float: none;}
}

@media all and (max-width:700px) {
    .view-file .row {display: block;}
    .view-file .row .title {display: none;}
    .view-file .row .insert {display: block; width: 100%;}
    .view-detail .view-util dl {display: none;}
    .view-detail .view-util dl.writer,
    .view-detail .view-util dl.write {display: inline-block;}
}

/* Contents */
.view-con {padding: 30px 20px; font-size: 18px;  ;}
.view-con p{line-height: 1.5;}
.view-img {margin-bottom: 30px;}

@media all and (max-width: 580px) {
    .view-con {padding: 30px; }
}

/*sitemap*/
#newSitemap{position: relative; line-height:1.4;}
#newSitemap > ul > li{margin-bottom:50px; width: 100%;}
#newSitemap > ul > li {position: relative; border-top: 5px solid #333333;}
#newSitemap > ul > li:after {content: ''; position: absolute;  left: 0; top: -5px; width: 219px; height: 5px; background: url('../images/deco-sitemap.png') no-repeat left top;}
#newSitemap > ul > li > div{position:relative; padding-left:300px;}
#newSitemap > ul > li > div > a{position:absolute; left:30px; top:20px; font-size:22px; color:#000000; font-weight: bold; }
#newSitemap > ul > li > div > ul {display: inline-block;width: 100%;padding: 10px 0;}
#newSitemap > ul > li > div > ul > li{width:25%; float:left; position:relative; padding-right:50px; box-sizing:border-box;}
#newSitemap > ul > li > div > ul > li > a{overflow: hidden;padding: 12px 0;text-align: center;border-bottom: 1px solid #7d7d7d;text-overflow: ellipsis;white-space: nowrap; color:#454545; font-size:18px;}
#newSitemap > ul > li > div > ul > li > ul {padding-top: 4px;}
#newSitemap > ul > li > div > ul > li > ul > li > a{font-size:15px; position:relative; padding-left:10px; color:#333; margin:8px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#newSitemap > ul > li > div > ul > li > ul > li > a:hover {color: #428fe2;}
#newSitemap > ul > li > div > ul > li > ul > li > ul > li > a{ font-size:15px; position:relative; padding-left:13px; color:#666; margin:10px 0 10px 15px; word-break:keep-all; font-size:15px;}
#newSitemap > ul > li > div > ul > li > ul > li > ul > li > a:hover {text-decoration: underline; color: #428fe2;}
#newSitemap > ul > li > div > ul > li > ul > li > ul > li > a:before{content:''; width:7px; height:2px; background-color:#b5c2d1; display:block; position:absolute; left:0; top:9px;}
#newSitemap a{display:block;}

@media only screen and (max-width:1024px){
    #newSitemap > ul > li > div{padding-left:0;}
    #newSitemap > ul > li > div > a{position: static;; width:100%;  padding: 20px 0; border-bottom: 1px solid #d1d1d1;}
}

@media only screen and (max-width:768px){
    #newSitemap > ul > li > div > ul > li{width:50%;}
}

@media only screen and (max-width:500px){
    #newSitemap > ul > li > div > ul > li{width:100%; padding-right: 0;}
    .mlist2{    width: 100%;   display: block;    margin-bottom: 100px;  }
    .mlist2>div{width: 49%; margin:1% 0.5%; float: left;}
    .mlist2>div:nth-of-type(1){margin:1% 0.5%;}
    .mlist2 .mtxt{position:absolute;bottom:0;left:0;width:100%;height: 120px;padding: 5px;box-sizing:border-box;}
    .mlist2 .mtxt h2{font-size: 17px;margin: 5px 0;font-weight: bold;}
    .mlist2 .mtxt p{font-size:14px;line-height: 1.5;}

}

.tab_div ul {overflow: hidden; position: relative; margin-bottom: 40px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.tab_div ul li {position: relative; float: left; width: 16.666%; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.tab_div ul li  a {position: relative; z-index: 3; display: block; padding: 15px 20px 16px 20px;  font-size: 18px; letter-spacing: -0.5px; text-align: center; color: #333;}
.tab_div ul li  a  span {display: block; color: #3c6ff3; font-weight: bold;}
.tab_div .active, .tab_div .active a, .tab_div .active a span  {background: #3c6ff3; color: #fff;}
.tab_result{text-align: center;    margin-bottom: 50px;    font-size: 24px;}
.result01, .result02{color: #3c6ff3; font-weight: bold;}


/* 팝업 시작 */
.popup_box { position: absolute; z-index:10000; top: 5%; left: 50%; transform: translateX(-50%); border: 1px solid #efefef; }
.popup_bar { background-color: #fff; color: #000000; height: 60px; width: 100%; border-top: 1px solid #c4c4c4; }
.pull-left { color: #000; padding: 20px; float: left; }
.pull-right { float: right; }

@media all and (max-width:750px) {
    .popup_box{width: 90%;}
    .popup_image { position: absolute; z-index:10000; top: 5%; }
    .pull-left { font-size: 13px; }
}
/* 팝업 끝 */