@charset "UTF-8";

._artclColNum{width: 10%;}
._artclColTitle{width: auto;}
._artclColPeriod{width: 25%;}
._artclColRdate{width: 15%;}

#_articleContent ._tab._level1{margin-bottom: 0; border-bottom: 0;}
#_articleContent ._tab._level1 ul{display: flex; flex-wrap: wrap; width: 100%; justify-content: stretch; align-items: stretch; position: relative;}
#_articleContent ._tab._level1 ul li{width: 50%;}
#_articleContent ._tab._level1 ul li a{position: relative; z-index: 3; width: 100%; height: 100%; display: flex; align-items: center; padding: 17px 20px 14px 20px; font-family: "Gmarket Medium"; font-size: 20px; text-align: center; color: white; background: #898989 url(../images/box_background.png) no-repeat left -77px top -144px; border-radius: 0; margin-right: 0; justify-content: center;}
#_articleContent ._tab._level1 ul li a._on,
#_articleContent ._tab._level1 ul li a:hover{background: #01499a url(../images/box_background.png) no-repeat left -77px top -144px; font-weight: normal;}
.artclSerch{margin: 30px 0;}
.artclSerch::after{content:""; display: table; clear: both;}
.fnSearch{float: right;}
.fnSearch .box-select{display: inline-block; margin-right: 10px;}
._fnctWrap .fnDiv .fnSearch fieldset select{background: #ebebeb url(../images/arrow-search.png) no-repeat right center; font-size: 14px; font-family: "Noto Regular"; color: #646464; border: 0; height: 40px; border-radius: 100px; min-width: 160px; padding-left: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 30px;}
.fnSearch .box-search{position: relative; display: inline-block; background: #ebebeb; height: 40px; line-height: 40px; padding: 0 5px 0 15px; border-radius: 100px; min-width: 300px;}
.fnSearch .box-search input{position: relative; top: -2px; width: 100%; height: 100%; background: transparent; border: 0; font-family: "Noto Regular";}
._fnctWrap .fnDiv .fnSearch fieldset .fnSubmit input{position: absolute; right: 0; top: 0; width: 40px; background: url(../images/ico-search.png) no-repeat center center; text-indent: -9999px; cursor: pointer; height: 40px;}

._frmViewHead{position: relative; width: 100%; border: 5px solid #eceef0; padding: 28px 30px;}
._frmViewHead .left{font-family: 'Noto Light'; font-size: 17px; color: #111;}
._frmViewHead .right{margin-top: 10px;}
._frmViewHead .right dt{font-family: "Noto Medium"; font-size: 20px; color: #111}
._frmViewHead .right dd{font-family: "Noto Regular"; font-size: 18px; color: #111}

._frmViewTitle{font-family: "Gmarket Bold"; line-height: 40px; font-size: 26px; color: #222; width: 100%; margin: 20px 0;}
.itemTitleRst{font-family: "Gmarket Medium"; line-height: 40px; font-size: 22px; position: relative; padding-left: 20px;}
.itemTitleRst::before{content:""; display: block; position: absolute; left: 0; top: 8px; width: 4px; height: 20px; background-color: #01499a;}

.formItem{padding: 20px 0; position: relative;}
.formItem::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #eaeaea;}

/* 23.11.02 추가 시작 */
._wSmall {width: 30%;}
._wMiddle {width: 60%;}
._wFull {width: 100%;}
/* 23.11.02 추가 끝 */

._frmView{border: 1px solid #666; padding: 20px;}
._frmView p{font-family: "Noto Regular"; font-size: 17px; line-height: 25px; color: #111;}

.selectPh{margin-bottom: 5px;}
.selectPh:last-child{margin-bottom: 0;}
.selectPh label{font-family: "Noto Regular"; font-size: 17px;}

.endFormBtn ._button{vertical-align: top;}

.endFormBtn ._button._large input,
.endFormBtn ._button._large a{font-size: 15px; font-family: "Gmarket Medium"; line-height: 30px; color: white; background: #01499a url(../images/go-icon_white.png) no-repeat right 20px center; border: 1px solid transparent; padding: 10px 86px 5px 24px; vertical-align: middle; position: relative; display: table-cell; transition: all .5s; height: auto; font-weight: normal;}
.endFormBtn ._button._large input:hover,
.endFormBtn ._button._large a:hover{background: url(../images/go-hv-icon.png) no-repeat right 20px center; color: #01499a !important; border: 1px solid #01499a}


@media all and (max-width: 860px) {
    .fnSearch .box-select{width: 35%; display: table-cell; margin-right: 0; padding-right: 20px;}
    .fnSearch .box-search{width: 60%; display: table-cell; min-width: auto;}
    .fnSearch .box-select select{min-width: auto; width: 100%;}
    .fnSearch .box-search input{display: table-cell;}

    ._areaButton{display: flex; flex-wrap: wrap; justify-content: space-between;}
    .endFormBtn ._button{width: 45%; margin-bottom: 20px;}
    .endFormBtn ._button._large input, .endFormBtn ._button._large a{width: 100%; display: block; text-align: left;}
    /* 23.11.24 학교 요청으로 모바일일때는 제목이 왼쪽 정렬 되도록 설정 */
    .con-table ._artclThTitle , .con-table ._artclTdTitle {padding: 10px 8px; font-size: 16px; text-align: left;}
}

@media all and (max-width: 500px) {
    .endFormBtn ._button{width: 100%;}
}