@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: 'NanumBarunGothic';
    src: url('../fonts/NanumBarunGothic.eot');
    src: url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NanumBarunGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Notoserif-r';
    src: url('../fonts/NotoSerifCJKkr-Regular.eot');
    src: url('../fonts/NotoSerifCJKkr-Regular.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSerifCJKkr-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Notoserif-sb';
    src: url('../fonts/NotoSerifCJKkr-SemiBold.eot');
    src: url('../fonts/NotoSerifCJKkr-SemiBold.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSerifCJKkr-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Notoserif-b';
    src: url('../fonts/NotoSerifCJKkr-Bold.eot');
    src: url('../fonts/NotoSerifCJKkr-Bold.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSerifCJKkr-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/** bootstrap **/
.container {margin-right: auto;margin-left: auto;padding-left:15px;padding-right:15px;}
.row {margin-left: -15px;margin-right: -15px;}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	float: left;position:relative;min-height: 1px;padding-left: 15px;padding-right: 15px;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
	content: " ";display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
	clear: both;
}

/** E:bootstrap **/

body.name {position:relative}
.name .content_group {border-bottom:0}

.untide_section { width: 100%;margin-top:180px; padding: 100px 0px; }
.untide_container { width:1100px; margin: 0 auto; text-align: center; position: relative; }
section#untide_link { background: rgba(101,78,163,0.1)}
.untide_link { height:100px; line-height: 100px; width: 47%; float: left; text-align: left; background: #fff; border-radius: 5px; margin:0 1.5% 32px 1.5%; font-size: 18px; overflow: hidden; }
.untide_link_thumb { height:100px !important; float: left; margin-right: 40px; }
.untide_link_arrow { width:12px !important; float: right; margin-right: 40px; margin-top: 40px; }
.untide_link_arrow_up { width:40px !important; margin-bottom: 20px; }
.untide_link:hover { opacity: 0.7; }
.untide_link b { margin-right: 15px; color:#654ea3; font-weight: 600; }
.untide_link span { color:#333; font-weight: 600; }
.untide-link-box { padding:0 30px; }

/** layout **/

#event_name dl {margin-top:14px;color:#000;font-size:15px}
#event_name dl dt {max-width:125px;font-weight:bold}
#event_name .add_info {color:#000;font-size:13px}
#event_name .img_group {padding:14px}
#event_name .event_tit {margin-top:30px}

@media only screen and (min-width:0px) and (max-width:320px) {
	.untide_section { padding: 40px 0px 140px; }
	.untide_container { width:100%; }
	.untide_link_thumb { height: 45px !important; margin-right: 13px; }
    .untide_link { width: 100%;  height: 45px; margin: 0; margin-bottom: 20px; line-height: 45px; font-size: 12px; }
    .untide_link_arrow { width: 9px !important; margin-right: 12px; margin-top: 15px; }
    .untide_link b { margin-right: 5px; }
}
@media only screen and (min-width:321px) and (max-width:767px) {
	.untide_section { padding: 50px 0px 160px; }
	.untide_container { width:100%; }
	.untide_link_thumb { height: 50px !important; margin-right: 15px; }
    .untide_link { width: 100%;  height: 50px; margin: 0; margin-bottom: 20px; line-height: 50px; font-size: 13px; }
    .untide_link_arrow { width: 9px !important; margin-right: 18px; margin-top: 17px; }
    .untide_link b { margin-right: 10px; }

}
@media only screen and (min-width:768px) and (max-width:1079px) {
	.untide_section { padding: 50px 0px 160px; }
	.untide_container { width:100%; }
	.untide_link_thumb { height: 60px !important; margin-right: 20px; }
    .untide_link { width: 47%;  height: 60px; margin-bottom: 20px; line-height: 60px; font-size: 14px; margin: 1.5%; }
    .untide_link_arrow { width: 9px !important; margin-right: 18px; margin-top: 22px; }
    .untide_link b { margin-right: 10px; }
}

@media only screen and (min-width:320px) {	
	#foundbf_wrap {padding-top:52px}
	.sec_04 .img_group img {width:100%;max-width:621px;}
}

@media only screen and (min-width:1px) and (max-width:1079px){
	
	.name .btn-pageup {position: absolute;bottom:65px;left:50%;margin-left:-25px;background-color: #fff;}
	
	/*reward banner*/
	.give_reward_m {display:block !important;position:fixed; bottom:0px; bottom:0px;height:65px; background-color:rgba(84,59,151,0.95); width:100%; color:#ffffff;text-align:center; z-index:999999;}
	.give_reward_m .header {display:inline-block;padding-right:20px;vertical-align:middle}
	.give_reward_m .title {color:#ffffff;display:inline-block; font-size: 20px; line-height:65px;font-weight:700;letter-spacing:-0.5px;vertical-align:middle}
	.give_reward_m .left_img {display:inline-block;height:65px;width:126px;background: url('../img/name/img_reward_quick@2x.png') no-repeat;background-size:contain;vertical-align:middle}
	.give_reward_m .content_m {display:inline-block;}
	.give_reward_m .content_m > a {color:#ffffff;}
	.give_reward_m .content_m .btn_name {display:inline-block;height:14px;width:14px;background: url('../img/name/icon_arrow@2x.png') no-repeat;background-size:contain;vertical-align:middle}
	/*reward banner*/
	
	
	.sec_top {margin-top:50px;}
	.foundbf_title {font-size:12px; font-weight:bold; background-color:#654ea3;width:100%;color:#ffffff; padding: 6px 4px 2px;}
	.foundbf_title .mobile_out {display:none;}
	.foundbf_title .title_sub02 {position:absolute; right:10px;}
	.foundbf_project {margin-top:60px; text-align: center;}
	
	.name_txt {color:#654ea3;}
	.border {border:1px solid #654ea3; margin:0px auto 17px}
	.mobile_out {display:none !important;}
	
	.sec_top .title_img {background-image: url('../img/name/name_title_m.jpg'); background-repeat: no-repeat; background-size:contain; background-position: center;height:79px; margin-top:50px; margin-bottom:40px;}
	.sec_top .content {font-family:'Notoserif-r',serif;text-align: center; }
	
	.sec_top .container{padding:0}
	
	.sec_top .sec_video_area {padding:0}
	.sec_video {position:relative; width:100%; height:0; padding-top:30px; padding-bottom: 46.25%;overflow:hidden;}
	.bf_video {position:absolute;top:0; left:0; width:100%;height: 100%;}
	.content_group01 {font-size: 18px; text-align: center;}
	
	.fadeout07, .fadeout08 {font-weight: bold;color:#000000;}
	.content_group03_m {color:#000000; font-size: 12px; text-align: center;font-family:'Notoserif-r',serif;}
	.fadeout09{font-weight: bold;}
	.sec_top .btn_area {margin-top:25px; margin-bottom:50px;}
	
	.sec_01 {margin-top:50px;}
	.sec_01 .col-lg-6 {padding-left:0px; padding-right:0px;}
	.sec_01 .title {font-family:'Notoserif-sb',serif;color:#000000;font-size: 22px; font-weight: bold;line-height: 30px; margin:0px auto 0px auto; text-align: center;}
	.sec_01 .img_group {width:100%; max-width: 600px;margin: 30px auto; padding:10px; border: 1px solid #efedf5; background-color: #efedf5;}
	.sec_01 .img {background-image: url('../img/name/name_img01_m.jpg');background-repeat: no-repeat; height:250px; background-size:250px 215px; background-position: center;}
	.sec_01 .img_caption {padding-top:5px; color:#333333; font-size: 13px; text-align:center;}
	.sec_01 .text_m {font-family:'Notoserif-sb',serif;margin-top:10px;color:#333333;}
	
	.sec_02 {margin-top:50px}
	.sec_02 .title {font-family:'Notoserif-sb',serif;font-size: 22px; font-weight: bold;line-height: 30px; margin:0px auto 0px auto; text-align: center;color:#000000;}
	.sec_02 .container {position:relative;}
	.sec_02 .comment {font-size: 13px; color:#654ea3;display:block; margin-top:15px;}
	
	.living_01, .living_01_1, .living_02, .living_03, .living_04, .main_01, .main_02, .main_03, .main_04, .bath_01, .bath_02, .bath_03, .bath_04, .bath_05 {display:none;}
	.popup_bottom {border: 2px solid #7d66b8; background:#ffffff; position: absolute; top: 130px; left:30px; right:30px; padding: 7px;}
    .popup_top {border: 2px solid #7d66b8; background:#ffffff; position: absolute; top: 130px; left:30px; right:30px; padding: 7px;}
    .popup_left_top {border: 2px solid #7d66b8; background:#ffffff; position: absolute; top: 130px; left:30px; right:30px; padding: 7px;}
    .btn_close{top: 0;font-size:30px; padding:10px; display: inline-block; right:0px;position: absolute;}
	.popup_title {color: #333333; font-size: 20px; font-weight: bold; letter-spacing: -1px; padding-left: 20px; margin-top: 20px;}
    .popup_content {margin-top: 15px; color: #4d4d4d; font-size: 14px;}
    .popup_img { background-repeat: no-repeat; height:125px; background-size:200px 125px; background-position: center top;}
   	.living_01 .popup_img{background-image: url('../img/name/living_01@2x.png');}
	.living_02 .popup_img{background-image: url('../img/name/living_02@2x.png');}
	.living_03 .popup_img{background-image: url('../img/name/living_03@2x.png');margin-top: -20px;}
	.living_04 .popup_img{background-image: url('../img/name/living_04@2x.png');}
	
	.main_01 .popup_img {background-image: url('../img/name/main_01@2x.png');}
	.main_02 .popup_img {background-image: url('../img/name/main_02@2x.png');}
	.main_03 .popup_img {background-image: url('../img/name/main_03@2x.png');}
	.main_04 .popup_img {background-image: url('../img/name/main_04@2x.png');}
	
	.bath_01 .popup_img {background-image: url('../img/name/bath_01@2x.png');}
	.bath_02 .popup_img {background-image: url('../img/name/bath_02@2x.png');}
	.bath_03 .popup_img {background-image: url('../img/name/bath_03@2x.png');}
	.bath_04 .popup_img {background-image: url('../img/name/bath_04@2x.png');}
	.bath_05 .popup_img {background-image: url('../img/name/bath_05@2x.png');}
	
   
	.sec_03 {margin-top:50px;}
	.sec_03 .container > h2 {font-family:'Notoserif-sb',serif; text-align: center; font-size: 22px; color:#000000;}
	.sec_03 .title {margin-top:20px;font-family:'Notoserif-sb',serif; font-size: 28px; line-height: 40px; text-align: center; color:#654ea3;}
	.sec_03 .sub_title {font-family:'Notoserif-sb',serif; color:#000000; font-size: 17px; text-align: center;}
	.sec_03 .content_box { margin-top: 20px; border: 1px solid #654ea3;}
	.sec_03 .content_tit01, .content01 {margin-top:10px;color: #000000;}
	.sec_03 .content_sub01 {font-size: 16px; font-weight: bold; text-align: left;}
	.sec_03 .content_sub02 {margin-top:10px; font-size: 15px; text-align: left;}
	.sec_03 .content_sub03 {color:#000000; font-size: 16px; font-weight: bold;}
	.sec_03 .content_box02 {background-color: #efedf5; padding-top: 15px;margin-top:20px}
	.sec_03 .content_sub_tit03 {color:#000000; font-size: 20px; font-weight: bold;letter-spacing: -1px;}
	.sec_03 .content_box02 .comment {color:#676767; font-size: 13px;margin-top:20px}
	.sec_03 .content_box03 {border:1px solid #bbb1da;margin-top:30px;}
	.sec_03 .content_tit05 {color:#000000; font-size: 15px; line-height: 30px;}
	.sec_03 .content_box02 .img {background-image: url('../img/name/img_bg_02.png'); background-repeat: no-repeat; height: 157px; background-size: contain; background-position: center; margin-left: 20px;}
	
	.sec_04 {margin-top:50px;}
	.sec_04 .container > h2 {font-size:22px; font-family:'Notoserif-sb',serif; text-align: center; color:#000000}
	.sec_04 .content_box04 {background-color: #efedf5; width:100%; max-width:322px; margin:30px auto;}
	.sec_04 .content_box04 .tit {font-size: 13px; color:#333333; text-align: center; padding:10px;}
	.sec_04 .content_box04 .comment {font-size: 16px; color:#654ea3; font-family:'Notoserif-sb',serif; text-align: center;padding-bottom:5px;border-bottom:0}
	.sec_04 .content01_m {word-break: keep-all; font-family:'Notoserif-sb',serif; font-size: 16px; color:#000000; line-height: 30px;text-align: center;}
	.sec_04 .btn_area {font-family:'Notoserif-sb',serif;margin-bottom:30px;}
	.sec_top .btn_txt,
	.sec_04 .btn_txt {font-size: 12px;color:#666666;line-height:1.5;word-break:keep-all}
	.sec_04 .img_group {padding:0 7px;}
	.sec_04 .btn_area {margin-top:20px;}
	.sec_05 {margin-bottom:50px;}
	
	/* button */
	.btn_area {text-align: center}
	.btn_area .btn_join_name {margin: 0 auto 10px;display:block;padding:10px 0;line-height:120%;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;font-size:20px;font-weight: bold;color: #fff;text-align: center;max-width:320px;width:100%;background:#654ea3; line-height: 30px;letter-spacing: -1.5px;}
	.btn_area .btn_join_name:hover, .btn_area .btn_join_name:active {background:#452699;}
	.btn_area .btn_join_name .info {display:block;font-size:18px;font-weight:normal}
	
	.untide_section {margin-top: 50px}
	
	#event_name dl dt {margin-bottom:0;max-width: none}
	#event_name dl dd {margin-bottom:15px;padding:0 20px}

}
@media only screen and (min-width:1000px) {	
	.sec_top {margin-top:90px;}
	.foundbf_title {position: absolute;padding:12px 20px;font-weight: bold;background-color: #654ea3;width: 100%;color: #ffffff;line-height: 1.5;}

	.sec_03 .content_tit05 {color:#000000; font-size: 15px; line-height: 30px; margin:0 auto;}
}

@media only screen and (max-width:1450px) {
	.give_reward {display:none;}
}

@media only screen and (min-width:1080px) {
	/*reward banner top:600px*/
	#header  {z-index:9999 !important;}
	.give_reward {position:absolute; top:200px; right:15px; max-width:260px; width:100%;background-color:#d8cff0; z-index:999;}
	.give_reward .header {height:60px;background-color:#654ea3;}
	.give_reward .header .title {color:#ffffff;font-family:'Notoserif-b',serif; font-size: 19px;line-height: 60px;padding-left:20px;}
	.give_reward .header .btn_close {cursor: pointer; color:#ffffff; position:absolute; top:10px; right:10px;font-size: 25px}
	.give_reward .content {background-color:#d8cff0; color:#372b53;font-size:14px;font-weight: bold; line-height: 25px;padding:20px;}
	/*.give_reward .bottom_img {clear:both;width:100%;height:100px;background:url('../img/name/img_reward_quick.jpg');background-repeat: no-repeat;background-position: center bottom;}	*/
	.give_reward .bottom_img {clear:both;width:100%;height:100px;background:url('../img/name/img_reward_quick_e.jpg');background-repeat: no-repeat;background-position: center bottom;}
	.give_reward .btn_area {margin-top:0}
	
	.btn_area {margin-top:20px;text-align: center}
	.give_reward .btn_area .btn_name {float: right; margin-right: 10px;display:block;padding:10px 0;line-height:120%;border-radius:3px;-webkit-border-radius:30px;-moz-border-radius:3px;-o-border-radius:3px;font-size:16px;font-weight: bold;color: #ffffff;text-align: center;max-width:90px;width:100%;background:#654ea3;letter-spacing: -1.5px;}
	.give_reward .btn_area .btn_name:hover, .btn_area .btn_name:active {background:#452699;}
	/*reward banner*/
	
	.container {width:90%;}	
	.name_txt {color:#654ea3;}
	.border {border:1px solid #654ea3;width:445px; margin:0px auto 32px}
	.foundbf_title {position: absolute;padding:18px 20px;font-weight: bold;background-color: #654ea3;width: 100%;color: #ffffff;line-height: 1.5;}
	.foundbf_title .title_sub02 {position:absolute; right:20px; margin-top:-9px; text-align: right;font-size: 13px;}
	.foundbf_project {margin-top:200px;}
	.pc_out {display:none;}
	.sec_top .content {font-family:'Notoserif-r',serif;margin-top:50px;}
	
	.sec_top .title_img {margin-top: 120px;background-image: url('../img/name/name_title.png'); background-repeat: no-repeat; height:110px; background-position: center top; }
	
	.sec_video {position:relative; width:100%; height:0; padding-top:30px; padding-bottom: 46.25%;overflow:hidden;}
	.bf_video {position:absolute;top:0; right:0; width:90%;height: 100%;}
	
	.sec_top .sec_video {text-align: right;padding-right: 0px;}
	.sec_top .content_group {margin-top : 10px;float:right;}
	.sec_top .content_group > span { display:block;}
	
	.content_group01 {font-size: 21px;line-height: 40px;margin-left: 10px;}
	.fadeout02, .fadeout04{margin-left:13%;}
	
	.content_group02 {margin-top:3%; font-size: 18px;margin-left: 10px;}
	.fadeout05, .fadeout06 {color:#000000;display:block;}
	.fadeout07, .fadeout08 {font-weight: bold; color:#654ea3;display:block;}
	.content_group03 {margin-top:55px; font-size:19px; font-family:'Notoserif-r',serif; margin:50px auto 30px auto;text-align: center;color:#000000;}
	.sec_top .btn_area {margin-top:3%;}
	.fadeout09 {font-weight: bold;}
	.sec_top .content .col-lg-6 {padding-right: 0px;}
	
	.sec_01 {margin-top:180px;}
	.sec_01 .title {color:#000000; font-family:'Notoserif-sb',serif;font-size: 32px; font-weight: bold;line-height: 50px; margin:0px auto 0px auto; text-align: center;}
	.sec_01 .img_group {margin-top: 30px;padding:30px; border: 1px solid #efedf5; background-color: #efedf5;width:100%; max-width:500px;float:right;}
	.sec_01 .img {background-image: url('../img/name/name_img01.jpg');background-repeat: no-repeat; height:332px; background-position: center;}
	.sec_01 .img_caption { margin:10px auto 0px auto; color:#333333; font-size: 14px; line-height: 22px;}
	.sec_01 .text {font-family:'Notoserif-sb',serif;margin-top:90px;font-size:18px;color:#333333;}
	
	.sec_02 {margin-top:180px; margin-bottom:150px;text-align: center;}
	.sec_02 .title {font-family:'Notoserif-sb',serif;font-size: 32px; font-weight: bold;line-height: 50px; margin:0px auto 0px auto; text-align: center;color:#000000;}
	.sec_02 .sub_tit {font-family:'Notoserif-r',serif;font-size: 18px; color:#666666;line-height: 35px;margin-bottom:35px;}
	.sec_02 .container {position:relative;}
	.donate_txt .btn_area .txt {margin-bottom:20px;font-size:25px;font-family:'nanum-square-b','malgun gothic',sans-serif;color:#454545;line-height: 45px;}
	.sec_02 .comment {font-size: 13px; color:#654ea3; text-align: center; display:block; border:1px solid #efedf5; background-color: #efedf5; padding-top:15px;}
	.popup_bottom {border: 2px solid #7d66b8; background:#ffffff; position: absolute; bottom: 25px; width: 100%; max-width: 500px; left: 185px; padding: 7px;}
    .popup_top {border: 2px solid #7d66b8; background:#ffffff; position: absolute; top: 205px; width: 100%; max-width:500px; right:186px; padding: 7px;}
    .popup_left_top {border: 2px solid #7d66b8; background:#ffffff; position: absolute; top: 205px; width: 100%; max-width:500px; left: 185px; padding: 7px;}
    
    .living_01, .living_01_1, .living_02, .living_03, .living_04, .main_01, .main_02, .main_03, .main_04, .bath_01, .bath_02, .bath_03, .bath_04, .bath_05 {display:none;}
	.popup_title {padding: 5px 10px 5px 20px; text-align:left; font-weight: bold; font-size:20px;color:#333333;}
	.popup_content {font-size: 14px; word-break: keep-all; text-align: left; line-height: 21px;color:#4d4d4d;}
	
    .popup_img {background-repeat: no-repeat; height:125px; width:200px; background-size:200px 125px;}
	.living_01 .popup_img{background-image: url('../img/name/living_01.png'); margin-top:-20px;}
	.living_01_1 .popup_img{background-image: url('../img/name/living_01.png');margin-top:-20px;}
	.living_02 .popup_img{background-image: url('../img/name/living_02.png');}
	.living_03 .popup_img{background-image: url('../img/name/living_03.png');}
	.living_04 .popup_img{background-image: url('../img/name/living_04.png');}
	
	.main_01 .popup_img {background-image: url('../img/name/main_01.png');}
	.main_02 .popup_img {background-image: url('../img/name/main_02.png');}
	.main_03 .popup_img {background-image: url('../img/name/main_03.png');}
	.main_04 .popup_img {background-image: url('../img/name/main_04.png');margin-top:-30px;}
	
	.bath_01 .popup_img {background-image: url('../img/name/bath_01.png');}
	.bath_02 .popup_img {background-image: url('../img/name/bath_02.png');}
	.bath_03 .popup_img {background-image: url('../img/name/bath_03.png');}
	.bath_04 .popup_img {background-image: url('../img/name/bath_04.png');}
	.bath_05 .popup_img {background-image: url('../img/name/bath_05.png');}
	
	.sec_03 .container > h2 {font-family:'Notoserif-sb',serif; text-align: center; font-size: 30px; color:#000000;}
	.sec_03 .title {margin-top:70px;font-family:'Notoserif-sb',serif; font-size: 36px; line-height: 50px; text-align: center; color:#654ea3;}
	.sec_03 .sub_title {font-family:'Notoserif-sb',serif; color:#000000; font-size: 26px; text-align: center;line-height:45px;}
	.sec_03 .content_box { margin-top: 40px; border: 1px solid #bbb1da; background-image:url('../img/name/img_bg_01.jpg'); background-repeat: no-repeat; background-position: center top; background-size: cover; }
	.sec_03 .content_tit01, .content01 {margin-top:10px;color: #000000;}
	.sec_03 .content_sub01 {font-size: 20px; font-weight: bold; text-align: left;}
	.sec_03 .content_sub02 {margin-top:10px; font-size: 16px; text-align: left;}
	.sec_03 .content_sub03 {font-size: 20px; font-weight: bold; text-align: left;}
	.sec_03 .content_sub04 {margin-top:10px; font-size: 16px; text-align: left;}
	.sec_03 .content01, .content02 {color:#513f83; font-size: 18px; font-weight: bold;}
	.sec_03 .content_tit02, .content02 {margin-top:30px; margin-bottom:30px;}
	.sec_03 .content_tit02 {color: #000000;}
	.sec_03 .graph_tit {font-size: 18px; font-weight: bold;text-align: left;}
	.sec_03 .graph_group .graph {display: inline-block; margin-left: 50px; width:60%; max-width: 240px; background-color: #ffffff;}
	.sec_03 .graph_group .graph_num {display:inline-block; width:20%;}
	.sec_03 .graph_group .graph_num .big_num {font-size: 26px;}
	.sec_03 .graph_group .graph_num .percent {font-size: 16px;}
	.sec_03 .graph_group .subject01 {display:block; padding-left: 10px;width:94%; font-size: 15px; color:#ffffff; background-color:#7e6db0;}
	.sec_03 .graph_group .subject02 {display:block; padding-left: 10px;width:76%; font-size: 15px; color:#ffffff; background-color:#7e6db0;}
	.sec_03 .graph_group .subject03 {display:block; padding-left: 10px;width:87%; font-size: 15px; color:#ffffff; background-color:#7e6db0;}
	.sec_03 .content_box02 {margin-top:35px; background-color: #efedf5;padding-top:30px; padding-left:30px; word-break: keep-all;}
	.sec_03 .content_tit03 {color:#000000; font-size: 18px; text-align: left;}
	.sec_03 .content_sub_tit03 {color:#000000; font-size: 28px; letter-spacing: -1.4;margin-top:35px;line-height: 40px}
	.sec_03 .comment {color:#676767; text-align: left;margin-top:35px;}
	.sec_03 .content_box02 .img {background-image: url('../img/name/img_bg_02.png'); background-repeat: no-repeat; height: 250px;background-position: center;background-size:contain;}
	
	.sec_03 .content_box03 {border:1px solid #bbb1da;margin-top:30px; padding:40px;}
	.sec_03 .content_tit04 {color:#000000; font-size: 18px; word-break: keep-all;}
	.sec_03 .content_tit05 {color:#000000; font-size: 16px; line-height: 30px;}
	
	.sec_04 {margin-top:100px;}
	.sec_04 .container > h2 {font-family:'Notoserif-sb',serif; text-align: center;color:#000000}
	.sec_04 .content_box04 {background-color: #efedf5; width:650px;margin:30px auto;}
	.sec_04 .content_box04 .tit {font-size: 14px; color:#333333; text-align: center;}
	.sec_04 .content_box04 .comment {font-size: 16px; font-family:'Notoserif-sb',serif; text-align: center;padding-bottom:5px;border-bottom:0;}
	.sec_04 .content01 {font-family:'Notoserif-sb',serif; font-size: 19px; color:#000000; line-height: 30px;text-align: center;}
	.sec_04 .btn_area {font-family:'Notoserif-sb',serif;  }
	.sec_top .btn_txt,
	.sec_04 .btn_txt {font-size: 14px;color:#666666;}
	.sec_04 .img_group { padding: 5px 14px 0px 14px;}
	.sec_04 .img01 {background-image: url('../img/name/img_reward_01.png'); background-repeat: no-repeat; height:127px;background-position: center;}
	.sec_04 .img02 {background-image: url('../img/name/img_reward_02.png'); background-repeat: no-repeat; height:127px;background-position: center;}
	.sec_04 .img03 {background-image: url('../img/name/img_reward_03.png'); background-repeat: no-repeat; height:127px;background-position: center;}
	.sec_05 {margin-bottom:50px;}
	
	/* button */
	.btn_area {margin-top:20px;text-align: center}
	.btn_area .btn_join_name {margin: 0 auto 10px;display:block;padding:10px 0;line-height:120%;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;font-size:26px;font-weight: bold;color: #fff;text-align: center;max-width:320px;width:100%;background:#654ea3; line-height: 30px;letter-spacing: -1.5px;}
	.btn_area .btn_join_name:hover, .btn_area .btn_join_name:active {background:#452699;}
	.btn_area .btn_join_name .info {display:block;font-size:18px;font-weight:normal}
	
}

@media only screen and (min-width:1281px) {
	.container {width:70%;}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}
@media only screen and (max-width:320px) {
}