@charset "utf-8";

div.board_list div.check_all{margin-bottom:10px;}

ul.program_list{border-top:2px solid #000;}
ul.program_list > li{padding:30px 0; border-bottom:1px solid #c3c3c3; overflow:hidden;}
ul.program_list > li div.check{margin-bottom:5px;}
ul.program_list > li div.check label{text-indent:-9999px;}
ul.program_list > li div.image{width:330px; height:0; padding-bottom:25%; float:left; position:relative; vertical-align:top; overflow:hidden;}
ul.program_list > li div.image span.bg{width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #c8cbd5; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
ul.program_list > li div.image span.no_bg{width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #c8cbd5; background-repeat:no-repeat; background-position:50% 50%; background-color:#e5e5e5;}
ul.program_list > li div.info{width:500px; float:right;}
ul.program_list > li div.info h5{width:100%; font-size:27px; font-weight:500; color:#333; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.program_list > li div.info ul li{margin-top:13px; font-size:16px; color:#777;}
ul.program_list > li div.info ul li:before{content:""; width:20px; height:20px; margin:0 7px 0 0; display:inline-block; background-image:url(/skin/board/program_list/img/bg_program_list_option.png); background-repeat:no-repeat; vertical-align:-4px;}
ul.program_list > li div.info ul li.type1:before{background-position:0 0;}
ul.program_list > li div.info ul li.type2:before{background-position:-20px 0;}
ul.program_list > li div.info ul li.type3:before{background-position:-40px 0;}
ul.program_list > li div.info div.btn_group a{width:210px; height:50px; line-height:50px; text-align:center;}
ul.program_list > li div.info div.btn_group a:first-child{margin-right:17px;}
ul.program_list > li div.info div.btn_group a.view{background-color:#fff; border:1px solid #b7b7b7; color:#333;}
ul.program_list > li div.info div.btn_group a.request{background-color:#fff; border:1px solid #45ac9b; color:#3b887b;}

div.board_write table{width:100%; table-layout:fixed; border-top:2px solid #000;}
div.board_write table col.form_name{width:150px;}
div.board_write table tbody th{padding:10px 0; font-size:17px; font-weight:400; color:#000; text-align:center; border-bottom:1px solid #c3c3c3;}
div.board_write table tbody td{padding:10px 0; font-size:17px; font-weight:300; color:#737373; text-align:left; border-bottom:1px solid #c3c3c3;}
div.board_write table tbody td input[type=checkbox] + label{margin-right:10px;}
div.board_write table tbody td span.file_del{display:block; margin-top:10px;}
div.board_write table tbody td #ca_name{width:200px;}

div.board_view div.title{padding:20px 30px; border-top:2px solid #000; border-bottom:1px solid #dbdbdb; background-color:#f8f8f8; position:relative;}
div.board_view div.title h4{font-size:24px; font-weight:500; color:#000; letter-spacing:-1px;}
div.board_view div.title h4 span.cate{font-size:20px; font-weight:400; color:#777;}
div.board_view div.title ul{margin-top:5px; overflow:hidden;}
div.board_view div.title ul li{float:left; margin-right:30px; font-size:16px; font-weight:300; color:#555; letter-spacing:-1px;}

div.board_view div.program_desc{padding:25px 30px; overflow:hidden; border-bottom:1px solid #dbdbdb;}
div.board_view div.program_desc div.left{width:330px; float:left;}
div.board_view div.program_desc div.left div.image{width:100%; height:0; padding-bottom:67%; position:relative; vertical-align:top; overflow:hidden;}
div.board_view div.program_desc div.left div.image span.bg{width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
div.board_view div.program_desc div.left div.image span.no_bg{width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #c8cbd5; background-repeat:no-repeat; background-position:50% 50%; background-color:#e5e5e5;}
div.board_view div.program_desc div.left a{display:block; height:50px; line-height:50px; margin-top:15px; background-color:#fff; border:1px solid #45ac9b; color:#3b887b; text-align:center;}
div.board_view div.program_desc div.info{width:450px; float:right;}
div.board_view div.program_desc div.info ul li{margin-top:13px; font-size:16px; color:#777;}
div.board_view div.program_desc div.info ul li:before{content:""; width:20px; height:20px; margin:0 5px 0 0; display:inline-block; background-image:url(/skin/board/program_list/img/bg_program_list_option.png); background-repeat:no-repeat; vertical-align:-4px;}
div.board_view div.program_desc div.info ul li.type1:before{background-position:0 0;}
div.board_view div.program_desc div.info ul li.type2:before{background-position:-20px 0;}
div.board_view div.program_desc div.info ul li.type3:before{background-position:-40px 0;}
div.board_view div.program_desc div.info ul li.type4:before{background-position:-60px 0;}
div.board_view div.program_desc div.info ul li.type5:before{background-position:-80px 0;}
div.board_view div.program_desc div.info ul li.type6:before{background-position:-100px 0;}

div.board_view div.file{padding:18px 20px; border-bottom:1px solid #dbdbdb;}
div.board_view div.file ul li{margin-top:15px;}
div.board_view div.file ul li:first-child{margin-top:0;}
div.board_view div.file ul li a{display:block; padding-left:30px; font-size:15px; color:#555; position:relative;}
div.board_view div.file ul li a:before{content:""; width:20px; height:19px; position:absolute; top:0; left:0; background:url(/skin/board/program_list/img/bg_board_file.png) no-repeat 0 0;}
div.board_view div.link{padding:18px 20px; border-bottom:1px solid #dbdbdb;}
div.board_view div.link ul li{margin-top:15px;}
div.board_view div.link ul li:first-child{margin-top:0;}
div.board_view div.link ul li a{display:block; padding-left:30px; font-size:15px; color:#555; position:relative;}
div.board_view div.link ul li a:before{content:""; width:18px; height:19px; position:absolute; top:0; left:0; background:url(/skin/board/program_list/img/bg_board_link.png) no-repeat 0 0;}
div.board_view div.contents{padding:40px 30px; border-bottom:1px solid #060606; font-size:16px; word-break:keep-all;}

div.board_reply_list{margin-top:25px; background-color:#f8f8f8;}
div.board_reply_list h5{padding:15px 30px; font-size:18px; font-weight:400; color:#000; border-bottom:1px solid #dbdbdb;}
div.board_reply_list ul li{padding:15px 30px; border-top:1px solid #dbdbdb; overflow:hidden;}
div.board_reply_list ul li:first-child{border-top:none;}
div.board_reply_list ul li div.info{overflow:hidden;}
div.board_reply_list ul li div.info div.left{float:left;}
div.board_reply_list ul li div.info div.left span.name{font-size:16px; color:#000;}
div.board_reply_list ul li div.info div.right{float:right;}
div.board_reply_list ul li div.info div.right span.date{display:inline-block; font-size:14px; color:#868686;}
div.board_reply_list ul li div.info div.right div.reply_btn{display:inline-block; padding-left:40px;}
div.board_reply_list ul li div.info div.right div.reply_btn a{font-size:14px; color:#868686;}
div.board_reply_list ul li div.info div.right div.reply_btn a:hover, div.board_reply_list ul li div.info div.right div.reply_btn a:focus{text-decoration:underline;}
div.board_reply_list ul li div.text{padding-top:10px; font-size:16px; color:#868686;}
div.board_reply_list ul li div.text textarea{width:100%; height:100px; margin-top:10px; border:1px solid #dbdbdb; font-size:16px; padding:15px; resize:none;}
div.board_reply_list ul li div.text div.right_top{float:right;}
div.board_reply_list ul li div.text div.right_top input[type=checkbox] + label{margin:4px 5px 0 0;}

div.board_reply_write{margin-top:25px; border:1px solid #c3c3c3; position:relative;}
div.board_reply_write h5{padding:20px 0 10px 20px; font-size:18px; font-weight:400; color:#000;}
div.board_reply_write textarea{width:100%; height:100px; border:transparent; font-size:16px; padding:15px 20px; resize:none;}
div.board_reply_write div.right_top{position:absolute; top:12px; right:12px;}
div.board_reply_write div.right_top input[type=checkbox] + label{margin:4px 10px 0 0;}
div.board_reply_write div.right_top input[type=text]{width:150px;}
div.board_reply_write div.right_top input[type=password]{width:150px;}

div.paging{margin-top:40px; text-align:center; font-size:0;}
div.paging a{display:inline-block; width:40px; height:40px; line-height:40px; margin:0 3px; font-size:14px; color:#737373; vertical-align:top; border:1px solid #c3c3c3;}
div.paging span{display:inline-block; width:40px; height:40px; line-height:40px; margin:0 3px; font-size:14px; vertical-align:top;}
div.paging span.pg_current{border:1px solid #278b7a; color:#fff; background-color:#45ac9b;}
div.paging a.pg_start{text-indent:-9999px; background:url(/skin/board/program_list/img/bg_paging.png) no-repeat 0 0;}
div.paging a.pg_prev{text-indent:-9999px; background:url(/skin/board/program_list/img/bg_paging.png) no-repeat -40px 0;}
div.paging a.pg_next{text-indent:-9999px; background:url(/skin/board/program_list/img/bg_paging.png) no-repeat -80px 0;}
div.paging a.pg_end{text-indent:-9999px; background:url(/skin/board/program_list/img/bg_paging.png) no-repeat -120px 0;}

select{height:40px; line-height:40px; border:1px solid #d7d7d7; font-family:'Noto Sans Korean'; font-size:17px; color:#333; text-indent:10px; background-color:#fff;}
textarea{border:1px solid #d7d7d7; resize:none;}
input[type=text]{width:100%; height:40px; line-height:40px; border:1px solid #d7d7d7; font-size:17px; color:#333; padding:0 15px;}
input[type=password]{width:100%; height:40px; line-height:40px; border:1px solid #d7d7d7; font-size:17px; color:#333; padding:0 15px;}
input[type=file]{width:100%; height:40px; line-height:40px; border:1px solid #d7d7d7;}
input[type=checkbox]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:none;}
input[type=checkbox] + label{display:inline-block; height:30px; line-height:30px; position:relative; cursor:pointer; font-size:17px; padding-left:40px;}
input[type=checkbox]:focus + label{outline:1px dashed #999;}
input[type=checkbox] + label:before{content:""; position:absolute; left:0; top:0; width:30px; height:30px; line-height:30px; background:url(/skin/board/program_list/img/bg_checkbox.png) no-repeat 0 0; box-sizing:border-box;}
input[type=checkbox]:checked + label:before{background:url(/skin/board/program_list/img/bg_checkbox.png) no-repeat 0 -30px;}
input[type=radio]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:none;}
input[type=radio] + label{display:inline-block; height:30px; line-height:30px; position:relative; cursor:pointer; font-size:20px; color:#535353; padding-left:30px;}
input[type=radio]:focus + label{outline:1px dashed #999;}
input[type=radio] + label:before{content:""; position:absolute; left:1px; top:5px; width:22px; height:22px; text-align:center; background-color:#fff; border:1px solid #d4d4d4; border-radius:100%;}
input[type=radio]:checked + label:before{background-color:#0d7cbe; border:none;}
input[type=radio]:checked + label:after{content:""; position:absolute; top:9px; left:5px; width:14px; height:14px; background-color:#fff; border-radius:100%;}
input[type=button]{vertical-align:middle; box-shadow:none;}

div.btn_group{margin-top:20px; overflow:hidden; font-size:0;}
div.btn_group div.left{float:left;}
div.btn_group div.left .btn{margin-right:10px;}
div.btn_group div.right{float:right;}
div.btn_group div.right .btn{margin-left:10px;}

.btn{display:inline-block; height:40px; line-height:40px; padding:0 25px; font-size:16px; font-weight:500; cursor:pointer; vertical-align:top;}
.btn.copy, .btn.move{background-color:#0d7cbe; color:#fff; border:none;}
.btn.cancel, .btn.delete{background-color:#ea0000; color:#fff; border:none;}
.btn.write, .btn.submit{background-color:#45ac9b; border:none; color:#fff;}
.btn.white, .btn.list{background-color:#fff; border:1px solid #a8a8a8; color:#000;}

/* Tablet */
@media all and (min-width:768px) and (max-width:1109px) {
    select{font-size:15px;}
    input[type=text]{font-size:15px;}
    input[type=password]{font-size:15px;}
    input[type=checkbox] + label{height:25px; line-height:25px; font-size:15px; padding-left:30px;}
    input[type=checkbox] + label:before{width:25px; height:25px; line-height:25px; background-size:25px 50px;}
    input[type=checkbox]:checked + label:before{background-position:0 -25px; background-size:25px 50px;}

    ul.program_list > li{padding:20px 0;}
    ul.program_list > li div.image{width:300px; padding-bottom:25%;}
    ul.program_list > li div.info{width:calc(100% - 330px);}
    ul.program_list > li div.info h5{font-size:18px;}
    ul.program_list > li div.info ul li{margin-top:10px; font-size:14px;}
    ul.program_list > li div.info ul li:before{width:15px; height:15px; margin:0 5px 0 0; background-size:90px 15px; vertical-align:-3px;}
    ul.program_list > li div.info ul li.type2:before{background-position:-15px 0;}
    ul.program_list > li div.info ul li.type3:before{background-position:-30px 0;}
    ul.program_list > li div.info div.btn_group a{width:calc(50% - 8px); height:45px; line-height:45px;}
    ul.program_list > li div.info div.btn_group a:first-child{margin-right:15px;}

    div.board_write table col.form_name{width:130px;}
    div.board_write table tbody th{font-size:15px;}
    div.board_write table tbody td{font-size:15px;}

    div.board_view div.title{padding:15px;}
    div.board_view div.title h4{font-size:18px;}
    div.board_view div.title h4 span.cate{font-size:16px;}
    div.board_view div.title ul li{margin-right:20px; font-size:14px;}

    div.board_view div.program_desc{padding:15px;}
    div.board_view div.program_desc div.left{width:300px;}
    div.board_view div.program_desc div.left a{height:45px; line-height:45px;}
    div.board_view div.program_desc div.info{width:calc(100% - 330px);}
    div.board_view div.program_desc div.info ul li{margin-top:10px; font-size:14px;}
    div.board_view div.program_desc div.info ul li:before{width:15px; height:15px; margin:0 5px 0 0; background-size:90px 15px; vertical-align:-3px;}
    div.board_view div.program_desc div.info ul li.type2:before{background-position:-15px 0;}
    div.board_view div.program_desc div.info ul li.type3:before{background-position:-30px 0;}
    div.board_view div.program_desc div.info ul li.type4:before{background-position:-45px 0;}
    div.board_view div.program_desc div.info ul li.type5:before{background-position:-60px 0;}
    div.board_view div.program_desc div.info ul li.type6:before{background-position:-75px 0;}
    
    div.board_view div.file{padding:15px;}
    div.board_view div.file ul li a{padding-left:22px; font-size:14px;}
    div.board_view div.file ul li a:before{width:15px; height:14px; top:2px; background-size:15px 14px;}
    div.board_view div.link{padding:15px;}
    div.board_view div.link ul li a{padding-left:22px; font-size:14px;}
    div.board_view div.link ul li a:before{width:13px; height:14px; top:2px; background-size:13px 14px;}
    div.board_view div.contents{padding:30px 15px; font-size:14px;}
    div.board_view div.contents img{max-width:100%;}

    div.board_reply_list{margin-top:20px;}
    div.board_reply_list h5{padding:15px; font-size:16px;}
    div.board_reply_list ul li{padding:15px;}
    div.board_reply_list ul li div.info div.left span.name{font-size:14px;}
    div.board_reply_list ul li div.info div.right span.date{font-size:13px;}
    div.board_reply_list ul li div.info div.right div.reply_btn{padding-left:20px;}
    div.board_reply_list ul li div.info div.right div.reply_btn a{font-size:13px;}
    div.board_reply_list ul li div.text{font-size:14px;}
    div.board_reply_list ul li div.text textarea{height:80px; font-size:14px;}

    div.board_reply_write{margin-top:20px;}
    div.board_reply_write h5{padding:15px 0 10px 15px; font-size:16px;}
    div.board_reply_write textarea{height:80px; font-size:14px; padding:15px;}
    div.board_reply_write div.right_top{top:10px; right:10px;}

    .btn{font-size:14px; font-weight:400;}
}

/* Mobile */
@media only all and (max-width:767px) {
    select{height:30px; line-height:30px; font-size:13px;}
    input[type=text]{height:30px; line-height:30px; font-size:13px; padding:0 10px;}
    input[type=password]{height:30px; line-height:30px; font-size:13px; padding:0 10px;}
    input[type=file]{height:30px; line-height:30px;}
    input[type=checkbox] + label{height:20px; line-height:20px; font-size:13px; padding-left:25px;}
    input[type=checkbox] + label:before{width:20px; height:20px; line-height:20px; background-size:20px 40px;}
    input[type=checkbox]:checked + label:before{background-position:0 -20px; background-size:20px 40px;}
 
    ul.program_list > li{padding:15px 0;}
    ul.program_list > li div.image{width:100%; padding-bottom:67%;}
    ul.program_list > li div.info{width:100%;}
    ul.program_list > li div.info h5{margin-top:15px; font-size:18px;}
    ul.program_list > li div.info ul li{margin-top:5px; font-size:13px;}
    ul.program_list > li div.info ul li:before{width:15px; height:15px; background-size:90px 15px;}
    ul.program_list > li div.info ul li.type2:before{background-position:-15px 0;}
    ul.program_list > li div.info ul li.type3:before{background-position:-30px 0;}
    ul.program_list > li div.info div.btn_group a{width:calc(50% - 5px); height:40px; line-height:40px; font-size:13px;}
    ul.program_list > li div.info div.btn_group a:first-child{margin-right:10px;} 

    div.board_write table{border-top:1px solid #000;}
    div.board_write table col.form_name{width:80px;}
    div.board_write table tbody th{padding:7px 0; font-size:13px;}
    div.board_write table tbody td{padding:7px 0; font-size:13px;}
    div.board_write table tbody td #ca_name{width:150px;}

    div.board_view div.title{padding:10px;}
    div.board_view div.title h4{font-size:15px;}
    div.board_view div.title h4 span.cate{font-size:13px;}
    div.board_view div.title ul li{font-size:13px; margin-right:10px;}
    div.board_view div.title ul li:last-child{margin-right:0;}
    div.board_view div.program_desc{padding:20px 0;}
    div.board_view div.program_desc div.left{width:100%;}
    div.board_view div.program_desc div.left a{margin:15px 0; font-size:13px;}
    div.board_view div.program_desc div.info{width:100%;}
    div.board_view div.program_desc div.info ul li{margin-top:7px; font-size:13px;}
    div.board_view div.program_desc div.info ul li:first-child{margin-top:0;}
    div.board_view div.program_desc div.info ul li:before{width:15px; height:15px; background-size:90px 15px;}
    div.board_view div.program_desc div.info ul li.type1:before{background-position:0 0;}
    div.board_view div.program_desc div.info ul li.type2:before{background-position:-15px 0;}
    div.board_view div.program_desc div.info ul li.type3:before{background-position:-30px 0;}
    div.board_view div.program_desc div.info ul li.type4:before{background-position:-45px 0;}
    div.board_view div.program_desc div.info ul li.type5:before{background-position:-60px 0;}
    div.board_view div.program_desc div.info ul li.type6:before{background-position:-75px 0;}

    div.board_view div.file{padding:10px 0;}
    div.board_view div.file ul li a{padding-left:18px; font-size:13px;}
    div.board_view div.file ul li a:before{width:14px; height:13px; top:2px; background-size:14px 13px;}
    div.board_view div.link{padding:10px 0;}
    div.board_view div.link ul li a{padding-left:18px; font-size:13px;}
    div.board_view div.link ul li a:before{width:12px; height:13px; top:2px; background-size:12px 13px;}

    div.board_view div.contents{padding:30px 15px; font-size:14px;}
    div.board_view div.contents img{max-width:100%;}
    div.board_view div.contents{padding:20px 0; font-size:14px;}
    div.board_view div.contents img{max-width:100%;}
        
    div.board_reply_list h5{padding:10px; font-size:15px;}
    div.board_reply_list ul li{padding:10px;}
    div.board_reply_list ul li div.info div.left span.name{font-size:13px;}
    div.board_reply_list ul li div.info div.right span.date{font-size:12px;}
    div.board_reply_list ul li div.info div.right div.reply_btn{padding-left:10px;}
    div.board_reply_list ul li div.info div.right div.reply_btn a{font-size:12px;}
    div.board_reply_list ul li div.text{padding-top:5px; font-size:13px;}
    div.board_reply_list ul li div.text textarea{height:80px; margin-top:5px; font-size:13px; padding:10px;}

    div.board_reply_write{margin-top:15px;}
    div.board_reply_write h5{padding:10px 0 0 10px; font-size:15px;}
    div.board_reply_write textarea{height:80px; font-size:13px; padding:10px;}
    div.board_reply_write div.right_top{position:static; padding:10px 10px 5px 10px; text-align:right;}
    div.board_reply_write div.right_top input[type=checkbox] + label{margin-right:0;}
    div.board_reply_write div.right_top input[type=text]{width:90px;}
    div.board_reply_write div.right_top input[type=password]{width:90px;}
    div.board_reply_write div.right_top input[type=submit]{position:absolute; top:10px; right:10px;}

    div.paging{margin-top:25px;}
    div.paging a{width:30px; height:30px; line-height:30px; margin:0 2px; font-size:12px;}
    div.paging span{width:30px; height:30px; line-height:30px; margin:0 2px; font-size:12px;}
    div.paging a.pg_start{background-position:0 0; background-size:120px 30px;}
    div.paging a.pg_prev{background-position:-30px 0; background-size:120px 30px;}
    div.paging a.pg_next{background-position:-60px 0; background-size:120px 30px;}
    div.paging a.pg_end{background-position:-90px 0; background-size:120px 30px;}

    div.btn_group{margin-top:15px;}
    div.btn_group div.left .btn{margin-right:5px;}
    div.btn_group div.right .btn{margin-left:5px;}

    .btn{height:30px; line-height:30px; padding:0 10px; font-size:13px; font-weight:400;}
}