arset "utf-8";

/* common */

/* btn */
.btnArea { margin-top:40px; }
.btn { position:relative; display:inline-block; overflow:hidden; margin:0 auto; padding:0 20px; min-width:58px; height:38px; line-height:38px; border:1px solid #293383; color:#293383 !important; text-align:center; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;z-index: 0; }

.btn strong { z-index:3; position:relative; font-weight:500; }
.btn:before { display:inline-block; position:absolute; top:0; left:0; content:''; width:0; height:100%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.btn:after { display:inline-block; position:absolute; top:0; right:0; content:''; width:0; height:100%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; z-index:1 }
.btn:hover:before { background:#293383; width:100%; height:100%; }
.btn:hover { color:#fff !important; }

.btn.gray { border-color:#777; color:#777 !important; }
.btn.gray:hover:before { background:#777; }
.btn.gray:hover { color:#fff !important; }

.btn.red { border-color:#ee0000; color:#ee0000 !important; }
.btn.red:hover:before { background:#ee0000; }
.btn.red:hover { color:#fff !important; }

.btn.green { border-color:#00aa2b; color:#00aa2b !important; }
.btn.green:hover:before { background:#00aa2b; }
.btn.green:hover { color:#fff !important; }

.btnArea .apply_btn{position:relative; display:inline-block; overflow:hidden; margin:0 auto; padding:0 20px; min-width:58px; height:38px; line-height:38px; border:1px solid #293383;background:#293383; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;color:#fff !important;}
.btnArea .apply_btn strong{font-weight: 500;}
.btnArea .apply_btn:hover{background:#222b6e;}
.btnArea .apply_btn.end{background:#777;border-color: #777;}

/* icon */
.file { display:inline-block; width:14px; line-height:16px; background:url(../../images/S01/common/file_icon.png) 0 0 no-repeat; text-indent:-99999px; }

/* board */
.board_top { position:relative; width:100%; height:35px; margin-bottom:10px; }
.board_top .board_page { color:#333; padding-top:15px; height:20px; line-height:20px; }
.board_top .board_page span { color:#293383; }
.board_top .searchArea { position:absolute; top:0; right:0; min-width:200px; height:35px; z-index:99; }
.board_top .searchArea .search_select { position:absolute; left:0; top:0; overflow:hidden; width:100px; height:35px; box-sizing:border-box; border:1px solid #ccc; background:#fff url(../../images/S01/common/ar_sel.gif) 80px 16px no-repeat; z-index:999; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.board_top .searchArea .search_select:hover { height:103px; }
.board_top .searchArea .search_select a { display:block; padding:0 10px; line-height:33px; border-bottom:1px solid #ccc; color:#666; }
.board_top .searchArea .search_select a.on { color:#333; }
.board_top .searchArea input { float:left; margin-left:105px; padding-left:5px; width:250px; height:35px; box-sizing:border-box; border:1px solid #e0e0e0; }
.board_top .searchArea .search_btn { float:left; display:inline-block; margin-left:5px; width:35px; height:35px; line-height:35px; background:#293383 url(../../images/S01/common/search_icon.png) center center no-repeat; text-align:center; text-indent:-99999px; }
.board_top .searchArea .btn { margin-left:10px; height:33px; line-height:33px; }
.board_top .searchArea .btn strong { font-weight:normal; }
.board_top.calendar { height:30px; }
.board_top .searchArea.type01>div{display: flex;width: 205px!important;}
.board_top .searchArea.type01>div .singleSelect{margin-right: 5px!important;}
.board_top .searchArea.type01 input{margin-left: 205px!important;}

.board { border-top:2px #293383 solid; }
.board th, .board td { padding:10px 0; height:25px; line-height:25px; border-bottom:1px #dbdbdb solid; }
.board thead th { background-color:#f1f2f6; color:#333; }
.board .marry {color:#ed1f23;}
.board .obituary {color:#222;}
.board .etc {color:#293383;}
.board.list th, .board.list td { text-align:center; }
.board.list th { font-weight:normal; }
.board.list td.a_left a { display:inline-block; margin-left:20px; max-width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;}
.board.list td.a_left a img.faqSt { float:left; }
.board.list td.a_left a span.faqSt { white-space:normal; overflow:auto; float:left; text-align:left; margin-left:15px;word-break:keep-all; }
.board.list td.a_left a.lock { padding-right:18px; background:url(../../images/S01/common/ico_lock.png) right center no-repeat; }
.board.list td > span.mark { display:inline-block; width:78px; height:23px; line-height:23px; border:1px solid #293383; font-size:13px; color:#fff; }
.board.list td > span.mark.receive { color:#293383; }
.board.list td > span.mark.ing { border-color:#293383; background-color:#293383; }
.board.list td > span.mark.answer { border-color:#aaa; background-color:#aaa; }
.board.list td.title_ellipsis1{text-align: left;}
.board.list td.title_ellipsis1 p { display:inline-block;max-width:500px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;}
.board.list.faq td.a_left a { display:inline-block; margin-left:0; padding-left:32px; background:url(../../images/S01/community/faq_q.png) left center no-repeat; }
.board.list.faq td.a_left a.on { background-image:url(../../images/S01/community/faq_q_on.png); color:#293383 !important; }
.board.list.faq .faq_answer { padding:30px 40px 30px 80px; background-color:#fafafa; text-align:left; }
.board.list.faq .faq_answer > div { padding-left:32px; background:url(../../images/S01/community/faq_a.png) left top no-repeat;}
.board.view th, .board.view td { text-align:left; }
.board.view th dl, .board.view td dl { overflow:hidden; }
.board.view th dt, .board.view td dt { float:left; margin-right:10px; padding-right:11px; background:url(../../images/S01/common/line_board.gif) right center no-repeat; }
.board.view th dd, .board.view td dd { float:left; display:inline-block; }
.board.view th { padding:10px 30px; font-weight:500; }
.board.view thead th{text-align: center;font-size: 17px;padding: 12px 30px;}
.board.view th dt { padding-right:1px; letter-spacing:12px; }
.board.view td { padding:10px 30px; height:22px; }
.board.view td.board_cont { padding:25px 30px 45px; }
.board.view td.board_cont img { display:block; margin:5px auto 15px; width:720px; }
.board.view td dt { color:#293383; }
.board.view td dd { color:#555; }
.board.view td dd a { display:inline-block; margin-right:10px; padding-right:24px; background:url(../../images/S01/common/file_icon.png) right center no-repeat; color:#555 !important; }

.board.list.faq_list td.answer{padding: 10px 20px;}
.board.list.faq_list td.answer>img{margin-bottom: 10px;}
.board.list.faq_list td img{max-width: 100%;}
.board.list.faq_list td.answer span, .board.list.faq_list td.answer p, .board.list.faq_list td.answer b, .board.list.faq_list.answer td font{font-size: 15px!important;font-weight: 400!important;font-family: "Noto Sans KR", sans-serif!important;color: #666!important;line-height: 1.4!important;text-indent: 0!important;word-break: keep-all!important;margin-left: 0!important;}

/* table */
.table { border-top:2px #293383 solid; }
.table th, .table td { padding:10px 0; height:25px; line-height:25px; border-bottom:1px #dbdbdb solid; border-right:1px #dbdbdb solid; text-align:center; }
.table th.last, .table td.last { border-right:0; }
.table thead th { background-color:#f1f2f6; font-weight:500; color:#333; }

.table_member { border-top:solid 2px #293383;}
.table_member th { height: 45px;border-bottom:1px #dbdbdb solid; border-right:1px #dbdbdb solid; text-align:center; }
.table_member td { height:45px; line-height:24px;padding: 6px 10px; border-bottom:1px #dbdbdb solid; border-right:1px #dbdbdb solid;box-sizing: border-box; }
.table_member .last { border-right:0; }
.table_member th { background-color:#f1f2f6; font-weight:500; color:#293383; }
.table_member input { border: 1px solid #ccc; padding: 5px 10px; width: 100%; box-sizing: border-box; }
.table_member select { border: 1px solid #ccc; padding: 4px 10px; width: 100%; }
.table_member .btn{display: block;height: 32px;line-height: 32px;}

.table_pop {width:100%; border-top:2px solid #293383;}
.table_pop th {background:#f1f2f6; font-size:13px; padding:15px 0; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.table_pop td {background:#ffffff;text-align:center;font-size:13px; color:#777; padding:7px 10px; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.table_pop td:last-child {border-right:none;}

.paging { margin-top:40px; text-align:center; }
.paging a { display:inline-block; height:33px; line-height:33px; font-weight:normal; }
.paging .paging_btn { margin:0 1px; width:33px; box-sizing:border-box; border:1px solid #dbdbdb; text-indent:-99999px; }
.paging .paging_btn.first { background:url(../../images/S01/common/ar_first.png) center no-repeat; }
.paging .paging_btn.prev { background:url(../../images/S01/common/ar_prev.png) center no-repeat; }
.paging .paging_btn.next { background:url(../../images/S01/common/ar_next.png) center no-repeat; }
.paging .paging_btn.last { background:url(../../images/S01/common/ar_last.png) center no-repeat; }
.paging .paging_num { display:inline-block; margin:0 19px; }
.paging .paging_num a { padding:0 9px; }
.paging .paging_num a.on { font-weight:500; color:#293383 !important; }

.go_post li { padding:11px 20px 12px; height:22px; line-height:22px; border-bottom:1px #dbdbdb solid; }
.go_post li > span { display:inline-block; margin-right:50px; width:55px; color:#333; }
.go_post li > span.prev { background:url(../../images/S01/common/ar_prev2.png) right center no-repeat; }
.go_post li > span.next { background:url(../../images/S01/common/ar_next2.png) right center no-repeat; }
.go_post li a { display:inline-block; max-width:85%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; }
.go_post li a > span { display:inline-block ;margin-right:20px; }
.go_post li a > span.marry {color:#ed1f23;}
.go_post li a > span.obituary {color:#222;}
.go_post li a > span.etc {color:#293383;}

/* 레이어팝업 */
.pop_body { position:fixed; left:0; top:0; width:100%; height:100%; margin:0; background:#000; z-index:200; opacity:0.2; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }

/* 실적 팝업 */
.pop_layer{background:#fff;width: 1500px;position: fixed;left: 50%;top: 48%;z-index: 400;display:none;border-radius: 20px;transform: translateX(-50%)translateY(-50%);}
.pop_title{background: #1c2750;font-size: 20px;color: #fff;font-weight: 400;padding: 14px 50px 14px 20px;border-top-right-radius: 16px;;border-top-left-radius: 16px;}
.pop_title strong{font-weight: 600;color: #d4ddfc;}
.pop_inner{padding: 15px 15px 20px 15px;max-height: calc(100vh - 300px);overflow-y: auto;}
.pop_close{font-size:0;line-height:0;width:17px;height:16px;position: absolute;right:19px;top:19px;background: url(../../images/S01/common/pop_close.png)left top no-repeat;}
.pop_layer .pop_btm{background: #fff;border-top: 1px solid #dcdcdc;padding: 15px 30px;border-radius: 0 0 20px 20px;}
.pop_layer .pop_btm .btn_area{display: flex;justify-content: center;}
.pop_layer .pop_btm .btn_area a{margin: 0 5px;}
.pop_layer .table_pop{word-break: keep-all;}
.pop_layer .table_pop .last{border-right: 0!important;}

.pop_layer.pop_notify{width: 1000px;}
.pop_layer.pop_notify .pop_title{font-size: 22px;}

.pop_layer.pop_notify .pop_inner{padding: 22px 40px 40px;overflow: hidden;}
.pop_layer.pop_notify .pop_inner .cts{overflow-y: auto;max-height: 620px;padding-right: 20px;}
.pop_layer.pop_notify .tableP .bl{border-left: 1px solid #ccc!important;}
.pop_layer .titleP{font-size: 20px;font-weight: 500;padding-left: 30px;background: url(../../images/S01/common/titlePop_ico.png) left top 7px no-repeat;margin-top: 34px;}
.pop_layer .titleP:first-child{margin-top: 0;}
.pop_layer .tableP{border-top: 2px solid #293383;border-bottom: 2px solid #293383;line-height: 1.4;margin-top: 10px;}
.pop_layer .tableP thead th{border-left: 1px solid #ccc;}
.pop_layer .tableP th{background:#e6e9f6;border-bottom:1px solid #ccc;border-left: 1px solid #ccc;padding: 6px 10px;font-size: 16px;font-weight: 500;text-align: center;height: 40px; box-sizing: border-box;}
.pop_layer .tableP th.pop_th{background: #f1f2f6;}
.pop_layer .tableP td{background:#fff;border-bottom:1px solid #ccc;padding: 6px 10px;text-align: center;font-size: 15px;border-left: 1px solid #ccc;height: 40px;box-sizing: border-box;}
.pop_layer .tableP th:first-child, .pop_layer .tableP td:first-child{border-left: 0!important;}
.pop_layer .tableP tbody tr:last-child th, .pop_layer .tableP tbody tr:last-child td{border-bottom: 0;}
.pop_layer .tableP .t_left{text-align: left;}
.pop_layer .pop_tablef2{display: flex;}
.pop_layer .pop_tablef2 table{width: 50%;}
.pop_layer .pop_tablef2 table:first-child{border-right: 2px solid #293383!important;}
.shadow_pop{position:fixed;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.4);z-index: 250;display: none;}

.noscroll {position: fixed; overflow-y:scroll;width: 100%;}

#g2bsite_pop{width: 1150px;}
#g2bsite_pop .cts{position: relative;padding-right: 0;}
#g2bsite_pop .cts img{display: block;margin: 0 auto;}
#g2bsite_pop .g2bsite_btn{font-size: 0;line-height: 0;text-indent: -9999px;display: block;width: 300px;height: 64px;position: absolute;left: 280px;top: 0;}


/* sub */

/* 인사말 */
.info_ceo{display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: flex-start;margin-top: 40px;}
.info_ceo .ceo_bg{display: block;border-radius: 38px 16px 38px 16px;overflow: hidden;min-width: 290px;}
.info_ceo p{font-size: 16px;margin-top: 30px;line-height: 1.6;letter-spacing: -1px;}
.info_ceo .info_txt{width: 100%;max-width: 500px;}
.info_ceo .info_txt .title{margin-top: 20px;}
.info_ceo .name{font-size: 18px;color: #333;margin-top: 60px;text-align: right;}
.info_ceo .name strong{font-size: 22px;font-weight: 600;display: block;margin-top: 14px;}

/*************** history ***************/
.history { }
.history h5 {width:185px; margin:0 auto; margin-bottom:30px; font-size:23px; font-weight:600;}
.history .year_time {padding-left:25px; background:url(../../images/S01/information/history_clock.gif) no-repeat 0 8px; border-bottom:2px solid #293383; color:#293383;}
.history .subject {border-bottom:2px solid #dbdbdb; color:#888;}
.history ul {width:100%; padding-top:30px; background:url(../../images/S01/information/history_start_line.gif) no-repeat 50% 0;}
.history ul li {width:100%; box-sizing:border-box; padding:0 0 40px 430px; font-size:14px; color:#555; background:url(../../images/S01/information/history_line.gif) no-repeat 50% 30px;}
.history ul li:last-child {background:url(../../images/S01/information/history_end_line.gif) no-repeat 50% 30px;}
.history ul li span {font-weight:600; color:#293383; padding-right:30px; background:url(../../images/S01/information/history_bullet_right.gif) no-repeat 85% 50%;}
.history ul li.his_left {padding:0 405px 40px 0; font-size:14px; color:#555; text-align:right}
.history ul li.his_left span {padding-left:30px; background:url(../../images/S01/information/history_bullet_left.gif) no-repeat 15% 50%;}

.history .year_2016 { }
.history .year_2017, .history .year_2016, .history .year_2015, .history .year_2014, .history .year_2013, .history .year_2012,.history .year_2011, .history .year_2010, .history .year_2009, .history .year_2008, .history .year_2007, .history .year_2006, .history .year_2005, .history .year_2004, .history .year_2003, .history .year_2002 {display:none;}
.history .history_btn { margin-top:30px; }
.history .history_btn span { display:block; width:190px; height:36px; line-height:36px; border:1px solid #293383; color:#293383; margin:0 auto; text-align:center; letter-spacing:-0.5px; font-size:16px; font-weight:500; cursor:pointer; padding-bottom:3px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; overflow:hidden; position:relative; }
.history .history_btn span b { z-index:3; position:relative; }
.history .history_btn span:before { display:block; position:absolute; top:0; left:0; content:''; width:0; height:100%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.history .history_btn span:after { display:block; position:absolute; top:0; right:0; content:''; width:0; height:100%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; z-index:1 }
.history .history_btn span:hover:before { background:#293383; width:100%; height:100%; }
/*.history .history_btn span:hover:after { background:#293383; width:100%; height:100%; }*/
.history .history_btn span:hover {color:#fff;}
.history .history_btn .btn_2015 {}
.history .history_btn .btn_2014 {display:none;}
.history .history_btn .btn_2013 {display:none;}
.history .history_btn .btn_2012 {display:none;}
.history .history_btn .btn_2011 {display:none;}
.history .history_btn .btn_2010 {display:none;}
.history .history_btn .btn_2009 {display:none;}
.history .history_btn .btn_2008 {display:none;}
.history .history_btn .btn_2007 {display:none;}
.history .history_btn .btn_2006 {display:none;}
.history .history_btn .btn_2005 {display:none;}
.history .history_btn .btn_2004 {display:none;}
.history .history_btn .btn_2003 {display:none;}
.history .history_btn .btn_2002 {display:none;}



/* 우수제품지정현황 */
.section_search { width:100%; background:#f1f2f6; border:1px solid #dbdbdb; box-sizing:border-box; padding:0; margin:0; margin-bottom:40px; padding:17px 21px; float:left; font-size:14px; }
.section_search .inner { position:relative; }
.section_search .inner > div { float:left; }
.section_search .cell_1 { height:35px; box-sizing:border-box; width:160px; background:#fff url(../../images/S01/common/ar_sel.gif) 140px 16px no-repeat; position:relative; z-index:20; overflow:hidden; position:absolute; top:0; left:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out }
.section_search .cell_1:hover { /*height:273px;*/ height:69px; }
.section_search .cell_1 ul { border:1px solid #ccc; }
.section_search .cell_1 .alt2 { display:none; }
.section_search .cell_1 ul li { line-height:33px; padding:0 10px; border-bottom:1px solid #ccc; cursor:pointer; }
.section_search .cell_2 { margin-right:13px; width:513px; box-sizing:border-box; margin-left:170px; }
.section_search .cell_2 input { border:1px solid #ccc; background:#fff; height:35px; width:100%;box-sizing: border-box;padding: 0 5px; }
/*.section_search .cell_3 input { background:#293383; color:#fff; font-weight:400; width:160px; height:35px; line-height:35px; text-align:center; cursor:pointer; }*/
.section_search .cell_3 input { background:#293383; color:#fff; font-weight:400; width:160px; height:35px; /*line-height:35px;*/ text-align:center; cursor:pointer;border: 0; }
.section_search .cell_4 { margin-right:13px; width:513px; box-sizing:border-box; margin-left:170px; display:none;  }
.section_search .cell_4 ul { height:35px; border:1px solid #ccc; float:left; background:#FFFFFF; box-sizing:border-box; width:251px; background:#fff url(../../images/S01/common/ar_sel.gif) 230px 16px no-repeat }
.section_search .cell_4 ul li { line-height:33px; padding:0 10px; }
.section_search .cell_4 ul.alt { margin-right:10px; }
.section_search .cell_4 ul.alt { width:251px; }

.list { text-align:center; }
.list ul:after { content:' '; clear:both; display:block; }
.list ul li { float:left; margin-bottom:20px; padding:4px; background:#dbdbdb; position:relative; box-sizing:border-box; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out }
.list ul li:nth-child(2n) {float:right;}
.list ul li a { width:432px; height:232px; background:#fff; display:block; overflow:hidden; position:relative; z-index:10; }
.list ul li a .l_img { position:absolute; top:20px; left:20px; width:143px; height:192px; /*overflow:hidden;*/ }
.list ul li a .l_img img { -webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  -o-transition:all 0.5s ease;  transition:all 0.5s ease; transform:scale(1); }
.list ul li a .l_img:hover img{ transform:scale(1.2) }
.list ul li a .r_txt { position:absolute; top:22px; right:0; width:250px; text-align:left; }
.list ul li a .r_txt h4 { margin-bottom:8px; font-weight:500; font-size:16px; color:#333; }
.list ul li a .r_txt dl { overflow:hidden; width:250px; }
.list ul li a .r_txt dt, .list ul li a .r_txt dd { float:left; line-height:26px; }
.list ul li a .r_txt dt { margin-right:8px; padding-right:9px; width:50px;background:url(../../images/S01/common/line_gallery.gif) right center no-repeat; color:#293383; text-align:left; }
.list ul li a .r_txt dd { width:155px; text-align:left; }
.list ul li a .r_txt dd:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.list ul li a .btn { display:inline-block; overflow:hidden; margin-top:20px; padding:0 9px; width:76px; height:23px; line-height:23px; border:1px solid #293383; background:url(../../images/S01/common/ico_detail.png) 69px center no-repeat; color:#293383 !important; text-align:center; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.list ul li a .btn strong { display:inline-block; padding-right:20px; font-weight:500; font-size:12px; }
.list ul li a .btn:before { position:absolute; top:0; left:0; content:''; width:0; height:100%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.list ul li a .btn:after { position:absolute; top:0; right:0; content:''; width:0; height:100%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; z-index:1 }
.list ul li a .btn:hover { background:#293383 url(../../images/S01/common/ico_detail_on.png) 69px center no-repeat; color:#fff !important; }
.list ul li .inner { width:438px; height:238px; background:#fff; position:absolute; top:1px; left:1px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }

.list ul li:hover { background:#fff; }
.list ul li:hover .inner { width:432px; height:232px; position:absolute; top:4px; left:4px; }
.list ul li:before { display:block; width:0px; height:0px; background:#293383; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; content:' '; position:absolute; top:0; left:0; z-index:5; }
.list ul li:after { display:block; width:0px; height:0px; background:#293383; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; content:' '; position:absolute; bottom:0; right:0; z-index:5;  }
.list ul li:hover:before  { width:100%; height:100%; }
.list ul li:hover:after  { width:100%; height:100%; }

.board.product th dl, .board.product td dl { overflow:hidden; }
.board.product th dt, .board.product td dt { float:left; margin-right:10px; padding-right:11px; background:url(../../images/S01/common/line_board.gif) right center no-repeat; }
.board.product th dd, .board.product td dd { float:left; display:inline-block; }
.board.product th { padding:10px 30px; font-weight:500; text-align:center !important; }
.board.product thead th { font-size:16px; }
.board.product tbody th { background:#f1f2f6; color:#293383; }
.board.product td { padding:30px 0 40px; height:22px; }
.board.product td.board_cont { padding:25px 30px 45px; }
.board.product td.board_cont img { display:block; margin:5px auto 15px; width:720px; }

.board.product td .img_product { float:left; width:352px; height:453px; border:4px solid #293383; }
.board.product td .img_product > img { width:352px; height:453px; }
.board.product td .table { overflow:hidden; float:right; width:510px; border-top:1px solid #dbdbdb; }
.board.product td .table th { padding:10px 0; background-color:#f1f2f6; font-weight:500; color:#293383; }
.board.product td .table td { position:relative; padding:10px 10px 10px 20px; }
.board.product td .table td .txtBox { display:block; }
.board.product td .table td .pop_txt { position:absolute; top:-10px; left:35px; padding:15px 20px; border:1px solid #293383; background:#fff; z-index:99; }
.board.product td .table td .name { display:inline-block; padding-right:23px; font-weight:500; color:#293383 !important; background:url(../../images/S01/search/ico_image.png) right center no-repeat; }
.board.product td .table td .pop_photo { position:absolute; top:10px; left:85px; width:110px; height:130px; border:3px solid #293383; background:#fff; z-index:99; }
.board.product td .table td .pop_photo > img { width:110px; height:130px; }
.board.product td .table td .pop_photo .btn_close { position:absolute; top:-3px; right:-28px;px; width:25px; height:25px; background:#293383 url(../../images/S01/common/btn_closeS.png) center no-repeat; text-indent:-99999px; }

/* 20231026 회원사정보 추가 */
.board.member thead th{font-size: 16px;}
.board.member td{padding: 30px 0;}
.board.member th {text-align:center !important;}
.board.member td .member_img {float:left; width:194px;height: 324px;}
.board.member td .member_img > img {width:100%;height:calc(100% - 74px);display: block;border:2px solid #293383;box-sizing: border-box;}
.board.member td .table { overflow:hidden;float:right;width:672px; border-top:1px solid #dbdbdb; }
.board.member td .table th {padding:10px 0; background-color:#f1f2f6; font-weight:500; color:#293383;}
.board.member td .table td {position:relative; padding:10px 10px 10px 20px;}
.board.member td .name{background: #3c4e73;color: #acc5f9;text-align: center;font-size: 16px;border: 2px solid #3c4e73;margin-top: 4px;padding: 6px 10px 8px;height: 70px;box-sizing: border-box;}
.board.member td .name strong{color: #fff;font-weight: 500;font-size: 20px;display: block;}

.regular_icon { float:left; margin-top:14px;}
.regular_txt { float:left; font-size:14px; color:#333; margin-top:12px; padding-left:5px;}

/* 20231129 회원사정보 */
.titleA{font-size: 20px;font-weight: 500;margin: 36px 0 20px;padding-bottom: 10px;position: relative;}
.titleA:after{content: '';width: 15px;height: 1px;background: #293383;position: absolute;left: 0;bottom:0;}

.member_select_box{width: 160px;height: 35px;border: 1px solid #ccc;}

.member_select{display: flex;flex-wrap: wrap;gap: 15px;}
.member_select li{width: calc((100% - 15px) / 2);height: 60px;}
.member_select a{display: flex;justify-content: center;align-items: center;text-align: center;font-size: 16px;background: #e5e6f1;border-radius: 4px;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.24);height: 100%;width: 100%;transition: background .3s;}
.member_select a:hover{background: #d2d4ee;}
.member_select .all_item{width: 100%;}
.member_select .all_item a{background: #ced6e9;}
.member_select .all_item a:hover{background: #b0bfe2;}

.member_top{display: flex;}
.member_top .map_btn{text-align: center;border-radius: 4px;display: flex;justify-content: center;align-items: center;width: 90px;height: 45px;background: #ced6e9;transition: background .3s;}
.member_top .map_btn:hover{background: #b0bfe2;}
.member_top .mem_paging{display: flex;align-items: center;justify-content: center;gap: 6px;margin-left: auto;}
.member_top .mem_paging button{font-size:0;line-height:0;height: 45px;width: 45px;background: #ced6e9 url(../../images/S03/common/prev_arrow.png) center no-repeat;border-radius: 4px;transition: background .3s;}
.member_top .mem_paging button:hover{background-color: #b0bfe2;}
.member_top .mem_paging button.next{transform: rotate(180deg);}

.member_info{display: flex;flex-wrap: wrap;gap: 34px 15px;}
.member_info li{width: 49%;font-size: 15px;}
.member_info .title{color: #1d4288;font-weight: 500;text-align: center;background: #e8ebf2;padding: 8px 10px;margin-bottom: 16px;}
.member_info .member_inner{display: flex;gap: 12px;margin-bottom: 15px;}
.member_info .member_inner .txt_area{width: 100%;}
.member_info .member_inner img{width: 110px;height: 130px;display: block;}
.member_info .member_inner .name{text-align: center;background: #d0d9e4;font-size: 13px;height: 62px;display: flex;flex-direction: column;justify-content: center;}
.member_info .member_inner .name strong{font-size: 15px;font-weight: 500;display: block;}
.member_info .text{font-size: 14px;margin-bottom: 9px;word-break: break-all;display: flex;gap: 3px;line-height: 1.3;letter-spacing: -1px;}
.member_info .text:last-child{margin-bottom: 0;}
.member_info .text span{color: #1d4288;white-space: nowrap;}

.excel{margin-top: 20px;}
.excel .excelBtn{border :3px solid #00e500;text-align: center;border-radius: 4px;display: flex;justify-content: center;align-items: center;width: 120px;height: 45px;transition: background .3s;}
.excel .excelBtn:hover{background: #00e500;}


/* 행사일정 */
.board_top.schedule { height:30px;display: flex;justify-content: center; }
.board_top.schedule .select.year { position:relative; overflow:hidden; width:100px; height:30px; z-index:99; }
.board_top.schedule .select.year:hover { height:290px; }
.board_top.schedule .select.year .select { display:block; width:100px; height:30px; line-height:30px; background:url(../../images/S01/common/ar_sel.gif) 90px center no-repeat; font-weight:500; font-size:26px; color:#333 !important; }
.board_top.schedule .select.year > div { overflow:auto; margin-top:5px; padding:5px 0 5px 10px; width:88px; max-height:243px; border:1px solid #ccc; background:#fff; }
.board_top.schedule .select.year > div > a { display:block; line-height:22px; color:#666; }
.board_top.schedule .select.year > div > a:hover { color:#293383 !important; }
.board_top.schedule .select.month { position:relative;margin-left: 10px; overflow:hidden; width:70px; height:30px; z-index:99; }
.board_top.schedule .select.month:hover { height:290px; }
.board_top.schedule .select.month .select { display:block; width:100px; height:30px; line-height:30px; background:url(../../images/S01/common/ar_sel.gif) 60px center no-repeat; font-weight:500; font-size:26px; color:#333 !important; }
.board_top.schedule .select.month > div { overflow:auto; margin-top:5px; padding:5px 0 5px 10px; width:58px; max-height:243px; border:1px solid #ccc; background:#fff; }
.board_top.schedule .select.month > div > a { display:block; line-height:22px; color:#666; }
.board_top.schedule .select.month > div > a:hover { color:#293383 !important; }

.board_top.schedule .moveBtn{background: url(../../images/S01/common/day_arrow.png) center no-repeat;display: inline-block;width: 30px;height: 30px;font-size: 0;line-height: 0;text-indent: -9999px;}
.board_top.schedule .moveBtn.prev{transform: rotate(180deg);margin-right: 40px;}
.board_top.schedule .moveBtn.next{margin-left: 40px;}
.board_top.schedule .btnArea { float:right; margin-top:0; }
.board_top.schedule .btnArea .btn { padding:0; width:88px; height:28px; line-height:28px; color:#666 !important; }
.board_top.schedule .btnArea .btn strong { display:inline-block; padding-left:28px; font-weight:normal; }
.board_top.schedule .btnArea .btn strong.calendar { background:url(../../images/S01/community/ico_calendar.png) left 6px no-repeat; }
.board_top.schedule .btnArea .btn strong.list { background:url(../../images/S01/community/ico_list.png) left 6px no-repeat; }
.board_top.schedule .btnArea .btn:hover { background:#293383; color:#fff !important; }
.board_top.schedule .btnArea .btn:hover strong.calendar { background:url(../../images/S01/community/ico_calendar_on.png) left 6px no-repeat; }
.board_top.schedule .btnArea .btn:hover strong.list { background:url(../../images/S01/community/ico_list_on.png) left 6px no-repeat; }
.board_top.schedule .btnArea .btn.on { background:#293383; color:#fff !important; }
.board_top.schedule .btnArea .btn.on strong.calendar { background:url(../../images/S01/community/ico_calendar_on.png) left 6px no-repeat; }
.board_top.schedule .btnArea .btn.on strong.list { background:url(../../images/S01/community/ico_list_on.png) left 6px no-repeat; }

.btn_tab { position:relative; font-size:13px; display:inline-block; overflow:hidden; margin:0 auto; padding-left:8px; padding-right:5px; min-width:55px; height:25px; line-height:25px; border:1px solid #293383; color:#293383 !important; text-align:center; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.btn_tab strong { display:inline-block; font-weight:normal; }
.btn_tab:hover { background:#293383; color:#fff !important; }
.btn_tab.on { background:#293383; color:#fff !important; }

.table.schedule thead th.sun{color: #e21625;}
.table.schedule thead th.sat{color: #3a57c2;border-right: 0;}
.table.schedule tbody th { font-size:18px; color:#333 !important; }
.table.schedule td{vertical-align: top;}
.table.schedule td.a_left { text-indent:20px; }
.table.schedule td.last > a { color:#293383 !important; }
.table.schedule td > div { min-height:100px;position: relative; }
.table.schedule td > div > span { display:block; margin-bottom:6px; padding:0 10px; height:14px; line-height:14px; text-align:left; }
.table.schedule td > div > span.sun{color: #e21625;}
.table.schedule td > div > span.sat{color: #3a57c2;}
.table.schedule td > div > .event { display:block;line-height:20px;font-size:13px!important;text-align: left;padding: 0 10px;margin-bottom: 8px;word-break: keep-all; }
.table.schedule td > div > .event:last-child{margin-bottom: 0;}
.table.schedule td.holiday p{color: #e21625;}
.table.schedule td.holiday .tit{position: absolute;right: 10px;top: 0;font-size: 13px;}
.table.schedule tr td:last-child{border-right: 0!important;}
/* .table.schedule td > div > .event.past { background-image:url(../../images/S01/community/ico_schedule.png); } */

.pop_schedule { display:none; position:fixed; top:25%; left:50%; margin-left:-400px; padding:30px; width:720px; border:10px solid #293383; background:#fff; z-index:300; }
.pop_schedule.on { display:block; }
.pop_schedule > p { margin-bottom:20px;min-height:22px; line-height:22px; font-weight:500; font-size:18px; color:#333 !important; text-align:left;}
.pop_schedule .table { position:relative; }
.pop_schedule .table { border-top:2px #293383 solid; }
.pop_schedule .table th, .table td { padding:10px 0; height:25px; line-height:25px; border-bottom:1px #dbdbdb solid; border-right:1px #dbdbdb solid; }
.pop_schedule .table th.last, .table td.last { border-right:0; }
.pop_schedule .table tbody th { background-color:#f1f2f6; font-weight:500; font-size:14px; color:#293383 !important; }
.pop_schedule .table td { padding-left:20px; text-align:left; }
.pop_schedule .table td.last a { display:inline-block; margin-right:10px; padding-right:24px; background:url(../../images/S01/common/file_icon.png) right center no-repeat; color:#555 !important; }
.pop_schedule .btnArea { margin-top:30px; text-align:center;}
.pop_schedule .btn_close { position:absolute; top:-10px; right:-45px;px; width:35px; height:35px; background:#293383 url(../../images/S01/common/btn_close.png) center no-repeat; text-indent:-99999px; }



/* 협회갤러리 */
.tab2.gallery li { margin-right:0;padding:0 43px; }

.gallery_list { padding-top:40px; border-top:2px #293383 solid; border-bottom:1px #dbdbdb solid; }
.gallery_list:after { display:block; content:''; width:100%; height:0; clear:both; }
.gallery_list ul li { display:block; width:210px; height:230px; box-sizing:border-box; border:1px solid #dbdbdb; float:left; margin-right:20px; margin-bottom:40px; overflow:hidden; position:relative; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.gallery_list ul li:nth-child(4n) { margin-right:0; }
.gallery_list ul li span.alt:before { display:block; width:4px; height:0px; background:#293383; content:' '; position:absolute; top:0; left:0; z-index:5; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.gallery_list ul li span.alt:after { display:block; width:4px; height:0px; background:#293383; content:' '; position:absolute; bottom:0; right:0; z-index:5; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }

.gallery_list ul li .title { width:100%; height:230px; overflow:hidden; }
.gallery_list ul li .title .thumbnail { overflow:hidden; width:100%; height:159px; background:#dbdbdb; text-align:center; }
.gallery_list ul li .title .thumbnail img { transform:scale(1); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.gallery_list ul li .title h4 { overflow:hidden; margin-top:10px; padding:0 10px; color:#333; text-align:left; text-overflow:ellipsis; white-space:nowrap; }

.gallery_list ul li .info { position:absolute; bottom:10px; left:0; overflow:hidden; padding:0 10px; font-size:12px; text-align:left; }
.gallery_list ul li .info dt { float:left; margin-right:5px; padding-right:6px; background:url(../../images/S01/common/line_gallery.gif) right center no-repeat; color:#293383; }
.gallery_list ul li .info dd { float:left; }
.gallery_list ul li .info .date { margin-right:18px; }

.gallery_list ul li:before { display:block; width:0px; height:4px; background:#293383; content:' '; position:absolute; top:0; left:0; z-index:5; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.gallery_list ul li:after { display:block; width:0px; height:4px; background:#293383; content:' '; position:absolute; bottom:0; right:0; z-index:5; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.gallery_list ul li:hover { border:1px solid #293383; }
.gallery_list ul li:hover:before { width:100%; height:4px; }
.gallery_list ul li:hover:after  { width:100%; height:4px; }
/*.gallery_list ul li:hover .thumbnail img { transform:scale(1.1) !important; }*/
.gallery_list ul li:hover span.alt:before { height:100%; }
.gallery_list ul li:hover span.alt:after { height:100%; }



/* 정우웹진 */
.board_top.webzine .searchArea { width:200px; }
.board_top.webzine .searchArea .search_select { width:160px; background-position:142px 16px; }
.board_top.webzine .searchArea .search_select:hover { height:374px; }
.board_top.webzine .searchArea .search_btn { margin-left:165px; }
.webzine_box { overflow:hidden; padding:30px 20px 30px 30px; border:1px #dbdbdb solid; display:none;}
.webzine_box.wz18 {display:block;}
.webzine_box.spring { background:url(../../images/S01/community/bg_webzine_spring.jpg) center no-repeat; }
.webzine_box.summer { background:url(../../images/S01/community/bg_webzine_summer.jpg) center no-repeat; }
.webzine_box.fall { background:url(../../images/S01/community/bg_webzine_fall.jpg) center no-repeat; }
.webzine_box.winter { background:url(../../images/S01/community/bg_webzine_winter.jpg) center no-repeat; }
.webzine_box > img { float:left; display:block; margin-right:30px; width:380px; height:485px; box-shadow: 2px 2px 5px rgba(0, 0, 0, .2); }
.webzine_box > .txt { float:left; padding-top:245px; width:438px; background:url(../../images/S01/community/webzine_title.png) center 30px no-repeat; color:#333; }
.webzine_box > .btnArea { float:left; overflow:hidden; margin-top:35px; height:40px; }
.webzine_box > .btnArea .btn{ margin-right:3px; padding:0 13px; min-width:72px; }

.webzine_list { padding-top:40px; }
.webzine_list:after { display:block; content:''; width:100%; height:0; clear:both; }
.webzine_list ul { overflow:hidden; }
.webzine_list ul li { float:left; margin-right:25px; margin-bottom:40px; width:160px; height:240px; }
.webzine_list ul li:nth-child(5n) { margin-right:0; }
.webzine_list ul li .thumbnail { display:block; width:160px; height:205px; box-sizing:border-box; border:1px solid #dbdbdb; float:left; overflow:hidden; position:relative; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.webzine_list ul li .thumbnail span.alt:before { display:block; width:4px; height:0px; background:#293383; content:' '; position:absolute; top:0; left:0; z-index:5; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.webzine_list ul li .thumbnail span.alt:after { display:block; width:4px; height:0px; background:#293383; content:' '; position:absolute; bottom:0; right:0; z-index:5; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.webzine_list ul li .thumbnail img { overflow:hidden; width:100%; height:203px; }
.webzine_list ul li .thumbnail:before { display:block; width:0px; height:4px; background:#293383; content:' '; position:absolute; top:0; left:0; z-index:5; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.webzine_list ul li .thumbnail:after { display:block; width:0px; height:4px; background:#293383; content:' '; position:absolute; bottom:0; right:0; z-index:5; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.webzine_list ul li .thumbnail:hover { border:1px solid #293383; }
.webzine_list ul li .thumbnail:hover:before { width:100%; height:4px; }
.webzine_list ul li .thumbnail:hover:after  { width:100%; height:4px; }
.webzine_list ul li .thumbnail:hover span.alt:before { height:100%; }
.webzine_list ul li .thumbnail:hover span.alt:after { height:100%; }

.webzine_list ul li .thumbnail.on {border:5px solid #293383; box-sizing:border-box; transition:all 0.1s ease-in-out; }
.webzine_list ul li .thumbnail.on:before {display:block; width:0px; height:0; background:#none; content:' ';}
.webzine_list ul li .thumbnail.on:after {display:block; width:0px; height:0; background:#none; content:' ';}

.webzine_list ul li .thumbnail.on:hover:before { width:0; height:0; }
.webzine_list ul li .thumbnail.on:hover:after { width:0; height:0; }
.webzine_list ul li .thumbnail.on:hover span.alt:before { height:0; }
.webzine_list ul li .thumbnail.on:hover span.alt:after { height:0; }

.webzine_list h4 { overflow:hidden; padding:10px 10px 0; text-align:center; }



/* 자주하는 질문 */
.pop_pass { display:none; position:absolute; left:50%; margin-left:-165px; width:358px; height:205px; border:1px solid #dbdbdb; background:#fff; z-index:300; }
.pop_pass.on { display:block; }
.pop_pass dl { position:relative; }
.pop_pass dt { padding-left:20px; height:50px; line-height:50px; background:#293383; font-weight:500; font-size:18px; color:#fff; }
.pop_pass dd { padding:20px; line-height:24px; color:#333; }
.pop_pass dd p { overflow:hidden; margin-top:15px; padding-top:20px; border-top:1px solid #dbdbdb; }
.pop_pass dd p input { float:left; padding:0 5px; width:208px; height:33px; line-height:33px; border:1px solid #dbdbdb; }
.pop_pass dd p .btn_cofm { float:right; display:inline-block; margin-left:0 !important; width:93px; height:35px; line-height:35px; background:#293383; color:#fff !important; text-align:center; }
.pop_pass .btn_close { position:absolute; top:15px; right:20px; width:21px; height:21px; background:url(../../images/S01/common/btn_close.png) center no-repeat; text-indent:-99999px; }



/* 홍보동영상 */
.board_top.video .searchArea .search_select { width:120px; background-position:100px 16px; }
.board_top.video .searchArea input { margin-left:125px; }
.video_box li { overflow:hidden; margin-bottom:30px; height:230px; border:1px solid #dbdbdb; }
.video_box li > div { float:left; }
.video_box li > div.video { width:400px; height:230px; }
.video_box li > div.cont { overflow-y:scroll; padding:22px 0 22px 30px; width:468px; height:186px; background:#f9f9f9; }
.video_box li > div.cont h4 { margin-bottom:7px; font-weight:500; font-size:16px;}
.video_box li > div.cont h4 a{color: #333!important;}
.video_box li > div.cont dl { overflow:hidden; margin-bottom:10px; }
.video_box li > div.cont dt { float:left; margin-right:10px; padding-right:10px; background:url(../../images/S01/common/line_gallery.gif) right center no-repeat; color:#293383; }
.video_box li > div.cont dd { float:left; padding-right:30px; color:#555; }
.video_box li .txt p, .video_box li .txt b, .video_box li .txt span, .video_box li .txt em, .video_box li .txt strong{font-size: 15px!important;font-weight: 400!important;font-family: "Noto Sans KR", sans-serif!important;color: #333!important;line-height: 1.4!important;text-indent: 0!important;word-break: keep-all!important;margin-left: 0!important;background: none!important;}



/* 회원가입 */
.join_step { margin-bottom:40px; width:900px; height:52px; background:url(../../images/S01/member/bg_step.png) no-repeat; }
.join_step.step01 { background-position:0 0; }
.join_step.step02 { background-position:0 -52px; }
.join_step.step03 { background-position:0 -104px; }
.join_step.step04 { background-position:0 -156px; }

.join > .box { margin-top:40px; border:1px solid #dbdbdb; background:#f1f2f6; }
.join input { padding:0 10px;  border:1px solid #ccc; vertical-align:middle; }
.join .btn { margin:0 3px; width:98px; height:48px; line-height:48px; font-weight:500; font-size:16px; }
.join .checkbox { padding-left:22px; background:url(../../images/S01/member/ico_checkbox.gif) left center no-repeat; color:#333 !important; }
.join .checkbox.on { background-image:url(../../images/S01/member/ico_checkbox_on.gif); }
.join > .table td span { display:inline-block; vertical-align:middle; }
.join > .table td a { display:inline-block; vertical-align:middle; }

.join .btnArea{margin-top: 40px;}

.join.step01 { text-align:center; }
.join.step01 > .txt dt { line-height:52px; font-weight:600; font-size:28px; color:#333; }
.join.step01 > .txt dt > span { color:#293383; }
.join.step01 > .box { overflow:hidden; padding:36px 65px 37px 75px; }
.join.step01 > .box dt { float:left; height:35px; line-height:35px; font-weight:500; color:#333; }
.join.step01 > .box dd { float:right; color:#333; }
.join.step01 > .box dd > input { margin:0 10px; padding:0 5px; height:33px; line-height:33px; border:1px solid #ccc; }

.join.step02 > .txt { overflow-y:scroll; margin:15px 0 10px; padding:15px 20px; height:208px; border:1px solid #ccc; }
.join.step02 > .box { padding:20px 0; text-align:center; }

.join.step03 > .sub_title { overflow:hidden; }
.join.step03 > .sub_title > .title { float:left; }
.join.step03 > .sub_title > .comment { float:right; padding-top:17px; font-weight:400; font-size:14px; color:#ed1f23; }
.join.step03 > .table { margin-top:15px; }
.join.step03 > .table th { padding:10px 0; height:25px; line-height:25px; border-bottom:1px #dbdbdb solid; border-right:1px #dbdbdb solid; text-align:center; }
.join.step03 > .table th { background-color:#f1f2f6; font-weight:500; color:#333; }
.join.step03 > .table th label { display:inline-block; height:25px; line-height:25px; }
.join.step03 > .table th span {color:#ed1f23; vertical-align:middle; }
.join.step03 > .table td { overflow:hidden; padding:8px 10px 7px; line-height:22px; border-bottom:1px #dbdbdb solid; border-right:1px #dbdbdb solid; text-align:left; }
.join.step03 > .table td.last { border-right:0; }
.join.step03 > .table td input { height:28px; line-height:28px; }
.join.step03 > .table td span { margin:0 2px 0 3px; }
.join.step03 > .table td span.comment { display:block; margin:3px 0 0; }
.join.step03 > .table td span.comment.point { float:; margin:0; color:#293383; }
.join.step03 > .table td select { padding-left:10px; height:30px; line-height:30px; border:1px solid #ccc; vertical-align:middle; }

.join.step03 > .table td .img_photo { float:left; margin-right:20px; width:86px; height:102px; border:1px solid #dbdbdb; background:#f0f0f0 url(../../images/S01/member/img_join_ceo.gif) center no-repeat; }
.join.step03 > .table td .img_photo > img { width:86px; height:102px; }
.join.step03 > .table td .img_photo.product { margin-right:26px; width:80px; background-image:url(../../images/S01/member/img_join_product.gif); }
.join.step03 > .table td .img_photo.product > img { width:80px; }
.join.step03 > .table td .file_photo { float:left; margin-top:26px; }
.join.step03 > .table td .file_photo input { background:#f0f0f0; }
.join.step03 > .table td .file_photo span.comment { float:left; margin:3px 0 0; }
.join.step03 > .table td .file_photo .btn { margin:0 2px; }

.join.step03 > .table td .btn { padding:0; width:98px; height:28px; line-height:28px; background:#293383; font-size:14px; color:#fff !important; }
.join.step03 > .table td .btn.gray { margin:0; width:78px; background:#777; }
.join.step03 > .table td .btn > strong { font-weight:400; }
.join.step03 > .table td .btn_cal { display:inline-block; margin-left:7px;width:20px; height:20px; background:url(../../images/S01/member/ico_join_calendar.png) center no-repeat; text-indent:-99999px; }
.join.step03 > .table td .checkbox { margin-right:25px; }

.join_success {width:100%; height:270px; border:1px solid #dbdbdb; background:url(../../images/S01/member/mem_img_2_4.jpg) no-repeat 0 0; padding:30px 0 0 450px; box-sizing:border-box;}
.join_success dl dt {font-size:28px; margin-bottom:15px; color:#333; font-weight:bold;}
.join_success dl dt span {color:#293383;}
.join_success dl dd {color:#333; margin-bottom:25px;}
.join_success dl dd.info span {display:inline-block; color:#fff; background:#293383; padding:0 5px; margin-right:5px;}


/*****20190919 추가******/
.webzin_tab li.on a{background: #0076b9;color: #fff !important;}
.tab_content{display: none;}
.tab_content.current{display: block}

/* bullet */
.bullet_etc{display: flex;}
.bullet_etc em{display: block;margin-right: 4px;}

.bullet_wrap ol{}
.bullet_num{padding-left: 20px;position: relative;}
.bullet_num:before{content: attr(data-num);position: absolute;left: 0;top: 0;}
.bullet_num.num_depth02{padding-left: 18px;}
.bullet_num.num_depth03{padding-left: 22px;}

.bullet01{padding-left: 12px;position: relative;margin-bottom: 8px;word-break: keep-all;} 
.bullet01:before{content: '';width: 4px;height: 4px;background:#293383;position: absolute;left: 0;top:8px;}
.bullet01:last-child{margin-bottom:0 !important;}

.bullet02{font-size: 17px;padding-left: 16px;position: relative;margin-bottom: 6px;word-break: keep-all;} 
.bullet02:before{content: '';width: 8px;height: 8px;background:#293383;position: absolute;left: 0;top:8px;border-radius: 50%;}
.bullet02:last-child{margin-bottom:0 !important;}
.bullet02 ol{font-size: 15px;color: #666;}
.bullet02 strong{font-weight: 500;}

/* 240612 신규소스 */
.his_tab_wrap{position: relative;margin-bottom: 60px;}
.his_tab_wrap .his_tab ul li:nth-child(n+9){display: none;}
.his_tab_wrap.open .his_tab ul li:nth-child(n+9){display: block;}
.his_tab_wrap .hisopen_btn{position: absolute;left: 50%;top: 100%;transform: translateX(-50%);z-index: 10;width: 100%;height: 30px;background: url(../../images/S01/information/history_btn.png) center top no-repeat;text-align: center;color: #293383;padding-right: 20px;}
.his_tab_wrap .hisopen_btn:after{content: '';background: url(../../images/S01/information/arrow.png) center no-repeat;width: 11px;height: 6px;left: calc(50% + 10px);top: 13px;position: absolute;}
.his_tab_wrap.open .hisopen_btn:after{transform: rotate(180deg);}

/* 신청게시판 */
.board.view_typeA thead th{font-weight:500;text-align:center !important; }
.board.view_typeA tbody th{padding:10px 0; background-color:#f1f2f6;font-weight:500;color:#293383;text-align: center;border-right: 1px solid #dbdbdb;}
.board.view_typeA tbody td{position:relative;padding:10px 10px 10px 20px;}
.board.view_typeA td.board_cont{padding:25px 30px 45px;}
.board.view_typeA .fileDown_btn{display:inline-block; margin-right:10px; padding-right:24px; background:url(../../images/S01/common/file_icon.png) right center no-repeat;}
.board.view_typeA .l_line{border-left: 1px solid #dbdbdb;}

/* 관련인증 */
.sub_title2{font-size: 17px;font-weight: 500;display: flex;}
.sub_title2 .baseBtn:first-child{margin-left: auto;}
.table_type01 {width:100%; border-collapse:collapse; border-top:solid 2px #293383;word-break: keep-all;}
.table_type01 th {height:45px; background-color:#f1f2f6; font-weight:500; color:#293383; border-bottom:solid 1px #dbdbdb; text-align:center;}
.table_type01 td {height:45px;border-bottom:solid 1px #dbdbdb; line-height:24px; text-align:left;padding: 6px 10px;box-sizing: border-box;}
.table_type01 .l_line {border-left:solid 1px #dbdbdb;}
.table_type01.p20 td{padding: 16px 18px 16px 20px;vertical-align: top;letter-spacing: -.8px;}
.table_type01 td.t_center{text-align: center;}
.schedule_list.p20 td{padding: 10px 10px 10px 20px;}
.schedule_list.last_p20 td:last-child{padding: 10px 10px 10px 20px;}
.schedule_list.last_p20 td:nth-child(2){line-height: 1.3;}

/* 혁신제품제도안내  */
.box_type01 dl{display: flex;align-items: center;}
.box_type01 dl:not(:last-child){margin-bottom: 10px;}
.box_type01 dl dt{background: #f1f2f6;font-weight: 500;text-align: center;border-radius: 5px;margin-right: 14px;color: #333;min-width: 140px;height: 60px;display: flex;justify-content: center;align-items: center;}

/* 슬라이드 */
.edu_slide{background: #f3f3f3;border-radius: 18px;margin-top: 20px;padding: 30px 86px;position: relative;}
.edu_slide ul li{padding: 0 17px;}
.edu_slide ul li img{width: 210px;height: 160px;object-fit: cover;object-position: center;}
.edu_slide .control button{background: url(../../images/S01/support/slide_arrow.png) center no-repeat;width: 23px;height: 51px;position: absolute;top: 50%;font-size: 0;line-height: 0;display: block;text-indent: -9999px;}
.edu_slide .control .prev_btn{left: 36px;transform: translateY(-50%) scale(-1, 1);}
.edu_slide .control .next_btn{right: 36px;transform: translateY(-50%);}

/* 링크 새창이동 */
.link_wrap{padding-left: 535px;padding-top: 62px;box-sizing: border-box;}
.link_wrap a{border-radius: 10px;box-shadow: 0 0 12px rgba(0, 0, 0, .2);display: flex;flex-direction: column;width: 300px;overflow: hidden;}
.link_wrap a .link_logo{height: 90px;font-size: 0;line-height: 0;text-indent: -9999px;}
.link_wrap a .text{background: #1f3159;font-size: 18px;color: #fff;text-align: center;height: 55px;display: flex;justify-content: center;align-items: center;}
.link_wrap a .text:after{content: '';background: url(../../images/S01/common/blank_ico.png) center no-repeat;display: block;width: 16px;height: 13px;margin-left: 12px;}
.link_wrap.type01{background: url(../../images/S01/system/linkImg_bg01.png) center no-repeat;height: 327px;}
.link_wrap.type02{background: url(../../images/S01/system/linkImg_bg02.png) center no-repeat;height: 361px;}
.link_wrap.type01 a .link_logo{background: #fff url(../../images/S01/system/linkImg_logo01.png) center no-repeat;}
.link_wrap.type02 a .link_logo{background: #fff url(../../images/S01/system/linkImg_logo02.png) center no-repeat;}

.link_txt_box>div{position: relative;padding-left: 190px;min-height: 100px;display: flex;flex-direction: column;justify-content: center;}
.link_txt_box>div:not(:last-child){margin-bottom: 20px;}
.link_txt_box>div .link_btn{text-align: center;border-radius: 6px;overflow: hidden;width: 170px;height: 100%;min-height: 100px;position: absolute;left: 0;top: 0;font-weight: 500;}
.link_txt_box>div .link_btn .title{display: flex;justify-content: center;align-items: center;height: calc(100% - 40px);background: #f1f2f6;color: #333;line-height: 1.4;}
.link_txt_box>div .link_btn .link{background: #1f3159;position: relative;height: 40px;display: flex;justify-content: center;align-items: center;color: #fff;}
.link_txt_box>div .link_btn .link:after{content: '';background: url(../../images/S01/common/blank_ico.png) center no-repeat;display: block;width: 16px;height: 13px;margin-left: 12px;}

/* 혁신제품 판로지원 */
.market_list{display: flex;gap: 14px;color: #333;}
.market_list li{width: 100%;border: 1px solid #a4adc1;border-radius: 5px;margin-top: 33px;position: relative;padding-top: 10px;height: 120px;box-sizing: border-box;}
.market_list li .tit{background: #1f3159;width: 40px;height: 40px;line-height: 40px;border-radius: 50%;color: #fff;font-size: 16px;text-align: center;font-weight: 500;position: absolute;top: -20px;left: 50%;transform: translateX(-50%);}
.market_list li:first-child .tit{background: #5f66a2;}
.market_list li:nth-child(2) .tit{background: #585f9e;}
.market_list li:nth-child(3) .tit{background: #495195;}
.market_list li:nth-child(4) .tit{background: #343d89;}
.market_list li:nth-child(5) .tit{background: #30398a;}
.market_list li .text{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;height: 100%;font-weight: 500;}
.market_list li .text em{font-size: 13px;line-height: 1.5;letter-spacing: -1.2px;}


.gray_box{margin-top: 20px;background: #eff3f5;border-radius: 20px;padding: 16px 20px;color: #333;}
.gray_box .title{font-size: 15px;font-weight: 600;margin-bottom: 8px;color: #293383;}
.gray_box.type02{position: relative;margin-top: 42px;padding: 36px 20px 26px;}
.gray_box.type02 .title{position: absolute;padding: 10px;text-align: center;color: #fff;font-size: 16px;left: 20px;top: -20px;min-width: 140px;border-radius: 4px;background: #1f3159;margin: 0;box-sizing: border-box;}

.gray_box dl{display: flex;margin-top: 5px;min-height: 70px;border-radius: 5px;overflow: hidden;}
.gray_box dl dt{min-width: 100px;background: #ced0de;text-align: center;display: flex;align-items: center;justify-content: center;font-weight: 500;}
.gray_box dl dd{padding: 10px 16px;background: #fff;width: 100%;display: flex;align-items: center;}

/* 설립목적 */
.purpose_list{display: flex;flex-wrap: wrap;gap: 20px;margin-top: 15px;}
.purpose_list li{width: calc((100% - 20px) / 2);text-align: center;position: relative;}
.purpose_list li:before{content: '';width: 45px;height: 45px;border-radius: 50%;background-color: #1f3159;background-position: center;background-repeat: no-repeat;position: absolute;left: 0;top: 0;}
.purpose_list li p{margin-left: 10px;margin-top: 10px;text-align: center;background-color: #f1f2f6;border-radius: 20px;min-height: 130px;padding: 20px;box-sizing: border-box;display: flex;
justify-content: center;align-items: center;color: #333;}
.purpose_list li span{position: absolute;right: 15px;bottom: 12px;font-size: 24px;font-weight: 700;color: #c2c5cf;}
.purpose_list .list01:before{background-image: url(../../images/S01/information/purpose_ico01.png);}
.purpose_list .list02:before{background-image: url(../../images/S01/information/purpose_ico02.png);}
.purpose_list .list03:before{background-image: url(../../images/S01/information/purpose_ico03.png);}
.purpose_list .list04:before{background-image: url(../../images/S01/information/purpose_ico04.png);}


/* Ci 소개 */
.btnArea.t_center{text-align: center;}
.ci_box{display: flex;gap: 20px;}
.ci_box .sub_title{margin-bottom: 15px;}

.basic_box { width:100%; height:220px; background:url(../../images/S01/information/ci_basic.jpg) no-repeat;padding-left:320px; margin-top:15px;display: flex;align-items: center;box-sizing: border-box;}
.basic_box dl{display: flex;position: relative;flex-direction: column;justify-content: center;height: 156px;padding-left: 158px;}
.basic_box dl:before{content: '';display: block;width: 128px;height: 100%;margin-right: 30px;position: absolute;left: 0;top: 0;}
.basic_box dl dt{font-size: 20px;font-weight: 600;margin-bottom: 8px;}
.basic_box dl dd{display: flex;flex-wrap: wrap;}
.basic_box dl dd span{display: block;width: 50px;}

.basic_box dl.cI_color01:before{background: #2b398b;}
.basic_box dl.cI_color02:before{background: #f7941d;}
.basic_box dl.cI_color01 dt{color: #2b398b;}
.basic_box dl.cI_color02 dt{color: #f7941d;}

/* 찾아오시는 길 */
.map_info_wrap{padding: 0 10px;}
.map_info_wrap .title{font-weight: 500;color: #333;margin-top: 30px;}
.map_info_wrap .map_ico{display: inline-block;margin-right: 10px;height: 21px;vertical-align: text-top;}
.map_info_wrap .map_ico01{background: url(../../images/S01/information/mapInfo_ico01.png) center no-repeat;width: 18px;}
.map_info_wrap .map_ico02{background: url(../../images/S01/information/mapInfo_ico02.png) center no-repeat;width: 24px;}
.map_info_wrap .map_ico03{background: url(../../images/S01/information/mapInfo_ico03.png) center no-repeat;width: 17px;}
.map_info_wrap .map_ico04{background: url(../../images/S01/information/mapInfo_ico04.png) center no-repeat;width: 16px;}
.map_info_wrap .tit{line-height: 21px;display: inline-block;border-radius: 15px;min-width: 50px;text-align: center;border: 2px solid;background: #fff;color: #fff;font-size: 14px;box-sizing: border-box;margin-right: 14px;font-weight: 500;}
.map_info_wrap .tit.line01{background: #263c96;border-color: #263c96;min-width: 60px;}
.map_info_wrap .tit.line03{background: #ff7300;border-color: #ff7300;min-width: 60px;}
.map_info_wrap .tit.lineSin{background: #a9022d;border-color: #a9022d;min-width: 60px;}
.map_info_wrap .tit.tit01{border-color: #2364dc;color: #2364dc;margin-right: 8px;margin-left: 5px;}
.map_info_wrap .tit.tit02{border-color: #dc2323;color: #dc2323;margin-right: 8px;margin-left: 5px;}
.map_info_wrap .tit.tit03{border-color: #4e9619;color: #4e9619;margin-right: 8px;margin-left: 5px;}
.map_info_wrap .tit.tit04{border-color: #6fbe35;color: #6fbe35;margin-right: 8px;margin-left: 5px;}

.map_info_wrap dl{display: flex;margin-top: 10px;}
.map_info_wrap dt{font-weight: 500;color: #333;margin-right: 14px;}

.map_info_wrap .map_info01{display: flex;flex-wrap: wrap;}
.map_info_wrap .map_info01 dl{width: 100%;margin-top: 30px;min-width: 510px;}
.map_info_wrap .map_info01.f2{flex-wrap: nowrap;}
.map_info_wrap .map_info03{display: flex;flex-wrap: wrap;}
.map_info_wrap .map_info03 li{width: 100%;max-width: 370px;}
.map_info_wrap .map_info03 li:nth-child(2n-1){max-width: 510px;}
.map_info_wrap .map_info03 li:nth-child(n+3){margin-top: 12px;}
.map_info_wrap .map_info03 dl{display: block;}
.map_info_wrap .map_info03 dt{margin-bottom: 4px;}
.map_info_wrap .map_info03 dd{margin-top: 8px;}

/* 로그인 및 비밀번호 찾기 */
.login_wrap{width: 100%;background: #eff3f5;border-radius: 15px;position: relative;padding: 50px 30px 45px;text-align: center;font-size: 18px;box-sizing: border-box;color: #333;font-weight: 500;}
.login_wrap .logo{font-size: 0;line-height: 0;text-indent: -9999px;background: url(../../images/S01/member/login_bg.png) center no-repeat;width: 100%;height: 50px;}

.login_wrap .login_input{margin: 50px auto 35px;padding-bottom: 35px;border-bottom: 1px solid #d7dadc;display: flex;justify-content: space-between;width: 100%;position: relative;max-width: 530px;}
.loginbox input{height: 50px;width: 100%;border-radius: 8px;margin-bottom: 15px;padding: 10px 15px;border: 0;box-sizing: border-box;font-size: 15px;}
.login_input .loginbtn{min-width: 115px; height: 115px;margin-left: 15px;border-radius: 8px;background-color: #1f3159;transition: background-color 0.4s;}
.login_input .loginbtn a{display: block;width: 100%;height: 100%;line-height: 115px;color: #fff!important;text-align: center;font-size: 22px;font-weight: 500;}
.login_input .loginbtn:hover{background-color: #16284d;}
.login_wrap .find_login{text-align: center;}
.login_wrap .find_login a{padding-right: 30px;display: inline-block;position: relative;margin-right: 30px;font-size: 16px;color: #333!important;}
.login_wrap .find_login a.txt_blue{color: #293383!important;}
.login_wrap .find_login a:after{content: '';width: 1px;height: 15px;background: rgba(0, 0, 0, 0.2);position: absolute;right: 0;top: 5px;}
.login_wrap .find_login a:last-child{padding-right: 0;margin-right: 0;}
.login_wrap .find_login a:last-child:after{display: none;}

/* 연장기간평가대상 */
.searchTop{display: flex;justify-content: flex-end;align-items: center;margin-bottom: 10px;}
.searchTop .title{color: #333;font-weight: 500;}
.searchTop input{width: 140px;height: 35px;border: 1px solid #e0e0e0;margin-left: 10px;box-sizing: border-box;padding: 5px 10px;}
.searchTop button{width: 100px;height: 35px;border: 1px solid #777;margin-left: 10px;background: #fff;cursor: pointer;}

.a_link{color: #293383!important;font-weight: 500;}


/* 조직안내 */
.profile_info{display: flex;flex-wrap: wrap;margin-top: 20px;}
.profile_info li{width: calc((100% - 20px) / 2);margin-right: 20px;}
.profile_info li:nth-child(2n){margin-right: 0;}
.profile_info li:nth-child(n+3){margin-top: 20px;}
.profile_info li.last{margin-right: 0;}
.profile_info li a{display: flex;width: 100%;min-height: 172px;box-sizing: border-box;position: relative;border-radius: 12px;overflow: hidden;}
.profile_info li a:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #ddd;box-sizing: border-box;border-radius: 12px;transition: all .1s;}
.profile_info li a:hover:before{border: 3px solid #0789cf;}
.profile_info li .img_area{padding: 18px 15px;min-width: 148px;background: #f2f2f2;box-sizing: border-box;}
.profile_info li .img_area img{width: 118px;height: 136px;display: block;border-radius: 8px;}
.profile_info li .txt_area{width: calc(100% - 148px);display: flex;flex-direction: column;padding: 18px 15px 0;}
.profile_info li .txt_area .top .name{background: #e6f0f7;color: #222;width: 100%;line-height: 40px;padding-left: 14px;font-size: 18px;font-weight: 600;box-sizing: border-box;border-radius: 8px;}
.profile_info li .txt_area .top .name_tit{color: #333;font-size: 15px;line-height: 20px;height: 44px;display: flex;gap: 2px 10px;align-items: center;padding-left: 16px;}
.profile_info li .txt_area .top .name_tit01{color: #333;font-size: 15px;line-height: 20px;height: 44px;display: flex;gap: 2px 10px;align-items: center;padding-left: 16px; letter-spacing: -2px;}

.profile_info li .txt_area .top .name_tit em{display: inline-block;width: 1px;height: 11px;background: #ccc;}
.profile_info li .logo_tit{border-top: 1px dashed #ccc;height: 70px;box-sizing: border-box;}
.profile_info li .logo_tit img{display: block;margin: 12px auto 0;max-width: 100%;}
.profile_info .title{font-size: 18px;color: #333;padding-left: 26px;position: relative;margin-bottom: 10px;line-height: 16px;}
.profile_info .title:before{content: '';width: 16px;height: 16px;border-radius: 50%;position: absolute;left: 0;top: 0;}
.profile_info .title01:before{background: #12327b;}
.profile_info .title02:before{background: #f39200;}