@charset "utf-8";

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

   board_search
   검색

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.board_search,
.board_search .select select,
.board_search .select input{transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.board_search{overflow: hidden; margin-bottom:15px;}
.board_search:after{content:""; display:block; clear:both;}
.board_search .count{float:left; margin-top:10px;}
.board_search .count:after{content:""; display:block; clear:both;}
.board_search .count span{float:left; color:#636363; display:block; position:relative;}
.board_search .count span strong { font-weight:600; color:#333;}
.board_search .count span:last-child {padding-left:10px; margin-left:10px;}
.board_search .count span:last-child:after {content:""; display:block; width:1px; height:12px; background:#dddddd; position:absolute; left:0; top:50%; margin-top:-8px;}
.board_search .select{float:right;}
.board_search .select select,
.board_search .select input{height:38px;line-height:38px;}
.board_search .select select{min-width:100px; line-height:28px;}
.board_search .select input[type="text"]{width:260px;}
.board_search .select a.submit, .board_search .select input[type="submit"] {display:inline-block;vertical-align:top;width:auto;background:#0c4f54 url(/images/web/board/search_ico.png) no-repeat calc(100% - 15px) 50%;color:#fff;text-indent:0;height:38px;line-height:38px;padding:0 37px 0 20px;}
.board_prepare {/*border-top:2px solid #666666;*/ border-bottom:1px solid #b9b9b9;}
.board_prepare p {text-align:center; padding:80px 10px;}
.board_search .all_delete {height:38px;line-height:38px; padding:0 15px; margin-left:0;}

@media screen and (max-width:680px){
	.board_search {margin-bottom:10px;}
	.board_search .select {padding-right:85px; padding-left:105px; position:relative;}
	.board_search .count {margin-top:0;}
	.board_search .count,
	.board_search .select{float:none !important;}
	.board_search .select{margin-top:7px;}
	.board_search .select select,
	.board_search .select input[type="submit"] {position:absolute; top:0;}
	.board_search .select select {left:0;}
	.board_search .select input[type="text"]{width:100%;}
	.board_search .select input[type="submit"] {right:0; width:80px;}
	.board_search .all_delete {height:34px; line-height:34px; margin-top:5px;}
}
@media screen and (max-width:640px){
	.board_search .select select,
	.board_search .select input{height:34px;line-height:34px;}
	.board_search .select select{line-height:24px;}
	.board_search .select a.submit, .board_search .select input[type="submit"] {height:34px;line-height:34px;}
	.board_prepare p {padding:50px 10px;}
}
@media screen and (max-width:480px){
	.board_search .select {padding-right:85px; padding-left:0; position:relative;}
	.board_search .select select,
	.board_search .select input[type="text"]{width:100%; margin-bottom:5px;}
	.board_search .select select {position:relative; left:auto; top:auto;}
	.board_search .select input[type="submit"]{position:absolute; top:0; right:0; height:calc(100% - 5px); width:80px;}
	.board_search .all_delete {margin-top:0;}
}


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

   notice_list
   공지형_게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.notice_list ul li,
.notice_list ul li p{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.notice_list{border-top:2px solid #666666; border-bottom:1px solid #b9b9b9;}
.notice_list ul{display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0;}
.notice_list ul li{position:relative; display:table-row; border-bottom:1px solid #b9b9b9;}
.notice_list ul li:hover{background:#f7fcfd;}
.notice_list ul li:last-child{border-bottom:0;}
.notice_list ul li p,
.notice_list ul li.thead strong{display:table-cell; font-weight:400; text-align:center; vertical-align:middle; position:relative;}
.notice_list ul li.thead strong{padding:12px 10px; font-weight:600;}
.notice_list ul li p{padding:12px 10px; word-break:keep-all;}
.notice_list ul li p em {font-style:normal; display:none;}
.notice_list ul li .no{width:60px;}
.notice_list ul li .subject{width:auto;}
.notice_list ul li .writer{width:120px;}
.notice_list ul li .reply{width:50px;}
.notice_list ul li .reply span {display:inline-block; vertical-align:top; background:#666; color:#fff; text-align:center; padding:2px 10px; font-size:12px; line-height:16px; border-radius:15px;}
.notice_list ul li .reply span.confirm {background:#f06000;}
.notice_list ul li .reply span.prepare {background:#777777;}
.notice_list ul li .date{width:110px;}
.notice_list ul li .counter{width:60px;}
.notice_list ul li .file_atch{width:100px;}
.notice_list ul li .type{width:100px;}
.notice_list ul li .type_140{width:140px;}
.notice_list ul li .company{width:110px;}
.notice_list ul li .apply{width:210px;}
/*공지글*/
.notice_list ul li.notice .no{color:#b60000;}
/*제목부분*/
.notice_list ul li .subject a{display:inline-block; vertical-align:top; max-width:100%;}
.notice_list ul li .subject a strong{display:inline-block; vertical-align:top; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; box-sizing:border-box;}
.notice_list ul li .subject a:hover strong{text-decoration:underline;}
.notice_list ul li .subject a .new,
.notice_list ul li .subject a .js_secret{overflow:hidden; display:none; height:17px; text-indent: -1000px; vertical-align:top;}
.notice_list ul li .subject a.new .new{display:inline-block;}
.notice_list ul li .subject a .new{width:18px; height:18px; background:url(/images/web/board/notice_new.png) no-repeat center top; margin-top:1px; position:absolute; right:0; top:0;}
.notice_list ul li .subject a.js_secret .js_secret{display:inline-block;}
.notice_list ul li .subject a .js_secret{width:13px; background: url(/images/web/board/notice_lock.png) no-repeat center 65%; margin-right:3px;}
.notice_list ul li .subject a.new strong {padding-right:20px;}
.notice_list ul li p a strong .re{display:inline-block; width:37px; height:17px; padding-right:5px;  background:url(/images/web/board/notice_re.png) no-repeat left top; vertical-align:middle;}
/*파일*/
.notice_list ul li .board_file{overflow:hidden; display:inline-block; vertical-align:top; width:18px; height:23px; background-image:url(/images/web/board/folder_ico.png); background-repeat:no-repeat; background-position:center center; text-indent:-1000px; margin-top:-1px;}

@media screen and (max-width:1024px){
  .notice_list ul,
  .notice_list ul li{display:block; overflow:hidden;}
  .notice_list ul li{padding:40px 10px 12px 55px;}
  .notice_list ul li.thead{display:none;}
  .notice_list ul li p {padding:0 0 0 8px; margin-right:15px; box-sizing:border-box; -webkit-box-sizing:border-box; display: inline-block; width:auto !important;}
  .notice_list ul li p em {display:inline-block; margin-right:5px;}
  .notice_list ul li p:before{content:""; display:block; width:3px; height:3px; background-color:#7c7c7c; position:absolute; left:0; top:8px;}
  .notice_list ul li p:last-child:after{display: none;}
  .notice_list ul li .subject:after,
  .notice_list ul li .no:after{display: none;}
  .notice_list ul li .no{width:50px !important; position:absolute; left:0; top:50%; padding:0; margin-top:-10px; margin-left:0; text-align:center;}
  .notice_list ul li .no:before,
  .notice_list ul li .subject:before {display:none;}
  .notice_list ul li .subject{display:block; width:calc(100% - 55px) !important; padding:0 0 7px 0; box-sizing:border-box; margin-right:0; position:absolute; left:55px; top:12px;}
  .notice_list ul li .subject a strong{overflow:hidden; font-size:16px; position:relative; width:auto; max-width:100%; min-height:18px; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box;}
	.notice_list ul li .board_file {width:14px; height:18px; background-size:100% auto; margin-top:0;}
}
@media screen and (max-width:720px){
	.notice_list ul li p {float:left; width:33.333% !important; text-align:left; margin-right:0; min-height:21px;}
	.notice_list ul li .no{width:50px !important;}
}
@media screen and (max-width:640px){
	.notice_list ul li p {width:50% !important; font-size:13px;}
	.notice_list ul li .subject a strong {font-size:15px;}
}
@media screen and (max-width:580px){
	.notice_list ul li p {float:none; width:auto !important; display:block;}
}
@media screen and (max-width:360px){
	.notice_list ul li p {font-size:12px;}
	.notice_list ul li .subject a strong {font-size:15px;}
}


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

   page
   페이징

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.page a,
.page a:link,
.page a:visited,
.page a:active{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.page{margin:30px 0 15px 0; text-align:center;}
.page a.on,
.page a:hover{background-color:#363d3d; border:1px solid #363d3d; color:#fff;}
.page a,
.page a:link,
.page a:visited,
.page a:active{display:inline-block; vertical-align:top; border:1px solid #fff; box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:15px; -webkit-border-radius:15px; font-size:13px; min-width:30px; height:30px; line-height:32px; text-decoration:none; box-sizing:border-box;margin: 0 2px;}
.page a.page_first,
.page a.page_left,
.page a.page_right,
.page a.page_end{overflow:hidden; text-indent:-2000px; border:1px solid #d5d5d5;}
.page a.page_first,
.page a.page_end{background:url(/images/web/board/paging_ico1.png) no-repeat center center;}
.page a.page_end{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.page a.page_first:hover,
.page a.page_end:hover{border:1px solid #a9a9a9;}
.page a.page_left{margin-right:6px;}
.page a.page_left,
.page a.page_right{background:url(/images/web/board/paging_ico2.png) no-repeat center center;}
.page a.page_right{margin-left:6px; transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.page a.page_left:hover,
.page a.page_right:hover{border:1px solid #a9a9a9;}

@media screen and (max-width:640px){
  .page{margin:20px 0 10px 0;}
  .page a,
  .page a strong,
  .page a:link,
  .page a:visited,
  .page a:active{width:25px; height:25px; line-height:27px;font-size: 12px;}
  .page a.page_left{margin-right:4px;}
  .page a.page_right{margin-left:4px;}
}


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

   board_view
   게시판_상세

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.board_view .subject,
.board_view .detail li,
.board_view .filebox li a,
.board_view .filebox li span.infor{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.board_view{display:block; padding:0; border-top:2px solid #666; border-bottom:1px solid #b9b9b9;}
.board_view .subject{display: block; width:100%; height:auto; font-weight:600; line-height:24px; padding:15px 2%; color:#333; font-size:18px; box-sizing:border-box;}
.board_view .detail{overflow:hidden; padding:0 2% 15px 2%; margin-top:-10px;}
.board_view .detail li{float:left; color:#636363; position:relative; padding:0 13px;}
.board_view .detail li:after{content:""; display:block; width:1px; height:10px; background:#ddd; position:absolute; left:0; top:50%; margin-top:-7px;}
.board_view .detail li:first-child{padding-left:0;}
.board_view .detail li:first-child:after{display:none;}
.board_view .detail li span{display:inline-block; vertical-align:top;}
.board_view .detail li span.titles{overflow:hidden; position:absolute; line-height:1px; font-size:1px; text-indent:-30000px;}
.board_view .filebox {border-top:1px dashed #b9b9b9; padding:15px 2%; background:#f7f7f7;}
.board_view .filebox li{margin-top:3px;}
.board_view .filebox li:first-child{margin-top:0;}
.board_view .filebox li a{display:inline-block; vertical-align:top; overflow:hidden; position:relative; background:url(/images/web/board/file_ico.png) no-repeat left 1px; padding-left:20px;}
.board_view .filebox li a:hover,
.board_view .filebox li a:active{color:#1398a1;}
.board_view .filebox li a em{overflow:hidden; position:absolute; line-height:1px; font-size:1px; text-indent:-30000px;}
.board_view .filebox li span.infor{font-size:12px; display:inline-block; vertical-align:top; margin-top:1px;}
.board_view .contents{min-height:150px; padding:15px 2%; border-top:1px solid #b9b9b9;}
.board_view .contents p{margin-top:10px;}
.board_view .contents p:first-child{margin-top:0;}

/*이전글,다음글*/
.prev_next_link{overflow:hidden; border-bottom:1px solid #b9b9b9;}
.prev_next_link ul li{position:relative; padding:0 0 0 100px; box-sizing:border-box;}
.prev_next_link ul li:nth-child(2){ border-top:1px solid #b9b9b9;}
.prev_next_link ul li strong{display:block; font-weight:600; color:#333; position:absolute; left:0; top:0; width:100px; height:100%; line-height:45px; padding:0 28px; box-sizing:border-box;}
.prev_next_link ul li strong:after {content:""; display:block; position:absolute; right:15px; top:50%; width:11px; height:6px; background:url(/images/web/board/prev_next_link_bul.png) no-repeat center top; margin-top:-4px;}
/* .prev_next_link ul li:nth-child(2) strong{background:url(/images/web/site/skin/board_down.png) no-repeat 83px center;} */
.prev_next_link ul li:nth-child(2) strong:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.prev_next_link ul li a{overflow:hidden; display:inline-block; vertical-align:top; max-width:100%; box-sizing:border-box; min-height:45px; line-height:45px; padding:0 10px 0 0; text-overflow:ellipsis; white-space:nowrap; color:#404040;}

@media screen and (max-width:640px){
.board_view .subject {font-size:17px;}
.board_view .detail li,
.board_view .filebox li a {font-size:13px;}
.board_view .filebox li span.infor {font-size:11px;}
.board_view .contents{min-height:100px;}
.prev_next_link ul li{padding:0 0 0 80px;}
.prev_next_link ul li strong{width:80px; padding:0 14px;}
.prev_next_link ul li strong:after{right:12px;}
}


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

   board_insert
   게시판-등록페이지

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.board_insert .detail li,
.board_insert .detail li .titles,
.board_insert .detail li .txts .open_ck label:before,
.board_insert .detail li .txts .open_ck label:after{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.board_insert{display:block; padding:0; border-top:2px solid #666666; border-bottom:1px solid #b9b9b9;}
.board_insert .detail{background:#fff;}
.board_insert .detail li{position:relative; width:100%; min-height:40px; padding-left:15%; border-bottom:1px solid #b9b9b9; box-sizing:border-box;}
.board_insert .detail li:last-child{border-bottom:0;}
.board_insert .detail li .titles{position:absolute; top:0; left:0; width:15%; height:100%; background:#f2f8fa;}
.board_insert .detail li .titles span{display:table; width:100%; height:100%;}
.board_insert .detail li .titles strong{display:table-cell; width:100%; height:100%; text-align:left; vertical-align:middle; font-weight:600; box-sizing:border-box; padding:0 15px;}
.board_insert .detail li .titles strong .red{display:inline-block; width:auto; height:auto; margin-top:-5px; padding-left:2px; vertical-align:top;}
.board_insert .detail li .txts{padding:10px 10px;}
.board_insert .detail li .txts input[type="text"],
.board_insert .detail li .txts textarea{width:100%;}
.board_insert .detail li .txts textarea{min-height:180px;}

@media screen and (max-width:840px){
  .board_insert .detail li{padding-left:90px;}
  .board_insert .detail li .titles{width:90px;}
}
@media screen and (max-width:640px){
  .board_insert .detail li{min-height:38px;}
  .board_insert .detail li .txts{padding:8px 10px;}
}


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

   qna
   묻고답하기

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.qna h4 {margin:0 0 7px 0; position:relative; padding:0 0 0 35px;}
.qna h4:before {content:""; display:block; width:30px; font-size:15px; font-weight:400; height:30px; border-radius:50%; -webkit-border-radius:50%; color:#fff; text-align:center; line-height:32px; position:absolute; left:0; top:-2px;}
.qna.question h4 {color:#0c4f54;}
.qna.question h4:before {background:#0c4f54; content:"Q";}
.qna.question .board_view {border-top:2px solid #0c4f54;}
.qna.answer {margin-top:30px;}
.qna.answer h4 {color:#1398a1;}
.qna.answer h4:before {background:#1398a1; content:"A";}
.qna.answer .board_view {border-top:2px solid #1398a1;}
.qna .board_view .subject span {display:inline-block; vertical-align:top; background:#666; color:#fff; text-align:center; padding:2px 10px; font-size:12px; line-height:16px; border-radius:15px; -webkit-border-radius:15px; font-weight:400; margin-top:1px;}
.qna .board_view .subject span.confirm {background:#f06000;}
.qna .board_view .subject span.prepare {background:#777777;}

@media screen and (max-width:840px){
	.qna h4 {padding:0 0 0 30px;}
	.qna h4:before {width:26px; height:26px; line-height:28px; font-size:13px; top:0;}
}
@media screen and (max-width:640px){
	.qna h4 {padding:0 0 0 26px;}
	.qna h4:before {width:22px; height:22px; line-height:24px; font-size:13px; top:0;}
}
@media screen and (max-width:480px){
  .qna h4:before {width:20px; height:20px; line-height:22px; font-size:12px; top:0;}
}


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

   faq_list
   FAQ_게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.faq_list li,
.faq_list li strong a,
.faq_list li .question a:after{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

.faq_list{border-top:1px solid #666666; border-bottom:1px solid #b9b9b9;}
.faq_list li{position:relative; overflow:visible;}
/*질문*/
.faq_list li .question{display:block; border-top:1px solid #b9b9b9;}
.faq_list li:first-child .question{border-top:1px solid #666666;}
.faq_list li .question a{position:relative; display:block; width:100%; padding:15px 2%; color:#636363; font-size:16px; font-weight:600; box-sizing:border-box; text-decoration:none; }
.faq_list li .question a:hover,
.faq_list li .question a:active {color:#333;}
.faq_list li .question a:before{content:"Q"; display:block; position:absolute; top:50%; margin-top:-16px; text-align:center; left:2%; width:30px; height:30px; background:#0c4f54; color:#fff; line-height:32px; border-radius:50%; -webkit-border-radius:50%;}
.faq_list li .question a:after{content:""; position:absolute; top:50%; margin-top:-4px; right:2%; display:block; width:14px; height:8px; background:url(/images/web/board/faq_arr.png) no-repeat center 50%;}
.faq_list li .question.on a {color:#333;}
.faq_list li .question.on a:after{transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
.faq_list li .question a span{display: block; padding:0 26px 0 40px;}
/*답변*/
.faq_list li .answer{position:relative; display:none; padding:15px 2%; background:#f7f7f7; border-top:1px dashed #b9b9b9;}
.faq_list li .answer:after{content:"A"; display:block; position:absolute; top:50%; margin-top:-16px; text-align:center; left:2%; width:30px; height:30px; background:#1398a1; color:#fff; line-height:32px; border-radius:50%; -webkit-border-radius:50%;}
.faq_list li .answer p{padding:0 0 0 40px;}

@media screen and (max-width:640px){
  .faq_list li .question a{font-size:15px;}
}


h4 span.text-warning, .h4 span.text-warning {font-size: 20px; line-height:20px;background: #db2929;color: #fff;padding: 0 2px;}
.text-warning, .highlight {font-weight: 700;background: #db2929;color: #fff;padding: 0 2px;}

.txt_nowrap{overflow: hidden;white-space: nowrap;display: inline-block;text-overflow: ellipsis;max-width: 100%;vertical-align: middle;}

/* 해외관세동향 목록 스타일 추가 : 220916 */
#AOT0201006Q_schResultTbl.notice_list ul li .item {display:table-cell; font-weight:400; text-align:center; vertical-align:middle; position:relative;}
#AOT0201006Q_schResultTbl.notice_list ul li .item {padding:12px 10px; word-break:keep-all;}
#AOT0201006Q_schResultTbl.notice_list ul li .item em {font-style:normal; display:none;}
@media screen and (max-width:1024px){
	#AOT0201006Q_schResultTbl.notice_list ul li.item-list {padding: 8px 6px;}
	#AOT0201006Q_schResultTbl.notice_list ul li p,
	#AOT0201006Q_schResultTbl.notice_list ul li .item {text-align: left;padding:0 0 0 8px; margin-right:15px; box-sizing:border-box; -webkit-box-sizing:border-box; display: inline-block; width:100% !important;}
	#AOT0201006Q_schResultTbl.notice_list ul li .item em {display:inline-block; margin-right:5px;}
	#AOT0201006Q_schResultTbl.notice_list ul li .item:before {content:""; display:block; width:3px; height:3px; background-color:#7c7c7c; position:absolute; left:0; top:8px;}
	#AOT0201006Q_schResultTbl.notice_list ul li .item:last-child:after {display: none;}
	#AOT0201006Q_schResultTbl.notice_list ul li .item .keywords {}
	#AOT0201006Q_schResultTbl.notice_list ul li .item .keywords .ellipsis_group {white-space: pre-line;padding-right: 0;}
	#AOT0201006Q_schResultTbl.notice_list ul li .item .keywords .ellipsis_group .more {display: none !important;}

	#AOT0201006Q_commentaryTbl {overflow:auto hidden;}
	#AOT0201006Q_commentaryTbl table {width: auto; margin-bottom: 0;}
	#AOT0201006Q_commentaryTbl table th,
	#AOT0201006Q_commentaryTbl table td {white-space: nowrap;}
}
@media screen and (max-width:720px){
	#AOT0201006Q_schResultTbl.notice_list ul li p,
	#AOT0201006Q_schResultTbl.notice_list ul li .item {float:none !important; width:100% !important; text-align:left; margin-right:0; min-height:21px;}
}
@media screen and (max-width:640px){
	#AOT0201006Q_schResultTbl.notice_list ul li p,
	#AOT0201006Q_schResultTbl.notice_list ul li .item {width:100% !important; font-size:13px;}
}
@media screen and (max-width:580px){
	#AOT0201006Q_schResultTbl.notice_list ul li p,
	#AOT0201006Q_schResultTbl.notice_list ul li .item {width:100% !important; display:block;}
}
@media screen and (max-width:360px){
	#AOT0201006Q_schResultTbl.notice_list ul li p,
	#AOT0201006Q_schResultTbl.notice_list ul li .item {font-size:12px;}
}