/* Common **********************************************************************/
*{margin: 0;padding: 0; text-decoration: none; list-style: none; box-sizing: border-box; -webkit-text-size-adjust: none; font-family: 'Nanum Gothic', 'NanumGothic', sans-serif;  box-sizing: border-box;}
h1, h2, h3, h4, h5, h6{border: none;}
button{background: none; border: none;}
a{color: #333;}
img{border: none;}
body{font-size: 15px;}
select{padding-left: 10px; border: 1px solid #a8a8a8;}
input{border: 1px solid #a8a8a8; }
input, select option, textarea{font-size: 12px; color: #333;}
input[type=password] {font-size: 12px; color: #333; font-family: 'dotum';}
.clear::after{content: " "; display: block; clear: both;}
input::-webkit-input-placeholder {color:#888;}
input:-moz-placeholder {color:#888; opacity:1;}
input::-moz-placeholder {color:#888; opacity:1;}
input:-ms-input-placeholder {color:#888;}
input:placeholder-shown {color:#888;}

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="number"]:focus{outline: none; border: 1px solid #3f6085;}
button:focus{outline: none;}

table{border-collapse: collapse;}
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 {border: 1px solid #ddd; height: 30px; padding: 0 10px;}
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';}
.hidden, .hide{display:none;}

/* 기존스타일 *************************************************************/
/*paging*/
.paging_wrap{text-align: center; width: 100%;}
.paging{text-align: center; margin-top: 54px;}
.paging a{font-size: 13px; color: #7c7a7a; display: block; border: 1px solid #b5b4b4; width: 26px; height: 25px; line-height: 24px; border-radius: 2px; margin: 0 4px;}
.paging a.prev{margin-right: 19px;}
.paging a.next{margin-left: 19px;}
.paging a.on{background: #2a3b57; color: #fff; border: none; font-size: 16px;}

.paging{clear:both; margin-top: 54px; text-align:center;}
.paging span,.paging a,.paging strong{display:inline-block; border:1px solid #b5b4b4; color:#7c7a7a; line-height: 26px; min-width: 25px; height: 26px; overflow:hidden; border-radius: 2px; font-size: 12px; margin: 0 1px;}
.paging a{color:inherit;}
.paging strong{background:#2a3b57; color:white; border:0;}
.paging .first, .paging .last{display:none;}
.paging .first,.paging .prev,.paging .prevp,.paging .nextp,.paging .next,.paging .last{width: 25px; height: 26px;}
.paging .prevp{margin-right: 20px;}
.paging .nextp{margin-left: 20px;}
.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%;}

/* 모달창 */
.modal_layer{display:none; /* background:rgba(0,0,0,0.3);*/  position:fixed; top:0; left:0; z-index:5000;width:100%; height:100%; }
.modal_layer .modal_wrap{position:fixed; top:50%; left:50%; z-index:2; min-width:400px; min-height:300px; padding-top:50px; max-width: 1000px; max-height:90%; background:#fff; -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); box-shadow: 0 2px 10px rgba(0,0,0,0.2); border: 1px dotted #eee;}
.modal_layer .modal_header{position:absolute; top:0; left:0; width:100%; height:50px; border-bottom: 1px solid #ccc; background: #2a3b57; color: #fff}
.modal_layer .modal_header h1{padding:0 80px 0 20px; height:100%; font-size:16px; color:#fff; 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:#fff; 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{max-height: 80vh; overflow-y:auto;}
.modal_layer .modal_contents .modal_inner{padding:20px; max-width: 100%; margin: 0 auto;}
.modal_layer .modal_contents .modal_inner > .bottomBtn > *{min-width: 100px;}

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;}

.fileUploadArea2{padding:10px 0;}
.fileUploadArea2 + .fileUploadArea2{padding-top:0;}
.fileUploadArea2 p{display:inline-block;}

#Reply{padding-top:50px; width:1200px; margin:0 auto;}
#Reply h3{font-weight:700; padding-bottom:5px;}
#Reply h3 span{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-bottom:5px;}
.replyWrite fieldset{padding:5px 0;border-top:1px solid #b8c2cc;}
.replyWrite fieldset.user{display:table; width:100%; table-layout:fixed; background:#e6ecf2; padding: 5px 10px;}
.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; padding-right: 10px; width: 100%;}
.replyWrite fieldset.user dd input{width: 100%;}
.replyWrite fieldset.text{position:relative; padding-right:150px;}
.replyWrite fieldset.text textarea{height:100px; margin:0;}
.replyWrite fieldset.text .btn{position:absolute; top:5px; right:0; width:140px; height:100px;}
.replyWrite fieldset.text .btn button{width:100%; height:100%; background:#828b99; font-size: 16px; color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; 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;}

.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;}

#replyPaging{text-align: center;}

.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;}

.BoardContainer .subContainer .inner > .bottomBtn .mBtn{min-width: 80px;}
.BoardContainer .search_wrap{text-align: right; margin-bottom: 10px;}
.BoardContainer table.write.form td{padding: 10px;}

table.write{width:100%; table-layout:fixed; border-collapse:collapse;}
table.write th{width:200px; padding:10px; border:1px solid #ddd; border-width:1px 0; text-align:left; background:#f7f7f7; height:40px; font-weight:400;}
table.write td{padding:10px; border:1px solid #ededed; border-width:1px 0; text-align:left;}
table.write label + label{margin-left:10px;}
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]{appearance: none; -webkit-appearance: none; border: 1px solid #ccc; height:30px; font-size: 14px;}
table.write span.guide{display:inline-block; vertical-align:middle; padding-left:10px; color:#777;}

table.write.form {font-size: 13px; margin-top: 30px;}
table.write.form + table.write.form{margin-top: 30px;}
table.write.form th{padding: 16px 10px; font-weight: 700; width: auto; text-align:center; }
table.write.form td{padding: 16px 10px; text-align: center; }
table.write.form td.subject{text-align: left; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }

table.write.form input{width: 100%;}
table.write.form input.hasBg{background: #f6f7ff;}
table.write.form .hasBtn{position: relative;}
table.write.form .hasBtn .sBtn{position: absolute; right: 5px; top: 4px; font-size: 12px;}
table.write.form .hasBtn input{padding-right: 50px;}
table.write.form .dateInput{text-align: center;}
table.write.form .dateInput input{width: 45%;}
table.write.form .memoList{padding: 10px;}
table.write.form .memoList li::before{content: "-"; margin-right: 5px; font-weight: 700;}
table.write.form .memoList li + li{margin-top: 10px;}
table.write.form textarea{height: 60px; padding: 10px;}

table.write.tac th,
table.write.tac td{text-align: center;}

.tableListArea{max-height: 200px; overflow-y: auto; margin: 20px 0; border: 1px solid #ccc;}
.tableListArea table.write{table-layout: auto; font-size: 13px;}

.bottomBtnWrap{}
.bottomBtn{padding-top:30px; text-align: center;}
.bottomBtn > * + *{margin-left:10px;}

.subBtnArea{margin: 20px 0;}
.subBtnArea .top{margin-bottom: 10px;}
.subBtnArea .btns li{display: inline-block; text-align: center; vertical-align: top; margin: 0 5px 15px 5px;}
.subBtnArea .btns li .mBtn{border-radius: 0; min-width: 100px; background: none; color: #666; border: 1px solid #999; }
.subBtnArea .btns li .mBtn.active{background: #f26c4f; color: #fff; border: none;}
.subBtnArea .btns li .mBtn + .sBtn{margin-top: 5px;}
.subBtnArea .btns li .del{display: inline-block; vertical-align: middle; color: #888; margin-left: 5px;}
.subBtnArea .btns li .del:hover{color: #555;}


.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; vertical-align:middle;}
.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; vertical-align:middle;}
.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{width:100%; 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]{width:100%; 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;}

dl.links{display:table; width:100%; table-layout:fixed;}
dl.links dt{display:table-cell; width:100px; padding-left:20px;}
dl.links dd{display:table-cell;}
dl.links a{text-decoration:underline; font-weight:700;}

.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%;}



/*board ********************************************************/
.boardList header ul{border-top: 1px solid #dbdbdb;  border-bottom: 1px solid #dbdbdb; background: #f9f9f9;}

.boardList ul{display: table; width: 100%;}
.boardList ul li{display: table-cell; text-align: center; height: 58px; line-height: 58px;  font-size: 13px;}
.boardList ul li.check{width: 3%;}
.boardList ul li.num{width: 8%;}
.boardList ul li.subject{}
.boardList ul li.name{width: 8%;}
.boardList ul li.date{width: 13%;}
.boardList ul li.hit{width: 8%;}

.boardList header ul li{font-weight: 700;}

.boardList article ul{border-bottom: 1px solid #dbdbdb;}
.boardList article ul li{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.boardList article ul li.subject{text-align: left;}

.boardList ~ .right_btn::after{content: ""; display: block; clear: both;}
.boardList ~ .right_btn{margin-top: 50px;}

.boardSearch .d_select{height: 30px;}
.boardSearch .d_input{margin: 0 2px;}


.BoardView{width: 100%; margin: 0 auto; margin-bottom: 200px;}
    .BoardView header{width: 100%; min-height: 60px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6;  padding: 10px 15px; text-align: left;}
    .BoardView header::after{content: ""; display: block; clear: both;}
	.BoardView .title{font-size: 17px; font-weight: 600;  display: inline-block;  word-break: keep-all; }
	.BoardView .h_info{margin-top: 5px;}
	.BoardView .h_info::after{content: ""; display: block; clear: both;}
	.BoardView .h_info li{font-size: 13px; color: #999; display: inline-block; line-height: 25px;}
	.BoardView li + li::before{content: "/"; display: inline-block; margin: 0 10px; }

    .BoardView .contents{min-height: 400px; text-align: left;  border-bottom: 1px solid #d6d6d6; padding: 20px; margin: 0 5px; white-space: pre-line; line-height: 33px; color: #666; font-size: 15px; font-weight: 400;}
    .BoardView .contents *{max-width:100%;}

    .BoardView  .bottomBtn{text-align: right; padding-top: 0;}

	.bottomBtnIn{float: right;}
    .bottomBtnIn a{display: block; width: 92px; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; border: 1px solid #d6d6d6; font-size: 17px; color: #444; float: left; margin-top: 40px; background: none;}
    
.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; 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; transform:translate(-50%, -50%) rotate(-45deg); background:#000;}

.BH_Popup{position:absolute; top:0; left:0; z-index:1000; border:1px solid #888;}
.BH_Popup iframe{display:block;}
.BH_PopupContent{overflow-y:auto; overflow-x:hidden;}
.BH_PopupContent img{max-width:100%; width:auto; height:auto;}
.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;}

.boardViewNav{padding:2em 0 0;}
.boardViewNav * + *{margin-left:10px;}
.BoardView .contents .image + .image{margin-top:3em; text-align:center;}

@media all and (max-width: 800px){
.BH_Popup{position:fixed; left:50% !important; top:50% !important; width:90% !important; height:90% !important; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%); padding-bottom:21px;}
.BH_PopupContent{width:100% !important; height:100% !important;}
.BH_PopupBtns{position:absolute; bottom:0; left:0; width:100%;}
}



/* common *************************************************************/
#wrap{min-width: 1040px;}
.inner{width: 1000px; margin: 0 auto;}
.inner::after{content: ""; display: block; clear: both;}

#container{min-height: 70vh;}
#container.LoginContainer{min-height: 100vh;}
#container:not(.LoginContainer){background: #f2f2f2;}

/*common*/
.guide{color:#999; font-size:11px; margin: 5px 0;}

.checkbox{display: inline-block;}
.checkbox + .checkbox{margin-left: 10px;}
.checkbox input{display: none;}
.checkbox span::before{content: ""; display: inline-block; margin-right: 8px; vertical-align: middle; width: 16px; height: 16px; background: #fff no-repeat center center/60%; border: 1px solid #aaa; transition: all .2s;}
.checkbox input:checked ~ span::before{border-color: #2a3b57; background-color: #2a3b57; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E");}

.radio{display: inline-block;}
.radio + .radio{margin-left: 10px;}
.radio input{display: none;}
.radio span::before{content: ""; display: inline-block; margin-right: 8px; vertical-align: middle; width: 16px; height: 16px; border-radius: 20px; background: #fff no-repeat center center/60%; border: 1px solid #aaa; transition: all .2s;}
.radio input:checked ~ span::before{border-color: #2a3b57; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3C/svg%3E");}


span.secretDoc{ display:inline-block; width: 14px; height: 16px; margin-right: 5px; vertical-align:middle; overflow:hidden;}
span.secretDoc:before{content:''; display: block; width:100%; height:100%; margin-bottom:10px; background: url('/Skin/images/pc/sub_img/lock.png') no-repeat center/cover;}
span.answerDoc{ display:inline-block; width: 20px; height: 12px; margin-right: 5px; vertical-align:middle; overflow:hidden;}
span.answerDoc:before{content:''; display: block; width:100%; height:100%; margin-bottom:10px; background: url('/Skin/images/pc/sub_img/reply.png') no-repeat center/cover;}
.newDoc{display:inline-block; width:16px; height:16px; vertical-align:middle; overflow:hidden; text-align:center; background:#c10; border-radius:3px; margin-left:5px;}
.newDoc:before{content:'N'; display:block; width:100%; height:100%; margin-bottom:10px; color:#fff; font-weight:800; line-height:16px; font-size:11px;}

.sBtn, .mBtn, .bBtn{display: inline-block; vertical-align: middle; text-align: center; padding: 0 10px; border-radius: 5px;}
.sBtn{font-size:12px; line-height:16px; padding: 3px 10px;}
.sBtn + .sBtn{margin-left: 5px;}
.mBtn{height: 30px; line-height:30px; font-size: 13px;}
.bBtn{height: 37px; line-height:37px; font-size: 15px}

.bsColorG{background: #fff; border: 1px solid #ccc; font-weight: 700;}
.bsColorR{background: linear-gradient(90deg, #f7201f, #fc3636); border: 4px solid #ff8383;}
.bsColorR:hover{background: linear-gradient(90deg, #fc3636, #f7201f); border: 4px solid #ffa4a4;}
.bsColorB{background: linear-gradient(90deg, #347eff, #448fff); border: 4px solid #83b2ff;}
.bsColorB:hover{background: linear-gradient(90deg, #448fff, #347eff); border: 4px solid #a5c7ff;}
.bWsColor1{background: #2a3b57; color: #fff; border: 4px solid #fff; line-height: 60px;}
.bWsColor1:hover{background: #364968;}

.sColorG{background: #888; color: #fff;}
.sColorG:hover{background: #666;}
.sColorW{background: #fff; color: #018494; border: 3px solid #fff;}
.sColorW:hover{border-color: #018494;}
.sColorR{background: #f26c4f; color: #fff}
.sColorR:hover{background: #f34d28;}
.sColor1{background: #2a3b57; color: #fff;}
.sColor1:hover{background: #364968;}
.sColor2{background: #325d95; color: #fff;}
.sColor2:hover{background: #20477a;}

.bColorw{background: none; color: #fff; border: 1px solid #fff;}
.bColorw:hover{background: #fff; color: #018494;}
.bColorG{background: none; color: #666; border: 1px solid #bbb;}
.bColorG:hover{background: #999; color: #fff;}
.bColorR{background: none; color: #f26c4f; border: 1px solid #f26c4f;}
.bColorR:hover{background: #f26c4f; color: #fff;}
.bColor1{background: none; color: #2a3b57; border: 1px solid #2a3b57;}


.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;}


/* print */
.printInner{width: 800px; margin: 0 auto;}
.printInner > h2{margin: 10px 0; font-size: 18px;}
.printInner .sBtn,
.printInner .mBtn{display: none;}
.printInner th .sBtn{display: block; border: none; padding: 0; color: #333; text-align: left;;}

/* login */
.LoginContainer{background: #2a3b57; padding: 60px 0;}
.LoginContainer .logo{text-align: center; margin-bottom: 40px;}
.loginArea{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 360px;}
.loginArea h2{text-align: center; margin-bottom: 40px;}
.loginArea h2 img{width: 60%}
.loginArea .loginBox{ background: #fff; border-radius: 10px; padding: 50px 32px; text-align: center;}
.loginArea .loginBox h3{margin-bottom: 30px; font-size: 22px;}
.loginArea .loginBox label{display: block; border: none; border-bottom: 1px solid #2a3b57;}
.loginArea .loginBox label + label{margin-top: 20px;}
.loginArea .loginBox label::before{content: ""; display: inline-block; vertical-align: middle; width: 5%; height: 30px; background: no-repeat center center/contain;}
.loginArea .loginBox label.id::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232a3b57' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M20.822 18.096c-3.439-.794-6.64-1.49-5.09-4.418 4.72-8.912 1.251-13.678-3.732-13.678-5.082 0-8.464 4.949-3.732 13.678 1.597 2.945-1.725 3.641-5.09 4.418-3.073.71-3.188 2.236-3.178 4.904l.004 1h23.99l.004-.969c.012-2.688-.092-4.222-3.176-4.935z'/%3E%3C/svg%3E");}
.loginArea .loginBox label.pw::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232a3b57' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M18 10v-4c0-3.313-2.687-6-6-6s-6 2.687-6 6v4h-3v14h18v-14h-3zm-5 7.723v2.277h-2v-2.277c-.595-.347-1-.984-1-1.723 0-1.104.896-2 2-2s2 .896 2 2c0 .738-.404 1.376-1 1.723zm-5-7.723v-4c0-2.206 1.794-4 4-4 2.205 0 4 1.794 4 4v4h-8z'/%3E%3C/svg%3E");}
.loginArea .loginBox label input{width: 95%; border: none;}

.loginArea .loginBottomBtn{text-align: right; margin: 20px 0 40px 0;}
.loginArea .loginBottomBtn a{color: #2a3b57; font-size: 12px;}
.loginArea .loginBottomBtn a:hover{border-bottom: 1px solid #2a3b57; }
.loginArea #LoginConfirm .bBtn{width: 100%;}
.loginArea #LoginConfirm .bBtn + .bBtn{margin-top: 25px;}

/* sign in */
.registerForm{width: 500px; background: #fff; padding: 40px 50px; border-radius: 10px; margin: 0 auto;}
.registerForm h2{font-size: 25px; text-align: center; margin-bottom: 20px;}
.signUp-wrapper .form-row + .form-row{margin-top: 10px;}
.signUp-wrapper .form-row .formBox{position: relative;}
.signUp-wrapper .form-row .formBox + .formBox{margin-top: 5px;} 
.signUp-wrapper .form-row .formBox input{width: 100%; height: 40px; border-radius: 5px;}
.signUp-wrapper .form-row .formBox.hasBtn input{padding-right: 80px;}
.signUp-wrapper .form-row .formBox .mBtn{position: absolute; right: 5px; top: 5px;}
.signUp-wrapper .form-row h3{font-size: 15px; margin-bottom: 8px;}
.signUp-wrapper .form-row h3.require::before{content: "*"; font-weight: 400; color: #f00; margin-right: 2px;}

.registerForm .checkAllArea{margin-top: 30px;}
.registerForm .checkAllArea .top{border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; font-weight: 700;}
.registerForm .checkAllArea .agreeList li{font-size: 12px;}
.registerForm .checkAllArea .agreeList li + li{margin-top: 5px;}
.registerForm .checkAllArea .agreeList li .checkbox a{text-decoration: underline; color: #2a3b57}
.registerForm .checkAllArea .agreeList li .checkbox span::before{width: 14px; height: 14px; }

.registerForm .bottomBtn{text-align: center;}
.registerForm .bottomBtn .bBtn{min-width: 100px;}

/* find id/pw */
.findIDPW .registerForm.findPw{margin-top: 20px;}
.findIDPW .registerForm h2{margin-bottom: 40px;}
.findIDPW .registerForm .bottomBtn .bBtn{min-width: 100%; font-size: 14px; font-weight: 700;}
.findIDPW > .bottomBtn .bBtn{min-width: 200px;}

/* policy */
.contents.polices{width: 100%;}
.contents.polices .pageTitle{text-align: center; padding: 50px 0;}
.contents.polices .txt{padding: 10px 20px;}

/*header*/
#header{width: 100%; height: 260px; background: #2a3b57;}
#header .headerTop{padding: 17px 0;}
#header .headerTop .logo img{height: 38px;}
#header .headerTop .rightMenu{float: right; text-align: right;}
#header .headerTop .rightMenu a{color: #999; font-size: 13px; line-height: 38px; transition: all .2s;}
#header .headerTop .rightMenu a:hover{color: #fff}
#header .headerTop .rightMenu a + a{margin-left: 20px;}
#header .gnbArea{position: relative; height: 50px;}
#header .gnbArea .gnb{background: rgba(5, 16, 35, 0.9); position: absolute; z-index: 99; width: 100%; top: 0; left: 0;}
#header .gnbArea .gnb a{color: #fff; display: block; width: 100%; height: 100%;}
#header .gnbArea .gnb > li{display: inline-block; vertical-align: top; text-align: center; width: 20%; padding: 0 10px;}
#header .gnbArea .gnb > li > a{font-size: 15px; line-height: 50px;}
#header .gnbArea .gnb > li > a::before{content: ""; display: inline-block; vertical-align: middle; width: 17px; height: 17px; background: no-repeat center center/contain; margin-right: 5px;}
#header .gnbArea .gnb > li.on > a{border-bottom: 1px solid #fff; font-weight: 700;}
#header .gnbArea .gnb .depth{display: none; width: 100%; line-height: 2; font-size: 14px; padding-top: 10px; color: #aaa; padding-bottom: 20px;}
#header .gnbArea .gnb .depth a{color: #eee;}
#header .gnbArea .gnb .depth li.on a,
#header .gnbArea .gnb .depth a:hover{color: #fff;  background: #2a3b57;}

#header .gnbArea .gnb > li:hover > a{font-weight: 700;}
#header .gnbArea .gnb:hover .depth{display: block; border-color: #fff;}

#header .gnbArea .gnb > li#menu-0000000000 > a::before{background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-22.4 141 458.9 512' style='enable-background:new -22.4 141 458.9 512; fill: %23ffffff' xml:space='preserve'%3E%3Cpath d='M144.5,633c0,11-9,20-20,20H57.6c-44.1,0-80-35.9-80-80V221c0-44.1,35.9-80,80-80h245.9c44.1,0,80,35.9,80,80v123 c0,11-9,20-20,20s-20-9-20-20V221c0-22.1-17.9-40-40-40H57.6c-22.1,0-40,17.9-40,40v352c0,22.1,17.9,40,40,40h66.9 C135.5,613,144.5,622,144.5,633z M283.5,261h-206c-11,0-20,9-20,20s9,20,20,20h206c11,0,20-9,20-20S294.5,261,283.5,261z M303.5,361 c0-11-9-20-20-20h-206c-11,0-20,9-20,20s9,20,20,20h206C294.5,381,303.5,372,303.5,361z M77.5,421c-11,0-20,9-20,20s9,20,20,20 h125.1c11,0,20-9,20-20s-9-20-20-20H77.5z M418.9,515.4L309.3,624.8c-2.4,2.4-5.5,4.2-8.8,5.1l-80.7,22.4c-1.8,0.5-3.6,0.7-5.3,0.7 c-5.3,0-10.5-2.1-14.3-6c-5.1-5.2-6.9-12.8-4.8-19.8l23.9-78.7c1-3.2,2.7-6,5-8.3L334,430.6c23.4-23.4,61.4-23.4,84.8,0 C442.3,454,442.3,492,418.9,515.4z M358.4,519.3L330.1,491L256,564.9L244.2,604l40.6-11.3L358.4,519.3z M390.6,458.9 c-7.8-7.8-20.5-7.8-28.3,0l-3.9,3.9l28.3,28.3l3.9-3.9C398.4,479.3,398.4,466.7,390.6,458.9z'/%3E%3C/svg%3E%0A");}
#header .gnbArea .gnb > li#menu-0000000002 > a::before{background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-49 141 512 512' style='fill: %23ffffff; enable-background:new -49 141 512 512;' xml:space='preserve'%3E%3Cpath d='M403,181h-24v-40h-40v40H75v-40H35v40H11c-33.1,0-60,26.9-60,60v352c0,33.1,26.9,60,60,60h392c33.1,0,60-26.9,60-60V241 C463,207.9,436.1,181,403,181z M11,221h24v40h40v-40h264v40h40v-40h24c11,0,20,9,20,20v48H-9v-48C-9,230,0,221,11,221z M403,613H11 c-11,0-20-9-20-20V329h432v264C423,604,414,613,403,613z'/%3E%3Crect x='27' y='371' width='40' height='40'/%3E%3Crect x='107' y='371' width='40' height='40'/%3E%3Crect x='187' y='371' width='40' height='40'/%3E%3Crect x='267' y='371' width='40' height='40'/%3E%3Crect x='347' y='371' width='40' height='40'/%3E%3Crect x='27' y='451' width='40' height='40'/%3E%3Crect x='107' y='451' width='40' height='40'/%3E%3Crect x='187' y='451' width='40' height='40'/%3E%3Crect x='267' y='451' width='40' height='40'/%3E%3Crect x='27' y='531' width='40' height='40'/%3E%3Crect x='107' y='531' width='40' height='40'/%3E%3Crect x='187' y='531' width='40' height='40'/%3E%3Crect x='267' y='531' width='40' height='40'/%3E%3Crect x='347' y='451' width='40' height='40'/%3E%3C/svg%3E");}
#header .gnbArea .gnb > li#menu-0000000003 > a::before{background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-49 168.9 512 456.1' style='fill: %23ffffff; enable-background:new -49 168.9 512 456.1;' xml:space='preserve'%3E%3Cpath d='M432.1,168.9H-18.1c-17,0-30.9,13.9-30.9,30.9v310.8c0,17,13.9,30.9,30.9,30.9h154.3v22.5c0,20.6-16.8,37.4-37.4,37.4h-34 c-6.5,0-11.8,5.3-11.8,11.8c0,6.5,5.3,11.8,11.8,11.8h284.4c6.5,0,11.8-5.3,11.8-11.8c0-6.5-5.3-11.8-11.8-11.8h-34 c-20.6,0-37.4-16.8-37.4-37.4v-22.5h154.3c17,0,30.9-13.9,30.9-30.9V199.8C463,182.8,449.1,168.9,432.1,168.9z M-18.1,192.5h450.2 c4,0,7.3,3.3,7.3,7.3V425H-25.4V199.8C-25.4,195.8-22.1,192.5-18.1,192.5z M254.2,564.1c0,14.1,4.8,27.1,12.9,37.4H146.9 c8-10.3,12.9-23.3,12.9-37.4v-22.5h94.4L254.2,564.1L254.2,564.1z M432.1,518H-18.1c-4,0-7.3-3.3-7.3-7.3v-62h464.8v62 C439.4,514.7,436.1,518,432.1,518z'/%3E%3Ccircle cx='207' cy='483.3' r='12.7'/%3E%3C/svg%3E%0A");}
#header .gnbArea .gnb > li#menu-0000000004 > a::before{background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 384 360' style='fill: %23ffffff; enable-background:new 0 0 384 360;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M334.5,0h-285C22.2,0,0,22.2,0,49.5v261C0,337.8,22.2,360,49.5,360H300c14.8,0,28.7-5.8,39.2-16.2l28.5-28.5 c10.5-10.5,16.2-24.4,16.2-39.2V49.5C384,22.2,361.8,0,334.5,0L334.5,0z M49.5,24h285c14.1,0,25.5,11.4,25.5,25.5V84H24V49.5 C24,35.4,35.4,24,49.5,24L49.5,24z M24,310.5V108h336v156h-37.5c-19,0-34.5,15.5-34.5,34.5V336H49.5C35.4,336,24,324.6,24,310.5 L24,310.5z M350.8,298.2l-28.5,28.5c-3,3-6.5,5.3-10.2,6.9v-35.1c0-5.8,4.7-10.5,10.5-10.5h35.1 C356.1,291.8,353.8,295.3,350.8,298.2L350.8,298.2z M350.8,298.2'/%3E%3Cpath d='M300,156c0-6.6-5.4-12-12-12H96c-6.6,0-12,5.4-12,12s5.4,12,12,12h192C294.6,168,300,162.6,300,156L300,156z M300,156'/%3E%3Cpath d='M264,204H120c-6.6,0-12,5.4-12,12c0,6.6,5.4,12,12,12h144c6.6,0,12-5.4,12-12C276,209.4,270.6,204,264,204L264,204z M264,204'/%3E%3C/g%3E%3C/svg%3E%0A");}
#header .gnbArea .gnb > li#menu-0000000005 > a::before{background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-49 141 512 512' style='fill: %23ffffff; enable-background:new -49 141 512 512;' xml:space='preserve'%3E%3Cpath d='M388,472c-27.9-27.9-61.1-48.5-97.3-61c38.8-26.7,64.3-71.4,64.3-122c0-81.6-66.4-148-148-148S59,207.4,59,289 c0,50.5,25.5,95.3,64.3,122c-36.2,12.5-69.4,33.1-97.3,61c-48.4,48.4-75,112.6-75,181h40c0-119.1,96.9-216,216-216s216,96.9,216,216 h40C463,584.6,436.4,520.3,388,472z M99,289c0-59.6,48.4-108,108-108s108,48.4,108,108s-48.4,108-108,108S99,348.6,99,289z'/%3E%3C/svg%3E%0A");}


/*hide_gnb*/
#media_menu{position: fixed; top: 0; right: 0; z-index: 99; width: 0%; height: 100%; background: rgba(26, 26, 26, 0.9); display: none; overflow: auto;}
.hide_gnb{width: 90%; margin: 200px auto 0 auto;}
.hide_gnb > li{margin-bottom: 50px;}
.hide_gnb > li a{color: #fff;}
.hide_gnb > li > a{font-size: 28px;}
.hide_gnb .depth2{margin-top: 20px;}
.hide_gnb .depth2 a{font-size: 20px; line-height: 35px;}
    

/*footer*/
#footer{width: 100%; padding: 25px 0;  background: #fff; text-align: center; color: #999}
/*
#footer .footer_logo{display: inline-block; width: 174px; float: left; padding-top: 5px;}
#footer .footer_logo img{width: 100%;} 
#footer .footer_txt{float: left; font-size: 13px; line-height: 22px; margin-left: 30px;}
#footer .footer_txt p span{white-space: pre-line; word-break: keep-all; color: #eaeaea; font-weight: 400; line-height: 20px;}
#footer .footer_txt p span::after{content: "|"; margin: 0 5px;}
#footer .footer_txt p span:last-child::after{display: none;}
#footer .footer_txt .copyright{color: #7b7a7a;}
#footer .footer_txt .admin{margin-left: 20px; margin-top: 5px; display: inline-block; color: #ccc; background: #333; font-weight: 400; padding: 1px 10px;}
*/


/* main */
#mainVisual{display: block; width: 100%; height: 868px; position: relative; overflow: hidden; background: #f4f4f4;}
/*#mainVisual::before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}*/
#mainVisualSlide{width: 100%; height: 100%;  background: no-repeat center center/cover;}
#mainVisualSlide .swiper-slide{background: no-repeat center center/cover; /*background: no-repeat center top/185%*/}
#mainVisual .txtBox{font-size: 35px; position: absolute; line-height: 1.6; z-index: 9; /*top: 100px;*/ top: 100px; left: 0; padding: 10px 20px 10px 100px;}
#mainVisual .txtBox p{font-weight: 700;color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,.6);}
#mainVisual .txtBox span{color: #fffc00;}

#mainVisual.mobile #mainVisualSlide .swiper-slide{background-position: center top; }
#mainVisual.mobile #mainVisualSlide .swiper-slide img{width: 100%;}


/* sub 공통 */
#sub_header{width: 100%;}
#sub_header .sub_figure{width: 100%; height: 175px; position: relative; text-align: center; padding-top: 74px; background: no-repeat center center/cover;}
#sub_header .sub_figure::after{content: ""; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; z-index: 1;}
#sub_header .sub_figure .sub_figure_txt{position: absolute; z-index: 2; width: 100%;}
#sub_header .sub_figure .sub_figure_txt .t1{color: #fff; font-size: 35px; }
#sub_header .sub_figure01{background-image: url('/Skin/images/other/subvisual01.jpg');}
.lnbArea{width: 100%; height: 55px; line-height: 55px; background: #d8d8d8;}
.lnbArea .lnb::after{content: ""; display: block; clear: both;}
.lnbArea .lnb li{float: left; width: 25%; text-align: center;}
.lnbArea .lnb li a{display: block; width: 100%;  height: 100%;}
.lnbArea .lnb li a.active,
.lnbArea .lnb li a:hover{background: #014099; color: #fff;}
.lnbArea .title{text-align: center; background: #014099; color: #fff;}
.lnbArea.active{position: fixed; top: 100px; left: 0; z-index: 99;}

.subContainer .inner{position: relative; top: -55px; background: #fff; border-radius: 10px; padding: 20px;}
/*
.subContainer h2{text-align: center; font-size: 30px; margin: 30px 0 80px 0;}
.subContainer h2::after{content: ""; display: block; margin: 20px auto; width: 45px; height: 1px; background: #aaa;}
*/
.subContainer h2,
.subContainer h2.light{font-size: 22px; text-align: left; margin: 30px 0;}
.subContainer h2::after,
.subContainer h2.light::after{content: ""; display: block;  margin: 20px 0; background: #333; width: 30px; height: 1px;}

.dateSelectBox{position: relative; padding: 0 20px;}
.dateSelectBox .prev,
.dateSelectBox .next{position: absolute;  top: 0; height: 100%; border: 1px solid #ccc; width: 18px;}
.dateSelectBox .prev{left: 0;;}
.dateSelectBox .next{right: 0;}
.dateSelectBox select,
.dateSelectBox input{width: 100%; text-align: center;}

/* 스케줄 */
.subContainer.scheduler .inner{background: none; padding: 0;}
.subContainer.scheduler .bottomBtn .bBtn{width: 23.5%;}
.subContainer.scheduler .bottomBtn .bBtn + .bBtn{margin-left: 2%;}

.scheduler-header::after{content: ""; display: block; clear: both;}
.scheduler-header .dateSelectBox{float: left; width: 30%;}
.scheduler-header .printBtn{float: right;}
.scheduler-header .scheduler-btns{width: 100%; float: left; text-align: right; margin: 5px 0; font-weight: 700;}

.scheduler-container{background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,.15);}
.scheduler-table{width: 100%; text-align: center;}
.scheduler-table,
.scheduler-table tbody th,
.scheduler-table tbody td,
.scheduler-table thead th,
.scheduler-table thead td{border: 1px solid #777; padding: 3px; font-size: 14px; font-weight: 700;}

.scheduler-table{border-bottom: 2px solid #666;}
.scheduler-table thead tr:first-child th:nth-child(n+2){background: #eee;}
.scheduler-table tbody [rowspan], 
.scheduler-table tbody [rowspan] ~ th, 
.scheduler-table tbody [rowspan] ~ td{border-top: 2px solid #666;}

.scheduler-table tbody td.modProjectModal {cursor: pointer;}

.scheduler-table .col1{width: 12%;}
.scheduler-table .col2{width: calc(88% / 7);}

.scheduler-table .cornerImg{padding: 0;}
.scheduler-table .cornerImg img{width: 100%;}

.scheduler-table td a{display: block; width: 100%; height: 100%;}

/* 주간 스케줄 */
.scheduler-list{margin-top: 10px;}
.scheduler-list::after{content: ""; display: block; clear: both;}
.scheduler-list article{float: left; background: #fff; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,.15);  width: 32%; margin: 10px 0; height: 220px;}
.scheduler-list article.top{width: 100%;}
.scheduler-list > article:nth-of-type(3n-1){margin: 10px 2%;}
.scheduler-list article h4{padding: 13px 20px; border-bottom: 1px solid #ddd;}
.scheduler-list article .list{padding: 15px 20px; font-size: 14px; max-height: 160px; overflow-y: auto;}
.scheduler-list article .list li{ max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.scheduler-list article .list li + li{margin-top: 15px;}
.scheduler-list article .list li a:hover{text-decoration: underline;}

/* 일별 스케줄 */
.scheduler-detail-list{margin-top: 20px;}
.scheduler-detail-list h3{text-align: center; margin-bottom: 20px;}
.scheduler-detail-list ul li{margin: 5px 0; padding-left: 15px; font-size: 13px; color: #111; border-radius: 10px;}
.scheduler-detail-list ul li a{display: block; background: rgba(255, 255, 255, 0.8); padding: 10px;}
.scheduler-detail-list ul li a:hover{background: rgba(255, 255, 255, 0.4);}
.scheduler-detail-list ul li b{font-weight: 800;}

/* 시간별 스케줄 */
.scheduler-timeline{margin-top: 20px;}
.scheduler-timeline table{width: 100%; font-size: 13px;}
.scheduler-timeline table th,
.scheduler-timeline table td{border: 1px solid #ccc; padding: 3px 8px; height: 22px;}
.scheduler-timeline table th{background: #f2f2f2; width: 50px;}

/* 스케줄 프린트 */
.printInner .scheduler-header{display: none;}
.printInner .scheduler-container,
.printInner .scheduler-list article{box-shadow: none; border: 1px solid #ccc;}
.printInner .scheduler-list article .list{font-size: 12px; font-weight: 400; line-height: 1.6;}
.printInner .scheduler-list article .list li + li{margin-top: 5px;}
.printInner .scheduler-list article .list li{white-space: normal; overflow: visible; text-overflow: inherit;}

.printInner .scheduler-detail-list ul li{font-weight: 400;}

/* 스케출 추가 모달 */
.modal-project{padding: 30px;}

/* 제작품위 */
.approvalBox{margin-bottom: 20px;}
.approvalBox::after{content: ""; display: block; clear: both;}
.approvalBox table.write{width: 25%; float: right;  font-size: 13px; clear: both;}
.approvalBox table.write th,
.approvalBox table.write td{border: 1px solid #888; width: 33.33%; text-align: center; padding: 5px 10px;}
.approvalBox table.write th{height: 20px; font-weight: 700;}
.approvalBox table.write td{height: 50px;}
.approvalBox table.write td input{width: 100%; font-size: 13px;}
.approvalBox .bottomBtn{clear: both; text-align: right; padding-top: 10px; }
.approvalBox .bottomBtn .mBtn{min-width: 80px;}

/* 제작품위 프린트 */
.printInner table.write.form input.hasBg{background: none;}

/* 작업일지 */
.workLog .tableListArea .workTime .end::before{content: "~"; display: block; text-align: center;}
.workLog table.write.form td{text-align: left;}

/* 견적서 */
.estBox{margin-top: 30px;}
.estBox h4{margin-bottom: 10px;}
.estBox table.write {border: 1px solid #333; border-width: 1px 0;}
.estBox table.write th{text-align: center;}
.estBox table.write td{border: none; padding: 10px;}
.estBox table.write tbody td:nth-child(n+3):nth-child(-n+5){text-align: right;}
.estBox table.write th + th,
.estBox table.write td + td{border-left: 1px solid #ddd;}
.estBox table.write tfoot td{background: #f3fdff; padding: 15px 10px; border-top: 1px solid #333; font-weight: 700; font-size: 15px; text-align: center;}
.estBox table.write tfoot td:nth-child(n+2):nth-child(-n+4){text-align: right;}

.estBox .addArea{margin-top: 30px; background: #fff; }
.estBox .addArea table.write{border: 1px solid #ddd; font-size: 13px;}
.estBox .addArea table.write th{background: #fff; height: 30px; width: auto;}
.estBox .addArea table.write input{width: 100%; font-size: 13px;}
.estBox .addArea .bottomBtn{padding-top: 10px; text-align: right;}

/* 견적서 print */
.printInner h4{font-size: 14px;}
.printInner table.write,
.printInner table.write.form th{font-size: 12px;}
.printInner table.write th,
.printInner table.write td,
.printInner table.write.form th,
.printInner table.write.form td{padding: 5px 10px; height: auto;}
.printInner table.write input[type=text],
.printInner table.write input[type=tel],
.printInner table.write input[type=email],
.printInner table.write input[type=password]{height: 100%; border: none; padding: 0; font-size: 12px;}
.printInner table.write tfoot td{font-size: 12px;}
.printInner .addArea{display: none;}

/* 연차 */
.subContainer.rest .guide{color: #666; margin-bottom: 10px;}
.subContainer.rest .guide .rest-date + .rest-date{margin-top: 0; margin-left: 5px;}
.rest-table-header{position: sticky; -webkit-position: sticky; top: 0;}

table.rest{width: 100%; font-size: 13px; border-bottom: 1px solid #ccc; text-align: center;}
table.rest th,
table.rest td{word-break: keep-all; padding: 5px; height: 40px; border: 1px solid #ccc; border-bottom: none;}
table.rest thead th{ background: #f4f4f4;}
table.rest tr *:nth-child(n+4):nth-child(-n+15){width: 60px; font-size: 12px; font-weight: 700; }
table.rest tbody th{background: #f3fdff;}
table.rest tbody td{cursor: pointer;}
table.rest tbody td:hover{background: #f4f4f4;}
table.rest [rowspan],
table.rest [rowspan] ~ th,
table.rest [rowspan] ~ td{border-top: 2px solid #666;}

.rest-date{display: inline-block; vertical-align: middle; background: #FB4F49; color: #fff; border-radius: 20px; padding: 2px 5px;}
.rest-date + .rest-date{margin-top: 2px;}
.rest-date.pass{background: #00CC7B;}

.modal-rest{padding: 20px;}
.modal-rest h2{font-size: 20px; margin-bottom: 20px; text-align: center;}
.modal-rest table.write.form td.memo{height: 60px; padding: 15px; vertical-align: top;}
.modal-rest table.write.form.add th{text-align: center;}
.modal-rest table.write.form.add td.btn{text-align: center;}
.modal-rest table.write.form.add td.btn > *{min-width: 66px;}
.modal-rest table.write.form.add td.btn .rest-date.pass{padding: 3px 10px; font-size: 12px; border-radius: 5px;}

/* 기안서 */
.subContainer.document .docTitle{font-weight: 700; margin: 15px 0;}
.subContainer.document table.write.form textarea{height: 200px;}

.subContainer.document .addBox{margin-top: 50px; border: 1px solid #ccc; padding: 20px;}
.subContainer.document .addBox::after{content: ""; display: block; clear: both;}
.subContainer.document .addBox .approvalBox{width: 25%; float: right; margin-bottom: 0;}
.subContainer.document .addBox .approvalBox table.write{width: 100%;}
.subContainer.document .addBox > table.write{float: left; width: 72%;}

/* A / M */
.amSearchArea h3{font-size: 16px; margin-bottom: 5px; color: #2a3b57;}
.amSearchArea .btnArea{text-align: right; margin-bottom: 5px;}
.amSearchArea .btnArea > * + *{margin-left: 5px;}
.amSearchArea .btnArea .checkbox{font-size: 13px; margin-right: 10px;}
.amSearchArea .searchArea{border: 1px solid #2a3b57; padding: 15px; border-radius: 10px;}
.amSearchArea .searchArea + .searchArea{margin-top: 20px;}
.amSearchArea .searchArea input{width: 100%; margin-bottom: 5px;}
.amSearchArea .searchArea select[multiple]{height: 100px; }
.amSearchArea .searchArea select[multiple] option{font-size: 14px; padding: 5px 0;}

/* 회원관리 */
.subContainer.member .boardSearch{text-align: right; margin-bottom: 10px;}
.subContainer.member .boardSearch label + label{margin-left: 20px;}
.subContainer.member .boardSearch label span{font-weight: 700; font-size: 14px; margin-right: 5px;}
.subContainer.member .boardSearch select,
.subContainer.member .boardSearch input{height: 30px;}
.subContainer.member .boardSearch .mBtn{margin: 0 5px;}
.subContainer.member .bottomBtn{text-align: left;}

#authContents{padding:20px;}
#authContents form > ul > li > p{padding:5px 10px; margin-bottom:10px; border:1px solid #ddd; background:#f4f4f4;}
#authContents form > ul > li > ul{margin:10px;}
#authContents form > ul > li > ul li{display:inline-block;}
#authContents form > ul > li > ul li + li{margin-left: 10px;}
div.opt{padding:5px; text-align:right;}


/* color picker */
.colorpicker{display: inline-block; vertical-align: top;}
.colorpicker li{display: inline-block;}
.colorpicker span{display: inline-block; vertical-align: middle; width: 20px; height: 20px; overflow: hidden; color: transparent; font-size: 0; border: 1px solid #eee; cursor: pointer;}
.colorpicker span:hover{border-color: #999;}

/* number modal */
.modal-number .boardSearch{text-align: right; margin-bottom: 10px;}
.modal-number table.write{font-size: 12px;}
.modal-number table.write tr:hover th,
.modal-number table.write tr:hover td{background: #f4f4f4;}


/* member modal */
.modal-member .boxSelect{width: 420px; display: inline-block; vertical-align: top; position: relative;}
.modal-member .boxSelect + .boxSelect{margin-left: 40px;}
.modal-member .boxSelect + .boxSelect::before{content: ""; display: inline-block; width: 20px; height: 50px; position: absolute; left: -30px; top: 50%; margin-top: -25px; background: no-repeat center center/contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'/%3E%3C/svg%3E");}
.modal-member .boxSelect h2{font-size: 16px; padding: 10px; border-bottom: 1px solid #ccc;}
.modal-member .boxSelect .listBox{border: 1px dotted #ccc; padding: 10px; margin-top: 10px; height: 350px;}
.modal-member .boxSelect .listBox .subject{margin-right: 5px; font-weight: 700;}

.smallList li{padding: 5px 10px; font-size: 13px;}
.smallList li::after{content: ""; display: block; clear: both;}
.smallList li + li{border-top: 1px solid #ddd;}
.smallList li .sBtn{float: right;}
.smallList li:hover{background: #f4f4f4;}