@import url('font.css');
* {padding:0;margin:0; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust: none}
html,body {width:100%;height:100%}
html,input,button,select,textarea {font-family:'SCoreDream',sans-serif;font-size:14px}
ul,ol,dl {list-style:none}
ul li {display:inline-block;vertical-align:top}
a,a:link,a:visited,a:hover  {text-decoration:none !important;}
img {border:0;max-width:100%;width:auto}
table {border-spacing:0;border-collapse:collapse}
b {font-weight:500}
strong,.strong  {font-weight:600}
.clear {clear:both}
.red {color:#e00000}
.yellow {color:#ffff00}
.pink {color:#ff8776}
.left {float:left}
.right {float:right}
.txt_center {text-align:center}
.space5 {clear:both;height:5px}
.space10 {clear:both;height:10px}
.space20 {clear:both;height:20px}
.space25 {clear:both;height:25px}
.space30 {clear:both;height:30px}
.space40 {clear:both;height:40px}
.space50 {clear:both;height:50px}
.space60 {clear:both;height:60px}
.space70 {clear:both;height:70px}
.space80 {clear:both;height:80px}
.space90 {clear:both;height:90px}
.space100 {clear:both;height:100px}
.space150 {clear:both;height:150px}
.ft26 {font-size:26px;}

aside{position:fixed; left:-60%; top:0; width:60%; height:2560px; background:#1b1f29; z-index:99;}
aside p{margin:0; padding:0 16px; height:80px; line-height:80px; font-size:30px; text-align:right; color:white; font-weight:bold; background:#22345b;}
aside ol{margin:0; padding:0; display:block; list-style:none;}
aside ol li{display:list-item; margin:0; padding:0; border-top:1px solid #004f4a;}
aside ol li:nth-of-type(1){border:none;}
aside ol li a{display:block; padding:28px 32px; font-size:30px; background:#00716a; color:white;}
aside ol li a img{margin:0 16px 0 0;}

#wrap #top {height:128px;  background:#fff; display:flex; align-items:center; padding:0 15px;}
#wrap #top ul {display:flex; width:100%; align-items:center; justify-content:space-between;}
#wrap #top ul li ul .toggle_m {margin-right:25px;}

#wrap #header {background:#101010; word-break:keep-all;}
#wrap #header ul {display:table;width:100%;height:128px}
#wrap #header ul li {position:relative; display:table-cell;text-align:center;vertical-align:middle}
#wrap #header ul li:nth-child(2n) {padding:0; color: #fff; color: #747474; font-size:20px; font-weight:300;}
#wrap #header ul li:last-child::after {content:none;}
#wrap #header ul li a {color:#fff; font-size:28px; font-weight:400; height:100%;}

#wrap #middle > ul > li {width:100%; border-bottom: 1px solid #000;}
#wrap #middle > ul > li > a {display:block; width:100%; text-align:center;}
#wrap #middle > ul > li > a img {/*width:100%*/ height:184px;}
#wrap #middle ul li a .title {line-height:0.9;}
#wrap #middle ul li a span.eng  {font-size:16px; font-weight:400;}
#wrap #middle > ul > li:nth-child(1) a {background-color:#19561c;}
#wrap #middle > ul > li:nth-child(2) a {background-color:#023252;}
#wrap #middle > ul > li:nth-child(3) a {background-color:#18488c;}
#wrap #middle > ul > li:nth-child(4) a {background-color:#1268bc;}
#wrap #middle > ul > li:nth-child(5) a {background-color:#1d76fd; }
#wrap #middle > ul > li:nth-child(5) a > ul >li .title {line-height:1.2;}
#wrap #middle > ul > li > a > ul {display:flex; align-items:center;}
#wrap #middle > ul > li > a > ul > li {display:flex; justify-content:center;}
#wrap #middle > ul > li > a > ul > li:first-child {width:131px; padding-right:25px;}

#wrap #bottom #menu {display:flex; align-items:center; padding:30px 0 20px; box-sizing: border-box; width:100%;}
#wrap #bottom #menu > ul {width:100%; display:flex; justify-content:space-between;}
#wrap #bottom #menu > ul > li {width:19%;}
#wrap #bottom #menu > ul > li > a > ul {display:flex; flex-direction:column; align-items:center; text-align:center; font-size:26px;font-weight:500;color:#363636;}
#wrap #bottom #menu > ul > li > a > ul > li:first-child {padding-bottom:8px;}
#wrap #bottom #menu > ul > li > a > ul > li img {width:95px}
#wrap #bottom #menu > ul > li > a > ul > li:first-child {padding-bottom:0}

#wrap #bottom #guide {height:162px; background-color:#012033;padding:0 15px; color:#fff; box-sizing: border-box;}
#wrap #bottom #guide ul {display: flex; width:100%; height:100%;}
#wrap #bottom #guide ul li {width:49%; display:flex; justify-content:center; align-items:center; font-size:22px; position: relative;}
#wrap #bottom #guide .footer_2 {transform:translate(-7px, -40px);}

#wrap #bottom #footer {height:80px; background-color:#000; color:#fff;padding:0 15px; font-size:18px; display:flex; justify-content:space-between; align-items:center;}
#wrap #bottom #footer a {font-family:'GmarketSans'; letter-spacing:-1px; transform:translate(0px,-5px); position: relative;}


/* 모니터링 */
#preview_form{width:624px; margin:0 auto; padding:32px 0;}
.ecoyou_monitor_area{margin:20px 0; padding:12px; height:760px; background:#040; border-radius:8px;}
.ecoyou_monitor_area h3{margin:0 0 16px 0; padding:18px 0 14px 0; background:#464646; color:yellow; border-radius:8px; text-align:center; font-size:24px;}
.ecoyou_monitor_area h4{margin:0 0 24px 0; display:table; width:100%; background:white; border-radius:8px;}
.ecoyou_monitor_area h4 b{display:table-cell; vertical-align:middle; padding:7px 32px; color:#060; text-align:center; font-size:24px; height:90px;}
.ecoyou_monitor_area var{display:block; position:relative; left:4px; top:-78px; margin:0 0 -106px 0; font-size:80px; font-weight:bold; color:yellow;}
.ecoyou_monitor_area dl{margin:0 0 16px 0;}
.ecoyou_monitor_area dl dt{margin:0; padding:0; position:relative; left:4px; top:8px; width:44px; padding:16px 8px 8px 8px; text-align:center; z-index:16; background:#464646; color:#999; border-radius:8px; font-size:14px;}
.ecoyou_monitor_area dl:nth-of-type(2) dt{top:40px; padding:8px 8px 1px 8px;}
.ecoyou_monitor_area dl dt b{display:block;color:white; font-size:26px; margin:0 0 8px 0; line-height:1.2em;}
.ecoyou_monitor_area dl:nth-of-type(1) dd{margin:0; padding:0; position:relative; left:34px; top:-218px; width:548px; height:215px; margin:0 0 -232px 0; padding:16px 16px 16px 2px; background:#CCC; border-radius:0 8px 8px 0;}
.ecoyou_monitor_area dl:nth-of-type(1) dd ul{margin:0; height:200px;}
.ecoyou_monitor_area dl:nth-of-type(1) dd ul li{margin:0 0 8px 0; font-size:24px; padding:2px 8px; list-style:none; background:white; border-radius:6px;}
.ecoyou_monitor_area dl:nth-of-type(1) dd ul li input{width:22px; height:22px; vertical-align:middle;}
.ecoyou_monitor_area dl:nth-of-type(1) dd ul li label{display:inline-block; width:92%; vertical-align:middle;}
.ecoyou_monitor_area dl:nth-of-type(1) dd ul li label.on{color:royalblue;}
.ecoyou_monitor_area dl:nth-of-type(2) dd{margin:0; padding:0; position:relative; left:34px; top:-125px; width:534px; height:160px; margin:0 0 -125px 0; padding:16px; background:#CCC; border-radius:0 8px 8px 0;}
.ecoyou_monitor_area dl:nth-of-type(2) dd blockquote{margin:0 0 0 24px; padding:8px; background:white; border-radius:6px; height:140px; font-size:22px;}
.ecoyou_monitor_area ol{margin:0; padding:0; list-style:none; display:table; table-layout:fixed; width:100%;}
.ecoyou_monitor_area ol li{display:table-cell; padding:4px;}
.ecoyou_monitor_area ol li button{width:100%; height:84px; border:none; background:#464646; color:white; border-radius:6px; font-size:20px;}
.ecoyou_monitor_area ol li button b{display:block; font-size:24px;}
.ecoyou_monitor_area ol li button.on{color:yellow; background:red;}

.ecoyou_monitor_new_area{margin:20px 0; padding:12px; background:#040; border-radius:8px;}
.ecoyou_monitor_new_area h3{margin:0 0 16px 0; padding:18px 0 14px 0; background:#464646; color:yellow; border-radius:8px; text-align:center; font-size:24px;}
.ecoyou_monitor_new_area h4{margin:0 0 24px 0; display:table; width:100%; background:white; border-radius:8px;}
.ecoyou_monitor_new_area h4 b{display:table-cell; vertical-align:middle; padding:7px 32px; color:#060; text-align:center; font-size:24px; height:90px;}
.ecoyou_monitor_new_area var{display:block; position:relative; left:4px; top:-78px; margin:0 0 -106px 0; font-size:80px; font-weight:bold; color:yellow;}
.ecoyou_monitor_new_area dl{margin:0 0 16px 0;}
.ecoyou_monitor_new_area dl dt{width:90%; margin:0 auto -16px auto; padding:0; padding:8px 8px 16px 8px; text-align:center; z-index:16; background:#464646; color:#999; border-radius:8px; font-size:14px;}
.ecoyou_monitor_new_area dl dt b{display:block;color:white; font-size:26px; margin:0 0 8px 0; line-height:1.2em;}
.ecoyou_monitor_new_area dl:nth-of-type(1) dd{margin:0; padding:0; margin:0; padding:16px 16px 8px 16px; background:#CCC; border-radius:8px;}
.ecoyou_monitor_new_area dl:nth-of-type(1) dd ul{margin:0; padding:0;}
.ecoyou_monitor_new_area dl:nth-of-type(1) dd ul li{margin:0 0 8px 0; font-size:24px; padding:2px 8px; list-style:none; background:white; border-radius:6px;}
.ecoyou_monitor_new_area dl:nth-of-type(1) dd ul li input{width:22px; height:22px; vertical-align:middle;}
.ecoyou_monitor_new_area dl:nth-of-type(1) dd ul li label{display:inline-block; vertical-align:middle; max-width:93.5%;}
.ecoyou_monitor_new_area dl:nth-of-type(1) dd ul li label.on{color:royalblue;}
.ecoyou_monitor_new_area dl:nth-of-type(2) dd, .ecoyou_monitor_new_area dl:nth-of-type(3) dd, .ecoyou_monitor_new_area dl:nth-of-type(4) dd, .ecoyou_monitor_new_area dl:nth-of-type(5) dd, .ecoyou_monitor_new_area dl:nth-of-type(6) dd{margin:0; padding:0; margin:0; padding:16px; background:#CCC; border-radius:8px;}
.ecoyou_monitor_new_area dl:nth-of-type(2) dd blockquote, .ecoyou_monitor_new_area dl:nth-of-type(3) dd blockquote, .ecoyou_monitor_new_area dl:nth-of-type(4) dd blockquote, .ecoyou_monitor_new_area dl:nth-of-type(5) dd blockquote, .ecoyou_monitor_new_area dl:nth-of-type(6) dd blockquote{margin:0; padding:8px; background:white; border-radius:6px; font-size:22px;}
.ecoyou_monitor_new_area ol{margin:0; padding:0; list-style:none; display:table; table-layout:fixed; width:100%;}
.ecoyou_monitor_new_area ol li{display:table-cell; padding:4px;}
.ecoyou_monitor_new_area ol li button{width:100%; height:84px; border:none; background:#464646; color:white; border-radius:6px; font-size:20px;}
.ecoyou_monitor_new_area ol li button b{display:block; font-size:24px;}
.ecoyou_monitor_new_area ol li button.on{color:yellow; background:red;}

#preview_form_submit{width:99.5%; padding:12px 0; color:white; background:#456789; border:none; font-size:32px; border-radius:6px; box-shadow:0 0 4px white;}

#ecoyou_m_crm_finish{padding:16px 0 32px 0;}
#ecoyou_m_crm_finish h2{border:none; background:#2fa576; font-size:30px;}
#ecoyou_m_crm_finish h2 + ul{display:table; width:93.5%; margin:30px auto; padding:0; table-layout:fixed;}
#ecoyou_m_crm_finish h2 + ul li{display:table-cell; vertical-align:middle;}
#ecoyou_m_crm_finish h2 + ul li:nth-of-type(1){width:20%; padding-right:8px;}
#ecoyou_m_crm_finish h2 + ul li:nth-of-type(2){}
#ecoyou_m_crm_finish h2 + ul li table{width:100%; height:148px; background:white; table-layout:fixed; border-radius:8px;}
#ecoyou_m_crm_finish h2 + ul li table th{font-size:22px; color:#2fa576; border-left:1px solid #CCC; text-align:center;}
#ecoyou_m_crm_finish h2 + ul li table th:nth-of-type(1){border-left:none;}
#ecoyou_m_crm_finish h2 + ul li table td{font-size:24px; color:#515151; text-align:center; font-weight:600; border-left:1px solid #CCC; border-top:1px solid #CCC;}
#ecoyou_m_crm_finish h2 + ul li table td:nth-of-type(1){border-left:none;}
#ecoyou_m_crm_finish h2 + ul li table td b{color:black;}

#ecoyou_m_crm_finish dl + p{display:table; width:93.5%; margin:24px auto 0 auto; padding:0;}
#ecoyou_m_crm_finish dl + p span:nth-of-type(1){display:table-cell; }
#ecoyou_m_crm_finish dl + p span:nth-of-type(2){display:table-cell; text-align:right;}
#ecoyou_m_crm_finish dl + p span:nth-of-type(1) button{width:280px; height:63px; color:white; background:#0b4a02; border:none; font-weight:600; font-size:24px;}
#ecoyou_m_crm_finish dl + p span:nth-of-type(2) button{width:280px; height:63px; color:white; background:#2fa576; border:none; font-weight:600; font-size:24px;}

#ecoyou_m_crm_finish dl + p + p{text-align:center; margin:28px 0;}


/* 게시판 목록 */
main.board{}
main.board h2{margin:0; padding:30px; text-align:center; font-size:32px; background:#004f4a; color:white;}

main.board table{display:table; table-layout:fixed; width:100%; margin:0 0 30px 0;}
main.board table th{background:#1b1f29; padding:10px; text-align:center; color:white; font-size:24px;}
main.board table td{text-align:center; padding:10px; border-bottom:1px solid #e0e0e0; font-size:24px;}
main.board table td.cgmall_board_list_item{text-align:left;}
main.board table td.cgmall_board_list_item p{margin:10px 0 0 0;}
main.board table td.cgmall_board_list_item p:first-child{margin:0;}
main.board table td.cgmall_board_list_item p strong{font-weight:500;}

main.board button{font:inherit; color:white; background:#00928b; padding:10px 0; border:none; width:100%;}

.cgmall_board_list_cate{background:#e0e0e0; display:table; table-layout:fixed; width:100%; margin:0; padding:0;}
.cgmall_board_list_cate li{display:table-cell;}
.cgmall_board_list_cate li a{display:block; padding:15px; color:#242424; font-size:24px;}
.cgmall_board_list_cate li a.on{color:white; background:#00928b;}

.busanweb_pages{margin:30px 0; text-align:center;}
.busanweb_pages a{display:inline-table; width:60px; height:60px; border:1px solid #e0e0e0; color:#242424; font-size:22px;}
.busanweb_pages a li{display:table-cell; text-align:center; vertical-align:middle;}
.busanweb_pages a.thispage{border:1px solid #00716a; background:#00716a; color:white;}
.busanweb_pages a.thispage li{}

/* 게시판 글보기 */
main.board_view{display:block;}
main.board_view h2{margin:0; padding:30px; text-align:center; font-size:32px; background:#004f4a; color:white;}
main.board_view h3{margin:0; padding:15px; text-align:center; font-size:24px; background:#00716a; color:white;}

main.board_view table{display:table; table-layout:fixed; width:100%; margin:0 0 30px 0; border-top:3px solid #1b1f29; border-spacing:0;}
main.board_view table th{background:#f6f6f6; padding:10px; border-bottom:1px solid #e0e0e0; text-align:center; color:#242424; width:20%; font-size:22px;}
main.board_view table td{padding:10px; border-bottom:1px solid #e0e0e0; text-align:left; font-size:22px;}
main.board_view table td.cgmall_board_list_item{text-align:left;}
main.board_view table td.cgmall_board_list_item p{margin:10px 0 0 0;}
main.board_view table td.cgmall_board_list_item p:first-child{margin:0;}

main.board_view img{max-width:100%;}

.cgmall_board_view_top_panel{display:table; table-layout:fixed; width:100%; margin:0 0 30px 0;}
.cgmall_board_view_top_panel span{display:table-cell; text-align:center; padding:15px;}
.cgmall_board_view_top_panel span:first-child{text-align:left;}
.cgmall_board_view_top_panel span:last-child{text-align:right;}
.cgmall_board_view_top_panel span input{font:inherit; color:white; background:#00928b; padding:10px 15px; border:none; font-size:24px;}

#cgmall_board_view_file{}
#cgmall_board_view_file p{background:#004f4a; color:white; margin:0 0 10px 0; padding:10px;}
#cgmall_board_view_file p a{color:yellow; margin:0 8px 0 0; font-weight:500;}
#cgmall_board_view_file p b{font-weight:200; font-size:14px;}

#board_report_div button{font:inherit; color:white; background:#00928b; padding:10px 15px; border:none;}
#board_report_div button[type='submit']{background:#004f4a;}

/* 게시판 글쓰기 */
main.board_write{display:block;}
main.board_write h2{margin:0; padding:30px; text-align:center; font-size:32px; background:#004f4a; color:white;}

main.board_write table{display:table; table-layout:fixed; width:100%; margin:0 0 30px 0; border-top:3px solid #1b1f29; border-spacing:0;}
main.board_write table th{background:#f6f6f6; padding:10px; border-bottom:1px solid #e0e0e0; text-align:center; color:#242424; font-size:24px;}
main.board_write table td{padding:10px; border-bottom:1px solid #e0e0e0; text-align:left; font-size:24px;}
main.board_write table td p{margin:10px 0 0 0;}
main.board_write table td p:first-child{margin:0;}
main.board_write table td input[type='text'], main.board_write table td input[type='date'], main.board_write table td input[type='tel'], main.board_write table td input[type='email'],
main.board_write table td input[type='number'], main.board_write table td input[type='search'], main.board_write table td input[type='password']{box-sizing:border-box; font:inherit; border:1px solid #e0e0e0; padding:6px; width:100%; border-radius:6px;}
main.board_write table td input[type='file']{font:inherit; width:calc(100% - 100px);}
main.board_write table td input[type='file']::file-selector-button{font:inherit; color:white; background:#00928b; padding:10px 15px; border:none; font-size:16px;}
#wr_titho{width:216px; text-align:center;}
main.board_write table td select{-webkit-appearance: none; position:relative; box-sizing:border-box; font:inherit; border:1px solid #e0e0e0; padding:6px 42px 6px 6px; width:100%; border-radius:6px; background:url('../img/select_btn.png') no-repeat calc(100% - 7px) 50%, white linear-gradient(to right, white calc(100% - 36px), #00928b calc(100% - 36px)); background-size:22px auto, 100%;}
main.board_write table td select::after{content:'▼'; color:white; position:absolute; right:6px; top:6px; z-index:999;}
main.board_write table td textarea{box-sizing:border-box; font:inherit; border:1px solid #e0e0e0; padding:6px; min-width:100%; max-width:100%; height:384px; border-radius:6px;}
main.board_write table td img{width:192px;}
main.board_write table + p{margin:30px 0; text-align:center;}
main.board_write table + p input[type='button'], main.board_write table + p input[type='submit']{font:inherit; color:white; background:#00928b; padding:10px 15px; border:none;}
main.board_write table + p input[type='submit']{background:#004f4a;}

main.sub > h2{margin:0; padding:30px; text-align:center; font-size:32px; background:#004f4a; color:white;}
main.sub .tab{background:#e0e0e0; display:block; table-layout:fixed; width:100%; margin:0; padding:0;}
main.sub .tab li{display:inline-block; width:50%;}
main.sub .tab li a{display:block; padding:15px; color:#242424; font-size:24px;}
main.sub .tab li.on a{color:white; background:#00928b;}