/* Common **********************************************************************/
*{margin: 0;padding: 0;}
body *{margin: 0;padding: 0; text-decoration: none; color: #333; list-style: none; box-sizing: border-box; -webkit-text-size-adjust: none; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', '나눔 고딕', sans-serif; font-weight: 700; box-sizing: border-box;}
h1, h2, h3, h4, h5, h6{border: none;}
button{background: none; border: none;}
img{border: none;}
body{font-size: 13px;}
select{appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff url('/Skin/images/pc/arrow_find.png') no-repeat center right 11px; padding-left: 10px; border: 1px solid #a8a8a8;}
input{border: 1px solid #a8a8a8; padding-left: 10px; background: #fff; box-shadow: none;}
input, select option, textarea{font-size: 12px; color: #333;}
input[type=password] {font-size: 12px; color: #333; font-family: 'dotum';}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input::-webkit-input-placeholder {color:#ccc;}
input:-moz-placeholder {color:#ccc; opacity:1;}
input::-moz-placeholder {color:#ccc; opacity:1;}
input:-ms-input-placeholder {color:#ccc;}
input:placeholder-shown {color:#ccc;}
table{border-collapse: collapse; width: 100%;}
.modal_layer::before{content: " "; display: block; clear: both;}
.clear::after{content: " "; display: block; clear: both;}

.gotopBtn{display: block; width: 50px; height: 50px; position: fixed; bottom: 50px; right: 25px; z-index: 9; text-align: center; border: 1px solid #ccc; padding-top: 15px; background: #fff;}
.gotopBtn img{width: 50%;}


/*check*/
.check_wrap input[type="checkbox"]{display: none;}
.check_wrap span{padding-left: 20px; position: relative; font-size: 13px; font-weight: 400;}
.check_wrap span::before{content: " "; display: inline-block; width: 13px; height: 13px; background: #fff; border: 1px solid #ccc; text-align: center; font-size: 10px; color: #444; margin-right: 5px; position: absolute; top: 0; left: 0;}
.check_wrap input:checked ~ span:before{content: "✔";  background: #fafafa;}


/*common - header, footer, board ***********/
#wrap{min-width: 1903px; max-width: 100%; margin: 0 auto;}
.lay01{width: 1650px; margin: 0 auto;}
.lay02{width: 1400px; margin: 0 auto;}

/*header*/
#header{width: 100%; height: 80px; background: #2c2f3e;}
#header .lay01{position: relative;}
#header::after{content: ""; display: block; clear: both;}
#header .logo{float: left; height: 42px; padding-top: 20px;}
#headerbg{content: ""; display: none; width: 100%; height: 270px; background: #f8f8f8; position: absolute; top: 80px; left: 0; z-index: 99; border-bottom: 1px solid #ccc;}

#header .gnb{position: absolute; left: 270px; z-index: 999; }
#header .gnb > li{float: left; position: relative; margin-right: 20px; text-align: center; width: 115px;}
#header .gnb > li:last-child{margin-right: 0;}
#header .gnb > li:nth-child(5){width: 140px;}
#header .gnb > li:nth-child(6){width: 140px;}
#header .gnb > li > a{color: #fff; font-size: 18px; font-weight: 400; display: block; width: 100%; height: 80px; line-height: 80px;}
    #header .gnb > li > a:hover{color: #e5c639; border-bottom: 3px solid #e5c639;}
    #header .gnb > li.on > a{color: #e5c639; border-bottom: 3px solid #e5c639;}
    #header .gnb > li.active > a{color: #e5c639; }
#header .gnb > li>  ul{margin-top: 20px; display: none;}
#header .gnb > li>  ul > li > a{font-size: 15px; color: #666; font-weight: 700; line-height: 28px;}
    #header .gnb > li>  ul > li > a:hover{color: #2c2f3e;}
    #header .gnb > li>  ul > li.on > a{color: #2c2f3e;}
    #header .gnb > li>  ul > li.active > a{color: #2c2f3e;}
#header .gnb > li:nth-last-child(2) > a{color: #bdc7fc;}
#header .gnb > li:last-child > a{color: #bdc7fc;}

#header .search{float: right; position: relative;}
#header .search a{display: block; width: 80px; height: 80px; background: #454859 url('/Skin/images/pc/search.jpg') no-repeat
    center center/30px; overflow: hidden; line-height: 999; text-indent: 999;}
.search_ipBox{position: absolute; bottom: -35px; right: 0; height: 35px; z-index: 5; width: 200px; height: 35px; display: none;}
.search_ipBox input[type="text"]{width: 100%; height: 100%; border: 1px solid #ccc; position: absolute;}
.search_ipBox button{position: absolute; width: 35px; height: 33px; top: 1px; right: 1px; background: #454859; text-align: center; padding-top: 3px;}
.search_ipBox button img{width: 60%;}

#header .top_menu{float: right; margin-left: 45px;}
#header .top_menu a{margin-right: 30px; color: #fff; font-size: 13px; line-height: 80px; font-weight: 400; }
#header .top_menu a:last-child{margin-right: 0;}


/*footer*/
#footer{width: 100%; height: 120px; background: #3d3d3d;}
#footer .lay01::after{clear: both;}
#footer .logo{padding-top: 40px; display: block; float: left;}
#footer .footer_txt{float: left; margin-top: 45px; margin-left: 60px; }
#footer .footer_txt .txt{display: flex; align-items: center; gap: 15px}
#footer .footer_txt span{color: #fff; font-weight: 400;}
#footer .footer_txt .copyright{color: #fff; font-weight: 400; margin-top: 10px;}


/*board --------------------*/
/*board - index*/
.boardList ul{display: table; table-layout: fixed; width: 100%;}
.boardList li{display: table-cell; vertical-align: middle;}
.boardList li.check{width: 5%;}
.boardList li.num{width: 8%;}
.boardList ul li.name{width: 10%;}
.boardList ul li.hit{width: 10%;}
.boardList ul li.date{width: 12%;}
.boardList ul li.current{width: 12%;}
.boardList ul li.category{width: 5%;}
.boardList ul li.subject{text-align: left; padding-left: 30px; display: table-cell}
.boardList ul li.subject a{display: block; max-width: 95%; }
.boardList ul li.subject a b{display: inline-block; max-width: 83%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle;}

.boardList header ul{border-top: 1px solid #38447c;  border-bottom: 1px solid #d6d6d6; background: #f9f9f9; height: 53px; line-height: 53px;}
.boardList header ul li{text-align: center;  color: #000; font-size: 15px;}

.boardList article ul{border-bottom: 1px solid #d6d6d6;}
.boardList article ul li{height: 50px; line-height: 50px; font-size: 15px; text-align: center; }

.boardList .youtubeFrameWrap{width: 100%; height: 312px;}

.lockDoc{width: 14px; height: 14px; overflow: hidden; display: inline-block; vertical-align: middle; margin-left: 5px}
.lockDoc::before{content: ""; display: block; width: 100%; height: 100%;  background: url('/Skin/images/pc/board_lock.png') no-repeat center center/11px; ; }
.replyDoc{display: inline-block; width: 33px; height: 17px; overflow: hidden; text-indent: 999; line-height: 999; background: url('/Skin/images/pc/reply.png') no-repeat center center/contain; margin-right: 5px; margin-bottom: -3px;}
.newDoc{display:inline-block; width:16px; height:16px; vertical-align:middle; overflow:hidden; text-align:center; background:#c10; border-radius:3px; margin-left: 8px;}
.newDoc:before{content:'N'; display:block; width:100%; height:100%; margin-bottom:10px; color:#fff; font-weight:800; line-height:16px; font-size:11px;}


.leftSysBtn{padding-top:10px;}
.leftSysBtn:after{content:' '; display:block; clear:both}
.leftSysBtn > *{margin:0 2px;}
a.btn1, button.btn1{background:#fff; color:#333; border:1px solid #ccc;}
a.btn2, button.btn2{background:#3c4155; color:#fff;}
a.btn3, button.btn3{background:#c10; color:#fff;}
.right_btn::after{content: ""; display: block; clear: both;}
.right_btn .boardWriteBtn{float: right; width: 80px; height: 30px; line-height: 30px; background: #888; margin-top: 30px;}

.boardList .lock{float: left; margin-left: 10px;}

a.sBtn, button.sBtn{display:inline-block; padding:3px 10px; background:#929599; color:#fff; vertical-align:middle; font-size:12px; line-height:16px;}
a.mBtn, button.mBtn{display:inline-block; min-width: 62px; height:30px; padding:0 10px; text-align:center; background:#929599; color:#fff; vertical-align:middle; font-size:14px; line-height:18px;}
a.bBtn, button.bBtn{display:inline-block; min-width:200px; height:40px; text-align:center; padding:0 20px; background:#929599; color:#fff; vertical-align:middle; font-size:16px; line-height:24px;}
a.sBtn:before, a.mBtn:before, a.bBtn:before{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}

.search_wrap{width: 100%; height: 78px; margin: 40px 0; text-align: center; background: #f7f7f7; border: 1px solid #d6d6d6; padding-top: 24px;}
.search{display: inline-block;}
.search::after{content: ""; display: block; clear: both;}
.search_wrap02{margin-top: 0;}
.search_wrap .d_select{width: 120px; min-width: 100px; height: 30px; font-size: 14px; font-weight: 700; padding-left: 10px; border: 1px solid #c7c7c7; float: left;}
.search_wrap .d_input{width: 360px; height: 30px; margin: 0 5px; border: 1px solid #c7c7c7; float: left;}
.search_wrap .d_btn{width: 80px; height: 30px; font-size: 14px; font-weight: 700; background: #38447c; color: #fff; float: left;}

/*gallery board list index*/
.galleryBoard .articles::after{content: ""; display: block; clear: both;}
.galleryBoard .articles article{width: 364px; height: 454px; border: 1px solid #ccc; background: #f9f9f9; padding: 25px 23px; float: left; margin-bottom: 20px; position: relative;}
.galleryBoard .articles article:nth-child(3n-1){margin: 0 20px;}
.galleryBoard .articles article .prevImg{width: 100%; height: 312px; overflow: hidden; background:no-repeat center center; background-size:cover;}
.galleryBoard .articles article .prevImg img{height: 100%;}
.galleryBoard .articles article ul{border: none; }
.galleryBoard .articles article ul li{color: #111; float: none; display: block;}
.galleryBoard .articles article ul .subject{padding-left: 0; font-size: 18px; }
.galleryBoard .articles article ul .name{font-size: 15px;  width: auto; height: auto; line-height: 20px; text-align: left;}
.galleryBoard .articles article ul .date{font-size: 15px;  width: auto; height: auto; line-height: 20px; text-align: left; color: #555;}
.galleryBoard .articles article ul .check{position: absolute; right: 10px; bottom: 0;}


/*paging*/

.paging{clear:both; margin-top: 54px; text-align:center;}
.paging span,.paging a,.paging strong{display:inline-block; border:1px solid #ddd; color:#7c7a7a; line-height: 30px; min-width: 30px; height: 30px; overflow:hidden;  font-size: 13px;}
.paging span{color: #666; background: #e3e3e3;}
.paging a{color:inherit;}
.paging strong{background:#38447c; color:white; border:0;}
.paging .first, .paging .last{display:none;}
.paging .first,.paging .prev,.paging .prevp,.paging .nextp,.paging .next,.paging .last{width: 30px; height: 30px;}
.paging .prev:before{content:'<<'; display:block; height:100%;}
.paging .prevp:before{content:'<'; display:block; height:100%;}
.paging .nextp:before{content:'>'; display:block; height:100%;}
.paging .next:before{content:'>>'; display:block; height:100%;}

/*board - view*/
.BoardView{width: 100%; margin: 0 auto; margin-top: 90px; margin-bottom: 200px;}
    .BoardView header{border-top: 1px solid #38447c;  border-bottom: 1px solid #d6d6d6; background: #f9f9f9; min-height: 53px; padding: 13px 20px;}
    .BoardView header::after{content: ""; display: block; clear: both;}
	.BoardView .title{font-size: 17px; font-weight: 600; width: 57%; display: inline-block;  word-break: break-all; line-height: 25px; float: left;}
	.BoardView .h_info{float: right;}
	.BoardView .h_info::after{content: ""; display: block; clear: both;}
	.BoardView .h_info b{font-size: 14px; font-weight: 400; color: #999;}
	.BoardView .h_info li{font-size: 14px; font-weight: 400; color: #999; float: left; line-height: 25px;}
	.BoardView .mname{font-size: 14px; color: #999; float: left;  }
	.BoardView .date{font-size: 14px; color: #999; float: left; }
    .BoardView .h_info li::before{content: "|"; display: inline-block; margin: 0 10px; }
    .BoardView .h_info li:first-child::before{display: none;}
	.BoardView  .count{font-size: 14px; color: #999; float: left; }

    .BoardView .contents{min-height: 400px; text-align: left;  border-bottom: 1px solid #d6d6d6; padding: 40px 30px; margin: 0 5px; white-space: pre-line; line-height: 33px; color: #666; font-size: 15px; font-weight: 400;}
    .BoardView .contents > p{text-align: left;  line-height: 33px; color: #666; font-size: 15px; font-weight: 400;}
    
    .BoardView  .bottomBtn{float: right;}
    .BoardView  .bottomBtn .mBtn {display: block; width: 80px; height: 30px; line-height: 30px; text-align: center; background: #888; font-size: 14px; color: #fff; float: left; margin-top: 30px; margin-left: 5px;}

    .BoardView .contents img{max-width:100% !important; }
    .BoardView .links{display:table; width:100%; table-layout:fixed; border-bottom:1px solid #e6ecf2;}
    .BoardView .links dt{display:table-cell; width:50px; color:#b8c2cc; font-weight:700; font-size:11px; vertical-align:middle; padding:5px 10px;}
    .BoardView .links dd{display:table-cell; vertical-align:middle; padding:5px 10px;}
    .BoardView .links a{font-weight:700; font-size:12px; text-decoration:underline;}
    .BoardView div.image{padding-bottom:10px; text-align: center;}
    .youtube{margin-bottom:10px;}

    /*replay*/
    .nothing{text-align:center; color:#888; margin: 100px 0;}

    #Reply{padding-top:50px; width:100%; margin:0 auto; }
    #Reply h3{padding-bottom: 25px;}
    #Reply h3 .rtitle{font-size: 20px; color: #000; border-bottom: 1px solid #000;  width: 100px;}
    #Reply h3 .num{font-weight:400; color:#888; font-size:12px;}
    #Reply fieldset{border:0;}
    #Reply textarea{width:100%; resize:none;}
    .repAttachImg{display:inline-block; padding-bottom:10px;}
    .repAttachImg img{max-width:200px; max-height:200px;}


    .replyWrite{margin-bottom:20px; padding: 16px; border: 1px solid #ccc;}
    .replyWrite fieldset{padding:5px 0;border-top:1px solid #b8c2cc;}
    .replyWrite fieldset.user{display:table; width:100%; table-layout:fixed; background:#e6ecf2;}
    .replyWrite fieldset.user dl{display:table-cell;}
    .replyWrite fieldset.user dt{display:inline-block; width:100px; text-align:center; font-size:12px; font-weight:700; color:#828b99;}
    .replyWrite fieldset.user dd{display:inline-block;}
    .replyWrite fieldset.text{position:relative; padding-right: 80px;}
    .replyWrite fieldset.text textarea{height: 80px; margin:0; border: 1px solid #ccc;}
    .replyWrite fieldset.text .btn{position:absolute; top:5px; right:0; width: 85px; height: 80px;}
    .replyWrite fieldset.text .btn button{width:100%; height:100%; background:#38447c; font-size: 15px; color:#fff;  text-align:center;}
    .replyWrite div.option{padding:0;}
    .replyWrite div.option:after{content:' '; display:block; clear:both}
    .replyWrite div.option > span{float:left; width:80px;}
    .replyWrite div.option .fileUploadArea2{padding:0; float:left;}

    .reply_secret

    .replyAnswer fieldset.text{padding-right:0;}

    .replyDelete{position:absolute; top:50%; left:50%; padding:10px 20px; margin-bottom:0; border:1px solid #e6ecf2; background:rgba(255, 255, 255, 0.8); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); text-align:center;}
    .replyDelete fieldset{border:0;}
    .replyDelete fieldset.pwd p{font-size:11px; margin-right:5px; color:#828b99; line-height:15px; vertical-align:middle; font-weight:700;}
    .replyDelete fieldset.pwd span.pwdinp{display:block; padding-top:10px; vertical-align:middle;}
    .replyDelete .btn{padding-top:10px;}

    #replyListContents{font-size:0.90em;}
    #replyListContents article{position:relative; border-bottom:1px solid #b8c2cc;}
    #replyListContents article:first-child{border-top:1px solid #b8c2cc;}
    #replyListContents header{padding:7px; background:#e6ecf2;}
    #replyListContents header:after{content:' '; display:block; clear:both}
    #replyListContents header b{display:inline-block; font-weight:700; margin-right:5px;}
    #replyListContents .btns{float:right;}
    #replyListContents .btns a{float:left; display:block; padding:2px 5px; background:#3c4155; color:#fff; font-size:0.9em; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
    #replyListContents .btns a + a{margin-left:5px;}
    #replyListContents .btns a.replyActionBtn{font-weight:400; border:1px solid #3c4155; line-height:11px; background:#828b99; color:#fff;}
    #replyListContents .btns a.replyActionBtn .num,
    #replyListContents .btns a.replyActionBtn b{color:#fff;}
    #replyListContents .btns a.replyActionBtn.already{font-weight:700; background:#3c4155;}
    #replyListContents .btns a.replyReportActionBtn{background:#713f73; border-color:#341133; color:#fff;}
    #replyListContents .btns a.replyReportActionBtn.already{background:#341133;}
    #replyListContents form .btn{text-align:right;}
    #replyListContents form .btn button + button{margin-left:5px;}
    #replyListContents .comment{padding:10px; line-height:1.5em;}
    #replyListContents .comment b{color:#999; margin-right:10px;}
    #replyListContents a.pwdView{color:#713f73; display:inline-block; margin-left:5px; font-weight:700;}
    #replyListContents .fileUploadArea2{padding:0; line-height:30px;}

    .repLayer{position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:#999; background:rgba(0,0,0,0.1);}
    .repLayer form{position:absolute; top:50%; left:50%; width:400px; padding:20px; margin:-80px 0 0 -150px; border:2px solid #333; background:#fff; text-align:center;}
    .repLayer div.btn{padding-top:10px;}
    .repLayer div.btn button + button{margin-left:5px;}
    .repLayer .targetContent{text-align:left; font-size:0.9em;}
    .repLayer textarea{height:80px;}
    .repLayer fieldset.user{text-align:left;}
    .repLayer fieldset.user dl,.repLayer .repLayer fieldset.user dt,.repLayer .repLayer fieldset.user dd{display:inline-block;}
    .repLayer fieldset.user dd input{width:100px;}
    .repLayer fieldset.pwd{text-align:center;}
    .repLayer fieldset.pwd p{font-weight:700; padding:15px 0 5px;}

/*board - write*/
table.write{width:100%; table-layout:fixed; border-collapse:collapse; margin-top: 40px;}
table.write th{width:200px; padding-left: 22px; border-bottom:1px solid #d6d6d6; border-width:1px 0; text-align:left; font-size: 18px; background:#f7f7f7; height:40px;}
table.write td{padding:10px; border-bottom:1px solid #d6d6d6; border-width:1px 0; text-align:left;}
table.write tr:nth-child(1){border-top: 1px solid #38447c;}
table.write label + label{margin-left:10px;}
table.write select{min-width: 100px; padding-right: 35px;}
table.write select + select{margin-left:10px;}
table.write p + p{margin-top:5px;}
table.write textarea{height:250px; width:100%; resize:none;}
table.write input[type=text], table.write input[type=tel], table.write input[type=email], table.write input[type=password]{height:30px; font-size:16px;}
table.write span.guide{display:inline-block; vertical-align:middle; padding-left:10px; color:#777;}
i.requiredBullet{font-weight:700; color:#c10; float:left; margin-right:5px; -moz-transform:translate(0, -5px); -webkit-transform:translate(0, -5px); -ms-transform:translate(0, -5px); -o-transform:translate(0, -5px); transform:translate(0, -5px);}
.fileUploadBtn {display:inline-block; padding:3px 10px; background:#929599; color:#fff; vertical-align:middle; font-size:12px; line-height:16px;}

.boardCategoryArea.write{margin-top: 90px;}
.board_write{width: 100%; margin: 0 auto; }
    .board_write table{border-collapse: collapse; width: 100%;}
    .board_write table tr:first-child td{border-top: 1px solid #38447c;}
    .board_write table td{height: 53px; padding: 10px 0 10px 13px; border-bottom: 1px solid #eaeaea;}
    .board_write table .col1{width: 198px; padding-left: 26px; background: #f7f7f7;}
    .board_write table input[type="text"]{width: 100%; height: 32px; border: 1px solid #ccc;}
    .board_write table .password{width: 394px;}
    .board_write table .textarea{width: 100%; height: 503px; border: 1px solid #ccc;}
    .board_write table .check_wrap span{font-size: 15px; color: #333; font-weight: 400; position: relative; padding-left: 25px;}

    table.boardCategoryArea input[type="number"],
    table.boardCategoryArea input[type="text"]{width: 100%; height: 32px; border: 1px solid #ccc;}
    .board_write table .password{width: 394px;}
    table.boardCategoryArea textarea{width: 100%; height: 503px; border: 1px solid #ccc;}
    .board_write table .check_wrap span{font-size: 15px; color: #333; font-weight: 400; position: relative; padding-left: 25px;}

    .boardWrite{text-align: center; margin-top: 70px;}
    .boardWrite .btnWrap{display: inline-block;}
    .boardWrite .btnWrap a,
    .boardWrite .btnWrap button{display: inline-block; width: 120px; height: 45px; font-size: 18px; font-weight: 700; margin-right: 10px;}
    .boardWrite .btnWrap .write_in{background: #38447c; color: #fff;}
    .boardWrite .btnWrap .write_cancle{background: #adadad; color: #fff; line-height: 45px;}

    /*board - write table style*/
    .tb_style{width: 100%; height: 575px; overflow-y: auto; border: 1px solid #ccc; padding: 22px;}
    .wi_table{width: 100%; margin: 0 auto;}
    .wi_table tr td{font-size: 15px; height: 70px; border-bottom: 1px solid #ccc; padding: 5px 0; text-align: center; border-right: 1px solid #ccc;}
    .wi_table tr .col1{width: 78px;}
    .wi_table tr .col2{width: 95px;}
    .wi_table tr .col3{width: 68px; font-weight: 400;}
    .wi_table tr .col4{width: 68px;}
    .wi_table tr .col5{width: 140px;}
    .wi_table tr .col6{width: auto; text-align: left; padding-left: 35px; line-height: 25px; white-space: initial;}
    .wi_table tr.first td{height: 44px; border-top: 1px solid #38447c; border-bottom: 1px solid #ccc; background: #aab9fd; color: #fff; text-align: center; font-weight: 700;}

#youtube_slide{height: 100%;;}
.swiper-slide2{float: left;}
.swiper-wrapper2{height: 100%;}
#youtube_slide .thumbnail{width:250px; height:160px; background:no-repeat center center; background-size:cover;}

/*로그인*/
.member_box{margin-top:30px; margin-bottom:248px; border:5px solid #eee; border-radius:15px; padding:35px 30px;}
.member_box fieldset{border: none;}
.member_box > h2{margin-bottom: 20px;}
.member_box.login{width: 600px; margin: 50px auto 0 auto;}
.member_box02{text-align:center;}
.idpw_box{display:inline-block;}
.idpw_box:after{content:""; display:block; clear:both;}
.idpw_box > .login_idpw{float:left; display:inline-block;}
.idpw_box > .login_idpw > div{margin-bottom:10px;}
.idpw_box > .login_idpw > div > span{display:inline-block; width:70px; font-size:13px; color:#000; font-weight:700; text-align: left;}
.idpw_box > .login_idpw > div >  input[type="text"],
.idpw_box > .login_idpw > div >  input[type="password"],
.idpw_box > .login_idpw > div >  input[type="email"]{width:192px; height:35px; border:1px solid #c6c6c6; border-radius:5px;}
.login_btn{margin-left:18px; float:left; display:inline-block; width:100px; height:80px; background:#38447c; border-radius:5px; line-height:80px; text-align:center;}
.login_btn > button{font-weight:700; display:block; width:100%; height:100%; font-size:14px; color:#fff;}
.login_box > input[type="checkbox"]{display:none;}
.login_box > input[type="checkbox"] + label{color:#939292; font-size:11px;}
.login_box >  input[type="checkbox"] + label span{position:relative; display: inline-block; width:13px; height:13px; cursor:pointer; margin-right:6px; border:1px solid #9c9c9c; vertical-align:top;}
.login_box >  input[type="checkbox"]:checked + label span:before {content: "✓"; position: absolute; left: 50%; top: 50%; margin-top: -6.5px; margin-left: -6.5px; display: block; width: 13px; height: 13px; color: #9c9c9c;}
.login_box > .info_search{position:relative; padding:0 11px;}
.login_box > .info_search > a{font-size:11px; color:#939292; }
.login_box > .info_search:after{content:""; display:block; position:absolute; top:50%; margin-top:-5px; right:0; width:1px; height:10px; background:#e8e8e8;}
.login_box > .info_search:last-child:after{display:none;}
.goJoin, .findSubmit{display: block; width: 120px; height: 35px; line-height: 35px; text-align: center; background: #868686; color: #fff; font-weight: 700; font-size: 15px; border-radius: 5px; margin: 30px auto 0 auto;}


.member_box.find{width: 600px; margin: 50px auto 0 auto;}
.member_box.find .idpw_box > .login_idpw > div > span{margin-right: 30px;}
.member_box.find .bottomBtn button,
.member_box.find .bottomBtn a{border-radius: 5px; margin: 0 5px;}


/*member-회원가입*/
.member_box{margin-top:100px; margin-bottom:248px; border:5px solid #eee; border-radius:15px; padding:35px 30px;}
.member_box > .member_caption{font-size:13px; color:#666; font-weight:700;}
.member_box > .member_caption > span{color:#38447c;}
.member_cont{margin-top:30px;}
.member_cont > h4{font-size:15px; color:#333; font-weight:700;}
.member_cont .join_terms{margin-top:15px; width:100%; height:172px; padding:20px; border:1px solid #dddddd; background:#f7f7f7; overflow-y: scroll; white-space: pre-line}
.member_cont .join_terms *{font-size:12px; color:#666; line-height:17px; background-color:#f7f7f7!important;}
.loginchk_box{margin-top:15px; display:inline-block;}
.loginchk_box > input{}
.loginchk_box input[type="checkbox"]{display:none; vertical-align:middle;}
.loginchk_box input[type="checkbox"] + label{color:#333; font-size:13px; font-weight:700;}
.loginchk_box label span{padding-left: 20px; position: relative;}
.loginchk_box label span::before{content: ""; position: absolute; left: 0; display: inline-block; width:13px; height:13px; cursor:pointer; margin-right:6px; border:1px solid #9c9c9c; font-size: 11px; text-align: center; line-height: 15px;}
.loginchk_box input[type="checkbox"]:checked ~ span:before {content: "✓";}

.mbtn_box{margin: 40px 0; text-align:center;}
.mbtn_box a, .mbtn_box button{display: block; color:#ffff; font-size:15px; font-weight:700; display:block; width:120px; height:40px; display:inline-block; line-height:40px; text-align:center; border-radius:5px;}
.mbtn_box .confirmbtn{background:#38447c; margin-right:6px;}
.mbtn_box .cancle{background:#868686;}


    /*회원가입_정보입력*/
        .member_table{text-align:left; width: 100%;}
        .member_table tr{border-bottom:1px solid #e6e6e6;}
        .member_table tr th{color:#333; font-size:13px;     line-height: 50px; width:110px;}
        .member_table tr td input[type="checkbox"].radio_chk{display:none;}
        .member_table tr td input[type="checkbox"].radio_chk + label{font-size:12px; color:#333; margin-right:20px;}
        .member_table tr td input[type="checkbox"].radio_chk + label span{display:inline-block; width:20px; height:20px; border:1px solid #cfcfcf; border-radius:100px; position:relative; vertical-align:middle; margin-right:10px; }
        .member_table select,
        .member_table input[type="text"], .member_table input[type=email],
        .member_table input[type="password"]{width:152px; height:30px; border-radius:5px; border: 1px solid #ccc;}
        .member_table input[type="text"].mb_email{width:245px}
        .member_table tr td p{margin-left:10px; display:inline-block; vertical-align:bottom; font-size:12px; color:#333;}

        .member_table .radio_chk{display: none;}
        .member_table .radio_label{margin-right: 20px;}
        .member_table .radio_label span{position: relative; padding-left: 30px; font-size: 12px; line-height: 20px; display: inline-block; height: 20px;}
        .member_table .radio_label span::before{content: ""; display: block; width: 20px; height: 20px; border-radius: 20px; border: 1px solid #ccc; position: absolute; left: 0; top: 0;}
        .member_table .radio_label span::after{content: ""; display: block; position: absolute; width: 12px; height: 12px; border-radius: 12px; background: #555; left: 5px; top: 5px; display: none;}
        .member_table .radio_label input[type="radio"]:checked ~ span::after{display: block;}
        
        .member_table .guide{margin-left:10px; display:inline-block; vertical-align:bottom; font-size:12px; color:#333;}
        .member_table .sameCheck{margin-left: 5px; border-radius: 5px;}

    /*회원가입_완료멘트*/
        .member_box.success{width: 676px; margin: 50px auto 0 auto;}
        .member_completion{text-align:center;}
        .member_completion b{display:block; font-weight:700; font-size:20px; color:#333; padding-bottom:20px;line-height:28px;}
        .member_completion p{font-size:15px; color:#444; letter-spacing:-0.045em;}
        .member_completion > .mbtn_box{margin:40px 0 0px 0;}

/* ---------------------------------------------------------------------
*Common
* --------------------------------------------------------------------- */
.colorTest{color:#e6ecf2; color:#b8c2cc; color:#828b99; color:#3c4155; color:#713f73; color:#341133; color:#3de7a5; color:#585f7c;}
a.sBtn, button.sBtn{display:inline-block; padding:3px 10px; background:#929599; color:#fff; vertical-align:middle; font-size:12px; line-height:16px;}
a.mBtn, button.mBtn{display:inline-block; min-width:100px; height:30px; padding:0 10px; text-align:center; background:#929599; color:#fff; vertical-align:middle; font-size:14px; line-height:18px;}
a.bBtn, button.bBtn{display:inline-block; min-width:200px; height:40px; text-align:center; padding:0 20px; background:#929599; color:#fff; vertical-align:middle; font-size:16px; line-height:24px;}
a.sBtn:before, a.mBtn:before, a.bBtn:before{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}

a.btn1, button.btn1{background:#adadad; color:#fff;}
a.btn2, button.btn2{background:#38447c; color:#fff;}
a.btn3, button.btn3{background:#c10; color:#fff;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}

input[type=email], input[type=text], input[type=password], input[type=tel], input[type=file], select, textarea {border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; height:30px; line-height:28px;}
select{height:30px; line-height:28px;}

p.alert{padding-bottom:20px; color:#c10;}

.modalConfirm{position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:#999; background:rgba(0,0,0,0.1);}
.modalConfirm form{position:absolute; top:50%; left:50%; width:300px; padding:20px; margin:-80px 0 0 -150px; border:2px solid #333; background:#fff; text-align:center;}
.modalConfirm p{font-weight:700; padding-bottom:15px;}
.modalConfirm .sPopBtns{padding-top:10px;}
.modalConfirm .sPopBtns button + *{margin-left:5px;}
.modalConfirm .sPopBtns a + *{margin-left:5px;}

.nothing{text-align:center; color:#888; padding:20px 0;}

span.secretDoc{position:relative; display:inline-block; width:16px; height:16px; overflow:hidden; vertical-align:middle;}
span.secretDoc:before{content:''; display:block; width:10px; height:8px; margin:6px auto 5px; background:#828b99; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
span.secretDoc:after{content:''; position:absolute; top:1px; left:50%; display:block; width:5px; height:10px; border:1px solid #828b99; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -moz-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0);}
span.answerDoc{position:relative; display:inline-block; width:14px; height:14px; margin-right:3px; overflow:hidden; vertical-align:middle;}
span.answerDoc:before{content:''; display:block; width:50%; height:50%; margin-bottom:100%; border:1px solid #828b99; border-width:0 0 4px 1px; border-radius:50% 0 0 50%; -webkit-border-radius:50% 0 0 50%; -moz-border-radius:50% 0 0 50%;}
span.answerDoc:after{content:''; position:absolute; top:50%; right:0; display:block; border-left:8px solid #828b99; border-top:5px solid transparent; border-bottom:5px solid transparent; -moz-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%); margin-top:2px;}

/* 모달창 */

.modal_layer{position:fixed; top:0; left:0; z-index:5000; display:none; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.modal_layer .modal_wrap{position:fixed; top:50%; left:50%; z-index:2; width:400px; height:300px; padding-top:50px; max-width:90%; max-height:90%; background:#F7F7F7; -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.modal_layer .modal_header{position:absolute; top:0; left:0; width:100%; height:50px; background:#38447c;}
.modal_layer .modal_header h1{padding:0 80px 0 20px; height:100%; font-size:16px; color:white; overflow:hidden; line-height:50px;}
.modal_layer .modal_header .close{position:absolute; top:16px; left:100%; margin-left:-38px; line-height:16px; font-size:18px; color:white; cursor:pointer; text-align:center;}
.modal_layer .modal_header .close{margin-left:-35px; font-size:24px;}
.modal_layer .modal_header .close i{font-size:16px;}
.modal_layer .modal_header .close i:before,.modal_layer .modal_header .close i:after{background:#fff;}
.modal_layer .submit_btn button{height:40px; font-size:14px; width:100px;}
.modal_layer .modal_contents{height:100%; overflow-y:auto;}
.modal_layer .modal_contents .modal_inner{padding:20px;}

#contents.main{width:970px; margin:0 auto; padding:20px 0;}
#contents.main section > header{position:relative; padding:7px 10px; background:#e6ecf2; line-height:20px;}
#contents.main section > header a.more{position:absolute; top:7px; right:10px; font-size:12px; font-weight:700; color:#828b99; text-decoration:underline;}
#contents.main section > header a.more i{display:inline-block; width:6px; height:6px; margin-left:3px; border:1px solid #828b99; border-width:1px 1px 0 0; vertical-align:middle; -moz-transform:rotate(45deg) translate(0, -1px); -webkit-transform:rotate(45deg) translate(0, -1px); -ms-transform:rotate(45deg) translate(0, -1px); -o-transform:rotate(45deg) translate(0, -1px); transform:rotate(45deg) translate(0, -1px);}
#contents.main section > header h2{padding:0; background:none;}
#contents.main .boardArticles{padding:10px; background:#fff; -webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px rgba(0,0,0,0.2); box-shadow:2px 2px 3px rgba(0,0,0,0.2); color:#585f7c;}
#contents.main .boardArticles .articles li{border-bottom:1px solid #e6ecf2;}
#contents.main .boardArticles .articles a{display:table; width:100%; table-layout:fixed; vertical-align:middle;}
#contents.main .boardArticles .articles a > * > b{display:inline-block; line-height:20px; height:20px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
#contents.main .boardArticles .articles div.title{display:table-cell; padding:7px 10px; font-weight:700;}
#contents.main .boardArticles .articles div.title > b{max-width:85%;}
#contents.main .boardArticles .articles div.name{display:table-cell; width:100px; padding:7px 5px; text-align:center;}
#contents.main .boardArticles .articles div.date{display:table-cell; width:90px; padding:7px 10px; text-align:right; font-size:11px; color:#828b99;}
#contents.main .galleryArticles{padding:10px 10px 20px; background:#fff; -webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px rgba(0,0,0,0.2); box-shadow:2px 2px 3px rgba(0,0,0,0.2);}
#contents.main .galleryArticles .adetaile_titlerticles{margin-top:10px;}
#contents.main .galleryArticles .articles:after{content:' '; display:block; clear:both;}
#contents.main .galleryArticles .articles li{position:relative; float:left; width:24.4%; margin-left:0.8%; border:1px solid #ccc; padding:5px;}
#contents.main .galleryArticles .articles li:nth-child(4n+1){clear:left; margin-left:0;}
#contents.main .galleryArticles .articles .thumb img{width:100%;}
#contents.main .galleryArticles .articles .thumb i{display:block; height:0; padding-bottom:75%; background:no-repeat center center; -webkit-background-size:cover; background-size:cover;}
#contents.main .galleryArticles .articles .info{position:absolute; top:0; left:0; z-index:1; display:none; width:100%; height:100%; padding:20px; background:rgba(0,0,0,0.5); color:#fff; line-height:16px;}
#contents.main .galleryArticles .articles div.title{font-weight:700; min-height:48px;}
#contents.main .galleryArticles .articles div.date{font-size:11px; color:#ccc;}
#contents.main .galleryArticles .articles li:hover .info{display:block;}
#contents.main #mainNotice{float:left; width:49%; margin-bottom:20px; height:250px;}
#contents.main #mainFreeBoard{float:right; width:49%; margin-bottom:20px; height:250px;}
#contents.main #mainGalleryBoard{clear:both;}

#MemberWriteForm{margin-top:20px;}

#contents.terms{background:#fff; -webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px rgba(0,0,0,0.2); box-shadow:2px 2px 3px rgba(0,0,0,0.2); width:970px; padding:20px; margin:20px auto;}
#contents.terms > div.text{margin-top:10px; padding:10px; min-height:300px; border:1px solid #b8c2cc;}

#contents.introduce{background:#fff; -webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px rgba(0,0,0,0.2); box-shadow:2px 2px 3px rgba(0,0,0,0.2); width:970px; padding:20px; margin:20px auto;}

/*FORM RESET*/
input{border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:middle;}
input[type=email], input[type=text], input[type=password], input[type=tel], input[type=file], select, textarea {margin:0; padding:0; border: 1px solid #ddd; font-family:'Nanum Gothic'; font-size:inherit; resize:none; vertical-align:middle;  height:26px; padding:0 4px; line-height:24px;}
select{height:26px; line-height:24px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input, img{vertical-align:middle;}
input[type=file]{border:0; padding:0;}
input[type=button], input[type=submit], button{padding:0; color:inherit; font-family:'Nanum Gothic'; border:0; background:none; vertical-align:middle; cursor:pointer; font-weight:inherit; font-size:inherit; line-height:1.1;}
label{font-family:'Nanum Gothic';}
textarea{width:100%; height:100px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:4px; line-height:1.3;}
.hidden, .hide{display:none;}

.w10p{width:10%;}
.w20p{width:20%;}
.w30p{width:30%;}
.w40p{width:40%;}
.w50p{width:50%;}
.w60p{width:60%;}
.w70p{width:70%;}
.w80p{width:80%;}
.w90p{width:90%;}
.w100p{width:100%;}

.w5p{width:5%;}
.w15p{width:15%;}
.w25p{width:25%;}
.w35p{width:35%;}
.w45p{width:45%;}
.w55p{width:55%;}
.w65p{width:65%;}
.w75p{width:75%;}
.w85p{width:85%;}
.w95p{width:95%;}

.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}

input + span.guide{margin-left:5px;}

.dateInput{position:relative; display:inline-block;}
.dateInput input.date,.dateInput input.mdate{position:relative; z-index:2; background:none; text-align:left; margin:0; padding:0 4px; font-size:12px; font-family:'굴림체'; color:#333; width:85px; font-weight:700; vertical-align:middle;}
.dateInput .before{position:absolute; top:50%; left:0; z-index:1; width:100%; height:100%; padding:0 4px; margin-top:-11px; line-height:22px; border:1px solid transparent; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:12px; color:#ddd; font-family:'굴림체'; font-weight:700;}
.dateInput .before span{color:#fff; opacity:0;}

.loading_layer{position:fixed; top:0; left:0; z-index:5000; width:100%; height:100%; background:rgba(0,0,0,0.0); color:rgba(255, 255, 255, 0.0); font-size:14px; text-align:center;}
.loading_layer p{position:absolute; top:45%; left:0; width:100%; margin-top:55px; font-family:'Verdana'; font-weight:700;}

label.checkbox{position:relative; display:inline-block; line-height:16px; vertical-align:middle;}
label.checkbox input{position:absolute; top:0; left:0; opacity:0; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0);}
label.checkbox input + span{position:relative; display:block; width:100%; height:100%; padding-left:21px;}
label.checkbox input + span:before{content:' '; position:absolute; top:50%; left:0; display:block; width:14px; height:14px; border:1px solid #aaa; background:#fff; color:#c00; text-align:center; line-height:14px; font-size:14px; -moz-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);}
label.checkbox input:checked + span:before{content:'\2714'; font-weight:400;}

label.radio{position:relative; display:inline-block; line-height:16px; vertical-align:middle;}
label.radio input{position:absolute; top:0; left:0; opacity:0; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0);}
label.radio input + span{position:relative; display:block; width:100%; height:100%; padding-left:21px; font-size: 11px; color: #939292;}
label.radio input + span:before{content:''; position:absolute; top:0; left:0; display:block; width:13px; height:13px; border:1px solid #aaa; background:#fff; color:#333; font-weight: 700; text-align:center; line-height:13px; font-size:13px;}
label.radio input:checked + span:before{content:'✓';}


.selectBox{display:inline-block; position:relative; border:1px solid #d6d6d6; background:#fff; cursor:pointer; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:12px; overflow:hidden; vertical-align:middle;}
.selectBox:before,.selectBox:after{content:''; position:absolute; top:0; right:0; width:30px; height:100%; background:#f8f8f8; text-align:center;}
.selectBox:after{content:'\2039'; top:50%; height:auto; line-height:20px; margin-top:-10px; background:none; color:#999; font-size:13px; -moz-transform:rotate(-90deg) scale(0.5,1); -webkit-transform:rotate(-90deg) scale(0.5,1); -ms-transform:rotate(-90deg) scale(0.5,1); -o-transform:rotate(-90deg) scale(0.5,1); transform:rotate(-90deg) scale(0.5,1); font-weight:800;}
.selectBox span.selected{position:absolute; top:0; left:0; display:block; height:100%; width:100%; padding:0 35px 0 10px; font-weight:300; color:#222; white-space:nowrap; overflow:hidden; -ms-text-overflow:ellipsis; text-overflow:ellipsis; font-size:inherit;}
.selectBox span.selected:before{content:' '; display:inline-block; width:0; height:100%; vertical-align:middle;}
.selectBox select{position:relative; z-index:2; opacity:0; -ms-filter:alpha(opacity=0); margin:0; padding:0 35px 0 10px; border:0; color:#333; font-size:inherit;}

.MessageModal{position:fixed; top:0; left:0; z-index:6000; width:100%; height:100%; min-width:320px; background:rgba(0,0,0,0.5); font-size:13px; color:#333;}
.MessageModal .MessageModalWrap{position:absolute; top:50%; left:50%; min-width:250px; max-width:500px; background:#fff; -webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3); box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden; -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.MessageModal .MessageModalWrap > header{padding:7px; font-weight:700; background:#999; color:#fff;}
.MessageModal .MessageModalWrap > div.text{padding:10px; min-height:70px;}
.MessageModal .MessageModalWrap > footer{padding:7px 15px; text-align:right; background:#f6f6f6;}
.MessageModal .MessageModalWrap > footer a{display:inline-block; margin-left:4px; font-weight:700; padding:2px 5px;}
.MessageModal .MessageModalWrap > footer a:focus{background:#ddd;}
span.uploadedFile{display:inline-block; padding:3px 5px; border:1px solid #ccc; background:#eee; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.fileUploadArea{padding:10px 0;}
.fileUploadArea + .fileUploadArea{padding-top:0;}
.fileUploadImage{display:inline-block; vertical-align:middle;}
.fileUploadImage img{display:block; max-width:100px; max-height:100px;}
.fileUploadImage i{display:block; width:100px; height:100px; background:no-repeat center center; -webkit-background-size:contain; background-size:contain;}
.fileUploadArea2{padding:10px 0;}
.fileUploadArea2 + .fileUploadArea2{padding-top:0;}
.fileUploadArea2 p{display:inline-block;}

.jqFileUploadArea .progress{display: inline-block; height: 20px; width: 100px; overflow: hidden; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#eee;vertical-align: middle;}
.jqFileUploadArea .progress .bar{width: 0%; height: 100%;}
.cross{position:relative; display:inline-block; font-size:12px; width:1em; height:1em; vertical-align:middle; overflow:hidden;}
.cross:before{content:''; position:absolute; top:0.5em; left:0.5em; display:block; width:1px; height:1.4142em; -moz-transform:translate(-50%, -50%) rotate(45deg); -webkit-transform:translate(-50%, -50%) rotate(45deg); -ms-transform:translate(-50%, -50%) rotate(45deg); -o-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg); background:#000;}
.cross:after{content:''; position:absolute; top:0.5em; left:0.5em; display:block; width:1px; height:1.4142em; -moz-transform:translate(-50%, -50%) rotate(-45deg); -webkit-transform:translate(-50%, -50%) rotate(-45deg); -ms-transform:translate(-50%, -50%) rotate(-45deg); -o-transform:translate(-50%, -50%) rotate(-45deg); transform:translate(-50%, -50%) rotate(-45deg); background:#000;}

#checkActionModal .modal_wrap{width:400px; height:auto !important;}
#checkActionModal .modal_contents{padding:10px;}
#checkActionModal .selected{padding:5px; border:1px solid #666;}
#checkActionModal .selected b{font-weight:700;}
#checkActionModal div.group{padding:10px; margin-top:10px; height:250px; border:1px solid #ccc; overflow-y:scroll;}
#checkActionModal button.boardActionGroupBtn{position:relative; margin-bottom:5px; height:24px; width:100%; padding:0 10px; background:#999; color:#fff; text-align:left;}
#checkActionModal ul{display:none;}
#checkActionModal li{border-bottom:1px solid #ddd;}
#checkActionModal li button{display:block; width:100%; text-align:left; padding:5px;}
#checkActionModal li button:hover{background:#eee;}
#checkActionModal li.active button{background:#555; color:#fff; font-weight:700;}
#checkActionModal .bottomBtn{margin-top:0; padding:10px 0;}
#checkActionModal .selectedCategory select{margin-top:5px; width:100%;}
.youtubeFrameWrap{position:relative; width:100%; height:0; padding-bottom:56.25%;}
.youtubeFrameWrap iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

.se2_addi_btns{padding:2px 5px; border:1px solid #ddd; border-bottom:0; background:#f4f4f4; font-size:12px; font-weight:700; color:#666; text-align:right;}
.se2_addi_btns > div{display:inline-block;}
.se2_addi_btns > div + div{margin-left:5px;}
.se2_addi_btns button{height:18px; padding:0 5px; border:1px solid #aaa; background:-webkit-linear-gradient(#fff, #fff, #fff, #eee); background:-moz-linear-gradient(#fff, #fff, #fff, #eee); background:-o-linear-gradient(#fff, #fff, #fff, #eee); background:linear-gradient(#fff, #fff, #fff, #eee); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.se2_addi_btns .se2_add_img button i{position:relative; display:inline-block; width:12px; height:12px; border:1px solid #b18d82; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:#fff; margin-right:5px; overflow:hidden;}
.se2_addi_btns .se2_add_img button i:after{content:''; position:absolute; top:100%; left:50%; width:30px; height:30px; margin:-4px 0 0 -15px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#0db01c;}
.se2_addi_btns .se2_add_img button i:before{content:''; position:absolute; top:10%; right:10%; width:4px; height:4px; display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#ff8d46;}
.se2_addi_btns .se2_add_youtube button i{position:relative; display:inline-block; width:12px; height:8px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:#c11; margin-right:5px; overflow:hidden;}
.se2_addi_btns .se2_add_youtube button i:before{content:''; display:block; width:1px; height:150%;}
.se2_addi_btns .se2_add_youtube button i:after{content:''; position:absolute; top:50%; left:50%; display:block; border-top:2px solid transparent; border-left:4px solid #fff; border-bottom:2px solid transparent; margin:-2px 0 0 -2px;}
.se2_addi_btns .se2_add_link button i{position:relative; display:inline-block; width:14px; height:14px; margin-right:5px; overflow:hidden;}
.se2_addi_btns .se2_add_link button i:before{content:''; display:block; width:4px; height:2px; border:2px solid #666; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -moz-transform:translate(0, 5px) rotate(-45deg); -webkit-transform:translate(0, 5px) rotate(-45deg); -ms-transform:translate(0, 5px) rotate(-45deg); -o-transform:translate(0, 5px) rotate(-45deg); transform:translate(0, 5px) rotate(-45deg);}
.se2_addi_btns .se2_add_link button i:after{content:''; position:absolute; top:0; left:0; display:block; width:4px; height:2px; border:2px solid #888; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -moz-transform:translate(5px, 3px) rotate(-45deg); -webkit-transform:translate(5px, 3px) rotate(-45deg); -ms-transform:translate(5px, 3px) rotate(-45deg); -o-transform:translate(5px, 3px) rotate(-45deg); transform:translate(5px, 3px) rotate(-45deg);}

#youtubeLinkModal .modal_wrap{width:500px; height:350px;}
#youtubeLinkModal .modal_contents{padding:20px;}
#youtubeLinkModal textarea{height:150px; border:1px solid #ccc;}
#youtubeLinkModal input[type=text]{width:60px; margin-right:5px; border:1px solid #ccc; height:24px;}
#youtubeLinkModal textarea{height:150px; border:1px solid #ccc;}
#youtubeLinkModal dl{display:table; width:100%; table-layout:fixed;}
#youtubeLinkModal dt{display:table-cell; width:80px; padding:2px;}
#youtubeLinkModal dd{display:table-cell; padding:2px;}
#youtubeLinkModal footer{margin-top:10px; text-align:center;}

#urlLinkModal .modal_wrap{width:500px; height:170px;}
#urlLinkModal .modal_contents{padding:20px;}
#urlLinkModal textarea{height:150px; border:1px solid #ccc;}
#urlLinkModal input[type=text]{border:1px solid #ccc; height:24px;}
#urlLinkModal textarea{height:150px; border:1px solid #ccc;}
#urlLinkModal dl{display:table; width:100%; table-layout:fixed;}
#urlLinkModal dt{display:table-cell; width:80px; padding:2px;}
#urlLinkModal dd{display:table-cell; padding:2px;}
#urlLinkModal footer{margin-top:10px; text-align:center;}

.uploadVideo{position:relative; width:100%; height:0; padding-bottom:56.25%; margin-top:30px; background:#000;}
.uploadVideo > div,
.uploadVideo video{position:absolute; top:0; left:0; width:100%; height:100%;}

.BH_Popup{ position:absolute; top:0; left:0; z-index:10; border:1px solid #888;}
.BH_PopupContent{ overflow-y:auto; overflow-x:hidden;}
.BH_PopupContent img{max-width:100%; width:auto; height:auto;}
.BH_PopupContent .popupWrapT-i img{width:100%; display:block;}
.BH_PopupBtns{ line-height:21px; background:#333; color:white; font-size:12px;}
.BH_PopupBtns a{cursor:pointer; color:#fff;}
.BH_PopupBtns:after{ content:' '; display:block; clear:both;}
.BH_PopupTodayClose{float:left; display:block; padding:5px 10px;}
.BH_PopupClose{float:right; display:block; padding:5px 10px;}