@charset "utf-8";

.board_total .bold{font-weight:bold;}
.board_total{float:none;margin:0;padding-left:18px;background:url(/images/common/icon_bbs.gif) no-repeat 0 10px;color:#666;font-size:14px;line-height:36px;}
.hidden{display:none;}
.c_rd{color:#e03321;}

.basic_search .searchinput input[type="submit"]{position:absolute;top:0;right:0;padding:0;width:34px;min-width:46px;height:34px;background:#ee402e url(/images/common/search_ico.png) no-repeat 50%;border:none;border-radius:2px;text-indent:-9999em;}

.ui-picture-list{margin:20px 0}
.ui-picture-list>ul{margin:0 -7px}
.ui-picture-list>ul:after{display:block;clear:both;content:''}
.ui-picture-list>ul>li{float:left;width:33.3%;border:10px solid transparent;border-width:0 7px 30px}
.ui-picture-list>ul>li a{min-height:0;}
.ui-picture-list ul li a .pic{position:relative;padding-top:72%;overflow:hidden;text-align:center}
.ui-picture-list ul li a .pic .pic_wrap{position:absolute;left:0;top:0;right:0;height:100%;border: 1px solid #ddd;
    border-bottom: none;}
.ui-picture-list ul li a .pic img{height:100%}
.ui-picture-list ul li a .pic span{display:none;position:absolute;top:0;left:0}

/*.ui-picture-list ul li a .cnt{min-height:164px;padding:15px 15px 10px;border:1px solid #ddd;border-left-width:0;border-top-width:0;background:#fff;border-left:1px solid #ddd;}*/
/*.cnt{min-height:164px;padding:15px 15px 10px;border:1px solid #ddd;border-left-width:0;border-top-width:0;background:#fff;border-left:1px solid #ddd;}*/
.ui-picture-list ul li a .cnt{border: 1px solid #ddd;padding: 15px 20px;height:137px; border-top: none;}
.ui-picture-list ul li a .cnt h3{position:relative;margin:5px 0 12px 0;font-size:20px;font-weight:600;line-height:130%;color:#191919;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.ui-picture-list ul li a .cnt h3 span{display:block;position:absolute;top:0;right:0;font-size:13px;color:#74829e}
/*.ui-picture-list ul li a .cnt ul li{width:100%;overflow:hidden;text-overflow:ellipsis;font-size:14px;white-space:nowrap}*/
.ui-picture-list ul li a .cnt p{height:40px;line-height:20px;font-size:14px;overflow:hidden}
.ui-picture-list ul li a .cnt p,
.ui-picture-list ul li a .cnt li{float:none;letter-spacing:-1px}
.ui-picture-list ul li a .cnt .ico{position:absolute;left:0;bottom:0;padding:13px 0;width:100%;font-size:15px;color:#767676;text-align:center}


.ui-picture-list ul li a .cnt .ico:after{display:block;content:"";clear:both;visibility:hidden}
.ui-picture-list ul li a .cnt .ico span{float:left;position:relative;width:30%}
.ui-picture-list ul li a .cnt .ico span.area{width:40%}
.ui-picture-list ul li a .cnt .ico span:before{display:inline-block;content:"";position:absolute;left:0;top:50%;margin-top:-7px;width:1px;height:14px;background-color:#ddd}
.ui-picture-list ul li a .cnt .ico span.like:before{display:none}
.ui-picture-list ul li a .cnt .ico span em{display:inline-block;margin-right:5px;background:url(/images/tour/common/picture_list_ico_set.png) no-repeat;/*vertical-align:middle;*/}
.ui-picture-list ul li a .cnt .ico span.like em{width:12px;height:11px}
.ui-picture-list ul li a .cnt .ico span.view em{width:17px;height:10px;background-position:-20px 0}
.ui-picture-list ul li a .cnt .ico span.area em{position:relative;top:2px;width:10px;height:14px;background-position:-50px 0}
/*.ui-picture-list ul li a .cnt span b{display:block;height:32px;margin-top:15px;padding-left:5px;font-size:16px;border-bottom:1px solid #ddd;}*/
.style .pic_wrap{border:1px solid #ddd;padding:20px;border-bottom: none;
}

.ui-picture-list.lecturer>ul>li a .cnt .cnt_b{font-size:16px;}
.ui-picture-list ul li a .cnt ul li{width:100%;overflow:hidden;font-size:14px;background:none;padding-left:45px;position: relative;
}
.ui-picture-list ul li a .cnt ul li b{position:absolute;left:0px;}


@media(max-width:1023px){
	.ui-picture-list>ul>li{width:50%;}
}

@media(max-width:480px){
	.ui-picture-list>ul>li{width:100%;}
}

/*#content ui*/
h2{margin-top:50px;background:url(/images/common/h2_bul.png) no-repeat}

.content-quick{position:absolute;/* top:500px; */left:50%;width:70px;margin-left:638px;background-color:#fff;}
.content-quick a{display:block;height:70px;margin-top:-1px;text-align:center;font-size:13px;border:1px solid #dedede}
.content-quick a:first-child{margin-top:0}
.content-quick i{display:block;width:25px;height:25px;margin:0 auto;background:url(/images/tour/sub01/travel_quick.png) no-repeat}


.content-quick i.icon-2{height:27px;background-position:0 -50px}
.content-quick i.icon-3{height:17px;background-position:0 -100px}
.content-quick i.icon-4{height:23px;background-position:0 -150px}
.content-quick i.icon-5{height:19px;background-position:0 -200px}

.content-quick i.icon-1,
.content-quick i.icon-6,
.content-quick i.icon-7,
.content-quick i.icon-8{background:url(/images/tour/sub01/travel_quick2.png) no-repeat}

.content-quick i.icon-1{width:27px;height:22px;background-position:0 0}
.content-quick i.icon-6{width:27px;height:17px;background-position:0 -50px}
.content-quick i.icon-7{width:26px;height:23px;background-position:0 -100px}
.content-quick i.icon-8{width:27px;height:21px;background-position:0 -150px}

.content-quick i.icon-num-1{height:24px;background-position:0 -260px}
.content-quick i.icon-num-2{height:24px;background-position:0 -288px}
.content-quick i.icon-num-3{height:24px;background-position:0 -316px}
.content-quick i.icon-num-4{height:24px;background-position:0 -344px}
.content-quick i.icon-num-5{height:24px;background-position:0 -372px}
.content-quick i.icon-num-6{height:24px;background-position:0 -400px}

.content-quick a:before{content:"";display:inline-block;height:110%;vertical-align:middle}
.content-quick span{display:inline-block;vertical-align:middle}

.content-quick a.ov,
.content-quick a:hover,
.content-quick a:focus{background-color:#2c353f;color:#fff;border-color:#2c353f}

.content-quick a.ov i.icon-1,
.content-quick a:hover i.icon-1,
.content-quick a:focus i.icon-1{background-position:-50px 0}

.content-quick a.ov i.icon-2,
.content-quick a:hover i.icon-2,
.content-quick a:focus i.icon-2{background-position:-25px -50px}

.content-quick a.ov i.icon-3,
.content-quick a:hover i.icon-3,
.content-quick a:focus i.icon-3{background-position:-25px -100px}

.content-quick a.ov i.icon-4,
.content-quick a:hover i.icon-4,
.content-quick a:focus i.icon-4{background-position:-25px -150px}

.content-quick a.ov i.icon-5,
.content-quick a:hover i.icon-5,
.content-quick a:focus i.icon-5{background-position:-25px -200px}

.content-quick a.ov i.icon-6,
.content-quick a:hover i.icon-6,
.content-quick a:focus i.icon-6{background-position:-50px -50px}

.content-quick a.ov i.icon-7,
.content-quick a:hover i.icon-7,
.content-quick a:focus i.icon-7{background-position:-50px -100px}

.content-quick a.ov i.icon-8,
.content-quick a:hover i.icon-8,
.content-quick a:focus i.icon-8{background-position:-50px -150px}



.content-quick a.ov i.icon-num-1,
.content-quick a:hover i.icon-num-1,
.content-quick a:focus i.icon-num-1{height:24px;background-position:-25px -260px}

.content-quick a.ov i.icon-num-2,
.content-quick a:hover i.icon-num-2,
.content-quick a:focus i.icon-num-2{height:24px;background-position:-25px -288px}

.content-quick a.ov i.icon-num-3,
.content-quick a:hover i.icon-num-3,
.content-quick a:focus i.icon-num-3{height:24px;background-position:-25px -316px}

.content-quick a.ov i.icon-num-4,
.content-quick a:hover i.icon-num-4,
.content-quick a:focus i.icon-num-4{height:24px;background-position:-25px -344px}


.content-quick a.ov i.icon-num-5,
.content-quick a:hover i.icon-num-5,
.content-quick a:focus i.icon-num-5{height:24px;background-position:-25px -372px}


.content-quick a.ov i.icon-num-6,
.content-quick a:hover i.icon-num-6,
.content-quick a:focus i.icon-num-6{height:24px;background-position:-25px -400px}

.content-quick.fixed{z-index:100}
/*템플스테이*/

.content-quick.fixed{display:table;table-layout:fixed;}
.content-quick.fixed a{display:table-cell}



.ui-topic2{position:relative;overflow:hidden;background-color:#fff;border: 1px solid #ddd;margin: 50px 0 50px;box-shadow: 1px 1px 5px 1px #d8d8d8;}
.ui-topic2 .topic-thumb{position:relative;float:left;width:100%;height:440px;/*max-width:601px;*/max-width:510px;overflow:hidden;background-color:#fafafa;border-right: 1px solid #d8d8d8;}
.ui-topic2 .topic-thumb div{width:200%;height:100%;margin-left:-50%;text-align:center}
.ui-topic2 .topic-thumb div img{max-width:none;height:100%}
.ui-topic2 .topic-caption{padding: 37px 29px 0px;}
.ui-topic2 .topic-thumb+.topic-caption{/*margin-left:601px;*/margin-left:516px;}

.ui-topic2 .caption-title{font-family:"nmn",sans-serif;font-size:22px;letter-spacing:-2px;color:#2c353f;font-weight:bold;}

/*.ui-topic2 .caption-addr{font-size:16px}
.ui-topic2 .caption-addr b{font-size:18px}*/
/*.ui-topic2 .caption-descript ul li{font-size:16px}
.ui-topic2 .caption-descript ul li b{font-size:18px}
*/
.ui-topic2 .caption-descript ul li{font-size:14px;position:relative;padding-left:93px;margin: 4px 0;word-wrap: break-word;
    word-break: keep-all;}
.ui-topic2 .caption-descript ul li b{position: absolute;
top: 0;left: 0;}
.ui-topic2 .caption-descript ul li:before{content:"";display:block;position:absolute;top:6px;left:75px;width:1px;height: 16px;background:#d6d6d6;}

.ui-topic2 .caption-descript{padding:20px 0;margin:20px 0;font-size:16px;border:solid #ddd;border-width:1px 0;border-bottom: none;}
.ui-topic2 .caption-buttons{}
.ui-topic2 .caption-buttons ul{}
.ui-topic2 .caption-buttons ul li{display:inline-block;margin-left:5px;vertical-align:middle;text-align:center}
.ui-topic2 .caption-buttons ul li:first-child{margin-left:0}
.ui-topic2 .caption-buttons ul li a{display:block;width:90px;height:60px;border-radius:5px;-webkit-border-radius:5px;border:1px solid #ddd} 
.ui-topic2 .caption-buttons ul li a:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.ui-topic2 .caption-buttons ul li a i{display:inline-block;line-height:1.3;vertical-align:middle}

.ui-topic2 .caption-buttons a:hover,
.ui-topic2 .caption-buttons a:focus{background:#d23b34;color:#fff}

/*.ui-white-block{border-width:0;box-shadow:1px 1px 5px 1px #d8d8d8;}*/
.ui-white-block{border:1px solid #ddd;padding: 45px 40px;}


/*.tbl_basic{border-top: 1px solid #ddd;border-right:none;}
.tbl_basic th,
.tbl_basic td{}
.tbl_basic tbody th{background-color:#f9f9f9;}*/
.tbl_basic{border-top:none;border-bottom-color:#ddd;}
.tbl_basic th,
.tbl_basic td{border-left-color:#ccc;border-bottom-color:#ccc;border-top: 1px solid #ddd;}
.tablewrap2 {position: relative;}
.bul_tip{display:inline-block;padding-left:30px;padding-top:1px;background:url(/images/common/bul_tip.gif) no-repeat 7px 0px;color:#444;line-height:130%;}
.tbl_basic tbody th{background: none;}
.tbl_basic thead th{background: none;}

/* 게시판버튼 */
.button span input[type="button"]{height:40px;border-radius: 3px;}
.button span input[type="submit"]{height:40px;border-radius: 3px;}
.tablewrap2 {position: relative;}
.bul_tip{display:inline-block;padding-left:30px;padding-top:1px;background:url(/images/common/bul_tip.gif) no-repeat 7px 0px;color:#444;line-height:130%;}

.button span a{border-radius:0;}


/* table style */
table caption{position:relative;height:0;font-size:0;line-height:0;}
.tbl_basic{margin-bottom:10px;width:100%;border-top:2px solid transparent;border-bottom:1px solid transparent;}
.tbl_basic th,
.tbl_basic td{padding:10px 15px;border-left:1px solid transparent;border-bottom:1px solid transparent;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;}
.tbl_basic th:first-child,
.tbl_basic td:first-child{border-left:none}
.tbl_basic th.trw,
.tbl_basic td.trw{border-right:1px solid #ddd;}
.tbl_basic tbody th,
.tbl_basic thead th{vertical-align:middle;}
.tbl_basic thead th,
.tbl_basic tfoot th{background-image:none;}
.tbl_basic tbody th{/*color:#004993;*/color:#333;}
.tbl_basic thead th{color:#333;}
.tbl_basic td  .btn-file{font-size:12px;}

.tbl_basic{border-top-color:#000;border-bottom-color:#ddd;}
.tbl_basic th,
.tbl_basic td{border-left-color:#ccc;border-bottom-color:#ccc;}
/*.tbl_basic tbody th{background-color:#f1f1f1;}*/
.tbl_basic.tbl_type1{border-top-color:#000;border-bottom-color:#ddd;}
.tbl_basic.tbl_type1 th,
.tbl_basic.tbl_type1 td{border-left-color:#ddd;border-bottom-color:#ddd;}
.tbl_basic.tbl_type1 thead th{background-color:#fff;border-bottom-color:#ccc;}

.tbl_basic.tbl_type1 tfoot th{background-color:#fafafa;}

.tbl_basic.tbl_type2{border-top-color:#004993;border-bottom-color:#ccc;}
.tbl_basic.tbl_type2 th,
.tbl_basic.tbl_type2 td{border-left-color:#ddd;border-bottom-color:#ddd;}
.tbl_basic.tbl_type2 tbody th{background-color:#fff;color:#333;text-align:left;}
.tbl_basic.tbl_type2 thead th{background-color:#f1f1f1;}
.tbl_basic.tbl_type2 tfoot th{background-color:#f1f1f1;}

 

.tbl_basic.tbl_type2 .level0{background-color:#fafafa;color:#333;}
.tbl_basic.tbl_type2 .level0 th{background-color:#fafafa;}
.tbl_basic.tbl_type2 .level0 th,
.tbl_basic.tbl_type2 .level0 td{color:#000;font-weight:bold;}

/* 게시판버튼 */
.board_butt{display:block;margin:20px 0;text-align:right}
.board_butt.center{text-align:center}
.button span input[type="button"],
.button span input[type="reset"],
.button span input[type="submit"],
.button span a{display:inline-block;position:relative;border:none;background:none;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;padding:10px 15px 8px 15px;font-size:14px;line-height:1.42857143;}
.button span a{border:1px solid transparent;border-radius:0;background-image:none;text-align:center;vertical-align:middle;white-space:nowrap;}
.button span a *{vertical-align:middle}
.button span a:after{position:absolute;z-index:-1;content:'';transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.button span a:before{position:relative;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1;speak:none;-webkit-font-smoothing:antialiased;}
.button span input[type="button"],
.button span input[type="reset"],
.button span input[type="submit"]{height:40px;border-radius:0;}
.button span .post_btn{padding:3px 7px;}


.button .typeA input[type="button"],
.button .typeA input[type="button"].disabled, 
.button .typeA input[type="button"],
.button .typeA input[type="button"]:link,
.button .typeA input[type="button"]:visited{background-color:#fff;border-color:#c3c3c3;color:#666;}
.button .typeA input[type="button"]:hover,
.button .typeA input[type="button"]:focus,
.button .typeA input[type="button"]:active{background-color:#424242;border-color:#424242;color:#fff;}
.button span input[type="button"]{border:1px solid transparent;}
.button span input[type="button"]{padding: 4px 8px;line-height: 12px;    height: 30px;}

.button .typeA input[type="reset"],
.button .typeA input[type="submit"],
.button .typeA a, 
.button .typeA a.disabled, 
.button .typeA a,
.button .typeA a:link,
.button .typeA a:visited{background-color:#fff;border-color:#c3c3c3;color:#666;}
.button .typeA a:hover,
.button .typeA a:focus,
.button .typeA a:active{background-color:#424242;border-color:#424242;color:#fff;}

.button .typeB input[type="button"],
.button .typeB input[type="reset"],
.button .typeB input[type="submit"],
.button .typeB a, 
.button .typeB a.disabled, 
.button .typeB a,
.button .typeB a:link,
.button .typeB a:visited{background-color:#eb3b4b;border-color:#d71f30;color:#fff;}
.button .typeB a:hover,
.button .typeB a:focus,
.button .typeB a:active{background-color:#d71f30;color:#fff;}


.button span .writing[type="button"],
.button span .writing[type="reset"],
.button span .writing[type="submit"],
.button span .writing{padding-left:35px;border-radius:0;background-image:url(/images/prog/board/btn_writ.png);background-repeat:no-repeat;background-position:15px 50%;}

.button span .writing:hover,
.button span .writing:focus{background-color:#fff;border-color:#ddd;color:#d71f30;}

.button span .modit,
.button span .modit:link,
.button span .modit:visited{padding-left:38px;background-image:url(/images/prog/board/btn_modit_ov.png);background-repeat:no-repeat;background-position:13px 48%;}
.button span .modit:hover,
.button span .modit:focus,
.button span .modit:active{background-image:url(/images/prog/board/btn_modit_ov.png);background-repeat:no-repeat;background-position:13px 48%;}
.button span .delete,
.button span .delete:link,
.button span .delete:visited{background-image:url(/images/prog/board/btn_delete.png);background-repeat:no-repeat;background-position: 8px 48%;/*padding: 2px 8px 0 28px;*/}
.button span .delete:hover,
.button span .delete:focus,
.button span .delete:active{background-image:url(/images/prog/board/btn_delete_ov.png);background-repeat:no-repeat;background-position: 8px 48%;/*padding: 2px 8px 0 28px;*/}

.button span .delete[type="button"],
.button span .delete[type="button"]:link,
.button span .delete[type="button"]:visited{background-image:url(/images/prog/board/btn_delete.png);background-repeat:no-repeat;background-position: 8px 48%;/*padding: 2px 8px 0 28px;*/}
.button span .delete[type="button"]:hover,
.button span .delete[type="button"]:focus,
.button span .delete[type="button"]:active{background-image:url(/images/prog/board/btn_delete_ov.png);background-repeat:no-repeat;background-position: 8px 48%;/*padding: 2px 8px 0 28px;*/}

.button span .list,
.button span .list:link,
.button span .list:visited{padding-left:38px;background-image:url(/images/prog/board/btn_list.png);background-repeat:no-repeat;background-position:15px 48%;}
.button span .list:hover,
.button span .list:focus,
.button span .list:active{background-image:url(/images/prog/board/btn_list_ov.png);background-repeat:no-repeat;background-position:15px 48%;}

.button span .notify,
.button span .notify:link,
.button span .notify:visited{padding-left:38px;background-image:url(/images/prog/board/btn_notify.png);background-repeat:no-repeat;background-position:15px 48%;}
.button span .notify:hover,
.button span .notify:focus,
.button span .notify:active{background-image:url(/images/prog/board/btn_notify_ov.png);background-repeat:no-repeat;background-position:15px 48%;}

.button span .reply,
.button span .reply:link,
.button span .reply:visited{padding-left:38px;background-image:url(/images/prog/board/btn_reply.png);background-repeat:no-repeat;background-position:15px 48%;}
.button span .reply:hover,
.button span .reply:focus,
.button span .reply:active{background-image:url(/images/prog/board/btn_reply_ov.png);background-repeat:no-repeat;background-position:15px 48%;}


.button span .excel,
.button span .excel:link,
.button span .excel:visited{padding-left:38px;background-image:url(/images/prog/board/btn_excel.png);background-repeat:no-repeat;background-position:15px 48%;}
.button span .excel:hover,
.button span .excel:focus,
.button span .excel:active{background-image:url(/images/prog/board/btn_excel_ov.png);background-repeat:no-repeat;background-position:15px 48%;}

form span,form img,form em,form a{vertical-align:middle;}