@charset "utf-8";

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Font Family
	
	ex) font-family:'Nanum Gothic';

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@import url(nanumsquare.css);
@import url(nanumbarungothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(UNIVERSLIGHTR.css);
@import url(buri.css);

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Etc	

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@import url(padding_margin.css);

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Basic	

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
html,body{height:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,button{margin:0;padding:0;}
body,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;color:#404040;font-size:14px;font-family:"ulR", "Nanum Barun Gothic", "Nanum Gothic", "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif;}
ul,ol,dl,dt,dd{margin:0;padding:0;list-style:none}
img{border:none;vertical-align:top}
fieldset{border:none}
li p, dd p{margin-left:0}
.kr_font {font-family:"ulR", "Nanum Barun Gothic", "Nanum Gothic", "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif;} 


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	tinymce

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
body#tinymce{background-color:transparent;}
	
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Align

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.left,
.cell_left{text-align:left !important;}
.right,
.cell_right{text-align:right !important;}
.center,
.cell_center{text-align:center !important;}
.ft_left{float:left;}
.ft_right{float:right;}
.clear{clear:both;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Link

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
a:link,
a:visited,
a:active{text-decoration:none; color:#636363}
a:hover,
a:focus{text-decoration:underline;color:#1e1e1e;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Form

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Heading

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
h2,h3,h4,h5,h6{font-weight:normal; color:#303030;}
h4, .h4{display:block; line-height:32px; margin:50px 0px 20px 0px; font-size:27px;}
h5, .h5{display:block; line-height:26px; margin:30px 0px 10px 0px; font-size:21px;}
h6, .h6{display:block; line-height:22px; margin:15px 0px 10px 0px; font-size:18px;}
.h7{display:block; line-height:20px; margin:15px 0px 10px 0px; font-size:16px;}	


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	새창링크

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
a.blank{display:inline-block; padding-right:17px; background:url(/img/core/win.gif) no-repeat right 6px; text-decoration:underline;}
a.blank:link,
a.blank:visited,
a.blank:active{color:#404040;}
a.blank:hover{text-decoration:underline; color:#404040;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Table

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.caption{text-align:right; font-size:13px; color:#707070;}
.table{width:100%; border-top:1px solid #4e4e4e;}
.table th,
.table td{padding:10px; font-weight:normal; font-size:15px; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; text-align:center; border-bottom:1px solid #cacaca; color:#404040;}
.table th{font-weight:600; background:#f2f3f0;}
.table td{font-weight:normal;}
.table th.point,
.table td.point{background:#f2f3f0;}
.table tr th:first-child,
.table tr td:first-child{border-left:none; border-right:1px solid #c8c8c8;}
.table tr th:last-child,
.table tr td:last-child{border-right:none;}
.table tr td input[type=text],
.table tr td input[type=password],
.table tr td textarea{width:100%; max-width:100%; height:35px; line-height:35px; margin:1px 0px; vertical-align:middle; border:1px solid #ccc; box-sizing:border-box;}
.table tr td textarea{height:auto; line-height:22px;}
.table tr td .btn{padding-top:9px; padding-bottom:8px; vertical-align:middle;}

/* 예외처리 */
.table table.no{width:100%;}
.table table.no th,
.table table.no td{border:none; padding:3px 0px; background:none;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Skip
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#skip {position:absolute; left:0; top:0; width:100%; margin:0 auto; z-index:999;}
#skip a{
	display:block; position:absolute; left:0; padding:10px; color:#fff; background-color:#000;
	border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    -o-border-radius:5px;
}
#skip a:link,
#skip a:visited,
#skip a:active{top:-10000px;}
#skip a:hover,
#skip a:focus{top:0;}
.hidden{line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Font & color
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.bold{font-weight:600 !important}
.bold_no{font-weight:normal !important}

.red {color:#a40001 !important;}
.sky {color:#04adbf !important;}
.orange {color:#e76d01 !important;}
.blue {color:#09C !important;}
.green {color:#56b145 !important;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	준비중
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.ready{text-align:center;}
.ready img{display:inline-block; max-width:100%;}




/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Button
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.btn{
	overflow:hidden; display:inline-block; min-width:92px; height:33px; line-height:33px; padding:0px 10px; margin:1px 0px; font-weight:normal; font-size:14px; text-align:center; color:#fff; background-color:#616161; box-sizing:border-box;
}
a.btn:link,
a.btn:visited,
a.btn:active{color:#fff; border:1px solid #374a82; background-color:#374a82;}
a.btn:hover{text-decoration:none; border:1px solid #374a82; color:#374a82; background-color:#fff;}

a.btn.bg_00:link,
a.btn.bg_00:visited,
a.btn.bg_00:active,
a.btn.bg_00:hover{font-weight:normal; border:none; color:#404040; background-color:transparent;}
a.btn.bg_00:hover{text-decoration:underline;}

a.btn.bg_01:link,
a.btn.bg_01:visited,
a.btn.bg_01:active{border:1px solid #babfcb; color:#fff; background-color:#babfcb;}
a.btn.bg_01:hover{border:1px solid #babfcb; color:#abb0bb; background-color:#fff;}

a.btn.bg_02:link,
a.btn.bg_02:visited,
a.btn.bg_02:active{border:1px solid #d70035; color:#fff; background-color:#d70035;}
a.btn.bg_02:hover{border:1px solid #d70035; color:#d70035; background-color:#fff;}

a.btn.bg_03:link,
a.btn.bg_03:visited,
a.btn.bg_03:active{border:1px solid #009b9d; color:#fff; background-color:#009b9d;}
a.btn.bg_03:hover{border:1px solid #009b9d; color:#009b9d; background-color:#fff;}

a.btn.bg_04:link,
a.btn.bg_04:visited,
a.btn.bg_04:active{border:1px solid #0072bc; color:#fff; background-color:#0072bc;}
a.btn.bg_04:hover{border:1px solid #0072bc; color:#0072bc; background-color:#fff;}


.btn.type_01{
	border-radius:8px;
    -webkit-border-radius:8px;
}

.btn.type_02{
	border-radius:15px 0px 15px 15px;
    -webkit-border-radius:15px 0px 15px 15px;
}

.btn.type_03{
	border-radius:15px 0px 15px 0px;
    -webkit-border-radius:15px 0px 15px 0px;
}

.btn.type_04{
	border-radius:0px 15px 0px 15px;
    -webkit-border-radius:0px 15px 0px 15px;
}

.btn.small{height:22px; line-height:22px; min-width:50px; padding:0px 7px; font-size:12px; display:inline-block; vertical-align:top;}
.btn.large{height:40px; line-height:40px; min-width:120px;  padding:0px 12px; font-size:18px;}

/* 45x35 */
.btn.icon_01{background-image:url(btn_icon_01.png);}
.btn.icon_02{background-image:url(btn_icon_02.png);}
.btn.icon_03{background-image:url(btn_icon_03.png);}
.btn.icon_04{background-image:url(core/btn_icon_04.png);}
.btn.icon_05{background-image:url(core/btn_icon_05.png);}
.btn.icon_06{background-image:url(core/btn_icon_06.png);}
.btn.icon_07{background-image:url(core/btn_icon_07.png);}

/* 다운로드 icon */
.btn.icon_hwp{min-width:20px !important; padding:5px 3px !important; background-image:url(btn_icon_hwp.gif); background-position:center center !important;}
.btn.icon_folder{min-width:20px !important; padding:5px 3px !important; background-image:url(btn_icon_folder.gif); background-position:center center !important;}
.btn.icon_jpg{min-width:20px !important; padding:5px 3px !important; background-image:url(btn_icon_jpg.gif); background-position:center center !important;}
.btn.icon_zip{min-width:20px !important; padding:5px 3px !important; background-image:url(btn_icon_zip.gif); background-position:center center !important;}
.btn.icon_pdf{min-width:20px !important; padding:5px 3px !important; background-image:url(btn_icon_pdf.gif); background-position:center center !important;}
.btn.icon_xlsx{min-width:20px !important; padding:5px 3px !important; background-image:url(btn_icon_xlsx.gif); background-position:center center !important;}

.btn.icon_hwp[class*="right"],
.btn.icon_folder[class*="right"],
.btn.icon_jpg[class*="right"],
.btn.icon_zip[class*="right"],
.btn.icon_pdf[class*="right"],
.btn.icon_xlsx[class*="right"]{padding-right:20px !important; background-position:right center !important;}

.btn.icon_hwp[class*="left"],
.btn.icon_folder[class*="left"],
.btn.icon_jpg[class*="left"],
.btn.icon_zip[class*="left"],
.btn.icon_pdf[class*="left"],
.btn.icon_xlsx[class*="left"]{padding-left:20px !important; background-position:left center !important;}

.btn[class*="icon_"]{padding-left:40px; background-repeat:no-repeat; background-position:left 4px;}
.btn[class*="icon_"][class*="left"]{padding-left:40px;}
.btn[class*="icon_"][class*="right"]{padding-left:10px; padding-right:40px; background-position:right 4px;}
.btn[class*="icon_"][class*="center"]{min-width:50px; padding:13px 5px; text-indent:-1000px; background-position:center 4px;}
.btn[class*="icon_"][class*="center"][class*="small"]{padding:5px 3px;}
.btn[class*="icon_"][class*="center"][class*="large"]{padding:15px 12px;}
.btn[class*="icon_"]:hover{background-position:0 -31px;}
.btn[class*="icon_"].right:hover{background-position:right -31px;}
.btn[class*="icon_"].center:hover{background-position:center -31px;}

.btn[class*="icon_"].bg_01:hover{background-position:left -66px;}
.btn[class*="icon_"].bg_01.right:hover{background-position:right -66px;}
.btn[class*="icon_"].bg_01.center:hover{background-position:center -66px;}

.btn[class*="icon_"].bg_02:hover{background-position:left -101px;}
.btn[class*="icon_"].bg_02.right:hover{background-position:right -101px;}
.btn[class*="icon_"].bg_02.center:hover{background-position:center -101px;}

.btn[class*="icon_"].bg_03:hover{background-position:left -136px;}
.btn[class*="icon_"].bg_03.right:hover{background-position:right -136px;}
.btn[class*="icon_"].bg_03.center:hover{background-position:center -136px;}

.btn[class*="icon_"].bg_04:hover{background-position:left -171px;}
.btn[class*="icon_"].bg_04.right:hover{background-position:right -171px;}
.btn[class*="icon_"].bg_04.center:hover{background-position:center -171px;}

.btn[class*="icon_"].bg_05:hover{background-position:left -206px;}
.btn[class*="icon_"].bg_05.right:hover{background-position:right -206px;}
.btn[class*="icon_"].bg_05.center:hover{background-position:center -206px;}

.btn[class*="icon_"].bg_06:hover{background-position:left -241px;}
.btn[class*="icon_"].bg_06.right:hover{background-position:right -241px;}
.btn[class*="icon_"].bg_06.center:hover{background-position:center -241px;}

.btn[class*="icon_"].bg_07:hover{background-position:left -276px;}
.btn[class*="icon_"].bg_07.right:hover{background-position:right -276px;}
.btn[class*="icon_"].bg_07.center:hover{background-position:center -276px;}

.btn[class*="board_"]{
	border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -ms-border-radius:8px;
    -khtml-border-radius:8px;
    -o-border-radius:8px;
}
.btn[class*="board_"]:link,
.btn[class*="board_"]:visited,
.btn[class*="board_"]:active{border:1px solid #ccc; background:#ccc;}
.btn[class*="board_"]:hover{border:1px solid #666; color:#fff; background:#666;}

/* 목록 */
.btn.board_lst:link,
.btn.board_lst:visited,
.btn.board_lst:active{border:1px solid #666; background:#666;}
.btn.board_lst:hover{border:1px solid #333; color:#fff; background:#333;}

/* 등록 */
.btn.board_add:link,
.btn.board_add:visited,
.btn.board_add:active{}
.btn.board_add:hover{}

/* 답변 */
.btn.board_re:link,
.btn.board_re:visited,
.btn.board_re:active{}
.btn.board_re:hover{}

/* 확인 */
.btn.board_yes:link,
.btn.board_yes:visited,
.btn.board_yes:active{}
.btn.board_yes:hover{}

/* 취소 */
.btn.board_no:link,
.btn.board_no:visited,
.btn.board_no:active{}
.btn.board_no:hover{}

/* 수정 */
.btn.board_mod:link,
.btn.board_mod:visited,
.btn.board_mod:active{}
.btn.board_mod:hover{}

/* 삭제 */
.btn.board_del:link,
.btn.board_del:visited,
.btn.board_del:active{}
.btn.board_del:hover{}

/* 다운로드 */
.btn.down{padding:0px 12px 0px 43px;}
.btn.down:link,
.btn.down:visited,
.btn.down:active{border:1px solid #bbb; color:#404040; background:url(icon_down.gif) no-repeat left -33px;}
.btn.down:hover{text-decoration:underline; border:1px solid #bbb; color:#303030; background:url(icon_down.gif) no-repeat left 0px;}

.btn.down.small{height:22px; line-height:22px; padding:0px 12px 0px 33px; font-size:14px;}
.btn.down.small:link,
.btn.down.small:visited,
.btn.down.small:active{border:none; color:#404040; background:#eee url(icon_down_small.gif) no-repeat left -22px;}
.btn.down.small:hover{text-decoration:underline; border:none; color:#404040; background:#eee url(icon_down_small.gif) no-repeat left 0px;}


/* tip */
.tip {background:url(tip_ico.png) no-repeat left 3px; padding:0 0 0 20px;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	scroll
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.mCSB_container{margin:0 !important;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Tab
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.js_tab{margin-bottom:30px; padding:4px 0px 9px 0px;
font-family:"ulR", "Nanum Square", "Nanum Barun Gothic", "Nanum Gothic", "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif;}
.js_tab .title{display:none;}
.js_tab ul{overflow:hidden; margin:0px 5px;}
.js_tab ul li{float:left;}
.js_tab ul li a{
	overflow:hidden; display:block; width:138px; height:46px; line-height:43px; padding:0px 30px; margin:5px 5px 0px 5px; text-align:center; font-size:17px; box-sizing:border-box;
	border-radius:23px;
    -moz-border-radius:23px;
    -webkit-border-radius:23px;
    -ms-border-radius:23px;
    -khtml-border-radius:23px;
    -o-border-radius:23px;
}
.js_tab ul li.no a{cursor:default;}
.js_tab ul li a:link,
.js_tab ul li a:visited,
.js_tab ul li a:active,
.js_tab ul li.no a:link,
.js_tab ul li.no a:visited,
.js_tab ul li.no a:active,
.js_tab ul li.no a:hover{font-weight:normal; text-decoration:none; color:#505050; background-color:#eee;}
.js_tab ul li a:hover,
.js_tab ul li.on a:link,
.js_tab ul li.on a:visited,
.js_tab ul li.on a:active,
.js_tab ul li.on a:hover{text-decoration:none; font-weight:normal; color:#fff; background-color:#dc4262;}

.js_tab.select{position:relative; z-index:51; padding:0 !important; margin:0 0 30px 0;}
.js_tab.select ul{display:none; padding:0; margin:0; border:1px solid #d9d9d9; border-top:0; position:absolute; width:100%; box-sizing:border-box;}
.js_tab.select ul li{float:none; width:100% !important;}
.js_tab.select ul li a{
	width:100%; margin:0; font-size:15px !important; line-height:20px !important; text-align:left;  border:0; border-top:1px solid #d9d9d9; padding:10px 15px !important; height:auto;
}
.js_tab.select ul li a:link,
.js_tab.select ul li a:visited,
.js_tab.select ul li a:active,
.js_tab.select ul li.on a:link,
.js_tab.select ul li.on a:visited,
.js_tab.select ul li.on a:active{font-weight:normal; background:#fff; border-top:1px solid #e7e7e7;}
.js_tab.select ul li.on a,
.js_tab.select ul li a:hover,
.js_tab.select ul li.on a:hover{font-weight:normal; color:#ad1b1a !important; background:#f8f8f8 !important;}
.js_tab.select .title{display:block; font-weight:normal;}
.js_tab.select .title a {display:block; height:42px; line-height:42px; padding:0px 50px 0px 15px; font-size:17px; background:#ad1b1a url(tab_selectbg.gif) no-repeat right 50%; color:#fff; text-decoration:none;}
.js_tab.select .title a.on {background:#ad1b1a url(tab_selectbg_ov.gif) no-repeat right 50%;}
.tab_onepage {display:none;}
.tab_onepage.on {display:block;}
.js_tab_col2 ul li {width:50%;}
.js_tab_col3 ul li {width:33.333%;}
.js_tab_col4 ul li {width:25%;}
.js_tab_col5 ul li {width:20%;}
.js_tab_col6 ul li {width:16.666%;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Animate
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.btn,
.slide .control ul li a,
.board ul *,
.user #txt .js_menu ul li,
.ani{   
    transition : all 0.5s ease;
    -webkit-transition : all 0.5s ease;
    -moz-transition : all 0.5s ease;
    -ms-transition : all 0.5s ease;
    -khtml-transition : all 0.5s ease;
    -o-transition : all 0.5s ease;
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Pre Html Code View
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.syntaxhighlighter{}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	만족도 조사
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#content_etc{padding-top:60px; font-family:"ulR", "Nanum Square", "Nanum Barun Gothic", "Nanum Gothic", "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif;}
#content_etc .charge {overflow:hidden; width:auto; height:auto; min-height:32px; font-size:15px; padding:18px 20px 8px 64px; border:1px solid #cfccc9; color:##555; background:url(charge_bg.png) no-repeat 8px 8px; transition : all 0.5s ease; -webkit-transition : all 0.5s ease;}
#content_etc .charge:after {content:""; display:block; clear:both;}
#content_etc .charge ul {float:left; overflow:hidden; transition : all 0.5s ease; -webkit-transition : all 0.5s ease;}
#content_etc .charge ul li {float:left; padding-left:40px;}
#content_etc .charge ul li:first-child {padding-left:0;}
#content_etc .charge ul li span {display:block;}
#content_etc .charge .day {float:right; transition : all 0.5s ease; -webkit-transition : all 0.5s ease;}

#content_etc .satisfaction{
	overflow:hidden; padding:15px 20px; border:1px solid #ccc;
	border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -ms-border-radius:10px;
    -khtml-border-radius:10px;
    -o-border-radius:10px;
}
#content_etc .satisfaction .title{display:block; margin-bottom:10px;}
#content_etc .satisfaction ul{overflow:hidden; margin-bottom:10px; padding-left:5px;}
#content_etc .satisfaction ul li{float:left; line-height:24px; padding-right:15px;}
#content_etc .satisfaction ul li label{vertical-align:middle;}
#content_etc .satisfaction .text{position:relative; padding-right:105px;}
#content_etc .satisfaction .text textarea{
	width:100%; height:80px; box-sizing:border-box;
	border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -ms-border-radius:10px;
    -khtml-border-radius:10px;
    -o-border-radius:10px;
}
#content_etc .satisfaction .text input[type="submit"]{
	position:absolute; right:0; top:0; width:100px; height:80px; background-color:#ccc;
	border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -ms-border-radius:10px;
    -khtml-border-radius:10px;
    -o-border-radius:10px;
}
#content_etc .satisfaction .text input[type="submit"]:hover{color:#fff; background-color:#8a9dac;}

@media screen and (max-width: 1180px){
	#content_etc .charge {padding:15px 20px 15px 64px; background-position:8px 50%;}
	#content_etc .charge ul {float:none;}
	#content_etc .charge ul li {float:left; padding-left:35px;}
	#content_etc .charge .day {float:none; display:block;}
}
@media screen and (max-width: 640px){
	#content_etc .charge {padding:8px 20px 8px 64px; background-position:8px 8px;}
	#content_etc .charge ul li {float:none; padding-left:0;}
}
@media screen and (max-width: 600px){
	#content_etc .satisfaction .text{position:relative; padding-right:85px;}
	#content_etc .satisfaction .text textarea{height:60px;}
	#content_etc .satisfaction .text input[type="submit"]{width:80px; height:60px;}
}
@media screen and (max-width: 480px){
	#content_etc .charge {padding:8px 15px 8px 55px; background-position:8px 8px; background-size:38px 38px;}
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Tab Board Tag
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.js_tab_board{position:relative; width:100%; height:265px; background:#fff url(notice_bg.gif) repeat-x left -2px;}		
.js_tab_board ul{}
.js_tab_board ul li{}
.js_tab_board ul li a{display:block; position:relative; height:46px; line-height:46px; padding:0px 38px; font-weight:normal; font-size:16px; border-right:1px solid #fff; text-decoration:none; background-color:#eee;}
.js_tab_board ul li a strong{position:relative; z-index:1; font-weight:normal;}
.js_tab_board ul li a .bg{display:none;}
.js_tab_board ul li a.on{color:#fff; background-color:#dc4262;}
.js_tab_board ul li a.on .bg{display:none;}
.js_tab_board ul li ul{width:100%; padding:0px 25px; box-sizing:border-box;}
.js_tab_board ul li ul li{position:relative; margin-bottom:3px;}
.js_tab_board ul li ul li a{overflow:hidden; height:24px; line-height:24px; padding:0px 80px 0px 10px; font-size:14px; border:none; background:url(notice_bul.gif) no-repeat left 11px; text-overflow:ellipsis; white-space:nowrap;}
.js_tab_board ul li ul li a span{display:none;}		
.js_tab_board ul li ul li a:hover{text-decoration:underline;}
.js_tab_board ul li ul li .day{position:absolute; right:0; bottom:1px; font-size:13px; color:#808080;}
.js_tab_board .more{position:absolute; right:17px; top:18px; margin:0;}
.js_tab_board .more a{height:auto; min-height:10px; padding:0; border:none; background:none;}
.js_tab_board ul li.type_01 ul li:first-child{padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #c3c3c3;}
.js_tab_board ul li.type_01 ul li:first-child a{height:65px; padding:0; font-size:15px; color:#303030; background:none;}
.js_tab_board ul li.type_01 ul li:first-child a span{display:block; line-height:20px; padding-right:80px; font-weight:normal; font-size:13px; color:#606060; white-space:normal;}
.js_tab_board ul li.type_01 ul li:first-child .day{top:12px;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Mobile_check Tag
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.js_mobile_check{display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Selectbox Tag
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.js_selectbox{position:relative; z-index:0; width:150px; height:29px; margin-bottom:6px; cursor:pointer;}
.js_selectbox ul{width:100%; min-height:33px; border:1px solid #ccc; background:#fff url(icon_arrow_bottom_03.gif) no-repeat right 13px; box-sizing:border-box;}
.js_selectbox ul li{float:none !important; overflow:hidden; position:relative; display:block; width:auto !important; height:auto !important; padding:0; border-top:1px dashed #ccc; background:none !important;}
.js_selectbox ul li:first-child{border-top:none;}
.js_selectbox ul li input{position:absolute; left:-30px;}
.js_selectbox ul li label,
.js_selectbox ul li a{cursor:pointer; text-decoration:none; font-size:13px; color:#2c2c2c;}
.js_selectbox ul li a{display:block; width:100%; height:100%; padding:8px 20px 8px 10px; box-sizing:border-box;}
.js_selectbox ul li a:hover{text-decoration:underline; background-color:#eee;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	js_slide Tag
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.js_slide{position:relative; width:100%; height:80px; padding:10px 10px 10px 130px; box-sizing:border-box;}
.js_slide .title{display:block; position:absolute; left:0; top:12px; z-index:1; width:120px; font-size:18px; text-align:center;}
.js_slide .control{position:absolute; left:0; bottom:10px; z-index:1; width:120px; text-align:center;}
.js_slide .control .count{display:none;}
.js_slide .control a[class*="btn_"]{overflow:hidden; display:inline-block; width:30px; height:28px; text-indent:-1000px; border:1px solid #eee;}
.js_slide .control a[class*="btn_"]:hover,
.js_slide .control a[class*="btn_"]:focus{background-position:center -73px;}
.js_slide .control a.btn_left{background:url(btn_icon_04.png) no-repeat center -38px;}
.js_slide .control a.btn_play{background:url(btn_icon_06.png) no-repeat center -38px;}
.js_slide .control a.btn_stop{display:none; background:url(btn_icon_07.png) no-repeat center -38px;}
.js_slide .control a.btn_right{background:url(btn_icon_05.png) no-repeat center -38px;}
.js_slide .control ul{display:none;}
.js_slide .move{overflow:hidden; position:relative; z-index:0; width:100%; height:100%;}
.js_slide .move ul{overflow:hidden; position:absolute; left:0; top:0; width:200000px; height:100%;}
.js_slide .move ul li{float:left; width:170px; height:100%; padding:0px 5px;}
.js_slide .move ul li a{overflow:hidden; display:block; position:relative; height:100%; text-align:center; background-color:#eee; box-sizing:border-box;}
.js_slide .move ul li a:hover,
.js_slide .move ul li a:focus{border:1px solid #ff6600;}
.js_slide .move ul li a span{display:block; position:absolute; left:50%; top:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
.js_slide .move ul li a img{height:100%;}

.js_slide.type_02{width:400px; height:300px; padding-top:40px; border:1px solid #eee;}
.js_slide.type_02 .title{left:10px;}
.js_slide.type_02 .control{left:auto; right:10px; top:5px; width:auto; height:30px;}
.js_slide.type_02 .control .count{display:inline-block; letter-spacing:2px; vertical-align:middle;}
.js_slide.type_02 .control .count span{font-weight:600;}
.js_slide.type_02 .control a[class*="btn_"]{border:none; width:20px; vertical-align:middle;}
.js_slide.type_02 .move{position:absolute; left:0; top:40px; height:260px;}
.js_slide.type_02 .move ul{width:100%;}
.js_slide.type_02 .move ul li{float:none; position:absolute; left:100%; top:0; width:100%; padding:0;}
.js_slide.type_02 .move ul li:first-child{left:0;}
.js_slide.type_02 .move ul li a{overflow:hidden;}
.js_slide.type_02 .move ul li a:hover{border:none;}
.js_slide.type_02 .move ul li a:focus{border:1px solid #ff6600;}

.js_slide.type_03{width:100%; height:800px; padding:0;}
.js_slide.type_03 .title{
	left:10%; top:20%; width:auto; font-size:40px; text-align:left; color:#fff;
	text-shadow:1px 1px 2px #000;
	-moz-text-shadow:1px 1px 2px #000;
    -webkit-text-shadow:1px 1px 2px #000;
    -ms-text-shadow:1px 1px 2px #000;
    -khtml-text-shadow:1px 1px 2px #000;
    -o-text-shadow:1px 1px 2px #000;
}
.js_slide.type_03 .title span{display:block; line-height:22px; margin-top:10px; font-weight:normal; font-size:16px;}
.js_slide.type_03 .control{left:0; bottom:auto; top:0; width:100%; height:100%;}
.js_slide.type_03 .control a[class*="btn_"]{position:absolute;}
.js_slide.type_03 .control a.btn_left,
.js_slide.type_03 .control a.btn_right{z-index:9; width:100px; height:100%; border:none; background:none !important;}
.js_slide.type_03 .control a.btn_play,
.js_slide.type_03 .control a.btn_stop{right:20px; bottom:20px; z-index:10;}

.js_slide.type_03 .control a.btn_left{left:0; top:0;}
.js_slide.type_03 .control a.btn_right{right:0; top:0;}

.js_slide.type_03 .control a.btn_left span,
.js_slide.type_03 .control a.btn_right span{display:block; position:absolute; left:0; top:50%; width:100px; height:100px; margin-top:-50px;}
.js_slide.type_03 .control a.btn_play span,
.js_slide.type_03 .control a.btn_stop span{display:block; width:100%; height:100%;}

.js_slide.type_03 .control a.btn_left span{background:url(btn_icon_08.png) no-repeat center 0px;}
.js_slide.type_03 .control a.btn_play{background:url(btn_icon_06.png) no-repeat center -38px;}
.js_slide.type_03 .control a.btn_stop{display:none; background:url(btn_icon_07.png) no-repeat center -38px;}
.js_slide.type_03 .control a.btn_right span{background:url(btn_icon_09.png) no-repeat center 0px;}
.js_slide.type_03 .control a.btn_play:hover,
.js_slide.type_03 .control a.btn_stop:hover{background-position:center -3px;}
.js_slide.type_03 .control a[class*="btn_"]:hover span{background-position:center -93px;}
.js_slide.type_03 .control ul{display:block; position:absolute; left:0; bottom:20px; z-index:9; width:100%; text-align:left;}
.js_slide.type_03 .control ul li{display:inline-block; margin-right:4px;}
.js_slide.type_03 .control ul li:first-child{margin-left:20px;}
.js_slide.type_03 .control ul li a{
	overflow:hidden; display:block; width:20px; height:20px; text-indent:-10000px; background-color:#fff;
	border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -ms-border-radius:10px;
    -khtml-border-radius:10px;
    -o-border-radius:10px;
    box-shadow:1px 1px 2px #333;
	-moz-box-shadow:1px 1px 2px #333;
    -webkit-box-shadow:1px 1px 2px #333;
    -ms-box-shadow:1px 1px 2px #333;
    -khtml-box-shadow:1px 1px 2px #333;
    -o-box-shadow:1px 1px 2px #333;
}
.js_slide.type_03 .control ul li a.on{width:50px;}
.js_slide.type_03 .move{position:absolute; left:0; top:0; height:100%;}
.js_slide.type_03 .move ul{width:100%;}
.js_slide.type_03 .move ul li{float:none; position:absolute; left:100%; top:0; width:100%; padding:0;}
.js_slide.type_03 .move ul li:first-child{left:0;}
.js_slide.type_03 .move ul li a{overflow:hidden; cursor:default;}
.js_slide.type_03 .move ul li a:hover,
.js_slide.type_03 .move ul li a:focus{border:none;}

@media screen and (max-width: 800px){
	.js_slide.type_03{height:500px;}
}
@media screen and (max-width: 600px){
	.js_slide.type_03{height:300px;}
	.js_slide.type_03 .title{left:0; top:15%; width:100%; padding:0px 10px; font-size:23px; text-align:center; box-sizing:border-box;}
	.js_slide.type_03 .title span{font-size:12px;}
	.js_slide.type_03 .control a.btn_left,
	.js_slide.type_03 .control a.btn_right{display:none;}
}

div[class*="slide_view_"]{position:relative; width:100%; height:auto; padding:30px 0; margin:0; text-align:center; border-bottom:1px solid #d4d4d4;}
div[class*="slide_view_"] span{position:absolute; left:0; bottom:0; width:100%; padding:6px 15px; line-height:30px; text-align:left; color:#fff; background-color:#000; opacity:0.7; box-sizing:border-box; display:none;}
div[class*="slide_view_"] span strong{display:block; font-size:16px;}
div[class*="slide_view_"] img{max-width:100%; display:block; margin:0 auto;}
.js_slide.type_04{height:80px; padding:20px 60px; box-sizing:inherit; width:auto; border-bottom:1px solid #d4d4d4; background:#f9f9f9;}
.js_slide.type_04 .title{display:none;}
.js_slide.type_04 .control{bottom:0; z-index:0; width:100%; height:100%;}
.js_slide.type_04 .control a[class*="btn_"] {border:0;}
.js_slide.type_04 .control a.btn_play,
.js_slide.type_04 .control a.btn_stop{display:none;}
.js_slide.type_04 .control a.btn_left,
.js_slide.type_04 .control a.btn_right{display:block; position:absolute; top:0; width:50px; height:100%; background:none;}
.js_slide.type_04 .control a.btn_left{left:0;}
.js_slide.type_04 .control a.btn_right{right:0;}
.js_slide.type_04 .control a.btn_left span,
.js_slide.type_04 .control a.btn_right span{display:block; position:absolute; left:0; top:50%; width:100%; height:50px; margin-top:-25px;
transition : all 0.5s ease; -webkit-transition : all 0.5s ease;
-moz-opacity:0.5; -ms-opacity:0.5; -o-opacity:0.5; -webkit-opacity:0.5; opacity:0.5; filter:alpha(opacity=50);}
.js_slide.type_04 .control a.btn_left span{background:url(gallery_left_btn.png) no-repeat center 50%;}
.js_slide.type_04 .control a.btn_right span{background:url(gallery_right_btn.png) no-repeat center 50%;}
.js_slide.type_04 .control a.btn_left:hover,
.js_slide.type_04 .control a.btn_right:hover{}
.js_slide.type_04 .control a.btn_left:hover span,
.js_slide.type_04 .control a.btn_right:hover span{-moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; opacity:1; filter:alpha(opacity=100);}
.js_slide.type_04 .control a.btn_left:hover span {left:-20%;}
.js_slide.type_04 .control a.btn_right:hover span {left:20%;}
.js_slide.type_04 .move{}
.js_slide.type_04 .move ul {border:0;}
.js_slide.type_04 .move ul li {width:130px;}
.js_slide.type_04 .move ul li a:hover,
.js_slide.type_04 .move ul li a:focus,
.js_slide.type_04 .move ul li a.on:link,
.js_slide.type_04 .move ul li a.on:visited,
.js_slide.type_04 .move ul li a.on:active,
.js_slide.type_04 .move ul li a.on:hover{border:2px solid #d60617;}
.js_slide.type_04 .move ul li a span img {display:block; margin:0 auto;}

@media screen and (max-width: 1023px){
div[class*="slide_view_"]{padding:25px 0;}
.js_slide.type_04{height:70px; padding:15px 60px;}	
.js_slide.type_04 .move ul li {width:114px;}	
}
@media screen and (max-width: 640px){
div[class*="slide_view_"]{padding:20px 0;}
.js_slide.type_04 .control a.btn_left,
.js_slide.type_04 .control a.btn_right{width:40px;}
.js_slide.type_04{height:60px; padding:15px 50px;}
.js_slide.type_04 .move ul li {width:98px;}	
}
@media screen and (max-width: 480px){
.js_slide.type_04 .control a.btn_left,
.js_slide.type_04 .control a.btn_right{width:35px;}
.js_slide.type_04{height:50px; padding:15px 40px;}
.js_slide.type_04 .move ul li {width:81px;}	
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Board Tag
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.board_search{overflow:hidden; padding:10px 0px;}
.board_search .count{float:left; line-height:30px;}
.board_search .select{float:right;}
.board_search .select select,
.board_search .select input{height:30px;}
.board_search .select select{min-width:80px;}
.board_search .select input[type="text"]{min-width:160px;}
.board_search .select input[type="submit"]{width:60px; color:#fff; background-color:#666;}
.board_search .select input[type="submit"]:hover{background-color:#000;}


/* 공통 */
.board.list .no{display:block !important; padding:20px 0px; font-weight:600; text-align:center; border-bottom:1px solid #666}
.board.list ul li p a .new,
.board.list ul li p a .js_secret{display:none; overflow:hidden; height:18px; padding:0px 3px; text-indent:-1000px;}
.board.list ul li p a .new{width:18px; background:url(icon_new.gif) no-repeat center center;}
.board.list ul li p a .js_secret{width:12px; background:url(icon_secret.png) no-repeat center center;}
.board ul ul,
.board li li{display:block !important;}

/* 일반형 */
.board.list.notice{border-top:2px solid #000;}
.board.list.notice ul{display:table; table-layout:auto; border-collapse:collapse; border-spacing:0; width:100%;}
.board.list.notice ul li{display:table-row; position:relative; border-bottom:1px solid #ccc;}
.board.list.notice ul li.point{background-color:#eee;}
.board.list.notice ul li p,
.board.list.notice ul li strong{display:table-cell; padding:10px; font-weight:normal; text-align:center; vertical-align:middle; border-left:1px solid #ccc;}
.board.list.notice ul li p p,
.board.list.notice ul li p strong,
.board.list.notice ul li strong p,
.board.list.notice ul li strong strong{display:inline; padding:0; text-align:left; border:none;}
.board.list.notice ul li p p,
.board.list.notice ul li strong p{display:block;}
.board.list.notice ul li strong:first-child,
.board.list.notice ul li p:first-child{border-left:none;}
.board.list.notice ul li.thead{border-bottom:1px solid #666; background:#eee;}
.board.list.notice ul li.thead strong,
.board.list.notice ul li.thead p{padding:13px 10px;}
.board.list.notice ul li.thead strong{border-bottom:none;}
.board.list.notice ul li strong{font-weight:600; font-size:14px;}
.board.list.notice ul li p{margin:0; font-size:13px;}
.board.list.notice ul li p a{}
.board.list.notice ul li p a strong,
.board.list.notice ul li p a .new,
.board.list.notice ul li p a .js_secret{vertical-align:bottom;}
.board.list.notice ul li p a strong{font-weight:normal;}
.board.list.notice ul li p a:hover{color:#404040;}
.board.list.notice ul li p a .photo{display:none;}
.board.list.notice ul li p a.new .new{display:inline-block;}
.board.list.notice ul li p a.js_secret .js_secret{display:inline-block;}

/* 포토형 */
.board.list.photo ul{overflow:hidden; border-bottom:1px solid #000;}
.board.list.photo ul:first-child{padding:20px 0px; border-top:2px solid #000;}
.board.list.photo ul li{position:relative; float:left; width:25%; padding:0px 10px; margin-bottom:15px; box-sizing:border-box;}
.board.list.photo ul li.thead{display:none;}
.board.list.photo ul li a{overflow:hidden; display:block; width:100%; line-height:20px; font-weight:600; text-overflow:ellipsis; white-space:nowrap;}
.board.list.photo ul li a:hover{color:#404040;}
.board.list.photo ul li a .photo{
	overflow:hidden; display:block; position:relative; width:100%; height:200px; margin-bottom:10px; background-color:#eee;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    -o-border-radius:5px;
}
.board.list.photo ul li a .photo span{display:block; position:absolute; left:50%; top:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
.board.list.photo ul li a .photo span img{height:100%;}
.board.list.photo ul li a:hover .photo span img{
	transform:scale(1.2); 
	-webkit-transform:scale(1.2);
}

/* 보도형 */
.board.list.bodo ul{overflow:hidden; border-bottom:1px solid #000;}
.board.list.bodo ul:first-child{border-top:2px solid #000;}
.board.list.bodo ul li{padding:15px 0px; border-bottom:1px dashed #ccc;}
.board.list.bodo ul li:last-child{border-bottom:none;}
.board.list.bodo ul li.thead{display:none;}
.board.list.bodo ul li p{margin:0;}
.board.list.bodo ul li p a strong,
.board.list.bodo ul li p a .new,
.board.list.bodo ul li p a .js_secret{vertical-align:bottom;}
.board.list.bodo ul li p a.new .new{display:inline-block;}
.board.list.bodo ul li a{display:block; position:relative; padding-left:210px; line-height:20px; font-weight:600; font-size:18px; text-overflow:ellipsis; white-space:nowrap;}
.board.list.bodo ul li a .photo{
	display:block; overflow:hidden; position:absolute; left:0; top:0; width:200px; height:140px; background-color:#eee;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    -o-border-radius:5px;
}
.board.list.bodo ul li a .photo span{display:block; position:absolute; left:50%; top:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
.board.list.bodo ul li a .photo span img{height:100%;}

@media screen and (max-width: 600px){
	.board.list.bodo ul li a{padding-left:0; padding-top:30px;}
	.board.list.bodo ul li a .photo{display:inline; float:left; position:relative; left:0; top:0; width:100px; height:70px; margin-right:10px;}
	.board.list.bodo ul li a strong{position:absolute; left:0; top:0; width:100%;}
}

/* qna */
.board.list.qna{border-top:2px solid #000;}
.board.list.qna ul{display:table; table-layout:auto; border-collapse:collapse; border-spacing:0; width:100%;}
.board.list.qna ul li{display:table-row; position:relative; border-bottom:1px solid #ccc;}
.board.list.qna ul li.point{background-color:#eee;}
.board.list.qna ul li p,
.board.list.qna ul li strong{display:table-cell; padding:10px; font-weight:normal; text-align:center; vertical-align:middle; border-left:1px solid #ccc;}
.board.list.qna ul li p p,
.board.list.qna ul li p strong,
.board.list.qna ul li strong p,
.board.list.qna ul li strong strong{display:inline; padding:0; text-align:left; border:none;}
.board.list.qna ul li p p,
.board.list.qna ul li strong p{display:block;}
.board.list.qna ul li strong:first-child,
.board.list.qna ul li p:first-child{border-left:none;}
.board.list.qna ul li.thead{border-bottom:1px solid #666; background:#eee;}
.board.list.qna ul li.thead strong,
.board.list.qna ul li.thead p{padding:13px 10px;}
.board.list.qna ul li.thead strong{border-bottom:none;}
.board.list.qna ul li strong{font-weight:600; font-size:14px;}
.board.list.qna ul li p{margin:0; font-size:13px;}
.board.list.qna ul li p a{}
.board.list.qna ul li p a strong,
.board.list.qna ul li p a .new,
.board.list.qna ul li p a .js_secret{vertical-align:bottom;}
.board.list.qna ul li p a.new .new{display:inline-block;}
.board.list.qna ul li p a.js_secret .js_secret{display:inline-block;}
.board.list.qna ul li p a strong{font-weight:normal;}
.board.list.qna ul li p a:hover{color:#404040;}
.board.list.qna ul li p a .photo{display:none;}

/* faq */
.board.list.faq ul{overflow:hidden; border-bottom:1px solid #000;}
.board.list.faq ul:first-child{border-top:1px solid #000;}
.board.list.faq ul li.thead{display:none;}
.board.list.faq ul li{border-bottom:1px solid #ccc;}
.board.list.faq ul li p{margin:0;}
.board.list.faq ul li p a{cursor:default;}
.board.list.faq ul li p a:link,
.board.list.faq ul li p a:visited,
.board.list.faq ul li p a:active,
.board.list.faq ul li p a:hover{text-decoration:none; color:#404040;}
.board.list.faq ul li p a strong{display:block; line-height:30px; padding:10px 10px 10px 35px; cursor:pointer; background:url(icon_q.png) no-repeat 10px 14px;}
.board.list.faq ul li p a .photo{display:none;}

/* 비밀번호 확인 */
.js_password_box{
	display:none; position:fixed; left:50%; top:50%; z-index:1001;
	width:320px; height:135px; padding:28px; margin:-81px 0px 0px -160px; background-color:#fff; box-sizing:border-box;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -ms-border-radius:10px;
    -khtml-border-radius:10px;
    -o-border-radius:10px;
    box-shadow:1px 1px 5px #333;
	-moz-box-shadow:1px 1px 5px #333;
    -webkit-box-shadow:1px 1px 5px #333;
    -ms-box-shadow:1px 1px 5px #333;
    -khtml-box-shadow:1px 1px 5px #333;
    -o-box-shadow:1px 1px 5px #333;
}
.js_password_box strong{display:block; margin-bottom:15px; font-size:16px;}
.js_password_box input[type="text"],
.js_password_box a.btn{vertical-align:middle;}
.js_password_box input[type="text"]{width:180px; height:44px; text-indent:10px;}


@media screen and (max-width: 1000px){
	/* 포토형 */
	.board.list.photo ul li{width:33.3%;}
}

@media screen and (max-width: 800px){
	/* 일반형 */
	.board.list.notice ul li{display:block; padding:0px 10px 10px 10px;}
	.board.list.notice ul li.thead{display:none;}
	.board.list.notice ul li p{display:inline-block; border:none;}

	.board.list.notice ul li p.no{display:block;}

	/* 포토형 */
	.board.list.photo ul li{width:50%;}
}

@media screen and (max-width: 600px){
	.board_search .count,
	.board_search .select{float:none;}
	.board_search .select select,
	.board_search .select input[type="text"],
	.board_search .select input[type="submit"]{width:100%; margin:1px 0px;}

	/* 포토형 */
	.board.list.photo ul li{width:100%;}
}



/* view */
.board.view{display:block;}
.board.view .detail{}
.board.view .detail li{position:relative; padding:15px 10px; border-bottom:1px solid #ccc;}
.board.view .detail li span{display:inline-block; padding:0px 10px 0px 10px; background:url(bul_01.gif) no-repeat 3px center;}
.board.view .detail li.filebox{padding-left:85px;}
.board.view .detail li.filebox strong{display:block; position:absolute; left:10px; top:15px; width:85px; padding-left:10px; font-weight:normal; background:url(bul_01.gif) no-repeat 3px center;}
.board.view .detail li.filebox ul li{padding:0; border:none;}
.board.view .detail li.filebox ul li .btn{padding-top:0 !important;}
.board.view .texts{min-height:300px; line-height:22px; padding:15px 10px; border-bottom:1px solid #ccc;}


.board.view.qna{margin-top:10px;}
.board.view.qna:first-child{margin-top:0;}


@media screen and (max-width: 600px){
	.board.view .detail li.filebox{padding-left:0}
	.board.view .detail li.filebox strong{position:static; margin-bottom:5px;}
	.board.view .detail li.filebox ul{padding-left:10px;}
}

/* add */
.board.add{border-top:2px solid #000;}
.board.add ul{display:table; table-layout:auto; border-collapse:collapse; border-spacing:0; width:100%;}
.board.add ul li{display:table-row; position:relative; border-bottom:1px solid #ccc;}
.board.add ul li.point{background-color:#eee;}
.board.add ul li p,
.board.add ul li strong{display:table-cell; padding:10px; font-weight:normal; text-align:center; vertical-align:middle; border-left:1px solid #ccc;}
.board.add ul li p p,
.board.add ul li p strong,
.board.add ul li strong p,
.board.add ul li strong strong{display:inline; width:auto; padding:0; text-align:left; border:none; background-color:transparent;}
.board.add ul li p p,
.board.add ul li strong p{display:block;}
.board.add ul li strong:first-child,
.board.add ul li p:first-child{border-left:none;}
.board.add ul li strong{width:150px; font-weight:600; font-size:14px; background-color:#eee;}
.board.add ul li p{margin:0; font-size:13px; text-align:left;}
.board.add ul li p input[type=text],
.board.add ul li p input[type=password],
.board.add ul li p textarea{max-width:100%; height:35px; line-height:35px; border:1px solid #ccc; box-sizing:border-box;}
.board.add ul li p textarea{width:100%; height:auto; line-height:22px;}

@media screen and (max-width: 600px){
	.board.add ul li strong{width:60px; font-size:12px;}
	.board.add ul li p{font-size:12px;}
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Page
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.page{text-align:center; margin:15px 0px;}
.page a{overflow:hidden; display:inline-block; margin:0px 5px; vertical-align:middle; font-size:13px;}
.page a:link,
.page a:visited,
.page a:active{color:#444;}
.page a:hover,
.page a strong{text-decoration:underline; font-weight:normal; color:#c11b2b;}
.page a.page_first,
.page a.page_left,
.page a.page_right,
.page a.page_end{width:27px; height:27px; margin:0; text-indent:-200px;}
.page a.page_left{margin-right:10px;}
.page a.page_right{margin-left:10px;}
.page a.page_first{background:url(icon_page_first.gif) no-repeat left top;}
.page a.page_left{background:url(icon_page_left.gif) no-repeat left top;}
.page a.page_right{background:url(icon_page_right.gif) no-repeat left top;}
.page a.page_end{background:url(icon_page_end.gif) no-repeat left top;}
.page a.page_first:hover{background:url(icon_page_first_ov.gif) no-repeat left top;}
.page a.page_left:hover{background:url(icon_page_left_ov.gif) no-repeat left top;}
.page a.page_right:hover{background:url(icon_page_right_ov.gif) no-repeat left top;}
.page a.page_end:hover{background:url(icon_page_end_ov.gif) no-repeat left top;}


@media screen and (max-width: 800px){
	.page a{margin:0px 3px;}
	.page a.page_first,
	.page a.page_end{display:none;}
	.page a.page_left{margin-right:5px;}
	.page a.page_right{margin-left:5px;}
}



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Board Parent Link
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.board_parent_link{
	overflow:hidden; margin-top:10px; border:1px solid #ccc;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    -o-border-radius:5px;
}
.board_parent_link ul{}
.board_parent_link ul li{position:relative; padding-left:110px; border-top:1px dashed #ccc;}
.board_parent_link ul li:first-child{border-top:none;}
.board_parent_link ul li strong{display:block; position:absolute; left:0px; top:0; width:70px; padding:15px; text-align:center; background-color:#eee;}
.board_parent_link ul li a{overflow:hidden; display:block; padding:15px; text-overflow:ellipsis; white-space:nowrap;}
.board_parent_link ul li a:link,
.board_parent_link ul li a:visited,
.board_parent_link ul li a:active,
.board_parent_link ul li a:hover{color:#404040;}



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Board Parent Link
	
	ex)
	ntt_no 				: 게시물 번호
	ntt_sj 				: 게시물 제목
	ntt_cn 				: 게시물 내용
	rdcnt 				: 조회수
	ntce_bgnde 			: 게시 시작일
	ntce_endde 			: 게시 종료일
	ntcr_id 			: 게시자 아이디
	ntcr_nm 			: 게시자명
	password 			: 비밀번호
	atch_file_id		: 게시물첨부파일아이디
	frst_register_nm 	: 최초등록시점
	frst_register_id 	: 최초등록자아이디
	last_updt_pnttm 	: 최종수정시점
	last_updusr_id 		: 최종수정자아이디
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.board .ntt_no{}
.board input.ntt_sj{width:100%;}
.board textarea.ntt_cn{height:300px !important;}
.board .rdcnt{}
.board .ntce_bgnde{}
.board .ntce_endde{}
.board .ntcr_id{}
.board input.ntcr_nm{width:150px;}
.board input.password{width:150px;}
.board .atch_file_id{}
.board .frst_register_nm{}
.board .frst_register_id{}
.board .last_updt_pnttm{}
.board .last_updusr_id{}

@media screen and (max-width: 600px){
	.board textarea.ntt_cn{height:150px !important;}
}

/** 리스트 **/
	/* 일반 */
	.board.list.notice ul li .ntt_no{width:40px;}
	.board.list.notice ul li .ntt_sj{width:auto;}
	.board.list.notice ul li .ntcr_nm{width:70px;}
	.board.list.notice ul li .frst_register_nm{width:80px;}
	.board.list.notice ul li .rdcnt{width:50px;}
	.board.list.notice ul li .atch_file_id{width:50px;}
	.board.list.notice ul li p a .ntt_cn{display:none;}

	/* photo */
	.board.list.photo ul li .ntt_no{display:none;}
	.board.list.photo ul li .ntcr_nm,
	.board.list.photo ul li .frst_register_nm,
	.board.list.photo ul li .rdcnt,
	.board.list.photo ul li .atch_file_id{display:inline-block; margin:0;}
	.board.list.photo ul li .ntcr_nm{padding-right:10px; margin-right:5px; background:url(bar_01.gif) no-repeat right center;}
	.board.list.photo ul li .frst_register_nm{position:absolute; right:10px; bottom:0;}
	.board.list.photo ul li .atch_file_id{display:none;}
	.board.list.photo ul li a .ntt_cn{overflow:hidden; display:block; height:60px; margin-top:5px; font-weight:normal; white-space:normal;}

	/* bodo */
	.board.list.bodo ul li .ntcr_nm,
	.board.list.bodo ul li .frst_register_nm,
	.board.list.bodo ul li .rdcnt,
	.board.list.bodo ul li .atch_file_id{display:inline-block; width:auto; margin:0; padding:0 10px; vertical-align:middle; background:url(bar_01.gif) no-repeat left center;}
	.board.list.bodo ul li .ntt_no{display:none;}
	.board.list.bodo ul li .ntt_sj a{min-height:100px;}
	.board.list.bodo ul li .ntcr_nm{background:none; padding-left:210px;}
	.board.list.bodo ul li a .ntt_cn{overflow:hidden; display:block; height:80px; margin-top:10px; font-weight:normal; font-size:14px; white-space:normal;}

	/* qna */
	.board.list.qna ul li .ntt_no{width:40px;}
	.board.list.qna ul li .ntt_sj{width:auto;}
	.board.list.qna ul li .ntcr_nm{width:70px;}
	.board.list.qna ul li .frst_register_nm{width:80px;}
	.board.list.qna ul li .rdcnt{width:50px;}
	.board.list.qna ul li .atch_file_id{width:50px;}
	.board.list.qna ul li p a .ntt_cn{display:none;}

	/* faq */
	.board.list.faq ul li .ntt_no{display:none;}
	.board.list.faq ul li .ntcr_nm,
	.board.list.faq ul li .frst_register_nm,
	.board.list.faq ul li .rdcnt,
	.board.list.faq ul li .atch_file_id{display:none;}
	.board.list.faq ul li p a .ntt_cn{display:none; line-height:22px; padding:10px 10px 10px 35px; border-top:1px dashed #ccc; background:#eee url(icon_a.png) no-repeat 10px 11px;}


/** 뷰 **/
	/* 공통 */
	.board.view .ntt_sj{display:block; padding:15px 10px; font-weight:600; font-size:20px; text-align:center; color:#fff; background-color:#333;}
	.board.view .ntt_cn{margin-bottom:20px;}
	/* qna */
	.board.view.qna .ntt_sj{padding-left:52px; text-align:left; background-image:url(icon_a_02.png); background-repeat:no-repeat; background-position:18px center;}
	.board.view.qna:first-child .ntt_sj{background-image:url(icon_q_02.png);}


@media screen and (max-width: 800px){
	.board.list.notice ul li p.ntt_no{
		position:absolute; left:5px; top:10px; width:40px; height:22px; line-height:22px; padding:0px; font-size:12px; color:#fff; background-color:#ccc;
		-moz-border-radius:5px;
	    -webkit-border-radius:5px;
	    -ms-border-radius:5px;
	    -khtml-border-radius:5px;
	    -o-border-radius:5px;
	}
	.board.list.notice ul li p.ntt_sj{width:100%; line-height:22px; padding-left:40px; box-sizing:border-box;}

	.board.list.notice ul li p.ntcr_nm,
	.board.list.notice ul li p.frst_register_nm,
	.board.list.notice ul li p.rdcnt,
	.board.list.notice ul li p.atch_file_id{width:auto; padding:0 10px; background:url(bar_01.gif) no-repeat left center;}
	.board.list.notice ul li p.ntcr_nm{padding-left:0; background:none;}
}
@media screen and (max-width: 600px){
	.board.list.bodo ul li .ntcr_nm{padding-left:0;}
	.board.list.bodo ul li a .ntt_cn{display:inline; height:auto; margin:0;}
	.board.list.bodo ul li a .ntt_cn span{display:inline-block;}
}



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	file img preview
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.js_file_preview{overflow:hidden; display:inline-block; position:relative; width:140px !important; box-sizing:border-box;}
.js_file_preview input[type="file"]{position:absolute; left:0; top:-10000px;}
.js_file_preview textarea{width:200px !important; height:55px !important; margin-top:5px !important;}
.js_file_preview .file_img_preview{
	overflow:hidden; display:table-cell; position:relative; width:140px; height:90px; padding:0; cursor:pointer; vertical-align:middle; text-align:center; background:#eee url(preview_img.gif) no-repeat center center; box-sizing:border-box;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    -o-border-radius:5px;
}
.js_file_preview .file_img_preview.on{background:#fff;}
.js_file_preview .file_img_preview.file{border:1px solid #eee; background:#fff;}
.js_file_preview .file_img_preview img{max-width:140px; max-height:90px; vertical-align:middle;}
.js_file_preview .file_name_preview{display:block !important; overflow:hidden; position:absolute; left:-300px; top:64px; width:100% !important; height:25px; line-height:25px; padding-left:5px !important; font-weight:normal !important; font-size:12px !important; text-align:left !important; text-overflow:ellipsis; white-space:nowrap; color:#fff; background-color:#000 !important; opacity:0.7; box-sizing:border-box;}
.js_file_preview .file_img_preview_del{overflow:hidden; display:none; position:absolute; right:0; top:0; width:26px; height:26px; text-indent:-1000px; background:url(file_img_preview_del.gif) no-repeat center center;}

@media screen and (max-width: 600px){
	.js_file_preview{width:100% !important; margin-top:5px;}
	.js_file_preview input[type="file"]{position:static; height:26px;}
	.js_file_preview .file_img_preview,
	.js_file_preview .file_name_preview{display:none !important;}
	.js_file_preview textarea{width:100% !important; margin-top:5px;}
}



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	input tooltip
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.js_layer_tip{display:inline-block; position:fixed; left:0; top:0; z-index:10000; padding:10px 15px; color:#fff; background-color:#cd6670;}
.pop-layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:101;}
	.pop-layer .pop-container {padding: 20px 25px;}
	.pop-layer p.ctxt {color: #666; line-height: 25px;}
	.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}
	
.pop-layer .box {position:absolute; width:100%; max-width:320px; left:50%; top:50%; text-align:center; padding:30px 20px; margin:-71px 0 0 -180px; height:auto; background:#fff; z-index:5; border:0;
transition : all 0.5s ease; -webkit-transition : all 0.5s ease;}	
.pop-layer .box p {text-align:center; margin:0; font-size:23px; line-height:30px; color:#084589; margin:0 0 15px 0;}
.pop-layer .box input {height:35px; line-height:37px; width:50%; border:1px solid #ccc; border-right:0; padding:0 10px;}
.pop-layer .box a.btn_ty2 {background:#4d4d4d; color:#fff; display:inline-block; vertical-align:top; height:37px; line-height:39px; padding:0 15px;}
.pop-layer span.blind {display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:#000;
-moz-opacity:0.8; -ms-opacity:0.8; -o-opacity:0.8; -webkit-opacity:0.8; opacity:0.8; filter:alpha(opacity=80);}
.pop-layer .box a.close_btn {display:block; width:46px; height:46px; background:url(layer_pop_close.png) no-repeat center 50%; text-indent:-9999px; position:absolute; right:-46px; top:0px; z-index:10;}	

@media screen and (max-width: 640px){
.pop-layer .box {max-width:220px; margin:-71px 0 0 -130px;}
}
@media screen and (max-width: 480px){
.pop-layer .box {max-width:180px; margin:-71px 0 0 -110px;}
}
	



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	mobile menu
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.htmlHighlightOff {}
#rightMenu{display:none; position:absolute; top:0; height:100%; width:100%; z-index:999;}
.totalwrap{height:100%;}
.total {overflow:hidden; position:relative;height:100%; padding-left:100px; background:#e3e3e3 none repeat scroll 0 0; z-index:9000;}
.total .total_top{position:absolute; left:0; top:0; height:52px; width:100%; background:#fff; z-index:9000;}
.total .total_top p {background:#313439; color:#fff; font-size:22px; line-height:26px; margin:0; padding:15px; height:26px; font-weight:normal; position:relative; z-index:10;}
.total .total_top .total_login{position:absolute; left:7px; top:7px; padding:10px; z-index:9000;}
.total .total_top .total_login img{height:18px; width:19px;}
.total .total_top .total_close {position:absolute; right:0; top:0; z-index:10; display:block; width:56px; height:56px; background:url(rightmenu_close.png) no-repeat center 50%; text-indent:-9999px;}
.total_mn{position:absolute; top:56px; left:0; width:100px;}
.total_mn li {width:100%; height:auto;}
.total_mn li a {display:block; font-size:17px; line-height:22px; padding:20px 10px; color:#303030; text-align:center; border-bottom:1px solid #fff; border-top:1px solid #cfcfcf; text-decoration:none;}
.total_mn li:first-child a {border-top:0;}
.total_mn li a.on {background:#d70010; color:#fff;}
.total_submn {position:relative; top:56px; height:100%; width:100%; background:#fff none repeat scroll 0 0; overflow:hidden;}
.total_submn .subcon {position:absolute; left:0; top:0; width:100%;}
.total_submn dl{margin:0 20px; border-bottom:1px solid #d6d6d6;}
.total_submn dl dt {display:block; padding:29px 10px 10px 10px; font-size:20px; line-height:26px; color:#d8000f; border-bottom:1px solid #36344a; text-decoration:none;}
.total_submn dl dd {border-bottom:1px solid #bfbfbf;}
.total_submn dl dd.open{}
.total_submn dl dd.open a{}
.total_submn dl dd:last-child{border-bottom:none;}
.total_submn dl dd > a {display:block; padding:15px; font-size:16px; color:#303030; text-decoration:none;}
.total_submn dl dd > a.on {}
.total_submn dl dd.open > a {background:url(mobile_m_bul_down.gif) no-repeat 97% 50%;}
.total_submn dl dd.open > a.on {background:url(mobile_m_bul_up.gif) no-repeat 97% 50%;}
.total_submn dl dd ul{border-top:1px solid #d6d6d6;padding:10px 0; display:none; background:#f8f8f8;}
.total_submn dl dd ul li{list-style:none;}
.total_submn dl dd ul li a{display:block; padding:5px 15px; font-size:15px; color:#858585;}
.total_submn dl dd ul li a.on {}
.lastdl{border-bottom:none;}

@media screen and (min-width: 1024px){
#rightMenu {display:none !important;}
}

 @media all and (orientation:landscape) , (min-width:720px){
	.landscape{display:;}
	.landscape .total{padding-left:200px;}
	.landscape .total_mn{overflow:hidden; width:200px;}
	.landscape .total_mn li {float:left; width:100px;}
	.total_mn li:nth-child(2) a {border-top:0;}
	.landscape .total_mn li:nth-child(odd) a {border-right:1px solid #fff;}
 }
  
 
 
 /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	error page
	
/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.error {padding:150px 0; width:100%; transition : all 0.5s ease; -webkit-transition : all 0.5s ease;}
.error .box {width:100%; max-width:470px; margin:0 auto; border-top:1px solid #dbd9d8; border-bottom:1px solid #dbd9d8; padding:100px 0 100px 330px; background:url(error_bg.jpg) no-repeat 20px 100px;
transition : all 0.5s ease; -webkit-transition : all 0.5s ease;}
.error .box h1 {color:#4a4a4a; font-size:22px; line-height:28px;}
.error .box h1 strong {display:block; font-size:50px; line-height:58px; color:#aa8b5d; margin:0 0 5px 0;}
.error .box p {font-size:15px; margin:25px 0; line-height:22px;}
.error .box .link_btn {width:100%;}
.error .box .link_btn a {display:inline-block; vertical-align:top; border:1px solid #928067; color:#fff; background:#928067; padding:15px 0; font-size:16px; width:25%; min-width:140px; text-align:center; font-weight:600;}
.error .box .link_btn a:first-child {border:1px solid #cccccc; background:#fff; color:#4e4e4e; margin-right:10px;}

@media screen and (max-width: 840px){
.error {padding:100px 3%; width:94%;}
.error .box {width:auto; max-width:100%; padding:70px 0 70px 270px; background-position:left 70px; background-size:250px auto;}	
.error .box h1 strong {font-size:42px; line-height:48px;}
}

@media screen and (max-width: 640px){	
.error {padding:60px 3%;}	
.error .box {padding:190px 0 40px 0; background-position:center 30px; background-size:200px auto;}
.error .box h1 {text-align:center; font-size:20px; line-height:26px;}	
.error .box h1 strong {font-size:38px; line-height:44px;}
.error .box p {text-align:center;}
.error .box .link_btn {text-align:center;}
.error .box .link_btn a {padding:12px 0; min-width:120px;}
}

.red2 {color:#a40001 !important; text-decoration:underline;}


/* 모집요강 */
.download{ border:1px solid #dedede; padding:10px 15px}
.download:after{ display:block; clear:both; content:""}
.download p{ font-size:20px; display:inline; position:relative; top:13px}
.download a{ float:right}
.pdf_viewer {width:auto; height:auto; padding:0 0 0 230px; position:relative; margin:25px 0 0 0; min-height:434px;}
.pdf_viewer .scroll_wrap {overflow:hidden; position:absolute; left:0; top:0; width:230px;} 
.pdf_viewer .tab {width:100%; height:auto; border-top:1px solid #ccc;}
.pdf_viewer .tab li {border-bottom:1px solid #ccc;}
.pdf_viewer .tab li a {display:block; padding:10px 15px; font-size:13px; -webkit-transition: all .3s ease; transition: all .3s ease; font-size:15px}
.pdf_viewer .tab li a.ov, .pdf_viewer .tab li a:hover, .pdf_viewer .tab li a:active {color:#fff; font-weight:600; background:#36344a; text-decoration:none}
.pdf_viewer .view {width:100%; height:auto;}
.pdf_viewer .view iframe {width:100%; height:1044px;}
.pdf_viewer .mobile {display:none;}

@media all and (max-width:1340px){
	/* 모집요강 */	
	.pdf_viewer .view iframe {height:900px;}	
	}
	
	
	@media all and (max-width:1240px){
	/* 모집요강 */	
	.pdf_viewer	{padding:0 0 0 200px;}
	.pdf_viewer .scroll_wrap {width:200px;}
	.pdf_viewer .view iframe {height:860px;}	
	}
	
	
	@media all and (max-width:1140px){
	/* 모집요강 */	
	.pdf_viewer	{padding:0 0 0 180px;}
	.pdf_viewer .scroll_wrap {width:180px;}	
	.pdf_viewer .view iframe {height:820px;}
	}


	
@media all and (max-width:1023px){
	
	.pdf_viewer	{padding:0;}
	.pdf_viewer .scroll_wrap {display:none;}
}

@media all and (max-width:640px){
	/* 모집요강 */
	.pdf_viewer .view {display:none;}
	.pdf_viewer .mobile {display:block;}
	.pdf_viewer .mobile strong {display:block; background:#3c97cb; color:#fff; padding:15px 4%; font-size:16px;}
	.pdf_viewer .mobile .cons {border:2px solid #dcdcdc; background:#fff; border-top:0; text-align:center; padding:40px 10%;}
	.pdf_viewer .mobile .cons p {display:inline-block; vertical-align:top; min-height:45px; text-align:center;}
	.pdf_viewer .mobile .cons strong {display:inline-block; vertical-align:top; background:none; color:#444; font-size:14px; padding:0;}
	.pdf_viewer .mobile .cons a {background:#646464; color:#fff; display:block; width:90px; margin:20px auto 0 auto; padding:8px 0;}
	
	.download p{font-size:18px; display:block; top:auto; margin:8px 0 8px 0;}
	.download a{ float:none;}

}