input[type=text],
input[type=password],
textarea
{
    -webkit-box-sizing :border-box;
    -moz-box-sizing :border-box;
    box-sizing :border-box;
	line-height:auto;
	vertical-align:top;
	font-size:14px;
}
select { font-size:14px; }
* { position:relative; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; word-break:keep-all; }

.t_logo { height:60px; background:url(../images/reg_logo.jpg) no-repeat center 0 #ffffff; margin-bottom:0px; }
.t_logo img { display:none; }

.t_area { height:363px; background:url(../images/img_top.png) no-repeat center 0 #ffffff; margin-bottom:54px; }
.t_area img { display:none; }

.g_area { height:437px; background:url(../images/reg_img03.jpg) no-repeat center 0 #000000; margin-bottom:50px; }
.g_area img { display:none; }

.g_reg1 { height:48px; background:url(../images/reg_img01.jpg) no-repeat center 0 #000000; margin-bottom:10px; }
.g_reg1 img { display:none; }
.g_reg2 { height:287px; background:url(../images/reg_img02.jpg) no-repeat center 0 #000000; margin-bottom:50px; }
.g_reg2 img { display:none; }
.g_reg_ev1 { height:531px; background:url(../images/reg_evnt_01.png) no-repeat center 0 #ffffff; margin-bottom:30px; }
.g_reg_ev1 img { display:none; }
.g_reg_ev2 { height:253px; background:url(../images/reg_evnt_02.png) no-repeat center 0 #ffffff; margin-bottom:30px; }
.g_reg_ev2 img { display:none; }

.g_lan1 { height:150px; background:url(../images/landing_img01.jpg) no-repeat center 0 #000000; margin-bottom:0px; }
/* .g_lan1 img { display:none; } */
.g_lan2_1 { height:243px; background:url(../images/landing_img02_1.jpg) no-repeat center 0 #000000; margin-bottom:0px; }
/* .g_lan2_1 img { display:none; } */
.g_lan2_2 { height:242px; background:url(../images/landing_img02_2.jpg) no-repeat center 0 #000000; margin-bottom:50px; }
/* .g_lan2_2 img { display:none; } */
.g_lan3 { height:310px; background:url(../images/landing_img03.jpg) no-repeat center 0 #000000; margin-bottom:50px; }
/* .g_lan3 img { display:none; } */

.event { height:570px; background-image:url(../images/reg_img01.jpg); background-repeat:no-repeat; background-position:center 0; margin-bottom:50px; }
.event img { display:none; }
.form .wrap { max-width:900px; margin:0 auto; padding-bottom:70px; }
.form .wrap h2 { font-size:36px; color:#000000; text-align:center; font-weight:800; margin-bottom:10px; }
.form .wrap .t_guide { font-size:14px; text-align:center; margin-bottom:10px; }
.form .unit { padding:30px 0; border-bottom:0px dashed #c0bfc2; }
.form .unit.nl { border:0; margin-bottom:20px; }
.form .unit .g_info { float:left; width:calc(55% - 70px); border:1px solid #2a3b4f; padding:22px 35px; }
.form .unit .g_info h3 { font-size:20px; color:#000000; text-align:center; margin-bottom:10px; }
.form .unit .g_info .box { padding-right:107px; }
.form .unit .g_info .box .btn { position:absolute; top:0; right:0; bottom:0; width:100px; }
.form .unit .g_info .msg { line-height:35px; background:#ececec; font-size:20px; text-align:center; }
.form .unit .g_info dl { line-height:30px; margin-bottom:4px; padding-left:65px; }
.form .unit .g_info.left dl:nth-child(3) { margin-bottom:8px; }
.form .unit .g_info dl dt { position:absolute; top:0; left:0; font-size:20px; }
.form .unit .g_info dl dd input[type=text] { width:100%; height:30px; padding:0 10px; border:1px solid #bcbcbc; }
.form .unit .g_info dl dd select { width:100%; height:30px; padding:0 0 0 10px; border:1px solid #bcbcbc; }
.form .unit .g_info .bt_confirm { display:inline-block; width:100px; line-height:98px; font-size:20px; color:#fff; font-weight:700; background:url(../images/bt_bg.gif); background-size:100% 100%; text-align:center; }


.form .unit .g_info .bt_confirm:hover { text-decoration:none; }
.form .unit .g_info.right { float:right; width:calc(45% - 30px); border:0; padding:0; }
.form .unit .g_info.right dl { margin-bottom:17px; }
.form .unit .g_info.right dl:last-child { margin:0; }

.form .unit .g_info.all { float:leftt; width:calc(68.5% - 30px); border:7px solid #4a8dc3; padding:40px 150px ; }
ll dl { margin-bottom:50px; }
.form .unit .g_info.all dl:last-child { margin:0; }

.form .unit .quiz_answer { float:left; width:100%; padding:8px 0; background:#2e68b0; margin-top:30px; font-size:20px; line-height:30px; color:#fff; text-align:center; }
.form .unit .quiz_answer input[type=text] { width:350px; height:30px; padding:0 10px; border:1px solid #bcbcbc; margin-left:25px; }
.form .unit.quiz h3 { text-align:center; margin-bottom:18px; }
.form .unit.quiz .t_guide { font-size:20px; line-height:32px; background:#e9e9e9; text-align:center; margin-bottom:55px; }
.form .unit.quiz .t_guide b { color:#c01c2f; }
.form .unit.quiz dl { margin-bottom:30px; }
.form .unit.quiz dl:last-child { margin:0; }
.form .unit.quiz dl dt { font-size:20px; line-height:30px; margin-bottom:10px; padding-left:0px; }
.form .unit.quiz dl dt i { position:absolute; top:0; left:0; }
.form .unit.quiz dl dd { font-size:18px; line-height:30px; }
.form .unit.quiz dl dd ul:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.form .unit.quiz dl dd ul li { float:left; width:calc(25% - 22px); padding-left:22px; }
.form .unit.quiz dl dd ul.w1 li { float:none; width:auto; }
.form .unit.quiz dl dd ul.w2 li { width:calc(50% - 22px); }
.form .unit.quiz dl dd ul.w3 li { width:calc(33.3333% - 22px); }
.form .unit.quiz dl dd ul li.etc { width:calc(100% - 22px); }
.form .unit.quiz dl dd ul li input[type=radio],
.form .unit.quiz dl dd ul li input[type=checkbox] { position:absolute; top:11px; left:0; }
.form .unit.quiz dl dd ul li input[type=text] { width:150px; height:30px; padding:10 10 10 10px; border:1px solid #bcbcbc; }
.form .agree { margin-bottom:60px; font-size:14px; }
.form .agree .box { border:1px solid #cecece; padding:18px 20px; height:140px; font-size:14px; line-height:20px; overflow:hidden; overflow-y:auto; margin-bottom:15px; }
.form .agree input[type=checkbox] { vertical-align:middle; margin:-3px 5px 0 0; }
.form .b_btn { text-align:center; }
.form .b_btn a { display:inline-block; width:320px; line-height:57px; font-size:24px; color:#fff; font-weight:700; background:url(../images/bt_bg.gif); background-size:100% 100%; border-radius:5px; }
.form .b_btn a:hover { text-decoration:none; }
.textarea_1 {
	width:600px
}
@media screen and (max-width:900px) {

	.t_logo { height:auto; background:none; margin-bottom:0px; }
	.t_logo img { display:block; width:100%; }
	.t_area { height:auto; background:none; margin-bottom:20px; }
	.t_area img { display:block; width:100%; }
	.t_area_s { height:auto; background:none; margin-bottom:20px; }
	.t_area_s img { display:block; width:100%; }
	.t_area_l { height:auto; background:none; margin-bottom:0px; }
	.t_area_l img { display:block; width:100%; }

	.g_area { height:auto; background:none; margin-bottom:20px; }
	.g_area img { display:block; width:100%; }
	.g_reg1 { height:auto; background:none; margin-bottom:0px; }
	.g_reg1 img { display:block; width:100%; }
	.g_reg2 { height:auto; background:none; margin-bottom:0px; }
	.g_reg2 img { display:block; width:100%; }
	.g_reg_ev1 { height:auto; background:none; margin-bottom:0px; }
	.g_reg_ev1 img { display:block; width:100%; }
	.g_reg_ev2 { height:auto; background:none; margin-bottom:0px; }
	.g_reg_ev2 img { display:block; width:100%; }

	.g_lan1 { height:auto; background:none; margin-bottom:0px; }
	.g_lan1 img { display:block; width:100%; }
	.g_lan2_1 { height:auto; background:none; margin-bottom:0px; }
	.g_lan2_1 img { display:block; width:100%; }
	.g_lan2_2 { height:auto; background:none; margin-bottom:20px; }
	.g_lan2_2 img { display:block; width:100%; }
	.g_lan3 { height:auto; background:none; margin-bottom:30px; }
	.g_lan3 img { display:block; width:100%; }


	.event { height:auto; background:none; padding:0 20px; margin-bottom:20px; }
	.event img { display:block; width:100%; }
	.form .wrap { padding:0 20px 45px; }
	.form .wrap h2 { font-size:30px; margin-bottom:7px; }
	.form .wrap .t_guide { font-size:13px; margin-bottom:0; }
	.form .unit { padding:20px 0; }
	.form .unit.nl { border:0; margin-bottom:0; }
	.form .unit .g_info { float:none; width:auto; padding:15px; margin-bottom:20px; }

	.form .unit .g_info.all { float:none; width:auto; padding:20px 20px}
	.form .unit .g_info.all dl { margin-bottom:5px; }
	.form .unit .g_info.all dl:last-child { margin:0; }

	.form .unit .g_info.right { float:none; width:auto; }
	.form .unit .g_info.right dl { margin-bottom:5px; }
	.form .unit .g_info.right dl:last-child { margin:0; }
	.form .unit .g_info dl { padding-left:60px; }
	.form .unit .g_info dl dt { font-size:16px; }
	.form .unit .quiz_answer { float:none; width:auto; padding:10px 10px 10px 80px; margin-top:10px; font-size:16px; text-align:left; }
	.form .unit .quiz_answer span { position:absolute; top:10px; left:10px; }
	.form .unit .quiz_answer input[type=text] { width:100%; margin:0; }
	.form .unit.quiz dl { margin-bottom:20px; }
	.form .unit.quiz dl dt { font-size:16px; line-height:30px; margin-bottom:8px; padding-left:0px; }
	.form .unit.quiz dl dd { font-size:14px; line-height:18px; }
	.form .unit.quiz dl dd ul li { width:calc(50% - 22px); margin-bottom:7px; }
	.form .unit.quiz dl dd ul.w3 li { width:calc(50% - 22px); }
	.form .unit.quiz dl dd ul li.etc { width:calc(100% - 22px); }
	.form .unit.quiz dl dd ul li input[type=radio],
	.form .unit.quiz dl dd ul li input[type=checkbox] { top:5px; }
	.form .unit.quiz dl dd ul li input[type=text] { width:70%; height:25px; margin-top:-3px; }
	.form .agree { margin-bottom:30px; font-size:13px; }
	.form .agree .box { padding:12px 15px; height:100px; font-size:13px; line-height:18px; margin-bottom:10px; }
	.form .b_btn a { width:280px; line-height:50px; font-size:20px; }

	.textarea_1 {
		width:300px
	}

}

/* 새 공통 */
.blind {
    display: none !important;
}

.content .inner {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 60px;
    box-sizing: border-box;
}

/* 새 레이아웃 */
#header {
    width: 100%;
}

#header .inner {
    width: 100%;
    max-width: 1024px;
    height: 60px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 0 60px;
    box-sizing: border-box;
}

#header .inner a {
    display: block;
    width: 149px;
}

#header .inner a img {
    width: 100%;
    display: block;
}

/* 랜딩 페이지 */

.landing {
    padding-bottom: 105px;
}

.landing .top {
    width: 100%;
}

.landing .top img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.landing .intro .intro_sub {
    padding: 40px 0 24px;
    text-align: center;
}

.landing .intro .intro_sub em {
    font-size: 24px;
    line-height: 36px;
}

.landing .intro .intro_sub em b {
    color: #ED1B2E;
    display: block;
}

.landing .intro .intro_cont {
    border: 1px solid #B1B3B8;
    padding: 50px 40px;
    padding-right: 200px;
    box-sizing: border-box;
}

.landing .intro .intro_cont ul li {
    font-size: 18px;
    line-height: 30px;
    word-break: keep-all;
    padding-left: 20px;
}

.landing .intro .intro_cont ul li + li {
    margin-top: 30px;
}

.landing .intro .intro_cont ul li::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #ed1b2e;
    position: absolute;
    top: 12px;
    left: 0;
}

.landing .intro .intro_cont::after {
    content: "";
    display: block;
    width: 181px;
    height: 156px;
    background-image: url(../images/landing/img-intro.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
}

.landing .landing_cont_wrap {
    margin-top: 26px;
}

.landing .landing_cont_wrap .tit {
    padding: 24px 0;
    text-align: center;
    border-bottom: 2px solid #ed1b2e;
}

.landing .landing_cont_wrap .tit em {
    font-size: 22px;
    line-height: 35px;
    font-weight: bold;
    display: inline-block;
    padding: 0 90px;
}

.landing .landing_cont_wrap .tit em::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 74px;
    height: 65px;
    background-image: url(../images/landing/ico-alert.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
}

.landing .landing_cont_wrap .tit em::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 74px;
    height: 65px;
    background-image: url(../images/landing/ico-alert.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
}

.landing .landing_cont_wrap .landing_cont {
    padding-top: 25px;
}

.landing .landing_cont_wrap .landing_cont p {
    font-size: 18px;
    line-height: 30px;
    word-break: break-all;
    text-align: justify;
}

.landing .landing_cont_wrap .landing_cont .whitepaper_wrap {
    margin-top: 45px;
    padding-left: 254px;
    position: relative;
}

.landing .landing_cont_wrap .landing_cont .whitepaper_wrap .thumb {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 224px;
}

.landing .landing_cont_wrap .landing_cont .whitepaper_wrap .cont {
    padding: 30px 55px;
    background-color: #f1f2f3;
}

.landing .landing_cont_wrap .landing_cont .whitepaper_wrap .cont p {
    font-size: 22px;
    line-height: 33px;
    color: #ED1B2E;
    font-weight: bold;
}

.landing .landing_cont_wrap .landing_cont .whitepaper_wrap .cont ul {
    margin-top: 8px;
}

.landing .landing_cont_wrap .landing_cont .whitepaper_wrap .cont ul li {
    font-size: 18px;
    line-height: 30px;
    padding-left: 18px;
}

.landing .landing_cont_wrap .landing_cont .whitepaper_wrap .cont ul li::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #ed1b2e;
    position: absolute;
    top: 12px;
    left: 0;
}

.landing .landing_cont_wrap .landing_cont .whitepaper_wrap .cont a {
    display: inline-block;
    vertical-align: top;
    padding: 0 25px;
    font-size: 18px;
    line-height: 44px;
    color: #fff;
    background-color: #ED1B2E;
    margin-top: 20px;
    font-weight: bold;
}

.landing .landing_cont_wrap .landing_cont .whitepaper_wrap .cont a::after {
    content: "";
    display: inline-block;
    vertical-align: top;
    height: 41px;
    background-image: url(../images/landing/ico-angle-btn.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 17px;
    margin-left: 11px;
}

.landing .coupon_wrap {
    margin-top: 82px;
}

.landing .coupon_wrap img {
    width: 100%;
}

.landing .btn_wrap {
    margin-top: 45px;
    text-align: center;
}

.landing .btn_wrap a {
    display: inline-block;
    vertical-align: top;
    padding: 0 56px;
    line-height: 70px;
    background-image: url(../images/assets/bg-btn-basic.png);
    background-position: center;
    background-size: contain;
    border-radius: 70px;
    font-size: 32px;
    color: #fff;
}

.landing .btn_wrap a::after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 70px;
    background-image: url(../images/landing/ico-arrow-btn.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 15px;
}

/* 추가 랜딩 페이지 (유튜브) */
.sub .top {
    width: 100%;
}

.sub .top img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.youtube_event_wrap {
    padding-bottom: 80px;
}

.youtube_event_wrap .tit {
    padding: 50px 0 25px;
    border-bottom: 1px solid #F5828C;
}

.youtube_event_wrap .tit h2 {
    font-size: 26px;
    color: #ed1b2e;
    text-align: center;
}

.youtube_event_wrap .desc {
    margin-top: 40px;
}

.youtube_event_wrap .desc p {
    font-size: 17px;
    line-height: 30px;
    color: #262829;
    letter-spacing: -0.03em;
}

.youtube_event_wrap .sub_tit {
    background-color: #EBEBEC;
    padding: 30px 20px;
    border-bottom: 1px solid #EC4857;
    margin-bottom: 48px;
}

.youtube_event_wrap .sub_tit h3 {
    font-size: 20px;
    line-height: 32px;
    text-align: center;
}

.youtube_event_wrap .sub_tit h3 b {
    color: #ED1B2E;
}

.youtube_event_wrap .clip_list {
    width: 100%;
    max-width: 1024px;
    padding: 0 60px;
    padding-top: 48px;
    margin: 0 auto;
    box-sizing: border-box;
}

.youtube_event_wrap .clip_list .col_wrap {
    position: relative;
}

.youtube_event_wrap .clip_list .col_wrap + .col_wrap {
    margin-top: 50px;
}

.youtube_event_wrap .clip_list .col_wrap.algn_left {
    padding-right: 310px;
}

.youtube_event_wrap .clip_list .col_wrap.algn_right {
    padding-left: 310px;
}

.youtube_event_wrap .clip_list .col_wrap .col_clip {
    width: 100%;
}

.youtube_event_wrap .clip_list .col_wrap .clip_wrap {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
}

.youtube_event_wrap .clip_list .col_wrap .clip_wrap > div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.youtube_event_wrap .clip_list .col_wrap .clip_wrap > div iframe {
    width: 100%;
    height: 100%;
}

.youtube_event_wrap .clip_list .col_wrap .col_info {
    position: absolute;
    top: 0;
    width: 300px;
    height: 100%;
    border: 1px solid #E0E1E1;
    padding: 30px;
    box-sizing: border-box;
}

.youtube_event_wrap .clip_list .col_wrap.algn_left .col_info {
    right: 0;
}

.youtube_event_wrap .clip_list .col_wrap.algn_right .col_info {
    left: 0;
}

.youtube_event_wrap .clip_list .col_wrap .col_info i {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 34px;
    border-radius: 0 0 15px 0;
    background-color: #ED1B2E;
    color: #fff;
    padding: 0 20px;
}

.youtube_event_wrap .clip_list .col_wrap .col_info em {
    display: block;
    font-size: 19px;
    line-height: 27px;
    margin-top: 12px;
    padding-bottom: 17px;
    margin-bottom: 19px;
    border-bottom: 1px solid #D3D3D3;
    color: #000000;
    font-weight: bold;
}

.youtube_event_wrap .clip_list .col_wrap .col_info p {
    font-size: 16px;
    line-height: 26px;
    color: #606162;
    word-break: break-all;
    letter-spacing: -0.04em;
}

.youtube_event_wrap .banner_wrap {
    max-width: 1024px;
    padding: 0 60px;
    margin: 0 auto;
    margin-top: 70px;
    box-sizing: border-box;
}

.youtube_event_wrap .banner_wrap img {
    width: 100%;
}

.youtube_event_wrap .btn_wrap {
    margin-top: 50px;
    text-align: center;
    font-size: 0;
}

.youtube_event_wrap .btn_wrap a {
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    line-height: 57px;
    color: #fff;
    background-color: #000000;
    text-align: center;
    width: 248px;
    border-radius: 0 0 0 20px;
}

.youtube_event_wrap .btn_wrap a.btn_basic {
    border-radius: 0 0 20px 0;
    background-color: #ED1B2E;
}

.youtube_event_wrap .btn_wrap a + a {
    margin-left: 10px;
}

@media screen and (max-width:900px) {
    #header .inner {
        padding: 0 20px;
        height: 40px;
    }
    #header .inner a {
        width: 75px;
    }
    .content .inner {
        padding: 0 20px;
    }
    .landing .intro .intro_sub {
        padding: 28px 0 10px;
    }
    .landing .intro .intro_sub em {
        font-size: 14px;
        line-height: 1.4em;
    }
    .landing .intro .intro_cont {
        padding: 12px;
    }
    .landing .intro .intro_cont ul li {
        font-size: 13px;
        line-height: 20px;
        padding-left: 12px;
    }
    .landing .intro .intro_cont ul li::before {
        width: 4px;
        height: 4px;
        top: 8px;
    }
    .landing .intro .intro_cont::after {
        display: none;
    }
    .landing .intro .intro_cont ul li + li {
        margin-top: 12px;
    }
    .landing .landing_cont_wrap {
        margin-top: 12px;
    }
    .landing .landing_cont_wrap .tit {
        padding: 15px 0;
    }
    .landing .landing_cont_wrap .tit em {
        padding: 0;
        padding-left: 50px;
        padding-right: 50px;
        font-size: 14px;
        line-height: 1.4em;
        word-break: keep-all;
    }
    .landing .landing_cont_wrap .tit em::before {
        width: 40px;
        height: 35px;
    }
    .landing .landing_cont_wrap .tit em::after {
        width: 40px;
        height: 35px;
    }
    .landing .landing_cont_wrap .landing_cont p {
        font-size: 13px;
        line-height: 20px;
    }
    .landing .landing_cont_wrap .landing_cont .whitepaper_wrap {
        padding-left: 0;
        margin-top: 20px;
    }
    .landing .landing_cont_wrap .landing_cont .whitepaper_wrap .thumb {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;
        margin: 0 auto;
    }
    .landing .landing_cont_wrap .landing_cont .whitepaper_wrap .cont {
        margin-top: 20px;
        padding: 12px;
    }
    .landing .landing_cont_wrap .landing_cont .whitepaper_wrap .cont p {
        font-size: 14px;
        line-height: 1.4em;
    }
    .landing .landing_cont_wrap .landing_cont .whitepaper_wrap .cont ul li {
        font-size: 13px;
        line-height: 20px;
        padding-left: 12px;
    }
    .landing .landing_cont_wrap .landing_cont .whitepaper_wrap .cont ul li::before {
        width: 4px;
        height: 4px;
        top: 8px;
    }
    .landing .landing_cont_wrap .landing_cont .whitepaper_wrap .cont a {
        display: block;
        margin: 0 auto;
        width: 140px;
        text-align: center;
        font-size: 13px;
        line-height: 40px;
        margin-top: 12px;
    }
    .landing .landing_cont_wrap .landing_cont .whitepaper_wrap .cont a::after {
        width: 12px;
        height: 39px;
    }
    .landing .coupon_wrap {
        margin-top: 40px;
    }
    .landing .btn_wrap a {
        line-height: 40px;
        font-size: 14px;
    }
    .landing .btn_wrap a::after {
        height: 40px;
        width: 6px;
        margin-left: 8px;
    }
    .landing {
        padding-bottom: 40px;
    }
    .landing .btn_wrap {
        margin-top: 20px;
    }

    .youtube_event_wrap .tit {
        padding: 30px 0 20px;
    }
    .youtube_event_wrap .tit h2 {
        font-size: 16px;
        line-height: 1.4em;
        letter-spacing: -0.04em;
    }
    .youtube_event_wrap .desc {
        margin-top: 20px;
    }
    .youtube_event_wrap .desc p {
        font-size: 13px;
        line-height: 20px;
    }
    .youtube_event_wrap .sub_tit {
        padding: 20px;
        margin-bottom: 20px;
    }
    .youtube_event_wrap .sub_tit h3 {
        font-size: 14px;
        line-height: 1.4em;
    }
    .youtube_event_wrap .clip_list {
        background-color: #EBEBEC;
        padding: 20px 10px 20px;
        padding-top: 0;
        margin-top: 20px;
    }
    .youtube_event_wrap .clip_list .col_wrap {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    }
    .youtube_event_wrap .clip_list .col_wrap + .col_wrap {
        margin-top: 25px;
    }
    .youtube_event_wrap .clip_list .col_wrap.algn_left,
    .youtube_event_wrap .clip_list .col_wrap.algn_right {
        padding: 0;
    }
    .youtube_event_wrap .clip_list .col_wrap .col_clip {
        width: 100%;
        order: 1;
    }
    .youtube_event_wrap .clip_list .col_wrap .col_info {
        position: inherit;
        order: 2;
        width: 100%;
        border: none;
        padding: 20px;
    }
    .youtube_event_wrap .clip_list .col_wrap .col_info i {
        font-size: 12px;
        line-height: 30px;
        border-radius: 0 0 10px 0;
        padding: 0 12px;
    }
    .youtube_event_wrap .clip_list .col_wrap .col_info em {
        font-size: 14px;
        line-height: 1.4em;
        margin-top: 8px;
        padding-bottom: 8px;
        margin-bottom: 12px;
    }
    .youtube_event_wrap .clip_list .col_wrap .col_info em br {
        display: none;
    }
    .youtube_event_wrap .clip_list .col_wrap .col_info p {
        font-size: 13px;
        line-height: 1.4em;
    }
    .youtube_event_wrap .banner_wrap {
        margin-top: 0;
        padding: 0;
    }
    .youtube_event_wrap .btn_wrap {
        margin-top: 20px;
    }

    .youtube_event_wrap .btn_wrap a {
        width: calc((100% - 10px) / 2 - 0.1px);
        font-size: 16px;
        line-height: 50px;
        border-radius: 0 0 0 15px;
    }
    .youtube_event_wrap .btn_wrap a.btn_basic {
        border-radius: 0 0 15px 0;
    }
}