@charset "UTF-8";

.contents * {word-break:break-all}
.contents_header{height:40px;width:100%;position:relative;padding-top:0px;}
.contents_header:after{content:'';clear:both;display:block}
.contents_header .left_div {position:absolute;left:0px;bottom:0px}
.contents_header .left_div h2{display:inline-block;margin-right:10px;}
.contents_header .left_div .cnt{display:inline-block}
.contents_header .left_div .cnt span{color:#fb670e}

.contents_header .right_div {position:absolute;right:0px;bottom:0px}
.contents_header .right_div .search_box {border-bottom: 2px solid #000;width:440px;height:50px;}
.contents_header .right_div .search_box input{border:0px;height:calc(100% - 2px);width:calc(100% - 50px);background:none;padding:0px 5px; box-sizing:border-box}
.contents_header .right_div .search_box input.empty{background:transparent;}
.contents_header .right_div .search_box input:focus{background:#fff}
.contents_header .right_div .search_box:before{font-size:16px;color:#888888;position:absolute;left:0px;top:0px;line-height:48px;z-index:-1}
.contents_header .right_div .search_box .btn{width:48px;height:48px;display:block;position:absolute;right:0px;top:0px;background:url(/images/sub/icon_search.png) center center no-repeat;text-indent:-999px;overflow:hidden}

.contents_header + .contents_div{margin-top:30px}

.board_list > ul{width:100%}
.board_list > ul > li{padding:28px 0px;border-top:1px solid #d8d8d8;position:relative}
.board_list > ul > li:last-child{border-bottom:1px solid #d8d8d8}
.board_list > ul > li:after{content:'';clear:both;display:block}
.board_list > ul > li .thum{float:left;width:340px;margin-right:50px;height:210px;box-sizing:border-box;border:1px solid #d8d8d8;position:relative;background:url(/images/noimg.png) center center no-repeat;background-size: cover;}
.board_list > ul > li .thum img{background:#fff}
.board_list > ul > li .thum a{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px}
.board_list > ul > li .thum a img{width:100%;height:100%}
.board_list > ul > li .thum img{width:100%;height:100%}
.board_list > ul > li .thum + .text_box{height:210px}
.board_list > ul > li .thum + .text_box .bottom{position:absolute;bottom:0px;}
.board_list > ul > li .thum + .text_box > .notice{float:none} 
.board_list > ul > li .notice{float:left;width:120px}
.board_list > ul > li .notice p{margin-left:20px;display:inline-block;color:#fff;background:#393f77;border-radius:5px;font-size: 16px;padding: 5px 10px;font-weight: normal;}
.board_list > ul > li .notice + .text_box{width:calc(100% - 120px);}
.board_list > ul > li > .no{float:left;width:35px;margin-right:50px;font-size:18px;color:#666666;font-weight:bold}
.board_list > ul > li > .no + .text_box{width:calc(100% - 85px);}
.board_list > ul > li .checkbox{float:left;width:35px;margin-right:50px;font-size:18px;color:#fb670e;font-weight:bold}
.board_list > ul > li .checkbox + .text_box{width:calc(100% - 85px);}
.board_list > ul > li .thum + .text_box{width:calc(100% - 390px);}
.board_list > ul > li .text_box{float:left;height:100%;position:relative;font-size:18px}
.board_list > ul > li .text_box > .no{color:#666;line-height:1.2;margin-bottom:10px;display:inline-block}
.board_list > ul > li .text_box .category{margin-left:15px;color:#3e51b5;font-size:18px;font-weight:bold;line-height:1.2;margin-bottom:10px;display:inline-block}
.board_list > ul > li .text_box .sj{padding-bottom:10px;} 
.board_list > ul > li .text_box .sj > a{display:block;color:#000;font-size:30px;font-weight:500;line-height:36px;max-height:75px;overflow: hidden;position: relative;top: 0px;left: 0px;width: 100%;bottom: auto;right: auto;height:auto;padding-bottom:3px;box-sizing: border-box;}
.board_list > ul > li .text_box .sj > a:hover{color:#4455A6}
.board_list > ul > li .text_box .meta > p {line-height:26px;color:#666666;font-size:16px;font-weight: lighter;}
.board_list > ul > li .text_box .meta > p + p{margin-top:5px}
.board_list > ul > li .text_box .meta > p + p + .attach-div{margin-top:5px}
.board_list > ul > li .text_box .meta span.hashtag{line-height:20px;color:#666666;font-size:16px;font-weight: lighter;display:inline-block;float:left}
.hashTagList:after{content:'';display:block;clear:both}
.board_list > ul > li .text_box .meta span.hashtag{padding-right:10px}
.board_list > ul > li .text_box .content{word-break: break-word;color:#222;font-size:18px;font-weight:lighter;line-height: 26px;height: 52px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.board_list > ul > li .text_box .meta > p.date{display:inline-block;;vertical-align:middle}
.board_list > ul > li .text_box .meta > .attach-div{display:inline-block;max-height:26px;overflow:hidden;vertical-align:middle;padding-right:10px}
.board_list > ul > li .text_box .meta > p.date + .attach-div{margin-left:20px;}

.board_list.blog > ul > li .text_box .meta > p.add1{display:inline-block}
.board_list.blog > ul > li .text_box .meta > p.add2{display:inline-block}
.board_list.blog > ul > li .text_box .meta > p.add3{display:inline-block}
.board_list.blog > ul > li .text_box .meta > p.date{display:inline-block;}
.board_list.blog > ul > li .text_box .meta > p{vertical-align:middle;margin-right:10px;position:relative}
.board_list.blog > ul > li .text_box .meta > p + p{padding-left:10px;margin-top:0px}
.board_list.blog > ul > li .text_box .meta > p + p:before{content: '';display: inline-block;background:#999;width:1px;height:14px;position:absolute;left:0px;top:50%;transform: translateY(-50%);}
.board_list.blog > ul > li .text_box .meta > p + p + .attach-div{margin-top:0px}

.board_list.seminar > ul > li .text_box .content{display:none}
.board_list.seminar > ul > li .text_box .meta > p.date{display:none}
.board_list.seminar > ul > li .text_box .meta > p.date + .attach-div{margin-left:0px;}
.board_list.seminar > ul > li .text_box .meta > p.add1{display:none}
.board_list.seminar > ul > li .text_box .meta > p.add2{display:inline-block;vertical-align:middle;margin-right:20px}
.board_list.seminar > ul > li .text_box .meta > p.add2{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: calc(100% - 120px);box-sizing: border-box;}

.board_list.edu > ul > li .text_box .content{display:none}
.board_list.edu > ul > li .text_box .meta > p.date{display:none}
.board_list.edu > ul > li .notice + .text_box .meta > p.date{display:block}
.board_list.edu > ul > li .text_box .meta > p.date + .attach-div{margin-left:0px;}
.board_list.edu > ul > li .text_box .meta > p.add1{display:none}
.board_list.edu > ul > li .text_box .meta > p.add2{display:inline-block;vertical-align:middle;margin-right:20px}

.board_list + .paging{margin-top:40px;} 

.shareBtn{cursor:pointer;font-size: 1px;width:48px;height:48px;display: block;position:absolute;top: 10px;right: 0px;background: url(/images/sub/icon_share.png) center center no-repeat;}
.shareBtn_div .share_div{display:none}
.shareBtn_div.on .share_div{display:block;width:250px;height:auto;position:absolute;right:5px;top:10px;padding:25px;z-index:999;border: 1px solid #d8d8d8;border-radius:10px;background:#fff;}
.shareBtn_div.on .share_div > a{position:absolute;top:10px;right:10px;background:url(/images/sub/icon_close_black.png) center center no-repeat;width:20px;height:20px;}
.shareBtn_div.on .share_div ul li{float:left;padding:4px;}
.shareBtn_div.on .share_div ul:after{content:'';display:block;clear:both}
.shareBtn_div.on .share_div ul li a{display:block;z-index:9999}
.shareBtn_div.on .share_div ul li img{width:50px;}
.shareBtn_div.on .share_div .urlLink{float: none;display: block;width: 100%;clear: both;text-align: center;padding-top: 10px}
.shareBtn_div.on .share_div .urlLink a{border: 1px solid #cbcbcb;border-radius: 5px; padding: 9px 0px;    display: block;}

.applyBtn{position:absolute;right:0px;padding:10px;bottom:10px;min-width:110px;text-align:center;border:1px solid #cccccc;border-radius:5px;box-sizing:border-box;color:#333333;font-size:16px;line-height:26px}

.applyBtn.end{background:#999;color:#fff;border:1px solid #999}
.applyBtn.ing{background:#393f77;color:#fff;border:1px solid #393f77}

.board_list .text_box .applyBtn{bottom: 0px;transform: translateY(0px);top: auto;}


.board_list > ul > li.empty{padding:100px 0px !important;min-height:auto;text-align:center}
.box_list > ul > li.empty{width:100%;padding:100px 0px !important;min-height:auto;text-align:center;border-left:0px;border-right:0px;}
.box_list > ul > li.empty:hover{box-shadow:none}
.box_list > ul > li .thum img{width:100%;height:100%}

.box_list{overflow:hidden}
.box_list > ul{width:calc(100% + 40px);margin-left:-40px}
.box_list > ul:after{content:'';clear:both;display:block}
.box_list > ul > li{margin-left:40px;width:20%;width:calc(25% - 40px);border:1px solid #eeeeee;box-sizing:border-box;margin-bottom:40px;float:left}
.box_list > ul > li:hover{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

.box_list > ul > li:after{content:'';clear:both;display:block;}
.box_list > ul > li .thum{float:left;width:100%;height:180px;box-sizing:border-box;position:relative;cursor:pointer}
.box_list > ul > li .thum > .notice{background:#393f77;border-radius:2px;padding:3px 10px;color:#fff;bottom:20px;left:20px;position:absolute}
.box_list > ul > li .thum > .date{display:none;position: absolute;top: 30px;right: 30px;font-size:16px;color:#666666}
.box_list > ul > li .thum > .date > span{display:block;text-align:right;color:#fff;font-size:48px;line-height:1.1}

.box_list.newsletter > ul > li .thum > .date{color:#fff;display:block}
.box_list.newsletter > ul > li .thum > .date > span{color:#fff}

.box_list > ul > li .thum a{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px}
.box_list > ul > li .thum a img{width:100%;height:100%}
.box_list > ul > li .thum + .text_box{float:left;height:250px;padding:30px;width:100%}
.box_list > ul > li .text_box{position:relative}
.box_list > ul > li .text_box .sj > a{display:block;color: #000;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.box_list > ul > li .text_box .sj > a:hover{color:#4455A6}
.box_list > ul > li .text_box .content{font-size:16px;line-height:21px;margin-top:20px;word-break: break-word;color:#666666;max-height:40px;height:40px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.box_list > ul > li .text_box .bottom{margin-top:20px;font-size:16px;color:#666; position: absolute;bottom:0px; left: 0px;padding: 30px;width: 100%;padding-top: 0px;}

.box_list > ul > li.noImg{background:#393f77}
.box_list > ul > li.noImg .thum > .date{display:block;color:#fff;text-align:right}
.box_list > ul > li.noImg .thum > .date > span{color:#fff}
.box_list > ul > li.noImg .text_box .sj a{color:#fff}
.box_list > ul > li.noImg .text_box .content{color:#fff}
.box_list > ul > li.noImg .text_box .bottom{color:#fff}
.box_list > ul > li.noImg .text_box .bottom .date{display:none}

.video.box_list > ul > li .thum:before{content: '';display: block;z-index: 88;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background:#000;opacity:0.3}
.video.box_list > ul > li .thum:after{content:'';display: block;z-index: 88;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background:url(/images/sub/icon_youtube.png) center center no-repeat;background-size:75px}

.youtubeIframe_div{background:#fff;width:854px}
.youtubeIframe{width:854px;height:480px}


.file{display:block}
.file + .file{margin-top:5px;}

.board_detail .sj{color:#000;font-size:36px;line-height:46px;font-weight:500;padding-top:0px;padding-bottom:50px}
.board_detail .info{vertical-align:top}
.board_detail .info.seminar{height:130px;vertical-align:top}
.board_detail .info.h130{height:130px;vertical-align:top}

.board_detail .info.h130 .meta{padding-right:40px}
.board_detail .info.h130 .meta p > span{display:inline-block;width:100px;position:absolute;top:0px;left:0px}
.board_detail .info.h130 .meta p{padding-left:100px;position:relative;margin-bottom: 5px;width:100%}


.board_detail > table{width:100%}
.board_detail > table > tbody > tr > td{padding:20px 0px;border-bottom:1px solid #d8d8d8;position:relative}
.board_detail > table > tbody > tr > td .meta{margin-top:0px;font-size:18px}
.board_detail > table > tbody > tr > td .meta > p{float:left;padding:0px 10px;position:relative;color:#000}
.board_detail > table > tbody > tr > td .meta > p + p{padding:0px 12px}
.board_detail > table > tbody > tr > td .meta > p + p:before {content:'';height:14px;width:1px;background:#999;position:absolute;left:0px;top:6px;display:block}
.board_detail > table > tbody > tr > td .meta:after{content:'';display:block;clear:both}
.board_detail > table > tbody > tr > th{padding:20px 0px;border-bottom:1px solid #d8d8d8}

.board_detail > table > tbody > tr > td .attach{margin-left:10px;}
.board_detail > table > tbody > tr > td .attach .inputs .attached-file:first-child{margin-top:30px}
.board_detail > table > tbody > tr > td .attach .attached-file{margin-top:5px}

.board_list .attached-file a{font-size:16px;font-weight:lighter}
.attached-file a{padding-left:26px;background:url(/images/sub/icon_file.png) 0px 3px no-repeat;color:#666}

 
.next_table{border-top:1px solid #d8d8d8;margin-top:70px}
.next_table th{width:180px;text-align:left}
.next_table th .date{display:none}
.next_table th.prev p{padding-left:40px;text-align:left;font-weight:normal;display:inline-block;color:#333;padding-right:50px;background:url(../images/sub/icon_next.png) 100% center no-repeat}
.next_table th.next p{padding-left:40px;text-align:left;font-weight:normal;display:inline-block;color:#333;padding-right:50px;background:url(../images/sub/icon_prev.png) 100% center no-repeat}
.next_table th, .next_table td{padding:22px 0px !important}
.next_table td.date{width:100px;font-size:16px;color:#333}

.info_box{border:1px solid #eee;padding:20px 30px;margin:30px 0px;border-radius:10px}
.info_box ul li + li{margin-top:5px}
.info_box ul li{background:url(../images/sub/icon_li.png) 0px 8px no-repeat;padding-left:15px;font-size:16px;color:#666}

.board_write{width:100%;border-top:1px solid #d8d8d8;margin-top:20px}
.board_write > table{width:100%;}
.board_write > table > tbody > tr > th{width:200px;font-weight:normal;color:#333;border-bottom:1px solid #d8d8d8;text-align:left}
.board_write > table > tbody > tr > th em{color:#ff4e00}
.board_write > table > tbody > tr > td{border-bottom:1px solid #d8d8d8;padding:13px 0px;}
.board_write > table > tbody > tr > td input{padding:0px 10px;vertical-align:middle;width:360px;font-size:16px;border:1px solid #bbbbbb;border-radius:5px;height:42px;line-height:42px;color:#333}
.board_write > table > tbody > tr > td input + a{display:inline-block;background:#666;color:#fff;border-radius:5px;height:42px;line-height:42px;vertical-align:middle;width:auto; padding:0 15px; text-align:center}
.board_write > table > tbody > tr > td .confirm p{display: inline-block;position: relative;margin-top: 5px;}
#timer{color: red;position: absolute;right: 10px;top: 0px;line-height: 42px;}
.board_write > table > tbody > tr > td a{display:inline-block;background:#333;color:#fff;border-radius:5px;height:42px;line-height:42px;vertical-align:middle;width:130px;text-align:center}
.board_write > table > tbody > tr > td select{width:382px;height:40px;border:1px solid #bbbbbb;border-radius:5px;vertical-align: baseline;font-size:16px;}
.board_write > table > tbody > tr > td textarea{border:1px solid #bbbbbb;border-radius:5px;height:140px;}
.board_write > table > tbody > tr > td.email{font-size:0px}
.board_write > table > tbody > tr > td.email input{width:150px;vertical-align: middle;}
.board_write > table > tbody > tr > td.email input + span{padding:0px 10px;font-size:20px;vertical-align: middle;}
.board_write > table > tbody > tr > td.email input + span + input + select{width:200px;margin-left:10px;vertical-align:middle;background:#fff}

h1 span.reqText{font-size: 16px;float: right;font-weight: normal;color: #333;}
h1 span.reqText em{color:#ff4e00}

.board_write:after{content:'';clear:both;display:block}

.privacy_div{margin-top:50px;}
.privacy_div .privacy_box{padding:30px;border:1px solid #bbbbbb;border-radius:10px}
.privacy_div .privacy_box + p{margin-top:10px}
.privacy_div .privacy_info{height:145px;overflow-y:auto;font-size:16px;color:#666}
.privacy_div .privacy_info b{color:#000}


.content_box{border-bottom:1px solid #d8d8d8}
#nttCn{min-height:400px;display:block;padding:20px 10px;vertical-align:top;overflow-x: auto;}
#nttCn * {font-family: Malgun Gothic, Noto Sans KR, sans-serif;font-size: 16px;color: #222;line-height:1.5;word-brea:break-all;max-width:100% !important}
#nttCn table{max-width:100% !important}
#nttCn img{max-width:100% !important}
#nttCn{position:relative}

.content_box #notice h3{padding: 10px 10px;}
.content_box #notice p{padding: 0 10px; padding-bottom:10px; font-weight:300;}
.content_box #contact{padding-bottom:50px;}
.content_box #contact h3{padding: 10px 10px;}
.content_box #contact p{padding: 0 10px; padding-bottom:10px; font-weight:300;}

.content_box .hashTagList{padding:40px 0px}
.content_box .hashTagList span{display: inline-block;background:#f0f0f0;color: #000;padding:10px;border-radius: 5px;margin-left: 10px;line-height: 1;font-size: 16px;}


.applyResult .icon-confirm{height:175px;width:175px;display:inline-block;background:#393f77 url(../images/sub/icon_confirm.png) center center no-repeat;border-radius:100%;margin:50px 0px}
.applyResult .msg{font-size:30px;font-weight:bold;}
.applyResult .msg + p{margin-top:15px;font-size:18px;line-height:30px;}

.apply_info_list{margin-top:30px;position:relative}
.apply_info_list .infos > ul > li{display:inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width:20%;position:relative;padding-right:10px;color:#666}
.apply_info_list .infos > ul > li + li{padding:0px 10px}
.apply_info_list .infos > ul > li + li:before{content:'';height:15px;width:1px;background:#d8d8d8;display:block;position:absolute;top:7px;left:0px}
.apply_info_list .infos > ul > li .status{color:#000}

.apply_info_list span {position: absolute;right: 0px; top:-50px;display:inline-block}
.apply_info_list span a{background: #f9f9f9;border: 1px solid #ddd;font-size: 18px;font-weight: normal; padding: 5px 10px;display:inline-block}

.btn_div{padding:30px 0px;text-align:right}
.btn_div.center{text-align:center}
.btn_div a{line-height:54px;background:#333333;color:#fff;padding:0px 30px;min-width:100px;display:inline-block;border-radius:5px;text-align:center;box-sizing:border-box}
.btn_div a.apply{background:#393f77;color:#fff;}
.btn_div a.black{background:#000;color:#fff}
.btn_div a.blue{background:#393f77;color:#fff}
.btn_div a.gray{background:#888888;color:#fff}
.btn_div a.left{float:left}



/* 모달팝업 */
.modal {position: fixed; width: 100%; height: 100%;  display: flex; align-items: center; justify-content: center; z-index: 200; flex-direction: column; overflow: hidden; height: 0;  }
.modal .dimed {z-index: 1; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); transition: .4s; opacity: 0; left:0px;top:0px}
.modal .modal-popup { position:relative;max-width: 90%; max-height: 90%; overflow: initial;transition: .2s; z-index: 2; }
.modal .modal-popup a.cancel{content: '';font-size:0px;display: block;width: 50px;height: 50px;background: #000 url(/images/sub/icon_close.png) center center no-repeat;position: absolute; right:-50px;top: 0px;cursor:pointer}
.modal .modal-popup .popup-content{overflow-y: auto; max-height: calc(100% - 70px); display: flex; flex-direction: column; background-color: #fff; border-radius: 20px 20px 0 0; background-color: #fff;}
.modal .modal-popup .popup-content li {padding: 30px; border-bottom: 1px solid #ddd;}
.modal .modal-popup .popup-content li:last-of-type {border-bottom: 0;}
.modal .modal-popup .popup-content .descript .img-set {overflow: hidden; margin: 15px -10px;}
.modal .modal-popup .popup-content .descript .img-set img {max-width:calc(33.3% - 20px);margin: 0 10px; float: left; height: 158px;}
.modal .modal-popup h1 {font-size: 1.75em; margin-bottom: 10px;}
.modal .modal-popup.cert h1.certificated {color: #1C61A6; display: flex; align-items: center;}
.modal .modal-popup.cert h1.certificated::after {content: "인증완료"; color: #fff; font-size: .5em; background-color: #1C61A6; border-radius: 5px; padding: 9px 12px; display: inline-block; margin-left: 10px; vertical-align: middle; line-height: 1; animation-name: certok; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function:linear; transform-origin: center;}
@keyframes certok { 0% {background-color: #1C61A6; } 100% { background-color: #1DA3EC; } 100% { background-color: #1C61A6; }}

.modal  .modal-popup h2 {color: #6F737A; font-size: 1em; font-weight: normal;}
.modal  .modal-popup h2 span {font-weight: bold; color: #1C61A6;}
.modal .btn-set {display: flex; width: 100%; overflow:hidden;}
.modal .btn-set a {height: 70px; line-height: 70px; color: #fff; font-weight: bold; text-align: center; background-color: #6F737A; width: 100%; transition: .3s;}
.modal .btn-set a.submit {background-color: #1C61A6; }
.modal .btn-set a img {vertical-align: middle;}
.modal .btn-set a:hover {background-color: #252D3A;}
.modal .btn-set a.submit:hover {background-color: #1DA3EC;}
.modal .no {margin-top: 10px; color: #6F737A; font-weight: bold; font-size: .8em; transition: .3s; z-index: 2; position: relative;}
.modal .no:hover {color: #fff;}
.modal-on {overflow: hidden;}
.modal-on .modal.on {height: 100%;}
.modal-on .modal .dimed {opacity: 0.7;}

.modal .info_div{background:#fff;width:100%;padding:20px}
.modal .info_div .title{font-size:24px;font-weight:bold;padding-bottom:3px}
.modal .info_div .date{font-size:14px;color:#666;padding-bottom:5px}
.modal .info_div .text{font-size:16px;height:75px;overflow-y:auto}


@media (max-width:1400px){
	.board_list.seminar > ul > li .thum + .text_box .bottom{position:relative}
	.board_list.edu > ul > li .thum + .text_box .bottom{position:relative}
	
	.modal .modal-popup{width:80%}
	.youtubeIframe_div{width:100%}
	.youtubeIframe{width:100%}
	.board_list.seminar > ul > li .text_box .meta > .hashTagList{padding-right:120px}
	.board_list > ul > li .thum + .text_box{height:auto}
	.board_list > ul > li .thum + .text_box .bottom{position:relative}
	
	
}

@media (max-width: 1200px) {
	.box_list > ul > li{width:calc(33.3% - 40px)}
	.board_write > table > tbody > tr > th{width:130px}
	
	.youtubeIframe{width:100%}
	
	.board_list > ul > li .thum{margin-right:30px}
	.board_list.seminar > ul > li .thum + .text_box{height:auto}
}



@media (max-width: 800px) {
	.box_list > ul{width:calc(100% + 20px);margin-left:-20px}
	.box_list > ul > li{width:calc(50% - 20px)}
	.box_list > ul > li{margin-left:20px}
	.box_list > ul > li .thum + .text_box{padding:15px}
	.box_list > ul > li.noImg .text_box .sj a{font-size:20px;line-height:1.5}
	
	.board_write, .board_write table, .board_write table tbody, .board_write table tbody tr, .board_write table tbody tr th, .board_write table tbody tr td{display:block;}
	.board_write table tbody tr th{border:0px;width:100%;padding-top:10px;padding-bottom:0px}
	.board_write table tbody tr td{border:0px;width:100%;padding-top:5px;padding-bottom:5px;}
	.board_write > table > tbody > tr > th{width:100%}
	.board_write > table > tbody > tr > td.email input{width:calc(50% - 35px)}
	.board_write > table > tbody > tr > td.email input + span{padding:0px;width:35px;display: inline-block;   text-align: center;}
	.board_write > table > tbody > tr > td.email input + span + input{margin-top:3px;width:50%}
	.board_write > table > tbody > tr > td.email input + span + input + select{margin-left:0px;width:100%;margin-top:3px}
	.board_write > table > tbody > tr > td .confirm p{width:100%}
    .board_write > table > tbody > tr > td .confirm p input{margin-top:0px}
    .board_write > table > tbody > tr > td .confirm p + a{width:100%;margin-top:3px}
}



@media (max-width:767px){
	
	.contents_header{height:100px}
    .contents_header .left_div{top:0px}
    .contents_header .right_div{width:100%;}
    .contents_header .right_div .search_box{width:100%}
	
	.board_list > ul > li{padding:20px 0px;height:auto}
	.board_list > ul > li .thum + .text_box{height:auto}
	.board_list > ul > li .thum + .text_box .sj{padding-left:200px}
	.board_list > ul > li .thum + .text_box .content{padding-left:200px}
	.board_list > ul > li .thum + .text_box{width:100%}
	.board_list > ul > li .thum + .text_box .bottom{padding-top:10px;position:relative}
	
	.board_list > ul > li .thum{height:120px;width:170px;position:absolute;top:20px;left:0px}
	.board_list > ul > li .text_box .sj > a{font-size:20px;line-height: 1.5;height:60px}
	.board_list > ul > li .text_box .content{font-size: 15px;line-height: 1.5;height:45px}
	
	.board_list.seminar > ul > li .text_box .content{height:50px;display:block;font-size:0px}
	.board_list.seminar > ul > li .text_box .meta > p.add2{max-width: calc(100% - 120px);}
	.board_list.edu > ul > li .text_box .content{height:50px;display:block;font-size:0px}
	.board_list.edu > ul > li .text_box .meta > p.add2{max-width: calc(100% - 120px);}
	
	
	.board_detail > table > tbody > tr > th{width:100px}
	.next_table th.prev p{padding:0px;width:70px}
	.next_table th.next p{padding:0px;width:70px}
	.next_table td.date{text-align:right}
}

@media (max-width: 501px) {
	
	.sub .contents{padding:30px}
	
	.board_list > ul > li{height:auto;padding:30px 0px}
    .board_list > ul > li .thum{width:100%;position:relative;float:none;height:210px;top:0px}
    .board_list > ul > li .thum + .text_box{width:100%;margin-top:20px;height:auto}  
    .board_list > ul > li .text_box{float:none}  
    .board_list > ul > li .text_box div.bottom{position:relative !important;}
    .board_list > ul > li .text_box .sj{margin-bottom:20px}
    .board_list > ul > li .text_box div.bottom .meta + .file{margin-top:10px}
    
    .board_list > ul > li .thum + .text_box .sj{padding-left:0px}
	.board_list > ul > li .thum + .text_box .content{padding-left:0px}
	
	.board_list > ul > li .text_box .sj > a{font-size:30px;line-height: 36px;height:auto}
	
    .board_write > table > tbody > tr > td input{width:100%}
    
    .box_list > ul{margin-left:0px;width:100%}
    .box_list > ul > li{margin-left:0px;width:100%;}
    
    
    .board_list > ul > li .notice{width:100%;margin-bottom:10px}
    .board_list > ul > li .notice + .text_box{width:100%}
    .board_list > ul > li .notice p{margin-left:0px}
    .board_list > ul > li .text_box .meta > p.date + .attach-div{margin-left:0px;width:100%}
    
    .board_list > ul > li .text_box .meta .hashTagList{margin-left:-10px}
    .board_list > ul > li .text_box .meta span.hashtag{padding-left:10px}
    
    .board_list.apply_info_list > ul > li .checkbox{float:none}
    .board_list.apply_info_list > ul > li .checkbox + .text_box{width:100%}
    .board_list.apply_info_list .infos > ul > li{max-width:100%;width:100%;padding:0px}
    .board_list.apply_info_list .infos > ul > li:before{display:none}
    
    .board_list.seminar > ul > li .text_box .content{display:none}
	.board_list.seminar > ul > li .text_box .meta > p.add2{max-width:100%;width:100%}
    .board_list.seminar > ul > li .text_box .meta > .hashTagList{padding-right:0px}
    
    .youtubeIframe_div{width:90%;}
    .youtubeIframe{width:100%;height:50%}
    .modal .info_div .title{font-size:18px;}
    
    .board_detail .info.h130 .meta p{padding-left:70px}
    .board_detail .info.h130{height:auto;}
    
    .modal .modal-popup a.cancel{right:0px;top:-50px}
    
    .applyBtn{position: relative;display: inline-block;top: 0px;bottom: 0px;margin-top: 20px;}
    
    .board_detail{margin:0px 30px}
    .board_detail > table > tbody > tr > td .meta > p{padding: 0px;display: block;width: 100%;color:#666;font-size:15px;}
    .board_detail > table > tbody > tr > td .meta > p:first-child{max-width:calc(100% - 50px)}
    
    .board_detail > table > tbody > tr > td .meta > p + p{margin-top:5px;padding:0px}
	.board_detail > table > tbody > tr > td .meta > p + p:before{display:none}
	.board_detail .sj{font-size:26px;line-height:36px;padding-bottom:20px}
	.board_detail > table > tbody > tr > td .attach{margin-left:0px}
	.board_detail > table > tbody > tr > td .attach .inputs .attached-file:first-child{margin-top:10px}
	.attached-file a span{font-size:15px}
	.board_detail .info.h130 .meta{padding-right:0px}
	
	.board_write, .board_write table, .board_write table tbody, .board_write table tbody tr, .board_write table tbody tr th, .board_write table tbody tr td{display:block;}
	.board_write table tbody tr th{border:0px;width:100%;padding-top:10px;padding-bottom:0px}
	.board_write table tbody tr td{border:0px;width:100%;padding-top:5px;padding-bottom:5px;}
	.board_write > table > tbody > tr > td.email input{width:calc(50% - 35px)}
	.board_write > table > tbody > tr > td.email input + span{padding:0px;width:35px;display: inline-block;   text-align: center;}
	.board_write > table > tbody > tr > td.email input + span + input{margin-top:3px;width:50%}
	.board_write > table > tbody > tr > td.email input + span + input + select{margin-left:0px;width:100%;margin-top:3px}
	
	
	.apply_info_list span{top:-62px}
	.apply_info_list span a{padding: 5px;font-size: 12px;}
	
	h1{position:relative}
	h1 span.reqText{position: absolute;bottom: 0px;right: 0px;font-size: 13px;}
    
    .board_write > table > tbody > tr > td .confirm p{width:100%}
    .board_write > table > tbody > tr > td .confirm p input{margin-top:0px}
    .board_write > table > tbody > tr > td .confirm p + a{width:100%;margin-top:3px}
	
	.privacy_div{padding-top:20px;margin-top:20px;border-top:1px solid #d8d8d8}
	
	.btn_div .mo100{width:100%;margin-bottom:10px}
	.btn_div .mo50{width:calc(50% - 5px);min-width:auto;float:left;padding:0px}
	.btn_div .mo50 + .mo50{margin-left:10px}
	.btn_div:after{content:'';clear:both;display:block}
	
	.applyBtn{position: relative;transform: translate(0px);margin-top: 10px;}
	
	
	.board_list.blog > ul > li .text_box .content{margin-bottom:40px}
	
	
	#nttCn{padding:20px 0px}
	
	.content_box .hashTagList{margin:20px 0px}
	.content_box .hashTagList{margin-left:-10px}
	.content_box .hashTagList span{font-size:15px;}
	.content_box .hashTagList a{display:inline-block;margin-bottom:10px}
	
	.next_table{margin-top:0px}
	.next_table, .next_table tbody, .next_table tbody tr, .next_table tbody tr td, .next_table tbody tr th{display:block}
	.next_table tbody tr th{padding:20px 0px !important; border-bottom: 0px;}
	.next_table tbody tr td{padding-top:0px !important}
	.next_table tbody tr td a{font-size:21px;font-weight:bold}
	.next_table tbody tr{position:relative}
	.next_table th.prev p{padding-left:0px}
	.next_table th{width:100%;position:relative}
	.next_table td.date{display:block;text-align:right;border:0px;position:absolute;right:0px;top:21px;font-size:13px;color:#333;font-weight: normal;}
	.next_table th.next p{padding-left:0px}
	table.next_table > tbody > tr > th{border-bottom:0px}
	
	
	.board_write > table > tbody > tr > th{width:100px}
	#sendBtn{margin-top:10px;width:100%}
	.confirm input{margin-top:10px}
	
	.info_box{padding:15px;line-height:20px;margin-top:20px}
	.info_box ul li + li{margin-top:10px}
	
	.board_list.apply_info_list > ul > li .text_box .sj > a{font-size:21px;margin-top:5px;line-height:1.5;max-height: 100%;}
	 .board_list.apply_info_list .infos > ul > li{font-size:13px;color:#666}
	 .applyResult .icon-confirm{width: 50%;padding-top: 50%;height: 0px;}
	 .applyResult .msg{font-size:18px}
	 .applyResult .msg + p{font-size:14px;line-height:20px}
}