@charset "euc-kr";

#topWrap {position: fixed; background: #fff; top:0; width: 100%; height: 80px; border-bottom: solid 2px #2b62c2; z-index: 10;}
#bodyWrap {position: relative; width: 100%; padding-top: 80px;}
#footerWrap {position: relative; bottom:0; width: 100%; margin-top: 30px;}

/** topmenu **/
.topCont {position: relative; margin:0 auto; width:990px; height: 80px;}
.topCont h1 {position: relative; top:15px; font-size: 0;}
/* .topCont h1 > a {background: url(/greenmro/images/login/tit_login.png) no-repeat; display: block;} */
.navi { position: absolute; left: 230px; top:30px; width: 700px; z-index: 1;}
.navi ul li {float:left;list-style-type:none; width: 140px; margin-left: 1px;}
.navi a { display:block; color:#000;font-size:18px; text-decoration:none; text-align: center; line-height: 30px;}
.navi a:hover {
    color: #2b62c2;    
}
.navi ul ul {
    display:none;
    position:absolute;
    
}
.navi ul li:hover ul {
    display: block;
}
.navi ul ul li {
    float:none;
    background-color:#548beb;
    margin-bottom: 1px;
}
.navi ul ul li a {font-size: 13px; color: #fff; font-weight: 100;}
.navi ul ul li a:hover {font-weight:bold; color: #fff; background-color:#4b7cd1;}

/** main content **/
.mainCont {position:relative; width: 100%;}
.mainCont .mainvisual {width: 100%; background: url(../images/visual.png) center top no-repeat; background: #dbe5ed; height: 540px;}
.slogan {position:absolute; font-size: 35px; top: 150px; font-weight: 100; left: 50%; margin-left: -500px; color: #fff;}
.slogan p {margin-bottom: 5px;}
.slogan a {
    margin-top: 10px;
	display: inline-block;
    position: relative;
    z-index: 40;
	padding: 0px 10px 7px 17px;
    border: 1px solid #000;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}
.slogan a span {
    display: inline-block;
    padding-right: 16px;
    color: #000;
    font-size: 18px;
    line-height: 19px;
	height: 20px;
}
.mainbox {position: absolute; width: 990px; height: 540px; top:0; z-index: 5; left: 50%; margin-left: -495px;}
.loginGroup {position: absolute; top:25px; z-index: 5; width: 300px; left: 50%; margin-left: 195px;}
.loginBox {width: 300px; height: 230px; background: #2b62c2; color: #fff; padding: 20px 30px;}
.loginBox > h2 {font-size: 24px; line-height: 24px;  margin-bottom: 10px;}
.loginBox > h2 p {display: block; font-size: 12px; font-weight: 100;} 
.loginBox dl {border-top: solid 1px #0088c8; border-bottom: solid 1px #0088c8; font-size: 0; padding: 10px 0 6px 0;}
.loginBox dt, .loginBox dd {display: inline-block; vertical-align: middle; height: 32px;}
.loginBox dt {width: 90px; font-size: 12px; color: #fff; line-height: 26px;}
.loginBox dd input[type="text"], .loginBox dd input[type="password"] { height: 26px; width: 150px; border:0;}
.loginBox dd button {width: 150px; border:solid 1px #fff; background: transparent; height: 28px; color: #fff; line-height: 26px; cursor: pointer;}
.loginlink { text-align: right;  line-height: 30px;}
.loginlink a {color: #fff;}
.CSBoxMro {width: 300px; height: 170px; background: #fff; color: #555; text-align: center; padding: 20px 30px;}
.CSBoxMro h2 {font-size: 17px; text-align: left; margin-bottom: 10px;font-weight: 400;}
.CSBoxMro h2 span {font-weight: bold;}
.tell {font-size: 24px; padding: 5px 0; color: #000;}
.tell img {vertical-align: middle;}
.time {font-size: 13px; line-height: 18px; padding-top: 10px;}

.noticeWrap {position: relative; margin:0 auto; width: 990px; background: #fff; padding: 35px 25px 0 25px; font-size: 0;}
.notice {display: inline-block; width:450px; vertical-align: top;}
.notice h2 {font-size: 17px; text-align: left; margin-bottom: 10px;}
.notice h2 a {float: right;}
.notice li {line-height: 20px; color: #888;font-size: 14px; line-height: 24px;}
.notice li a {color: #888;}
.notice li span {float: right;}

.LinkBox {width: 100%; margin: 0 auto; height: 80px; font-size: 0; position: absolute; bottom:0px; z-index: 5;}
.LinkBox ul {width: 990px; margin: 0 auto; height: 100%; padding-top: 20px; background-color: rgba(8, 20, 38, 0.85)}
.LinkBox li {display: inline-block; width: 247px; line-height: 40px; border-right:solid 1px #fff;}
.LinkBox li a {display: block; color: #fff;font-size: 17px; padding-left:80px; }
/* .LinkBox {width: 100%; height: 80px; font-size: 0; background:#558beb;text-align: center; padding-top: 20px;}
.LinkBox li {display: inline-block; width: 247px; line-height: 40px; border-right:solid 1px #96b7f1;}
.LinkBox li a {display: block; color: #fff;font-size: 17px; text-align: center; padding-left:60px;} */
.LinkBox li:nth-child(1) {background: url(../images/index/icon_link01.png) 10px top no-repeat;}
.LinkBox li:nth-child(2) {background: url(../images/index/icon_link02.png) 10px top no-repeat;}
.LinkBox li:nth-child(3) {background: url(../images/index/icon_link03.png) 10px top no-repeat;}
.LinkBox li:nth-child(4) {background: url(../images/index/icon_link04.png) 10px top no-repeat; border-right:0;}

.Custom {padding-top: 20px; }
.Custom h2 {font-size: 17px; }
.Custom ul {width: 100%;  font-size: 0; text-align: center; overflow: hidden; margin-top: 10px;}
.Custom li {display: inline-block; width: 178px; height: 50px; line-height:50px; margin-right:10px;border:solid 1px #eee;}



/** sub content **/
.location {with:100%; background: #eee; height: 30px;}
.location > ul {position: relative;margin:0 auto; width: 990px; font-size: 0; text-align: right;}
.location > ul > li {display: inline-block; line-height: 28px; color: #777; font-size: 12px; padding: 0 15px 0 5px;background: url(../images/index/icon_pagenavi.png) right center no-repeat;}
.location > ul > li:last-child {color: #000;background: none;}
.location li.home a {
    display: block;
    cursor: pointer;
    margin: 0;
    width: 14px;
    height: 43px;
    line-height: 43px;
    background: url(../images/index/ico_home.gif) center 15px no-repeat;
    text-indent: -9999px;
    font-size: 0;}
.contWrap {position: relative; margin:0 auto; width: 990px; min-height: 500px;}
.h2 {font-size: 31px;padding: 20px 0; color: #000;}
.h2 p {font-size: 15px; color: #777; padding-top: 5px;}
.h3 {font-size: 19px; padding-left:15px; color: #000; background: url(../images/index/h3_bullet.png) 0 center no-repeat; margin: 40px 0 10px 0;}
.contWrap h4 {color: #2b62c2; font-weight: 700; margin-bottom: 5px; font-size: 17px;}
.contWrap h4:before {content: ""; background:#2b62c2; width: 4px; height: 4px; vertical-align: middle;display: inline-block; margin-right: 3px;}

.cutm_step {font-size: 0; text-align: center;}
.cutm_step li {display: inline-block; vertical-align: middle; width:165px; height: 150px; font-size: 17px; border: solid 1px #ddd; border-radius: 4px; padding: 95px 20px 20px 20px;}
.cutm_step li:nth-child(1) {background: url(../images/index/custm_icon01.png) no-repeat center top;}
.cutm_step li:nth-child(3) {background: url(../images/index/custm_icon02.png) no-repeat center top;}
.cutm_step li:nth-child(5) {background: url(../images/index/custm_icon03.png) no-repeat center top;}
.cutm_step li:nth-child(7) {background: url(../images/index/custm_icon04.png) no-repeat center top;}
.cutm_step li.arrow {width: 110px; border:0; background: url(../images/index/bg_arrow.png) center center no-repeat;}

.cutm_step dl {width: calc(50% - 30px); display: inline-block; margin: 30px 10px 0 10px; border-radius: 6px;}
.cutm_step dt, .cutm_step dd {font-size: 17px; text-align: center;padding: 20px 0; color: #fff;}
.cutm_step dt {padding: 20px 0; border-bottom:dashed 1px #ddd;border-radius: 4px 4px 0 0; font-size: 19px;}
.cutm_step dd {padding: 20px 0; text-align: center;}

.cutm_step dl.first {border: solid 2px #558beb;}
.cutm_step dl.first dt {background: #558beb;}
.cutm_step dl.last {border: solid 2px #21c6ca;}
.cutm_step dl.last dt {background: #21c6ca;}

.cutm_contact {border:solid 1px #eee; border-radius: 4px; padding:5px; font-size: 0; background: #fafafa; margin-top: 10px;}
.cutm_contact dt, .cutm_contact dd {display: inline-block; vertical-align: middle;}
.cutm_contact dt {width: 12%; background: url(../images/index/bg_contact.png) right 0 no-repeat; height: 60px; text-align: center;padding-right: 30px;}
.cutm_contact dd {width: 88%; line-height: 24px;font-size: 15px; padding-left: 30px;}

.sppl_step {font-size: 0; margin-bottom: 30px;}
.sppl_step li {font-size: 15px; color: #555; border: solid 1px #eee; border-radius: 4px; padding: 20px 0 20px 100px;}
.sppl_step li:nth-child(1) {background: url(../images/index/supply_icon01.png) no-repeat 0 center;}
.sppl_step li:nth-child(3) {background: url(../images/index/supply_icon02.png) no-repeat 0 center;}
.sppl_step li:nth-child(5) {background: url(../images/index/supply_icon03.png) no-repeat 0 center;}
.sppl_step li:nth-child(7) {background: url(../images/index/supply_icon04.png) no-repeat 0 center;}
.sppl_step li:nth-child(9) {background: url(../images/index/supply_icon05.png) no-repeat 0 center;}
.sppl_step li:nth-child(11) {background: url(../images/index/supply_icon06.png) no-repeat 0 center;}
.sppl_step li:nth-child(13) {background: url(../images/index/supply_icon07.png) no-repeat 0 center;}
.sppl_step li strong {font-size: 17px; color: #000;}
.sppl_step li.arrow {height: 30px; border:0; background: url(../images/index/bg_arrow2.png) center center no-repeat;}
.sppl_step li p:before {content:""; display: inline-block; width: 4px; height: 4px; background: #555; margin-right:3px;vertical-align: middle; border-radius: 50%;}
.sppl_step dl {width: 100%; border-top:solid 1px #ddd;border-bottom:solid 1px #ddd; margin: 20px 0 50px 0;}
.sppl_step dt {font-size: 17px; padding: 20px 0; text-align: center;}

.sppl_ready dt {font-size: 19px;}
.sppl_ready dd {font-size: 15px;}

.basic {font-size: 15px; color: #555; line-height: 20px;}
.signra{border:solid 1px #ddd; border-radius: 4px; padding: 10px;}
.signra dd {padding: 10px; border-top:dashed 1px #ddd; margin-top: 10px;} 
.basic ul {margin: 10px 0; padding: 10px;}
.basic li {padding: 5px 0;}
.detail {background: #fafafa;border:solid 1px #eee; border-radius: 4px; padding: 15px 15px 0 15px; margin-top: 15px;}
.detail dl {margin-top: 10px;}
.detail dt {font-weight: bold; line-height: 24px; color: #000;}
.detail dd {color: #555; padding: 0 0 15px 10px; line-height: 24px;}

/*** Business ***/
.intro {background: #fafafa; border-radius: 3px; border:solid 1px #eee; padding: 15px; color: #000; font-size: 16px;}
.category {font-size: 0; }
.category li {display: inline-block; width:calc(25% - 10px); margin: 5px; border-radius: 3px; border:solid 1px #558beb; font-size: 14px; text-align: center; line-height: 34px; font-size: 15px; color: #000;}

.value {font-size: 0;}
.value li {display:inline-block; border: solid 1px #ddd; border-radius: 4px; width:300px; min-height: 300px; margin: 15px;vertical-align: top;}
.value li dt {background:#558beb; color: #fff; font-size: 17px; text-align: center; line-height: 40px;}
.value li dd {padding: 15px; font-size: 15px; line-height: 20px; }
.value li dd div {position: relative; margin: 0 auto; bottom: 0; display: block;}
.value01 li:nth-child(1) {background: url(../images/index/value01_01.gif) center bottom 20px no-repeat;}
.value01 li:nth-child(2) {background: url(../images/index/value01_02.gif) center bottom 20px no-repeat;}
.value01 li:nth-child(3) {background: url(../images/index/value01_03.gif) center bottom 20px no-repeat;}
.value02 li:nth-child(1) {background: url(../images/index/value02_01.gif) center bottom 20px no-repeat;}
.value02 li:nth-child(2) {background: url(../images/index/value02_02.gif) center bottom 20px no-repeat;}
.value02 li:nth-child(3) {background: url(../images/index/value02_03.gif) center bottom 20px no-repeat;}


.year_list {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding-top: 20px;
    overflow: hidden;
}
.year_list .lists {
    width: 450px;
    text-align: center;
    float: left;
    margin-right: 90px;
}
.year_list .lists_last {
    margin-right: 0;}
.year_list .lists .title {
    font-size: 19px;
    color: #f27824;
    letter-spacing: -1px;}

.year_list .lists .term {
    font-size: 17px;
    color: #2b62c2;
    padding: 0 30px;
    border: 1px solid #2b62c2;
    border-radius: 40px;
    display: inline-block;
    margin-top: 14px;
    height: 40px;
    line-height: 41px;
    font-weight: bold;
    vertical-align: middle;}
.year_list .lists .line {
    float: left;
    width: 450px;
    height: 1px;
    background-color: #e5e5e5;
    margin-top: 30px;
}
.year_list .lists .detail_list {
    text-align: left;
    float: left;
    height: 360px;
}
.year_list .lists .detail_list li {
    float: left;
    clear: both;
    margin-top: 20px;
}
.year_list .lists .detail_list li span.year {
    width: 100px;
}
.year_list .lists .detail_list li span.desc {
}
.year_list .lists .detail_list li span {
    display: block;
    float: left;
    font-size: 15px;
    color: #666666;
}
.year_list .lists .line {
    float: left;
    width: 450px;
    height: 1px;
    background-color: #e5e5e5;
    margin-top: 30px;
}

/**table**/
.table-layout {width: 100%; }
.table-layout table {width: 100%;}
.table-layout th {font-size: 15px;background: url(../images/index/th_bg.png);border: solid 1px #ddd; border-bottom: solid 2px #555;  color: #000;padding:10px 2px; }
.table-layout td {font-size: 13px;border: solid 1px #eee;padding:10px 5px; color:#666;}
.table-layout tr {border-top: dashed 1px #ddd; }
.table-layout td li { line-height: 24px; font-size: 15px; padding-left: 15px;}
.table-layout td li:before {content: ""; background:#000; width: 4px; height: 4px; vertical-align: middle;display: inline-block; margin-right: 4px;}
.bdr-r {border-right: solid 1px #eee; !important;}
.table-layout th.point {background: url(../images/index/th_bg.png) #fff7f7; color: red;}
.table-layout td.point {background:#fff7f7; color: red;}


.list_src {margin-bottom:10px; border-top:solid 1px #ddd; padding-top: 10px; width: 100%;}
.list_src input {width:200px; font-size: 13px;}
.list_src label {font-size: 13px; display: inline-block; vertical-align: middle; width: 80px; font-weight: bold; line-height: 30px;}
.list_src span {font-size: 13px; width: 20px;}

.table-input {width: 100%; border-top: solid 2px #2b62c2; border-bottom: solid 1px #333; margin-bottom: 20px;}
.table-input table {width: 100%;}
.table-input th {position:relative; background: url(../images/index/th_bg.png); border-right: dashed 1px #ddd; color: #000; padding:10px 0 10px 30px; text-align: left;}
.table-input th, .table-input td {border-bottom: solid 1px #ddd; font-size: 13px;}
.table-input td {color: #666; padding:5px 10px; line-height: 18px;}
.table-input td label {vertical-align: middle; padding: 0 10px 0 2px;}
.stt {display: inline-block; margin-right: 10px;}

.board_view {width: 100%; border-top: solid 2px #2b62c2; margin-bottom: 40px;}
.board_cont {width: 100%;}
.board_cont dt {display: block; border-bottom: solid 1px #ddd; padding: 15px 40px 15px 40px;}
.board_cont dd {display: block; border-bottom: 1px solid #707580; padding: 15px 40px 15px 40px;}
.board_cont .title {font-size: 18px; margin-bottom: 7px; color: #222; font-weight: 500;}
.board_cont .date {font-size: 13px; color: #666;}
.attach p {height: 18px; line-height: 18px; padding-left: 25px; background: url(../images/index/icon_attach.png) left center no-repeat;}
.textbox {display: block;border-bottom: 1px solid #707580; padding: 40px 80px 60px 80px; line-height: 20px; font-size: 14px; color: #222;}
.board_navi {border-bottom: 1px solid #707580; background: #fff;}
.board_navi dt {float: left;
    display: block;
    padding: 16px 0 15px 48px;   
    color: #222;
    font-family: 'NanumGothicBold';
    clear: both;}
.board_navi dt.prev { background: url(../images/index/icon_back.png) 20px center no-repeat;}
.board_navi dt.next { background: url(../images/index/icon_next.png) 20px center no-repeat;}
.board_navi dd {position: relative;
    padding: 15px 20px 15px 120px;
    font-size: 14px;
    color: #666;}
.board_navi dd:nth-child(2) {border-bottom: 1px solid #d6d6d6;}
    
/**page**/
.page {font-size: 0;text-align: center; padding-top: 20px;}
.page li {display: inline-block;font-size: 13px;margin-left: -1px;}
.page li:first-child a {border-radius: 3px 0 0 3px;}
.page li:last-child a {border-radius: 0 3px 3px 0;}
.page-count {font-size: 12px;text-align: justify;padding: 5px 0 5px 10px;color: #aaa;}
.page-count span {color: #00696d;font-size: 13px;}
.page a {display: block;padding: 5px 10px;border: 1px solid #bfbfbf;color: #666;}
.page a:hover {color: #2b62c2; background:#f4f4f4; }
.page a.on {border: 1px solid #5680db;position: relative;z-index: 2;padding: 7px 12px;border-radius: 3px;color: #5680db;}

/*** tab ***/
.tabFAQ {
    font-size: 0;
    background-color: #fff;
    border-bottom: 2px solid #5579c1;
    margin-bottom: 15px;}
.tabFAQ > li {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    cursor: pointer;}
.tabFAQ > li.on > a, .tabFAQ > li.on > a:hover, .tabFAQ > li.on > a:focus {
    border: 2px solid #2b62c2;
    border-bottom:0;
    height:36px;
    position: relative;
    background-color: #2b62c2;
    color: #fff;
    font-size: 16px;
    font-weight: 700;    
    margin-bottom: -2px;
    z-index: 1;
}
.tabFAQ > li > a {
    display: block;
    border: 1px solid #eaeaea;
    height: 36px;
    min-width: 180px;
    line-height: 36px;
    color: #aaa;
    background-color: #fafafa;
    z-index: 1;
}
.tab_list {width: 100%; font-size: 14px; color: #666; line-height: 20px;}


/*** FAQ ***/
.faq {}
.faq li {border-bottom: 1px solid #ddd; padding: 10px 0;}
.faq li li {border:0; padding: 5px;}
.faq li > a {display: inline-block;
    padding-left: 20px;
    font-size: 16px;
    color: #666;
    vertical-align: middle;}
.faq li > a:before {content: "Q :"; color: #2b62c2; font-size: 18px; font-weight: 700; padding-right: 10px;}
.faq li div {display: block; padding: 30px 30px 30px 60px; font-size: 14px;line-height: 24px; border-top: 1px solid #eee; margin-top: 10px;}
.faq li div:before {content: "A :"; color: #000; font-size: 18px; font-weight: 700; position: absolute; left:30px; margin-top: -2px;}

/**join**/
.join-terms_items {
    margin-top: 20px;
}
.join-terms {
    border: 1px solid #e0e0e0;
    border-top: 1px solid #b8b8b8;
}

.join-terms_title {
    position: relative;
    width: 2000px;
    font-size: 17px;
    color: #333333;
    font-weight: 500;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    padding: 13px 0;
}
.join-terms_titleCheck {
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 13px;
}
.checkbox2 {
    display: inline-block;
    cursor: pointer;
    color: #2b62c2;
    vertical-align: middle;
}
.join-terms_description {
    font-size: 13px;
    color: #666666;
    font-weight: 500;
    padding: 20px;
    height: 280px;
    line-height: 20px;
    overflow-y: scroll;
}
.checkWrap {border:solid 1px #eee; border-radius: 4px; background: #fafafa; width: 100%;text-align: center; padding: 30px 0;}
.checkWrap label {padding-right:20px; font-size: 15px;}

/*** button ***/ 
.btn-center {text-align: center;margin-top: 20px; width: 100%;}
.fn-btns {font-size: 0;display: inline-block;vertical-align:middle;}

.fn-btns > li, .fn-btns > span {display: inline-block; vertical-align:middle; font-size: 13px; padding: 0 0 0 2px;}

.fn-btns a {
    display: block;text-align: center;border:solid 1px #2b62c2; border-radius: 2px; background:#2b62c2;color: #fff;
    height: 36px; line-height: 34px;overflow: hidden;text-decoration: none; text-align: center; padding: 0 10px;}
.fn-btns a:hover {background:#0c2a48;}

.fn-btns a.cancel {background:#555;border:solid 1px #555; }
.fn-btns a.small {background:#555; border:solid 1px #555; height: 28px; line-height: 28px;}
.fn-btns a.search {height: 30px; line-height: 30px;}
.fn-btns a.search:before {content:"";background: url(../images/index/icon_search.png) 0 0 no-repeat; display: inline-block; width: 20px;height: 20px; vertical-align: middle;}
.fn-btns a.big {background: #21c6ca; border:solid 1px #21c6ca; height: 46px; line-height: 42px; font-size: 19px; }
.fn-btns a.big:hover {background:#0d5153;border:solid 1px #0d5153;}

/** text list **/
.ul_list li {line-height: 24px;}
.ul_list li:before {content: ""; width: 4px; height: 4px; background: #555; display: inline-block; vertical-align: middle; margin-right: 3px;}

 /** footer **/
.footLink {background: #f0f0f0; width: 100%; height: 36px; padding: 4px 0;}
.footLink ul {position: relative; margin:0 auto; width: 990px; }
.footLink li { float: left; line-height: 28px; }
.footLink li:after {float: none;}
.footLink li a {display: inline-block; padding-right: 20px; color: #555;}
.footLink li a:after {content: "|"; padding-left: 20px; color: #aaa;}
.footLink li:last-child a:after {content: "";}
.footCont {position: relative; margin:0 auto; width: 990px; color: #999; font-size: 12px; line-height: 16px; padding:20px 0 20px 160px; line-height: 20px;}
.footLogo {position:absolute; left: 0; top:30px;}
.footCont a {text-decoration:underline;}

.loginWrap {text-align: center; border: solid 1px #ddd; height: 350px;}
.login_title {padding: 30px; font-size: 15px;}
.login_input, .login_option {width: 433px; margin: 0 auto; position: relative;}
.login_input p {margin: 5px 0;}
.login_input input {width: 100%; height: 44px; font-size: 15px; text-align: center; line-height: 42px;}
.loginWrap a.login {display: block; line-height: 44px;background: #2b62c2; border:solid 1px #2b62c2; color: #fff; font-size: 15px;}
.login_option {padding-top: 20px;}
.option-left {float: left; font-size: 15px;}
.option-right {float: right; font-size: 15px;}
.option-right a:first-child:before {content: "";}
.option-right a:before {content: '|';height: 14px;overflow: hidden;color: #d9d9d9; padding: 0 5px}

/**etc**/
.red {color: red !important;}
.blue {color: #2b62c2;}
.black {color: #000;}
.white {color: #fff;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.required:before {content:"*"; position:absolute; left:20px; color:red; vertical-align:middle;}