@charset "utf-8";
@import 'common.css';

#wrap {background:#f1f1f1}
#wrap_container header {height:130px; width:1190px; margin:0 auto; background:#fff; padding-top:40px}
#wrap_container header h1 {position:relative; font-size:30px; margin-left:150px; color:#fff}
#wrap_container header p {font-size:18px; color:#eee; margin:10px 0 0 150px}
#container {width:1188px; position:relative}
#container #snb {position:absolute;top:30px;left:0;width:220px}
#container {background:#fff; border:1px solid #d9d9d9; border-top:0; border-bottom:0}
#container section {display:block; position:relative}
#container .contents {position:relative; width:auto; margin:0 40px 0 260px; padding:30px 0 70px}
.contents section h4 {position:relative; font-size:18px; font-weight:700; margin:50px 0 10px 0; height:25px; text-align:left}
.contents section h4.bt_line {padding-bottom:10px; border-bottom:1px solid #ccc;}
.contents section h4 a {display:inline-block; position:absolute; right:0; bottom:0; padding:7px 25px 7px 37px; border-radius:50px; font-size:13px; background:#49cbd0 url(../img/common/glyphs_common.png) no-repeat 20px -467px; color:#fff;}
.contents section h4 a:hover {background:#2a3141 url(../img/common/glyphs_common.png) no-repeat 20px -467px;}
.contents section h5 {clear:both; font-size:16px; background:url(../img/common/buls.png) no-repeat 0 -594px; padding:0 0 0 12px; margin:20px 0 5px; text-align:left; word-break:keep-all;}

#wrap_container header.concept_pur {background:#ef9e86 url(../img/common/img_concept_pur.png) no-repeat bottom}
#wrap_container header.concept_policy {background:#6dbbca url(../img/common/img_concept_policy.png) no-repeat bottom}
#wrap_container header.concept_winwin {background:#a4ca6d url(../img/common/img_concept_winwin.png) no-repeat bottom}
#wrap_container header.concept_support {background:#f19b9b url(../img/common/img_concept_support.png) no-repeat bottom}
#wrap_container header.concept_service {background:#bcbcbc url(../img/common/img_concept_service.png) no-repeat bottom}

.contents .p_title_bc {height:60px;}
.contents .p_title_bc h3 {font-size:28px; padding:10px 0 20px; height:30px; background:url(../img/common/line_page_title.png) no-repeat left bottom}
.contents .p_title_bc ul {position:absolute; top:0px; right:0}
.contents .p_title_bc li {float:left; color:#999; height:17px; padding:0 7px 0 11px; background:url(../img/common/buls.png) no-repeat 0 -196px; vertical-align:middle}
.contents .p_title_bc li img {vertical-align:top}
.contents .p_title_bc li:first-child {color:#000; background:none}
.contents .p_title_bc li:last-child {padding-right:0}

.contents section.wrap_image {position:relative; text-align:center; margin:40px 0}
.contents section.wrap_image h4 {padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:30px;}
.contents section.wrap_image h5 {padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:30px;}
.contents section.wrap_image h5.noline {border-bottom:none;}
.contents section.summary {background:url(../img/common/buls.png) no-repeat 0 -300px; font-size:17px; line-height:140%; margin:25px 0; padding:10px 0 15px; border-bottom:1px solid #eee}
.contents section.summary span {display:block; margin-top:10px; font-size:15px;}
.contents section.summary + .box_list {margin-top:-20px}
.contents section.summary li {background:url(../img/common/buls.png) no-repeat 0 -830px; padding-left:10px; margin-bottom:5px;}
.contents section.summary li span {margin-top:0;}

.c_sk_winwin {overflow:hidden; margin-top:50px}
.c_sk_winwin li {float:left; height:86px; width:96px; margin:0 10px 10px 0; background:#f1f1f1; border:3px solid #dcdcdc; vertical-align:middle; display:table; padding:10px}
.c_sk_winwin li span {display:table-cell; vertical-align:middle; color:#000; font-size:16px; font-weight:600; text-align:center; word-break:keep-all}
.c_sk_winwin li:nth-child(1), .c_sk_winwin li:nth-child(8), .c_sk_winwin li:nth-child(12) {width:157px; height:90px; background:#ea5d4b; border:0}
.c_sk_winwin li:nth-child(1) span, .c_sk_winwin li:nth-child(8) span, .c_sk_winwin li:nth-child(12) span {color:#fff}
.c_sk_winwin li:nth-child(6) {background:none; border:0; width:40px; height:110px; padding:0}
.c_sk_winwin li:nth-child(7), .c_sk_winwin li:nth-child(11) {float:none; margin-right:0}

.history ol {overflow:hidden; margin-top:30px}
.history ol li {float:left; display:table; width:100%; padding:10px 10px 10px 50px; background:url(../img/common/line_history_time02.png) repeat-y 103px center; border-bottom:1px dashed #e1e1e1; text-align:left;}
.history ol li:first-child {background:url(../img/common/line_history_time01.png) no-repeat 103px top; padding-top:30px}
.history ol li:last-child {background:url(../img/common/line_history_time03.png) no-repeat 103px bottom; padding-bottom:30px; border-bottom:0}
.history ol li span, .history ol li div {display:table-cell; vertical-align:middle}
.history ol li span:first-child {height:110px; line-height:110px; width:110px; border:5px solid #dcdcdc; border-radius:100px; background:#f1f1f1; text-align:center; font-size:26px; font-weight:700; color:#777; vertical-align:middle;;}
.history ol li:first-child span:first-child {background:#ea5d4b; border:5px solid #ea5d4b; color:#fff; font-size:30px;}
.history ol li ul li, .history ol li ul li:first-child, .history ol li ul li:last-child {float:none; margin-left:120px; padding:5px 0 5px 12px; font-size:16px; font-weight:700; line-height:23px; border:0; background:url(../img/common/buls.png) no-repeat 0 -235px}
.history ol li ul {background:url(../img/common/line_history_gray.png) no-repeat 0 center; margin-left:10px;}
.history ol li:first-child span ul {background:url(../img/common/line_history_red.png) no-repeat 0 center;}

.box_org {overflow:hidden; margin-top:10px}
.box_org li {float:left; width:213px; background:#f1f1f1; text-align:center; margin-right:12px}
.box_org li h4 {color:#fff; font-size:18px; font-weight:700; padding:15px 0; margin:0; background:#ea5d4b; text-align:center}
.box_org li span {display:block; padding:10px 0; margin:0 10px; border-radius:50px; background:#dcdcdc;}
.box_org li:last-child {margin-right:0}
.box_org li ul {padding:10px 0}
.box_org li ul li {float:none; background:none; padding:0; margin-bottom:7px; font-size:15px;}
.box_org li ul li:first-child {font-size:16px; font-weight:700;}

.goal img {margin-right:30px}
.goal span {position:absolute; display:inline-block; font-size:17px; font-weight:600; line-height:150%; background:url(../img/common/line_goal.png) no-repeat; padding:15px 10px 0}
.goal span i {font-style:normal; font-size:15px}
.goal span.txt01 {left:510px; top:80px; background-position:right 0; padding-left:20px}
.goal span.txt02 {left:540px; top:250px; background-position:right -300px; padding-left:120px}
.goal span.txt03 {left:0; top:250px; background-position:left -600px; padding-right:130px}

.srch_form {position:relative; margin-bottom:30px; padding:18px 0 15px; border-bottom:2px solid #d9d9d9; border-top:none; background:#f8f8f8; overflow:hidden;}
.srch_form dl {width:500px; margin:0 auto; overflow:hidden;}
.srch_form dt, .srch_form dd {float:left;}
.srch_form dt {width:400px; padding-right:10px;}
.srch_form input {padding:5px 10px; border:1px solid #c6c6cc; font-size:15px; width:100%; outline-style:none;  box-sizing:border-box}
.srch_form input:focus {border:1px solid #ea002c; background:#fffddd;}
.srch_form .btn_srch {display:block; vertical-align:middle; border-radius:5px; width:100%; font-size:14px; font-weight:600; width:80px; height:28px; line-height:27px; background:#2a3141; color:#fff; text-align:center; margin-bottom:5px; box-sizing:border-box}
.srch_form .btn_srch:hover {background:#d23743}

.btn_list {position:relative; height:20px; line-height:20px; padding-top:5px; overflow:hidden; margin-bottom:5px; font-size:13px;}
.btn_list b {font-weight:600; color:#00a0a6}
.btn_list .box_btn {position:absolute; right:0; top:0;}
.btn_list .box_btn a {display:inline-block; padding:4px 15px; border-radius:50px; font-size:13px; height:16px; line-height:16px; background:#49cbd0; color:#fff; margin-left:3px}
.btn_list .box_btn a img {vertical-align:middle; margin-right:4px;}
.btn_list .box_btn a:hover {background:#2a3141;}

.list table {width:100%}
.list th {background:#fff; padding:10px 5px; border-bottom:2px solid #024551; border-top:2px solid #024551; border-left:1px solid #024551; font-size:13px;}
.list td {border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:8px 5px 6px; font-size:13px; line-height:140%; word-break:keep-all; text-align:center}
.list td a {text-align:left; font-weight:600;}
.list td span {display:block;}
.list th:first-child, .list td:first-child {border-left:0}
.list tr:last-child th, .list tr:last-child td {border-bottom:2px solid #024551}
.list tr td:nth-child(2) {text-align:left;}
.list tr:nth-child(odd) td {background:#fbfbfb}
.list tr:hover td {background:#ebf2f3;}
.ico_attach {display:inline-block;position:relative; background:url(../img/common/ico_grd_attach.png) no-repeat center; width:20px; height:20px;}
.ico_attach:hover {background:url(../img/common/ico_grd_attach_on.png) no-repeat center;}
.type02 tr td:nth-child(2) {text-align:center;}
.type02 tr td:nth-child(3) {text-align:left;}
.list td span.ico_attach {display:inline-block;position:relative; background:url(../img/common/ico_list_attach.png) no-repeat left bottom; width:20px; height:20px;}
.list td span.ico_attach span {position:absolute; background:#ea002c; color:#fff; font:bold 11px arial; height:17px; line-height:17px; width:17px; border-radius:20px; top:0px; right:-8px; box-sizing:border-box;}

.pagenation{z-index:-1; margin-top:12px;text-align:center}
.pagenation a,.pagenation strong{display:inline-block;padding:0 10px; height:27px; line-height:27px; color:#000; text-decoration:none; border:1px solid #fff; border-radius:30px}
.pagenation a:hover{border:1px solid #2a3141;}
.pagenation strong{background:#2a3141; border:1px solid #2a3141; color:#fff}
.pagenation a.first,.pagenation a.prev,.pagenation a.next,.pagenation a.last{width:27px; height:27px; padding:0; background:#fff url(../img/common/glyphs_page.png) no-repeat; border-radius:30px; border:1px solid #2a3141; text-indent:-10000px;}
.pagenation a.first:hover,.pagenation a.prev:hover,.pagenation a.next:hover,.pagenation a.last:hover {background:#2a3141 url(../img/common/glyphs_page.png) no-repeat; border:1px solid #2a3141;}
.pagenation a.first {background-position:8px -42px;}
.pagenation a.first:hover {background-position:-42px -42px;}
.pagenation a.prev {background-position:9px 8px;}
.pagenation a.prev:hover {background-position:-41px 8px;}
.pagenation a.next {background-position:11px -92px;}
.pagenation a.next:hover {background-position:-39px -92px;}
.pagenation a.last {background-position:8px -142px;}
.pagenation a.last:hover {background-position:-42px -142px;}

.wrap_form {margin-top:20px;}
.wrap_form table {width:100%}
.wrap_form th {background:#fbfbfb; padding:10px; border:1px solid #ddd; border-right:1px solid #024551; font-size:14px;}
.wrap_form td {border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:7px 10px; font-size:14px; line-height:140%; word-break:keep-all; box-sizing:border-box}
.wrap_form tr:first-child th, .wrap_form tr:first-child td {border-top:2px solid #024551}
.wrap_form tr:last-child th, .wrap_form tr:last-child td {border-bottom:2px solid #024551}
.wrap_form td a {background:#fff; border:1px solid #c6c6cc; padding:4px 10px; font-size:12px; vertical-align:middle; margin:0;}
.wrap_form td a.btn_inline {border:1px solid #c6c6cc;}
.wrap_form td a.btn_inline:hover {border:1px solid #ea002c}
.wrap_form td a.btn_inline_gr {color:#777;}
.wrap_form td a.btn_inline_gr:hover {border:1px solid #000; color:#000}
.wrap_form td a.file_txt {border:0; margin-right:10px; font-size:14px; padding:0}
.wrap_form td span {display:block;}
.wrap_form th:first-child, .wrap_form td:first-child {border-left:0}
.wrap_form .wrap_textarea {height:300px; resize:none; vertical-align:top}
.wrap_form textarea {height:300px; resize:none; width:100%; border:1px solid #c6c6cc; padding:5px; font-size:14px; line-height:130%; box-sizing:border-box}
.wrap_form td > input, .wrap_form td > select {width:100%;}
.wrap_form input {padding:3px 5px; border:1px solid #c6c6cc; font-size:14px; box-sizing:border-box; vertical-align:middle;}
input:required, textarea:required {background:url(../img/common/mark_essential.png) no-repeat top left}
input:focus, textarea:focus {border:1px solid #ea002c; background:#fffddd;}
.wrap_form select {height:22px; padding:0 5px;}
.wrap_form .search100 div {margin-bottom:5px; font-size:13px;}
.wrap_form .search100 input {width:96%}
.wrap_form td.wrap_srch input {width:97%;}
.wrap_form td a.ico_search {display:inline-block; background:url(../img/common/ico_search.png) no-repeat center; border:0; width:20px; height:20px; padding:0}
.wrap_form td a.ico_search:hover {background:url(../img/common/ico_search_on.png) no-repeat center;}
.bt_button {margin:10px 0; text-align:center;}
.bt_button a {display:inline-block; color:#fff; padding:8px 25px 8px; height:14px; line-height:14px; border-radius:30px; font-size:14px; font-weight:600; margin:0 3px;}
.bt_button a.btn_em {background:#ea002c;}
.bt_button a.btn_em:hover {background:#2a3141;}
.bt_button a.btn_od {background:#aaa;}
.bt_button a.btn_od:hover {background:#777;}
.list td span.s_common, .wrap_form td span.s_common {display:inline-block; padding:2px 6px; background:#fc797e; color:#fff; border-radius:3px; font-size:11px;}
.wrap_form td span.s_common {margin-right:7px;}
.wrap_form select {font-size:14px;}

.list01 {font-size:14px}
.list01 table {width:100%}
.list01 th {background:#eaf6f6; padding:10px; border-bottom:2px solid #024551; border-top:2px solid #024551; border-left:1px solid #024551; font-size:15px;}
.list01 td {border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:10px 8px; font-size:15px; line-height:140%; word-break:keep-all}
.list01 td span {display:block;}
.list01 th:first-child, .list01 td:first-child {border-left:0}
.list01 tr:last-child th, .list01 tr:last-child td {border-bottom:2px solid #024551}
.list01 tr td:first-child {text-align:center; font-weight:600; background:#f8f6f1}
.list01 li {background:url(../img/common/buls.png) no-repeat 0 -540px; padding-left:10px}
.list01 img {margin-top:30px;}
.tc td {text-align:center}
.nohead tr td:first-child {text-align:left; font-weight:500; background:#fff}
.list01 .head1 {border-bottom:0 solid #aad0d0;}
.list01 .head2 {border-top:1px solid #aad0d0; background:#f8f6f1; line-height:110%}
.tc {text-align:center!important;}
.list01 th.lt_line {border-left:1px solid #024551;}
.list02 tr td:first-child {text-align:center; border-left:1px solid #ddd; font-weight:500; background:#fff}
.list02 tr td.head2 {border-top:1px solid #aad0d0; background:#f8f6f1; border-left:none; font-weight:600; line-height:110%;}
.list02 tr.border_line td {border-top:3px double #aaa;}

.list03 tr td:first-child {text-align:center; border-left:1px solid #ddd; font-weight:500; background:#fff}
.list03 tr td.head2 {border-top:1px solid #aad0d0; background:#f8f6f1; border-left:none; font-weight:600; line-height:110%;}
.list03 tr.border_line td {border-top:3px double #aaa;}
td.bt_line {border-bottom:2px solid #024551;}
.contents .list03 td.lt {text-align:left;}


.contents .box_list {overflow:hidden; margin-bottom:-10px}
.box_list dt, .box_list dd {float:left; display:table;  padding:10px 18px; margin-bottom:10px; font-size:15px; height:65px;}
.box_list dt span, .box_list dd div {display:table-cell; vertical-align:middle}
.box_list dt {background:#ea8b4b url(../img/common/mark_dt.png) no-repeat right 4px; width:220px; margin-right:10px; border:3px solid #ea8b4b; text-align:center; color:#fff; font-weight:600; font-size:17px}
.box_list dd {background:#f1f1f1; border:3px solid #dcdcdc; width:574px; line-height:130%}
.box_list dd li {line-height:140%; background:url(../img/common/buls.png) no-repeat 0 -540px; padding-left:10px; text-align:left}
.box_list img {margin-top:30px}
.box_list dt:last-child, .box_list dd:last-child {margin-bottom:0}
.h_01 dt:first-of-type, .h_01 dd:first-of-type {height:100px}

.contact_info {border-top:2px solid #eee; padding-top:10px; margin-top:50px; font-size:15px; overflow:hidden; line-height:140%;}
.contact_info span {display:inline-block; float:left; background:#bbb; color:#fff; border-radius:50px; padding:10px 40px; margin-right:10px; font-weight:700;}
.contact_info li {float:left; margin:10px 5px; padding-right:10px; border-right:1px solid #bbb;}
.contact_info li:first-child {font-weight:700}
.contact_info li:last-child {border-right:0}

.box_process {overflow:hidden}
.box_process ul {overflow:hidden; border-top:1px solid #ccc; padding-top:10px}
.box_process li {float:left; display:table; vertical-align:middle; text-align:left}
.box_process li:nth-child(even) {width:45px;}
.box_process li:nth-child(even) b {display:inline-block; width:45px; height:100px; text-align:center; vertical-align:middle; background:url(../img/common/glyphs_gray_process.png) no-repeat center}
.box_process li img {vertical-align:middle}
.box_process li div {display:table-cell; background:#ea5d4b; font-size:15px; font-weight:700; height:100px; color:#fff; font-size:17px; line-height:130%; text-align:center; padding:0 10px; vertical-align:middle; word-break:keep-all}
.box_process li:last-child div {background:#ea002c}
.box_process li div i {display:block; font-style:normal;}
.box_process li a {color:#fff}
.box_process li a:hover {text-decoration:underline}
.box_process li a.txt_l_sm {font-size:11px; display:block;}
.layout_three li {width:266px;}
.layout_three li div {display:block; height:120px; padding:10px}
.layout_three li div i {font-size:13px; font-weight:500; height:50px; margin:10px 20px 0 20px; line-height:120%;}
.layout_three li div span {display:table-cell; background:#da331d; vertical-align:middle; height:40px; line-height:100%; border-radius:100px; width:250px; margin:10px 0; font-size:15px}
.layout_three li:last-child div span {background:#ba0023;}
.layout_three li:nth-child(even) b {height:150px}
.layout_three02 li {width:266px;}
.layout_four li {width:188px;}
.layout_five li {width:141px;}
.layout_six li {width:115px;}
.layout_six li:last-child {width:113px;}
.layout_six li:nth-child(even) {width:40px;}
.layout_six li:nth-child(even) b {width:40px}
.p_desc li div {position:relative; padding-bottom:40px;}
.p_desc li div span {display:table; width:115px; height:50px; position:absolute; bottom:0; line-height:120%; font-size:13px; background:#444; margin-left:-10px; vertical-align:middle}
.p_desc li div span i {display:table-cell; vertical-align:middle}
.p_desc li:last-child span div {width:113px}
.contents section.box_process .desc {margin-top:5px}
.contents section.box_process .desc ul {border-top:0}
.contents section.box_process .desc li {float:none; width:100%; line-height:140%}
.legend_area ul {margin-top:5px; overflow:hidden}
.legend_area li {float:left; display:block; border:2px dotted #999; border-top:0; border-bottom-style:solid; padding:7px 0 10px; height:16px; text-align:center; font-size:13px; font-weight:600}
.legend_area li:first-child, .legend_area li:last-child {width:137px}
.legend_area li:nth-child(even) {width:45px; border:0}
.legend_area li:nth-child(3) {width:509px}

.box_content div {background:#f1f1f1; border:3px solid #dcdcdc; font-weight:600; font-size:15px; padding:15px 25px}
.box_content div li {background:url(../img/common/buls.png) no-repeat 0 -540px; padding-left:10px; line-height:140%}

.winwin_ac {position:relative;}
.winwin_ac img {margin:50px 0 80px;}
.winwin_ac div {position:absolute;}
.winwin_ac div ul {width:240px; text-align:left; margin-top:7px}
.winwin_ac div li {font-size:14px; font-weight:500; background:url(../img/common/buls.png) no-repeat 4px -740px; padding:5px 0 5px 18px;}
.winwin_ac div li:first-child {margin-bottom:18px; font-size:17px; font-weight:600; background-position:0 -690px}
.winwin_ac div.lo01 {left:20px; top:10px;}
.winwin_ac div.lo02 {left:20px; top:230px;}
.winwin_ac div.lo03 {left:20px; top:470px;}
.winwin_ac div.lo04 {right:20px; top:10px;}
.winwin_ac div.lo05 {right:20px; top:230px;}
.winwin_ac div.lo06 {right:20px; top:470px;}

.box_edu_process div.box_plus {overflow:hidden; background:url(../img/common/img_plus.png) no-repeat center;}
.box_edu_process div.lt {float:left; width:400px;}
.box_edu_process div.rt {float:right; width:400px;}
.box_edu_process div h5 {background:#eaf6f6; height:20px; padding:15px 10px; text-align:center; font-size:17px; font-weight:600; margin:0; border-top:2px solid #024551; border-bottom:2px solid #024551;}
.box_edu_process ul {overflow:hidden; height:110px; background:#fff; border:20px solid #024551; border-top:0;}
.box_edu_process li {width:100%; font-size:15px; font-weight:600; margin:15px 15px 0; background:url(../img/common/buls.png) no-repeat 0 -540px; padding-left:10px; text-align:left}
.box_edu_process div span {display:block; font-size:14px; margin-top:7px; background:url(../img/common/buls.png) no-repeat 0 7px; padding-left:12px;}

.box_winwin_pay {overflow:hidden}
.box_winwin_pay ul {overflow:hidden; border-top:1px solid #ccc; padding-top:10px}
.box_winwin_pay li {float:left; display:table; vertical-align:middle; text-align:left; width:188px; margin-bottom:0; padding:0; background:none}
.box_winwin_pay li:nth-child(even) {width:45px;}
.box_winwin_pay li:nth-child(even) b {display:inline-block; width:45px; height:120px; text-align:center; vertical-align:middle; background:url(../img/common/glyphs_red_process.png) no-repeat center}
.box_winwin_pay li img {vertical-align:middle}
.box_winwin_pay li span {display:table-cell; background:#eaf6f6; border:5px solid #024551; font-size:15px; font-weight:700; height:120px; color:#024551; font-size:17px; line-height:130%; text-align:center; padding:0 10px; vertical-align:middle; word-break:keep-all}
.box_winwin_pay li:last-child span {background:#024551; color:#fff;}

.box_fairtrade div {overflow:hidden;}
.box_fairtrade div.lt {float:left; width:430px;}
.box_fairtrade div.rt {float:right; width:430px;}
.box_fairtrade div h5 {background:#eaf6f6; height:20px; padding:15px 10px; text-align:center; font-size:17px; font-weight:600; margin:0; border-top:2px solid #024551; border-bottom:2px solid #024551;}
.box_fairtrade ul {overflow:hidden; height:200px; background:#fff; border:10px solid #024551; border-top:0;}
.box_fairtrade li {font-size:15px; font-weight:600; margin:15px 20px 0 20px; background:url(../img/common/buls.png) no-repeat 0 -540px; padding-left:10px; text-align:left; box-sizing:border-box; line-height:130%;}

.box_ft_download {position:relative; background:#ff9f47; border:0; color:#fff;font-weight:600; line-height:130%; overflow:hidden; margin-top:30px;}
.contents .box_ft_download h4 {background:url(../img/main/ico_fairtrade.png) no-repeat left; font-size:15px; padding:13px 0 5px 30px; margin:7px 20px 10px; border-bottom:1px solid #ff7a00}
.box_ft_download ul {margin:0 15px;}
.box_ft_download li {float:left; width:25%; text-align:center; margin-bottom:20px;}
.box_ft_download li a {display:inline-block;; background:#ff7a00; text-align:center; width:90%; border-radius:100px; padding:12px 0; color:#fff; font-size:15px;}
.box_ft_download a:hover {background:#ea002c;}

.box_winwin_fund {position:relative; border:5px solid #024551; margin-top:60px;}
.box_winwin_fund > div {position:absolute; top:-22px; left:20px; background:#024551; color:#fff; font-size:17px; font-weight:600; padding:10px 35px; border-radius:100px;}
.box_winwin_fund > span {position:absolute; top:-30px; right:0; font-size:15px;}
.box_winwin_fund ul {overflow:hidden; margin:40px 20px 20px}
.box_winwin_fund li {float:left; display:table; vertical-align:middle; text-align:left; width:249px;}
.box_winwin_fund li:last-child {width:250px;}
.box_winwin_fund li:nth-child(even) {width:45px;}
.box_winwin_fund li:nth-child(even) b {display:inline-block; width:45px; height:195px; text-align:center; vertical-align:middle;}
.box_winwin_fund li:nth-child(2) b {background:url(../img/common/glyphs_red_plus.png) no-repeat center}
.box_winwin_fund li:nth-child(4) b {background:url(../img/common/glyphs_red_process.png) no-repeat center}
.box_winwin_fund li dt {background:#eaf6f6; height:20px; padding:15px 10px; text-align:center; font-size:17px; font-weight:600; margin:0; border-top:2px solid #024551; border-bottom:2px solid #024551}
.box_winwin_fund li dd {display:table-cell; width:249px; vertical-align:middle; background:#f7f7f7; border:10px solid #ddd; border-top:0; padding:0 10px; text-align:center; font-size:19px; font-weight:600; height:130px;}
.box_winwin_fund li dd b {display:inline-block; font-weight:600; border:1px dotted #888; width:92px; height:35px; line-height:35px; margin:5px; font-size:17px}

section.wrap_num_list {font-size:15px;}
section.wrap_num_list h4 {background:#f1f1f1; padding:0; height:50px; line-height:50px; border-bottom:1px solid #2a3141; box-sizing:border-box; margin-bottom:20px;}
.wrap_num_list h4 span {display:inline-block; width:60px; height:50px; background:#2a3141; color:#fff; text-align:center; margin-right:15px;}
.wrap_num_list table {width:100%;}
.wrap_num_list th, .wrap_num_list td {border-bottom:1px solid #024551; border-top:1px solid #024551; font-size:15px; padding:15px;}
.wrap_num_list th {background:#eaf6f6;}
.wrap_num_list td {line-height:140%; word-break:keep-all}
.wrap_num_list ol li {margin-bottom:5px;}
.wrap_num_list ul {overflow:hidden;}
.wrap_num_list ul li {width:20%; display:table; vertical-align:middle; height:100px; float:left; border:10px solid #fff; border-bottom:0; background:#ff7a00; color:#fff; padding:20px; text-align:center; font-weight:600; box-sizing:border-box;}
.wrap_num_list ul li span {display:table-cell; vertical-align:middle;}
.wrap_num_list a {display:inline-block; padding:10px 45px 10px 55px; background:#fb454d url(../img/common/glyphs_common.png) no-repeat 35px -463px; border-radius:100px; color:#fff; font-weight:600;}
.wrap_num_list a:hover {background:#ea002c  url(../img/common/glyphs_common.png) no-repeat 35px -463px;}
.wrap_num_list a.btn_txt {display:inline; padding:0; background:none; border-radius:0; color:#ea002c; font-weight:600;}
.wrap_num_list a.btn_txt:hover {background:none; text-decoration:underline;}
.wrap_num_list p span {display:block; margin-top:10px;}
.wrap_num_list img {margin:10px 0}

section.wrap_bh_list {font-size:15px;}
section.wrap_bh_list h4 {background:#f1f1f1; padding:0; height:35px; border-bottom:1px solid #7e8390; box-sizing:border-box; margin:20px 0 0 0;}
section.wrap_bh_list h4:first-child {margin-top:50px;}
.wrap_bh_list h4 span {display:inline-block; width:300px; height:45px; line-height:45px; background:#7e8390; color:#fff; text-align:center;}
.wrap_bh_list p {margin:0 10px; padding:20px 20px 15px; border:1px solid #ccc; border-top:0; font-size:14px; line-height:140%; margin-bottom:5px; background:#fff; word-break:keep-all;}
.wrap_bh_list div {margin:30px 10px 0; padding:15px 20px; font-size:15px; font-weight:600; text-align:center; line-height:140%; margin-bottom:5px; background:#5c657c; color:#fff; word-break:keep-all;}


.sitemap {overflow:hidden; padding:40px 60px}
.sitemap ul {width:100%;}
.sitemap h3 {font-size:21px; font-weight:600; margin-bottom:15px; border-bottom:2px dotted #ccc; padding-bottom:10px; text-align:left}
.sitemap h4 {font-size:17px; margin-bottom:10px;}
.sitemap li a {font-size:17px; font-weight:600; background:#f1f1f1; text-align:center; border-radius:100px; padding:10px 15px; width:92%; box-sizing:border-box; display:inline-block; font-size:15px; font-weight:500;}
.sitemap li a:hover {background:#ea002c; color:#fff}
.sitemap li {margin:0 0 50px 0; float:none; border-bottom:2px dotted #ccc; overflow:hidden; text-align:center; padding-bottom:8px; overflow:hidden}
.sitemap ul li {margin:0;}
.sitemap li ul li {width:213px; float:left; margin:0; border-bottom:0;}
.sitemap ul ul li:last-child {margin:0; padding-bottom:0;}

.wrap_pop {background:#fff; font-size:15px; box-sizing:border-box}
.wrap_pop p.intro {margin-bottom:20px; line-height:1.4em}
.wrap_pop p.intro b {color:#fb454d;}
.wrap_pop h3 {position:relative; background:#ef5a61; height:50px; line-height:50px; padding-left:30px; color:#fff; font-size:17px;}
.wrap_pop h3 a {position:absolute; display:inline-block; width:60px; height:50px; background:url(../img/main/btn_layer_w_close.png) no-repeat center; opacity:.5; right:0;}
.wrap_pop h3 a:hover {opacity:1;}
.wrap_pop h4 {font-size:17px; margin-bottom:8px; background:url(../img/common/buls.png) no-repeat 0 -592px; padding-left:12px;}
.wrap_pop h4.tit_line {margin-bottom:8px; padding-bottom:6px; border-bottom:1px solid #ccc; margin-top:20px;}
.wrap_pop section {margin:25px 30px;}
.wrap_pop p em {font-weight:600;}
.wrap_pop .box_in li {margin-bottom:10px;}
.wrap_pop .box_in input {width:100%; height:40px; padding:7px 10px; line-height:16px; border:1px solid #c6c6cc; font-size:17px; box-sizing:border-box}
.wrap_pop .box_in input:focus {border:1px solid #ea002c; background:#fffddd; outline-style:none}
.wrap_pop button {background:#d23743 ; width:100%; height:56px; line-height:56px; font-size:17px; font-weight:600; color:#fff}
.wrap_pop button:hover {background:#b11824;}
.wrap_pop .box_in table {width:100%; border-top:2px solid #024551;}
.wrap_pop .box_in table tr:last-child th, .wrap_pop .box_in table tr:last-child td {border-bottom:2px solid #024551;}
.wrap_pop .box_in table tr th:first-child {border-left:0;}
.wrap_pop .box_in th, .wrap_pop .box_in td {padding:4px 10px;}
.wrap_pop .box_in th {background:#fbfbfb; border:1px solid #ddd; border-right:1px solid #024551; font-size:13px;}
.wrap_pop .box_in td {border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:14px; line-height:140%; word-break:keep-all; box-sizing:border-box}
.wrap_pop .box_in td input {height:20px; padding:0px 6px; font-size:13px;}
.wrap_pop .box_in td input[type=checkbox] {width:13px; height:13px; vertical-align:top;}
.wrap_pop .box_in td textarea {height:70px; resize:none; width:100%; border:1px solid #c6c6cc; padding:5px; font-size:14px; line-height:130%; box-sizing:border-box}
.wrap_pop .box_in td textarea:focus {border:1px solid #ea002c; background:#fffddd;}

.wrap_pop .box_in .vop_process {overflow:hidden; margin-bottom:20px;}
.wrap_pop .box_in .vop_process li {width:25%; display:table; vertical-align:middle; height:80px; float:left; border-right:10px solid #fff; background:#ff7a00; color:#fff; text-align:center; font-weight:600; box-sizing:border-box;}
.wrap_pop .box_in .vop_process li:last-child {border-right:0;}
.wrap_pop .box_in .vop_process li em {display:block; vertical-align:middle; background:#444; padding:10px 0; font-size:14px;}
.wrap_pop .box_in .vop_process li span {display:block; margin:6px 10px 0; font-size:13px;}
.wrap_pop .box_in .attach_list {height:60px;}



.desc {font-size:13px; margin-top:10px; text-align:left}
.desc02 {font-size:15px; margin-top:10px; text-align:left; background:url(../img/common/buls.png) no-repeat 0 -834px; padding-left:10px;}
section.tab {text-align:center; margin:30px 0;}
section.tab ul {display:inline-block;}
section.tab li {float:left;}
section.tab li.on a {color:#ea002c;}
section.tab li a {font-size:17px; font-weight:600; border-right:1px solid #ccc; padding:0 20px;}
section.tab li:last-child a {border-right:0;}

.wrap_acc {width:100%;}
.wrap_acc .title {padding: 0;margin: 0;}
.wrap_acc .content {margin:0 10px; padding:20px; border:1px solid #888; border-top:1px dashed #ccc; font-size:14px; line-height:140%; margin-bottom:5px; background:#fff url(../img/common/mark_faq_answer.png) no-repeat 20px center; padding-left:60px;}
.wrap_acc .title > a {display:block; padding:15px 0; font-size:15px; text-indent:20px; color:#999; height:18px; line-height:18px; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:5px solid #fff; font-weight:500; margin-top:-1px;}
.wrap_acc .title > a:hover {color:#000;}
.wrap_acc .title > a.selected {background:#fff; border-top:1px solid #888; color:#000; border-left:5px solid #ea002c; border-right:1px solid #888; border-bottom:0; box-shadow:#c5c5c5 0 4px 6px; font-weight:600;}

.attach_file {position:relative; padding-top:5px; margin-bottom:3px;line-height:normal; min-height:70px;}
.wrap_form td .attach_file span {display:inline-block;}
.attach_check {position:relative; border-bottom:1px solid #eee; font-size:11px; color:#666; height:15px; line-height:15px; padding:0 0 9px; margin-bottom:3px;}
.attach_check a.btn_inline , .attach_check a.btn_inline_gr {background:url(../img/common/icons_attach.png) no-repeat; padding:2px 4px 2px 17px; font-size:11px; border:1px solid #c6c6cc}
.attach_file .attach_check a.btn_inline_gr:hover {border:1px solid #000; color:#000}
.attach_check a.btn_inline:hover, .attach_check a.btn_inline_gr:hover {border:1px solid #ea002c}
.attach_check a.file_add {background-position:4px 4px}
.attach_check a.up {background-position:4px -34px}
.attach_check a.down {background-position:4px -74px}
.attach_check a.delete {background-position:4px -116px}
.attach_check a.all_download {background-position:4px -156px}
.attach_file label {padding:0; margin:0;}
.attach_file input {margin-right:4px; vertical-align:middle; padding:0; margin-top:2px;}
.attach_file .attach_list ul li {position:relative; margin:0 0 1px; height:15px; line-height:15px; margin:0 0 5px; font-size:12px;}
.attach_file .attach_list ul li span {position:absolute; right:0; font-size:11px; color:#666}
.attach_file .attach_list ul li a {border:0; padding:0; background:none;}
.attach_file .attach_list ul li img {margin:0 4px 0 2px; vertical-align:middle;}
.attach_file .attach_list .file_drag {font-size:11px; text-align:center;}
.attach_file .attach_list .file_drag span {display:inline-block; width:300px; padding:20px 0; background:url(../img/common/ico_file_drag.png) no-repeat 0 10px;}
.attach_check .file_txt {color:#999; margin-left:4px}
.attach_file .file_size {display:inline; margin-left:7px; position:absolute;right:0; color:#666}
.attach_file .wrap_p_bar {position:absolute; top:50%; left:50%; margin-left:-150px; margin-top:-40px; background:rgba(0,0,0,.7); width:300px; height:80px; z-index:3; padding:10px 20px 0; box-sizing:border-box; border-radius:5px; box-shadow:#c5c5c5 0 3px 5px;}
.attach_file .wrap_p_bar .p_desc {font-size:11px; color:#fff; position:relative;}
.attach_file .wrap_p_bar .p_desc .perc {position:absolute; right:0;}
.attach_file .wrap_p_bar .p_desc .perc em {font-weight:800; color:#ffbd20}
.attach_file .wrap_p_bar .p_bar {border:2px solid #fff; border-radius:50px; height:12px; margin-top:7px; line-height:0; font-size:0; box-sizing:border-box}
.attach_file .wrap_p_bar .p_bar span {display:inline-block; background:#ff7a00; height:8px; border-radius:50px; box-sizing:border-box; margin:0; line-height:0; font-size:0; box-shadow:#c25d00 0 1px 0 inset}
.attach_file .wrap_p_bar .bt_button {margin-top:8px;}
.attach_file .wrap_p_bar .bt_button a {display:inline-block; padding:0 7px; border-radius:4px; height:17px; line-height:17px; font-size:11px; background:#aaa; border:none; color:#000; margin:0; border:0}
.attach_file .wrap_p_bar .bt_button a:hover {background:#fff;}
.box_in .attach_file {margin:0;}

#container .wrap_full {overflow:hidden; padding:0 60px; min-height:500px; margin:0; line-height:130%; font-size:14px;}
#container .wrap_full .srch_form {background:#f8f8f8 url(../img/common/line_page_title.png) no-repeat left top; margin-top:30px;}
#container .wrap_full  h2 {position:relative; font-size:23px; line-height:140%; margin:40px 0 40px; padding:10px 0 10px; border-bottom:1px solid #666}
#container .wrap_full  h2 span {position:absolute; right:0; font-size:15px;}
#container .wrap_full  h2 span em {font-weight:600; color:#fb454d;}
#container .wrap_full .wrap_srch_result {margin-bottom:80px;}
#container .wrap_full .srch_result {position:relative; border-bottom:1px dotted #000; line-height:1.4em; margin-top:50px;}
#container .wrap_full .srch_result h3 {font-size:17px; margin:15px 0 20px; padding:0 0 10px 38px; border-bottom:1px dotted #000; background:url(../img/common/ico_srch_list.png) no-repeat 10px 3px;}
#container .wrap_full .srch_result li a {display:inline-block; margin:0 40px; color:#555;max-height:38px;overflow: hidden;}
#container .wrap_full .srch_result li a:hover {color:#000; text-decoration:underline;}
#container .wrap_full .srch_result .srch_bc {margin:10px 40px 20px; padding:0 0 15px; font-weight:600; border-bottom:1px solid #e1e1e1; color:#fb454d}
#container .wrap_full .srch_result li:last-child .srch_bc {border-bottom:0; padding-bottom:0}
#container .wrap_full .srch_result a.more {position:absolute; right:0; top:0px; font-size:14px; font-weight:600;}
#container .wrap_full .srch_result .no_result {text-align:center; margin:100px 0;}
#container .wrap_full .srch_result .no_result span {display:inline-block; padding:23px 0 23px 90px; font-size:17px; text-align:left; width:300px; background:url(../img/main/img_or_error.png) no-repeat;}
#container .wrap_full .srch_result .no_result span em {font-weight:600; color:#fb454d;}

.wrap_p_bar {position:absolute; top:50%; left:50%; margin-left:-250px; margin-top:-65px; background:rgba(0,0,0,.7); width:500px; height:130px; z-index:3; padding:20px 30px 0; box-sizing:border-box; border-radius:5px; box-shadow:#c5c5c5 0 3px 5px;}
.wrap_p_bar .p_desc {font-size:15px; color:#fff; position:relative;}
.wrap_p_bar .p_desc .perc {position:absolute; right:0;}
.wrap_p_bar .p_desc .perc em {font-weight:800; color:#ffbd20}
.wrap_p_bar .p_bar {border:3px solid #fff; border-radius:50px; height:21px; margin-top:10px; line-height:0; font-size:0; box-sizing:border-box}
.wrap_p_bar .p_bar span {display:inline-block; background:#ff7a00; height:15px; border-radius:50px; box-sizing:border-box; margin:0; line-height:0; font-size:0; box-shadow:#c25d00 0 1px 0 inset}
.wrap_p_bar .bt_button {margin-top:15px;}
.wrap_p_bar .bt_button a {display:inline-block; padding:0 20px; border-radius:4px; height:25px; line-height:25px; font-size:13px; background:#aaa; border:none; color:#000; margin:0; border:0}
.wrap_p_bar .bt_button a:hover {background:#fff;}




/* 완료 후 삭제 */
section.under_con {display:table; overflow:hidden}
section.under_con div {background:#f7f7f7; display:table-cell; width:888px; height:800px; vertical-align:middle; text-align:center; font-size:30px}