@charset "UTF-8";
/*icon box*/
.iconBox                                            {padding:30px; overflow:hidden; position:relative; margin-top:30px;}
.iconBox.bg-line                                {background:url(./images/app/lineBox_bg.png); padding:10px;}
.iconBox.bg-line .inner                     {background-color:#fff; overflow:hidden; padding:25px 15px 25px 35px;}
.iconBox .icon                                  {float:left; display:table-cell; vertical-align:middle; margin-right:40px; overflow:hidden; height:100%; text-align:center;}
.iconBox .icon img                          {width:100%;}
.iconBox .icon span                         {display:block;}
.iconBox .text                                  {display:table-cell; }
.iconBox .text .title                           {display:block; font-size:16px; margin-bottom:10px;}

/*write+view*/
._articleBasic .artclItem{border-bottom:1px solid #004a98}
._articleBasic .artclItem.writeForm{border-width: 2px 0 1px 0; border-top:2px solid #000;}
._articleBasic .artclItem .artclForm,
._articleBasic .artclItem .artclForm{position: relative;border-top: 1px #dcdcdc solid;display: table;}
._articleBasic .artclItem .artclForm._full{width:100%;}
._articleBasic .artclItem .artclLabel,
._articleBasic .artclItem .artclInsert{}
._articleBasic .artclItem .artclLabel{position:relative; font-weight: 500;color: #000; width: 140px;background:#f5f5f5; padding:15px 0 15px 15px; display: table-cell;}
._articleBasic .artclItem .artclLabel mark.must{float: left;margin-top: 8px;margin-right: 5px;width: 8px;height: 8px;text-indent: -5000px;background:url("./images/must.gif") no-repeat;overflow: hidden;padding: 0;}
._articleBasic .artclItem .artclInsert{display: table-cell; padding:10px; vertical-align:middle;}
._articleBasic .artclItem .artclInsert a{background: url("./images/fileDown.png") no-repeat left 7px; padding-left:25px; line-height: 28px; display:block; font-size:0.9em; margin-bottom:2px;}
._articleBasic .artclItem .artclInsert textarea{}
._articleBasic .artclItem .artclInsert .intOpt{}
._articleBasic .artclItem .artclInsert .multiSelectBox{height: 60px;width: 300px;}
._articleBasic .artclItem .artclForm.both{padding-left: 0;}
._articleBasic .artclItem .artclForm.both .artclInsert{margin-left: 0;width: 99.7% !important;padding-left:0;}
._articleBasic .artclItem .artclForm.both .artclLabel{position: static;display: block;background-image: none;}
._articleBasic .artclItem .artclInsert .intOpt{border-top:1px solid #ddd; padding-top:10px; margin-top:10px;}


@media only screen and (max-width:678px){
    ._articleBasic .artclPeriod fieldset label + input + label:before{content:''; display:block; clear:both;}
    ._articleBasic .artclItem .artclLabel,
    ._articleBasic .artclItem .artclInsert{display:block; width:100%; box-sizing:border-box;}
    ._articleBasic .artclItem .artclInsert.fileUp select{width:100%; margin-bottom:10px;}
    ._articleBasic .artclItem.writeForm .artclInsert.month .slash{display:block; text-indent:-9999px; height:10px;}
    ._articleBasic .artclNavi{display:none;}
    ._articleBasic .artclViewTitleWrap .artclShare{display:none;}
    ._articleBasic .artclViewHead{display:none;}
    ._articleBasic .artclList li{padding:20px 10px;}
    ._articleBasic .artclList li a .thumbnail,
    ._articleBasic .artclList li a .artclInfo{display:block; width:100%; padding:0;}
    .artclItem.writeForm .artclInsert select,
    .artclItem.writeForm .artclInsert input[type="text"],
    .artclItem.writeForm .artclInsert input[type="password"]{width:calc(100% - 2px);}
}

/*write 추가*/
.artclItem.writeForm .artclInsert select,
.artclItem.writeForm .artclInsert input[type="text"],
.artclItem.writeForm .artclInsert input[type="password"]{line-height:40px; height:40px; padding-left:5px; box-sizing:border-box;}
.artclItem.writeForm .artclInsert.month > label{background:url("./images/monthIcon.png") no-repeat; padding-left:30px; vertical-align:middle;}
.artclItem.writeForm .artclInsert.month .slash{margin:0 10px;}
.artclItem.writeForm .artclInsert.fileUp select{float:left; margin-right:10px; min-height: 60px;}
.artclItem.writeForm .artclInsert.fileUp .fileUpbtn span{display:block;}
.artclItem.writeForm .artclInsert.fileUp .fileText{clear:both; margin-top:10px; color:#ce9745; font-size:.9em; width:100%; float:left; margin-bottom:10px;}
.artclItem.writeForm .artclInsert.fileUp .fileText:before{content:'※'}

.artclFormHalf{overflow:hidden;}
.artclItem.artclFormHalf .artclForm{width:50%; float:left;}

.app_info{background: #efefef url(./images/app/icon05.png) 10px 60px  no-repeat; padding:30px 30px 30px 140px; overflow:hidden; margin-bottom:50px}
.app_info .title{font-size:2em; color:#1b55ac; text-align:center; font-weight:500; margin-bottom:30px;}
.app_info .left-info{width:60%; float:left;}
.app_info .left-info u{color:#1b55ac;}
.app_info .right-info{width:calc(40% - 30px); float:right; box-sizing:border-box; padding-left:30px; margin-left:30px; position:relative; color:#ff6c00}



/* etc */
.marT30{margin-top:30px;}
._button._active input,
._button._active a{background-color: #1c5baf;}
.agree span input,
.agree span label{vertical-align:middle; font-size:14px;}
.agree input[type='submit']{height:30px; padding:0 40px; line-height:30px; background-color:#636e86 !important; margin-left:10px;}
.appTitle{font-size:19px; position:relative; color:#444; margin:40px 0 10px; font-weight:400;}

.agreementWrap ul li{position:relative; padding-left:7px;}
.agreementWrap ul li:before{content:''; width:3px; height:3px; display:block; left:0; top:10px; background-color:#999; position:absolute;}
.agreementWrap ul li strong{color:#ff8341}

.ass p{padding:30px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:40px 0;}
.ass p label,
.ass p input{vertical-align:middle;}

.appTitle:before{content:''; width:3px; height:15px; background-color:#005bac; display:inline-block; margin-right:10px; margin-top:-2px; vertical-align:middle;}
.f-blue{color:#1b55ac;}

/* 반응형*/
@media only screen and (max-width:660px){
    .app_info{background:#efefef; padding:30px;}
    .app_info .left-info{width:100%;}
    .app_info .right-info{width:100%; padding:0; margin:30px 0 0 0;}
     .artclItem.artclFormHalf .artclForm{width:100%;}
    .iconBox .icon,
    .iconBox .text{display:block; width:100%;}
}

/*list*/
._fnctWrap .fnDiv{overflow:hidden;}
._articleTable .artclTable{width: 100%;table-layout:fixed;border-top:2px solid #353e4d; margin-top:20px;}
._articleTable .artclTable caption{display: none;}
._articleTable .artclTable colgroup col._artclColNum{width: 60px;}
._articleTable .artclTable colgroup col._artclColTitle{width: auto;}
._articleTable .artclTable colgroup col._artclColWriter{width: 70px;}
._articleTable .artclTable colgroup col._artclColRdate{width: 80px;}
._articleTable .artclTable colgroup col._artclColRecommend{width: 50px;}
._articleTable .artclTable colgroup col._artclColComment{width: 50px;}
._articleTable .artclTable colgroup col._artclColAtchFile{width: 60px;}
._articleTable .artclTable colgroup col._artclColAccess{width: 50px;}
._articleTable .artclTable thead th{background: #f8f8f8;color: #333;font-weight:500;}
._articleTable .artclTable th,
._articleTable .artclTable td{padding: 20px 0;text-align: center;border-bottom:1px solid #dcdcdc;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
._articleTable .artclTable tr._artclEven{background-color: white;}
._articleTable .artclTable tr.trashLi td{text-decoration: line-through;color:#666;}
._articleTable .artclTable tr.trashLi td .artclLinkView strong:before{content:'TRASH';display:inline-block;background-color:#a0adb5;color:#fff;padding:2px 10px;font-size:11px;margin-right:5px;border-radius:5px;vertical-align:middle;line-height:1.4;}
._articleTable .artclTable tr._artclOdd{}
._articleTable .artclTable tr.headline{background-color: #EEF6FB;}
._articleTable .artclTable tr.headline td._artclTdNum ._artclNotice{display: block;margin: auto;width: 21px;height: 20px;text-indent: -5000px;overflow: hidden;background-position: 9px -326px;}
._articleTable .artclTable tr.headline td._artclTdNum ._artclNotice._artclNnotice{background-color: #4682B4;}
._articleTable .artclTable tr.headline td._artclTdNum ._artclNotice._artclTnotice{background-color: #A62323;}
._articleTable .artclTable tr td .artclLinkView{display: block;text-align: left;font-size: 1em;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0 7px;}
._articleTable .artclTable tr td .artclLinkView .newArtcl{width: 11px;height: 11px;overflow: hidden;text-indent: -5000px;display: inline-block;zoom: 1;_display: inline;background-position: 0 -240px;}
._articleTable .artclTable tr td._artclTdNum{}
._articleTable .artclTable tr td._artclTdTitle{}
._articleTable .artclTable tr td._artclTdWriter{}
._articleTable .artclTable tr td._artclTdRdate{}
._articleTable .artclTable tr td._artclTdRecommend{}
._articleTable .artclTable tr td._artclTdComment{}
._articleTable .artclTable tr td._artclTdAtchFile{}
._articleTable .artclTable tr td._artclTdAccess{}

.alignL{text-align:left;}
#_popupHeader{display:none;}
#_articleContent .title{background:#2e5682 url(./../images/popupBg.png) repeat; font-size:24px; color:#fff; font-weight:500; padding:20px 50px; line-height:1.2;}
body._popup #_wrap{margin:0;}
/*table*/
.subjectTable{overflow-x:auto;  margin:30px;}
.subjectTable table{min-width:720px;}
.subjectTable table{border-top:2px solid #6186bf}
.subjectTable table caption{height:0; overflow:hidden;}
.subjectTable table thead th{background-color:#ecf1f6; font-weight:500; border-bottom:1px solid #ddd; padding:10px 5px;border-right:1px solid #ddd; color:#0e2c5d;}
.subjectTable table thead th:last-child{border-right:none;}
.subjectTable table tbody td{border-bottom:1px solid #ddd;padding:10px 5px 10px 10px;border-right:1px solid #ddd;font-weight:300;position:relative;line-height:1.6;font-size: 14px;}
.subjectTable table tbody td:last-child{border-right:none;}
.subjectTable table tbody th{border-bottom:1px solid #ddd; padding:10px 5px; border-right:1px solid #ddd;background-color:#fbfbfb; font-weight:400;}
.subjectTable table tbody th:last-child{border-right:none;}

table.leftTable tbody th{background-color:#ecf1f6;text-align:left;padding-left:20px;font-size: 14px;}
table.leftTable tbody td{text-align:left;}
table.leftTable tbody .mail{background:url(./images/mailIcon.png) right 8px no-repeat; padding-right:30px;}
.cont{display:none;}
.cont th{border-right:none !important; background-color:#edf4f6 !important}
.cont td{border-left:none; background-color:#edf4f6 !important}
.cont td:before{content:''; width:1px; height:70%; background-color:#cccccc; display:block; position:absolute; left:0; top:15%;}
.cont.open{display:contents;}

.cont .tooltip{position:absolute; top:-45px; left:10px; background-color:#02bef3; display:block; color:#fff; padding:3px 10px;}
.cont .tooltip:before{content:''; width:10px; height:7px; background:url(./images/tooltip-dot.png) no-repeat; display:block; position:absolute; left:10px; bottom:-7px;}