/* COMMON */
.contents { padding-top: 80px; }
.sub-visual { position: relative; padding: 30px; height: 300px; background-repeat: no-repeat; background-position: center; background-size: cover; display: flex; align-items: center;}
.sub-visual .title { position: relative; margin-bottom: 30px; padding-left: 24px; line-height: 1; font-size: 40px; font-weight: 600; line-height: 1;}
.sub-visual .title::before { content: ''; position: absolute; top: -25px; left: 0; width: 46px; height: 49px; background-repeat: no-repeat; background-position: left top;}
.sub-visual .text { padding: 0 450px 0 24px; line-height: 26px; letter-spacing: -0.08em; font-size: 16px; color: #5f5f5f;}
.sub-visual .sub-visual-wrapper { position: relative; margin: auto; max-width: 1200px; width: 100%}
.sub-visual .sub-visual-wrapper:after { content:''; width: 300px; position: absolute; top: 0; right: 0; height: 300px; background-position: center bottom; background-repeat: no-repeat; background-size: auto 100%; transform-origin: top right; }
.sub-visual.sv1 { background-image: url('/child/img/sub/visual/sv1.png'); }
.sub-visual.sv2 { background-image: url('/child/img/sub/visual/sv2.png'); }
.sub-visual.sv3 { background-image: url('/child/img/sub/visual/sv3.png'); }
.sub-visual.sv4 { background-image: url('/child/img/sub/visual/sv4.png'); }
.sub-visual.sv5 { background-image: url('/child/img/sub/visual/sv5.png'); }
.sub-visual.sv1 .sub-visual-wrapper:after {background-image: url('/child/img/sub/visual/sv1-icon.svg'); }
.sub-visual.sv2 .sub-visual-wrapper:after {background-image: url('/child/img/sub/visual/sv2-icon.svg'); }
.sub-visual.sv3 .sub-visual-wrapper:after {background-image: url('/child/img/sub/visual/sv3-icon.svg'); }
.sub-visual.sv4 .sub-visual-wrapper:after {background-image: url('/child/img/sub/visual/sv4-icon.svg'); }
.sub-visual.sv5 .sub-visual-wrapper:after {background-image: url('/child/img/sub/visual/sv5-icon.svg'); }
.sub-visual.sv1 span {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 28px;
    width: 77px;
    border-radius: 50%;
    background-color: #f35787;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    box-shadow: 0 0 0 2px #f35787;
    margin-bottom: 10px;
}
.sub-visual.sv1 .title{color: #f35787;}
.sub-visual.sv2 .title{color: #f3a50e;}
.sub-visual.sv3 .title{color: #2a8ce7;}
.sub-visual.sv4 .title{color: #704ccd;}
.sub-visual.sv5 .title{color: #04b275;}
.sub-visual.sv1 .title::before { background-image: url(/child/img/sub/visual/sv1-tit.png);}
.sub-visual.sv2 .title::before { background-image: url(/child/img/sub/visual/sv2-tit.png);}
.sub-visual.sv3 .title::before { background-image: url(/child/img/sub/visual/sv3-tit.png);}
.sub-visual.sv4 .title::before { background-image: url(/child/img/sub/visual/sv4-tit.png);}
.sub-visual.sv5 .title::before { background-image: url(/child/img/sub/visual/sv5-tit.png);}
@media (max-width: 1200px){
    .sub-visual { height: auto; min-height: 200px; }
    .sub-visual .sub-visual-wrapper:after { top: -15px; transform: scale(.65); }
    .sub-visual .title { font-size: 26px; margin: 0 0 24px -20px; padding-left: 18px; }
    .sub-visual .title::before { width: 28px; height: 30px; top: -16px; background-size: cover;}
    .sub-visual .text { font-size: 15px; padding: 0 300px 0 0; line-height: 20px;}
    .sub-visual.sv1 span{
        line-height: 24px;
        width: 68px;
    }
}
@media (max-width: 950px){
    .sub-visual .sub-visual-wrapper:after{ display: none; }
    .sub-visual .text { padding: 0; }
}
@media (max-width: 768px){
    .contents { padding-top: 60px; }
    .sub-visual .title { font-size: 20px; }
    .sub-visual .text { font-size: 14px; }
    .sub-visual .br { display: none; }
}

.page-title{font-size:32px;text-align:center;margin-bottom:60px;color:#333;}

@media (max-width: 768px){
    .page-title{ font-size: 28px; margin-bottom: 40px; }
}
@media (max-width: 576px){
    .page-title{ font-size: 24px; margin-bottom: 30px; }
}

/* color */
.color-sky .point-color{ color:#3d8fff !important; fill:#3d8fff; }
.color-lime .point-color{ color:#04b275 !important; fill:#04b275; }
.color-purple .point-color{ color:#704ccd !important; fill:#704ccd; }
.color-yellow .point-color{ color:#ffc619 !important; fill:#f4a60e; }
.color-pink .point-color{ color:#f35787 !important; fill:#f35787; }
.color-green .point-color{ color:#1ab588 !important; fill:#1ab588; }
.color-orange .point-color{ color:#ff861a !important; fill:#ff861a; }
.color-blue .point-color{ color:#2a8ce7 !important; fill:#2a8ce7; }
.color-blue .color-hr{
    display: block;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, #2a8ce7 0%, #2a8ce7 40%, #7976f4 50%, #ffc5e6 60%, #ffc5e6 100%) !important;
}
.color-yellow .color-hr{
    display: block;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, #ffc619 47%, #ff8787 53%);
}
.color-green .color-hr{
    display: block;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right,#1ab588, #33f27b);
    background-image: -webkit-linear-gradient(to right, #1ab588, #33f27b);
    background-image:    -moz-linear-gradient(to right, #1ab588, #33f27b);
    background-image:     -ms-linear-gradient(to right, #1ab588, #33f27b);
    background-image:      -o-linear-gradient(to right, #1ab588, #33f27b);
    background-image:         linear-gradient(to right, #1ab588, #33f27b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1ab588', EndColorStr='#33f27b');
}

/* Sub Tab List */
.sub-tab-area { z-index: 2; position: relative; width: 100%; max-width:1200px; margin: 46px auto 0; border-bottom: 1px solid #dddddd; }
.sub-tab-list { display: flex; width: 100%; }
.sub-tab-list li { flex: 0 1 240px; }
.sub-tab-list li a {
    display: flex; align-items: center; justify-content: center;
    position: relative; padding: 20px 8px;
    text-align: center; font-size: 20px; font-weight: 400; color: #999999;
}
.sub-tab-list li a::before{
    content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 4px;
    -webkit-transition: all cubic-bezier(0.65, 0.05, 0.36, 1) .3s; transition: all cubic-bezier(0.65, 0.05, 0.36, 1) .3s;
    transform-origin: center;
}
.sub-tab-list li a:hover{ font-weight: bold; color:#333; }
.sub-tab-list li:last-child a::after { content: none; }
.sub-tab-list li.on a { color: #333; font-weight: bold;}
.sub-tab-area li.on a::before,
.sub-tab-area li.on a::after{ background-color:#666; }
.color-sky .sub-tab-area li.on a::before,
.color-sky .sub-tab-area li.on a::after{ background-color:#3d8fff; }
.color-purplue .sub-tab-area li.on a::before,
.color-purplue .sub-tab-area li.on a::after{ background-color:#4844f4; }
.color-yellow .sub-tab-area li.on a::before,
.color-yellow .sub-tab-area li.on a::after{ background-color:#f4a60e; }
.color-lime .sub-tab-area li.on a::before,
.color-lime .sub-tab-area li.on a::after{ background-color:#04b275; }
.color-pink .sub-tab-area li.on a::before,
.color-pink .sub-tab-area li.on a::after{ background-color:#f35787; }
.color-green .sub-tab-area li.on a::before,
.color-green .sub-tab-area li.on a::after{ background-color:#1ab588; }
.color-orange .sub-tab-area li.on a::before,
.color-orange .sub-tab-area li.on a::after{ background-color:#ff861a; }
.color-blue .sub-tab-area li.on a::before,
.color-blue .sub-tab-area li.on a::after{ background-color:#2a8ce7; }
.color-purple .sub-tab-area li.on a::before,
.color-purple .sub-tab-area li.on a::after{ background-color:#7f4ae8; }

.member-tab-area { z-index: 2; position: relative; margin: -100px auto 0; max-width: 1200px; width: 100%; }
.member-tab-area .tab-list > li { border: none; }
@media (min-width:1201px){
	.sub-tab-list li a.small { font-size: 16px; }
    /* .sub-tab-list li.on a::after {
        content: '';
        position: absolute;
        bottom: 0; left: 0;
        width: 4px; height: 20px;
    } */
    .member-tab-area .tab-list > li a,
    .member-tab-area .tab-list > li button { height: 70px; font-size: 20px; }
}
@media (max-width: 1200px){
    .sub-tab-area{ margin-top: 0; }
    .sub-tab-list li a { height: 50px; line-height: 16px; font-size: 16px; }
    .member-tab-area { margin-top: -39px; }
}
@media (max-width: 768px){
    .sub-tab-list li { flex: auto; width: 20%; }
    .sub-tab-list li a::before { height: 2px; }
    .color-sky .color-hr { height: 3px; }
}
@media (max-width: 550px){
    .sub-tab-area { margin-top: 0; padding: 0; }
    .sub-tab-list li a,
    .sub-tab-list li.on a { font-size: 14px; }
    .sub-tab-list li a { border-left-color: rgba(255,255,255,.2); }
    .sub-tab-list li { flex: auto; width: 33.33333%; }
    .l-5 li { width: 33.33333%; }
    .l-5 li a { border-bottom: 1px solid rgba(255,255,255,.2); }
    .l-5 li:last-child a { position: relative; border-right: none; }
    .l-5 li:last-child a:before { content: ''; position: absolute; top: 0; right: -1px; width: 1px; height: 100%; background: rgba(255,255,255,.2); }
}


.bg-light { padding: 80px 0; background-color: #f5f5f5; }
.bg-light:last-child { padding-bottom: 120px; }
.bg-light .video-player { padding-bottom: 0; }
@media(max-width:1200px){

}
@media(max-width:768px){
	.bg-light { padding: 60px 0; }
    .bg-light:last-child { padding-bottom: 80px; }
}


/* Page List Style */
#page_list_style{margin:40px 0 50px;}
.Paging_Num{border-bottom:none!important;}
.Paging_Num tr td{border-bottom:none!important;}

/* Pager */
#pager td{padding-left:0;width:30px;height:30px;line-height:30px;text-align:center;font-size:14px;font-weight: 600;}
#pager td a{display:block;padding-top:1px;width:100%;height:100%;}
#pager td a:hover{padding-top:0;background-color:#f8f8f8;border:1px solid #cccccc;}
.current_page{color:#fff;background:#1e71dd;border:none;cursor:default;}
.color-sky .current_page{background:#3d8fff;}
.color-purple .current_page{background:#4844f4;}
.color-yellow .current_page{background:#ffc619;}
.color-pink .current_page{background:#f35787;}
.color-green .current_page{background:#1ab588;}
.color-orange .current_page{background:#ff861a;}
.color-blue .current_page{background:#2a8ce7;}
.color-lime .current_page{background:#04b275 !important;}
.page_backward{background:url(/child/img/pager/page_l_2.png) no-repeat center;}
.page_back5{background:url(/child/img/pager/page_l.png) no-repeat center;}
.page_5{background:url(/child/img/pager/page_r.png) no-repeat center;}
.page_forward{background:url(/child/img/pager/page_r_2.png) no-repeat center;}

/* box */
.card-box{display:flex;align-items:center;}
.cardb-tit{display:inline-block;min-width:240px;font-size:30px;font-weight:600;line-height:1.2;text-align:center;justify-content:center;color:#fff;background-color:#04b275;padding:32px 10px;border-radius:4px;}
.cardb-con{font-size:20px;font-weight:600;line-height:1.7;letter-spacing:-1px;color:#333;padding-left:40px;}

.shadow-box{border-radius:10px;padding:50px;line-height: 1.6; font-size: 18px; color: #777777;box-shadow:0 1px 10px rgba(0, 0, 0, .1);}
.shadow-box--normal { margin: 80px 0; }
.shadow-box--normal table { width: 100%; }
.shadow-box--normal .list-style1-1 li { padding-left: 0; }
.shadow-box--normal .list-style1-1 li em { display: block; position: relative; margin-bottom: 30px; padding-left: 18px; width: 100%; }
.shadow-box--normal .video-list { padding-top: 0; text-align: center; }

.line-box { padding: 56px 24px; text-align: center; border: 4px solid #ffc619; border-radius: 14px; }
.line-box .button { padding: 16px 26px; font-size: 18px; font-weight: 700; }
.line-box .button img { margin-right: 8px; }

.line-box_gra{
    position: relative;
    padding-top: 60px;
}

.line-box_gra::after{
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-image: linear-gradient(to right, #f35787 0%, #a8dbf5 100%);
}

@media (max-width: 1024px){
    .line-box_gra{
        padding-top: 42px;
    }
}

.color-lime .card .title::before,
.color-lime .card .ul li::before { background: #04b275; }
.grid .card { height: 100%; }
.card { padding: 40px; line-height: 1.6; font-size: 18px; color: #777777; border-radius: 10px; box-shadow: 0 0px 10px 0px rgba(0,0,0,.1); }
.card .head { display: flex; align-items: center; margin-bottom: 25px; }
.card .icon { margin-right: 30px; }
.card .title { position: relative; padding-left: 20px; line-height: 1; font-size: 26px; font-weight: 700; color: #333333; }
.card .title::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 4px; height: 12px; background: #333; }
.card .ul li { position: relative; margin-bottom: 5px; padding-left: 10px; }
.card .ul li:last-child { margin-bottom: 0; }
.card .ul li::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 3px; height: 3px; background: #777777; border-radius: 50%; }

.color-box{width:100%;padding:25px 20px;margin:10px 0;background-color:#fafafa;}
.color-green .color-box{background-color :#ebfbf6;}
.color-box2{width:100%;padding:20px 50px;background-color:#9e9e9e;}
.color-green .color-box2{background-color:#1ab588;}
.color-lime .color-box2{background-color:#04b275;}
.color-green .ggdream-program .title { color: #1ab588; }
.color-green .ggdream-program .subtitle { color: #1ab588; }
.color-green .ggdream-program .grid li { border-right-color: rgba(4,178,117,.3); }
.color-green .ggdream-program .grid li:first-child { border-left-color: rgba(4,178,117,.3); }

.color-lime .hr { background-image: linear-gradient(to right, #04b275 0%, #b8ff27 100%); }
.color-green .hr { background-image: linear-gradient(to right, #1ab588 47%, #03cfb0 53%); }
.hr { margin: 60px 0; border: none; height: 2px; }

@media(max-width:1024px){
    .card { font-size: 16px; }
    .card .icon { margin: 0 0 15px; width: 64px; }
    .card .title { font-size: 24px; }
    .card .head { flex-direction: column; }

    .cardb-tit { font-size: 20px; }
    .cardb-con { font-size: 18px; }
}
@media(max-width:768px){
    .card { font-size: 14px; padding: 34px 24px; }
    .card .title { font-size: 20px; padding-right: 14px; }
    .card .title::before { width: 3px; }

    .card-box{ display: block; text-align: center; }
    .cardb-tit{min-width:auto;font-size:18px;padding: 14px 24px;}
    .cardb-con{font-size:16px;padding:0 20px;margin-top:20px;}

    .shadow-box{ padding:48px 32px 40px; font-size: 16px; }
    .shadow-box--normal { margin: 45px 0; }
    .shadow-box--normal .table-style table tr td { font-size: 14px; }

    .line-box { padding: 36px 24px; border-width: 3px; }
    .line-box .button { font-size: 14px; }
    .line-box .button img { width: auto; height: 14px; }

    .color-box{ padding:15px; }
    .color-box2{ padding:24px 16px; }
}
@media(max-width:576px){
    .shadow-box{ padding:36px 24px 30px; font-size: 14px; }

    .color-box{ padding:5px 10px; }
}

/* list */
.list-style li{position:relative;padding-left:25px;font-size:18px;line-height:1.7;color:#777;margin-bottom:45px;}
.list-style li:before{content:'';position:absolute;top:16px;left:0;display:block;width:4px;height:13px;background-color:#1ab588;}
.list-style li:last-child{margin-bottom:0;}
.list-style h4{color:#333;margin-bottom:10px;}
.list-style p{font-size:18px;line-height:1.7;}

.list-style1-1 li{
    position: relative; padding-left: 180px;
    font-size:18px;line-height:1.7;
    color: #777;
    margin-bottom:45px;
}
.list-style1-1 li:last-child{margin-bottom:0;}
.list-style1-1 li em{
    position: absolute; top: 0; left: 0;
    padding-left: 18px;
    width: 165px;
    font-size: 26px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.2;
    color: #333;
}
.list-style1-1 li em:before{
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0px;
    bottom: 0;
    margin: auto;
    width: 4px;
    height: 13px;
    background-color: #ffc619;
}
.color-blue .list-style1-1 li em:before{
    background-color: #2a8ce7;
}
.list-style1-1 h4{color:#333;margin-bottom:10px;}
.list-style1-1 p{font-size:18px;line-height:1.7;}
.list-style1-1 .subtit { margin: 50px 0 40px; font-weight: 700; }
.list-style1-1 .subtit.icon { display: flex; align-items: center; }
.list-style1-1 .subtit.icon img { margin-right: 14px; }

.list-style2 li{position:relative;font-size:18px;line-height: 1.7;color:#777;padding-left:14px;margin-bottom:10px;}
.list-style2 li:last-child{margin-bottom:0;}
.list-style2 li:before{content:'';display:inline-block;position:absolute;top:11px;left:0;width:4px;height:4px;background-color:#1ab588;}

.list-style3 li{
    position: relative;
    font-size: 18px;
    color: #777;
    padding-left: 100px;
    margin-bottom: 12px;
}
.list-style3 li:last-child{margin-bottom:0;}
.list-style3 li em{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100px;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    color: #555;
}

.list-style4{
    list-style: none;
}
.list-style4 li { display: flex; font-size: 22px; color: #333; margin-bottom: 10px; }
.list-style4 li span { margin-right: 16px; }

.icon-list{display:flex;flex-wrap:wrap;margin-bottom:40px;}
.icon-list li{width:33.3333%;text-align:center;font-size:18px;letter-spacing:-1px;color:#777;padding:10px 50px;border-right:1px solid #b8f0dd;}
.icon-list li:first-child{border-left:1px solid #b8f0dd;}
.icon-list .icon{display:flex;align-items:center;justify-content:center;width:160px;height:160px;margin:auto;border-radius:100%;background-color:#ebfbf6;margin-bottom:20px;}
.iconl-tit{font-size:22px;margin-bottom:10px;}
.icon-list p{line-height: 1.4;}

.video-player{ position:relative; padding-bottom:60px; }
.videop-header{ font-size: 0; text-align: center; margin-bottom: 10px; }
.videop-body{position:relative;}
.videop-con{
    position: relative; max-width: 1000px; margin:10px auto 0; padding:30px; color:#fff;
    background-image: linear-gradient(45deg, rgba(26,181,136,1) 0%, rgba(76,203,166,1) 60%, rgba(18,220,222,1) 100%);
}
.videop-con2{display:flex;width:1000px;margin:30px auto 0;}
.videop-recom{position:absolute;top:30px;right:30px;font-size:20px;font-weight:700;}
.videop-recom img{margin:0 0 -2px 2px; cursor: pointer;}
.videop-subject{font-size:18px;font-weight:500;line-height:1.7;letter-spacing:-1px;color:#2a8ce7;border:1px solid #2a8ce7;padding:20px 30px;}
.videop-contents{flex-grow:1;padding-left:20px;}
.videop-tit{font-size:24px;margin-bottom:10px;padding-right:95px;}
.videop-tit2{font-size:24px;text-align:center;margin-top:25px;color:#333;}
.videop-tit3{font-size:24px;color:#333;margin-bottom:12px;}
.videop-tit3 p { margin-top: 4px; }
.color-sky .videop-tit2{color:#3d8fff;}
.color-purple .videop-tit2{color:#4844f4;}
.color-yellow .videop-tit2{color:#f4a60e;}
.color-pink .videop-tit2{color:#f35787;}
.color-green .videop-tit2{color:#1ab588;}
.color-orange .videop-tit2{color:#ff861a;}
.color-blue .videop-tit2{color:#1d43d1;}
.videop-team{font-size:18px;font-weight:500;margin-bottom:5px;}
.videop-txt{font-size:18px;}
.videop-txt2{font-size:16px;font-weight:300;letter-spacing:-.7px;color:#777;}
.video-list-wrap{padding:0 500px 120px;margin:0 -500px 0;background-color:#f5f5f5;}
.video-list{ position: relative; margin: 30px 0; padding:80px 0 0; }
.video-list>ul{ margin:-20px -15px; }
.video-list>ul>li{ padding:20px 15px;}
.videol-img{position:relative;padding-top: calc(214 / 378 * 100%);width:100%;height: 0;text-align:center;vertical-align:middle;overflow:hidden;background-color: #f5f5f5;margin-bottom:15px; cursor: pointer;}
.videol-img:before{content:'';z-index:1;position: absolute;top: 0;left: 0;display:block;width:100%;height:100%;background-color:rgba(27,27,27,.6);}
li.active .videol-img:before{height:6px;background-color:#666;}
li.active .videol-img:after{content:'';position:absolute;top:0;right:0;z-index:1;display:block;width:6px;height:30px;background-color:#666;}
.color-sky li.active .videol-img:before, .color-sky li.active .videol-img:after{background-color:#3d8fff;}
.color-purple li.active .videol-img:before, .color-purple li.active .videol-img:after{background-color:#4844f4;}
.color-yellow li.active .videol-img:before, .color-yellow li.active .videol-img:after{background-color:#ffc619;}
.color-pink li.active .videol-img:before, .color-pink li.active .videol-img:after{background-color:#f35787;}
.color-green li.active .videol-img:before, .color-green li.active .videol-img:after{background-color:#1ab588;}
.color-orange li.active .videol-img:before, .color-orange li.active .videol-img:after{background-color:#ff861a;}
.color-blue li.active .videol-img:before, .color-blue li.active .videol-img:after{background-color:#2a8ce7;}
.color-lime li.active .videol-img:before, .color-lime li.active .videol-img:after{background-color:#04b275;}
.videol-img img{width:auto;height:100%;}
.videol-subject{display:inline-block;font-size:16px;font-weight:500;text-align:center;color:#2a8ce7;background-color:#fff;border:1px solid #2a8ce7;border-radius:100px;padding:2px 30px;margin-bottom:5px;}
.color-yellow .videol-subject{
    color:#ffc619;border:1px solid #ffc619;
}
.videol-tit{font-size:18px;color:#333;margin-bottom:5px;}
.videol-tit2{position:relative;font-size:18px;color:#333;padding-right:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.videol-category{position:absolute;top:0;right:0;font-size:16px;font-weight:300;color:#777;}
.videol-recom{font-size:16px;color:#f35787;}
.videol-recom img{margin: 0 5px -5px 0; cursor: pointer;}

.img-list .grid{margin:-15px;}
.img-list .grid > div,.img-list .grid > li{padding:15px;}
.imgl-img{padding-top: calc(200 / 300 * 100%);width: 100%;background-position: center;background-size: cover;background-color: #f5f5f5;}
.imgl-tit{font-size:18px;font-weight:600;color:#333;text-align:center;margin-top:15px;}
.imgl-txt{font-size: 16px; color:#999;text-align: center; margin-top: 4px;}
.imgl-tit2{
    font-weight: 600;
    letter-spacing: -.5px;
    padding: 14px 12px;
    text-align: left;
}

.photo-list-cont { border-top:1px solid #1d43d1; }
.photo-list-cont ul li a {display:flex;padding:20px;border-bottom:1px solid #ddd;}
.photo-list-cont .photol-header{flex: 0 0 620px;}
.photo-list-cont .photol-header .img {overflow: hidden;width:100%;text-align:center;background-color:#000;}
.photo-list-cont .photol-header .img img { display: block; transition: all ease .6s; }
.photo-list-cont .photol-body {flex: 1 1 auto; padding:30px 0 0 40px;}
.photo-list-cont .photol-body ul li {position:relative;font-size:18px;color:#666;padding-left:50px;margin-bottom:15px;}
.photo-list-cont .photol-body ul li:last-child{margin-bottom:0;}
.photo-list-cont .photol-body ul li strong{position:absolute;top:0;left:0;width:50px;color:#333;}
@media(min-width:1201px){
	.photo-list-cont ul li a:hover .img img { transform: scale(1.1); opacity: .7; }
}
@media(max-width:1200px){
    .photo-list-cont .photol-header{flex: 0 0 50%;}
}
@media(max-width:1024px){
    .videop-con2{ width:auto; }
    .video-list .grid{ margin:-15px -10px; }
    .video-list>ul>li{text-align: center; padding:15px 10px;}

    .list-style4 li { font-size: 16px; }
    .list-style4 li span { margin-right: 14px; }

    .img-list .grid{margin:-10px;}
    .img-list .grid > div, .img-list .grid > li{padding:10px;}
    .img-list .grid-6{width:33.3333%;}

    .photo-list-cont > ul { display: flex; flex-wrap: wrap; margin: 0 -20px -26px; }
    .photo-list-cont > ul > li { width: 50%; }
    .photo-list-cont ul li a { flex-direction: column; padding: 26px 20px; border-bottom: none; }
    .photo-list-cont .photol-header .img img { width: 100%; height: auto; }
    .photo-list-cont .photol-body { padding: 20px 14px 0; }
    .photo-list-cont .photol-body ul li { margin-bottom: 8px; padding-left: 42px; font-size: 14px; }
    .photo-list-cont .photol-body ul li strong { width: 42px; }
}
@media(max-width:768px){
    .list-style li, .list-style p{font-size:16px;}
    .list-style li{ padding-left: 15px; margin-top: 20px; }
    .list-style li:before{top:14px;left:5px;width:3px;height:10px;}
    .list-style h4{ margin-bottom:3px; }

    .list-style1-1 li{
        font-size: 16px;
        padding-left: 160px;
    }
    .list-style1-1 li em{
        font-size:24px;
        width: 160px;
    }
    .list-style1-1 p{font-size:16px;}

    .list-style1-1 .subtit { margin: 35px 0 20px;}
    .list-style1-1 .subtit.icon img { margin-right: 10px; width: auto; height: 36px; }

    .list-style2 li{font-size: 16px;}

    .list-style3 li{
        display: flex;
        font-size: 16px;
        padding-left: 100px;
    }
    .list-style3 li em{
        flex: 0 0 55px;
        width: 100px;
        font-size: 18px;
    }

    .list-style4 li{font-size: 14px;}
    .list-style4 li span { margin-right: 10px; }

    .icon-list li{width:100%;font-size:16px;padding:20px;border:0;border-bottom:1px solid #b8f0dd;}
    .icon-list li:first-child{border-left:0;border-top:1px solid #b8f0dd;}
    .icon-list .icon{width:140px;height:140px;margin-bottom:20px;}
    .iconl-tit{font-size:20px;margin-bottom:7px;}

    .video-player{ padding-bottom:40px; }
    .videop-con{ padding:20px; }
    .videop-con2{ display:block; }
    .videop-recom{ top:20px; right:20px; }
    .videop-subject{ display: inline-block; width:auto; padding: 10px; margin-bottom: 10px; }
    .videop-contents{ padding:0; }
    .videop-tit, .videop-tit2{ font-size: 18px; }
    .videop-tit3{ font-size:20px; margin-bottom: 7px;}
    .videop-team{ font-size: 16px;}
    .videop-txt{ font-size: 16px; }
    .videop-txt2{ font-size:14px; }
    .video-list-wrap{padding:0 15px 70px; margin:0 -15px; }
    .video-list{ padding-top:50px; }
    .video-list .grid-8{width:50%;}
    .videol-img { margin-bottom: 10px; }
    .videol-tit,
    .videol-tit2{ font-size: 14px;}
    .videol-tit2 { display: flex; flex-direction: column; padding-right: 0; white-space: normal; }
    .videol-tit2 br { display: none; }
    .videol-category { position: static; margin-bottom: 4px; font-size: 14px; }
    .videol-recom{ font-size: 14px;}
    .videol-subject{ font-size:14px; padding:2px 20px; }

    .img-list .grid-6{width:50%;}
    .imgl-tit2{padding: 10px 0; font-size:14px;}
    .img-list .grid{margin:-10px -7px !important;}
    .img-list .grid > div,
    .img-list .grid > li{padding:10px 7px !important;}

    .photo-list-cont > ul > li { width: 100%; }
    .photo-list-cont .photol-body ul li { font-size: 14px; }
}
@media(max-width:576px){
    .list-style li, .list-style p{font-size:14px;}
    .list-style li:before{top:12px;}

    .list-style1-1 li{
        font-size: 14px;
        padding-left: 0px;
    }
    .list-style1-1 li em{
        position: relative;
        display: block;
        font-size: 20px;
        width: auto;
        padding-left: 15px;
        margin-bottom: 15px;
    }
    .list-style1-1 p{font-size:14px;}

    .list-style2 li{font-size: 14px;}

    .list-style3 li{
        font-size: 14px;
        padding-left: 0px;
    }
    .list-style3 li em{
        flex: 0 0 50px;
        display:block;
        position:static;
        width: auto;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .list-style4 li{ margin-bottom: 5px;}

    .img-list .grid > div, .img-list .grid > li { width: 100%; }
    .img-list .grid > div img, .img-list .grid > li img { width: 100%; height: auto; }
    .imgl-tit2 { padding: 0 0 16px; }

    .icon-list li{padding: 10px; font-size: 14px;}
    .icon-list .icon{width:100px; height:100px; margin-bottom: 10px;}
    .icon-list .icon img[src*="society"]{width:50px;}
    .icon-list .icon img[src*="bus"]{width:36px;}
    .icon-list .icon img[src*="cap"]{width:56px;}
    .iconl-tit{font-size:18px;margin-bottom:5px;}

    .videop-recom{ position: static; font-size: 18px; text-align: right; }
    .videop-subject{ line-height: 1; font-size: 14px; padding: 8px 10px 6px; }
    .videop-tit{ padding-right:0; }
    .videop-tit3{ font-size:18px; }
    .video-list .grid{ margin:-10px -7px; }
    .video-list>ul>li{text-align: center; padding:15px 7px;width: 100%;}
    .video-list .grid-8 { width: 100%; }

    .img-list .grid-6{width:100%;}
}

.line-txt{
    position: relative;
}

.line-txt::after{
    content: "";
    display: block;
    position: absolute;
    width: 42px;
    height: 2px;
    bottom: 0;
    left: 0;
}

.color-pink .line-txt::after{
    background-color: #f46993;
}

@media (max-width: 1200px){

}
@media (max-width: 1024px){
    .line-txt::after{
        width: 26px;
        height: 1px;
    }
}
@media (max-width: 768px){

}


/* btn */
.arrow-link-group li:not(:last-child){
    border-bottom: 1px solid #eee;
}
.arrow-link{
    display: block;
    position: relative;
    height: 45px;
    width: 100%;
    display: flex;
    align-items: center;
    padding-right: 15px;
    font-weight: 500;
}

.arrow-link-round{
    width: 230px;
    height: 56px;
    padding: 0 40px 0 26px;
    border-radius: 28px;
    border: 1px solid #f35787
}

.arrow-link::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 6px;
    height: 11px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/child/img/icon/right-arrow-pink.png);
    transition: all ease .2s;
}

.arrow-link-round::after{
    right: 26px;
}

@media (min-width: 1201px){
    .arrow-link:hover::after{
        right: -5px;
    }
    .arrow-link-round:hover::after{
        right: 21px;
    }
}
@media (max-width: 1200px){

}
@media (max-width: 1024px){
    .arrow-link{
        height: 36px;
    }

    .arrow-link-round{
        width: 170px;
        height: 48px;
        padding: 0 30px 0 16px;
        border-radius: 24px;
    }
    .arrow-link-round::after{
        right: 16px;
    }
}
@media (max-width: 768px){

}



/* Sub Contents */
#sub-wrap{overflow: hidden;}
.sub-contents{ margin:80px 0 120px; }

@media(max-width:768px){
    .sub-contents{ margin:40px 0 70px; }
}
@media(max-width:576px){
}

/* ==ggdream== */
/* intro */
.ggdream-intro{max-width:900px;padding:60px 0;margin:auto;}
.ggdream-img{text-align:center;margin-bottom:40px;}
.ggdream-process { text-align: center; }
.ggdream-process img { margin-left: -7px; max-width: none; }
.ggdream-intro-b{display:flex;align-items:center;}
.ggdream-intro-b img{margin-right:20px;}
.ggdream-intro-b .button{ margin-left:auto; }
.ggdream-program { text-align: center; line-height: 1.6; font-size: 16px; }
.ggdream-program .grid { margin: 55px 0 65px; }
.ggdream-program .grid li:not(:last-child) { padding: 20px 10px 16px; border-right: 1px solid rgba(112,76,205,.3); border-left: 1px solid transparent; }
.ggdream-program .title { margin-bottom: 15px; line-height: 1; font-size: 24px; color: #04b275; font-weight: 700; }
.ggdream-program .subtitle { margin: 14px 0 6px; line-height: 1.5; font-size: 20px; color: #04b275; font-weight: 700; }
@media(max-width:1200px){
    .ggdream-process img { max-width: 100%; }
}
@media(max-width:1024px){
    .ggdream-img img{ width: 200px; }
    .ggdream-program { font-size: 15px; }
    .ggdream-program .subtitle { font-size: 19px; }
    .ggdream-program .grid { margin-right: -10px; margin-left: -10px; }
    .ggdream-program .grid li { width: 33.33333%; border: none; }
}
@media(max-width:768px){
    .ggdream-img img{ width: 160px; }
    .ggdream-intro-b{ display: block; text-align: center; margin-top:10px; }
    .ggdream-intro-b img{ margin: 0; }
    .ggdream-intro-b strong{ display: block; margin-bottom: 15px; }
    .ggdream-section .grid > li { width: 100%; }
    .ggdream-program { font-size: 14px; }
    .ggdream-program .subtitle { font-size: 18px; }
    .ggdream-program .grid { margin-bottom: 15px; }
    .ggdream-program .grid li{border: 0 !important;}
}
@media(max-width:576px){
    .ggdream-program .grid li { width: 50%; }
}


/* 지역센터 연계요청 */
.ggdream-location__title { padding: 80px 0 80px; text-align: center; background-color: #f9f9f9}
.ggdream-location__title img { margin: auto; }
.ggdream-location__title h3 { font-size: 32px; color: #333; }
.ggdream-location .shadow-box { position: relative; margin-top: -20px; background: #fff; }
.ggdream-location__img { position: absolute; top: -158px; left: 50px; }
.ggdream-location__table { min-width: 450px; width: 100%; border-collapse: collapse; }
.ggdream-location__table th { padding: 20px 0; text-align: center; font-size: 18px; color: #fff; background: #04b275; border-right: 2px solid #fff; }
.ggdream-location__table th:last-child { border-right: 0; }
.ggdream-location__table td { padding: 14px 20px; text-align: center; font-size: 16px; color: #777777; border-bottom: 1px solid #ddd; }
.ggdream-location__table td:first-child { width: 20%; color: #555555; font-weight: 500; }
.ggdream-location__table td:nth-child(2) { text-align: left; }
.ggdream-location__table td:last-child { width: 20%; }
.ggdream-location-b { position: relative; z-index: 2;display:flex; align-items:center; margin-top:-10px; background: #007dc3!important; }
.ggdream-location-b img { margin-right:20px;}
.ggdream-location-b .button{ width: 280px; margin-left:auto; color: #007dc3!important; background: #fff url('/child/img/sub/ggdream/ggdream-location-b-arrow.png') right 30px center no-repeat;  }

@media(max-width:1024px){
    .ggdream-location__img{display: none;}
    .ggdream-location__title h3 { font-size: 28px; }
    .ggdream-location__table th { font-size: 18px; }
    .ggdream-location__table td { font-size: 15px; }
}
@media(max-width:768px){
    .ggdream-location-b{
        display:block;
    }
    .ggdream-location-b strong{
        display: block;
        margin-bottom: 10px;
    }
    .ggdream-location__title h3 { font-size: 24px; }
    .ggdream-location__table th { font-size: 16px; }
    .ggdream-location__table td { font-size: 14px; padding: 12px 16px; }
}
@media(max-width:576px){
    .ggdream-location-b .button{
        width:100%;
    }
    .ggdream-location__title h3 { font-size: 20px; }
}



/* center */
.center-select{
    padding-top: 60px;
    background-color: #f5f5f5;
    padding: 80px 500px 0;
    margin: 0 -500px -40px;
}
.center-select form{
    width: 280px;
    margin: auto;
}

@media(max-width:768px){
    .center-select{ padding: 50px 20px 0; margin: 0 -20px -20px;}
}
@media(max-width:576px){
    /* .center-select{ width:100%;} */
    .center-select form{width:auto;}
}

/* policy */
.policy-intro{text-align:center;margin:55px 0;}
.policy-intro h3{margin-bottom:10px;}

@media(max-width:768px){
    .policy-intro{ margin: 30px 0; }
}

/* ==LIVE존== */
/* 팝업 */
.grey-box { padding: 18px; background: #f6f6f6; }
.vote-live-button { z-index: 99; position: fixed; top: 500px; right: 160px; animation: vote .3s ease .5s both; }
.vote-live { display: flex; flex-wrap: wrap; margin: 30px -10px -10px; }
.vote-live__list { padding: 10px; width: 50%; }
.vote-live__box {display: flex; flex-direction: column; align-items: flex-end; padding: 20px; font-size: 18px; font-weight: 300; border: 1px solid #dddddd; }
.vote-live__box__thumb { margin: 20px 0; padding-top: calc(234 / 415 * 100%); width: 100%; height: 0; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f8f8f8; border: 1px solid #e5e5e5; }
.vote-live__title { width: 100%; padding-left: 10px; border-left: 2px solid #704ccd; }
.vote-live__title em { display: block; font-style: normal; font-size: 16px; font-weight: 700; }
.modal--vote .modal__head { margin: 0; background: #333333; }
.modal--vote .modal__title { display: flex; align-items: center; justify-content: center; padding: 0; color: #fff; }
.modal--vote .modal__title img { margin-right: 24px; }
.modal--vote .modal__buttons .button { flex: 0 0 auto; position: relative; padding: 0 40px; max-width: none; width: 226px; height: 70px; background-color: #704ccd; min-width: unset; min-height: unset;}
.modal--vote .modal__buttons .button-arrow-rounded { color: #fff; border-radius: 50px; }
.modal--vote .modal__buttons .button-arrow { text-align: left; background-image: none;}
.modal--vote .modal__buttons .button-arrow::after { content: ''; position: absolute; top: 0; right: 40px; bottom: 0; margin: auto; width: 10px; height: 16px; background: url('/child/img/icon/arrow-right-white.png') no-repeat center / auto 100%; }
@keyframes vote {
    from { opacity: 0; transform: translateY(60px); }
    to { opacity: 1; transform: translateY(0px); }
}

@media (min-width:1201px){
    .modal--vote .modal__buttons .button:hover{
        background-color: #9b81dc
    }
}

@media (max-width: 1200px){

}
@media (max-width: 1024px){
    .modal--vote .modal__buttons .button{
        width: 160px;
        height: 48px;
    }
}
@media (max-width: 768px){
}

.live-player-wrap{
    position: relative;
}

.balloon-left{
    content: "";
    display: block;
    position: absolute;
    width: 323px;
    height: 364px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 32px;
    left: -65px;
    background-image: url(/child/img/sub/live/balloon-left.png);
    z-index: 2;
}

.balloon-right{
    content: "";
    display: block;
    position: absolute;
    width: 334px;
    height: 372px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 46px;
    right: -65px;
    background-image: url(/child/img/sub/live/balloon-right.png);
    z-index: 2;
}

.live-top-wrap{
    position: relative;
    width: 1275px;
}

.live-top-wrap::before{
    content: "";
    display: block;
    position: absolute;
    width: 344px;
    height: 285px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: -16px;
    left: -56px;
    background-image: url(/child/img/sub/live/confetti-left.png);
    z-index: 0;
}

.live-top-wrap::after{
    content: "";
    display: block;
    position: absolute;
    width: 405px;
    height: 282px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: -44px;
    right: -14px;
    background-image: url(/child/img/sub/live/confetti-right.png);
    z-index: 0;
}

.live-top{
    position: relative;
    z-index: 1;
}

.booth-wrap{
    padding-top: 100px;
    border-top: 1px solid #f5f5f5;
}

.booth-tit{
    width: 100%;
    height: 77px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width:1200px){
}

@media (max-width: 1200px){
    .live-top-wrap{
        width: 100%;
    }

    .balloon-left,
    .balloon-right,
    .live-top-wrap::before,
    .live-top-wrap::after{
        display: none;
    }

}
@media (max-width: 1024px){
    .booth-wrap{
        padding-top: 60px;
    }

}
@media (max-width: 768px){

}

.booth-group .booth-item:nth-child(4n - 3) .booth-tit,
.booth-group .booth-item:nth-child(4n) .booth-tit{
    background-image: url(/child/img/sub/live/pink-tit.png);
}

.booth-group .booth-item:nth-child(4n - 2) .booth-tit{
    background-image: url(/child/img/sub/live/blue-tit.png);
}

.booth-group .booth-item:nth-child(4n - 1) .booth-tit{
    background-image: url(/child/img/sub/live/yellow-tit.png);
}

.booth-detail{
    background-color: #f7f7f7;
    width: 100%;
    border-radius: 0 0 6px 6px;
    min-height: 153px;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1);
    position: relative;
}

.booth-caption{
    position: absolute;
    bottom: 15px;
    right: 15px;
    color: #f35787;
}

@media(max-width:1200px){
    .vote-live-button { right: 100px; }
    .vote-live__box { font-size: 16px; }
    .vote-live__title em { font-size: 14px; }
}
@media(max-width:768px){
    .vote-live-button { top: auto; bottom: 15px; right: 15px; }
    .vote-live-button img { width: auto; height: 78px; }
    .modal--vote .modal__title img { margin-right: 14px; width: auto; height: 51px; }
    .vote-live { margin: 30px 0 0; }
    .vote-live__list { padding: 10px 0; width: 100%; }
    .vote-live__box { font-size: 14px; }
    .vote-live__title em { font-size: 13px; }
}


/* 꿈울림TV */
.live-page-title img{
    margin: 0px 20px -13px 0px;
}
.live-player{
    text-align: center;
    margin: -14px auto 100px;
    position: relative;
    z-index: 3;
}
.live-player-live{
    display: flex;
}
.live-player-picture iframe{
    width: 775px;
    height: 436px;
}
.live-player-chat{
    margin-left: 20px;
}
.live-program-tit{
    font-size: 24px;
    color: #333;
    margin-bottom: 15px;
}
.live-li{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-left:15px;
}
.live-li li:nth-child(1){margin-top:7px;    padding:0px;}
.live-li li:nth-child(2){margin-top:0px;    padding:0px;}
.live-li li:nth-child(3){margin-top:0px;    padding:0px;}
.live-li li:nth-child(4){margin-top:0px;    padding:0px;}
.live-li li{
    width:100% !important;
    font-size:14px;
    padding:0px;
    margin-left:7px;
    list-style-type: circle;
    color:#666666;
}

.counsel_main_info{
    width: 100%;
    padding: 2em 2em;
    margin-bottom: 2em;
    text-align: center;
    background: #f9f9f9;
    border-radius: 15px;
}
.dot.blue_dot{
        background: #555;
}
.dot{
    position: absolute;
left: 0;
top: 0.6em;
display: inline-block;
width: 4px;
height: 4px;
border-radius: 30px;
vertical-align: middle;
}
.counsel_main_info > div{
    display: inline-block;
    margin: 0 auto;
}
.counsel_dl{margin-left: 10px;font-weight:300;}
.counsel_dl dd{
    margin-left: 3px;
padding-left: 15px;
text-align: left;
background: url(/images/sub/bul_bar1.gif) left 10px no-repeat;
}
.counsel-title{margin-bottom:10px;}
.counsel_dl dt{
    position: relative;
margin: 2px 0 8px;
padding-left: 14px;
color: #555;
}
.has_dot{text-align:left;}
.f_red{
    color: #c60a43;
}
.f_blue{
    color: #3378b3;
}
.counsel_main_info .has_dot{
        margin-bottom: 0em;
}
.video-list-wrap2{
    position: relative;
    margin-top: 60px;
    padding: 25px 50px 0;
}



.video-list-wrap2::before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 220px;
    background-color: #f5f5f5;
}
.videolw2-tit{
    font-size: 24px;
    color: #333;
}
.video-list-wrap2 .video-list{
    padding-top: 20px;
}
.livep-list ul{
    display:flex;
    margin:-5px;
}
.livep-list ul li{
    flex: 0 0 33.33333%;
    padding:5px;
}
.livep-list-yellow .livep-list-box{
    border-color: #f4a60e;
    background-color: #f4a60e;
}
.livep-list-pink .livep-list-box{
    border-color: #f590a7;
    background-color: #ffeff3;
}
.livep-list-purple .livep-list-box{
    border-color: #4844f4;
    background-color: #f2f2ff;
}
.livep-list-green .livep-list-box{
    border-color: #3bd100;
    background-color: #effff3;
}
.livep-list-blue .livep-list-box{
    border-color: #0090ff;
    background-color: #eaf8ff;
}
.livep-list-box{
    height: 100%;
    color: #333;
    text-align: left;
    border: 1px dashed #333;
    border-radius: 5px;
    background-color: #f5f5f5;
    padding: 15px;
}
.live-time{
    display: block;
    font-size: 16px;
    font-weight: 600;
}
.live-txt{
    display: block;
    font-size: 18px;
}

.live-info-wrap{
    position: absolute;
    left: 50%;
    top: 42px;
    color: #fff;
    transform: translate(-50%, 0);
    z-index: 3
}

.live-info-tit{
    line-height: 30px;
    height: 30px;
    text-align: center;
    width: 72px;
    border-radius: 15px;
    background-color: #704ccd;
}
@media(max-width:1100px){
    .live-player-live{
        display: block;
    }
    .live-player-picture iframe{
        width: 100%;
        height: 500px;
    }
    .live-player-chat{
        margin:10px 0 0 0;
        width:100%;
    }
}
@media(max-width:1024px){
    .live-player{
        margin-top: -2px;
        margin-bottom: 60px;
    }

    .live-info-wrap{
        position: relative;
        top: 0;
        margin-bottom: 20px;
        color: #333;
    }
    .live-info-tit{
        width: 66px;
    }
}
@media(max-width:768px){
    .live-player-picture iframe{
        height: 400px;
    }
    .video-list-wrap2{
        padding:25px 25px 0
    }
    .videolw2-tit{
        font-size: 22px;
    }
    .livep-list-box{padding:10px;}
    .live-time{
        font-size: 14px;
    }
    .live-txt{
        font-size: 16px;
    }
}
@media(max-width:576px){
    .live-player{
        margin-bottom: 30px;
    }
    .live-player-picture iframe{
        height: 230px;
    }
    .live-player-chat{
        height:300px;
    }
    .live-program-tit{
        font-size: 20px;
    }
    .videolw2-tit{
        font-size: 20px;
    }
    .video-list-wrap2{
        padding:20px 20px 0
    }
    .livep-list ul{
        display:block;
    }
    .livep-list ul li{
        flex: 0 0 100%;
    }
    .live-time{
        font-size: 13px;
    }
    .live-txt{
        font-size: 14px;
    }
}


/* ==career== */
/* 취업준비생활 */
.job-intro { text-align: center; }
.job-intro__head { display: inline-flex; margin: 40px 0 0; line-height: 1.7; text-align: left; font-size: 20px; font-weight: 700; }
.job-intro__head__title { margin: 0 38px 0 0; width: 240px; height: 100px; line-height: 100px; text-align: center; font-size: 30px; color: #fff; background: #2a8ce7; border-radius: 6px; }
.job-intro__head__text { flex: 1 0 auto; }

.step-container .step-row { display: flex; margin: 60px 0; }
.step-container .step-badge { flex: 0 0 auto; margin-right: 30px; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #fff; font-weight: 700; background: #2a8ce7; border-radius: 40px; }
.step-container .shadow-box { flex: 1 1 auto; margin: 0; }
.tip__list { display: flex; margin: 34px 0; }
.tip__list__badge { position: relative; padding-left: 32px; color: #333; font-weight: 800; }
.tip__list__badge::before { content: ''; position: absolute; top: 4px; left: 0; width: 27px; height: 24px; background: url('/child/img/icon/icon-tip.png') no-repeat center / auto 100%; }
.tip__list__title { color: #333; font-weight: 800; }
.tip__list__context { margin-left: 8px; }
.tip__list__context ul li { margin: 8px 0; }
@media(max-width:1200px){
    .job-intro__head { font-size: 18px; }
    .job-intro__head__title { font-size: 24px; }
    .step-container .step-row { flex-direction: column; }
    .step-container .step-badge { margin: 0 0 30px; font-size: 18px; }
}
@media(max-width:768px){
    .job-intro__img { max-width: 380px; width: 65%; }
    .job-intro__head { font-size: 16px; flex-direction: column; }
    .job-intro__head__title { font-size: 18px; margin: 0 0 14px; padding: 8px 24px 10px; width: 150px; height: auto; line-height: normal; }
    .job-intro__head__text br { display: none; }
    .step-container .step-badge { font-size: 16px; }
    .tip__list { flex-direction: column; }
    .tip__list__badge { margin-bottom: 6px; }
    .tip__list__badge::before { height: 20px; }
}

/* job-table */
.job-table{
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    overflow: hidden;
}

.job-table-thead{
    width: calc(15% - 2px);
    background-color: #2a8ce7;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 16px;
}
.job-table-tbody{
    width: calc(85% - 2px);
}
.job-table-tbody .job-table-tr:not(:last-child){
    margin-bottom: 4px;
}
.job-table-tr{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.job-table-th{
    width: calc(15% - 2px);
    background-color: #2a8ce7;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 16px;
}
.job-table-td{
    width: calc(85% - 2px);
    color: #777;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    padding: 16px 40px;
}
.job-table .job-table-td{
    min-height: 80px;
}
.job-table-lg .job-table-td{
    min-height: 110px;
}

@media (min-width:1200px){
}

@media (max-width: 1200px){

}
@media (max-width: 1024px){
    .job-table{
        display: block;
    }
    .job-table-thead{
        width: 100%;
        padding: 10px;
        margin-bottom: 4px;
    }
    .job-table-tbody{
        width: 100%;
    }
    .job-table-th{
        width: 60px;
        padding: 10px;
    }
    .job-table-td{
        width: calc(100% - 64px);
        padding: 10px;
    }
    .job-table .job-table-td{
        min-height: unset;
    }
    .job-table-lg .job-table-td{
        min-height: unset;
    }
}
@media (max-width: 768px){

}

.job-btn{
    padding: 0 34px;
    height: 54px;
    background-color: #2a8ce7;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    width: fit-content;
    line-height: 1.2;
    font-weight: 600;
}

@media (min-width:1200px){
    .job-btn:hover{
        background-color: #55a3ec
    }
}
@media (max-width: 1024px){
    .job-btn{
        padding: 0 16px;
        height: 42px;
    }
}



/* 랜선대학탐방 */
.career-contents .tab-list { display: none; }
.exam2-select{width:280px;padding-top:20px;margin:0 auto -40px;}
@media(max-width:768px){
    .exam2-select{padding-top:0px;margin:0 auto -20px;}
}
@media(max-width:576px){
    .exam2-select{width:auto;}
}

.qa-item-group{
    border: 1px solid #eee;
    border-top: 1px solid #ffc619;
}

.qa-item-group .qa-item:nth-child(2n){
    border-left: 1px solid #eee;
}

.qa-item-group .qa-item:nth-child(1),
.qa-item-group .qa-item:nth-child(2){
    border-bottom: 1px solid #eee;
}

.qa-item-txt{
    max-width: calc(100% - 110px) !important;
}

.qa-detail{
    min-height: 58px;
}

@media (max-width: 1200px){
    .qa-detail{
        min-height: 116px;
    }

}
@media (max-width: 1024px){
    .qa-detail{
        min-height: 202px;
    }

}
@media (max-width: 768px){
    .qa-detail{
        min-height: unset;
    }
    .qa-item-group .qa-item:nth-child(2n){
        border-left: 0
    }

    .qa-item-group .qa-item:nth-child(3){
        border-bottom: 1px solid #eee;
    }
    .qa-item-txt{
        max-width: 100% !important;
    }

}

/* 검정고시안내 */
.exam3-intro{
    margin-bottom: 55px;
}
.exam3-intro .page-title{
    margin-bottom: 25px;
}
.exam3-intro p{
    line-height: 2em;
    margin-bottom: 10px;
}
.exam3-box{
    position: relative;
    background-image: url(/child/img/sub/career/exam3-illust2.png);
    background-position: bottom 53px right 80px;
    background-repeat: no-repeat;
}
.exam3-box:before{
    content: '';
    position: absolute;
    top:-63px;
    right:-22px;
    display:block;
    width:255px;
    height:189px;
    background-image: url('/child/img/sub/career/exam3-illust1.png');
    background-position: center;
    background-repeat: no-repeat;
}
.exam3-tit{
    display: block;
    margin-bottom: 5px;
}
.exam3-hr{
    margin:80px 0;
}
.exam3-box-grid>div{
    text-align: center;
}
.exam3-box-grid>div>img{
    margin-bottom: 8px;
}
.exam3-box .button{
    font-weight: 500;
    padding:10px 20px;
}
.exam3-box .video-list { padding-top: 0; }
@media(min-width:1025px){
    .exam3-box{
        padding-bottom: 200px;
    }
}
@media(max-width:1024px){
    .exam3-box{
        background-image: none;
    }
    .exam3-box:before{
        display: none;
    }
}
@media(max-width:768px){
}
@media(max-width:576px){
}


/* total */
.total-intro{max-width:600px;margin:auto;text-align:center;}
.total-intro p{margin-top:40px;line-height:2;}
.total-process{
    display: flex;
    margin: 50px -15px 40px;
}
.total-process .totalp-grid:nth-child(1){
    width:66.6666%;
}
.total-process .totalp-grid:nth-child(2){
    width:33.3333%;
}
.totalp-grid{
    padding: 15px;
}
.totalp-sky{
    background-color: #eef7fe;
    padding: 10px;
    border-radius: 5px;
    font-size: 20px;
    color: #999;
    text-align: center;
}
.totalp-gray{
    display: block;
    padding: 10px;
    background-color: #f5f5f5;
    border-radius: 3px;
    font-size: 14px;
    color: #999;
    text-align: center;
}
.totalp-box{
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
}
.totalp-top{
    min-height: 195px;
    border-bottom: 1px solid #ffc619;
    margin-bottom: 12px;
}
.totalp-tit{
    min-height: 55px;
    font-size: 18px;
    color: #333;
    margin-bottom: 35px;
    text-align: left;
}
.totalp-img{
    text-align: center;
}
.totalp-con{
    display: flex;
    margin: 0 -10px -20px;
}
.totalp-box{
    width: 50%;
    margin: 20px 10px;
}
.totalp-grid:nth-child(1) .totalp-con .totalp-box:nth-child(1){
    width:30%;
}
.totalp-grid:nth-child(1) .totalp-con .totalp-box:nth-child(2){
    width:100%;
}
.totalp-txt .button{
    display:block;
    font-weight:500;
    padding: 5px;
}
.total-self{
    display: flex;
    background-color: #fffae7;
    border-left: 10px solid #ffd042;
    padding: 40px 50px;
    background-image: url('/child/img/sub/career/total-bg.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}
.totals-grid:nth-child(1){
    width:180px;
    order: 2;
}
.totals-grid:nth-child(1) h4{
    font-size: 30px;
    color: #ffc619;
    text-align: right;
    line-height: 1.4;
    margin-bottom: 25px;
}
.totals-grid:nth-child(1) .button{
    display: block;
}
.totals-grid:nth-child(2){
    order: 1;
    width:calc(100% - 180px);
}
.totals-list{
    display: flex;
    margin-top: 20px;
}
.totals-list>li{
    position: relative;
    width: 33.3333%;
    margin-right: 85px;
}
.totals-list>li:before{
    content:'';
    display:block;
    width:12px;
    height: 23px;
    position: absolute;
    top:50%;
    right:-40px;
    transform: translate(0,-50%);
    background-image: url('/child/img/sub/career/total-arrow.png');
    background-repeat: no-repeat;
    background-position: center;
}
.totals-list>li:last-child:before{
    display:none;
}
.totals-num{
    position: absolute;
    top: 35px;
    left: 0;
    font-size: 20px;
    font-weight: 600;
    color: #ffc619;
}
.totals-img{
    text-align: center;
}
.totals-tit{
    font-size: 18px;
    font-weight: 600;
    color: #333;
    text-align: center;
}
@media(max-width:1024px){
    .total-process{
        display:block;
    }
    .total-process .totalp-grid:nth-child(1),.total-process .totalp-grid:nth-child(2){
        width:100%;
    }
    .totalp-txt{text-align:center;}
    .total-self{display:block;}
    .totals-grid:nth-child(1){
        display: block;
        width: auto;
        margin-bottom: 20px;
    }
    .totals-grid:nth-child(1) h4{
        text-align: left;
        margin-bottom: 10px;
    }
    .totals-grid:nth-child(1) .button{padding:7px;}
    .totals-grid:nth-child(2){width:auto;}
    .totals-grid:nth-child(2) .totals-list>li:last-child{
        margin-right: 0;
    }
}
@media(max-width:768px){
    .totalp-con{display:block; margin:0}
    .totalp-box, .totalp-grid:nth-child(1) .totalp-con .totalp-box:nth-child(1){
        width:100%;
        margin: 10px 0;
    }
    .totalp-sky{ font-size: 18px; }
    .totalp-tit{font-size: 16px; margin-bottom: 20px;}
    .totalp-top{min-height: 165px;}
    .totals-grid:nth-child(1) h4{font-size: 26px; }
    .totals-num{display:none;}
    .totals-tit{font-size: 16px;}
}
@media(max-width:600px){
    .totalp-box .grid-8{width:100%;}
}
@media(max-width:576px){
    .totalp-tit{margin-bottom: 10px;}
    .totalp-txt{font-size: 14px;}
    .total-self{padding:30px 40px;}
    .totals-grid:nth-child(1) h4{font-size: 24px;}
    .totals-list{display:block;}
    .totals-list>li{ width: 100%; margin: 0 0 20px; }
    .totals-grid:nth-child(2) .totals-list>li:last-child{ margin-bottom: 0; }
    .totals-list>li:before{display: none;}
    .totals-num{display: inline-block;}
}



/* =event= */
/* market */
.event-stamp{display:inline-block;min-width:240px;font-size:16px;font-weight:600;color:#333;padding:6px 6px 6px 20px;margin-bottom:40px;border:1px solid #29a9e8;background-color:#f0faff;border-radius:4px;}
.event-stamp span{display:inline-block;padding:6px 0;}
.event-stamp strong{display:inline-block;float:right;min-width:70px;min-height:35px;font-size:20px;font-weight:600;text-align:center;color:#fff;background-color:#51b9ed;border-radius:4px;padding:3px 10px;}
.event-list .grid{margin:-30px -30px -20px;}
.event-list .grid>li{padding:20px 30px;}
.eventl-box{border-bottom:1px solid #29a9e8;padding-bottom:15px;}
.eventl-img{display:flex;width:100%;height:240px;text-align:center;justify-content:center;align-items:center;background-repeat: no-repeat;background-position: center;background-size: cover;border:1px solid #ddd;margin-bottom:20px;}
.eventl-con{position:relative;min-height:60px;}
.eventl-name{display:block;font-size:20px;font-weight:600;line-height:1.2;color:#333;padding-right:70px;}
.eventl-stamp{display:block;font-size:18px;color:#29a9e8;padding-right:70px;}
.eventl-btn{display:block;position:absolute;top:0;right:0;width:60px;height:60px;font-size:16px;color:#fff;background-color:#29a9e8;border-radius:4px;}
.event-modal{position:fixed;top:0;left:0;z-index:10000;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.5);}
.eventm-box{position:relative;display:inline-block;max-width:1000px;min-width:800px;height:480px;padding:60px;background-color:#fff;}
.eventm-close{position:absolute;top:0;right:-35px;display:block;width:20px;height:20px;cursor:pointer;overflow:hidden;}
.eventm-close path{fill:#fff;}
.eventm-body{display:flex;}
.eventm-txtbox .eventm-body{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100%-60px);}
.eventm-img{position: relative;overflow: hidden;display:flex;justify-content:center;align-items:center;width:360px;height:360px;border:1px solid #ddd;}
/* .eventm-img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); width: auto; height: auto;} */
.eventm-img .link { display:block; width:100%; height:100%; }
.eventm-img .link .mask { z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 16px; color: #ffffff; font-weight: 500; background: rgba(0,0,0,.7); -webkit-transition: all ease .15s; transition: all ease .15s; opacity: 0; }
.eventm-img .link .mask svg { margin-bottom: 10px; }
.eventm-con{position:relative;width:320px;padding-left:40px;padding-bottom:70px;}
.eventm-title{display:block;font-size:24px;color:#29a9e8;text-align:center;}
.eventm-name{display:block;font-size:24px;font-weight:600;line-height:1.2;color:#333;word-break:break-all;}
.eventm-stamp{display:block;font-size:20px;color:#29a9e8;margin-top:5px;}
.eventm-info{overflow-y:auto;max-height:500px;font-size:16px;font-weight:300;line-height:1.5;color:#777;display:block;margin-top:15px;padding-top:12px;border-top:1px solid #ddd;}
.eventm-txt{font-size:18px;color:#555;text-align:center;}
.eventm-link{font-size:16px;color:#666;}
.eventm-link:hover{color:#333;}
.eventm-btn{display:block;position:absolute;bottom:0;right:0;width:calc(100%-40px);font-size:18px;color:#fff;background-color:#29a9e8;padding:16px 10px;border-radius:4px;}
.eventm-footer{text-align:center;}
.eventm-footer .button{min-width:280px;}
@media(min-width:1025px){
	.eventm-img .link:hover .mask { opacity: 1; }
}
@media(max-width:1024px){
    .event-list .grid{margin:-10px;}
    .event-list .grid>.grid-8{padding:10px;}
    .eventm-close{top:15px;right:10px;}
    .eventm-close path{fill:#000;}
}
@media(max-width:900px){
    .eventm-box{width:100%;max-width:none;min-width:auto;}
}
@media(max-width:768px){
    .event-list .grid-8{width:50%;}
    .eventm-box{height:100%;padding:40px 30px 30px;}
    .eventm-close{right:15px;}
    .eventm-body{flex-direction:column;align-items:center;}
    .eventm-con{width:360px;padding:20px 0 80px;}
    .eventm-name{font-size:22px;}
    .eventm-stamp{font-size:18px;}
    .eventm-info{font-size:14px;}
    .eventm-btn{width:100%;right:50%;font-size:16px;transform:translate(50%,0);padding:10px;}
}
@media(max-width:576px){
    .event-list .grid-8{width:100%;}
    .eventm-box{padding:40px 20px 20px;}
    .eventm-img{width:100%;height:200px;}
    .eventm-con{width:100%;}
    .eventm-name{font-size:20px;}
    .eventm-stamp{font-size:16px;}
}

.event-btn{
    width: 260px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-weight: 600;
    background-color: #04b275;
    border-radius: 35px;
}

@media (min-width:1201px){
    .event-btn:hover{
        background-color: #6dcba0;
    }
}

@media (max-width: 1200px){

}
@media (max-width: 1024px){
    .event-btn{
        width: 140px;
        height: 48px;
        border-radius: 24px;
    }

}
@media (max-width: 768px){

}

/* ==festival== */
.festival-tit{
    margin-bottom:40px;
}
.festival-tit small { display: block; font-size: 16px; }
.festival-tit a:hover { opacity: .8; }
.festival-con{
    display: flex;
}
.festival-img{
    min-width: 250px;
}
.festival-info{
    position: relative;
    width: 780px;
    margin-left: 40px;
    padding: 30px 0px 0px 10px;
    width: 100%;
    background-position: right 30px bottom !important;
}
.festival-info::before{

    background-image: linear-gradient(to right, #f35787 0%, #a8dbf5 100%) !important;
}
.festival-item-group{
    border: 1px solid #eee;
    border-top: 1px solid #f35787
}

.festival-item-group>li:not(:last-child){
    border-right: 1px solid #eee;
}

.festival-item>p{
    min-height: 144px
}

@media(max-width:1024px){
    .festival-con{
        display: block;
    }
    .festival-img { text-align: center; margin-bottom: 35px; }
    .festival-img img { max-width: 70%; }
    .festival-info{
        width:auto;
        padding: 50px 10px 10px 10px;
        margin: 0;
    }
    .festival-item-group>li:nth-child(2){
        border-right: 0;
    }
}
@media(max-width:768px){
    .festival-info{
        padding: 30px 10px 10px 10px;
    }
    .festival-tit{
        margin-bottom: 20px;
    }
    .festival-tit small{
        display:block; margin-top: 5px;
    }
}
@media(max-width:576px){
    .festival-img{
        min-width: unset;
    }
    .festival-tit{
        margin-bottom: 10px;
    }
    .festival-tit small { font-size: 14px; }

    .festival-item-group>li:not(:last-child){
        border-right: 0;
        border-bottom: 1px solid #eee;
    }

    .festival-item>p{
        min-height: unset;
    }
}

/* summary */
.summary-box { position: relative; margin-bottom: 80px; padding-bottom: 60px; }
.summary-info{
    position: relative;
    padding: 40px 220px 0 10px;
    background-image: url(/child/img/sub/festival/summary-box-bg.png);
    background-position: 100% 75%;
}
.summary-info::before,
.festival-info::before{
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px;
    background-image: linear-gradient(to right, #f5bd39, #f5bd39);
}
.summary-info ul { margin-top: 20px; }
.summary-info .list-style3 li{
    padding-left:100px;
}
.summary-info .list-style3 em{
    width:100px;
}
.summary-player{
    margin-top: -175px;
    padding-bottom: 75px;
}
.summary-hr{
    margin-bottom: 75px;
}
.summary-list { margin-bottom:75px; line-height: 1.6; }
.summary-awards .title { position: relative; margin: 65px 0 55px; padding-left: 24px; line-height: 1; font-size: 26px; font-weight: 700; }
.summary-awards .title::after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 4px; height: 13px; background: #3d8fff; }
.summary-awards .grid { margin: -10px; }
.summary-awards .media {position: relative; width: 100%; padding-bottom: 56.25%; background: #000; }
.summary-awards .media iframe,
.summary-awards .media video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.summary-awards .media,
.summary-awards .image { position: relative; }
.summary-awards .media::after,
.summary-awards .image::after { content: ''; position: absolute; top: -45px; right: 10px; width: 79px; height: 88px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; }
.summary-awards .media.red::after,
.summary-awards .image.red::after { background-image: url('/child/img/sub/festival/award-prize-red.png'); }
.summary-awards .media.gold::after,
.summary-awards .image.gold::after { background-image: url('/child/img/sub/festival/award-prize-gold.png'); }
.summary-awards .media .thumbnail{
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background-repeat: no-repeat; background-position: center; background-size: cover;
    transition: all ease .6s;
}
.summary-awards .context { margin: 10px auto 0; padding: 0 0 0 10px; border-left: 2px solid #3d8fff; }
.summary-awards .context strong { display: block; font-size: 16px; }
.summary-awards .context span { display: block; font-size: 18px; color: #333; }
@media(min-width:1201px){
	/* .summary-awards .media-modal:hover .media .thumbnail { transform: scale(1.1); opacity: .8; } */
}
@media(max-width:1024px){
    .summary-box:before{
        display:none;
    }
    .summary-player{
        margin-top:0;
    }
    .summary-info{
        padding: 30px 0 10px;
        background-image: none;
    }
    .summary-box{
        margin-bottom:50px;
        padding: 50px;
    }
    .summary-awards .media::after,
    .summary-awards .image::after { top: -40px; right: 0; height: 74px; }
    .summary-awards .title { font-size: 24px; }
}
@media(max-width:768px){
    .summary-box{
        padding: 48px 32px 40px;
    }
    .summary-hr { margin-bottom: 50px; }
    .summary-list{
        margin-bottom: 30px;
    }
    .summary-info ul { margin-top: 20px; }
    .summary-awards .media::after,
    .summary-awards .image::after { top: -34px; height: 64px; }
    .summary-awards .context { width:auto; }
    .summary-awards .context strong { font-size: 14px; }
    .summary-awards .context span { font-size: 16px; }
    .summary-awards .title { padding-left: 12px; font-size: 22px; }
    .summary-awards .title::after { width: 3px; }
}
@media(max-width:576px){
    .summary-box{
        padding: 36px 24px 30px;
    }
    .summary-info .list-style3 li{
        padding-left:0;
    }
    .summary-info .list-style3 em{
        width: auto;
    }
    .summary-awards .grid { margin: -30px -10px; }
    .summary-awards .grid > li { padding: 30px 10px; }
    .summary-awards .title { font-size: 20px; }
}


/* history */
.history-box-list .shadow-box{
    margin-bottom:80px;
}
.history-box-list .shadow-box:last-child{
    margin-bottom: 0;
}
.history-img-list{
    margin-top:50px;
}
.history-img-list .grid{
    margin:-10px;
}
.history-img-list .grid > div, .history-img-list .grid > li{
    padding:10px;
}

.history-img-list .flex-list { display: flex; flex-wrap: wrap; border-top: 2px solid #333; border-left: 1px solid #eeeeee; }
.history-img-list .flex-list li { padding: 20px 0; width: 33.33333%; text-align: center; border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; }
.history-img-list .flex-list li p { padding: 20px 26px; text-align: inherit; font-weight: 700; }

/* celebration */
.celebration-player{
    position: relative;
}
.celebration-player:before,
.celebration-player:after{
    content:'';
    direction: block;
    position: absolute;
    top: 44px;
    width: 267px;
    height: 442px;
    z-index: 0;
}
.celebration-player:before{
    left: -100px;
    background: url(/child/img/sub/festival/celebration-bg.png) no-repeat center;
}
.celebration-player:after{
    right: -100px;
    background: url(/child/img/sub/festival/celebration-bg2.png) no-repeat center;
}
@media(max-width:1024px){
    .celebration-player:before,
    .celebration-player:after{
        display:none;
    }

    .history-img-list .flex-list img { width: 90px; height: 90px; }
}
@media(max-width:768px){
    .history-img-list { margin-top: 35px; }

    .history-img-list .flex-list li { padding: 10px; width: 50%; }
    .history-img-list .flex-list li p { padding: 0; }
    .history-img-list .flex-list img { width: 64px; height: 64px; }
    .history-img-list .flex-list .color-point { display: block; }
}
@media(max-width:576px){
    .history-img-list .flex-list li { width: 100%; }
}


/* performance */
.performance-player{position:relative;}
.performance-player:before {
    content: '';
    position: absolute;
    top: -130px;
    left: -24px;
    display: block;
    width: 1235px;
    height: 423px;
    background-image: url(/child/img/sub/participation/video-top.png);
    background-repeat: no-repeat;
    background-position: center;
}
.performance-player .videop-body{position:relative;}
.performance-player .videop-body:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: -160px;
    display: block;
    width: 198px;
    height: 250px;
    background-image: url(/child/img/sub/participation/video-left.png);
    background-repeat: no-repeat;
    background-position: center;
}
.performance-player .videop-body:after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: -105px;
    display: block;
    width: 165px;
    height: 141px;
    background-image: url(/child/img/sub/participation/video-right.png);
    background-repeat: no-repeat;
    background-position: center;
}
.performance-page-title{margin-bottom:50px; }
.performance-page-title + p { margin-bottom: 80px; }
.performance-page-title img{
    margin: 0px 15px -15px 0px;
}
@media(max-width:1200px){
    .performance-player:before{left: 50%; transform: translate(-50%,0);}
    .performance-player .videop-body:before,
    .performance-player .videop-body:after{display:none;}
}
@media(max-width:1100px){
    .performance-page-title{margin-bottom:35px;}
    .performance-player:before{display:none;}
}
@media(max-width:768px){
    .performance-page-title{margin-bottom:30px;}
    .performance-page-title img { width: 48px; }
}
@media(max-width:576px){
}

.performance-modal .modal_content{
    max-height: 100vh;
    overflow-y: auto;
}

.performance-modal .detail{
    border-top: 1px solid #eee;
}

.performance-modal .detail iframe{
    width: 100% !important;
}

.comment-group{
    background-color: #fcfcfc;
    height: 450px;
    overflow-y: scroll;
    border: 1px solid #eee;
}

.comment h6{
    max-width: 80px;
}

.comment-group .comment:not(:last-child){
    margin-bottom: 24px;
}

.performance-modal .line-input{
    border: 0 !important;
    border-bottom: 1px solid #777 !important;
    width: 100%;
}

.comment-input{
    height: 40px;
    width: 100%;
    background-color: #fcfcfc !important;
    border: 1px solid #eee !important;
    border-radius: 6px !important;
    padding: 0 20px;
}

.comment-input::placeholder{
    font-size: 14px;
    color: #999;
}

@media (min-width:1200px){
}

@media (max-width: 1200px){

}
@media (max-width: 1024px){
    .comment-input::placeholder{
        font-size: 12px;
    }
    .comment-group{
        height: auto;
        max-height: 450px;
    }
    .comment-info p{
        min-width: 45px;
    }
    .comment-group .comment:not(:last-child){
        margin-bottom: 12px;
    }
}
@media (max-width: 768px){
    .comment h6{
        max-width: 62px;
    }
}

/* 개인정보처리방침 */
.wrap-privacy .sub-tab-area{display:none;}
.terms-area{padding: 20px 0 110px;}

.main--theme-blue #bbs_style,
.main--theme-blue #bbs_write_style { border-top-color: #1d43d1; }
.main--theme-blue #bbs_list_search button { background-color: #1d43d1; }
.main--theme-blue .button-point { background-color: #1d43d1; }

.color-sky #bbs_style { border-top-color: #3d8fff; }
.color-yellow #bbs_style { border-top-color: #f4a60e; }
.color-lime #bbs_style { border-top-color: #04b275; }
.color-pink #bbs_style { border-top-color: #f35787; }
.color-green #bbs_style { border-top-color: #1ab588; }
.color-orange #bbs_style { border-top-color: #ff861a; }
.color-blue #bbs_style { border-top-color: #1d43d1; }
.color-purple #bbs_style { border-top-color: #7f4ae8; }

.color-sky #bbs_list_search button { background-color: #3d8fff; }
.color-yellow #bbs_list_search button { background-color: #f4a60e; }
.color-lime #bbs_list_search button { background-color: #04b275; }
.color-pink #bbs_list_search button { background-color: #f35787; }
.color-green #bbs_list_search button { background-color: #1ab588; }
.color-orange #bbs_list_search button { background-color: #ff861a; }
.color-blue #bbs_list_search button { background-color: #1d43d1; }
.color-purple #bbs_list_search button { background-color: #7f4ae8; }

.agree-box{
    width: 100%;
    height: 140px;
    padding: 10px 18px;
    border: 1px solid #e5e5e5;
    overflow-y: auto;
}