/*layout*/
body{min-width: 1300px;}
.wrapper{width:1300px;margin:0 auto;position: relative;}
.wrapper::after{content: '';display: block;clear: both;}
.bx-wrapper{border:0;box-shadow: none;margin-bottom: 0}
ul.clfix > li{float:left}
.clfix:after{content: '';display: block;clear: both;}
.blind{width: 0;height: 0;margin: 0;padding: 0;font-size: 0}

/*header*/
#wrap {padding-top: 101px;}
#header{position: fixed; width: 100%; top: 0; left: 0; height: 100px;border-bottom:1px solid #e9e9e9;z-index: 99999; background: #fff;}
#header h1{float:left;width: 220px}
#header h1 a{display: block;height: 67px; padding-top: 33px;}
#header h1 a img{vertical-align: middle}
#header .gnb{float: left;}
#header .gnb > li{margin-right: 26px}
#header .gnb > li > a{position:relative;display:block;height:100px;line-height:100px;font-size:16px;font-weight: 500;color: #4d4d4d}
#header .gnb > li > a:hover{color:#ff9000}
#header .gnb > li > a + div{display:none;position: absolute;margin-top:-3px;padding:20px 18px;width:140px;background: #fff;border-top:3px solid #ff9000;box-shadow: 2px 3px 9px 0px rgba(0, 0, 0, 0.15);z-index: 100 }
#header .gnb > li > a + div ul li a{color:#727272;font-weight: 400;}
#header .gnb > li > a + div ul li a:hover{color:#ff9000;font-weight: 500}
#header .gnb > li > a + div ul li{margin-top:10px}
#header .gnb > li > a + div ul li:first-child{margin-top:0}
#header .gnb > li.active  div{display: block;}
#header .user{float:right;margin-top:40px;position: relative;}
#header .user .search{float:left;}
#header .user .search input{display: none;}
/*#header .user .search.active{border-bottom:2px solid #ff9000}
#header .user .search.active input{visibility: visible}*/
#header .user .exp {line-height: 20px; font-size: 12px; display: inline-block;}
#header .user .search button{display: block; width: 65px;height: 20px;background: url("../images/common/icon_search.png") no-repeat right center; text-align: left;}
#header .user .search.active button{background-image: url("../images/common/icon_search_over.png")}
#header .user .search.active span {color:#ff9000;}
#header .user .mypage {float:left;margin-left:20px}
#header .user .mypage a{display: inline-block;width: 64px;height: 20px;font-size:12px;background: url("../images/common/icon_user.png") no-repeat right center; vertical-align: top;}
#header .user .mypage a:hover{background-image: url("../images/common/icon_user_over.png")}
#header .user .mypage a:hover span, #header .user .Login a:hover span, #header .user .Logout a:hover span {color:#ff9000;}
#header .user .Login {float:left;margin-left:20px}
#header .user .Login a{display: inline-block;width: 58px;height: 20px;font-size:12px;background: url("../images/common/login.png") no-repeat right center; vertical-align: top;}
#header .user .Login a:hover{background-image: url("../images/common/login_over.png")}
#header .user .Logout {float:left;margin-left:20px}
#header .user .Logout a{display: inline-block;width: 70px;height: 20px;font-size:12px;background: url("../images/common/logout.png") no-repeat right center; vertical-align: top;}
#header .user .Logout a:hover{background-image: url("../images/common/logout_over.png")}
/*#container*/
#container{padding: 70px 0;}
#container.mem{height: 393px;}
#container.login{height: 500px;}
#container.mem .wrapper{height: 100%;}
/*footer*/
#footer{background: #f2f2f2;padding:60px 0;width: 100%;z-index:100}
.foo-logo{float:left;width:220px;margin-top:6px}
#footer address{float:left;width:550px;font-size: 12px;}
#footer address p{color:#868686;font-size: 12px;line-height: 18px;font-weight: 300}
#footer ul{float:right}
#footer ul li a{color:#868686;display: block;padding: 0 11px 0 10px;position: relative;font-size: 12px}
#footer ul li a::before{content: '';position: absolute;left:0;top:50%;width:1px;margin-top:-6px;height:12px;background: #868686;}
#footer ul li:first-child a::before{display: none}
/*list-type01*/
.list-type01 ul{margin-left:-29px}
.list-type01 li{width:280px;margin-left:29px;margin-bottom: 25px;min-height:274px}
.list-type01 li .thumb{display: block;position: relative;width: 280px;height: 157px;}
.list-type01 li .thumb img{width:100%;height: 100%;}
.list-type01 li .thumb .time{position: absolute;height: 22px;right:12px;bottom:10px;padding: 0 8px;line-height:22px;color:#fff;font-size: 14px;font-weight: 700;text-align: center;background:rgba(0,0,0,0.6)}
.list-type01 li .name{padding:8px 0 5px;font-size: 14px;font-weight: 700;color:#ff9000}
.list-type01 li .title{font-size:16px;font-weight: 500; height: 45px; overflow: hidden; word-break:break-all}
.list-type01 li div.box{margin-top:10px;padding-top:5px;border-top:1px solid #e9e9e9}
.list-type01 li div.box span{display:inline-block;padding:0 0 0 16px;font-size: 13px;color:#808080;font-weight: 400}
.list-type01 li div.box span.view{margin-right:10px;background:url("../images/common/icon_play.png") no-repeat left center}
.list-type01 li div.box span.like{background:url("../images/common/icon_like.png") no-repeat left center}
.list-type01 li div.box span.like.active{background:url("../images/common/icon_like_on.png") no-repeat left center}

.list-type02 li{padding:10px 0;border-bottom: 1px solid #e9e9e9}
.list-type02 li a{display: block;font-weight: 400}
.list-type02 li .date {color:#7e7e7e;font-size: 12px}

.list-type03 li{padding:10px 0;border-bottom: 1px solid #e9e9e9;overflow: hidden;}
.list-type03 li a{display: block;}
.list-type03 li .thumb {width: 72px;height: 72px;margin-right: 20px;display: inline-block;vertical-align: middle;}
.list-type03 li .thumb img{width:72px;height: 72px;border-radius: 50%}
.list-type03 li .intro{display: inline-block;vertical-align: middle}
.list-type03 li .intro p{color:#7e7e7e;font-size:12px}
.list-type03 li .intro p strong{font-size: 14px;font-weight: 300;color:#1a1a1a}

.list-type04 li:after{content:'';display: block;clear: both;}
.list-type04 li .thumb{float:left}
.list-type04 li .thumb img{width: 136px;height: 79px;}
.list-type04 li .thumb a{position:relative;display: block; ./*height: 100%*/}
.list-type04 li .thumb .time{position: absolute;height: 22px;right:5px;bottom:5px;padding: 0 6px;line-height:22px;color:#fff;font-size: 14px;font-weight: 700;text-align: center;background:rgba(0,0,0,0.6)}
.list-type04 li .cont{float:left;padding-top:5px;margin-left: 10px}
.list-type04 li .cont em{float:left;width:53px;height:70px;font-size: 43px;text-align: center;font-weight: 100;line-height: 0.7em}
.list-type04 li .cont .tt{float:left;width: 165px}
.list-type04 li .cont .tt p{line-height: 100%}
.list-type04 li .cont .tt p:last-child{color:#808080}
.list-type04 li .cont .tt p strong{display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 500}
.list-type04 li .cont .tt p small{font-size: 13px;font-weight: 400;color:#757575;display: block;margin-top:5px;margin-bottom:20px}
.list-type04 li{padding:15px 0;border-top: 1px solid #f0f0f0}
.list-type04 li:first-child{border-top:0}
.list-type04 i{display: inline-block;width: 13px;height: 20px;vertical-align: middle;margin-right: 2px}
.list-type04.sr_vt i.ico01{background: url("../images/common/icon_play2.png") no-repeat left 2px;}
.list-type04 i.ico01{background: url("../images/common/icon_play.png") no-repeat left 2px}
.list-type04 i.ico02{margin-left:15px;background: url("../images/common/icon_like.png") no-repeat left 1px}
.list-type04 i.ico02.active{margin-left:15px;background: url("../images/common/icon_like_on.png") no-repeat left 1px}
.list-type04 i.ico03{margin-left:15px;}

.list-type05 li:after{content:'';display: block;clear: both;}
.list-type05 li .thumb{float:left}
.list-type05 li .thumb img{width: 324px;height: 182px;}
.list-type05 li .thumb a{position:relative;display: block;height: 100%}
.list-type05 li .thumb .time{position: absolute;min-width:46px;padding: 0 8px;height: 22px;right:5px;bottom:5px;line-height:22px;color:#fff;font-size: 14px;font-weight: 700;text-align: center;background:rgba(0,0,0,0.6)}
.list-type05 li .cont{float:left;padding-top:11px;margin-left: 20px}
.list-type05 li .cont em{float:left;width:53px;height:70px;font-size: 43px;text-align: center;font-weight: 100;line-height: 0.7em}
.list-type05 li .cont .tt{float:left;width: 165px}
.list-type05 li .cont .tt p.name{color:#ff9000;font-size: 16px;font-weight: 700;margin-bottom: 10px}
.list-type05 li .cont .tt p.date{color:#333333;margin:8px 0 13px}
.list-type05 li .cont .tt p.summary{color:#828282;line-height: 20px;margin-bottom: 10px}
.list-type05 li .cont .tt p.summary a{color:#828282;line-height: 20px}
.list-type05 li .cont .tt p{line-height: 100%}
.list-type05 li .cont .tt p:last-child{color:#808080}
.list-type05 li .cont .tt p strong{display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 100%}
.list-type05 li{padding:20px 0;border-bottom: 1px solid #f0f0f0}
.list-type05 li:first-child{padding-top:0;}
.list-type05 i{display: inline-block;width: 13px;height: 20px;vertical-align: middle;margin-right: 2px}
.list-type05 i.ico01{background: url("../images/common/icon_play.png") no-repeat left 1px}
.list-type05 i.ico02{margin-left:15px;background: url("../images/common/icon_like.png") no-repeat left 1px}
.list-type05 i.ico03{margin-left:15px;background: url("../images/common/icon_reply.png") no-repeat left 2px}

.list-type06 li:after{content:'';display: block;clear: both;}
.list-type06 li .thumb{float:left}
.list-type06 li .thumb img{width: 324px;height: 182px;}
.list-type06 li .thumb a{position:relative;display: block;height: 100%}
.list-type06 li .thumb .time{position: absolute;width:46px;height: 22px;right:5px;bottom:5px;line-height:22px;color:#fff;font-size: 14px;font-weight: 700;text-align: center;background:rgba(0,0,0,0.6)}
.list-type06 li .cont{float:left;padding-top:45px;margin-left: 20px}
.list-type06 li .cont em{float:left;width:53px;height:70px;font-size: 43px;text-align: center;font-weight: 100;line-height: 0.7em}
.list-type06 li .cont .tt{float:left;min-width: 500px}
.list-type06 li .cont .tt .date{display:inline-block;color:#fff;background:#333;min-width:94px;height: 28px;line-height: 26px;border-radius: 14px;text-align: center;margin-bottom: 10px;padding:0 10px}
.list-type06 li .cont .tt p.summary{color:#828282;line-height: 20px;margin-top: 18px}
.list-type06 li .cont .tt p.summary a{color:#828282;line-height: 20px}
.list-type06 li .cont .tt p{line-height: 100%}
.list-type06 li .cont .tt p strong{display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 100%;font-size: 20px}
.list-type06 li{padding:20px 0;border-bottom: 1px solid #f0f0f0}
.list-type06 li:first-child{padding-top:0}


.book-list{padding:40px 35px 26px 40px;border:1px solid #e9e9e9;border-top:0}
.book-list > ul > li:after{content:'';display: block;clear: both;}
.book-list > ul > li{margin-top:20px;padding-bottom: 15px;border-bottom: 1px solid #e9e9e9}
.book-list > ul > li:first-child{margin-top:0}
.book-list > ul > li .thumb{float:left;}
.book-list > ul > li .thumb img{width: 162px;height: 230px;}
.book-list > ul > li .book-info{float:right;width:610px;padding:20px 0}
.book-list > ul > li .book-info .title{font-size: 20px;font-weight: 700}
.book-list > ul > li .book-info ul{margin: 0 0 30px}
.book-list > ul > li .book-info ul li{color:#333333;line-height: 24px}
.book-list > ul > li .book-info .summary{font-size: 14px;color:#828282}
.book-list.type2 > ul > li .book-info .title{max-width: 506px;display: block;line-height: 24px;margin-bottom: 87px;letter-spacing: 0}
.book-list.type2 > ul > li .book-info ul{margin-bottom: 0}
.book-list.type2 > ul > li .book-info ul li{line-height: 28px}
.book-list.type2 > ul > li .thumb img{width: 185px;height: auto;}
.interview-list .book-list.type2 .book-info{margin-left:40px}
.interview-list .book-list.type2 .book-info .status {    display: inline-block;
    width: 67px;
    height: 28px;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 14px;
    box-sizing: border-box;
    background: #ff9000;
    margin-bottom: 10px;}
.interview-list .book-list.type2 .book-info .status.end {
        background: #333333;
}

.pagination{text-align: center;padding:25px 0 0; margin: 0 auto; clear: both;}
.pagination a{display: inline-block;margin:0 4px;color:#818181;font-size: 13px;font-weight: 400;line-height: 20px; vertical-align: top;}
.pagination a.on{font-weight: 700;color:#333}
.pagination a.first{width:20px;height:20px;background:url("../images/common/page_first.png") no-repeat center center}
.pagination a.prev{width:20px;height:20px;background:url("../images/common/page_prev.png") no-repeat center center}
.pagination a.next{width:20px;height:20px;background:url("../images/common/page_next.png") no-repeat center center}
.pagination a.last{width:20px;height:20px;background:url("../images/common/page_last.png") no-repeat center center}
/*sub*/
.location{border-bottom: 1px solid #999999;background: #000 url("../images/common/bg_location.png") no-repeat 0 0;position: relative;}
.location .show-search{display:none;position: fixed; top: 100px; width: 100%;height: 118px;left:0;background: #f2f2f2;padding:38px 0;box-sizing: border-box;border-top:1px solid #333333;z-index: 10;}
.location .show-search.active{display: block}
.location .show-search .wrapper{height: auto;}
.location .sr-wrap{width:550px;margin:0 auto;height: 40px;background: #fff;border:1px solid #bbbbbb;position: relative;}
.location .sr-wrap button{position: absolute;width:40px;height: 40px;right:0;top:0;background: url("../images/jr_search.png") no-repeat center center}
.location .sr-wrap input{border:0;height: 40px;width:505px;box-sizing: border-box;padding:0 10px}
.location .sr-wrap input::-webkit-input-placeholder{color:#858585;font-size: 20px;line-height: 40px}
.location .wrapper{height: 160px;}
.location h2{font-size: 28px;font-weight: 700;text-align: center;padding-top:57px;color:#fff}
.location h2.li100{padding-top:0;line-height: 160px}
.location p{text-align: center;font-weight: 400;color:#fff;margin-top:15px}
.location .path{position: absolute;right:0;bottom:18px}
.location .path li{position:relative;line-height:1em;font-family:'Nanum Barun Gothic';font-style:normal;font-weight:400;color:rgba(255,255,255,0.5);font-size: 12px;padding:0 10px 0 17px;background:url("../images/common/path_gt.png") no-repeat left center}
.location .path li a{color:rgba(255,255,255,0.5)}
.location .path li:before{content: '';position: absolute;left:0;top:50%}
.location .path li:first-child{padding-left:0;background:none}
.location .path li:last-child{color: rgba(255,255,255,1);background-image: url("../images/common/path_gt_on.png")}
.location .path li:first-child::before{display: none}
.snb .depth1{border-bottom: 1px solid #999999}
.snb ul{display: table;width: 100%;table-layout: fixed}
.snb ul li{display: table-cell; cursor: pointer;}
.snb ul li:first-child{border-left:1px solid #999999}
.snb ul li a{position:relative;display: block;padding:15px 0;font-size:18px;color:#000;text-align: center;border-right: 1px solid #999999;box-sizing: border-box}
.snb ul li.active a,.snb ul li:hover a{font-weight: 700;}
.snb ul li.active a:after,.snb ul li:hover a:after{content: '';position: absolute;width: 100%;height: 2px;background: #ff9000;left:0;bottom:0}
.keyword-list{display:none;padding:20px 0;background: #f7f7f7;}
.keyword-list .allUncheck{/* display:none; */position:absolute;right:0;font-size:13px;color:#808080;bottom:0}
.keyword-list .allUncheck a{width:auto;height:auto;padding:0 0 0 20px;border:0;margin:0;background:url("../images/img_cancel.png") no-repeat 0 center}
.keyword-list.active{display: block}
.keyword-list a{display: inline-block;padding:0 12px;height: 26px;line-height: 26px;margin:0 6px 6px;color:#999999;border: 1px solid #999999;border-radius: 13px}
.keyword-list a:hover{border-color:#ff9000;color:#ff9000}
.keyword-list a.active{background: #ff9000;border-color:#ff9000;color:#fff}

/*board*/
.board-type01 table{table-layout: fixed;width: 100%;}
.board-type01 th{border-top:1px solid #8a8a8a;border-bottom: 1px solid #8a8a8a;text-align: center;font-weight: 500;font-size: 15px;padding:10px 0}
.board-type01 td{text-align: center;font-weight: 400;color:#666666;padding:9px 0;border-bottom: 1px solid #e9e9e9}
.board-type01 td a{color:#666666;}
.board-type01 td a.tal{text-align: left;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left:10px}
.board-type01 td a.tal.scr{padding-left:22px;background:url("../images/img_scr.png") no-repeat left center}
.board-type01 td a.tal.qq{padding-left:30px;background:url("../images/img_qq.png") no-repeat left center;margin-left: 20px}
.board-type01 td a.board-edit{display: inline-block;width: 58px;height: 28px;line-height: 28px;text-align: center;border:1px solid #999999}
.board-type01 td .st{display: inline-block;width: 80px;height: 24px;line-height: 24px;text-align: center;border:1px solid #999999}
.board-type01 td .news{display: inline-block;width: 80px;height: 24px;line-height: 24px;text-align: center;border:1px solid #999999}
.board-type01 td .comp{background: #999999;color:#fff}
.board-type01 tbody tr:last-child td{border-bottom:1px solid #8a8a8a}

.board-type02 {border-top:1px solid #333333}
.board-type02 li div.q{border-bottom: 1px dashed #a0a0a0;}
.board-type02 li div.q a{display:flex;align-items:center;min-height:50px;padding:20px 80px;color:#333333;font-weight: 500;font-size: 15px;line-height: 20px;background: url("../images/common/icon_q.png") no-repeat 10px center}
.board-type02 li div.a{display:none;background: #fffaf4;padding:30px 0;border-bottom: 1px solid #333333}
.board-type02 li.active div.a{display: block}
.board-type02 li div.a .text{min-height:45px;padding: 0 80px;background: url("../images/common/icon_a.png") no-repeat 20px top;box-sizing: border-box;font-size: 14px;color:#333;line-height: 20px}
.board-type02 li div.a .input-wrap{padding-left:80px;margin-top:20px}
.board-type02 li div.a .input-wrap input{width: 1015px;height: 37px;padding:0 10px;border:1px solid #bbbbbb}
.board-type02 li div.a .input-wrap button{width:92px;height: 39px;margin-left:5px;background: #fff;border:1px solid #bbb;font-weight: 500;}
.board-type02 li div.a .answer{padding: 0 80px;margin-top:20px}
.board-type02 li div.a .answer:after{content: '';display: block;clear: both;}
.board-type02 li div.a .answer div{float:left;width: 1016px;color:#666}
.board-type02 li div.a .answer div.name{float:left;width: 60px;font-weight: 500;color:#414141}
.board-type02 li div.a .answer div.date{float:right;width: 64px;color: #999999;font-size: 12px}

.tab_document_list tr td:nth-child(3) {text-align: left;}

/*popup*/
.popup-wrap{display:none;position: fixed;z-index: 500;left:0;right:0;bottom:0;top:0;background: rgba(0,0,0,0.3)}
.popup-wrap .popup{position: absolute;width:480px;height:270px;padding:30px 20px;background:#fff;left:50%;top:50%;transform: translate(-50%,-50%);box-sizing: border-box}
.popup-wrap .popup header{position: relative;}
.popup-wrap .popup header h1{font-size: 20px;font-weight: 700;margin-bottom: 15px}
.popup-wrap .popup header .popup-close{position: absolute;width: 54px;height: 54px;background: url("../images/common/popup-close.png") no-repeat center center;right:-20px;top:-30px}
.popup-wrap .popup header .popup-close a{display: block;height: 100%;}

/*btn-group*/
.btn-group{margin-top:15px}
.btn-group .left{float:left}
.btn-group .right{float:right;text-align: right}
.btn-group .right a:last-child{margin-left:5px}
.btn-group:after{content: '';display: block;clear: both;}
.btn-group a{display: inline-block;width:78px;height: 36px;line-height:34px;border:1px solid #8a8a8a;border-radius: 18px;box-sizing: border-box;text-align: center;font-weight: 400;color:#414141}
/*radio*/
.radio-wrap{position: relative;}
.radio-wrap input{display: none}
.radio-wrap label{padding-left:30px;background:url("../images/img_radio_uncheck.png") no-repeat left center}
.radio-wrap input:checked + label{background:url("../images/img_radio_checked.png") no-repeat left center}
/*rank*/
.popup header > span{display: inline-block;width: 115px;height: 38px;line-height: 38px;color:#fff;font-size: 16px;text-align: center;background:#333;border-radius: 19px;margin-bottom: 18px}
.popup .pop-con-wrap {width: 420px; max-height: 220px; border-top: 1px solid #838383; border-bottom: 1px solid #838383;}
.popup .rank li{font-weight: 400}
.popup .rank li .graph-all{position: relative;float:left;width: 300px;height: 14px;border-radius: 7px;overflow: hidden;background: #e9e9e9;margin-top:8px}
.popup .rank li .graph-per {position:absolute;height:14px;background:#909090;border-radius: 3.5px 0 0 3.5px}
.popup .rank li .txt{float:right;height: 14px;line-height: 100%;font-size: 13px;color:#999999}
.popup .rank li.topRank .txt{color:#666666}
.popup .rank li.topRank .graph-per{background: #ff9000}
.popup .rank li:after{content:'';display: block;clear:both}
.popup-wrap.vote-pop .popup .pop-contents ul.rank{height: auto; width: 420px; padding:20px 10px; border:0;}

.view-txt dl dd ul li{position: relative;}
.view-txt dl dd ul li input{display: none}
.view-txt dl dd ul li label{padding-left:30px;background:url("../images/img_radio_uncheck.png") no-repeat left center}
.view-txt dl dd ul li input:checked + label{background:url("../images/img_radio_checked.png") no-repeat left center}




/* 이지원 추가 */
.lecture > ul > li:nth-child(3n+1){margin-left:0}
.lecture > ul > li:nth-child(n+4){margin-top:10px}
.lecture > ul > li .summary {height:100px	}

.keyword-list a.disable,.keyword-list a.disable:hover{color:#ccc !important;border: 1px solid #ccc !important;border-radius: 13px;background:none !important}