/* COMMON */
.contents { padding-top: 80px; }
.sub-visual { position: relative; height: 260px; text-align: center;}
.sv1 { background-color: #ebf1f8; }
.sv2 { background-color: #f6f4ff; }
.sv3 { background-color: #fffbea;}
.sv4 { background-color: #fff5f9;}
.sv5 { background-color: #edfcf2;}
.sv6 { background-color: #fff5ec;}
.sv7 { background-color: #f0f4ff; }
.sub-visual h3 { font-size: 40px; color: #fff; font-weight: 600; margin: 76px 30px 20px; }
.sv1 h3{ color:#3d8fff; }
.sv2 h3{ color:#4844f4; }
.sv3 h3{ color:#ffc619; }
.sv4 h3{ color:#ff545f; }
.sv5 h3{ color:#13cd8e; }
.sv6 h3{ color:#ff861a; }
.sv7 h3 { color: #1d43d1; }
.sub-visual p { max-width:880px; margin-bottom: 13px; margin-left: 30px; margin-right: 30px; line-height: 1.5; letter-spacing: -0.08em; font-size: 16px; color: #777; }
.sub-visual p:last-child { margin-bottom: 0; }
.sv2 p{max-width: 860px;}
.sv5 p{max-width: 795px;}
.sv6 p{max-width: 830px;}
.sv7 p{max-width: 810px;}
.sub-visual-dark h3 { color: #333 !important; }
.sub-visual .inner{ position: relative; display: inline-block; max-width: 1200px; text-align: left; }
.sub-visual .inner:before{
    content: '';
    position: absolute; bottom: 0; left: 0;
    display: block;
    width: 1px; height: 200px;
    background-color: #333;
}
.sub-visual .inner:after{
    content:'';
    position: absolute; top:30px; right:0;
    display: inline-block;
}
.sv1 .inner:before{ background-color: #3d8fff; }
.sv1 .inner:after{
    width: 245px; height: 299px;
    background: url('/child/img/sub/sv1.png') no-repeat center;
}
.sv2 .inner:before{ background-color: #4844f4; }
.sv2 .inner:after{
    width: 294px; height: 301px;
    background: url('/child/img/sub/sv2.png') no-repeat center;
}
.sv3 .inner:before{ background-color: #ffc619; }
.sv3 .inner:after{
    right: -10px;
    width: 291px; height: 300px;
    background: url('/child/img/sub/sv3.png') no-repeat center;
}
.sv4 .inner:before{ background-color: #ff545f; }
.sv4 .inner:after{
    width: 227px; height: 266px;
    background: url('/child/img/sub/sv4.png') no-repeat center;
}
.sv5 .inner:before{ background-color: #13cd8e; }
.sv5 .inner:after{
    right: -56px;
    width: 410px; height: 277px;
    background: url('/child/img/sub/sv5.png') no-repeat center;
}
.sv6 .inner:before{ background-color: #ff861a; }
.sv6 .inner:after{
    right: -10px;
    width: 345px; height: 281px;
    background: url('/child/img/sub/sv6.png') no-repeat center;
}
.sv7 .inner:before { background-color: #1d43d1; }
.sv7 .inner:after{
    right: -10px;
    width: 357px; height: 311px;
    background: url('/child/img/sub/sv7.png') no-repeat center;
}
@media (max-width: 1200px){
    .sub-visual { height: auto; text-align: center; }
    .sub-visual h3 { font-size: 30px; margin: 0 0 20px 0; }
    .sub-visual p { max-width: 100%; font-size: 16px; margin: 30px; }
    .sub-visual .inner{ padding: 30px; text-align: center; }
    .sub-visual .inner:before,
    .sub-visual .inner:after{ display: none; }
}
@media (max-width: 768px){
    .contents { padding-top: 60px; }
    .sub-visual h3 { font-size: 20px; margin: 0 0 15px 0; }
    .sub-visual p { font-size: 14px; }
    .sub-visual .inner{ padding: 20px; }
    .page-title{

    }
}

.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; fill:#3d8fff; }
.color-purple .point-color{ color:#4844f4; fill:#4844f4; }
.color-yellow .point-color{ color:#ffc619; fill:#ffc619; }
.color-pink .point-color{ color:#ff545f; fill:#ff545f; }
.color-green .point-color{ color:#13cd8e; fill:#13cd8e; }
.color-orange .point-color{ color:#ff861a; fill:#ff861a; }
.color-blue .point-color{ color:#1d43d1; fill:#1d43d1; }
.color-sky .color-hr{
    display: block;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right,#3d8fff, #7364ff);
    background-image: -webkit-linear-gradient(to right, #3d8fff, #7364ff);
    background-image:    -moz-linear-gradient(to right, #3d8fff, #7364ff);
    background-image:     -ms-linear-gradient(to right, #3d8fff, #7364ff);
    background-image:      -o-linear-gradient(to right, #3d8fff, #7364ff);
    background-image:         linear-gradient(to right, #3d8fff, #7364ff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3d8fff', EndColorStr='#7364ff');
}
.color-yellow .color-hr{
    display: block;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right,#ffc619, #ff8787);
    background-image: -webkit-linear-gradient(to right, #ffc619, #ff8787);
    background-image:    -moz-linear-gradient(to right, #ffc619, #ff8787);
    background-image:     -ms-linear-gradient(to right, #ffc619, #ff8787);
    background-image:      -o-linear-gradient(to right, #ffc619, #ff8787);
    background-image:         linear-gradient(to right, #ffc619, #ff8787);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffc619', EndColorStr='#ff8787');
}
.color-green .color-hr{
    display: block;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right,#13cd8e, #33f27b);
    background-image: -webkit-linear-gradient(to right, #13cd8e, #33f27b);
    background-image:    -moz-linear-gradient(to right, #13cd8e, #33f27b);
    background-image:     -ms-linear-gradient(to right, #13cd8e, #33f27b);
    background-image:      -o-linear-gradient(to right, #13cd8e, #33f27b);
    background-image:         linear-gradient(to right, #13cd8e, #33f27b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#13cd8e', 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; }
.sv2+.sub-tab-area{display:none;}
.sub-tab-list { display: flex; flex-wrap: wrap; width: 100%; }
.sub-tab-list li { flex: 1 1; }
.sub-tab-list li a {
    display: flex; align-items: center; justify-content: center;
    position: relative; padding: 20px 10px;
    text-align: center; font-size: 20px; font-weight: 400; color: #999999;
    word-break: break-word;
}
.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:#ffc619; }
.color-pink .sub-tab-area li.on a::before,
.color-pink .sub-tab-area li.on a::after{ background-color:#ff545f; }
.color-green .sub-tab-area li.on a::before,
.color-green .sub-tab-area li.on a::after{ background-color:#13cd8e; }
.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:#1d43d1; }

.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 { max-width: 930px; }
	.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: 14px; }
    .sub-tab-list li.on a { font-size: 14px; }
    .member-tab-area { margin-top: -39px; }
}
@media (max-width: 768px){
    .sub-tab-list li { flex: auto; width: 20%; }
}
@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: 13px; }
    .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); }
}


/* 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:#ff545f;}
.color-green .current_page{background:#13cd8e;}
.color-orange .current_page{background:#ff861a;}
.color-blue .current_page{background:#1d43d1;}
.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:#13cd8e;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;box-shadow:0 1px 10px rgba(0, 0, 0, .1);}

.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:#13cd8e;}

@media(max-width:1024px){

}
@media(max-width:768px){
    .card-box{ display: block; text-align: center; }
    .cardb-tit{min-width:auto;font-size:24px;padding:20px 25px;}
    .cardb-con{font-size:18px;padding:0 20px;margin-top:20px;}

    .shadow-box{ padding:25px 20px; }

    .color-box{ padding:15px; }
    .color-box2{ padding:10px 20px; }
}
@media(max-width:576px){
    .shadow-box{ padding:20px 15px; }

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

/* 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:#13cd8e;}
.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: 190px;
    font-size:18px;line-height:1.7;
    color: #777;
    margin-bottom:45px;
}
.list-style1-1 li:before{
    content: '';
    position: absolute;
    top: 9px;
    left: 0px;
    display: block;
    width: 4px;
    height: 13px;
    background-color: #ffc619;
}
.list-style1-1 li:last-child{margin-bottom:0;}
.list-style1-1 li em{
    position: absolute;
    top: 0;
    left: 25px;
    width: 165px;
    font-size: 26px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.2;
    color: #333;
}
.list-style1-1 h4{color:#333;margin-bottom:10px;}
.list-style1-1 p{font-size:18px;line-height:1.7;}

.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:#13cd8e;}

.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{
    font-size: 22px;
    color: #333;
    margin-bottom: 10px;
}

.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(253,120,120,.9), rgba(232,56,167,.9));
    background-image: -webkit-linear-gradient(45deg, rgba(253,120,120,.9), rgb(232,56,167,.9));
    background-image:    -moz-linear-gradient(45deg, rgba(253,120,120,.9), rgba(232,56,167,.9));
    background-image:     -ms-linear-gradient(45deg, rgba(253,120,120,.9), rgba(232,56,167,.9));
    background-image:      -o-linear-gradient(45deg, rgba(253,120,120,.9), rgba(232,56,167,.9));
    background-image:         linear-gradient(45deg, rgba(253,120,120,.9), rgba(232,56,167,.9));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(253,120,120,.9)', EndColorStr='rgba(232,56,167,.9)');
}
.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{width:200px; font-size:18px;font-weight:500;line-height:1.7;letter-spacing:-1px;color:#ffc619;border:1px solid #ffc619;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;}
.color-sky .videop-tit2{color:#3d8fff;}
.color-purple .videop-tit2{color:#4844f4;}
.color-yellow .videop-tit2{color:#ffc619;}
.color-pink .videop-tit2{color:#ff545f;}
.color-green .videop-tit2{color:#13cd8e;}
.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 -120px;background-color:#f5f5f5;}
.video-list{ position: relative; padding-top:80px; }
.video-list>ul{ margin:-20px -15px; }
.video-list>ul>li{ padding:20px 15px;}
.videol-img{position:relative;display:inline-block;width:100%;height:214px;text-align:center;vertical-align:middle;overflow:hidden;background-color: #f5f5f5;margin-bottom:15px;border:1px solid #ddd;}
.videol-img:before{content:'';position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;background-color:rgba(0,0,0,.4);}
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:#ff545f;}
.color-green li.active .videol-img:before, .color-green li.active .videol-img:after{background-color:#13cd8e;}
.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:#1d43d1;}
.videol-img img{width:auto;height:100%;}
.videol-subject{display:inline-block;font-size:16px;font-weight:200;text-align:center;color:#ffc619;background-color:#fff;border:1px solid #ffc619;border-radius:100px;padding:2px 30px;margin-bottom:5px; word-break: break-all;}
.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:#ff545f;}
.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{position:relative;display:inline-block;width:100%;height:155px;text-align:center;vertical-align:middle;overflow:hidden;background-color:#f5f5f5; background-position: center;border:1px solid #ddd;}
.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{
    height: 2.8em;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.5px;
    color: #777;
    margin-top: 10px;
    padding: 0 10px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.photo-list>ul>li{display:flex;padding:20px;border-bottom:1px solid #ddd;}
.photo-list>ul>li:first-child{border-top:1px solid #1d43d1;}
.photol-header{width:53.448275862069%;}
.photol-img{width:100%;height:260px;text-align:center;background-color:#f5f5f5;}
.photol-body{width:46.551724137931%;padding:30px 0 0 40px;}
.photol-con>ul>li{position:relative;font-size:18px;color:#666;padding-left:50px;margin-bottom:15px;}
.photol-con>ul>li:last-child{margin-bottom:0;}
.photol-con>ul>li>strong{position:absolute;top:0;left:0;width:50px;font-size:18px;color:#333;}

@media(max-width:1024px){
    .videop-con2{ width:auto; }
    .video-list .grid{ margin:-15px -10px; }
    .video-list>ul>li{text-align: center; padding:15px 10px;}

    .img-list .grid{margin:-10px;}
    .img-list .grid > div, .img-list .grid > li{padding:10px;}
    .img-list .grid-6{width:33.3333%;}
}
@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-style2 li{font-size: 16px;}

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

    .list-style4 li{font-size: 20px;}

    .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{ width:auto; padding: 10px; margin-bottom: 10px; }
    .videop-contents{ padding:0 10px; }
    .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 -70px; }
    .video-list{ padding-top:50px; }
    .video-list .grid-8{width:50%;}
    .videol-tit{ font-size: 16px;}
    .videol-recom{ font-size: 14px;}
    .videol-subject{ font-size:14px; padding:2px 20px; }

    .img-list .grid-6{width:50%;}
    .imgl-tit2{font-size:16px;}

    .photo-list>ul>li{display:block;}
    .photol-header{width:100%;}
    .photol-body{width:100%; padding: 20px 0 0 0;}
}
@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:before{
        top: 6px;
    }
    .list-style1-1 li em{
        position: static;
        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{
        display:block;
        position:static;
        width: auto;
        font-size: 16px;
        margin-bottom: 5px;
    }

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

    .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{ font-size: 16px; padding: 5px 10px; }
    .videop-tit{ padding-right:0; }
    .videop-tit3{ font-size:18px; }
    .video-list .grid{ margin:-10px -5px; }
    .video-list>ul>li{text-align: center; padding:10px 5px;}
    .video-list .grid-8{width:100%;}

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

    .photo-list>ul>li{padding: 20px 10px;}
    .photol-con>ul>li{font-size: 16px;}
    .photol-con>ul>li>strong{font-size: 16px;}
}



/* 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-intro-b{display:flex;align-items:center;margin-top:-10px;}
.ggdream-intro-b img{margin-right:20px;}
.ggdream-intro-b .button{ margin-left:auto; }

@media(max-width:768px){
    .ggdream-img img{ width:200px; }
    .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-location__title { padding: 80px 0 80px; text-align: center; background: url('/child/img/sub/ggdream/ggdrema-bg.png') center no-repeat;  }
.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: -164px; right: 80px; }
.ggdream-location__table { width: 100%; border-collapse: collapse; line-height: 1; }
.ggdream-location__table th { padding: 22px 0; text-align: center; font-size: 18px; color: #fff; background: #13cd8e; border-right: 2px solid #fff; }
.ggdream-location__table th:last-child { border-right: 0; }
.ggdream-location__table td { padding: 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;}
}
@media(max-width:768px){
    .ggdream-location-b{
        display:block;
    }
    .ggdream-location-b strong{
        display: block;
        margin-bottom: 10px;
    }
}
@media(max-width:576px){
    .ggdream-location-b .button{
        width:100%;
    }
}



/* 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존== */
/* 꿈울림TV */
.live-page-title img{
    margin: 0px 20px -13px 0px;
}
.live-player{
    text-align: center;
    margin: 0 auto 60px;
}
.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: #fff5ec;
    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{
    width:25%;
    padding:5px;
}
.livep-list-yellow .livep-list-box{
    border-color: #fac030;
    background-color: #fff8e6;
}
.livep-list-pink .livep-list-box{
    border-color: #f590a7;
    background-color: #ffeff3;
}
.livep-list-blue .livep-list-box{
    border-color: #4844f4;
    background-color: #f2f2ff;
}
.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;
}
@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:768px){
    .live-player{
        margin-bottom: 40px;
    }
    .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{
        width:100%;
    }
    .live-time{
        font-size: 13px;
    }
    .live-txt{
        font-size: 14px;
    }
}


/* ==career== */
/* 랜선대학탐방 */
.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;}
}


/* 검정고시안내 */
.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 60px right 60px;
    background-repeat: no-repeat;
    padding-bottom: 200px;
}
.exam3-box:before{
    content: '';
    position: absolute;
    top:-75px;
    right:15px;
    display:block;
    width:203px;
    height:158px;
    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:60px 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;
}
@media(max-width:1024px){
    .exam3-box{
        background-image: none;
        padding-bottom:20px;
    }
    .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;}
}

/* ==festival== */
.festival-tit{
    margin-bottom:40px;
}
.festival-con{
    display: flex;
    padding-top: 10px;
}
.festival-info{
    width: 780px;
    margin-left: 40px;
    padding: 30px 0px 0px 10px;
    border-top: 2px solid #3d8fff;
}
@media(max-width:1024px){
    .festival-con{
        display: block;
    }
    .festival-img{
        text-align: center;
        margin-bottom: 10px;
    }
    .festival-info{
        width:auto;
        padding: 50px 10px 10px 10px;
        margin: 0;
    }
}
@media(max-width:768px){
    .festival-info{
        padding: 30px 10px 10px 10px;
    }
    .festival-tit{
        margin-bottom: 20px;
    }
    .festival-tit small{
        display:block;
    }
}
@media(max-width:576px){
    .festival-tit{
        font-size: 28px !important;
        margin-bottom: 10px;
    }
}

/* summary */
.summary-box{
    position: relative;
    padding-bottom: 200px;
}
.summary-box:before{
    position: absolute;
    bottom: -10px;
    left: -30px;
    content: '';
    width: 105%;
    height: 200px;
    background-image: linear-gradient(top,rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image:    -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image:     -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image:      -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image:         linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='(255,255,255,0)', EndColorStr='rgba(255,255,255,1)');
}
.summary-info{
    padding: 50px 220px 120px 10px;
    border-top: 2px solid #f5bd39;
    background-image: url(/child/img/sub/festival/summary-box-bg.png);
    background-position: 100% 100%;
}
.summary-info .list-style3 li{
    padding-left:165px;
}
.summary-info .list-style3 em{
    width:165px;
}
.summary-player{
    margin-top: -175px;
    padding-bottom: 75px;
}
.summary-hr{
    margin-bottom: 75px;
}
.summary-list{
    margin-bottom:75px;
}
.summary-award-list .grid:first-child{
    padding:0 125px;
}
.summary-award-list .grid > div, .summary-award-list .grid > li{
    text-align:center;
}
.summary-award{
    width: 215px;
    text-align: left;
    border-left: 2px solid #3d8fff;
    padding: 0 0 0 10px;
    margin: 10px auto 0;
}
.summary-award strong{
    display: block;
    font-size: 16px;
}
.summary-award span{
    display: block;
    font-size: 18px;
    color: #333;
}
.summary-award-list .grid:nth-child(2) .summary-award{
    width: 188px;
}
@media(max-width:1024px){
    .summary-box:before{
        display:none;
    }
    .summary-player{
        margin-top:0;
    }
    .summary-info{
        padding: 30px 10px 10px 10px;
        background-image: none;
    }
    .summary-box{
        margin-bottom:50px;
        padding: 50px;
    }
    .summary-award-list .grid:first-child{
        padding:0;
    }
}
@media(max-width:768px){
    .summary-box{
        padding:30px;
    }
    .summary-hr{
        margin-bottom: 30px;
    }
    .summary-list{
        margin-bottom: 30px;
    }
    .summary-award-list .grid:first-child .grid-8{
        width:33.3333%;
    }
    .summary-award-list .grid:nth-child(2) .grid-6{
        width:25%;
    }
    .summary-award{
        width:auto;
    }
    .summary-award-list .grid:nth-child(2) .summary-award{
        width:auto;
    }
    .summary-award strong{
        font-size: 14px;
    }
    .summary-award span{
        font-size: 16px;
    }
}
@media(max-width:576px){
    .summary-box{
        padding:20px;
    }
    .summary-info .list-style3 li{
        padding-left:0;
    }
    .summary-info .list-style3 em{
        width: auto;
    }
    .summary-award-list .grid:first-child .grid-8{
        width:100%;
    }
    .summary-award-list .grid:nth-child(2) .grid-6{
        width:100%;
    }
    .summary-award{
        width:215px;
    }
    .summary-award-list .grid:nth-child(2) .summary-award{
        width:190px;
    }
}


/* 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;
}

/* celebration */
.celebration-player{
    position: relative;
}
.celebration-player:before{
    content:'';
    position: absolute;
    top:65px;
    left:-125px;
    display:block;
    width:207px;
    height: 419px;
    background: url(/child/img/sub/festival/celebration-img1.png) no-repeat center;
}
.celebration-player::after{
    content:'';
    position: absolute;
    top:50px;
    right:-150px;
    display:block;
    width:197px;
    height:520px;
    background: url(/child/img/sub/festival/celebration-img2.png) no-repeat center;
}
@media(max-width:1024px){
    .celebration-player:before,
    .celebration-player:after{
        display:none;
    }
}
@media(max-width:768px){
}
@media(max-width:576px){
}


/* performance */
.performance-player{position:relative;}
.performance-player:before {
    content: '';
    position: absolute;
    top: -130px;
    left: -344px;
    display: block;
    width: 1859px;
    height: 625px;
    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: -100px;
    display: block;
    width: 146px;
    height: 267px;
    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: -100px;
    display: block;
    width: 146px;
    height: 265px;
    background-image: url(/child/img/sub/participation/video-right.png);
    background-repeat: no-repeat;
    background-position: center;
}
.performance-page-title{margin-bottom:130px; }
.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:60px;}
    .performance-player:before{display:none;}
}
@media(max-width:768px){
    .performance-page-title{margin-bottom:40px;}
}
@media(max-width:576px){
    .performance-page-title{margin-bottom:30px;}
}

/* 개인정보처리방침 */
.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; }