@import 'font.css';

body{margin:0; padding:0; font-family: 'ScoreDream';}
a{text-decoration:none;}

header{position:relative; background:white; height:128px;}
header h1{position:absolute; right:0; top:0; margin:0; padding:0;}
header h1 img{height:128px;}
header h2{position:absolute; left:80px; top:0; margin:0; padding:0; height:128px; display:table;}
header h2 b{display:table-cell; vertical-align:middle;}
header h2 b img{max-height:100px;}
header dfn{position:absolute; left:0; top:14px; margin:0; padding:0;}
header dfn img{cursor:pointer;}
header .login_info {position:absolute;left:70px;width:calc(100% - 250px - 70px);display:flex;align-items:center;height:120px;justify-content:center;font-size:28px;font-weight:500;color:#666}
header .login_info .name {font-weight:800;color:#000}

nav{height:128px; background:#22345b; color:white;}
nav ol{margin:0; padding:0; display:table; width:100%; height:128px;}
nav ol li{display:table-cell; text-align:center; vertical-align:middle; position:relative;}
nav ol li::after{content:''; position:absolute; right:0; top:54px; height:21px; border-right:1px solid #39496c;}
nav ol li:last-child::after{display:none;}
nav ol li a{display:block; color:inherit; font-size:28px;}

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

footer{margin:0; padding:0; display:table; width:100%; background:#192132; color:white;}
footer small{display:table-cell; text-align:left; vertical-align:middle; padding:40px 15px; font-size:18px;}
footer address{display:table-cell; text-align:right; vertical-align:middle; padding:40px 15px; font-size:18px; font-style:normal;}
footer address a{font-size:26px; font-weight:bold; color:yellow; font-family:'GmarketSans';}

input[type='checkbox'] {
    background: #fff;
    border: solid 2px #00928b;
    height: 24px;
    width: 24px;
    -webkit-appearance: none;
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	vertical-align:middle;
}

input[type='checkbox']:checked, input[type='radio']:checked {
    background: #fff;
    border: solid 2px #00928b;
}

input[type='checkbox']:checked:after {
    content: ' ';
    display: block;
    width: 14px;
    height: 14px;
    background: #00928b;
    position: relative;
    top: 2px;
    left: 2px;
	border-radius: 2px;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

input[type='radio'] {
    background: #fff;
    border: solid 2px #00928b;
    height: 24px;
    width: 24px;
    -webkit-appearance: none;
    border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	vertical-align:middle;
}

input[type='radio']:checked:after {
    content: ' ';
    display: block;
    width: 14px;
    height: 14px;
    background: #00928b;
    position: relative;
    top: 3px;
    left: 3px;
	border-radius: 24px;
	-moz-border-radius: 24px;
    -webkit-border-radius: 24px;
}

/* 로그인 */
#ac_login_div form{margin:0 auto; width:80%; padding:30px; background:white;}
#ac_login_div form ol{display:table; table-layout:fixed; width:100%; margin:0 0 20px 0; padding:0; list-style:none;}
#ac_login_div form ol li{display:table-cell; border:1px solid #eaeaea; font-size:24px; font-weight:600; color:#464646; cursor:pointer; padding:20px 0; text-align:center; background:#f4f4f4;}
#ac_login_div form ol li.on{border:1px solid #333; border-bottom:none; background:white; color:black;}

#ac_login_div form ul{margin:0; padding:0; list-style:none;}
#ac_login_div form ul li{display:block; margin:0 0 20px 0;font-size:24px}
#ac_login_div form ul li:last-child{text-align:center; margin:0;}
#ac_login_div form ul li b{display:block; margin:0 0 10px 0; font-size:24px; font-weight:600;}
#ac_login_div form ul li span{font-size:22px; font-weight:500; color:#66688b; line-height:1.8em;}
#ac_login_instant_id, #ac_login_instant_pw{font-size:28px; padding:20px ; border:1px solid #c6c6c6; width:97%;}
#ac_login_instant_pw{margin:0 0 10px 0;}

#ac_login_div form button[type='submit']{width:100%; padding:20px 0; border:none; background:#e60013; color:white; font-weight:bold; font-size:28px; margin:0 0 4px 0; cursor:pointer;}
#ac_login_div form button[type='button']{width:49.3%; padding:20px 0; border:1px solid #d9d9d9; background:#f4f4f4; color:#666; font-weight:bold; font-size:28px; cursor:pointer;}

#ac_login_div form input[type='checkbox'] {
    background: #fff;
    border: solid 2px black;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	vertical-align:middle;
}

#ac_login_div form input[type='checkbox']:checked, input[type='radio']:checked {
    background: #fff;
    border: solid 2px black;
}

#ac_login_div form input[type='checkbox']:checked:after {
    content: ' ';
    display: block;
    width: 12px;
    height: 12px;
    background: black;
    position: relative;
    top: 2px;
    left: 2px;
	border-radius: 4px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#ac_login_instant_title{display:table; width:100%; margin:0 0 24px 0; padding:0; table-layout:fixed;}
#ac_login_instant_title span{display:table-cell; font-size:40px; text-align:right; width:32px;}
#ac_login_instant_title strong{display:table-cell; text-align:center; font-size:30px;}
#ac_login_close{cursor:pointer;}

.main_slide .sc1 .swiper-button-prev{top:44%}
.main_slide .sc1 .swiper-button-next{top:44%}

/* 메인 */
main.main{display:block;}
main.main ul{margin:0; padding:0; font-size:0; line-height:0;}
main.main ul li{margin:0; padding:0; list-style:none; text-align:center;}
main.main ul li:nth-of-type(1){background:#00928b url('../img/main_item1_bg.png') repeat-x;}
main.main ul li:nth-of-type(2){background:#00716a url('../img/main_item2_bg.png') repeat-x;}
main.main ul li:nth-of-type(3){background:#004f4a url('../img/main_item3_bg.png') repeat-x;}
main.main ul li:nth-of-type(4){background:#1b1f29 url('../img/main_item4_bg.png') repeat-x;}
main.main ul li img{width:100%}

main.main ol{margin:0; padding:0; display:table; width:100%; height:240px; table-layout:fixed;}
main.main ol li{display:table-cell; text-align:center; vertical-align:top; padding:25px 0 0 0;}
main.main ol li a{display:block; padding:110px 0 0 0; color:#363636; font-size:24px;font-weight:500;line-height:1.2}
main.main ol li:nth-of-type(1) a{background:url('../img/main_link1.webp') no-repeat center top;background-size:100px;}
main.main ol li:nth-of-type(2) a{background:url('../img/main_link2.webp') no-repeat center top;background-size:100px;}
main.main ol li:nth-of-type(3) a{background:url('../img/main_link3.webp') no-repeat center top;background-size:100px;}
main.main ol li:nth-of-type(4) a{background:url('../img/main_link4.webp') no-repeat center top;background-size:100px;}
main.main ol li:nth-of-type(5) a{background:url('../img/main_link5.webp') no-repeat center top;background-size:100px;}

/* 게시판 목록 */
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;}


/* 로그인 */
#ecoyou_m_login_title{height:394px; background:rgba(0,0,0,0.4); padding:77px 50px 0 50px; box-sizing:border-box;}
#ecoyou_m_login_title p:nth-of-type(1){margin:0; padding:16px 0; border:2px solid white; border-width:2px 0; color:white; font-size:28px; text-align:center;}
#ecoyou_m_login_title p:nth-of-type(2){margin:0; padding:20px 0 45px 0; color:white; font-size:28px; text-align:center;}
#ecoyou_m_login_title p:nth-of-type(3){margin:0; padding:0; text-align:center;}
#ecoyou_m_login_title p:nth-of-type(3) button{border:5px solid white; background:black url('../img/input.png') no-repeat 19px center; color:white; font-size:29px; width:100%; height:76px; box-sizing:border-box;}

#ecoyou_m_login{margin:0; padding:71px 58px 0 58px;}
#ecoyou_m_login ul{margin:0; padding:0; list-style:none;}
#ecoyou_m_login ul li{margin:0 0 20px 0;}
#ecoyou_m_login ul li:nth-of-type(1), #ecoyou_m_login ul li:nth-of-type(2){display:table; width:100%; height:57px; background:#2fa576;}
#ecoyou_m_login ul li:nth-of-type(1) label, #ecoyou_m_login ul li:nth-of-type(2) label{display:table-cell; padding:0 0 0 68px;}
#ecoyou_m_login ul li:nth-of-type(1) label{background:url('../img/login_id.png') no-repeat 16px center;}
#ecoyou_m_login ul li:nth-of-type(2) label{background:url('../img/login_pw.png') no-repeat 19px center;}
#ecoyou_m_login ul li:nth-of-type(1) label input, #ecoyou_m_login ul li:nth-of-type(2) label input{font-size:25px; width:100%; height:57px; border:none; padding:0 24px; box-sizing:border-box;}
#ecoyou_m_login ul + p{margin:0 0 20px 0;}
#ecoyou_m_login ul + p button{width:100%; height:83px; color:white; font-size:29px; background:#2fa576; border:none; font-weight:600;}
#ecoyou_m_login ul + p + p{margin:0; padding:0 0 16px 0; text-align:right; /*border-bottom:1px solid #cecccc;*/}
#ecoyou_m_login ul + p + p a{color:white; font-size:18px;}
#ecoyou_m_login ul + p + p + p{margin:0; padding:12px 0 0 0; line-height:1.5em; font-size:18px; letter-spacing:1px; color:white;}
#ecoyou_m_login + p{margin:56px 0 0 0; padding:40px 58px 34px 58px; background:rgba(0,0,0,0.4);}
#ecoyou_m_login + p a{display:block; padding:12px 0; text-align:center; background:black; color:white; font-size:21px;}

#ecoyou_m_login + dl{/*margin:70px 0 0 0;*/ margin:0; padding:60px; background:rgba(0,0,0,0.4);}
#ecoyou_m_login + dl dt{background:black; color:white; padding:12px 16px; font-size:22px;}
#ecoyou_m_login + dl dd{clear:both; margin:0; padding:20px 0 0 0; font-size:18px; color:white;}
#ecoyou_m_login + dl dd a{float:right; display:inline-block; margin:4px 0 0 0; padding:2px 8px; background:black; color:white;}

#ecoyou_m_logged_info{width:600px; margin:48px auto;}
#ecoyou_m_logged_info h2{margin:0; padding:0; border:5px solid white; background:#274f22; color:white; font-size:34px; width:100%; height:96px; line-height:86px; text-align:center; box-sizing:border-box;}
#ecoyou_m_logged_info h3{margin:28px 0 0 0; padding:16px 0; background:white; text-align:center; color:#696868; font-size:28px;}
#ecoyou_m_logged_info table{width:100%; margin:14px 0 40px 0; table-layout:fixed; border-spacing:0 4px;}
#ecoyou_m_logged_info table th{padding:10px 0; background:#767474; color:white; font-size:20px;}
#ecoyou_m_logged_info table td{padding:10px; color:#696868; background:white; font-size:20px;}
#ecoyou_m_logged_info table + p{display:table; width:100%; margin:0 0 12px 0; padding:0;}
#ecoyou_m_logged_info table + p span:nth-of-type(1){display:table-cell; }
#ecoyou_m_logged_info table + p span:nth-of-type(2){display:table-cell; text-align:right;}
#ecoyou_m_logged_info table + p span:nth-of-type(1) button{width:280px; height:63px; color:white; background:#2fa576; border:none; font-weight:600; font-size:24px;}
#ecoyou_m_logged_info table + p span:nth-of-type(2) button{width:280px; height:63px; color:white; background:black; border:none; font-weight:600; font-size:24px;}
#ecoyou_m_logged_info table + p + p{text-align:center; margin:0 0 32px 0;}
#ecoyou_m_logged_info table + p + p button{width:600px; height:63px; background:white; color:#2fa576; border:none; font-weight:600; font-size:24px;}

#ecoyou_m_login_title_racc{height:94px; color:white; background:#274f22; border-bottom:4px solid rgba(255,255,255,0.5); margin:82px 0 0 0; text-align:center; font-size:28px; line-height:94px;}
#ecoyou_m_login_title_racc b{display:inline-block; vertical-align:middle; line-height:33px; background:#db4443; margin:0 16px; padding:12px 20px; transform:rotateZ(-10deg); letter-spacing:4px;}

/* 회원가입 */
#ecoyou_m_join_agreement{margin:40px auto; padding:24px; width:90%; box-sizing:border-box; background:white; border-radius:16px;}
#ecoyou_m_join_agreement > h2{margin:0; padding:20px 0; font-size:28px; color:#333;}
#ecoyou_m_join_agreement > h2 img{vertical-align:baseline;}
#ecoyou_m_join_agreement > h2 + p{margin:0; padding:0 0 16px 0; border-bottom:1px solid #b5b4b4; font-size:26px; line-height:1.4em; color:#707070; font-family:'notokr-light';letter-spacing:-1px}
#ecoyou_m_join_agreement dl{margin:0; padding:0;}
#ecoyou_m_join_agreement dl dt{margin:32px 0 0 0; font-size:22px;}
#ecoyou_m_join_agreement dl dt b{font-size:28px; font-weight:600;}
#ecoyou_m_join_agreement dl dd{margin:4px 0 0 0;}
#ecoyou_m_join_agreement dl dd div{height:225px; overflow-y:scroll; box-sizing:border-box; padding:16px; background:#f0efef; border-radius:16px; font-size:18px;}
#ecoyou_m_join_agreement dl dd div h1{font-size:24px; margin:12px 0;}
#ecoyou_m_join_agreement dl dd div h2{font-size:22px; margin:10px 0;}
#ecoyou_m_join_agreement dl dd div p{margin:8px 0;}
#ecoyou_m_join_agreement dl dd div ul{padding:0 0 0 24px;}
#ecoyou_m_join_agreement dl dd div ul li{list-style:disc; margin:8px 0;}
#ecoyou_m_join_agreement dl dd div + p{margin:8px 0 0 0; font-size:24px;}
#ecoyou_m_join_agreement dl + p{margin:32px 0 0 0;}
#ecoyou_m_join_agreement dl + p button{width:100%; height:58px; color:white; font-size:29px; background:#2fa576; border:none; font-weight:600; border-radius:8px;}

#ecoyou_m_join_form_area{margin:40px auto; padding:24px; width:90%; box-sizing:border-box; background:white; border-radius:16px;}
#ecoyou_m_join_form_area > h2{margin:0; padding:20px 0; font-size:28px; color:#333;}
#ecoyou_m_join_form_area > h2 img{vertical-align:baseline;}
#ecoyou_m_join_form_area > h2 + p{margin:0; padding:0 0 16px 0; border-bottom:1px solid #b5b4b4; font-size:26px; line-height:1.4em; color:#707070; font-family:'notokr-light';letter-spacing:-1px}
#ecoyou_m_join_form{margin:0; padding:0; color:#333;}
#ecoyou_m_join_form table{width:100%; margin:24px 0; table-layout:fixed;}
#ecoyou_m_join_form table caption{text-align:left; font-size:22px;}
#ecoyou_m_join_form table th{padding:16px 0 0 0; font-size:26px; text-align:right;}
#ecoyou_m_join_form table td{padding:16px 0 0 16px; font-size:24px;}
#ecoyou_m_join_form table td p{margin:6px 0 0 0;}
#ecoyou_m_join_form table td p:nth-of-type(1){margin:0;}
#ecoyou_m_join_form table td button{color:white; font-size:21px; background:#2fa576; border:none; font-weight:600; border-radius:4px; padding:5px 12px;}
#ecoyou_m_join_form table td input[type='text'], #ecoyou_m_join_form table td input[type='password'], #ecoyou_m_join_form table td select{font-size:21px; padding:4px; border:1px solid #CCC; border-radius:4px;}
#ecoyou_m_join_form table td input[type='text'][maxlength='4']{width:64px; text-align:center;}
#ecoyou_m_join_form table td input[type='text'][maxlength='5']{width:80px; text-align:center;}
#ecoyou_m_join_form table + p button{width:100%; height:58px; color:white; font-size:29px; background:#2fa576; border:none; font-weight:600; border-radius:8px;}
#input_mail1, #input_mail3, #input_mail2{width:164px; text-align:center;}
#input_addr{width:92%;}
#input_titho_str{width:96px !important;}

/* 모니터링 */
#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;}