@charset "utf-8";

/* ========== common ========== */
h2 {font-size: 20px; margin: 0; color: #333; font-weight: 600; display: inline-block;}
.sub_title {font-size: 14px; color: #333; margin-left: 2px}
.title_box {margin-bottom: 20px; background-color: #fff; padding: 15px 10px}
.more {border: 1px solid #d4d4d4; margin: 15px 0 0; display: block; text-align: center; padding: 10px 0; border-radius: 2px;}
.more span {background: url(../../images/sub/more_btn.png) no-repeat left center; padding-left: 18px; font-size: 15px; color: #999;}
.more:hover {background-color: #ee3941; border: 1px solid #ee3941}
.more:hover span {background: url(../../images/sub/more_btn_hover.png) no-repeat left center; color: #fff; }
.dot {background: url(../../images/sub/join_icon.png) no-repeat left 13px; text-indent: 12px;}
input {vertical-align: middle; box-shadow: none; -webkit-border-radius:1px; -webkit-appearance:none; border-radius: 2px}
input[type="checkbox"] {width: 25px !important; height: 25px !important; background-color: #fff; margin: 0; border-radius: 2px !important; border: 1px solid #999}
input[type="checkbox"]:checked {background: #ee3941; border: 1px solid #ee3941 !important}
input[type="radio"] {width: 25px !important; height: 25px !important; background-color: #fff; margin: 0; border-radius: 50% !important; border: 1px solid #999}
input[type="radio"]:checked {background: #ee3941; border: 1px solid #ee3941 !important}
.btn {background-color: #ee3941; font-size: 18px; width: 50%; height: 55px; line-height: 55px; display: block; color: #fff; border-radius: 2px; text-align: center; margin: 0 auto; }
.btn1 {background-color: #fff; font-size: 18px; width: 50%; height: 53px; line-height: 55px; display: block; color: #fff; border-radius: 2px; text-align: center; margin: 0 auto; border: 1px solid #ee3941; color: #ee3941;}
textarea {box-shadow: none; -webkit-border-radius:1px; -webkit-appearance:none; border-radius: 2px; border: 1px solid #999}
.web {display: none !important;}
#container {overflow: hidden}
.img_radius {-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}

/* ========== menu ========== */
.snap-content {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; z-index: 2; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.snap-drawers { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto;}
.snap-drawer {position: absolute; top: 0; right: auto; bottom: 0; left: auto; width: 265px; height: auto; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -ms-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease;}
.snap-drawer-left {left: 0; z-index: 1;}
.snapjs-left .snap-drawer-right,
.snapjs-right .snap-drawer-left {display: none;}
.snapjs-expand-left .snap-drawer-left,
.snapjs-expand-right .snap-drawer-right {width: 100%;}
.snapjs-right .snap-drawer-left {display: block; right: 0; left: auto;}
.snapjs-right .snap-drawer-right {display: none;}
.snapjs-expand-left .drawer-inner,
.snapjs-expand-right .drawer-inner {opacity: 0;}
.snap-content {background: #eeeeee;}
.snap-drawers {background: #fff;}
.snap-drawer {background: #fff; color: #eee;}
.snap-drawer ul {padding: 0; margin: 0; list-style-type: none;}
.snap-drawer li > a {display: block; border-bottom: 1px solid #e1e1e1; padding: 15px; text-decoration: none; color: #333; text-indent: 15px; font-size: 14px;}
.snap-drawer ul ul li {background: #f6f6f4}
.snap-drawer ul ul li a {color: #777}
.snap-drawer .nav_top {background-color: #596476}
.snap-drawer .nav_top span:after {content: ""; display: block; clear: both; zoom: 1}
.snap-drawer .nav_top a {background-color: #424b5a; display: block; height: 50px; float: left; margin-left: 1px; text-align: center; color: #fff; line-height: 50px; font-size: 14px;}
.snap-drawer .nav_top a img {border-radius: 50%; width: 35px; height: 35px; margin-right: 5px;}
.snap-drawer .nav_top a:first-child {margin-left: 0;}
.snap-drawer .mlogin a {width: 132px;}
.snap-drawer .mlogout a {width: 100%; text-align: left; text-indent: 15px;}

/* ========== header ========== */
#header {position: relative; height:50px; background-color:#ee3941;}
#header h1 {width: 84px; height: 22px; background: url(../images/header/h1_logo.png) no-repeat; background-size:cover; position: absolute; left:50%; margin-left:-42px; top:13px; text-indent:-999999px}
#header h1 a {width: 84px; height: 22px; display:block;}
#header > a {position: absolute; display: block; text-indent: -9999px;}
#header #open-left {background:url(../images/header/btn_nav.png) no-repeat; left:10px; top:15px; background-size:cover; width:21px; height:21px;}
#header .btn_mypage {background:url(../images/header/btn_mypage.png) no-repeat; right:10px; top:15px;  background-size:cover; width:21px; height:21px}
#header .btn_nav a, #header .btn_mypage a{width:21px; height:21px;}


.btn_box .btn {background-color: #ee3941; font-size: 18px; width: 200px; height: 65px; line-height: 65px; display: block; color: #fff; border-radius: 2px; text-align: center; margin: 10px auto 0;}
.social {position: absolute; bottom: 10px; width: 100%; text-align: center}
.social li {margin-left: 5px; display: inline-block}
.social li:first-child {margin-left: 0;}
.social li a {display: block; width: 30px; height: 30px; background-position: center; background-repeat: no-repeat; text-indent: -9999px;}
.social li.col1 a {background-image: url(../../images/order/order_facebook.png)}
.social li.col2 a {background-image: url(../../images/order/order_twitter.png)}
.social li.col3 a {background-image: url(../../images/order/order_print.png)}


/* ========== slide ========== */
.slide_wrap {position: relative;}
.slide_wrap .slider_tabs {position: absolute; bottom: 20px; width: 100%; text-align: center; z-index: 9999;}
.slide_wrap .slider_tabs li {display: inline-block; margin: 0 3px}
.slide_wrap .slider_tabs li a {display: inline-block; width: 10px; height: 10px; background-color: none; border: 2px solid #fff;  text-indent: -9999px; border-radius: 50%}
.slide_wrap .slider_tabs li.slider_here a {background-color: #fff;}
#slide {width: 100%}
#slide:after {content: ""; display: block; clear: both; zoom: 1;}
#slide li {width: 100%}
#slide li a {display: block; width: 100%}
#slide img {width: 100%}


/* ========== main content ========== */
.mlist {margin: 20px 10px;}
.mlist:after {content: ""; display: block; clear: both; zoom: 1;}
.mlist li {float: left; width: 49%; margin-left: 2%; text-align: center;}
.mlist li:first-child {margin-left: 0;}
.mlist li a {background-color: #fff; line-height: 45px; display: block; font-weight: 600; font-size: 16px; color: #666}
.mlist li.ui-state-active a {background-color: #ee3941; color: #fff;}

#sponsor {margin: 0 10px;}
#sponsor .select {width: 100%; font-size: 14px; line-height: 20px; margin-top: 30px;}
.sponsor_list:after {content: ""; display: block; clear: both; zoom: 1;}
.sponsor_list li {border: 1px solid #d7dce3; border-radius: 2px; background-color: #fff; margin-top: 15px}
.sponsor_list li:hover {box-shadow: 0px 0px 12px 0px #f2f2f2}
.sponsor_list li a.spon_wrap {display: block; padding-bottom: 5px;}
.sponsor_list li .img_box {position: relative; display: block; width: 100%; overflow: hidden; border-radius: 2px 2px 0 0;}
.sponsor_list li .img_box em {position: absolute; bottom: 0; right: 0; font-size: 12px; display: block; line-height: 27px; padding: 0 10px; color: #fff;}
.sponsor_list li .img_box img {width: 100%;}
.sponsor_list li .text_box {margin: 15px; display: block;}
.sponsor_list li .text_box strong {margin-bottom: 10px; font-size: 16px; color: #000; line-height: 18px; display: block; text-align: justify}
.sponsor_list li .text_box > p {font-size: 14px; color: #333; line-height: 18px; text-align: justify}
.sponsor_list li .info {display: block; margin-top: 5px;}
.sponsor_list li .info .line {position: relative; width: 100%; height: 11px; display: inline-block; background-color: #e2e2e2; border-radius: 6px}
.sponsor_list li .info .line span {display: inline-block; position: absolute; height: 11px; width: 100%; left: 0; top: 0; z-index: 10}
.sponsor_list li .info .line span em {display: inline-block; height: 11px; position: absolute; z-index: -1; width: 50%; left: 0; top: 0; border-radius: 6px}
.sponsor_list li .info p {margin: 10px auto 0;}
.sponsor_list li .info p:after {content: ""; display: block; clear: both; zoom: 1;}
.sponsor_list li .info p span {line-height: 24px}
.sponsor_list li .info .percent,
.sponsor_list li .info .day {font-size: 16px; color: #666; float: left; margin-right: 10px;}
.sponsor_list li .info .price {color: #333; font-size: 20px; float: right}
.sponsor_list li .project1 em {background-color: #5f609a}
.sponsor_list li .project2 em {background-color: #fc8840}
.sponsor_list li .project3 em {background-color: #28a9b4}
.sponsor_list li .profile {border-top: 1px solid #e7e7e7; padding: 10px 15px;}
.sponsor_list li .profile:after {content: ""; display: block; clear: both; zoom: 1;}
.sponsor_list li .profile a {font-size: 14px; color: #666; float: left}
.sponsor_list li .profile a span {width: 32px; height: 32px; display: inline-block; position: relative; margin-right: 5px; vertical-align: -10px}
.sponsor_list li .profile a span img {display: inline-block; position: absolute; z-index: 10; top: 0; left: 0; border-radius: 50%;}
.sponsor_list li .profile p {float: right; height: 32px;}
.sponsor_list li .profile p span {line-height: 34px; font-size: 12px; color: #999; margin-left: 15px; display: inline-block; padding-left: 25px;}
.sponsor_list li .profile p span.comment {background: url(../../images/sponsor/comment_icon.png) no-repeat left 8px;}
.sponsor_list li .profile p span.share {background: url(../../images/sponsor/share_icon.png) no-repeat left 8px;}

.project_list li {margin-top: 15px;}
.project_list a {display: block; border: 1px solid #d7dce3; border-radius: 2px;}
.project_list img {width: 100%;}

#project {margin: 0 10px;}
#project .project_list > li {margin-top: 20px; padding-top: 20px; border-top: 1px solid #c9c9c9}
#project .project_list > li:after {content: ""; display: block; clear: both; zoom: 1;}
#project .project_list > li:first-child {margin-top: 0; padding-top: 0; border-top: none;}
#project .project_list > li .img_box {position: relative;}
#project .project_list > li .img_box a {display: block}
#project .project_list > li .img_box a img {width: 100%;}
#project .project_list > li .img_box > img {position: absolute; top: 0; left: 0; width: 20%;}
#project .project_list > li .text_box {padding: 15px 10px;}
#project .project_list > li .text_box strong {font-size: 20px; color: #333; line-height: 24px; font-weight: 400}
#project .project_list > li .text_box ul {margin-top: 10px;}
#project .project_list > li .text_box li {margin-top: 5px;}
#project .project_list > li .text_box li:first-child {margin-top: 0;}
#project .project_list > li .text_box li dl:after {content: ""; display: block; clear: both; zoom: 1;}
#project .project_list > li .text_box dl dt {float: left; padding: 0 10px; background-color: #686ab0; border-radius: 10px; color: #fff; font-size: 13px; line-height: 22px; height: 20px;}
#project .project_list > li .text_box dl dd {float: left; margin-left: 10px; font-size: 14px; line-height: 20px; color: #666}
#project .project_list > li .text_box p {display: inline-block; margin-top: 15px; font-size: 14px; color: #333; line-height: 20px;}

.project_menu {margin: 0 0 20px}
.project_menu:after {content: ""; display: block; clear: both; zoom: 1;}
.project_menu li {float: left; margin-left: 2%; width:32%;}
.project_menu li:first-child {margin-left: 0;}
.project_menu li a {display: block; background-color: #fff; font-size: 14px; color: #666; border-radius: 2px; line-height: 40px; text-align: center;}
.project_menu li.on a, 
.project_menu li.ui-state-active a {background-color: #ee3941; color: #fff;}

#project_view img {width: 100%}
#project_view .btn_wrap {background-position: center; background-repeat: no-repeat; position: relative; padding: 25px 0 35px}
#project_view .btn_wrap .social {bottom: 0;}
#project_view .btn_wrap .btn_box {top: 50px; display: block}
#project_view .btn_wrap .btn_box a {display: block; background-color: #5d3820; margin-bottom: 10px; color: #fff; font-size: 16px; width: 100%; max-width: 200px; margin: 0 auto 10px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center}
#project_view .btn_wrap .btn_box a.list_btn {background: none !important; border: 1px solid #5d3820; color: #5d3820; width: 198px; height: 48px;}

#sponsor_view {margin: 0 10px;}
#sponsor_view .content h4 {font-size: 22px; color: #333; line-height: 28px; display: block; margin-bottom: 20px; font-weight: normal}
#sponsor_view .content .profile {background-color: #f8f8f8; border: 1px solid #eee; padding: 10px; margin-top: 30px;}
#sponsor_view .content .profile:after {content: ""; display: block; clear: both; zoom: 1;}
#sponsor_view .content .profile a {display: block;}
#sponsor_view .content .profile .img_box {float: left; margin-right: 20px;}
#sponsor_view .content .profile .text_box {float: left; margin: 8px 0;}
#sponsor_view .content .profile .text_box span {font-size: 18px; color: #333; padding-right: 10px; font-weight: normal}
#sponsor_view .content .profile .text_box strong {margin-bottom: 5px; display: block; font-size: 14px; color: #333;}
#sponsor_view .content .profile .text_box a {font-size: 12px; color: #666; letter-spacing: 0}
#sponsor_view .content .profile img {border-radius: 50%}
#sponsor_view .content .btn {margin: 30px 0 0; text-align: center}
#sponsor_view .content .btn a {display: inline-block; background-color: #ee3941; color: #fff; font-size: 16px; width: 100%; max-width: 250px; height: 60px; line-height: 60px; border-radius: 2px}
#sponsor_view .content .btn img {vertical-align: -2px; margin-right: 5px;}
#sponsor_view .content .sponsor_con {position: relative;background-color: #fff;padding:7px; }
#sponsor_view .content .sponsor_con img {max-width: 100%}

#sponsor_view .map {padding: 0 !important; margin-top: 20px; position: relative; background-color: #fff}
#sponsor_view .map .title {padding: 20px 20px 0; display: block; color: #333; font-size: 14px;}
#sponsor_view .map .title img {vertical-align: -5px; margin-right: 5px;}
#sponsor_view .map dl {padding: 10px 20px 45px; font-size: 14px; }
#sponsor_view .map dt {float: left; width: 40%; color: #666; line-height: 30px}
#sponsor_view .map dd {color: #999; line-height: 30px; height: 30px; text-align: right; font-size: 14px;}
#sponsor_view .map div.minfo {position: absolute; bottom: 20px; right: 20px; color: #666; font-size: 12px; line-height: 12px;}
#sponsor_view .map div.minfo a {display: inline-block; width: 15px; height: 15px; border-radius: 8px; background-color: #999; vertical-align: middle; color: #fff; text-align: center; line-height: 15px; margin-bottom: 3px}
#sponsor_view .map div.minfo span {display: block; width: 200px; background: #ddd; padding: 10px; position: absolute; right: 0; z-index: 9999}


#sponsor_view .takepart {margin-top: 20px; position: relative; background-color: #fff; padding: 20px}
#sponsor_view .takepart span {position: absolute; right: 20px; top: 20px; font-size: 14px; color: #333;}
#sponsor_view .takepart strong {margin-bottom: 20px; display: block; color: #333; font-size: 18px;}
#sponsor_view .takepart .number {color: #666; font-size: 14px; display: block; margin: 10px 0 20px;}
#sponsor_view .takepart .number em {color: #ee3941; font-family: 'Noto Sans';}
#sponsor_view .takepart ul {margin-left: 1px; margin-bottom: 10px;}
#sponsor_view .takepart li:first-child {margin-top: 0;}
#sponsor_view .takepart li a {display: block;}
#sponsor_view .takepart li img {margin-right: 10px; border-radius: 50%;}
#sponsor_view .takepart li span {color: #333; font-size: 14px}
#sponsor_view .takepart > ul {position: absolute; top: 0; left: -1px; width: 258px}
#sponsor_view .takepart > ul > li {float: left; width: 50%; background-color: #f6f6f6; height: 45px;  text-align: center; color: #666;}
#sponsor_view .takepart > ul > li.ui-state-active {background-color: #fff; color: #333;}
#sponsor_view .takepart > ul > li strong {line-height: 45px;}
#sponsor_view .takepart div {text-align: left;}
#sponsor_view .takepart div a {font-size: 12px; color: #999}
#sponsor_view .takepart div a.on,
#sponsor_view .takepart div a:hover {color: #ee3941;}


.percent_wrap {padding: 0; background: #fff; border-radius: 2px; margin-bottom: 10px;}
.percent_wrap > div {padding: 15px 10px;}
.percent_box {position: relative}
.percent_box a {display: block;}
.percent_box a > span {display: block; text-align: center; }
.percent_box .heart_img {background-repeat: no-repeat; background-position: center 3px; display: block; width: 115px; margin: 0 auto;}
.percent_box .img100 {background-color: #78c5b6}
.percent_box .img90 {background-image: url(../../images/sponsor/percent_img90.png); background-color: #cbe8dd}
.percent_box .img80 {background-image: url(../../images/sponsor/percent_img80.png); background-color: #cbe8dd}
.percent_box .img70 {background-image: url(../../images/sponsor/percent_img70.png); background-color: #cbe8dd}
.percent_box .img60 {background-image: url(../../images/sponsor/percent_img60.png); background-color: #cbe8dd}
.percent_box .img50 {background-image: url(../../images/sponsor/percent_img50.png); background-color: #cbe8dd}
.percent_box .img40 {background-image: url(../../images/sponsor/percent_img40.png); background-color: #cbe8dd}
.percent_box .img30 {background-image: url(../../images/sponsor/percent_img30.png); background-color: #cbe8dd}
.percent_box .img20 {background-image: url(../../images/sponsor/percent_img20.png); background-color: #cbe8dd}
.percent_box .img10 {background-image: url(../../images/sponsor/percent_img10.png); background-color: #cbe8dd}
.percent_box .img00 {background-image: url(../../images/sponsor/percent_img00.png); background-color: #cbe8dd}
.percent_box .heart_img span {position: absolute; top: 40px; display: block; text-align: center; width: 100%; left: 0; text-indent: 10px; font-size: 36px; color: #333;}
.percent_box .heart_img em {font-size: 20px; vertical-align: top; line-height: 52px;}
.percent_box .price {font-weight: 500; font-size: 35px; color: #333; margin-top: 10px;}
.percent_box .price em {font-size: 22px;}
.percent_box .price_aim {color: #333; font-size: 18px; display: block; font-weight: 400}
.percent_box .price_aim em {font-weight: 400}
.percent_wrap .dday {border-top: 1px solid #e1e1e1; text-align: center; 0}
.percent_wrap .dday p {display: inline-block;}
.percent_wrap .dday span,
.percent_wrap .dday em {font-weight: 500; font-size: 26px; color: #333;}
.percent_wrap .dday em {margin-right: 10px;}
.percent_btn {text-align: center; display: block; margin-top: 20px;}
.percent_btn:after {content: ""; display: block; clear: both; zoom: 1;}
.percent_btn a {display: inline-block; border-radius: 2px; color: #fff; margin-top: 10px; height: 32px; line-height: 32px; font-size: 16px; width: 125px; }
.percent_btn a img {vertical-align: middle; margin-right: 5px;}
.percent_btn .btn1 {background-color: #ee3941; font-size: 18px; width: 100%; height: 50px; line-height: 50px;}
.percent_btn .btn2 {background-color: #2ca7e0; float: right; font-size: 14px; width: 49%; height: 40px; line-height: 40px;}
.percent_btn .btn3 {background-color: #486caa; float: left; font-size: 14px; width: 49%; height: 40px; line-height: 40px}


.join_tab {padding: 10px; background-color: #fff; margin: 0 10px;}
.join_tab input {border: 1px solid #999; border-radius: 2px; height: 30px; font-size: 14px; color: #666; text-indent: 10px; }
.join_tab select {height: 32px;}
.join_tab .join_box > ul > li {margin-top: 10px;}
.join_tab .join_box > ul > li p {color: #595a92 !important} 
.join_tab .join_box > ul > li:after {content: ""; display: block; clear: both; zoom: 1;}
.join_tab .join_box > ul > li:first-child {margin-top: 0;}
.join_tab .join_box > ul > li > span {display: block; line-height: 35px; font-weight: 600}
.join_tab .join_box > ul > li > div {font-size: 15px; color: #333;}
.join_tab .join_box > ul > li > div label {line-height: 20px; display: inline-block}
.join_tab .join_box > ul > li input {font-size: 14px; color: #666; border: 1px solid #999}
.join_tab .join_box > ul > li.name input {width: 99.5%;}
.join_tab .join_box > ul > li.eng input {width: 48%; float: right}
.join_tab .join_box > ul > li.eng input:first-child {float: left}
.join_tab .join_box > ul > li.birth select {width: 32%; float: left; margin-left: 2%}
.join_tab .join_box > ul > li.birth select:first-child {margin-left: 0}
.join_tab .join_box > ul > li.birth div:after {content: ""; display: block; clear: both; zoom: 1;}
.join_tab .join_box > ul > li.mail input {width: 35%; display: inline-block;}
.join_tab .join_box > ul > li.mail div > a {display: block; border: 1px solid #e2373f; color: #e2373f; font-size: 14px; line-height: 30px; height: 30px; border-radius: 2px; width: 20%; text-align: center; float: right; margin-left: 6px;}
.join_tab .join_box > ul > li.mail div > p {display: block; clear: both; font-size: 12px; color: #8e8c8c; margin-top: 5px;;}
.join_tab .join_box > ul > li.phone .select {float: left; width: 32%;}
.join_tab .join_box > ul > li.phone input {float: left; width: 31%; margin-left: 2%;}
.join_tab .join_box > ul > li.text {height: auto;}
.join_tab .join_box > ul > li.text span {line-height: 20px}
.join_tab .join_box > ul > li.text textarea {resize: none; border: 1px solid #999; border-radius: 4px; height: 60px; font-size: 14px; color: #666; padding: 5px;}
.join_tab .join_box > ul > li.pass input {float: left; margin-right: 10px;}
.join_tab .join_box > ul > li.mail > a {display: inline-block; border: 1px solid #e2373f; color: #e2373f; font-size: 14px; line-height: 34px; height: 34px; border-radius: 4px; width: 61px; text-align: center; float: left}
.join_tab .join_box > ul > li.pass a:hover {background-color: #e2373f; color: #fff;}
.join_tab .join_box > ul > li.pass_check p {display: block; clear: both; font-size: 12px; color: #8e8c8c; margin-top: 5px;;}
.join_tab .join_box > ul > li.pass_check input {width: 99.5%;}
.join_tab .join_box > ul > li.basic input {width: 100%}
.join_tab .join_box > ul > li.check {margin-top: 20px; padding-top: 15px; border-top: 1px solid #e8e8e8}
.join_tab .join_box > ul > li.check label {color: #999; font-size: 12px; line-height: 18px; display: inline-block; margin-bottom: 5px; font-size: 14px}
.join_tab .join_box > ul > li.check a {font-weight: bold; color: #333;}
.join_tab .join_box > ul > li.check a:hover {color: #e2373f}
.join_tab .join_box > ul > li.check input {margin-right: 5px;}
.join_tab .join_box > ul > li.nation .sbHolder {margin-right: 10px;}
.join_tab .join_box > ul > li.info_text {font-weight: bold}
.join_tab .join_box > ul > li.info_text a {color: #e2373f}
.join_tab .btn {margin: 10px auto 20px;}


#join_end {padding: 30px 10px 10px; background-color: #fff; text-align: center; margin: 0 10px;}
#join_end strong {font-size: 24px; color: #333; display: block; margin-bottom: 15px; margin-top: 15px;}
#join_end p {line-height: 20px; font-size: 14px; display: block; margin-bottom: 20px;}
#join_end a {margin-bottom: 20px; display: block; color: #999}
#join_end a.btn {color: #fff;}
#join_end .btn_wrap {display: block; margin-top: 30px; border-radius: 4px;}
#join_end .btn_wrap a {border: 1px solid #595a92; color: #595a92; padding: 10px 0; width: 120px; text-align: center; display: inline-block; border-radius: 4px;}
#join_end .btn_wrap a:hover {background-color: #595a92; color: #fff;}

#revise {margin-top: 20px;}


#login {padding: 30px 10px 10px; background-color: #fff; text-align: center; margin: 0 10px;}
#login input {height: 45px; line-height: 45px; font-size: 14px; color: #666; border: 1px solid #999; display: block; width: 80%; text-indent: 10px; margin: 0 auto 10px;}
#login span {display: block; width: 100%; margin: 20px auto}
#login span a.btn1 {width: 49.5%; margin-top: 10px;}
#login > a {width: 70%; margin-top: 25px;}
#login > a.btn_face {margin-top: 10px;}
#login p {color: #999; font-size: 14px; display: block; margin-bottom: 15px;}
#login p.sub_title {font-size: 16px;}
#login .save {width: 80%; margin: 0 auto; color: #999; font-size: 16px; line-height: 24px; text-align: left}
#login .save input {float: left; margin-right: 5px; vertical-align: middle; margin-bottom: 0}
#login .save a {float: right}


#profile {text-align: center; padding: 30px 0; background-color: #fff}
#profile div {position: relative; margin: 0 auto 20px; }
#profile div > img {border-radius: 50%;}
#profile strong {font-weight: bold; font-size: 22px; display: block; margin: 15px 0 5px; color: #333}
#profile span {font-size: 18px; color: #333;}
#profile .btn {margin-top: 10px;}

#spon_list {text-align: center; padding: 30px 0; background-color: #fff; }
#spon_list .list_box {width: 80%; padding: 80px 0; background: url(../images/sponsor/spon_list_bg.png) no-repeat center; background-size: contain; margin: 0 auto;}
#spon_list .list_box span {display: block; color: #fff; font-size: 18px;}
#spon_list .list_box strong {display: block; color: #fff; font-size: 18px;}
#spon_list .list_box strong em {font-size: 34px; margin-right: 5px; font-weight: 400}
#spon_list .list_box span.date {font-size: 16px;}

.mypage {margin: 0 10px;}
.mypage > p {margin-top: 20px; font-weight: 500; font-size: 16px}
.mypage > p span {color: #ee3941}
.mypage .sponsor_list li {margin-top: 10px}

.member_list {}
.member_list .top_con {text-align: center; margin: 20px 10px;}
.member_list .top_con strong {font-size: 20px; color: #333; display: block; margin-bottom: 10px;}
.member_list .top_con p {font-size: 16px; color: #666; line-height: 24px;}
.member_list .list_con {padding: 0 10px;}
.member_list .list_con > div:after {content: ""; display: block; clear: both; zoom: 1;}
.member_list .list_con > div span {font-size: 14px; color: #333;}
.member_list .list_con > div span a {float: right; background-color: #ee3941; height: 34px; line-height: 34px; width: 15%; color: #fff; border-radius: 4px; margin-left: 5px; text-align: center}
.member_list .list_con table {text-align: center; border-bottom: 1px solid #e1e1e; border-right: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; width: 100%; margin-top: 15px; background-color: #fff;}
.member_list .list_con table thead th {background-color: #414b57; color: #fff; font-size: 18px; height: 30px;}
.member_list .list_con table tbody tr:first-child td {font-size: 16px;}
.member_list .list_con table th,
.member_list .list_con table td {border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; vertical-align: middle; font-size: 14px; color: #333; padding: 10px}
.member_list .list_con table th {background-color: #f7f7f7;}
.member_list .list_con table .price th {font-size: 16px; font-weight: 400}
.member_list .list_con table .price em {color: #ee3941; font-size: 20px; margin-right: 3px; }
.member_list .list_con input { width: 30%; border: 1px solid #666; margin-right: 5px; line-height: 32px; height: 30px; font-size: 14px; color: #333; text-indent: 5px}


/* reply */
.reply {margin: 50px 10px 0;}
.reply .reply_write {margin-bottom: 15px;}
.reply .reply_write:after {content: ""; display: block; clear: both; zoom: 1;}
.reply .reply_write strong {font-size: 16px; color: #333; background: url(../../images/reply/reply_btn.png) no-repeat left center; padding-left: 20px; display: block; margin-bottom: 15px;}
.reply .reply_write textarea {height: 50px; vertical-align: middle; width: 59%; outline: 1px solid #ccc; border: none; resize: none; border-radius: 2px; padding: 0 0.5%; font-size: 14px; color: #333; margin: 0 2%; float: left}
.reply .reply_write img {width: 15%; float: left}
.reply .reply_write a {display: inline-block; line-height: 50px; vertical-align: middle; height: 50px; background-color: #ee3941; width: 21%; text-align: center; color: #fff; border-radius: 2px; float: right}
.reply .reply_list > div {border-bottom: 2px solid #e7e7e7; padding-bottom: 10px;}
.reply .reply_list > div:after,
.reply .reply_list > div ul:after {content: ""; display: block; clear: both; zoom: 1;}
.reply .reply_list > div ul {float: right;}
.reply .reply_list > div ul li {float: left;}
.reply .reply_list > div ul li:first-child a {margin-left: 0; padding-left: 0; border-left: none;}
.reply .reply_list > div ul li a {color: #333; font-size: 12px; display: inline-block; margin-left: 8px; padding-left: 8px; border-left: 1px solid #ccc;}
.reply .reply_list > div ul li a.on {color: #ee3941;}
.reply .reply_list > div span {font-size: 12px; color: #333;}
.reply .reply_list > div span em {color: #ee3941}
.reply .reply_list > ul > li { position: relative; border-bottom: 1px solid #e7e7e7;}
.reply .reply_list > ul > li > div {padding: 10px 0; position: relative;}
.reply .reply_list > ul li:after,
.reply .reply_list > ul li div:after {content: ""; display: block; clear: both; zoom: 1;}
.reply .reply_list > ul li .img_box {float: left; margin-right: 20px; position: relative}
.reply .reply_list > ul li .img_box img { -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.reply .reply_list > ul li .img_box .division_img {position: absolute; bottom: -3px; right: -3px;}
.reply .reply_list > ul li .cont {width: 78%; float: left;}
.reply .reply_list > ul li .cont strong {font-size: 14px; color: #333; line-height: 18px; display: inline-block}
.reply .reply_list > ul li .cont em {font-size: 12px; color: #999; line-height: 18px; display: inline-block}
.reply .reply_list > ul li .cont div {margin-bottom: 10px; padding-top: 2px;}
.reply .reply_list > ul li .cont span {font-size: 14px; color: #333; line-height: 20px;}
.reply .reply_list > ul li .cont span a {margin-left: 3px; display: inline-block;}
.reply .reply_list > ul li .reply_btn {position: absolute; top: 10px; right: 0;}
.reply .reply_list > ul li .reply_btn a {font-size: 11px; color: #666}
.reply .reply_list > ul li .reply_btn .btn1 {border-right: 1px solid #ccc; padding-right: 7px; margin-right: 5px; display: inline-block}
.reply .reply_list > ul li .reply_btn .btn2 {padding-left: 13px; background: url(../../images/reply/reply_btn1.png) no-repeat left 0px;}
.reply .reply_list > ul li .reply_btn .btn3 {border: 1px solid #d3d3d3; background-color: #f3f3f3; display: inline-block; height: 24px; width: 50px; line-height: 26px; border-radius: 2px; text-align: center; margin-left: 10px; text-indent: 15px; background: url(../../images/reply/reply_btn2.png) no-repeat 8px center; }
.reply .reply_list > ul li li {border-top: 1px solid #e7e7e7; padding: 30px 0; position: relative; padding-left: 75px;}
.reply .reply_list > ul li li .cont {width: 505px;}

#pay .turn {margin-top: 20px; margin-bottom: 20px; text-align: center}
#pay .turn li {display: inline-block; border-radius: 18px; border: 1px solid #595a92; height: 34px; width: 30%; margin-left: 5px; line-height: 34px; font-size: 14px; color: #595a92;}
#pay .turn li:first-child {margin-left: 0;}
#pay .turn li.current {background-color: #595a92; color: #fff;}
#pay .turn li em {font-weight: bold; opacity: 0.7; display: inline-block; font-size: 14px;}

#pay .btn {margin: 20px auto 20px;}
#pay .step1 {background-color: #fff; margin: 0 10px; padding: 10px 0;}
#pay .step1 ul {}
#pay .step1 ul:after {content: ""; display: block; clear: both; zoom: 1;}
#pay .step1 li {float: left; margin: 0 0 20px; width: 50%; position: relative}
#pay .step1 li a,
#pay .step1 li span {border: 1px solid #d6d6d6; margin: 0 10px; border-radius: 4px; height: 80px; padding: 20px 30px; display: block; font-size: 20px; text-align: center; background: url(../../images/order/step1_btn_off.png) no-repeat center 60px;}
#pay .step1 li.on a,
#pay .step1 li.on span {background: url(../../images/order/step1_btn_on.png) no-repeat center 60px; border: 3px solid #595a92; padding: 18px 28px;}
#pay .step1 li input.number {width: 80% !important; border: 1px solid #ccc !important; height: 30px !important; box-sizing: border-box !important; position: absolute; z-index: 99999; margin: 0 10%; left: 0; top: 25px; text-indent: 10px;}
#pay .step1 .info {font-size: 16px; line-height: 1.6; margin-bottom: 20px; margin-left: 10px;}
#pay .step1 .info em {color : #ee3941}

#pay .step1.connect li a,
#pay .step1.connect li span {padding: 45px 30px}
#pay .step1.connect li.on span,
#pay .step1.connect li.on a {padding: 43px 28px;}
#pay .step1.connect > span {display: block; text-align: center; margin-bottom: 20px; font-size: 18px;}
#pay .step1.connect > span em {font-size: 22px;}
#pay .step1.connect > div {text-align: right; margin-bottom: 30px; padding-right: 10px;}
#pay .step1 .btn {margin-top: 0;}

#pay .step2 {background-color: #fff; margin: 0 10px; padding: 0 10px 20px;}
#pay .step2 input {border: 1px solid #999; border-radius: 2px; height: 30px; font-size: 14px; color: #666; text-indent: 10px; }
#pay .step2 select {height: 32px;}
#pay .step2 > ul {margin: 0 0 20px;}
#pay .step2 > ul > li {margin-top: 10px;}
#pay .step2 > ul > li:after {content: ""; display: block; clear: both; zoom: 1;}
#pay .step2 > ul > li:first-child {margin-top: 0;}
#pay .step2 > ul > li > span {display: block; line-height: 35px; font-weight: 600}
#pay .step2 > ul > li > div {font-size: 15px; color: #333;}
#pay .step2 > ul > li > div label {line-height: 25px; display: inline-block; margin-right: 10px}
#pay .step2 > ul > li input {font-size: 14px; color: #666; border: 1px solid #999}
#pay .step2 > ul > li.name input {width: 99.5%;}
#pay .step2 > ul > li.eng input {width: 48%; float: right}
#pay .step2 > ul > li.eng input:first-child {float: left}
#pay .step2 > ul > li.birth select {width: 32%; float: left; margin-left: 2%}
#pay .step2 > ul > li.birth select:first-child {margin-left: 0}
#pay .step2 > ul > li.birth div:after {content: ""; display: block; clear: both; zoom: 1;}
#pay .step2 > ul > li.mail input {width: 35%; display: inline-block;}
#pay .step2 > ul > li.mail div > a {display: block; border: 1px solid #e2373f; color: #e2373f; font-size: 14px; line-height: 30px; height: 30px; border-radius: 2px; width: 20%; text-align: center; float: right; margin-left: 6px;}
#pay .step2 > ul > li.mail div > p {display: block; clear: both; font-size: 12px; color: #8e8c8c; margin-top: 5px;;}
#pay .step2 > ul > li.phone .select {float: left; width: 32%;}
#pay .step2 > ul > li.phone input {float: left; width: 31%; margin-left: 2%;}
#pay .step2 > ul > li.text {height: auto;}
#pay .step2 > ul > li.text textarea {resize: none; border: 1px solid #999; border-radius: 2px; height: 60px; font-size: 14px; color: #666; padding: 2%; width: 95%}
#pay .step2 > ul > li.pass input {float: left; margin-right: 10px;}
#pay .step2 > ul > li.mail > a {display: inline-block; border: 1px solid #e2373f; color: #e2373f; font-size: 14px; line-height: 34px; height: 34px; border-radius: 4px; width: 61px; text-align: center; float: left}
#pay .step2 > ul > li.pass a:hover {background-color: #e2373f; color: #fff;}
#pay .step2 > ul > li.pass_check p {display: block; clear: both; font-size: 12px; color: #8e8c8c; margin-top: 5px;;}
#pay .step2 > ul > li.pass_check input {width: 99.5%;}
#pay .step2 > ul > li.basic input {width: 100%}
#pay .step2 > ul > li.check {margin-top: 20px; padding-top: 15px; border-top: 1px solid #e8e8e8}
#pay .step2 > ul > li.check label {color: #999; font-size: 12px; line-height: 18px; display: inline-block; margin-bottom: 5px; font-size: 14px}
#pay .step2 > ul > li.check a {font-weight: bold; color: #333;}
#pay .step2 > ul > li.check a:hover {color: #e2373f}
#pay .step2 > ul > li.check input {margin-right: 5px;}
#pay .step2 > ul > li.nation .sbHolder {margin-right: 10px;}
#pay .step2 > ul > li.info_text {font-weight: bold}
#pay .step2 > ul > li.info_text a {color: #e2373f}
#pay .step2 > ul > li.nojoin {margin-top: 30px; padding-top: 30px; border-top: 1px solid #999}
#pay .step2 > ul > li.nojoin > span {width: 100%; line-height: 20px; margin-bottom: 10px;}
#pay .step2 > ul > li.nojoin > span:after {content: ""; display: block; clear: both; zoom: 1;}
#pay .step2 > ul > li.nojoin > span em {float: left; width: 70%;}
#pay .step2 > ul > li.nojoin > span a {display: block; border: 1px solid #e2373f; color: #e2373f; font-size: 14px; line-height: 30px; height: 30px; border-radius: 2px; width: 20%; text-align: center; float: right; margin-left: 6px;}
#pay .step2 > ul > li.nojoin > div {width: 100%; line-height: 35px; font-size: 14px; color: #666; margin-top: 10px;}
#pay .step2 > ul > li.nojoin > div:after {content: ""; display: block; clear: both; zoom: 1;}
#pay .step2 > ul > li.nojoin > div label {float: left; line-height: 20px;}
#pay .step2 > ul > li.nojoin > div span {float: right; line-height: 20px;}
#pay .step2 > ul > li.nojoin > div span a {margin-left: 5px;}

#pay .step3 {background-color: #fff; margin: 0 10px; padding: 10px;}
#pay .step3 ul {margin-bottom: 20px;}
#pay .step3 ul:after {content: ""; display: block; clear: both; zoom: 1;}
#pay .step3 > ul > li {float: left; margin-left: 2%; width: 32%;}
#pay .step3 li:first-child {margin-left: 0;}
#pay .step3 > ul > li > a {border: 1px solid #d6d6d6; border-radius: 4px; height: 130px; padding: 20px; display: block; font-size: 16px; text-align: center; background: url(../../images/order/step1_btn_off.png) no-repeat center 110px;}
#pay .step3.fix > ul > li > a {}
#pay .step3 > ul > li > a:hover,
#pay .step3 > ul > li.on > a {background: url(../../images/order/step1_btn_on.png) no-repeat center 110px; border: 3px solid #595a92; padding: 18px;}
#pay .step3 li img {display: inline-block; max-width: 100%}
#pay .step3 li span {display: block; margin-top: 10px;}
#pay .step3 .info {border: 1px solid #d6d6d6; padding: 10px;}
#pay .step3 .info > span {color: #333; font-size: 15px; margin-bottom: 10px; display: block;}
#pay .step3 .info > div {background-color: #f9f9f9; height: 100px; overflow-y: scroll; font-size: 12px; color: #999; line-height: 18px; padding: 10px; margin-bottom: 10px;}
#pay .step3 .info > div span {display: block; color: #666; margin-bottom: 5px;}
#pay .step3 .info > div strong {display: block; font-size: 14px; color: #333; margin-bottom: 5px; margin-top: 10px;}
#pay .step3 .info > div p {margin-bottom: 15px; line-height: 18px; text-align: justify}
#pay .step3 .info label {display: block; line-height: 18px; color: #666; font-size: 14px; margin-top: 5px;}
#pay .step3 .info input {margin-right: 5px; vertical-align: middle;}
#pay .step3.fix .info > ul {padding-bottom: 20px; border-bottom: 1px solid #e8e8e8;}

#pay .step3.fix .info > ul > li:after {content: ""; display: block; clear: both; zoom: 1;}
#pay .step3.fix .info > ul > li:first-child {margin-top: 0;}
#pay .step3.fix .info > ul > li > span {display: block; line-height: 25px; font-weight: 600; margin-top: 0}
#pay .step3.fix .info > ul > li > div {font-size: 15px; color: #333;}
#pay .step3.fix .info > ul > li > div label {line-height: 25px; display: inline-block; margin-right: 10px}
#pay .step3.fix .info > ul > li > div p {color :#595a92; font-size: 12px; display: block; margin-top: 10px;}
#pay .step3 ul#div_cms li {margin-left: 0; margin-top: 25px;}
#pay .step3 ul#div_cms li:first-child {margin-top: 0}
#pay .step3 ul#div_cms li div {color :#595a92; font-size: 12px; display: block;}
#pay .step3 ul#div_cms li input {height: 30px; width: 99.5%; font-size: 14px; color: #666; border: 1px solid #999; border-radius: 4px;}
#pay .step3 ul#div_cms li select {width: 100%; height: 30px; margin-bottom: 10px;}
#pay .step3 ul#div_cms li {margin-top: 10px;}
#pay .step3 ul#div_cms li.birth select {width: 32%; float: left; margin-left: 2%}
#pay .step3 ul#div_cms li.birth select:first-child {margin-left: 0}
#pay .step3 ul#div_cms li.birth div:after {content: ""; display: block; clear: both; zoom: 1;}
#pay .step3 ul#div_cms li.phone .select {float: left; width: 32%;}
#pay .step3 ul#div_cms li.phone input {float: left; width: 31%; margin-left: 2%; margin-right: 0}

.order_finish {position: relative; margin: 0 10px; background-color: #fff; padding-bottom: 30px;}
.order_finish .top_cont {padding: 20px 0; margin: 0 10px; text-align: center; border-bottom: 1px solid #e8e8e8}
.order_finish .top_cont strong {font-size: 20px; }
.order_finish .top_cont span {margin-top: 5px; display: block}
.order_finish .top_cont span em {color: #595a92;}
.order_finish .account {padding: 10px; margin-bottom: 10px;}
.order_finish .account > li {margin-top: 10px;}
.order_finish .account > li:after {content: ""; display: block; clear: both; zoom: 1;}
.order_finish .account > li:first-child {margin-top: 0;}
.order_finish .account > li dt {float: left; width: 35%; display: block; line-height: 35px; font-weight: 600}
.order_finish .account > li dd {float: left; width: 60% font-size: 15px; color: #333; line-height: 35px}
.order_finish .account > li.last_info {margin-top: 20px; padding-top: 10px; border-top: 1px solid #e8e8e8}
.order_finish .account > li.last_info p {color: #999; font-size: 12px; line-height: 18px;}
.order_finish .account > li.last_info p:first-child {color: #595a92;}

#privacy {font-size: 14px; color: #333; margin: 0 10px; text-align: justify}
#privacy #header {margin-bottom: 40px;}
#privacy h2 {margin-bottom: 120px;}
#privacy ul > li > strong {font-size: 18px; line-height: 20px; margin-top: 20px; display: block; margin-bottom: 10px;}
#privacy ul > li > p {line-height: 20px; padding-left: 10px;}
#privacy ul > li dl dt {padding-left: 10px; line-height: 22px; margin-bottom: 10px; margin-top: 10px; display: block}
#privacy ul > li dl dd {padding-left: 20px; line-height: 22px;}
#privacy ul > li > ol {margin-bottom: 10px; margin-top: 10px; }
#privacy ul > li > ol > li {line-height: 20px; padding-left: 20px;}
#privacy ul > li > ol.first li {padding-left: 10px;}


#footer {margin: 0 10px; padding: 70px 0 30px}
#footer .user_menu {border-bottom:1px solid #c5c5c5; margin-bottom: 20px; padding-bottom: 15px;}
#footer .user_menu:after{content: ""; display: block; clear: both; zoom: 1;}
#footer .user_menu li{width:32%; margin-left: 2%; float:left;}
#footer .user_menu li:first-child{margin-left:0}
#footer .user_menu li a{display: block; border-radius: 2px; background: #fff; text-align: center; color: #aaa; line-height: 40px; font-size: 14px}
#footer .c_info span {display: block; font-size: 14px; color: #6c6c6c}
#footer .privacy {margin-top: 10px; font-size: 14px; color: #333; font-weight: 500}
#footer .privacy a {margin-left: 5px; padding-left: 5px; border-left: 1px solid #333; display: inline-block; line-height: 10px;}
#footer .privacy a:first-child {margin-left: 0; padding-left: 0; border: none;}

/* ========== 기븐조이 소개 20150506 추가 ========== */
.title_box2{text-align: center}
.title_box2 h3{font-size: 16px; margin-top: 10px; font-weight: 100;}
.m_title_box{text-align: center; padding: 30px 0}
.m_title_box h2{color: #fff; font-size: 20px}
.m_title_box span.sub_title{display: block; font-size: 16px; margin-top: 10px; font-weight: 100; color: #fff}

/* 타이틀 배경 */
.m_title_box.m_vision{background:url(../images/sub/h2_vision02.jpg) no-repeat center;}
.m_title_box.m_people{background:url(../images/sub/h2_people.jpg) no-repeat center;}
.m_title_box.m_solution{background:url(../images/sub/h2_solution.jpg) no-repeat center;}
.m_title_box.m_operation{background:url(../images/sub/h2_operation.jpg) no-repeat center;}
.m_title_box.m_vision,
.m_title_box.m_people,
.m_title_box.m_solution,
.m_title_box.m_operation{background-size: cover}

#m_contents{padding: 30px 10px 10px; background-color: #fff; text-align: center; margin: 0 10px;}
#m_contents .m_sub_box{padding: 0 0 90px; border-bottom: 1px solid #d8d8d8; margin-bottom: 50px}
#m_contents .m_last_box{border-bottom: none; padding: 0 0 30px}
#m_contents .m_img{display: block; margin: 50px 0 0}
#m_contents .m_img02{display: block; margin: 30px 0 0}
#m_contents img{width: 100%; height: auto;}
#m_contents p{margin-top:30px}
#m_contents .m_title{display: block; font-size: 26px}
#m_contents .m_title02{display: block; font-size: 20px}
#m_contents .m_title_last{display: block; font-size: 20px; margin-top: 40px}
#m_contents .m_sub_title{display: block; font-size: 15px; color: #666; margin: 15px 0 30px}
#m_contents .m_point{color: #e34d50}

/* 비전 & 미션 */
#m_contents ul.oath li{display: inline-block; width: 45%; margin-top: 40px}
#m_contents ul.oath li.oath_left{margin-right:15px}
#m_contents ul.oath li span{display: block; margin-top: 10px}
#m_contents p span.small_sum{display: block; margin-top:20px; font-size: 14px; color: #666}

/* 솔루션 소개 */
#m_contents .m_solution_list{padding: 0 10px 60px; border-bottom: 1px solid #d8d8d8; margin: 50px 0}
#m_contents .m_solution_first{padding: 0 10px 60px; margin: 10px 0 50px}
#m_contents .m_solution_list .m_title{color: #464765}
#m_contents .m_solution_list .m_title .nobold{font-weight: 100}
#m_contents .m_solution_list dl dt{font-size: 20px; font-weight: 600; color: #464765; margin:40px 0 15px}
#m_contents .m_solution_list.last_box{border-bottom: none; padding: 0 0 30px}
#m_contents #slide{position: relative; left: 50%;top: -10px; margin-left: -35%; width: 70%}
#m_contents #slide img{left: 0; margin-left: 0}

/* 모바일 슬라이드 */
#m_contents .slide_wrap{width: 100%; background: url(../images/sub/bac01_solution.jpg) no-repeat; background-size: cover; text-align: center; padding: 20px 0 50px}
#m_contents .slide_wrap h3{width: 50%; margin: 0 auto 20px;}
#m_contents .slide_wrap ul li span{display: block; color: #fff; margin-top:15px; font-size: 14px}
#m_contents .slider_nav.slider1_nav.prev,#m_contents .slider_nav.slider1_nav.next{position: absolute; top: 50%; display: block; width: 59px; height: 59px; text-indent: -9999px; z-index:999}
#m_contents .slider_nav.slider1_nav.prev{background: url(../images/slide/slide01_arrow.png) no-repeat; left: 10px;}
#m_contents .slider_nav.slider1_nav.next{background: url(../images/slide/slide02_arrow.png) no-repeat; right: 10px;}

/* 운영방식 */
#m_contents ul.m_operation_list li strong img{width: 50%}
#m_contents ul.m_operation_list li span{display: block; margin: 10px 0 40px}
#m_contents .operation_gray{padding: 20px; background-color: #f6f6f6}
#m_contents .operation_list{text-align: left}
#m_contents .operation_list dt{font-weight: 600; margin: 30px 0 10px}
#m_contents .operation_list dd{background: url(../images/sub/dot01_operation.gif)no-repeat 12px 6px; padding-left: 30px; margin:10px 0}
#m_contents .operation_list dd ul li{background: url(../images/sub/dot02_operation.gif)no-repeat left 10px; padding-left: 15px}
#m_contents .operation_gray .m_sub_title{margin: 10px 0}

/* 기븐조이 사람들 */
#m_contents ul.m_people{margin:50px 0 0}
#m_contents ul.m_people li strong img{width: 50%}
#m_contents ul.m_people li p{display: block; margin: 10px 0 20px}
#m_contents ul.m_people li h4{margin: 10px 0; }
#m_contents ul.m_people li h4 em{font-weight: 600; font-size: 18px}
#m_contents ul.m_people li h4 span{display: inline-block; font-weight: 100; font-size: 14px; margin-right: 10px}
#m_contents ul.m_people li ul.career{margin:10px 0 40px}
#m_contents ul.m_people li ul.career li{font-size: 14px; color: #959595;}
#m_contents ul.sponsor{text-align: left}
#m_contents ul.sponsor li{text-align: center; display: block; float: left; width: 46%; margin: 20px 2% 0;}
#m_contents ul.sponsor:after{display: block; content:""; clear: both; *zoom:1}
#m_contents ul.sponsor li span{display: block; margin-top: 10px}



.date_icon {font-size: 12px;margin-left: 0; background: url(../../images/sub/news_day_icon.png) no-repeat left 1px; padding-left: 15px;}
.hit_icon {font-size: 12px; color: #666; padding-left: 20px; margin-left: 10px; background: url(../../images/sub/news_hit_icon.png) no-repeat left 2px;}