html, body {margin:0px;padding:0px; font-size:15px; color:#444; font-family: '맑은 고딕', sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,a,button,checkbox { margin:0px;padding:0px; }
li{list-style:none;}
img { border:0px;vertical-align:top; }
.img_middle { border:0px;vertical-align:middle; }
.hidden{display:none;}
/* 일반 링크 스타일 ******************************/
a:link { color: #222222; text-decoration: none; }
a:visited {color: #222222; text-decoration: none;}
a:hover { color: #bababa; text-decoration: none;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;margin:5px 0;}
.alignLeft {text-align:left;}
.vw_content img {max-width: 1150px;height:auto;}
/* Form 태그 설정 ******************************/
.txtbox {height:22px;line-height:22px;border:1px solid #828282;}
select.txtbox, input[type="file"] {
height:26px;
line-height: 30px;
background-color:white;
}
.alignCenter {text-align:center;}
.tr_class {background-color:#FFF;cursor:pointer;}
.tr_class:hover {background-color:#AEE3F6;cursor:pointer;}
.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; z-index:9503; }
.ui-dialog .ui-dialog-titlebar {padding: .4em 1em; position: relative; display: none; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; background: none; overflow: auto; background: #ffffff; color: #333333; }
.ui-widget-overlay {position: fixed; top: 0; left: 0;width:100%;height:100%; z-index:102;background:#000000 repeat;opacity: .3; filter: Alpha(Opacity=30);}
#popupWrap {position:relative;width:100%; *zoom:1;background-color:#FFF;box-sizing:border-box;}
#popupWrap h2 {float:left; font-size:18px; text-align:left; background-color:#38445d; color:#fff; width:100%; line-height:30px; padding:15px 10px 10px 20px; letter-spacing:-2px; box-sizing:border-box;}
#popupWrap h2:after {content:""; clear:both; display:block; height:0; visibility:none;}
#popupWrap span.close {cursor:pointer; position:absolute; top:15px; right:20px;}
#popupWrap img {vertical-align:middle;}
#popupWrap .subContents {clear:both;width:98%;margin:0 auto;padding-top:20px;}
.Wid05 { width: 5%;}
.Wid10 { width: 10%;}
.Wid15 { width: 15%;}
.Wid20 { width: 20%;}
.Wid25 { width: 25%;}
.Wid30 { width: 30%;}
.Wid35 { width: 35%;}
.Wid40 { width: 40%;}
.Wid50 { width: 50%;}
.Wid55 { width: 55%;}
.Wid60 { width: 60%;}
.Wid65 { width: 65%;}
.Wid70 { width: 70%;}
.Wid75 { width: 75%;}
.Wid80 { width: 80%;}
.Wid85 { width: 85%;}
.Wid90 { width: 90%;}
.Wid98 { width: 98%;}
.eventBanner {padding:0px 0px 20px 0;}
.eventBanner img {border-radius:5px;}
.tableSearch {text-align:left; margin-bottom:10px; width:100%;}
.tableSearch:after {content:""; display:block; clear:both;}
.tableSearch p.tableSearchBox {float:left; margin-right:4px;}
.tableSearch select {border:solid 1px #ddd; height:35px; color:#666; padding-left:10px; width:99%; font-family: '맑은 고딕', sans-serif; letter-spacing:-1px;}
.tableSearch input {border:solid 1px #ddd; height:31px; color:#868686; padding-left:10px; width:99%; font-family: '맑은 고딕', sans-serif; letter-spacing:-1px;}
.tableSearch p.tableSearchBtn {float:left; background-color:#333; color:#fff; line-height:35px; width:63px; letter-spacing:-1px; text-align:center; font-size:13px; cursor:pointer;}
table.tableList {clear:both; text-align:left; margin:0 auto; margin-bottom:20px; border-top:solid 3px #0f2c4f; border-bottom:solid 2px #dedee1; font-size:15px; width:100%;color:#444; }
table.tableList th {background-color:#f3f3f6; line-height:19px; padding:15px 5px 15px 5px; font-weight:700; font-size:15px; border-bottom:solid 1px #d2d2d6; letter-spacing:-1px;text-align:center;}
table.tableList td {border-bottom:solid 1px #dadada; font-weight:normal; line-height:23px; padding:10px 10px 10px 10px; letter-spacing:-1px;}
table.tableList .tableRight {border-right:solid 1px #d2d2d6;}
table.tableList .tableLeft {border-left:solid 1px #d2d2d6;}
table.tableList .tableBoth {border-right:solid 1px #d2d2d6; border-left:solid 1px #d2d2d6;}
#sub {clear:both; width:100%; *zoom:1;}
#sub:after {content:""; display:block; clear:both;}
#sub h2 {clear:both; text-align:center; background:url(/images/bg/bg_sub_top.gif) top repeat-x; line-height:81px; font-size:19px; font-weight:700; letter-spacing:-.5px; margin-bottom:20px;}
#subPage {width:1180px; margin:0 auto; margin-bottom:30px;}
#boardTable {clear:both;}
#boardTable ul {background:url(/images/bg/bg_board.gif) bottom left repeat-x; margin-bottom:4px;}
#boardTable ul:after {content:""; display:block; clear:both;}
#boardTable ul li {float:left; letter-spacing:-.5px; font-size:14px; margin-right:5px;}
#boardTable ul li a {display:block; color:#515151; line-height:28px; padding:1px 25px; border:solid 1px #cdcdcd; border-bottom:none; background-color:#edecf1; border-top-left-radius:3px; border-top-right-radius:3px;}
#boardTable ul li a:hover {text-decoration:underline; color:#515151; text-decoration:none;}
#boardTable ul li a.selected {display:block; background-color:#fff; font-weight:700;}
#boardTable {clear:both;}
#boardTable table {width:1180px; margin:0 auto; text-align:center; border-top:solid 2px #666; border-bottom:solid 2px #dedee1; font-size:15px; margin-bottom:80px;}
#boardTable table th {background-color:#fafafa; line-height:51px; padding:0 5px; font-weight:700; color:#3d3d4f; border-bottom:solid 1px #737373; letter-spacing:-1.5px;}
#boardTable table td {border-bottom:solid 1px #e4e4e4; font-weight:normal; line-height:20px; padding:13px; letter-spacing:-1px; font-size:14px;}
#boardTable table td.tbTit {text-align:left; line-height:26px; color:#333;}
#subTop {background-color:#e7f4f9; border-bottom:solid 1px #e8eff5; height:81px; margin-bottom:20px;}
#subTop .subTopNavi {width:1180px; margin:0 auto;}
#subTop .subTopNavi h2 {float:left; color:#222; font-size:19px; line-height:80px; font-weight:600; padding-left:20px; background:url("/images/icon/icon_sub_tit.gif")no-repeat 0px 35px;}
#subTop .subTopNavi ul {float:right; padding:35px 0;}
#subTop .subTopNavi ul li {float:left; border-right:solid 1px #ddd; letter-spacing:-1px;}
#subTop .subTopNavi ul li.subTopEnd {border-right:none;}
#subTop .subTopNavi ul li a {display:block; color:#444; line-height:12px; padding:0 12px;font-size:13px;}
#subTop .subTopNavi ul li a:hover {text-decoration:none; color:#888; text-decoration:underline;}
#subTop .subTopNavi ul li a.selected {display:block; text-decosration:none; font-weight:700; color:#000;}
#subMenu {border:solid 1px #e3e5e6; padding:13px 14px; background-color:#f6f7f9;}
#subMenu:after {content:""; display:block; clear:both;}
#subMenu li {float:left; background:url(/images/bg/bg_p_gallery.gif) right 6px no-repeat; padding:0 12px 0 11px; letter-spacing:-.5px; font-size:13px;}
#subMenu li.pGalleryMenuEnd {background:none;}
#subMenu span {font-weight:600; color:#6494ac;}
#subMenu li a {color:#666;}
#subMenu li a:hover {text-decoration:underline;}
#subMenu li a.selected {display:block; text-decosration:none; background-color:#24bab8; color:#fff; font-weight:600; border-radius:5px; padding:2px 8px 3px 8px;}
#subMenu li a.selected span{ color:#fff;}
#subAdBox {background:url(/images/bg/bg_ad_box.gif) top repeat-y; padding:2px; width:1076px; margin-bottom:10px;}
#subAdBox .subAdBoxBg {background-color:#FFF; height:auto;}
#subAdBox h3 {border-bottom:solid 1px #e5e5e5; line-height:46px; color:#222; letter-spacing:-.5px; font-weight:600; padding-left:32px; position:relative; font-size:15px;}
#subAdBox h3 p.subAdBtn {position:absolute; top:8px; right:10px; border:solid 1px #1f82db; border-radius:25px; font-size:14px; line-height:20px; color:#2081de; letter-spacing:-.5px; padding:4px 16px 4px 18px;}
#subAdBox ul {padding:20px 30px;}
#subAdBox ul li {margin:8px 0;}
#subAdBox ul li:after {content:""; display:block; clear:both;}
#subAdBox ul li p {float:left;}
#subAdBox ul li p.subAdBtn {width:49px; height:21px; color:#FFF; font-size:13px; background-color:#04c44b; border-radius:5px; font-weight:600; text-align:center; padding-top:4px; margin-right:8px;}
#subAdBox ul li p.subAdCom {width:47px; height:20px; color:#ff3636; font-size:13px; border:solid 1px #dedede; border-radius:25px; font-weight:600; text-align:center; padding-top:3px; margin-right:13px;}
#subAdBox ul li p.subAdList {background:url(../images/bg/bg_ad_line.gif) left no-repeat; padding-left:14px; line-height:25px; letter-spacing:-.3px; width:770px; height:25px; overflow:hidden; white-space:nowrap ;text-overflow:ellipsis;}
#subAdBox ul li p.subAdList a:hover{text-decoration:underline; color:#555;}
#subAdBox ul li p.subAdName {margin-left:47px; font-size:13px; color:#666; letter-spacing:-1px;}
#subSpon {background-color:#FFF;}
#subSpon .subSponBox {border:solid 1px #dee2e4;}
#subSpon h3 {border-bottom:solid 1px #e5e5e5; line-height:46px; color:#222; letter-spacing:-.5px; font-weight:600; padding-left:32px; position:relative; font-size:15px;}
#subSpon h3 p.subAdBtn {position:absolute; top:8px; right:10px; border:solid 1px #1f82db; border-radius:25px; font-size:14px; line-height:20px; color:#1f82db; letter-spacing:-.5px; padding:4px 16px 4px 18px;}
#subSpon p.subSponLine {line-height:0; height:3px; background-color:#eaecee;}
#subSpon ul {padding:24px 0;}
#subSpon ul:after {content:""; display:block; clear:both;}
#subSpon li {float:left; padding:0 3%; border-right:solid 1px #ededed; width:19%; margin-bottom:20px;}
#subSpon li.subSponEnd {float:left; padding:0 24px; border-right:none;}
#subSpon li span {display:block; font-size:14px; font-weight:600; color:#222; padding:24px 0 14px; width:220px; height:18px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
#subSpon li p.subSponText {font-size:13px; color:#666; width:220px; line-height:21px; height:42px; white-space:wrap; overflow:hidden;text-overflow:ellipsis;}
#subSpon li p.subSponDay {text-align:right; color:#aaa; font-size:13px; width:220px; padding:10px 0 5px 0;}
#subSpon li p a {color:#666;}
#subSpon li p a:hover{text-decoration:underline; color:#666;}
#subSpon li img {width:100%;height:120px;}
#subList {width:100%; text-align:center; padding-bottom:10px;margin-top:20px;}
#subList table {clear:both; font-size:14px; width:100%; background-color:#fff;border:solid 1px #e3e5e6;}
#subList table th {border-bottom:solid 2px #0f2c4f; text-align:center; line-height:19px; padding:16px 10px 15px 10px; font-weight:700; color:#3d3d4f; }
#subList table td {border-bottom:solid 1px #f1f1f1; text-align:center; font-weight:normal; line-height:13px; padding:15px 10px 15px 10px; letter-spacing:-.5px;}
#subList .board_title {line-height:20px;width:620px;overflow:hidden; white-space: nowrap;text-overflow:ellipsis;}
#subList table td.alignLeft {text-align:left; padding-right:60px; height:13px; overflow:hidden; white-space:nowrap;}
#subList table td.tdName {text-align:center; color:#888;}
#subList table td.colorGray {color:#888;}
#subList table td > a {color:#333;}
#subList table td > a:hover {text-decoration:underline; color:#333;}
/*자료실 업로드 파일*/
#subView {border-top:solid 2px #3d3d3d; margin:52px 0; background-color:#FFF; padding-bottom:90px; width:100%; margin:0; text-align:left;text-align:left;}
#subView .subViewTop {padding:0; text-align:left; overflow:hidden;}
#subView .subViewTop .subViewTit {background-color:#f2f3f7; padding:15px; font-size:15px; font-weight:600; margin-bottom:15px; }
#subView .subViewTop .subViewTit .gubunName {background-color:#4f97e4; color:#fff; padding:2px 8px 3px 8px; border-radius:5px; font-size:13px;margin-right:5px;}
#subView .subViewTop .subViewDate { padding: 0 0px 15px 0px; margin-bottom:5px;}
#subView .subViewTop .subViewDate:nth-last-of-type(1){border-bottom:none; }
#subView .subViewTop .subViewDate .subViewName {padding-left:32px; font-size:14px; color:#666;border:solid 1px #b0cfde; border-radius:20px; padding:2px 15px 6px 15px; box-sizing:border-box; color:#0f709e; font-weight:600;line-height:25px;}
.fileTit{font-size:0; font-weight:700; color:#848484; padding:5px 0 5px 5px;}
#subView .subViewTop .subViewDate {overflow:hidden; box-sizing:border-box;}
#subView .subViewTop .subViewFile b{display:block; padding:4px 5px; color:#888; line-height: 24px; border-top:none; width:100%; box-sizing:border-box; }
#subView .subViewTop .subViewFile .fileIcon{margin-right:5px; width:25px; height:25px; display:block; float:left;}
#subView .subViewTop .subViewFile b img{margin:-2px 5px 0 0; vertical-align:middle;}
#subView .subViewTop .subViewFile{background:#fafbfc; border:1px solid #e8eaed; border-radius:10px; padding:0; box-sizing:border-box; color:#888; }
#subView .subViewTop .subViewDate b a{color:#888; font-weight:normal; font-size:14px; margin-left:10px;}
#subView .subViewTop .subViewDate .subViewwriteday {padding-left:10px; font-size:14px; }
#subView .subViewTop .subViewDate .subViewReadnum {padding-left:10px; font-size:14px; }
#subView .subViewImg {text-align:left; padding:30px 20px; margin-bottom:40px;}
#subView table {clear:both; font-size:14px; border-top:solid 2px #0f2c4f; width:100%; margin-bottom:20px;}
#subView table th {background-color:#f2f3f7; border-bottom:solid 1px #e4e4e4; border-right:solid 1px #e4e4e4; padding:16px 0; text-align:center;}
#subView table td {border-right:solid 1px #e4e4e4; border-bottom:solid 1px #e4e4e4; text-align:left; padding-left:20px;}
#subView table .tableRight {border-right:none;}
/* 게시판 글쓰기 */
#subRegist {margin-bottom:20px;}
#subRegist table {border:solid 1px #e3e5e6;}
#subRegist table th {background-color:#f7f7f9; border-bottom:solid 1px #e9e9e9; width:120px; padding:10px 50px; text-align:left; font-size:14px; color:#444; font-weight:600; letter-spacing:-1px;}
#subRegist table td {width:950px;border-bottom:solid 1px #e9e9e9; padding:10px 19px; font-size:14px;}
#subRegist table input {border:solid 1px #ccc; border-radius:5px; padding:5px;}
#subRegist table p input {border:solid 1px #ccc; border-radius:5px; padding:7px 7px 8px 7px; color:#555;}
#subRegist table p {float:left;}
#subRegist table p.joinTableBtn {margin:6px 0 0 10px; }
#subRegist table p.joinTableBtn span {border:solid 1px #aaa; color:#666; font-weight:600; letter-spacing:-1px; font-size:13px; padding:7px 10px;}
#subRegist table select {border:solid 1px #ccc; border-radius:5px; padding:0px 0px 0px 7px; color:#555; height:30px;}
/* 게시판 하단 */
.tableBt {text-align:left; background-color:#FFF; padding:20px 0;}
.tableBt:after {content:""; display:block; clear:both;}
.tableBtBox {float:left; border:solid 1px #fff; margin-right:10px}
.tableBtBox select {border:solid 1px #d4d4d4; margin-right:10px; padding:5px; box-sizing:border-box; height:45px; float:left; color:#757575;}
.tableBtBox input { height:39px; line-height:40px; padding-left:10px; border:none;}
.tableBtBtn {float:right; display:block; background-color:#395778; border-radius:5px; font-size:14px; line-height:20px; color:#fff; letter-spacing:-1px; box-sizing:border-box; margin-top:5px;}
.tableBt .searchIcon{ overflow:hidden; width:185px; height:42px; float:left; position:relative; border:solid 1px #d4d4d4; }
.tableBt .searchIcon img{ position:absolute; right:5px; top:10px; z-index:1;}
/* 사이드뷰 */
.quick_wrap {position:relative;font-weight:normal;}
.quick_wrap .quick_view {display:none;margin:5px 0 0; font-size:12px; background:#f7fafd; z-index:1000; border-radius:9px; border:solid 3px #33b4ff; padding:5px 0;width:120px;}
.quick_wrap .quick_view:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #33b4ff transparent;}
p.quick_view span {display:block; border-bottom:solid 1px #c9dae9;}
p.quick_view a {display:block;margin:0;padding:0 10px; line-height:33px; width:100px; font-weight:normal;color:#293c4f;}
.quick_wrap p.quick_view a:hover{display:block;background:#3eb8f8; color:#fff;}
.quick_wrap p.quick_view_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
/*회원가입 */
#joinBox {background-color:#FFF; border:solid 1px #dee2e4; padding:40px 40px 60px 40px; border-radius:5px;}
#joinBox ul {padding:0; clear:both; margin:0 auto; margin-bottom:40px; overflow:hidden;}
#joinBox ul li.selected {border-bottom:3px solid #24bab8; }
#joinBox ul li {float:left; width:33.33%; font-size:17px; text-align:center; font-weight:600; border-bottom:3px solid #e3e3e3; }
#joinBox ul li p {float:left; padding-left:15px;}
#joinBox ul li p.joinBoxNb{background:#24bab8; color:#fff; width:60px; height:60px; line-height:60px; border-radius:100%; position:relative; padding:0; font-size:30px; font-weight:900; font-family: "Nanumsquare", "Nanum Gothic" sans-serif; margin-bottom:15px;}
#joinBox ul li p.joinStepTit {padding:15px 0 0 30px; font-size:20px;}
#joinBox ul li a {display:block; color:#666; }
#joinBox ul li a:hover {display:block; color:#222; text-decoration:none; background:url(/images/bg/bg_step.gif) no-repeat;}
#joinBox p.joinTop {font-size:26px; font-family: "Nanumsquare",sans-serif; padding-bottom:30px; text-align:center; color:#111; }
#joinBox .joinBoxTb {width:1100px; margin:0 auto; border-bottom:dashed 1px #d6d6d6; padding-bottom:40px; margin-bottom:30px;}
#joinBox .joinBoxTb p.joinBtnAll {font-size:14px; position:absolute; top:-3px; right:0; border:solid 1px #0fa9a7; border-radius:8px; color:#0fa9a7; line-height:33px; padding:0 23px; letter-spacing:-.5px; font-weight:600;cursor:pointer;}
#joinBox h3 { position:relative; font-size:18px; font-weight:600; color:#333; letter-spacing:-1px; padding-bottom:17px;}
#joinBox textarea {border:solid 1px #ddd; padding:2.5%; width:95%; height:120px; font-size:14px; color:#888; font-weight:600; letter-spacing:-1px; font-family: '맑은 고딕', sans-serif;}
#joinBox p.joinBoxAgree {text-align:right; padding:10px 0;}
#joinBox p.joinBoxBtn {font-size:18px; letter-spacing:-1px; color:#FFF; font-weight:600; text-align:center; width:350px; line-height:60px; border-radius:8px; background-color:#24bab8; margin:0 auto;cursor:pointer;}
/* 마이페이지 TAB */
#mypageTab {clear:both;width:100%; margin:16px 0 36px 0;}
#mypageTab:after {content:""; display:block; clear:both;}
#mypageTab ul {height:39px; border-bottom:solid 1px #ccc;}
#mypageTab ul li {float:left; color:#fff; font-size:14px; letter-spacing:-1.5px; height:39px; text-align:center; width:14%; margin-right:.3%;}
#mypageTab ul li.subTabEnd {margin-right:0;}
#mypageTab ul li a {display:block; font-size:14px; text-decoration:none; background-color:#f6f7f9; color:#999; font-weight:600; line-height:38px; border-top-left-radius:10px; border-top-right-radius:10px; border:solid 1px #ccc;}
#mypageTab ul li a:hover {display:block; color:#555; text-decoration:none;}
#mypageTab ul li a.selected {display:block; text-decosration:none; color:#444; border:none; font-weight:600; background-color:#fff; border-top-left-radius:10px; border-top-right-radius:10px; border-left:solid 1px #ccc; border-top:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 1px #fff;}
/*댓글 색상*/
.replyColor{color:#1f82db;}
/*추천하기Css*/
.recommendBtn{margin-top:40px;}
.recommendBtn .btn_recommendA{width:120px;height:120px; background:url('/images/icon/icon_recommend_A.png')center center no-repeat; display:inline-block; position:relative; cursor:pointer;}
.recommendBtn .btn_recommendB{width:120px;height:120px; background:url('/images/icon/icon_recommend_B.png')center center no-repeat; display:inline-block; color:#fff; position:relative; cursor:pointer;}
.recommendBtn{ text-align:center;}
.recommendBtn b{position:Absolute; color:#fff; bottom:20px; font-size:18px; left:50%; transform:translate(-50%);}