@charset "utf-8";
        /*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Noto+Serif+KR:200,300,400,500,600,700,900&subset=korean'); 20190710 hj*/
@font-face {
    font-family: 'Noto Serif KR';
    src: url('../fonts/NotoSerifKR-ExtraLight.eot');
    src: url('../fonts/NotoSerifKR-ExtraLight.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSerifKR-ExtraLight.woff') format('woff');
    font-weight: normal;
    font-style: 200;
}
@font-face {
    font-family: 'Noto Serif KR';
    src: url('../fonts/NotoSerifKR-Light.eot');
    src: url('../fonts/NotoSerifKR-Light.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSerifKR-Light.woff') format('woff');
    font-weight: normal;
    font-style: 300;
}
@font-face {
    font-family: 'Noto Serif KR';
    src: url('../fonts/NotoSerifKR-Regular.eot');
    src: url('../fonts/NotoSerifKR-Regular.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSerifKR-Regular.woff') format('woff');
    font-weight: normal;
    font-style: 400;
}
@font-face {
    font-family: 'Noto Serif KR';
    src: url('../fonts/NotoSerifKR-Medium.eot');
    src: url('../fonts/NotoSerifKR-Medium.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSerifKR-Medium.woff') format('woff');
    font-weight: normal;
    font-style: 500;
}
@font-face {
    font-family: 'Noto Serif KR';
    src: url('../fonts/NotoSerifKR-SemiBold.eot');
    src: url('../fonts/NotoSerifKR-SemiBold.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSerifKR-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: 600;
}
@font-face {
    font-family: 'Noto Serif KR';
    src: url('../fonts/NotoSerifKR-Bold.eot');
    src: url('../fonts/NotoSerifKR-Bold.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSerifKR-Bold.woff') format('woff');
    font-weight: normal;
    font-style: 700;
}
@font-face {
    font-family: 'Noto Serif KR';
    src: url('../fonts/NotoSerifKR-Black.eot');
    src: url('../fonts/NotoSerifKR-Black.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSerifKR-Black.woff') format('woff');
    font-weight: normal;
    font-style: 900;
}
@font-face {
    font-family: 'Noto Sans KR';
    src: url('../fonts/NotoSansKR-Thin.eot');
    src: url('../fonts/NotoSansKR-Thin.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSansKR-Thin.woff') format('woff');
    font-weight: normal;
    font-style: 100;
}
@font-face {
    font-family: 'Noto Sans KR';
    src: url('../fonts/NotoSansKR-Light.eot');
    src: url('../fonts/NotoSansKR-Light.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSansKR-Light.woff') format('woff');
    font-weight: normal;
    font-style: 300;
}
@font-face {
    font-family: 'Noto Sans KR';
    src: url('../fonts/NotoSansKR-Regular.eot');
    src: url('../fonts/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSansKR-Regular.woff') format('woff');
    font-weight: normal;
    font-style: 400;
}
@font-face {
    font-family: 'Noto Sans KR';
    src: url('../fonts/NotoSansKR-Medium.eot');
    src: url('../fonts/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSansKR-Medium.woff') format('woff');
    font-weight: normal;
    font-style: 500;
}
@font-face {
    font-family: 'Noto Sans KR';
    src: url('../fonts/NotoSansKR-Bold.eot');
    src: url('../fonts/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSansKR-Bold.woff') format('woff');
    font-weight: normal;
    font-style: 700;
}
@font-face {
    font-family: 'Noto Sans KR';
    src: url('../fonts/NotoSansKR-Black.eot');
    src: url('../fonts/NotoSansKR-Black.eot?#iefix') format('embedded-opentype');
	src: local('☺'), url('../fonts/NotoSansKR-Black.woff') format('woff');
    font-weight: normal;
    font-style: 900;
}
        html{
            overflow-y: scroll;
            -ms-overflow-style: scrollbar;
        }
        html, body{
            height: 100%;
            -webkit-font-smoothing: antialiased;
            line-height: 1.7em;
            letter-spacing: -.05em;
            padding: 0; 
            margin: 0;
        }

        img:not([draggable]), embed, object, video{
            max-width: 100%;
            height: auto;
        }

        .page-loader{
            display:block;
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            background: #fefefe;
            z-index: 100000;    
        }

        .loader{
            width: 50px;
            height: 50px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -25px 0 0 -25px;
            font-size: 10px;
            text-indent: -12345px;
            border-top: 1px solid rgba(0,0,0, 0.08);
            border-right: 1px solid rgba(0,0,0, 0.08);
            border-bottom: 1px solid rgba(0,0,0, 0.08);
            border-left: 1px solid rgba(0,0,0, 0.5);

            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;

            -webkit-animation: spinner 700ms infinite linear;
            -moz-animation: spinner 700ms infinite linear;
            -ms-animation: spinner 700ms infinite linear;
            -o-animation: spinner 700ms infinite linear;
            animation: spinner 700ms infinite linear;

            z-index: 100001;
        }

        @-webkit-keyframes spinner {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-moz-keyframes spinner {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @-o-keyframes spinner {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

        @keyframes spinner {
          0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
          }

          100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
          }
        }

       /* .untide_section_home {
            width: 100%;
            display: block;    
            position: relative;
            overflow: hidden;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }
20190708 hj  */

        /* Scroll down icon */

        @-webkit-keyframes scroll-down-anim {
            0%{ bottom: 2px; }
            50%{ bottom: 7px; }
            100%{ bottom: 2px; }
        }
        @-moz-keyframes scroll-down-anim {
            0%{ bottom: 2px; }
            50%{ bottom: 7px; }
            100%{ bottom: 2px; }
        }
        @-o-keyframes scroll-down-anim {
            0%{ bottom: 2px; }
            50%{ bottom: 7px; }
            100%{ bottom: 2px; }
        }
        @keyframes scroll-down-anim {
            0%{ bottom: 2px; }
            50%{ bottom: 7px; }
            100%{ bottom: 2px; }
        }

        .scroll-down{
            width: 40px;
            height: 40px;
            margin-left: -20px;
            position: absolute;
            bottom:100px;
            left: 50%;
            z-index: 9;
            text-align: center;
            text-decoration: none;
            -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
            transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 

        }
        .scroll-down-icon{
            display: block;
            width: 40px;
            height: 40px;
            position: absolute;
            color: #111;
            font-size: 15px;

            -webkit-animation: scroll-down-anim 1s infinite;
            -moz-animation: scroll-down-anim 1s infinite;
            -o-animation: scroll-down-anim 1s infinite;
            animation: scroll-down-anim 1s infinite; 
        }

        /* mobile hide */
        .untide_hide_mobile { display: none; }

		/* PC hide */
		.untide_hide_pc {display:block}
        
        /* HTML5 BG VIdeo */

        .untide_full_bg { position: absolute; width: 100%; top: 0px; left: 0px; overflow: hidden; } 
        .untide_full_bg .video, .untide_full_bg .canvas { max-width: 100%; width: 100%; }

		.time .btn-pageup { display: none !important; }
		.main { z-index: 999 !important; }
        
        .untide-body { width: 100%; margin: 0; font-family: 'Noto Serif KR', serif !important; font-weight: 500; color: #333; word-break: keep-all; overflow: hidden; }
		.untide_page { width: 100%; }
        .untide_logo { float: left; position: fixed; top:130px; right: 40px; z-index:1; padding: 10px 15px; }
		.ex_header .untide_logo { top:70px; }
        .untide_logo a { float: left; text-decoration: none !important; color:#654ea3; }
        .untide_logo a:hover { opacity:0.6; }
        .untide_logo img { width:138px; }
        .untide_logo_title { font-size:16px; }
        .untide_down:hover { opacity:0.6; }
        .untide_section { width: 100%; float:left; padding: 100px 0px; }
        .untide_container { width:1100px; margin: 0 auto; text-align: center; position: relative; }
        .untide_title { font-size: 40px; padding-bottom:50px; font-weight: 600; color: #654ea3; }
        .untide_title img { width: 330px; }
        .untide_subtitle { font-size: 28px; padding: 50px 0 30px 0; width: 100%; float: left; color:#654ea3; font-weight: 600; }
        /*.untide_container .untide_box_left { width: 50%; float:left; }*/
		.untide_container .untide_box_left { width: 100%; }
        .untide_container .untide_box_right { float:left; padding-left: 50px; padding-top:30px; text-align: left; width: 50%; }
		.untide_container .video_cover {position:relative;width: 100%;height: auto;padding-bottom:56.25%;margin-bottom: 36px;} /*20190708 hj */
		.untide_container .video {position: absolute;left: 0; top: 0;width: 100%; height: 100%;border: none;} /*20190708 hj */
        .untide_container_full { clear: both; float:left; width: 100%; }
        .untide_container_full .untide_box_right { margin-left: 47%; float:left; padding-left: 200px; text-align: left; position: absolute; width:550px; }
        .untide_story_img { float: left; width: 100%; }
        .untide_bg_gray { background: #efefef; float: left; }
        .untide_bg_gray .untide_box_full:nth-child(2) img { margin-top: -50px !important; }
        .untide_box_full { float: left; width: 100%; position: relative; }
        .untide_box_full:nth-child(1) { background: none; }
        .untide_box_full:nth-child(1) .untide_box_right { top:30%; }
        .untide_box_full:nth-child(2) .untide_box_right { top:35%; }
        .untide_box_full:nth-child(3) .untide_box_right { top:35%; }
        .untide_box_full:nth-child(4) .untide_box_right { top:35%; }
        .untide_box_full:nth-child(5) .untide_box_right { top:40%; }
        .untide_box_full:nth-child(6) .untide_box_right { top:40%; }
        .untide_box_full:nth-child(7) .untide_box_right { top:25%; }
        .untide_box_full:nth-child(8) .untide_box_right { top:25%; }
        .untide_desc { clear: both; font-size: 22px; line-height: 40px; margin-bottom: 30px; }
        .untide_desc span { color: #654ea3; }
        .untide_desc_small { font-size: 18px; line-height: 30px; color: #777; }
        .untide_desc_normal { float: left; width: 100%; line-height: 32px; font-family: 'Noto Sans KR', sans-serif; font-size:18px; margin-bottom: 30px; }
        .untide_btn_1 {margin: 0 auto 30px; font-size: 25px; text-decoration: none !important; padding: 0px 30px; border-radius: 100px; background: rgba(101,78,163,1); color:#fff; display: block; width: 290px; height:59px; line-height: 56px; text-align: center; }
        .untide_btn_2 { font-size: 25px; text-decoration: none !important; padding: 0px 30px; border-radius: 100px; background: rgba(101,78,163,1); color:#fff; display: block; width: 320px; height:59px; line-height: 56px; margin: 0 auto; margin-bottom: 30px; text-align: center; }
        .untide_btn_1:hover, .untide_btn_2:hover { background: rgba(101,78,163,0.9); color: #fff; }
        .untide_btn_1 img, .untide_btn_2 img { width:10px; margin-left: 10px; margin-right: -5px; margin-top: -5px; }
        .untide_script_big { font-size:50px; color: #654ea3; }
        .untide_script_small { font-size:25px; line-height: 40px; }
        .untide_script_small span { color: #654ea3; }
        .untide_bold { font-size: 26px; color: #654ea3; font-weight: 500; line-height: 42px; }
        .untide_bg_box { width:100%; float: left; position: relative; }
		.untide_script_artist { position:absolute; font-size: 14px; color: #fff; bottom:50px; right:60px; width: 200px; text-align: right; }
        .untide_script_from { font-size: 16px; line-height: 28px; padding-top: 35px; color: #777; }
        .untide_gallery_box { float:left; border-radius: 10px; overflow: hidden; }
        .untide_image_gallery { float: left; width: 100%; padding:20px 80px 20px 80px; }
        .untide_image_gallery img { width: 33.333%; float: left;  }
        .untide_pic_box_wrap { float: left; width: 100%; margin-bottom: 30px; }
        .untide_pic_box { width: 800px; height: 250px; padding: 30px; text-align: left; background: #fff; margin: 0 auto; border-radius: 10px; }
        .untide_pic_box img { width: 190px; height: 190px; float: left; margin-right: 25px; border-radius: 100px; }
        .untide_pic_writer { float: left; width: 100%; font-size: 13px; color: #333; padding-top: 15px; }
        .untide_pic_box .untide_pic_right { float: left; line-height: 27px; color:#777; width:520px; }
        .untide_pic_box .untide_pic_right b { padding-bottom: 15px; width:100%; float: left; color: #654ea3;  }
        .untide_graph_left { width: 50%; float: left; }
        .untide_graph_right { width: 50%; float: left; }
        .untide_graph_title { color: #654ea3; font-size: 25px; margin-bottom: 15px; font-weight: 600; }
        .untide_graph_desc { font-family: 'Noto Sans KR', sans-serif; font-size: 18px; padding-top: 15px; font-weight: 600; }
        .untide_graph_desc_small { clear: both; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; line-height: 25px; color:#777; padding-top: 10px; }
        .untide_space { margin-bottom: 50px; }
        section#untide_intro { padding-top: 200px; }
        section#untide_biz { background: rgba(101,78,163,0.1); }
        section#untide_reward { padding-top: 0; }
        section#untide_story { padding: 0; }
        section#untide_donation { padding-bottom: 45px; }
        section#untide_donation .untide_desc { font-size: 30px; line-height: 48px; }
        section#untide_donation .untide_desc b { color:#654ea3; }
        section#untide_link { background: rgba(101,78,163,0.1);}
        section#untide_biz .untide_title { font-size: 32px; line-height: 50px; }
        .untide-link-box { padding:0 30px; }
        .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_btn_top { clear: both; float: left; text-align: center; width: 100%; padding: 60px 0px; font-size: 20px; }
        .untide_btn_top a { text-decoration: none !important; color:#654ea3; font-weight: 600; float: left; width: 100%; }
        .untide_btn_top a:hover { opacity: 0.6; }
        .untide_video_sound { display: none; }
        .untide_flower_1 { width: 30px; top:-30px; left:100px; }
        .untide_flower_2 { width: 60px; top:0px; left:250px; }
        .untide_flower_3 { width: 50px; top:100px; right:100px; }
        .untide_flower_4 { width: 40px; top:1200px; right:130px; }
        .untide_flower_5 { width: 60px; top:-20px; left:80px; }
        .untide_flower_6 { width: 40px; top:170px; right:300px; }
        .untide_flower_7 { position: static !important; width: 50px; margin-bottom: 30px; }
				
		section#untide_reply .untide_container {text-align:left}
		section#untide_reply .untide_container .comment-meta {font-weight:400;font-size:12px;word-break:break-all}
		section#untide_reply .untide_subtitle,section#untide_reply .untide_desc {font-size:19px;line-height:36px;}
		.untide_container .comment-reply-title,.untide_container .comments-title {font-family: 'Noto Serif KR', serif !important;}
		.untide_container .comments-title {width:80%;}
		.untide_container .comment-respond p:last-child {padding-top:30px}
		.untide_container .comment-respond .form-submit {clear:none;float:right;}
		.untide_container .respond-container::after,.untide_container .comment-form::after {content: '';display:table;clear:both}
		.untide_container .comment-respond input[type="submit"] {padding-right:30px;padding-left:30px;}
		.untide_container .comment-notes {font-size:14px}
		section#untide_reply .untide_subtitle,section#untide_reply .untide_desc {text-align:center}
		section#untide_reply .untide_subtitle {padding-top:0;font-size:36px;line-height: 1.6;}
section#untide_reply .untide_subtitle .info {font-size:30px;color:#333}
		section#untide_reply .untide_desc {font-weight: 500;font-size: 20px;line-height:1.8;}
		section#untide_reply .untide_desc span { color: #333; }
		section#untide_reply .event_img {margin-bottom: 30px;background-image: url('../img/time/time_event1_img.jpg');background-repeat: no-repeat; height:408px; background-position: center;}
section#untide_reply .event_info {margin-bottom: 30px;width: 100%;max-width: 812px;margin: 0 auto;}
section#untide_reply .event_info dl::before, section#untide_reply .event_info dl::after {content:" ";display:table}
section#untide_reply .event_info dl::after {clear:both}
section#untide_reply .event_info dl {width: 100%;border-bottom:#d0cbe3 1px solid}
section#untide_reply .event_info dl:nth-child(2), section#untide_reply .event_info dl:nth-child(3) {float:left;}
section#untide_reply .event_info dl:nth-child(2) {width: 70%}
section#untide_reply .event_info dl:nth-child(3) {width: 30%}
section#untide_reply .event_info dt,section#untide_reply .event_info dd {padding:12px 8px;}
section#untide_reply .event_info dt {width:100px;float: left;color:#654ea3;font-weight:600;}
section#untide_reply .event_info dd {font-weight: 500;}
section#untide_reply .event_info ul{padding-top: 15px;clear: both;}
section#untide_reply .event_info ul li {font-family:'malgun gothic', '맑은 고딕',sans-serif;font-size: 13px;text-align: center;line-height: 1.8;}
section#untide_reply b {font-weight: 500;color:#654ea3}

        .box-piesite {
          text-align: center;
          font-size: 22px;
			padding-bottom: 20px;
        }
        .piesite {
          position: relative;
          width: 200px;
          height: 200px;
          font-size: 200px;
          cursor: default;
        }
        .piesite .percent {
          position: absolute;
          top: 65px;
          left: 0.1em;
          width: 100%;
          font-size: 40PX;
          text-align: center;
          z-index: 2;
        }
        .piesite .percent .int { position: absolute; top:20px; left: 70px; color:#654ea3; font-weight: 600; }
        .piesite .percent .symbol {
          font-size: 0.5em;
          vertical-align: top;
          opacity: 0.5;
          position: absolute; 
          top: 27px;
          right: 65px;
        }
        .piesite > #slice {
          position: absolute;
          width: 1em;
          height: 1em;
          clip: rect(0px, 1em, 1em, 0.5em);
        }
        .piesite > #slice.gt50 {
          clip: rect(auto, auto, auto, auto);
        }
        .piesite > #slice > .pie {
          position: absolute;
          border: 15px solid #444;
          width: 1em;
          height: 1em;
          clip: rect(0em, 0.5em, 1em, 0em);
          border-radius: 0.5em;
        }
        li.pie_default .piesite > #slice > .pie {
          border-color: #654ea3;
        }
        .piesite > #slice > .pie.fill {
          -webkit-transform: rotate(180deg) !important;
          transform: rotate(180deg) !important;
        }
        .piesite.fill > .percent {
          display: none;
        }
        .piesite:after {
          content: '';
          display: block;
          position: absolute;
          top: 15px;
          left: 15px;
          width: 170px;
          height: 170px;
          background: #fff;
          border-radius: 100%;
          z-index: 1;
        }
        .piesite:before {
          content: '';
          display: block;
          position: absolute;
          width: 1em;
          height: 1em;
          border-radius: 0.5em;
          opacity: 0.5;
          z-index: 0;
        }
        .piesite:before {
          background: #999;
            
        }
        .box-piesite ul {
          padding: 0;
        }
        .box-piesite ul li {
          display: inline-block;
          margin: 10px 20px;
        }

        * {
          box-sizing: border-box;
        }
        
        .untide_rotate_1 {
            position: absolute;
            -webkit-animation:spin 7s linear infinite;
            -moz-animation:spin 7s linear infinite;
            animation:spin 7s linear infinite;
        }
        @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
        @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
        @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
        .untide_rotate_2 {
            position: absolute;
            -webkit-animation:spin2 7s linear infinite;
            -moz-animation:spin2 7s linear infinite;
            animation:spin2 7s linear infinite;
        }
        @-moz-keyframes spin2 { 100% { -moz-transform: rotate(-360deg); } }
        @-webkit-keyframes spin2 { 100% { -webkit-transform: rotate(-360deg); } }
        @keyframes spin2 { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }

		#untide_donation .img_group {padding:30px; background-color: #efedf5;width:100%; max-width:500px;float:right;}
		#untide_donation .img {background-image: url('../img/name/name_img01.jpg');background-repeat: no-repeat; height:332px; background-position: center;}
		#untide_donation .img_caption { margin:10px auto 0px auto; color:#333333; font-size: 14px; line-height: 22px;}
		#untide_donation .content {margin-bottom:30px;text-align:left;font-size:18px;line-height:1.8;}
		#untide_donation .text {margin-top:80px}
        
.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%;}

@media (min-width: 768px) and (max-width: 1024px)  {
    

    .untide-body { min-width: auto; width: 100%; }
    .untide_logo { position: absolute; top: 95px; left: 50px; text-align: center; padding:0; }
    .untide_logo_title { font-size: 18.5px; }
    .untide_logo img { width: 160px; margin-left: 3px; margin-top: 3px; }
    .untide_section { padding: 50px 0px; }
    .untide_container { width:100%; }
    .scroll-down { bottom: 50px; }
    .untide_title img { width: 250px; }
    section#untide_intro { padding-top: 130px; }
    .untide_container .untide_box_left { width: 100%; float:left; }
    .untide_container .untide_box_right { width: 100%; float:left; padding-left: 0; padding-top:25px; text-align: center; }
    .untide_box_left iframe { height: 398px !important; }
    .untide_flower_1 { top: -50px; left: 140px; right: auto; }
    .untide_flower_2 { width: 45px; top: 0px; right: 150px; left: auto; }
    .untide_flower_3 { width: 30px; top: 760px; right: 200px; left: auto; }
    .untide_flower_4 { width: 40px; top: 950px; left: 150px; right: auto; }
    .untide_flower_5 { width: 40px; top: 0px; right: 80px; left: auto; }
    .untide_flower_6 { width: 30px; top: 240px; left: 120px; right: auto; }
    .untide_title { font-size:30px; padding-bottom: 30px; }
    section#untide_biz .untide_title { font-size:25px; padding: 0 150px 30px 150px; line-height: 40px; }
    .untide_subtitle { font-size:25px; padding: 0 100px 30px 100px; padding: 0 70px 20px 70px; }
    .untide_desc { font-size: 20px; line-height: 40px; margin-bottom: 25px; padding: 0 40px; }
    .untide_desc.untide_padding { padding: 0 30px; }
    section#untide_donation .untide_desc { font-size: 25px; line-height: 40px; padding: 0 150px; }
    .untide_btn_1 { margin: 0 auto; font-size: 22px; width: 265px; }
    .untide_btn_2 { float: none; clear: both; margin: 0 auto; margin-bottom: 30px; font-size: 22px; width: 265px; }
    .untide_desc_small { font-size: 16px; line-height: 30px; }
    .untide_desc_normal { float: left; width: 100%; font-size: 18px; line-height: 30px; padding: 0 180px; margin-bottom: 40px; }
    .untide_container_full .untide_box_right { margin-left: 0; width: 100%; position: static; padding-left: 0; padding:20px; text-align: center; }
    .untide_box_full { overflow: hidden; }
    .untide_story_img { width: 150%; max-width: 150% !important; }
    .untide_script_small { font-size: 25px; line-height: 45px; }
    .untide_script_big { font-size: 40px; }
    .untide_script_artist { font-size: 13px; bottom: 30px; right: 40px; }
    .untide_script_from { font-size: 18px; line-height: 30px; padding-top: 15px; }
    .untide_box_full:nth-child(1) .untide_box_right { position: absolute; top: 130px; left: 150px; text-align: left; }
    .untide_box_full:nth-child(1) .untide_story_img { max-width: 200% !important; }
    .untide_bg_gray .untide_box_full:nth-child(2) img { margin-top: 0 !important; }
    .untide_bg_gray .untide_box_full:nth-child(1) .untide_box_right { position:static; text-align: center; margin-top: -160px; padding-bottom: 90px; }
    .untide_bg_gray .untide_box_full:nth-child(2) .untide_box_right { margin-top: -20px; padding-bottom: 40px; }
    .untide_bg_gray .untide_box_full:nth-child(3) .untide_box_right { margin-top: -15px; padding-bottom: 40px; }
    .untide_bg_gray .untide_box_full:nth-child(4) .untide_box_right { margin-top: -15px; padding-bottom: 40px; }
    .untide_bg_gray .untide_box_full:nth-child(5) .untide_box_right { margin-top: 10px; padding-bottom: 20px; }
    .untide_bg_gray .untide_box_full:nth-child(6) .untide_box_right { margin-top: -30px; padding-bottom: 20px; }
    .untide_bg_gray .untide_box_full:nth-child(7) .untide_box_right { padding: 60px 0; }
    .untide_bg_gray .untide_box_full:nth-child(9) .untide_box_right { padding: 60px 20px; }
    .untide_bold { font-size: 25px; }
    .untide_image_gallery { padding: 20px 30px 15px 30px; }
    .untide_image_gallery img { width: 50%; }
    .untide_image_gallery img:nth-child(3) { display: none; }
    .untide_graph_left { width: 100%; }
    .untide_graph_right { width:100%; }
    .piesite { width: 200px; height: 200px; font-size: 200px; }
    .piesite::after { width: 170px; height: 170px; }
    .piesite .percent { font-size: 40px; }
    .piesite .percent .int { top: 20px; left: 70px; }
    .piesite .percent .symbol { top: 27px; right: 65px; }
	.box-piesite { padding-bottom: 30px; }
    .box-piesite ul { margin-top: 0; }
    .box-piesite ul li:first-child { margin: 10px 20px 10px 20px; }
    .box-piesite ul li:last-child { margin: 10px 20px 10px 20px; }
    .untide_graph_title { font-size: 22px; margin-bottom: 5px; }
    .untide_graph_desc { font-size: 18px; }
    .untide_graph_desc_small { font-size: 14px; padding: 5px 30px 0 30px; }
    .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; }
    .untide_pic_box { padding: 0; text-align: center; width: auto; height: auto; margin: 0 150px; float: left; padding-top: 30px; }
    .untide_pic_box img { float: none; margin: 0 auto; margin-bottom: 10px; }
    .untide_pic_box .untide_pic_right { line-height: 25px; font-size: 15px; padding: 0 30px 30px 30px; width: 100%; }
    .untide_pic_box .untide_pic_right br { display: none; }
    .untide_pic_box .untide_pic_right b { padding-bottom: 5px; }
    
        /* mobile last video */
   /* .untide_section_home { display: none; } 20190708 hj */
	/*.untide_full_bg { display: none; }*/
    .untide_full_bg { position: static; float: left; height: auto !important; }
    .untide_hide_mobile { display: block; }
	.untide_hide_pc {display:none}
    .untide_flower_1 { top: 60px; left: 180px; }
    .untide_flower_2 { top: 0px; right: 190px; }
	
	section#untide_reply .untide_btn_top { display: none; }
	section#untide_reply .untide_subtitle {padding-left:0;padding-right:0;font-size:30px;line-height:1.6}
	section#untide_reply .untide_container {padding:20px 30px 15px 30px}
	section#untide_reply .untide_subtitle .info {font-size:24px}
	section#untide_reply .event_img {background-size: contain;}
	
	#untide_donation .img_group {float :none;width:100%; max-width: 600px;margin: 30px auto;}
	#untide_donation .img {background-image: url('../img/name/name_img01_m.jpg');background-repeat: no-repeat; height:250px; background-size:250px 215px;}
	#untide_donation .img_caption {padding-top:5px; color:#333333; font-size: 13px; text-align:center;}
	#untide_donation .text {width:100%; max-width: 600px;margin:10px auto 0;font-size:16px}
	
	.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%;}
	
}



@media (min-width: 321px) and (max-width: 767px) {
    
	
    .untide-body { min-width: auto; width: 100%; }
    .untide_logo { position: absolute; top: 73px; left: 23px; text-align: center; padding:0; }
    .untide_logo_title { font-size: 14px; text-align: left; }
    .untide_logo img { width: 120px; margin-top: -5px; }
    .untide_section { padding: 50px 0px; }
    .untide_container { width:100%; }
    .scroll-down { bottom: 50px; }
    .untide_title img { width: 200px; }
    section#untide_intro { padding-top: 150px; }
    .untide_container .untide_box_left { width: 100%; float:left; }
    .untide_container .untide_box_right { width: 100%; float:left; padding-left: 0; padding-top:25px; text-align: center; }
    .untide_box_left iframe { height: 194px !important; }
    .untide_flower_1 { top: -100px; left: 70px; right: auto; }
    .untide_flower_2 { width: 45px; top: -10px; right: 40px; left: auto; }
    .untide_flower_3 { width: 30px; top: 380px; right: 15px; left: auto; }
    .untide_flower_4 { width: 40px; top: 680px; left: 30px; right: auto; }
    .untide_flower_5 { width: 30px; top: -30px; right: 20px; left: auto; }
    .untide_flower_6 { width: 30px; top: 170px; left: 20px; right: auto; }
    .untide_title { font-size:25px; padding-bottom: 30px; }
    section#untide_biz .untide_title { font-size:18px; padding: 0 30px 30px 30px; line-height: 30px; }
	section#untide_biz .untide_title br { display: none; }
    .untide_subtitle { font-size:18px; padding: 0 100px 20px 100px; padding: 0 70px 20px 70px; line-height: 30px; }
    .untide_desc { font-size: 17px; line-height: 30px; margin-bottom: 25px; padding: 0 50px; }
    .untide_desc.untide_padding { padding: 0 30px; }
    section#untide_donation .untide_desc { font-size: 23px; line-height: 1.7; padding: 0 30px; }
    section#untide_donation .untide_desc.untide_space { font-size: 16px; padding: 0 30px; }
    .untide_btn_1 { margin: 0 auto; font-size: 22px; width: 265px; }
    .untide_btn_2 { float: none; clear: both; margin: 0 auto; margin-bottom: 30px; font-size: 22px; width: 265px; }
    .untide_desc_small { font-size: 14px; line-height: 25px; }
    .untide_desc_normal { float: left; font-size: 14px; line-height: 25px; padding: 0 25px; margin-bottom: 35px; }
    .untide_container_full .untide_box_right { margin-left: 0; width: 100%; position: static; padding-left: 0; padding:20px; text-align: center; }
    .untide_box_full { overflow: hidden; }
    .untide_story_img { max-width: 150% !important; width:150%; }
    .untide_script_small { font-size: 17px; line-height: 35px; }
    .untide_script_big { font-size: 35px; }
    .untide_script_artist { font-size: 9px; bottom: 6px; right: 15px; }
    .untide_script_from { font-size: 12px; line-height: 20px; padding-top: 25px; }
    .untide_box_full:nth-child(1) .untide_box_right { position: absolute; top: 35px; left: 30px; text-align: left; }
    .untide_box_full:nth-child(1) .untide_story_img { max-width: 200% !important; }
    .untide_bg_gray .untide_box_full:nth-child(2) img { margin-top: 0 !important; }
    .untide_bg_gray .untide_box_full:nth-child(1) .untide_box_right { position:static; text-align: center; margin-top: -70px; padding-bottom: 80px; }
    .untide_bg_gray .untide_box_full:nth-child(2) .untide_box_right { margin-top: -20px; padding-bottom: 60px; }
    .untide_bg_gray .untide_box_full:nth-child(3) .untide_box_right { margin-top: -15px; padding-bottom: 60px; }
    .untide_bg_gray .untide_box_full:nth-child(4) .untide_box_right { margin-top: -15px; padding-bottom: 60px; }
    .untide_bg_gray .untide_box_full:nth-child(5) .untide_box_right { margin-top: 10px; padding-bottom: 40px; }
    .untide_bg_gray .untide_box_full:nth-child(6) .untide_box_right { margin-top: -30px; padding-bottom: 40px; }
    .untide_bg_gray .untide_box_full:nth-child(7) .untide_box_right { padding: 40px 0; }
    .untide_bg_gray .untide_box_full:nth-child(9) .untide_box_right { padding: 60px 20px; }
    .untide_bold { font-size: 18px; line-height: 30px; }
    .untide_image_gallery { padding: 20px 30px 15px 30px; }
    .untide_image_gallery img { width: 50%; }
    .untide_image_gallery img:nth-child(3) { display: none; }
    .untide_graph_left { width: 100%; }
    .untide_graph_right { width:100%; }
    .piesite { width: 140px; height: 140px; font-size: 140px; }
    .piesite::after { width: 110px; height: 110px; }
    .piesite .percent { font-size: 30PX; }
    .piesite .percent .int { top: -10px; left: 48px; }
    .piesite .percent .symbol { top: -5px; right: 43px; }
	.box-piesite { padding-bottom: 30px; }
    .box-piesite ul { margin-top: 0; }
    .box-piesite ul li:first-child { margin: 10px 12px 10px 20px; }
    .box-piesite ul li:last-child { margin: 10px 20px 10px 12px; }
    .untide_graph_title { font-size: 16px; margin-bottom: 5px; }
    .untide_graph_desc { font-size: 14px; }
    .untide_graph_desc_small { font-size: 14px; padding: 5px 30px 0 30px; }
    .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; }
    .untide_pic_box { padding: 0; text-align: center; width: auto; height: auto; margin: 0 30px; float: left; padding-top: 30px; }
    .untide_pic_box img { float: none; margin: 0 auto; margin-bottom: 10px; }
    .untide_pic_box .untide_pic_right { line-height: 23px; font-size: 14px; padding: 0 30px 30px 30px;  width: 100%; }
    .untide_pic_box .untide_pic_right br { display: none; }
    .untide_pic_box .untide_pic_right b { padding-bottom: 5px; }
    
    /* mobile last video */
    /*.untide_section_home { display: none; }20190708 hj */
	 /*.untide_full_bg { display: none;}*/
	.untide_full_bg { position: static; float: left; height: auto !important; }
    .untide_hide_mobile { display: block; }
	.untide_hide_pc {display:none}
    .untide_flower_1 { top: 0px; }
    .untide_flower_2 { top: -40px; right: 70px; }
	
	section#untide_reply .untide_btn_top { display: none; }
	section#untide_reply .untide_container {padding:0 30px 30px 30px}
	section#untide_reply .untide_subtitle {padding-left:0;padding-right:0;font-size:23px}
	section#untide_reply .untide_desc {padding:0;font-size:17px;line-height:30px}
	section#untide_reply .untide_subtitle .info {font-size: 20px;}
	section#untide_reply .event_img {height: 228px;background-image:url('../img/time/time_event1_img_m.jpg');background-size:contain;}
	section#untide_reply .event_info dl:nth-child(2), section#untide_reply .event_info dl:nth-child(3) {width: 100%}
	section#untide_reply .event_info ul li {text-align: left;}
	
	#untide_donation .img_group {float :none;width:100%; max-width: 600px;margin: 30px auto;}
	#untide_donation .img {background-image: url('../img/name/name_img01_m.jpg');background-repeat: no-repeat; height:250px; background-size:250px 215px;}
	#untide_donation .img_caption {padding-top:5px; color:#333333; font-size: 13px; text-align:center;}
	#untide_donation .text {width:100%; max-width: 600px;margin:10px auto 0;font-size:16px}
	
	.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%;}
}

@media (min-width: 0px) and (max-width: 320px) {
 	
    
    .untide-body { min-width: auto; width: 100%; }
    .untide_logo { position: absolute; top: 73px; left: 23px; text-align: center; padding:0; }
    .untide_logo_title { font-size: 14px; text-align: left; }
    .untide_logo img { width: 120px; margin-top: -5px; }
    .untide_section { padding: 40px 0px; }
    .untide_container { width:100%; }
    .scroll-down { bottom: 50px; }
    .untide_title img { width: 200px; }
    section#untide_intro { padding-top: 150px; }
    .untide_container .untide_box_left { width: 100%; float:left; }
    .untide_container .untide_box_right { width: 100%; float:left; padding-left: 0; padding-top:25px; text-align: center; }
    .untide_box_left iframe { height: 165px !important; }
    .untide_flower_1 { top: -130px; left: 40px; right: auto; }
    .untide_flower_2 { width: 40px; top: 0px; right: 40px; left: auto; }
    .untide_flower_3 { width: 30px; top: 440px; right: 15px; left: auto; }
    .untide_flower_4 { width: 30px; top: 640px; left: 35px; right: auto; }
    .untide_flower_5 { width: 30px; top: -28px; right: 15px; left: auto; }
    .untide_flower_6 { width: 30px; top: 150px; left: 20px; right: auto; }
    .untide_title { font-size:22px; padding-bottom: 30px; }
    section#untide_biz .untide_title { font-size:18px; padding: 0 30px 30px 30px; line-height: 30px; }
	section#untide_biz .untide_title br { display: none; }
    .untide_subtitle { font-size:18px; padding: 0 50px 20px 50px; line-height: 30px; }
    .untide_desc { font-size: 16px; line-height: 25px; margin-bottom: 25px; padding: 0 30px; }
    .untide_desc.untide_padding { padding: 0 25px; }
    .untide_desc.untide_padding br { display: none; }
    section#untide_donation .untide_desc { font-size: 23px; line-height: 1.7; padding: 0 35px; }
    section#untide_donation .untide_desc br { display: none; }
    .untide_btn_1 { margin: 0 auto; font-size: 18px; width: 230px; height: 50px; line-height: 50px; }
    .untide_btn_2 { float: none; clear: both; margin: 0 auto; margin-bottom: 30px; height: 50px; line-height: 50px; font-size: 18px; width: 230px; }
    .untide_btn_1 img, .untide_btn_2 img { margin-top: 3px; }
    .untide_desc_small { font-size: 13px; line-height: 23px; padding:0 40px; }
    .untide_desc_normal { width: 100%; float: left; font-size: 15px; line-height: 23px; padding: 0 33px; margin-bottom: 35px; }
    .untide_container_full .untide_box_right { margin-left: 0; width: 100%; position: static; padding-left: 0; padding:20px; text-align: center; }
    .untide_box_full { overflow: hidden; }
    .untide_story_img { max-width: 150% !important; width: 150%; }
    .untide_script_small { font-size: 17px; line-height: 30px; }
    .untide_script_big { font-size: 25px; }
    .untide_script_artist { font-size: 9px; bottom: 3px; right: 12px; }
    .untide_script_from { font-size: 13px; line-height: 25px; padding-top: 25px; }
    .untide_box_full:nth-child(1) .untide_box_right { position: absolute; top: 35px; left: 20px; text-align: left; }
    .untide_box_full:nth-child(1) .untide_story_img { max-width: 200% !important;  }
    .untide_bg_gray .untide_box_full:nth-child(2) img { margin-top: 0 !important; }
    .untide_bg_gray .untide_box_full:nth-child(1) .untide_box_right { position:static; text-align: center; margin-top: -70px; padding-bottom: 80px; }
    .untide_bg_gray .untide_box_full:nth-child(2) .untide_box_right { margin-top: -10px; padding-bottom: 60px; }
    .untide_bg_gray .untide_box_full:nth-child(3) .untide_box_right { margin-top: -10px; padding-bottom: 60px; }
    .untide_bg_gray .untide_box_full:nth-child(4) .untide_box_right { margin-top: -15px; padding-bottom: 60px; }
    .untide_bg_gray .untide_box_full:nth-child(5) .untide_box_right { margin-top: 10px; padding-bottom: 40px; }
    .untide_bg_gray .untide_box_full:nth-child(6) .untide_box_right { margin-top: -30px; padding-bottom: 40px; }
    .untide_bg_gray .untide_box_full:nth-child(7) .untide_box_right { padding: 40px 0; }
    .untide_bg_gray .untide_box_full:nth-child(9) .untide_box_right { padding: 60px 0px; }
    .untide_bold { font-size: 18px; line-height: 30px; }
    .untide_image_gallery { padding: 20px 30px 15px 30px; }
    .untide_image_gallery img { width: 50%; }
    .untide_image_gallery img:nth-child(3) { display: none; }
    .untide_graph_left { width: 100%; }
    .untide_graph_right { width:100%; }
    .piesite { width: 110px; height: 110px; font-size: 110px; }
    .piesite::after { width: 80px; height: 80px; }
    .piesite .percent { font-size: 25PX; }
    .piesite .percent .int { top: -25px; left: 38px; }
    .piesite .percent .symbol { top: -20px; right: 32px; }
	.box-piesite { padding-bottom: 30px; }
    .box-piesite ul { margin-top: 0; }
    .box-piesite ul li:first-child { margin: 10px 12px 10px 20px; }
    .box-piesite ul li:last-child { margin: 10px 20px 10px 12px; }
    .untide_graph_title { font-size: 16px; margin-bottom: 5px; }
    .untide_graph_desc { font-size: 14px; }
    .untide_graph_desc_small { font-size: 14px; padding: 5px 30px 0 30px; }
    .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; }
    .untide_pic_box { padding: 0; text-align: center; width: auto; height: auto; margin: 0 30px; float: left; padding-top: 30px; }
    .untide_pic_box img { float: none; margin: 0 auto; margin-bottom: 10px; }
    .untide_pic_box .untide_pic_right { line-height: 20px; font-size: 13px; padding: 0 30px 30px 30px; width: 100%; }
    .untide_pic_box .untide_pic_right br { display: none; }
    .untide_pic_box .untide_pic_right b { padding-bottom: 5px; }
    
    /* mobile last video */
    /*.untide_section_home { display: none; }20190708 hj */
	.untide_full_bg { display:none }
    /*.untide_full_bg { position: static; float: left; height: auto !important; }*/
    .untide_hide_mobile { display: block; }
	.untide_hide_pc {display:none}
    section#untide_link .untide_btn_top { display: none; }
    .untide_flower_1 { top: 0px; }
    .untide_flower_2 { top: -40px; right: 40px; }
	
	section#untide_reply .untide_btn_top { display: none; }
	section#untide_reply .untide_container {padding:0 30px 30px 30px}
	section#untide_reply .untide_subtitle {padding-left:0;padding-right:0;font-size:23px}
	section#untide_reply .untide_desc {padding:0;font-size:17px;line-height:30px}
	section#untide_reply .untide_subtitle .info {font-size: 20px;}
	section#untide_reply .event_img {height: 228px;background-image:url('../img/time/time_event1_img_m.jpg');background-size:contain;}
	section#untide_reply .event_info dl:nth-child(2), section#untide_reply .event_info dl:nth-child(3) {width: 100%}
	section#untide_reply .event_info ul li {text-align: left;}
	
	#untide_donation .img_group {float :none;width:100%; max-width: 600px;margin: 30px auto;}
	#untide_donation .img {background-image: url('../img/name/name_img01_m.jpg');background-repeat: no-repeat; height:250px; background-size:250px 215px;}
	#untide_donation .img_caption {padding-top:5px; color:#333333; font-size: 13px; text-align:center;}
	#untide_donation .text {width:100%; max-width: 600px;margin:10px auto 0;font-size:16px}
	
	.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%;}

}