/**
* OLYM Cascading Style Sheets
* File Name : contents.css
* Description : 컨텐츠 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : desingtj@olym.co.kr
* Date : 2021.05.13
* Update : 2021.08.16
* Copyright(c) 2021 OLYM Communications. All Rights Reserved.
*/

/*공통*/
.w100 {width:100%;box-sizing:border-box;}
.w50 {width:48.5%;box-sizing:border-box;}
.w50:nth-of-type(Odd) {margin-right:3%;}
.bd_top {border-top:1px solid #e8e8e8;padding-top:40px;margin-top:40px;}

.bold { font-weight:500; color:#333;}
.youtube_box{position: relative; width: 100%; height: auto; padding-top: 50%}
.youtube_box iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* 이미지 줌 */
.img_zoom { position:relative;}
.img_zoom > a { display:none;}
.img_zoom > a i { background:rgba(0,0,0,0.8) url("/project/design/template/bg_search_c4.png") no-repeat center; width:40px; height:40px; border-radius:0 0 0 10px; display:inline-block; position:absolute; top:0; right:0;}

@media(max-width:600px){
.img_zoom > a { display:block; z-index:5000;}
}



/* 010101_재단소개 */
.intro_box img {border-radius:0 50px 50px 50px;}
.intro_tit_img { text-align:center; margin-top:40px;}
.intro_tit {position:relative;font-size:1.3em;color:#888;padding-top:100px;}
.intro_tit:before {position:absolute;display:inline-block;content:"";background:#fd33a7;width:2px;height:60px;left:50%;transform:translateX(-50%);top:20px;}

.intro_list ul {flex-wrap:wrap;}
.intro_list li {align-items: center;border:1px solid #e8e8e8;padding:3% 6%;box-sizing:border-box;border-radius:0 20px;margin-bottom:3%;}
.intro_list li:last-of-type {margin-bottom:0;}
.intro_list li h5 {color:#1c1c1c;font-weight:600;font-size:1.1em;margin-top:5px;}
.intro_list li div:first-of-type {padding-right:30px;}

@media(max-width:600px){
.intro_box img {border-radius:0 30px 30px 30px;}
.intro_tit_img img { width:60%;}
.intro_tit:before {height:20px;}
.intro_tit {font-size:17px;padding:60px 20px 0 20px;}
}

/* 010102_대표이사 인사말 */
.ceo_box .ceo_top { background:url("/project/design/contents/bg_ceo.jpg") no-repeat center / 100%; height:490px; position:relative; padding:140px 0 0 90px; box-sizing:border-box;}
.ceo_box .ceo_top .i1, .ceo_box .ceo_top .i2 {font-size:40px; font-weight:900; color:#fff; line-height:1.2em; font-family: 'Noto Serif KR', serif;}
.ceo_box .ceo_top .i1 { position:absolute; top:135px; left:60px;}
.ceo_box .ceo_top .line { position:absolute; top:323px; left:85px; background:#fd33a7; display:block; width:270px; height:12px; z-index:80;}
.ceo_box .ceo_top .p_desc1 { font-size:40px; font-weight:900; color:#616161; line-height:1.2em; position:relative; z-index:100;}
.ceo_box .ceo_top .p_desc1 .em1 { color:#fff;}
.ceo_box .ceo_top .p_desc2 { font-weight:500; letter-spacing:0.05em; color:#fff; padding-top:30px;}
.ceo_box .desc_box { padding:60px 80px; display:table; width:100%;}
.ceo_box .desc_box .left { display:table-cell; vertical-align:top; width:50%; line-height:2.4em;}
.ceo_box .desc_box .right { display:table-cell; vertical-align:top; width:50%; line-height:2.4em;}
.ceo_box .p_sign { text-align:right; padding:0 50px 50px 0;}
.ceo_box .p_sign .em1 { margin-right:20px;}


div.ceo_gr_box{
    display: flex;
    gap: 50px;
}

.greeting_ceo {
font-size: 40px;
font-weight: 900;
color: #535353;
line-height: 1.2em;
position: relative;
z-index: 100;
line-height: 55px;
letter-spacing: -0.04rem;
color: #000;
padding-bottom: 30px;
position: relative;
}

.greeting_ceo b{
color:#fd33a7;
font-size: 40px;
font-weight: 900;
}


.greeting_ceo_txt{
font-size: 15px;
color: #919191;
}

.greeting_ceo_txt p{
line-height: 26px;
}

p.ceo_name{
font-size: 18px;
padding: 30px 0;
font-weight: 500;
}

p.ceo_name b{
display: block;
color: #000;
}

@media(max-width:1300px){

    div.ceo_gr_box {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
}


@media(max-width:1000px){
.ceo_box .ceo_top {  background-size:cover; height:400px; padding:80px 0 0 90px; }
.ceo_box .ceo_top .i1 {top:75px;}
.ceo_box .ceo_top .line{top:236px; width:216px;}
.ceo_box .ceo_top .p_desc1{font-size:34px;}
.ceo_box .p_sign img { height:40px;}


div.ceo_gr_box {
    flex-direction: column;
}



.greeting_ceo{
    font-size: 35px;
}

.greeting_ceo b{
    font-size: 35px;
}

}

@media(max-width:800px){

    div.ceo_gr_box {
        gap: 0;
    }

div.ceo_gr_box {
    display: flex;
}

div.ceo_gr_box div img{
    max-width: 80% !important;
}

.greeting_ceo {
    line-height: 45px;
    font-size: 30px;
}

.greeting_ceo_txt {
    font-size: 14px;
    color: #919191;
}

.ceo_box .ceo_top { height:320px; padding:60px 0 0 50px; }
.ceo_box .ceo_top .i1, .ceo_box .ceo_top .i2 {font-size:32px;}
.ceo_box .ceo_top .i1 { top:55px; left:30px;}
.ceo_box .ceo_top .line { top:186px; left:45px; width:170px; height:8px;}
.ceo_box .ceo_top .p_desc1{font-size:28px;}
.ceo_box .desc_box{padding:0;}
.ceo_box .desc_box div{padding:50px 0  50px 30px; box-sizing: border-box; line-height: 2em !important;}
}

@media(max-width:500px){

    p.ceo_name{
        padding: 20px 0;
        font-size: 16px;
    }

    .greeting_ceo{
        font-size: 25px;
        line-height: 33px;
        padding-bottom: 10px;
    }

    .greeting_ceo b{
        font-size: 25px;
    }

.ceo_box .ceo_top { background:#16130c url("/project/design/contents/bg_ceo.jpg") no-repeat right bottom / contain; height:300px; padding:50px 0 0 45px; }
.ceo_box .ceo_top .i1, .ceo_box .ceo_top .i2 {font-size:22px;}
.ceo_box .ceo_top .i1 { top:45px;}
.ceo_box .ceo_top .line { top:140px; left:40px; width:140px; height:6px;}
.ceo_box .ceo_top .p_desc1{font-size:20px;}
.ceo_box .desc_box div{width:100% !important; display: block !important;}
.ceo_box .desc_box div{padding:30px 0  0 30px; box-sizing: border-box; line-height: 1.6em !important;}
.ceo_box .p_sign { padding:30px;}
.ceo_box .p_sign .em1 { display:block; margin:0 0 10px 0;}
}


/* 010104_CI소개 */
.bg_logo_box {background:url("/project/design/contents/bg_logo_pattern.png") repeat center;background-size:11px;border:1px solid #f2f2f2;border-radius:0 20px;padding:30px; text-align: center; }
.logo_desc_box {padding-left:60px;align-self: center;}

.motif div {border-top:2px solid #000;margin-right:5%;width:30%;align-items: center;}
.motif div:last-of-type {margin-right:0;}
.motif .num {font-size:60px;color:#ccc;}
.motif .desc {padding-left:5%;}
.intro_list img{max-width:none !important;}
.menu0104 .content0 > div:nth-of-type(1){width:30%;}
.menu0104 .content0 > div:nth-of-type(2){width:70%;}
.menu0104 .content2 { margin-top:40px;}


@media all and (max-width:1000px) {
.motif {flex-wrap: wrap;}
.motif div {margin:0;width:100%;}
.menu0104 .content0 {flex-wrap: wrap; }
.menu0104 .content0 > div{margin-bottom:20px;}
.menu0104 .content0 > div:nth-of-type(1){text-align: center; width:100%}
.menu0104 .content0 > div:nth-of-type(2){padding:0; margin:0; width:100%}
}

@media(max-width:500px){
.bg_logo_box{text-align: center;margin:20px 0 !important; padding:10px;}
.bg_logo_box img { height:100px;}
.logo_desc_box{padding:0;}
.menu0104 { margin-bottom:40px;}
.menu0104 .bd_top{padding:0 !important;}
.motif div { padding:15px;}
.motif .num {font-size:40px;}

 .menu0104 .content2{flex-wrap: wrap; margin-top:0;}
 .menu0104 .content2 > div{width:100%; margin:0;}
}

/* 0102_직원찾기 */
.org_box { position:relative;}
.org_box .ul_type2 > li {margin-bottom:1px;}

.org_box .box1 { border:6px solid #000; width:140px; height:140px; box-sizing:border-box; border-radius:100%; display:table; margin:0 auto;}
.org_box .box1 .text { display:table-cell; text-align:center; vertical-align:middle; font-size:20px; font-weight:600; color:#000;}

.org_box .or_box_type1 { width:220px; height:60px; box-sizing:border-box; border-radius:30px; display:table;}
.org_box .or_box_type1 .text { display:table-cell; text-align:center; vertical-align:middle; font-size:16px; font-weight:500; color:#fff;}

.org_box .box3 {background:#fd33a7 url("/project/design/contents/bg_sline1.png") repeat center; margin:0 auto;}
.org_box .box4 {background:#939393 url("/project/design/contents/bg_sline1.png") repeat center; margin:0 auto;}

.org_box .or_box_type2 { border:1px solid #e9e9e9; border-radius:30px; position:relative; background:#fff;}
.org_box .or_box_type2 .text {border-radius:30px 30px 0 0; background:url("/project/design/contents/bg_sline2.png") repeat center; border-bottom:1px solid #e9e9e9; line-height:48px; padding-left:36px; color:#383838; font-size:16px; font-weight:500;}
.org_box .or_box_type2 .desc { padding:36px; font-size:15px;}
.org_box .or_box_type2 .desc li { font-size:14px;}
.org_box .or_box_type2 .btn_staff { position:absolute; top:28px; right:30px; border-radius:30px;background:#fd33a7 url("/project/design/contents/icon_staff.png") no-repeat 12px center; display:inline-block; padding:10px 20px 10px 44px; color:#fff; font-size:14px; font-weight:500;}
.org_box .or_box_type2 .btn_staff:hover { box-shadow:1px 5px 5px rgba(0,0,0,0.2);}

.org_box .box5 { width:36%;}

.org_box .dep2 {background:url("/project/design/contents/bg_sline3.png") repeat-y center top; margin:10px 0; position:relative; height:60px;}
.org_box .dep2 .box2 {border:2px solid #959595; position:absolute; left:50%; transform: translate(50%,0);}
.org_box .dep2 .box2:before {position:absolute; top:50%; left:0; transform: translate(-102%,0); display:inline-block; width:50%; height:1px; background:#e6e6e6; content:"";}
.org_box .dep2 .box2 .text { color:#666;}

.org_box .dep3:after { background:url("/project/design/contents/bg_sline3.png") repeat-y center top; content:"";margin:10px 0; height:50px; display:block;}
.org_box .dep4 { position:relative;}
.org_box .dep4:after {position:absolute; top:60px; left:50%;  transform: translate(-3px,0); background:url("/project/design/contents/bg_sline3.png") repeat-y center top; content:"";margin:10px 0; width:6px; height:400px; display:block;}
.org_box .dep5 { position:relative;}
.org_box .dep5 .box5 {position:absolute; top:0; right:0; transform: translate(0,-25%);}
.org_box .dep5 .box5:before {position:absolute; top:30%; left:0; transform: translate(-100%,0); display:inline-block; width:38%; height:1px; background:#e6e6e6; content:"";}
.org_box .dep6 { position:relative;}
.org_box .dep6 .box5 {position:absolute; top:0; left:0; transform: translate(0,15%);}
.org_box .dep6 .box5:after {position:absolute; top:48px; right:0; transform: translate(100%,0); display:inline-block; width:38%; height:1px; background:#e6e6e6; content:"";}

.org_box .dep7 { margin-top:420px;background:#fafafa; border:1px solid #e9e9e9; border-radius:30px; padding:20px;}
.org_box .dep7 .container {display:flex; flex-wrap:wrap;}
.org_box .dep7 .box6 { flex: 1 1 40%; margin:20px;}

@media(max-width:1000px){
.org_box .box1 { border:4px solid #000;  width:120px; height:120px;}
.org_box .or_box_type1 { width:160px; height:40px;}
.org_box .or_box_type1 .text { vertical-align:middle; font-size:15px;}
.org_box .or_box_type2 { border-radius:20px;}
.org_box .or_box_type2 .text {border-radius:20px 20px 0 0; line-height:38px; padding-left:16px; font-size:15px; }
.org_box .or_box_type2 .desc { padding:16px;}
.org_box .or_box_type2 .desc .mgT20 { margin-top:10px !important;}
.org_box .or_box_type2 .desc li { font-size:13px;}
.org_box .or_box_type2 .btn_staff { top:20px; right:10px; background:#fd33a7 url("/project/design/contents/icon_staff.png") no-repeat 10px center; padding:7px 10px 7px 34px; font-size:13px;}
.org_box .box1 .text {font-size:18px;}
.org_box .dep4:after { top:40px;}
.org_box .dep7 { border-radius:20px; padding:10px;}
.org_box .dep7 .box6 { flex: 1 1 40%; margin:10px;}
}

@media(max-width:800px){
.org_box .dep4:after { display:none;}
.org_box .box5 { width:100%;  }
.org_box .dep5:before { background:url("/project/design/contents/bg_sline3.png") repeat-y center top; content:"";margin:10px 0; height:30px; display:block;}
.org_box .dep5 .box5 {position:relative;  top:auto; right:auto; transform: translate(0,0);}
.org_box .dep5 .box5:before {display:none;}
.org_box .dep6:before { background:url("/project/design/contents/bg_sline3.png") repeat-y center top; content:"";margin:10px 0; height:30px; display:block;}
.org_box .dep6 .box5 {position:relative; top:auto; left:auto; transform: translate(0,0);}
.org_box .dep6 .box5:after {display:none;}
.org_box .dep6:after { background:url("/project/design/contents/bg_sline3.png") repeat-y center top; content:"";margin:10px 0; height:30px; display:block;}
.org_box .dep7 { margin-top:0;}
}

@media(max-width:500px){
.org_box .or_box_type1 { width:110px; }
.org_box .dep2 { height:30px;}
.org_box .dep2 .box2 {top:-8px;}
.org_box .dep3:after { height:30px;}
.org_box .dep7 .box6 { flex: 100%;}
}


/* 0103_윤리경영 */


.menu0103-1 h1,
.menu0103-1 h2 {
    font-size: 25px;
    font-weight: 700;
    color: #000;
    padding-bottom: 20px;
    box-sizing: border-box;
}

.menu0103-1 h1 > span {
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

.menu0103-1 h2 {
    font-size: 18px;
}

.menu0103-1 .con_box {
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding:0px 30px 0 30px;
    box-sizing: border-box;
    justify-content: space-evenly;
    align-items: center;
}

.menu0103-1 .con_box img {
    width: 100px;
    padding-top: 10px;
    box-sizing: border-box;
}

.menu0103-1 .con_box .txt_box {
    line-height: 1.5;
}

.menu0103-1 .con_box .txt_box span {
    font-size: 18px;
    font-weight: 700;
    color: #2c7ab2;
}

.menu0103-1 .text_box{
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    margin-bottom: 40px;
    padding: 10px 10px ;
    box-sizing: border-box;
    line-height: 2;
}

.menu0103-1 .text_box .title {
    font-size:18px;
    color:#000;
    font-weight: 500;
    padding: 10px 0;
    box-sizing: border-box;
}

.menu0103-1 .content2 .box_wrap {
    width: 100%;
    display: flex;
}

.menu0103-1 .box_wrap .left_box,
.menu0103-1 .box_wrap .right_box {
    display: inline-block;
    width: 50%;
    height: 300px;
    border: 1px solid #dce4f0;
    border-radius: 10px;
    padding: 40px 25px 40px 25px;
    box-sizing: border-box;
    background-color: #f0f7ff;
}

.menu0103-1 .box_wrap .left_box {
    margin-right: 2%;
}

.menu0103-1 .box_wrap .right_box {
    margin-left: 2%;
}

.menu0103-1 .box_wrap .right_box {
    border: 1px solid #ebdee1;
    background-color: #fff1f4;
}

.menu0103-1 .box_wrap .left_box h2,
.menu0103-1 .box_wrap .right_box h2 {
    text-align: center;
}

.menu0103-1 .box_wrap li {
    padding-bottom: 10px;
    box-sizing: border-box;
}

.menu0103-1 .box_wrap li:last-child {
    padding-bottom: 0;
}

.menu0103-1 .box_wrap li span {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    margin-right: 10px;
    line-height: 25px;
}

.menu0103-1 .box_wrap .left_box li span {
    background-color: #00b3ff;
}

.menu0103-1 .box_wrap .right_box li span {
    background-color: #f1788b;
}


@media(max-width:1100px) {
    .menu0103-1 .con_box {
        gap: 20px;
    }

}

@media(max-width:771px) {
    .menu0103-1 .box_wrap .left_box,
    .menu0103-1 .box_wrap .right_box {
    height: 350px;
    display: inline-block;
    width: 100%;
    border: 1px solid #dce4f0;
    border-radius: 10px;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 50px 10px 0px 10px;
    box-sizing: border-box;
    }
}

@media(max-width:620px) {
    .menu0103-1 .content2 .box_wrap {
        display: inline-block;
    }
    
    .menu0103-1 .box_wrap .left_box,
    .menu0103-1 .box_wrap .right_box {
        display: inline-block;
        width: 100%;
        border: 1px solid #dce4f0;
        border-radius: 10px;
        /* padding: 15px; */
        /* box-sizing: border-box; */
        margin:0 auto;
        margin-bottom: 20px;
    }
}

@media(max-width:600px) {
    .menu0103-1 .con_box {
        height: 150px;
    }

    .menu0103-1 .con_box img {   
    padding-top: 0;
    }
}

@media(max-width:500px) {
    .menu0103-1 .box_wrap li {
        padding-bottom: 15px;
        box-sizing: border-box;
    }

    .menu0103-1 h2 {
        font-size: 18px;
        font-weight: 700;
        color: #000;
        padding-bottom: 30px;
        box-sizing: border-box;
    }
}

@media(max-width:370px) {
    .menu0103-1 .con_box {
        height: 170px;
    }
}





.menu0103-1 .img_box img { width: 100%;}
.menu0103-1 .box_type2 .left_img{background-image:url("/project/design/contents/top_con5.png");}
.menu0103-2 .box_type2 .left_img{background-image:url("/project/design/contents/top_con6.png");}

.container01 .content1 > ul > li{justify-content: space-between; align-items: center; border:1px solid #eaeaea; padding:20px; border-radius: 10px; margin-bottom:20px;}
.container01 .content1 > ul > li .title{font-size:18px; color:#000; font-weight: 500;}

@media(max-width:550px){
    .container01 .content1 > ul > li{flex-wrap: wrap;}
    .container01 .content1 > ul > li span{width:100%; text-align: center;}
    .container01 .content1 > ul > li .title{margin-bottom:20px; font-size:16px;}
	}

/* 관련홍보영상 링크 바로가기 */
.content_sns > ul{justify-content: space-around;}
.content_sns > ul > li > a{flex-wrap: wrap; justify-content: center; align-items: center;}
.content_sns > ul > li > a span{width:100%; text-align: center;}
.content_sns > ul > li > a .icon{padding:30px; border-radius: 100px; background:#fafafa; width:100px; height:100px; box-sizing: border-box; display:flex; display:-ms-flex; display:-webkit-flex; justify-content: center; align-items: center;}
.content_sns > ul > li > a .title{margin-top:20px; font-weight: 500; color:#000; justify-content: center;}
@media(max-width:800px){
    .content_sns > ul{flex-wrap: wrap; justify-content: flex-start;}
    .content_sns > ul > li {width:33.33%; margin-bottom:30px;}
    .content_sns > ul > li > a .icon{padding:10px;}
}
@media(max-width:400px){
    .content_sns > ul > li {width:50%;}
}


/*.container0103 .list_box{background:#fff5fb; border-radius: 200px; padding:50px; box-sizing: border-box; justify-content: space-between; flex-wrap: wrap; position: relative;}
.container0103 .list_box .list{width:150px; height:150px; background:#fff; border:2px solid #fd33a7; border-radius: 100px; align-items: center; justify-content: center; position: relative; font-size:18px; font-weight: 500; color:#000;}
.container0103 .list_box .list::before{position: absolute; width:7px; height:7px; background:#fd33a7; content:''; transform: translate(0, -50%); left:-15%; top:50%; border-radius: 50%;}
.container0103 .list_box .list:first-child::before{display: none;}
.container0103 .list_box .list span{text-align: center;}
.container0103 .list_box p{position: absolute; bottom:10px; left:50%; transform: translate(-50%,0);}
.container0103 .link_box{margin:40px auto 0; justify-content: center;}
.container0103 .list_box{background:#fff5fb; border-radius: 200px; padding:50px; box-sizing: border-box; justify-content: space-between; flex-wrap: wrap; position: relative;}
.container0103 .list_box .list{width:150px; height:150px; background:#fff; border:2px solid #fd33a7; border-radius: 100px; align-items: center; justify-content: center; position: relative; font-size:18px; font-weight: 500; color:#000;}
.container0103 .list_box .list::before{position: absolute; width:7px; height:7px; background:#fd33a7; content:''; transform: translate(0, -50%); left:-15%; top:50%; border-radius: 50%;}
.container0103 .list_box .list:first-child::before{display: none;}
.container0103 .list_box .list span{text-align: center;}
.container0103 .list_box p{position: absolute; bottom:10px; left:50%; transform: translate(-50%,0);}
.container0103 .link_box{margin:40px auto 0; justify-content: center;}*/



/*.menu0103-1 .box_type2 .left_img.bg1{background-image: url("/project/design/contents/48top.png");}
.page114 .top_box ul{justify-content: center;}
.page114 .top_box ul li{margin-right:20px; padding:20px; box-sizing: border-box; align-items: center;}
.page114 .top_box ul li:last-child{margin:0;}
.page114 .top_box ul li:nth-child(1){border:1px solid #EAD6E0; background:#FFEAF6; box-sizing: border-box; border-radius: 10px;}
.page114 .top_box ul li:nth-child(2){border:1px solid #CED6EB; background:#E9EDF8; box-sizing: border-box; border-radius: 10px;}
.page114 .top_box ul li i{width:45px; height:45px;}

.page114 .top_box ul li .text{padding-left:20px;}
.page114 .top_box ul li .text span{display: block;}
.page114 .top_box ul li .text span.desc1{font-size:18px; font-weight: 700; color:#000;}
.page114 .top_box ul li .text span.desc2{font-size:15px; color:#666;}*/

/* 010401_인권경영 헌장 */
.menu0104-1 {background:url('/project/design/contents/bg_char.jpg') repeat-y center top !important;  padding:10% 80px; box-sizing: border-box; position: relative;background-size:100% !important;}
.menu0104-1:before {background:url('/project/design/contents/bg_char_top.jpg') no-repeat center top !important;position:absolute;display:inline-block;content:"";left:50%;top:0;transform:translate(-50%,0);width:100%;height:100px;background-size:100% !important;}
.menu0104-1:after {background:url('/project/design/contents/bg_char_bottom.jpg') no-repeat center bottom !important;position:absolute; display:inline-block; content:"";left:50%;bottom:0;transform:translate(-50%,0);width:100%;height:100px; background-size:100% !important;}
.menu0104-1 > div h4{font-size:40px; font-weight: 600; color:#000;}
.menu0104-1 > div p{font-size:16px; width:80%; margin:7% auto 10%;}
.menu0104-1 > div p span{font-weight: 500; color:#000;}
.menu0104-1 > div ul{width:90%; margin:0 auto 10%;}
.menu0104-1 > div ul li{margin-bottom:3%;}
.menu0104-1 > div ul li span{font-size:18px;}
.menu0104-1 > div ul li .desc1{font-weight: 500; color:#fd33a7; width:90px;}
.menu0104-1 > div ul li .desc2{width:calc(100% - 90px);}
.menu0104-1 > div h5{font-size:30px; color:#000; font-weight: 600;}

@media(max-width:1000px){
.menu0104-1 > div ul li span{font-size:16px;}
.menu0103-1 h1 {
    font-size: 2.5vw;
}
}

@media(max-width:550px){
 .menu0104-1{padding:10%}
.menu0104-1 > div h4 {font-size:22px;}
.menu0104-1 > div p {font-size:13px; margin:10% auto;width:100%;}
.menu0104-1 > div ul {margin:10% auto;}
.menu0104-1 > div ul li span {font-size:13px;}
.menu0104-1 > div ul li .desc1 {width:40px;}
.menu0104-1 > div ul li .desc2 {width:100%;}
 .menu0104-1 > div h5{font-size:15px;}
 .menu0103-1 h1 {text-align: center; font-size: 20px;}
 .menu0103-1 .mgB40 { text-align: center;}
}

/* 010402_인권경영 추진방향 및 추진체계 */
.page114 .top{width:100%; justify-content: center;}
.page114 .top ul{justify-content: center; flex-direction: column;}
.page114 .top ul li{padding:20px 40px; border-radius: 100px; box-sizing: border-box; align-items: center; margin-bottom:10px; font-size:18px; font-weight: 500;}
.page114 .top ul li u{width:80px; height:1px; background:#fff; margin:0 20px;}
.page114 .top ul li:nth-of-type(2) u{background:#873fbe;}
.page114 .top ul li:nth-of-type(1){color:#fff; background: linear-gradient( to left, #873fbe, #fd33a7 );}
.page114 .top ul li:nth-of-type(2){ position:relative; }
.page114 .top ul li:nth-of-type(2):after{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:100px; padding:2px; background:linear-gradient(45deg,#873fbe,#fd33a7); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude; }

.page114 .top ul li:nth-of-type(2) .desc1{color:#873fbe;}
.page114 .top ul li:nth-of-type(2) .desc2{ background: linear-gradient(to right, #873fbe, #fd33a7); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.page114 .top2 .content{justify-content: space-between; align-items: center;}
.page114 .top2 .content .item{width:273px; height:273px; border-radius: 500px; border:1px solid #fd33a7; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.page114 .top2 .content .item:nth-of-type(2){ border:1px solid #fd33a7; background:#ffffff;}
.page114 .top2 .content .item > div{margin-bottom:20px;}
.page114 .top2 .content .item > div:last-child{margin:0;}
.page114 .top2 .content .item .day{font-size:19px; font-weight: 500; color:#fd33a7; }
.page114 .top2 .content .item .icon{max-width:none !important;}
.page114 .top2 .content .item .text{color:#000; font-size:20px; width:60%; font-weight: 500; line-height: 1.2;}


/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .page114 .top ul li:nth-of-type(2){color:#fd33a7; border:2px solid #fd33a7; border-radius: 50px;}
    .page114 .top ul li:nth-of-type(2):after{background:none;}
    .page114 .top ul li:nth-of-type(2) .desc1{color:#fd33a7;}
    .page114 .top ul li:nth-of-type(2) u{background:#fd33a7;}
    .page114 .top ul li:nth-of-type(2) .desc2{background:none;}
}*/
@media(max-width:1000px){
.page114 .top2 .content .item {width:230px; height:230px;}
.page114 .top2 .content .item > div{margin-bottom:10px;}
.page114 .top2 .content .item .day{font-size:15px; }
.page114 .top2 .content .item .text{ font-size:16px;}
.page114 .top2 i img { width:30px;}
}

@media(max-width:768px){
.page114 .top ul li{padding:10px 30px; font-size:16px;}
.page114 .top ul li u{width:30px; margin:0 10px;}
.page114 .top ul li:nth-of-type(2){ border:2px solid #873fbe; }
.page114 .top ul li:nth-of-type(2):after{ display:none;}
.page114 .top2 .content{flex-direction: column;}
.page114 .top2 .content i{margin:10px 0;}
.page114 .top2 .content i img{transform: rotate(90deg);}
}

@media(max-width:400px){
.page114 .top ul li{font-size:15px;}
.page114 .top2 .content .item {width:200px; height:200px;}
.page114 .top2 .content .item img { height:60px;}
.page114 .top2 .content .item .text{ font-size:15px;}
}


/* 0105_오시는 길 */
    .container0105 .map_box{border:0; position: relative; height:auto; margin-bottom:40px;}
    .container0105 .map_box .con1{ border:1px solid red; box-sizing: border-box;}
    .container0105 .map_box .map img{width:100%;}
    .container0105 .map_box .hover_box{position: absolute;  box-shadow: 5px 5px 10px rgba(253, 51, 167, 0.2); background:#fff; top:0; right:0; cursor: pointer; z-index: 100; display: none;}
    .container0105 .map_box .hover_box .content{padding:40px; position: relative; border: 2px solid;  border-image: linear-gradient(to right, #863fc1, #fd33a7 ); border-image-slice: 1; box-sizing: border-box; }
    .container0105 .map_box .hover_box .content .map_icon{position: absolute; right:-43px; top:10px; transform: translateX(0.7px);}
    .container0105 .map_box .hover_box .content i{position: absolute; right:10px; top:10px; font-size:20px;}
    .container0105 .map_box .item3 .ksh{width:60%; margin-bottom:20px;}
    .container0105 .map_box .item4 .smxl{width:40%; margin-bottom:20px;}
    .container0105 .map_box .item2 .content{padding:0 !important;}
    .container0105 .map_box .item2 .content .map_icon{top:95px;}
    .container0105 .map_box .item4 .content .map_icon{transform: rotate(90deg); right:44%; top:auto; bottom:-27px;}
    .container0105 .map_box .item5 .content .map_icon{transform: rotate(90deg); right:44%; top:auto; bottom:-27px;}
    .container0105 .map_box .item1{transform: translate(-101%,26%); }
    .container0105 .map_box .item2{transform: translate(-45%,6%); }
    .container0105 .map_box .item3{transform: translate(-50%,154%); }
    .container0105 .map_box .item4{transform: translate(-135.5%,118%); }
    .container0105 .map_box .item5{transform: translate(-149%,255%); }
    .container0105 .map_box .item6{transform: translate(-95%,270%); }
    .container0105 .map_box .item7{transform: translate(-95%,0%); }
    .container0105 .tab_box{border:0;}

    @media(max-width:1024px){
        .container0105 .map_box .item1{transform: translate(-92%,22%);}
        .container0105 .map_box .item2{transform: translate(-50%, -50%); left:50%; top:50%; width:95%;}
        .container0105 .map_box .item2 .map_2{width:100%;}
        .container0105 .map_box .item2 .content .map_icon{display: none;}
        .container0105 .map_box .item3{transform: translate(-45%,138%);}
        .container0105 .map_box .item4{transform: translate(-117%,96%);}
        .container0105 .map_box .item5{transform: translate(-130%,217%);}
        .container0105 .map_box .item6{transform: translate(-85%,240%); }
        .container0105 .map_box .item7{transform: translate(-85%,0%); }
    }


    @media(max-width:850px){
        .container0105 .map_box .item1{transform: translate(-77%,16%);}
        .container0105 .map_box .item3{transform: translate(-39%,98%);}
        .container0105 .map_box .item4{transform: translate(-39%,113%);}
        .container0105 .map_box .item5{transform: translate(-99%,165%);}
        .container0105 .map_box .item6{transform: translate(-70%,185%); }
        .container0105 .map_box .item7{transform: translate(-70%,0%); }
    }

    @media(max-width:768px){
        .container0105 .map_box .item1{transform: translate(-75%,13%);}
        .container0105 .map_box .item3{transform: translate(-38%,105%);}
        .container0105 .map_box .item4{transform: translate(-83%,51%);}
        .container0105 .map_box .item5{transform: translate(-94.5%,145%);}
        .container0105 .map_box .item6{transform: translate(-65%,185%); }
    }

    @media(max-width:425px){
        .container0105 .map_box .hover_box .content{padding:20px;}
        .container0105 .map_box .hover_box .content .map_icon{display: none;}
        .container0105 .map_box .item1{position: absolute; left:50%; top:50%; width:80%; transform: translate(-50%,-50%);}
        .container0105 .map_box .item3{transform: translate(-50%, -50%); left:50%; top:50%;; width:95%;}
        .container0105 .map_box .item4{transform: translate(-50%, -50%); left:50%; top:50%;; width:95%;}
        .container0105 .map_box .item5{transform: translate(-50%, -50%); left:50%; top:50%;; width:95%;}
        .container0105 .map_box .item6{transform: translate(-50%, -50%); left:50%; top:50%;; width:95%;}
        .container0105 .map_box .item7{transform: translate(-50%, -50%); left:50%; top:50%;; width:95%;}
    }

















/* 02010201_대관시설 */
.fa_box > ul > li {float:left; width:50%; box-sizing:border-box ;padding-bottom:40px;}
.fa_box > ul > li:nth-child(odd) { padding-right:20px;}
.fa_box > ul > li:nth-child(even) { padding-left:20px;}
.fa_box > ul > li > a { display:block; overflow:hidden; position:relative;}
.fa_box > ul > li > a img {transition: all .5s ease-out;}
.fa_box > ul > li > a p { position:absolute; top:50%; left:50%; width:60%; text-align:center; transform: translate(-50%,-50%); display:block; background:rgba(0,0,0,0.9); color:#fff; font-size:19px; font-weight:500; padding:20px 0; border-radius:50px; transition: all .5s ease-out;}
.fa_box > ul > li > a:hover p {background:rgba(253,51,167,0.9);}
.fa_box > ul > li > a:hover img { transform:scale(1.05, 1.05) rotate(1deg);}

.fa_top_box { position:relative; padding-bottom:50px; }
.fa_top_box .img_box { border-radius:0 50px 50px 50px; overflow:hidden; position:relative;}
.fa_top_box .desc_box { position:absolute; left:50px; bottom:0; background:rgba(253,51,167,0.95);border-radius:30px 30px 0 30px; color:#fff; padding:50px; width:42%; box-sizing:border-box;}
.fa_top_box .desc_box .p_desc1 { font-size:36px; font-weight:600;}
.fa_top_box .desc_box .p_desc1.smaller{ font-size: 30px;}
.fa_top_box .desc_box .p_desc2 { padding:10px 0 50px 0;}
.fa_top_box .btn_box a { padding:15px 25px; border-radius:50px; background:#fff; color:#000; font-weight:600; margin-right:10px; display:inline-block;}
.fa_top_box .btn_box a:hover { box-shadow:1px 10px 10px rgba(0,0,0,0.2);}
.fa_top_box .btn_box a i { margin-right:10px;}

.ul_conf { margin-top:20px;}
.ul_conf > li { width:50%; float:left; box-sizing:border-box; padding:5px;}
.ul_conf > li.li100 { width:100%;}
.ul_conf > li > .box_in { border:1px solid #eaeaea; border-radius:10px; padding:40px 30px; width:100%; height:100px; display:table; box-sizing:border-box;}
.ul_conf > li > .box_in i { display:table-cell; vertical-align:middle; width:115px;}
.ul_conf > li > .box_in .desc_box { display:table-cell; vertical-align:middle; }
.ul_conf > li > .box_in .title { display:block; font-size:18px; font-weight:600; color:#000; margin-bottom:10px;}

.menu_fa { border:1px solid #e4e4e4; border-radius:10px; box-shadow:1px 5px 10px rgba(0,0,0,0.05); margin-top:40px; overflow:hidden;}
.menu_fa > ul > li { width:25%; float:left; }
.menu_fa > ul > li > a { display:block; padding-left:20px; line-height:40px; color:#929292; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; position:relative;}
.menu_fa > ul > li > a::after { content:""; width:7px; height:7px; background:#fd33a7; opacity:0; border-radius:100%; display:inline-block; position:absolute; right:5%; top:50%; transform: translate(0,-50%); transition: all .3s ease-out;}
.menu_fa > ul > li > a.on, .menu_fa > ul > li > a:hover { color:#000; background:#f6f6f6; }
.menu_fa > ul > li > a.on::after, .menu_fa > ul > li > a:hover::after { opacity:1; }
.menu_fa > ul > li:nth-child(4n) > a {border-right:none;}
.menu_fa > ul > li:nth-child(5) > a, .menu_fa > ul > li:nth-child(6) > a, .menu_fa > ul > li:nth-child(7) > a, .menu_fa > ul > li:nth-child(8) > a {border-bottom:none;}


@media(max-width:1200px){
.fa_top_box .desc_box .p_desc1 { font-size:32px; }
}
@media(max-width:1000px){
.fa_box > ul > li > a p{width:70%; font-size:16px;}
.fa_top_box .desc_box { padding:30px; width:60%;}
.fa_top_box .desc_box .p_desc1 { font-size:28px; }
.fa_top_box .desc_box .p_desc2 { padding:10px 0 30px 0;}
.fa_top_box .btn_box a { padding:8px 25px;margin-right:5px;}
}

@media(max-width:780px){
    .menu_fa > ul {display:flex; display:-ms-flex; display:-webkit-flex; flex-wrap: wrap;}
    .menu_fa > ul > li{width:100%;}
    .menu_fa > ul > li:nth-child(5) > a, .menu_fa > ul > li:nth-child(6) > a, .menu_fa > ul > li:nth-child(7) > a{border-bottom:1px solid #ddd;}
    .menu_fa > ul > li > a{border-right:0;}
}


@media(max-width:700px){
    .fa_top_box .img_box{border-radius: 0 20px 0 0;}
    .fa_top_box .desc_box .p_desc1{font-size:22px; letter-spacing:-0.04em;}
    .fa_top_box .desc_box{width:100%; left:0; position: relative;background:rgba(253,51,167,1); margin-top:-1px; padding:20px 30px !important; box-sizing: border-box; border-radius:0 0 0 20px; }
    .fa_top_box{padding:0;}
    .fa_top_box .desc_box .p_desc2{padding:5px 0 10px 0; box-sizing: border-box; font-size:13px;letter-spacing:-0.04em;}
    .menu0103-1 h1 {font-size: 2.5vw;}
}

@media(max-width:600px){
    .fa_box ul{display:flex; display:-ms-flex; display:-webkit-flex; flex-wrap: wrap;}
    .fa_box ul li{width:100%; margin:0 0 20px !important; padding:0 !important;}
    .fa_box ul li img{width:100%;}
    .menu0103-1 h1 {font-size: 4.3vw;}
}


/* 북카페 씨아트 */
.ul_fa_top > li { float:left; width:50%; box-sizing:border-box;}
.ul_fa_top > li:first-child { padding-right:10px;}
.ul_fa_top > li:last-child { padding-left:10px;}
.fa_top_box2 { position:relative; }
.fa_top_box2 .img_box { border-radius:0 50px 50px 50px; overflow:hidden; position:relative;}
.fa_top_box2 .desc_box { position:absolute; left:0; bottom:0; background:rgba(253,51,167,0.95);border-radius:30px 30px 0 30px; color:#fff; padding:30px 40px; width:100%; box-sizing:border-box;}
.fa_top_box2 .desc_box .p_desc1 { font-size:30px; font-weight:600; line-height:1.2em;}
.fa_top_box2 .btn_box { position:absolute; top:50%; right:40px; transform: translate(0,-50%); }
.fa_top_box2 .btn_box a { padding:15px 30px; border-radius:50px; background:#fff; color:#000; font-weight:600;}
.fa_top_box2 .btn_box a:hover { box-shadow:1px 10px 10px rgba(0,0,0,0.2);}
.fa_top_box2 .btn_box a i { margin-right:10px;}

.ul_history > li { border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:20px;}
.ul_history > li:last-child { border-bottom:none; padding-bottom:0; margin-bottom:0;}

@media all and (max-width:1200px) {
.ul_conf > li { width:100%; height:auto; }
}

@media all and (max-width:1000px) {
.fa_top_box2 .desc_box { padding:30px;}
.fa_top_box2 .desc_box .p_desc1 { font-size:24px; }
.fa_top_box2 .btn_box { right:30px;}
.fa_top_box2 .btn_box a { padding:8px 25px;}
}

@media all and (max-width:800px) {
.fa_top_box2 .img_box { border-radius:0 30px 30px 30px;}
.fa_top_box2 .desc_box { padding:20px;}
.fa_top_box2 .desc_box .p_desc1 { font-size:18px; }
.fa_top_box2 .btn_box { right:20px;}

.ul_conf { margin-top:10px;}
.ul_conf > li > .box_in {padding:20px 15px; }
.ul_conf > li > .box_in i { width:85px;}
.ul_conf > li > .box_in i img { width:70px}
.ul_conf > li > .box_in .title { font-size:16px; margin-bottom:5px;}
}

@media all and (max-width:600px) {

.ul_fa_top > li { width:100%;}
.ul_fa_top > li:first-child { padding-right:0; padding-bottom:20px;}
.ul_fa_top > li:last-child { padding-left:0;}
.fa_top_box2 .img_box img { width:100%;}
.fa_top_box2 .desc_box { background:rgba(253,51,167,1); padding:30px;}
}

/* 02010202_기타시설 */
.fa_box2 > ul > li {float:left; width:50%; box-sizing:border-box ;padding-bottom:40px;}
.fa_box2 > ul > li:nth-child(odd) { padding-right:20px;}
.fa_box2 > ul > li:nth-child(even) { padding-left:20px;}
.fa_box2 > ul > li > .box_in > .img_box {overflow:hidden; position:relative;}
.fa_box2 > ul > li > .box_in > .img_box img {transition: all .5s ease-out;}
.fa_box2 > ul > li > .box_in > .img_box p { position:absolute; top:50%; left:50%; width:60%; text-align:center; transform: translate(-50%,-50%); display:block; background:rgba(0,0,0,0.9); color:#fff; font-size:19px; font-weight:500; padding:20px 0; border-radius:50px; transition: all .5s ease-out;}
.fa_box2 > ul > li > .box_in > .desc_box { border:1px solid #e4e4e4; border-top:none; border-radius:0 0 50px 0; padding:40px 50px; transition: all .3s ease-out;}
.fa_box2 > ul > li > .box_in > .desc_box p {  margin-bottom:20px; font-size:17px;}
.fa_box2 > ul > li > .box_in:hover > .img_box p {background:rgba(253,51,167,0.9);}
.fa_box2 > ul > li > .box_in:hover > .img_box img { transform:scale(1.05, 1.05) rotate(1deg);}
.fa_box2 > ul > li > .box_in:hover .desc_box { box-shadow:1px 10px 10px rgba(0,0,0,0.05);}

@media(max-width:1000px){
.fa_box2 > ul > li > .box_in > .img_box p{width:70%; font-size:16px;}
.fa_box2 > ul > li > .box_in > .desc_box { border-radius:0 0 30px 0; padding:30px;}
.fa_box2 > ul > li > .box_in > .desc_box p {  margin-bottom:10px; font-size:16px;}
}

@media(max-width:700px){
.fa_box2 > ul > li:nth-child(odd) { padding-right:10px;}
.fa_box2 > ul > li:nth-child(even) { padding-left:10px;}
}

@media(max-width:500px){
.fa_box2 > ul > li {width:100%; padding-bottom:20px;}
.fa_box2 > ul > li:nth-child(odd) { padding-right:0;}
.fa_box2 > ul > li:nth-child(even) { padding-left:0;}
}

/* 02010301_입주기업안내 */
.ul_cop { margin-top:20px;}
.ul_cop > li { width:33.33%; float:left; box-sizing:border-box; padding:5px;}
.ul_cop.d4 > li {width:25%; }
.ul_cop.d2 > li { width:50%;}
.ul_cop > li > .box_in { border:1px solid #eaeaea; border-radius:10px; padding:0 15px; width:100%; height:90px; display:table; box-sizing:border-box;}
.ul_cop > li > .box_in i { display:table-cell; vertical-align:middle; width:62px;}
.ul_cop > li > .box_in p { display:table-cell; vertical-align:middle; }

/* 절차 */
.cop_step { padding:20px 0;}
.cop_step > ul > li { width:14.28%; float:left; text-align:center; position:relative; padding-bottom:20px;}
.cop_step > ul > li:after {position:absolute; top:30%; right:0; transform: translate(50%,0); content:""; width:26px; height:16px; background:url("/project/design/contents/img_cop3_ar.png") no-repeat center / 100%; }
.cop_step > ul > li:last-child::after { display:none;}
.cop_step > ul > li i { display:inline-block; width:100px; height:100px; text-align:center; box-sizing:border-box; background:#ffeaf6; border-radius:100%; padding-top:30px;}
.cop_step > ul > li:nth-child(even) i { background:#fff; border:1px solid #fd33a7;}
.cop_step > ul > li p { font-weight:500; color:#000; font-size:14px; margin-top:20px;}

.cop_step.step4 > ul > li { width:25%;}
.cop_step.step5 > ul > li { width:20%;}
.cop_step.step6 > ul > li {
    width: 19.66%
}


@media all and (max-width:1000px) {
.ul_cop > li { width:50%;}
.ul_cop.d4 > li {width:50%; }

.cop_step > ul > li { width:25%;}
.cop_step.step5 > ul > li { width:25%;}
.cop_step.step6 > ul > li { width:25%;}
}
@media all and (max-width:800px) {
.ul_cop { margin-top:10px;}
}

@media all and (max-width:500px) {
.ul_cop > li { width:100%;}
.ul_cop.d4 > li {width:100%; }

.cop_step > ul > li { width:50%;}
.cop_step.step4 > ul > li { width:50%;}
.cop_step.step5 > ul > li { width:50%;}
.cop_step.step6 > ul > li { width:50%;}
.cop_step > ul > li:after {transform: translate(0,0);  }
}

/* 0203_동부창고 */
.dong_box > ul > li { float:left; width:32%; box-sizing:border-box;}
.dong_box > ul > li:nth-child(2) { margin:0 2%;}
.dong_box > ul > li .box_i {border:1px dashed #e8e8e8; padding:30px; border-radius:0 20px; min-height:180px; box-sizing:border-box;}

@media all and (max-width:800px) {
.dong_box > ul > li { width:100%; }
.dong_box > ul > li:nth-child(2) { margin:20px 0;}
.dong_box > ul > li .box_i {min-height:auto; }
}
@media all and (max-width:500px) {
.dong_box > ul > li .box_i {padding:20px; border-radius:0 10px; }
}

/* 0401_대관신청 */

.box_type2 .left_img.bg2{background-image:url("/project/design/contents/top_con8.png");}
.fa_box3 > ul > li {float:left; width:50%; box-sizing:border-box ;padding-bottom:40px;}
.fa_box3 > ul > li:nth-child(odd) { padding-right:20px;}
.fa_box3 > ul > li:nth-child(even) { padding-left:20px;}
.fa_box3 > ul > li > .box_in > .img_box {overflow:hidden; position:relative; border-radius:20px 20px 0 0;}
.fa_box3 > ul > li > .box_in > .img_box img {transition: all .5s ease-out; width:100%;}
.fa_box3 > ul > li > .box_in > .desc_box { border:1px solid #e4e4e4; border-top:none; border-radius:0 0 20px 20px; height:120px; padding:20px 25px; transition: all .3s ease-out; display:table; width:100%; box-sizing:border-box;}
.fa_box3 > ul > li > .box_in > .desc_box .left {  font-size:18px; color:#000; font-weight:500; display:table-cell; vertical-align:middle;}
.fa_box3 > ul > li > .box_in > .desc_box .left span { font-size:15px;}
.fa_box3 > ul > li > .box_in > .desc_box .left p { font-size:14px; line-height:1.2em; color:#666; font-weight:400; }
.fa_box3 > ul > li > .box_in > .desc_box .right { display:table-cell; text-align:right; width:40%;vertical-align:middle; }
.fa_box3 > ul > li > .box_in:hover > .img_box img { transform:scale(1.05, 1.05) rotate(1deg);}

.step_app > ul { width:70%; margin:0 auto; }
.step_app > ul > li { float:left; width:33.33%;}
.step_app > ul > li > p { border:1px solid #ddd; padding:10px; text-align:center; font-size:17px; font-weight:500; border-radius:60px; margin:0 5px;}
.step_app > ul > li > p.on { border:1px solid #fd33a7; color:#fd33a7;}

@media all and (max-width:1100px) {
.fa_box3 > ul > li {padding-bottom:20px;}
.fa_box3 > ul > li:nth-child(odd) { padding-right:10px;}
.fa_box3 > ul > li:nth-child(even) { padding-left:10px;}
.fa_box3 > ul > li > .box_in > .desc_box { height:160px; }
.fa_box3 > ul > li > .box_in > .desc_box .left { font-size:16px; display:block; text-align:center;}
.fa_box3 > ul > li > .box_in > .desc_box .right { display:block; margin-top:10px; text-align:center; width:100%;}
.step_app > ul { width:100%; }
.step_app > ul > li > p { font-size:15px;}
}

@media all and (max-width:600px) {
.fa_box3 > ul > li {width:100%}
.fa_box3 > ul > li:nth-child(odd) { padding-right:0;}
.fa_box3 > ul > li:nth-child(even) { padding-left:0;}
.fa_box3 > ul > li > .box_in > .desc_box { height:auto; }
}

@media all and (max-width:440px) {
.step_app > ul > li > p { padding:10px 5px; margin:0 2px; font-size:14px;}
}

.box_policy { border:1px solid #dadada; padding:45px; border-radius:0 0 40px 0;}

.box_booking{position: relative; }
.box_booking .top_box { padding:30px 0; text-align:center;}
.box_booking .top_box a { vertical-align:middle; display:inline-block; width:54px;height:54px; text-indent:-9999px;}
.box_booking .top_box a.prev {background:url("/project/design/contents/bg_cal_ar1.png") no-repeat center;}
.box_booking .top_box a.next {background:url("/project/design/contents/bg_cal_ar2.png") no-repeat center;}
.box_booking .top_box .date {  font-size:40px; font-weight:600; color:#000; display:inline-block; margin:0 20px; vertical-align:middle;}
.box_booking .top_desc { text-align:right; padding-bottom:10px;}
.box_booking .top_desc span { margin-left:40px; width:15px; height:15px; display:inline-block;}
.box_booking .top_desc span.co1 { background:#ffeaf6; border:1px solid #ddd; vertical-align:top;}
.box_booking .top_desc span.co2 { background:#fff; border:1px solid #ddd; vertical-align:top;}
.box_booking .screen{display: block; width: 100%; height: 100%; position: absolute; background-color: #ddd; z-index: 9999; opacity: 0.2;}

/* 예약가능, 예약마감, 예약선택 */
.box_booking .s_bg1 { background:#ffeaf6;}
.box_booking .on { background:#cdeaff !important;}


.table_c .co1 { color:#f4364c;}
.table_c .co2 { color:#00c7b1;}
.table_c .today { position:absolute; top:-1px; left:-1px; color:#fff; background:#ef1140; font-style:normal; display:inline-block; font-size:11px; font-weight:700; font-family: 'Lato', sans-serif;  padding:0 5px;}


.cen_box { border:1px solid #d4d4d4;overflow:hidden; border-radius:0 20px 20px 20px;}
.cen_box th, .cen_box td { border-bottom:1px dotted #ddd; border-collapse:collapse;}
.cen_box table { width:100%; border-collapse:collapse;}
.cen_box th { padding:15px 5px; color:#333; background:#fbfbfb; font-weight:500; border-right:1px dotted #d4d4d4; }
.cen_box thead th { background:#f4f5f9;}
.cen_box th:last-child { border-right:none;}
.cen_box td { position:relative;font-family: 'Lato', sans-serif;  border-right:1px dotted #d4d4d4;}
.cen_box td span, .cen_box td a { display:block; height:100px; text-align:right; padding:15px 20px; box-sizing:border-box; color:#000;}
.cen_box td a:hover { background:#cdeaff;}
.cen_box td:last-child { border-right:none;}
.cen_box tbody tr:last-child th, .cen_box tbody tr:last-child td { border-bottom:none ;}

.box_booking .time_box .box_in ul li { float:left; width:33.33%; box-sizing:border-box; padding:2px;}
.box_booking .time_box .box_in ul li a {font-family: 'Lato', sans-serif;  display:block; color:#484848; text-align:center; box-sizing:border-box;  padding:20px 0; font-weight:700; border:1px solid #bfbfbf; background:#fff;}
.box_booking .time_box .box_in ul li a:hover { background:#cdeaff;}

.box_booking .time_box .no_sel { text-align:center; font-size:0.95em; color:#666; padding-top:220px;}
.box_booking .time_box .box_in .s_bg1 { background:none !important;}
.box_booking .time_box .box_in .s_bg1 a { background:#e8e8e8; cursor: default; color:#b1b1b1; }
.box_booking .time_box .box_in .s_bg1:hover a { background:#e8e8e8;}
.box_booking .time_box .box_in .on { background:none !important;}
.box_booking .time_box .box_in .on a { background:#cdeaff !important;}

.box_booking .time_box .no_time{font-size: 20px; text-align: center; color:#fd33a7; border: 1px #e8e8e8 solid; width: 100%; margin: 16px 0; padding: 50px 0; }

.box_booking .time_box .time_in { padding:30px; background:#f9f9f9;}

.box_booking .desc_box  { border-top:1px solid #d3d3d3; padding:30px;}
.box_booking .desc_box .left { float:left; width:50%; border-right:1px solid #d3d3d3; box-sizing:border-box;}
.box_booking .desc_box .right { float:left; width:50%; box-sizing:border-box; padding-left:30px;}

 .total_price { font-size:1.2em; color:#fd33a7;}

.box_form2 { border-top:2px solid #000; border-bottom:2px solid #000; padding-top:20px;}

.app_com_box { border:1px solid #ddd; border-radius:0 50px 50px 50px; padding:80px 50px; display:table; width:100%; box-sizing:border-box; margin:40px 0;}
.app_com_box .left { width:40%; text-align:center; display:table-cell; vertical-align:middle;}
.app_com_box .right {display:table-cell; vertical-align:middle;}
.app_com_box p.p_desc1 { font-size:24px; color:#000; font-weight:600; padding-bottom:20px;}
.app_com_box p { font-size:18px; color:#A4A4A4; }

@media all and (max-width:1300px) {
}
@media all and (max-width:1000px) {
.box_booking .top_box a { width:40px;height:40px;}
.box_booking .top_box .date { font-size:30px;}

}
@media all and (max-width:800px) {
.box_policy { padding:25px; border-radius:0 0 30px 0;}
.box_booking .top_box { padding:20px 0;}
.table_c td span, .table_c td a { height:70px; padding:10px;}

.table_c, .table_c th, .table_c td { font-size:0.95em;}
.table_c .today { font-size:9px; padding:2px; line-height:1em;}

.box_booking .time_box { width:100%; border-left:none;}
.box_booking .time_box .box_in ul li a { padding:10px 0;}
.box_booking .time_box .no_sel { padding:30px 0;}
.box_booking .time_box .no_time{font-size: 16px; padding: 30px 0; }

.app_com_box {border-radius:0 30px 30px 30px; padding:30px;}
.app_com_box .left { width:30%;}
.app_com_box .left img { width:50%;}
.app_com_box p.p_desc1 { font-size:20px; padding-bottom:10px;}
.app_com_box p { font-size:16px; }

}
@media all and (max-width:440px) {
.box_booking .top_box a { width:30px;height:30px;}
.box_booking .top_box a.prev { background-size:13px;}
.box_booking .top_box a.next { background-size:13px;}
.table_c td span, .table_c td a { height:50px; padding:5px;}
.box_booking .time_box .box_in { padding:10px 0;}
.box_booking .time_box .box_in ul li a { font-size:0.95em;}
.btn_booking { text-align:center; margin-top:30px;}
.box_booking .desc_box { padding:20px;}
.box_booking .desc_box .left { width:100%; border-right:none; padding-bottom:20px;}
.box_booking .desc_box .right { width:100%; padding:0;}

.app_com_box {padding:30px 10px;margin:20px 0;}
.app_com_box .left { display:block; width:100%;}
.app_com_box .left img {width:90px; margin-bottom:20px;}
.app_com_box .right {display:block; text-align:center;}
.app_com_box p.p_desc1 { font-size:18px;}
.app_com_box p { font-size:14px; }

}


/* 대관절차 */
.space_step .left { width:50%; float:left; box-sizing:border-box; padding-right:20px;}
.space_step .right { width:50%; float:left; box-sizing:border-box; padding-left:20px;}
.space_step h4 { text-align:center; padding:20px; font-family:"S-CoreDream-7ExtraBold"; font-size:24px; color:#000;}
.space_step ul { border-top:1px solid #ddd;}
.space_step ul > li { padding:20px; border:1px solid #ddd; border-top:none;}
.space_step ul > li .img { background:#f0f0f0; display:inline-block; width:30%; padding:30px 0; vertical-align:middle; text-align:center;box-sizing:border-box;}
.space_step ul > li .img p { color:#000; font-family:"S-CoreDream-5Medium"; }
.space_step ul > li .desc { display:inline-block; width:65%; padding-left:20px; vertical-align:middle;box-sizing:border-box; line-height:1.6em; }
.space_step ul > li .desc .desc2{background:rgba(255,83,0,0.2) ;color:#333; padding:10px; margin:10px 0 0;}

@media all and (max-width:800px) {
.space_step .left { padding-right:10px;}
.space_step .right { padding-left:10px;}
.space_step h4 { padding:10px; font-size:20px;}
.space_step ul > li { padding:10px;}
.space_step ul > li .img {padding:20px 0; width:35%}
.space_step ul > li .img i img { width:50px;}
.space_step ul > li .desc { padding-left:10px; width:62%;}
}

@media all and (max-width:440px) {
.space_step .left { width:100%; padding-right:0; padding-bottom:20px;}
.space_step .right { width:100%; padding-left:0;}
}

/* 공간소개 > 동부창고 대관안내 */
.space_step2 { display: flex; flex-direction: row; gap: 20px; }
.space_step2 ul > li { padding: 15px; display: flex; align-items: center; border: 1px solid #ddd; border-bottom: none; }
.space_step2 ul > li > .img { background:#f6f6f6; width:30%; padding: 20px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;}
.space_step2 ul > li > .img > p { font-family:"S-CoreDream-5Medium"; text-align: center; color:#000; }
.space_step2 ul > li > .img > i > img { height: 50px;}
.space_step2 ul > li > .desc { width: 70%; line-height: 1.6em; padding: 15px; font-weight: 500; color: #333; }
.space_step2 ul > li > .desc > .desc2 { padding: 10px; margin-top: 10px; background: #ffeaf6; color: #666; }
.space_step2 ul > li > .desc > .desc2 > li { border: 0 !important }

.space_step2 ul.ul_desc { border-top: none !important; }
.space_step2 ul.ul_desc > li { border: none !important; padding: 0; position: relative; padding-left: 12px !important; line-height: 2.4rem; font-weight: 400;}
.space_step2 ul.ul_desc > li::before { position: absolute; content: '*'; top: 0; left: 0; font-weight: 500; }

.step_box { display: flex; flex-direction: column; justify-content: space-between; gap: 20px;}
.step_box .step { display: flex; flex-direction: row; gap: 10px; }
.step_box .step > .sec1 { padding: 10px; background: #ffeaf6; display: flex; align-items: center; justify-content: center; font-size: 15px; color: #000; font-weight: 500;}
.step_box .step > .sec2 { border-bottom: 1px solid #ddd; }

@media all and (max-width: 1024px) {
    .space_step2 .step .sec2 { width: 100%; }
}
@media all and (max-width: 1000px) {
    .space_step2 { flex-direction: column; gap: 30px; }
}
@media all and (max-width:800px) {
    .space_step2 { flex-direction: column; }
    .space_step2 ul > li { padding: 10px; gap: 10px;}
    .space_step2 ul > li > .img { gap: 5px; padding: 15px; }
    .space_step2 ul > li > .img > p { font-size: 13px; }
    .space_step2 ul > li > .img > i > img { height: 40px; }
    .space_step2 ul > li > .desc { padding: 5px; font-size: 13px; }
    .space_step2 ul > li > .desc > .desc2 > li { line-height: 3rem;}
    .step_box .step { flex-direction: column; }
    .step_box .step > .sec1 { padding: 10px; font-size: 14px; }
}

/* 0402_대관신청조회 */
.rent_top { display:table; margin:0 auto;}
.rent_top i { display:table-cell; width:130px;}
.rent_top p { display:table-cell; vertical-align:middle;}
.rent_box dl {width:60%; margin:0 auto;}
.rent_box dl dt { width:25%;}
.rent_box dl dd.dd2 { width:75%;}
.rent_box .btn { border-radius:50px; padding:0 80px;}

@media all and (max-width:1000px) {
.rent_box dl {width:90%;}
}
@media all and (max-width:600px) {
.rent_top i { width:90px;}
.rent_top i img { width:70px;}
.rent_box dl {width:100%;}
.rent_box dl dt { width:100%;}
.rent_box dl dd.dd2 { width:100%;}
}


/* 청주문화나눔 */
.share_tab li a.on { background: #faec3b !important; color: #000; font-weight: 600; border-color: #dedede;}
.share_down { background: #faec3b !important; border: 1px solid #faec3b !important; color: #000 !important; }
.share_down:hover {  background: #fff !important; border: 1px solid #000 !important; }
.share_down::before { content: url(/project/design/contents/bg_down_s1.png); vertical-align: middle; padding-right: 10px; position: relative; top: 2px; }
.cont1_tit { width: 450px; line-height: 1.2em; padding: 15px; margin: 80px auto 30px; background: #faec3b; border-radius: 50px; text-align: center; font-size: 20px; font-weight: 600; color: #000; }

.share1_top { border-radius: 0 50px 0 0; }
.share1_top.bg1{ background: #fffcd7;}
.share1_top .left{ width: 57%; display: table-cell; padding-left: 8%; vertical-align:middle;}
.share1_top .left h3{ font-size: 26px; font-weight: 600; color: #000; padding-bottom: 30px; }
.share1_top .left p{ line-height: 28px;}
.share1_top .right { display: table-cell; }

.share1_cont1 .img_box ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; }
.share1_cont1 .img_box ul > li { text-align: center; position: relative;  }
.share1_cont1 .img_box ul > li::before { content: ""; position: absolute; right: 35px; bottom: 70px; width: 130px; height: 65px; border-radius: 80px 80px 0 0; background: rgba(250, 236, 59, 0.9);}
.share1_cont1 .img_box ul > li > img { border-radius: 20px; width: 100%; }
.share1_cont1 .img_box ul > li > p { color: #222; margin-top: 55px; font-size: 20px; font-weight: 600; }

.share1_cont1 .img_share_box { position: relative;}
.share1_cont1 .img_share_box1 { position: absolute; right: 30px; bottom: 0; width: 75px; height: 110px; content: url(/project/design/contents/img_share1.png);}
.share1_cont1 .img_share_box2 { position: absolute; right: 30px; bottom: -20px; width: 78px; height: 178px; content: url(/project/design/contents/img_share2.png);}
.share1_cont1 .img_share_box3 { position: absolute; right: 10px; bottom: 25px; width: 130px; height: 60px; content: url(/project/design/contents/img_share3.png);}
.share1_cont1 .img_share_box4 { position: absolute; right: 50px; bottom: 10px; width: 82px; height: 112px; content: url(/project/design/contents/img_share4.png);}

.share1_cont1 .share1_t1 th { height: 95px; padding: 0; }
.share1_cont1 .share1_t1 td { line-height: 28px; }
.share1_cont1 .pink { color: #000; font-weight: 600; }
.share1_cont1 .cont_p { text-align: center; font-size: 1.125em; line-height: 1.6em;}

.share1_cont2 .share_box1, .share_box2, .share_box3, .share_box4 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; }
.share1_cont2 .share_box2 .share_list, .share_box3 .share_list,.share_box4 .share_list {  border: 1px solid #e8e8e8; border-radius: 5px; padding: 15px; }
.share1_cont2 .share_box2 .share_list > p, .share_box3 .share_list > p, .share_box4 .share_list > p { text-align: center; line-height: 26px; letter-spacing: -0.4px; color: #333; }
.share1_cont2 .share_box2 .share_list > p > span, .share_box3 .share_list > p > span, .share_box4 .share_list > p > span { color: #666666; }

.share1_cont2 .share_box1 { position: relative;}
.share1_cont2 .share_box1::before { position: absolute; left: 0; top: 50%; content: ""; width: 100%; height: 1px; background-color: #ffd12d; }
.share1_cont2 .share_box1 .share_list { display: grid; gap: 20px; justify-items: center; align-items: center; border: 2px solid #ffd12d; border-radius: 5px; padding: 15px;  background-color: #fff; z-index: 1}
.share1_cont2 .share_box1 .share_list > p { font-size: 16px; color: #1c1c1c; font-weight: 600; }
.share1_cont2 .share_box3 .share_list:nth-child(1), .share1_cont2 .share_box4 .share_list:nth-child(1) { border: none;}

.share1_cont3 .info_box { background: #f5f5f5; border-radius: 0 20px; padding: 25px; justify-content: center; align-items: center; gap: 40px; }
.share1_cont3 .info_box .info_img { width: 60px; height: 60px; line-height: 60px; border-radius: 100px; background: #fff; text-align: center; }
.share1_cont3 .info_box p { color: #000; font-weight: 600; }
.share1_cont3 .info_box span { color: #6d6d6d; font-weight: 400;}
.top_br { display: block; }
.s_br { display: none; }
/* // 청주문화나눔 */

/* 청주문화나눔 반응형 */
@media all and (max-width: 1440px) {
    .share1_cont1 .img_share_box1 { right: 50px; bottom: 10px; width: 60px; height: 88px; }
    .share1_cont1 .img_share_box2 { right: 40px; bottom: -30px; width: 68px; height: 155px; }
    .share1_cont1 .img_share_box3 { right: 30px; bottom: 25px; width: 110px; height: 51px; }
    .share1_cont1 .img_share_box4 { right: 60px; bottom: 10px; width: 70px; height: 96px; }
}
@media all and (max-width: 1260px) {
    .share1_top .left{ padding: 20px 30px;}
    .share1_top .right { padding-right: 20px;}

    .share1_cont1 .img_box ul > li::before { bottom: 40px;}
    .share1_cont1 .img_box ul > li > p { margin-top: 20px;}
    .share1_cont1 .img_box ul > li > p { font-size: 18px;}
    .share1_cont3 .info_box { gap: 20px; }
}
@media all and (max-width: 800px) {
    .share_tab ul li { width: 100% !important;}
    .share1_down.btn  { margin-top: 10px; }
    .cont1_tit { width: 300px; line-height: 20px; font-size: 16px; margin: 50px auto;}

    .share1_top .left{ text-align: center; padding: 35px 30px 0 30px; }
    .share1_top .left h3{ font-size: 22px;  padding-bottom: 20px; }
    .share1_top .left p { letter-spacing: -0.8px; line-height: 24px;}
    .share1_top .right { display: block; text-align: center; padding: 0 30px;}
        
    .share1_cont1 .img_box ul { margin: 0 auto; grid-template-columns: repeat(1, 1fr);  gap: 60px; }
    .share1_cont1 .img_box ul > li::before { width: 100px; height: 50px; right: 30px; bottom: 40px;}
    .share1_cont1 .cont_p { line-height: 23px;}
    .share1_cont1 .share1_t1 td { line-height: 23px; }

    .share1_cont2 { margin-top: 30px; }
    .share1_cont2 .share_box { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
    .share1_cont2 .share_box1 .share_list img { height: 35px;}
    .share1_cont2 .share_box1, .share_box2, .share_box3, .share_box4 { grid-template-columns: none; grid-template-rows: repeat(5, 1fr); gap: 20px; }
    .share1_cont2 .share_box2 .share_list > p, .share_box3 .share_list > p, .share_box4 .share_list > p { font-size: 13px;}
    .share1_cont2 .table_type1 th { letter-spacing: -0.7px; line-height: 23px; }
    .share1_cont2 .table_type1 td { letter-spacing: -0.7px; line-height: 23px; }

    .share1_cont2 .share_box1::before { left: 50%; top: 0; width: 1px; height: 100%; }
    .share1_cont2 .share_box1 .share_list{ gap: 0px; align-content: center }
    .share1_cont2 .share_box1 .share_list > p { font-size: 14px; padding-top: 10px;}
    .share1_cont2 .share_box2 .share_list, .share_box3 .share_list { padding: 5px; display: grid; align-items: center; }
    .share1_cont2 .share_box2 .share_list > p, .share_box3 .share_list > p { line-height: 23px;}

    .share1_cont3 .info_box { flex-direction: column;  padding: 10px; gap: 10px; }
    .share1_cont3 .info_box .info_img { width: 40px; height: 40px; line-height: 40px; }
    .share1_cont3 .info_box .info_img img { height: 20px;}
    .top_br { display: none;}
    .s_br { display: block;}
}
@media all and (max-width: 500px) {
    .share1_cont1 .img_box ul > li > p { font-size: 16px;}
    .share1_cont1 .img_box ul > li::before { right: 20px;}
    .share1_cont1 .img_share_box1 { right: 20px; }
    .share1_cont1 .img_share_box2 { right: 15px; }
    .share1_cont1 .img_share_box3 { right: 20px; }
    .share1_cont1 .img_share_box4 { right: 20px; }
}
/* // 청주문화나눔 반응형 */


/* 청주문화나눔파트너 */
.share2_tab .btn.size1 { padding: 0 70px; }
.share2_top.bg1 { background: #fffcd7; }
.share2_top .left { width: 71%; display:table-cell; vertical-align:middle; padding-left: 10%; }
.share2_top .left h3 { line-height: 45px; font-size: 26px; font-weight: 600; color: #000; }
.share2_top .left p { line-height: 28px; }
.share2_top .right{ display:table-cell;}

.share2_cont1 .star1, .star2, .star3 { height: 80px; border-radius: 0 0 20px 20px; }
.share2_cont1 .star1 .left, .star2 .left, .star3 .left { width: 30%; background-color: #fff; border-radius: 0 20px 0 20px; overflow: hidden; gap: 20px; justify-content: center; align-items: center; }
.share2_cont1 .star1 .left > p, .star2 .left > p, .star3 .left > p { font-size: 23px; color: #333; font-weight: 600; }
.share2_cont1 .star1 .right, .star2 .right { width: 70%; justify-content: center; align-items: center;}
.share2_cont1 .star1 .right > p, .star2 .right > p { font-size: 18px; font-weight: 500; color: #333; padding: 0 30px; }

.share2_cont1 .star1 { background-color: #ffe27a; }
.share2_cont1 .star1 .left { border: 1px solid #f7c615; }
.share2_cont1 .star2 { background-color: #fff0b9;  height: auto;} 
.share2_cont1 .star2 .left { height: 78px; border: 1px solid #f5ca30; }
.share2_cont1 .star2 .right > p { padding: 30px; line-height: 1.5em;}
.share2_cont1 .star3 { background-color: #fffcf2; height: 100%; flex-direction: column; }
.share2_cont1 .star3 .left { height: 78px; border: 1px solid #f5ce41; }

.share2_cont1 .star3 .right2 { display: grid; grid-template-columns: repeat(2, 1fr); padding: 30px 50px; }
.share2_cont1 .star3 .right2 > .right3_box > span { margin-bottom: 25px; display: block; width: 120px; line-height: 30px; background: #ffe38a; border-radius: 50px; text-align: center; font-weight: 600; color: #333;}
.share2_cont1 .star3 .right2 > .right3_box > ul > li { line-height: 23px; }
.share2_cont1 .star3 .right2 > .right3_box:nth-child(1) { padding: 0 30px 30px 0; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0;}
.share2_cont1 .star3 .right2 > .right3_box:nth-child(2) { padding: 0 0 30px 20px; border-bottom: 1px solid #f0f0f0;}
.share2_cont1 .star3 .right2 > .right3_box:nth-child(3) { padding: 30px 30px 0 0; border-right: 1px solid #f0f0f0;}
.share2_cont1 .star3 .right2 > .right3_box:nth-child(4) { padding: 30px 0 0 20px;}
.share2_cont1 .star3 .right2 > .right3_box:nth-child(4) ul li { word-break: normal;}

.share2_cont2 > ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.share2_cont2 > ul > li { line-height: 35px; border: 1px solid #e8e8e8; padding: 30px 40px; border-radius: 0 0 20px 20px;}
.share2_cont2 .cont2 { padding: 30px 300px 20px 20px; position: relative; }
.share2_cont2 .cont2::before { content: ""; position: absolute; right: 0; bottom: 0; background: url(/project/design/contents/img_honey.png) no-repeat center; width: 306px; height: 315px;}
.share2_cont2 .cont2 > p { line-height: 30px; font-size: 19px; font-weight: 500; color: #919191;}
.share2_cont2 .cont2 .cont2_box { margin-top: 25px; align-items: center;}
.share2_cont2 .cont2 .cont2_box + .cont2_box { margin-top: 10px;}
.share2_cont2 .cont2 .cont2_box > p { padding-left: 20px; }
.share2_cont2 .cont2 .cont2_box > span { background-color: #ffd12d; width: 180px; padding: 5px 0; border-radius: 50px; font-weight: 500; color: #000; text-align: center;}
.share2_cont2 .ul_type1 > li { margin-bottom: 20px;}
.share2_cont2 .pink { color: #fd33a7; }
.share2_cont2 .black { color: #000; }

.share2_cont3 h4 { margin-bottom: 40px;}
.share2_cont3 .cont3 { padding: 30px 380px 0px 20px; position: relative; }
.share2_cont3 .cont3::before { content: ""; position: absolute; right: 0; top: 0; background: url(/project/design/contents/img_orchestra.png) no-repeat center; width: 380px; height: 245px;}

.share2_cont3 .cont3 > p { line-height: 30px; font-size: 19px; font-weight: 500; color: #919191; letter-spacing: -0.3px; }
.share2_cont3 .cont3_box1 span, .share2_cont3 .cont3_box2 span { line-height: 42px; background: #faec3b; display: block; border-radius: 20px 20px 0 0; text-align: center; font-size: 16px; color: #000; font-weight: 600;}

.share2_cont3 .cont3_box { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.share2_cont3 .cont3_box1 p { padding: 7.3em 0 !important;}
.share2_cont3 .cont3_box1 p, .share2_cont3 .cont3_box2 p { padding: 2em; line-height: 1.5em; border: 1px solid #f3f3f3; display: block; border-radius: 0 0 20px 20px; text-align: center; font-size: 1em; color: #666666;}
.share2_cont3 .cont3_box2 > p { text-align: left !important;}

.share2_cont3 .pink { color: #fd33a7; }
.share2_cont3 .black { color: #000; }

.share2_bottom p { position: relative; padding: 44px; font-size: 20px; font-weight: 600; line-height: 36px; color: #1c1c1c; text-align: center; border-radius: 0 0 20px 0; overflow: hidden; z-index: 1;}
.share2_bottom p::before { position: absolute; left: 0; top: 0; width: 100%; height: 160px; content: ""; background: url(/project/design/contents/bg_stare3.jpg) no-repeat center; z-index: -1; }
.star_br { display: none; }

/* // 청주문화나눔파트너 */

/* 청주문화나눔파트너 반응형*/
@media all and (max-width: 1260px) {
    .share2_top .left{ padding: 20px 30px;}
    .share2_top .right {  padding-right: 20px; }
    .share2_cont2 .cont2::before { background-size: 80%; }
}
@media all and (max-width: 800px) { 
    .star_br { display: block;}
    .share2_top .left { width: 50%; text-align: center; padding: 35px 35px 10px 35px; }
    .share2_top .left h3 {  font-size: 20px; line-height: 33px; letter-spacing: -0.7px; }
    .share2_top .right{ padding: 0 0 20px 0; display: block; text-align: center;}

    /* .share2_cont1 .star2 { height: 200px;}
    .share2_cont1 .star2 .right { height: 200px;} */
    .share2_cont1 .star1, .star2, .star3 { height: auto; flex-direction: column; border-radius: 20px;}
    .share2_cont1 .star1 .left, .star2 .left, .star3 .left { width: 100%; box-sizing: border-box; gap: 10px; padding: 5px; height: 48px !important; }
    
    .share2_cont1 .star1 .left img, .star2 .left img, .share2_cont1 .star3 img{ width: 40px; }
    .share2_cont1 .star1 .left > p, .star2 .left > p, .star3 .left > p{ font-size: 17px; transform: translate(0, 2px);}
    .share2_cont1 .star1 .right, .star2 .right { height: auto; width: 100%; box-sizing: border-box;}
    .share2_cont1 .star1 .right > p, .star2 .right > p { padding: 20px !important; font-size: 1em; }

    .share2_cont1 .star3 .left { width: 100%; height: 48px; }
    .share2_cont1 .star3 .right2 { padding: 20px; grid-template-columns: repeat(1, 1fr); gap: 20px;}
    .share2_cont1 .star3 .right2 > .right3_box { padding: none; }
    .share2_cont1 .star3 .right2 > .right3_box > span { margin-bottom: 20px; }
    .share2_cont1 .star3 .right2 > .right3_box:nth-child(1) { padding: 0; border: none;}
    .share2_cont1 .star3 .right2 > .right3_box:nth-child(2) { padding: 0; border: none;}
    .share2_cont1 .star3 .right2 > .right3_box:nth-child(3) { padding: 0; border: none;}
    .share2_cont1 .star3 .right2 > .right3_box:nth-child(4) { padding: 0;}

    .share2_cont2 > ul { grid-template-columns: none;}
    .share2_cont2 > ul > li { line-height: 30px; padding: 25px 20px; }
    .share2_cont2 .cont2 { padding: 310px 10px 20px 10px;}
    .share2_cont2 .cont2::before {left: 50%; top: 0; transform: translate(-50%, 0); }
    .share2_cont2 .cont2 > p { font-size: 16px; line-height: 25px;}
    .share2_cont2 .cont2 .cont2_box { margin-top: 30px; display: flex; flex-direction: column; gap: 10px;  align-items: flex-start;}
    .share2_cont2 .cont2 .cont2_box > p { padding-left: 0; text-align: left;}

    .share2_cont3 .cont3 { padding: 250px 10px 0px 10px; }
    .share2_cont3 .cont3::before { left: 50%; top: 0; transform: translate(-50%, 0); background-size: 80%;}
    .share2_cont3 .cont3 > p { line-height: 25px; font-size: 16px; }
    .share2_cont3 .cont3_box { grid-template-columns: repeat(1, 1fr); }
    .share2_cont3 .cont3_box1 span, .share2_cont3 .cont3_box2 span { line-height: 38px; font-size: 14px; }
    .share2_cont3 .cont3_box1 p { padding: 2em !important;}
    .share2_cont3 .cont3_box1 p, .share2_cont3 .cont3_box2 p { font-size: 15px; }

    .share2_bottom p { padding: 30px; font-size: 16px; line-height: 30px; margin-bottom: 30px; }
    .share2_bottom p::before { left: 0; top: 0;  background-position: right top; }
}
/* // 청주문화나눔파트너 반응형*/


/* 040502_청주공예비엔날레파트너십 */
.partner_box .top_box { padding:0 0 30px 20px;}
.partner_box .top_box .p_desc1 { font-size:18px; color:#FD33A7;}
.partner_box .top_box .p_desc2 { font-size:30px; font-weight:600; color:#000; padding:5px 0 10px;}
.partner_box .pa_box > ul { display:flex; flex-wrap:wrap;}
.partner_box .pa_box > ul > li { flex: 1;}
.partner_box .pa_box > ul > li:nth-child(2) { margin:0 20px;}
.partner_box .pa_box > ul > li > .img  { background:#FFF5FB; border:1px solid #ddd; border-radius:0 20px 20px 20px; text-align:center; padding:20px; }
.partner_box .pa_box > ul > li > p { padding:30px 20px 0 20px;}

@media all and (max-width:600px) {
.partner_box .top_box .p_desc1 { font-size:14px;}
.partner_box .top_box .p_desc2 { font-size:20px;}
.partner_box .pa_box > ul > li { flex:100%;}
.partner_box .pa_box > ul > li:nth-child(2) { margin:20px 0;}
.partner_box .pa_box > ul > li > .img img { width:50%;}
}

/* 0501_공고일정 한눈에 보기 */
.tab_plan { text-align:center;}
.tab_plan > a { display:inline-block; border:2px solid #000; padding:7px 20px 5px 20px; border-radius:20px; color:#000; font-weight:500; margin:0 5px;}
.tab_plan > a:hover, .tab_plan > a.on { background:#000; color:#fff;}
.btn_plan { display:block; position:relative; transition: all .3s ease;}
.btn_plan.bg1 { background:#f1788b;}
.btn_plan.bg2 { background:#51b956;}
.btn_plan.bg3 { background:#4dc2ba;}
.btn_plan.bg4 { background:#6a87c9;}
.btn_plan.bg5 { background:#fd9e6e;}
.btn_plan.bg6 { background:#30b0c9;}
.btn_plan.bg7 { background:#9685bc;}
.btn_plan.bg8 { background:#f6e178;}
.btn_plan.bg9 { background:#99ce88;}
.btn_plan.bg10 { background:#acadaf;}

.btn_plan .txt { text-indent:-9999px; display:block;}
.btn_plan .tooltiptext { visibility: hidden; background:#000; min-width:200px; font-size:14px; color: #fff; line-height:1.2em; text-align: center; border-radius: 6px; padding: 10px 5px; position: absolute; bottom:0; left:50%; transform: translate(-50%, -31px);  z-index: 1;}
.btn_plan .tooltiptext::after { content: " "; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent;}
/* .btn_plan:hover .tooltiptext.on {visibility: visible;} */
.btn_plan .tooltiptext.on {visibility: visible;}

@media all and (max-width:1600px) {
.tab_plan > a { padding:7px 15px 5px 15px; margin:0 2px;}
}

/* 0604_오늘 뭐 먹지 */
.food_plan_box{position: relative; }
.food_plan_box .date_n { font-size:22px; font-weight:900;}
.food_plan_box .top_box { padding:30px 0; text-align:center;}
.food_plan_box .top_box a { vertical-align:middle; display:inline-block; width:54px;height:54px; text-indent:-9999px;}
.food_plan_box .top_box a.prev {background:url("/project/design/contents/bg_cal_ar1.png") no-repeat center;}
.food_plan_box .top_box a.next {background:url("/project/design/contents/bg_cal_ar2.png") no-repeat center;}
.food_plan_box .top_box .date {  font-size:40px; font-weight:600; color:#000; display:inline-block; margin:0 20px; vertical-align:middle;}

@media all and (max-width:1000px) {
.food_plan_box .top_box a { width:40px;height:40px;}
.food_plan_box .top_box .date { font-size:30px;}

}
@media all and (max-width:800px) {
.food_plan_box .top_box { padding:20px 0;}

}
@media all and (max-width:440px) {
.food_plan_box .top_box a { width:30px;height:30px;}
.food_plan_box .top_box a.prev { background-size:13px;}
.food_plan_box .top_box a.next { background-size:13px;}
}
/* 정상훈 작업 css*/



/* 0301문화도시 */

.right_link { position:relative; margin-top:50px; padding-bottom:10px;}
.right_link a { position:absolute; right:0; top:-10px;}

.container0301 .content{align-items: center;}
.container0301 .content .text_box{padding:40px;box-sizing: border-box;}
.container0301 .content .img_box{border-radius: 0 50px; overflow: hidden;}
.container0301 .content .img_box img{width:100%;}
.container0301 .content > div{flex-grow: 1; width:50%;}

.menu0301-5 .link{text-align: center; justify-content: center;}

/* 0302공예진흥 */
.container03 .top{padding:70px 0; background:#EFEFEF; border-radius: 0 50px;}
.container03 .top .title_box{padding:50px 50px 50px 80px; position: relative; background:rgba(255,255,255,0.75); width:70%; border-radius: 0 20px 20px 0; box-sizing: border-box;}
.container03 .top .title_box > div{position: relative;}
.container03 .top .title_box > div::before{position: absolute; left:-40px; top:50%; width:5px; height:100%; content:''; background:#FD33A7; transform: translate(0,-50%); border-radius: 5px;}
.container03 .top .title_box h4{font-size:26px; font-weight: 700; color:#000;}
.container03 .top .title_box p{font-size:17px;}
.container03 .top .con_box{padding:70px 70px 0; box-sizing: border-box;}
.container03 .top .con_box li{flex-grow: 1; width:20%; justify-content: center; text-align: center; flex-wrap: wrap; margin:0 20px; color:#000;}
.container03 .top .con_box li i{width:100px; height:100px; border-radius: 100px; margin-bottom:20px; border-radius: 100px; overflow: hidden;}
.container03 .menu_fa{border:0; margin:70px 0;}
.container03 .menu_fa ul{border:1px solid #e4e4e4; border-radius: 10px; overflow: hidden;}
.container03 .menu_fa ul li{width:33%; border-right:1px solid #eaeaea;}
.container03 .menu_fa ul li:last-child{border-right:0;}
.container03 .menu_fa ul li:last-child a{border:0;}
.container03 .menu_fa > ul > li > a{border:0;}
.container03 .content {padding:40px; box-sizing: border-box;}
.container03 .content .title_box{justify-content: space-between; margin:40px 0 0; padding:0 10px 20px; box-sizing: border-box;border-bottom:1px solid #ddd; align-items: center;}
.container03 .content .title_box h4 i { display:inline-block;}
.container03 .content .title_box h4 span{display: block; color:#000;}
.container03 .content .title_box h4 .desc1{font-size:24px; font-weight: 700; line-height:1.2em;}
.container03 .content .title_box h4 .desc2{font-size:18px; margin-top:5px;}
.container03 .top > ul{margin:40px 0 0 80px;}
.container03 .content{padding:0; margin-top:80px;}
.container03 .content .group{margin-top:40px;}
.container03 .content .group.full_group{margin-top:20px;}
.container03 .content .group .text_box{width:65%;  padding:0 40px 20px 10px; box-sizing: border-box;}
.container03 .content .group .text_box.full_box{width: 100%;}
.container03 .content .group .text_box > p{line-height: 1.5; margin-bottom:40px;}
.container03 .content .group .text_box .con_box{flex-wrap: wrap;border:1px solid #eaeaea;  padding:20px; box-sizing: border-box; background:#fafafa;}
.container03 .content .group .text_box .con_box li{align-items: center;  width:100%; margin:0;}
.container03 .content .group .text_box .con_box li span{margin-right:20px; font-weight: 400;}
.container03 .content .group .text_box > ul > li{margin-bottom:20px; display:flex; display:-ms-flex; display:-webkit-flex;}
.container03 .content .group .text_box > ul > li .desc1{font-weight: 500; color:#000; width:120px;}

.container03 .content .group .text_box > ul.contact_info{display: flex; gap: 15px;
background: #f8f8f8; padding: 15px 0 15px 15px; align-items: center; justify-content: start; border-radius: 5px; margin-bottom: 15px;}
.container03 .content .group .text_box > ul.contact_info li{margin-bottom: 0px;}
.container03 .content .group .text_box > ul.contact_info li::before{display: none;}
.container03 .content .group .text_box > ul.contact_info li .black_bold{
    color: #000; font-weight: 500;
}

.container03 .content .group .text_box > ul > li .desc2{width:calc(100% - 120px);}
.container03 .content .group .text_box > ul > li .desc3{display: block;}
.menu0303-1 .content .group .text_box > ul li .desc3 span{display: block; line-height: 1.8;}
.container03 .content .group .text_box .box{padding:20px; box-sizing: border-box; border:1px solid #eaeaea; background:#fafafa;}
.container03 .content .group .text_box .box p{margin-left:20px; margin-bottom:20px;}
.container03 .content .group .text_box .box p span{display: block;}
.container03 .content .group .img_box{width:35%; flex-wrap: wrap; align-items:flex-start}
.container03 .content .group .img_box i {width:100%;}
.container03 .content .group .img_box img{width:100%; border-radius: 0 40px 0 40px;}

.container03 .content .group .img_box .swiper-pagination {left:50% !important; transform:translateX(-50%);}
.container03 .content .group .img_box .swiper-pagination-bullet { background:#fff !important;}
.container03 .content .group .img_box .swiper-pagination-bullet-active { background:#fd33a7 !important;}


.container03 .content .group .img_box img.etc1{border-radius: 0 40px 0 0;}
.container03 .content .group .img_box img.etc2{border-radius: 0 0 0 40px;}
.container03 .content .group .text_box .ul_type2 .desc1{width:100px;}
.menu0304-1 .content .group .text_box > ul > li .desc1{width:90px;}
.menu0304-1 .content .group .text_box > ul > li .desc2{width:calc(100% - 90px);}

.menu0302-1 .top .con_box li {color:#fff; text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);}
.menu0302-1 .top > ul{margin:0;}
.menu0302-1 .content{padding:40px 0; box-sizing: border-box; border-bottom:1px solid #ddd; margin-top:0;}
.menu0302-1 .content:last-child{border:0;}
.menu0302-1 .content .img_box{width:30%; flex-wrap: wrap; margin-top: 40px;}
.menu0302-1 .content .title_box{width:70%; padding-left:40px; box-sizing: border-box; border:0;}
.menu0302-1 .content .title_box .item{width:100%; border-bottom:1px solid #ddd;}
.menu0302-1 .content .title_box .item > div{justify-content: space-between; align-items: center;}
.container03 .content .title_box .item > div h4{flex-wrap: wrap;}
.menu0302-1 .content .title_box .item > div .logo img{width:100%;}
.container03 .content .title_box .item > div h4 span{width:100%; color:#000;}
.container03 .content .title_box .item > div h4 span.desc1{font-size:24px; font-weight: 700;}
.container03 .content .title_box .item > div h4 span.desc2{font-size:18px; font-weight: 300;}
.menu0302-1 .content .title_box .item p{margin:20px 0 10px; }
.menu0302-1 .content .title_box p{margin-bottom:40px;}
.menu0302-1 .content .box_info2 { margin-bottom:40px;}
.menu0302-1 .content ul li{ align-items: center;}
.menu0302-1 .content ul li:last-child{margin:0;}
.menu0302-1 .content ul li i{ flex-basis: 60px; width:60px; height:80px; margin-right:20px; display:flex; align-items: center;}
.menu0302-1 .content ul li .desc1 {flex-basis: 100px; flex-shrink: 0; font-size:18px; font-weight: 500; width:100px; margin-right:20px; color:#444;}
/* .menu0302-1 .content ul li .desc2{font-size:18px;  width:auto;} */

.menu0302-2 .content h5{margin:40px 10px 20px;}
.menu0302-2 .content h5 .desc1{font-weight: 700; margin-right:80px; color:#000;}
.menu0302-2 .content h5 .desc2{line-height: 1.5; color:#444;}
.menu0302-2 .content > ul > li{border:1px solid #eaeaea; border-radius: 10px; padding:20px; color:#444; align-items: center; margin:0 10px;}
.menu0302-2 .content > ul > li > ul{padding-left:20px; width:calc(100% - 80px)}
.menu0302-2 .content > ul > li > ul > li:nth-child(1){ font-weight: 400;}
.menu0302-2 .content > ul > li > ul > li:nth-child(2){margin-top:10px;}
.menu0302-2 .content > .ul_grup1 > li{width:50%;}
.menu0302-2 .content > ul > li i{border:1px solid #fd33a7; border-radius: 100px; width:80px; height:80px;}
.menu0302-2 .content > ul > li i img{max-width:80px !important;}
.menu0302-2 .content > .ul_grup2{flex-wrap: wrap;}
.menu0302-2 .content > .ul_grup2 > li{flex-grow: 1; width:30%; margin-bottom:20px;}
.menu0302-2 .content > .ul_grup2 > li:last-child{flex-grow: 0; width:calc(50% - 62px);}
.menu0302-2 .content1 > ul > li:nth-child(2),
.menu0302-2 .content1 > ul > li:nth-child(3){background:#fafafa;}
.menu0302-2 .content2 > ul > li:nth-child(2),
.menu0302-2 .content3 > ul > li:nth-child(2){background:#fafafa;}

/* 공예진흥 사업분류 */
.page71 .menu_fa{margin:0;}
.page71 .content { margin-top:50px;}


.menu0303-1 .top > ul li{font-size:18px; margin-bottom:20px;}
.menu0305-1 .top > ul li span{ display: block;}
.menu0305-1 .top > ul li .desc2{font-weight: 400; color:#444; margin-top:5px;}
.menu0305-1 .content .group .text_box > ul li .desc1{width:100px;}
.menu0305-1 .content .group .text_box > ul li .desc1_1{width:80px;}
.menu0305-1 .content .group .text_box .con_box2 > ul > li {align-items: center; margin-bottom:20px;}
.menu0305-1 .content .group .text_box .con_box2 > ul > li .title{width:120px; height:80px; align-items: center; justify-content: center; border:1px solid #fd33a7; box-sizing: border-box; margin-right:20px; color:#fd33a7;font-weight: 400; text-align: center; border-radius: 10px; font-size:15px;}
.menu0305-1 .content .group .text_box .con_box3 .box1 > div{width:50%; justify-content: center;}
.menu0305-1 .content .group .text_box .con_box3 .box1 > div h5{text-align: center; padding:7px 20px; box-sizing: border-box; width:80%; margin:20px auto;}

.menu0305-1 .content .group .text_box .con_box3 .box1 > div ul{margin-right:1px;}
.menu0305-1 .content .group .text_box .con_box3 .box1 > div ul li{flex-grow: 1; width:33.3333%; padding:20px; box-sizing: border-box; text-align: center; margin-right:1px;}
.menu0305-1 .content .group .text_box .con_box3 .box1 > div ul li:last-child{margin:0;}

.menu0305-1 .content .group .text_box .con_box3 .box1 .left h5{color:#fd33a7;  border-radius: 10px; background:#ffeaf6; border:1px solid #ffeaf6;}
.menu0305-1 .content .group .text_box .con_box3 .box1 .left ul li{background:#ffeaf6; color:#fd33a7;}
.menu0305-1 .content .group .text_box .con_box3 .box1 .right h5{color:#863fbf; border:1px solid #e6e5f7; border-radius: 10px; background:#e6e5f7;}
.menu0305-1 .content .group .text_box .con_box3 .box1 .right ul li{background:#e6e5f7; color:#863fbf;}
.menu0305-1 .content .group .text_box .con_box3 .box1 .left ul li:nth-child(1){border-radius: 10px 0 0 10px;}
.menu0305-1 .content .group .text_box .con_box3 .box1 .right ul li:nth-child(2){border-radius: 0 10px 10px 0;}
.menu0305-1 .content .item{margin-top:20px;}
.menu0305-1 .content .item img{width:100%;}
.menu0306-1 .content4 .group .text_box > ul > li:nth-child(3) .desc1{width:100%;}
.menu0306-1 .content4 .group .text_box > ul > li.fx_normal .desc1{
    width: 100px;
}
.menu0306-1 .content4 .group .text_box .desc_go_link{color: #545454 ; border-bottom: 1px solid  #acacac;}
.menu0306-1 .menu_fa ul li{width:24%;}
.menu0306-1 .content4 .group .text_box > p { margin-bottom:20px;}


.menu0302-1 .top .con_box li:nth-child(2) i{background:#fff; display:flex; display:-ms-flex; display:-webkit-flex; align-items: center; justify-content: center;}


.menu0302-1 .top, .menu0302-2 .top {background:url(/project/design/contents/bg1.png) no-repeat center / cover;}
.menu0303-1 .top{background:url(/project/design/contents/bg2.png) no-repeat center / cover !important;}
.menu0303-2 .top1{background:url(/project/design/contents/bg3.png) no-repeat center / cover;}
.menu0303-2 .top2{background:url(/project/design/contents/bg4.png) no-repeat center / cover;}
.menu0305-1 .top, .menu0305-2 .top{background:url(/project/design/contents/bg6.png) no-repeat center / cover;}
.menu0306-1 .top{background:url(/project/design/contents/bg7.png) no-repeat 50% 50% / cover;}



.menu0304-1 .top{background:url(/project/design/contents/bg5.png) no-repeat center bottom / cover;}

.menu0809 .box_type2 .left_img{background:url(/project/design/contents/menu0809_img1.png) no-repeat center / 100%;}

.container08 .title_box { padding: 3% 6%; box-sizing: border-box; border: 1px solid #e8e8e8; border-radius: 0 20px; margin:40px 0 20px; text-align: center; }

.container08 > ul { margin-bottom: 20px; }
.menu0801 .box_type2 .right_desc,
.menu0806 .box_type2 .right_desc{width:100%; padding:0;}
.video_box{width:100%; height: 0; padding-bottom:60%; position: relative; margin-bottom:40px;}
.video_box video{width:100%;}
.video_box iframe, .video_box object, .video_box embed{ margin: 0; padding: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0;  }

.menu0301-1 .box_type2 .left_img{ background-image:url("/project/design/contents/top_con1.png");}
.menu0301-2 .box_type2 .left_img{background-image:url("/project/design/contents/top_con2.png");}
.menu0301-3 .box_type2 .left_img{background-image:url("/project/design/contents/top_con3.png");}
.menu0301-4 .box_type2 .left_img{background-image:url("/project/design/contents/top_con4.png");}
.menu0301-5 .box_type2 .left_img{background-image:url("/project/design/contents/top_con7.png");}


.menu0805 .box_type2 .left_img{background:#efefef  url("/project/design/contents/0807img_1.png") no-repeat center;}
.menu0304-1 .content4 .video_box{margin:0;}
.menu0304-1 .content4 .group .text_box{width:100%; padding:0 20px;}
.menu0304-1 .content4 > p{margin:40px 0; padding:0 10px;}




.top .title_box ul li{display:flex; display:-ms-flex; display:-webkit-flex; align-items: center; margin-bottom:10px;}
.menu0303-2 .top .title_box ul li span:nth-of-type(1){width:50px;}
.menu0303-2 .top .title_box ul li span:nth-of-type(2){width:calc(100% - 50px);}
/*.menu0303-2 .top1 .title_box ul li{align-items: flex-start;}*/
.top .title_box ul li:last-child{margin:0;}
.top .title_box ul li i{width:20px; height:20px; margin:-5px 20px 0 0; display:inline-block; vertical-align:top;}
.top .title_box ul li i img{max-width:none !important;}
.menu0305-1 .top .title_box ul li{display: block;}
.menu0305-1 .top .title_box ul li span{display: block;}


/*.page115 .down4{float:right;}
.page115 table tr:nth-child(1){background:#f4f5f9; color:#000;}
.page115 table .desc1{color:#000;}
.page115 table .desc2{display: block; color:#666;}
.page115 table .desc2 > span{padding:0 5px;}
.page115 .content2 > ul{width:100%;}
.page115 .content2 > ul > li{margin-right:20px; margin-bottom:20px; border-radius: 10px;}
.page115 .content2 > ul > li:nth-child(1){width:20%; padding:20px; box-sizing: border-box; border:1px solid #fd33a7;  display:flex; display:-ms-flex; display:-webkit-flex; align-items: center; justify-content: center; background:#FFEAF6; font-size:18px; color:#000;}
.page115 .content2 > ul > li:nth-child(2){width:30%; padding:20px; box-sizing: border-box; border:1px solid #ddd;  display:flex; display:-ms-flex; display:-webkit-flex; align-items: center; justify-content: center;}
.page115 .content2 > ul > li:nth-child(3){width:50%; padding:20px; box-sizing: border-box; border:1px solid #ddd; margin-right:0;}
.page115 .content2 > ul > li > ul > li{margin-bottom:7px;}
.page115 .content2 > ul > li > ul > li:last-child{margin:0;}
.page115 .content2 > ul > li > ul > li:nth-of-type(1){color:#fd33a7; font-size:18px;}
.page115 .content2 > ul > li > ul > li:nth-of-type(2),
.page115 .content2 > ul > li > ul > li:nth-of-type(3),
.page115 .content2 > ul > li > ul > li:nth-of-type(4){position: relative;}*/

/* 240402 - 클레이 앱 이미지 박스 */
.container0301 .img_box { border: 1px solid #e8e8e8; padding: 50px 20px;}
@media all and (max-width:1024px) {
    .container0301 .img_box { padding: 30px;}
}
@media all and (max-width:768px) {
    .container0301 .img_box { padding: 20px;}
    .container03 .content .group .text_box > ul.contact_info{
        justify-content: start;
        text-align: left;
        align-items: start;
        gap: 2.5px;
        margin-left: 0 !important;
    }

    .container03 .content .group .text_box > ul > li{
        flex-direction: column;
    }

    .menu0306-1 .content4 .group .text_box .desc_go_link{
        display: contents;
    }

    .container03 .content .group .text_box > ul > li .desc2{
        width: 100%;
    }
}
/* // 240402 - 클레이 앱 이미지 박스 */



@media(max-width:1130px){
    
    .menu0302-1 .content .li_box {flex-wrap: wrap;}
    .menu0302-1 .content .img_box{width:100%; margin:0; text-align: center;}
    .menu0302-1 .content .title_box{width:100%; padding: 0;}
    /* .menu0302-1 .content{padding:0;} */

    .menu0302-1 .content2 .img_box{display:flex; display:-ms-flex; display:-webkit-flex; justify-content: center;}
    /* .menu0302-1 .content2 .img_box img{width:50%;} */
    .container03 .content .title_box .item > div .link{text-align: right;}
    .container03 .content .title_box .link a{display:flex; display:-ms-flex; display:-webkit-flex; justify-content: flex-end;}
    .container03 .content .title_box .link{margin-left:20px;}

}

@media(max-width:768px){
    .container03 .content .group{flex-wrap: wrap;}
    .container03 .content .group .img_box{order:1; width:100%; margin-bottom:30px;}
    .container03 .content .group .text_box{order:2; width:100%; padding:0;}
    .container0301 .content{flex-wrap: wrap;}
    .container0301 .content > div{width:100%;}
    .container0301 .content .img_box{order:1;}
    .container0301 .content .text_box{order:2;}
    .container03 .menu_fa ul{flex-wrap: wrap;}
    .container03 .menu_fa ul li{width:100%; border:0;}

.container03 .menu_fa > ul > li > a{border-bottom:1px solid #ddd;}

}



@media(max-width:700px) {

    .menu0302-2 .content > ul { flex-wrap: wrap;}
    .menu0302-2 .content > ul > li{width:100% !important; margin-bottom:20px;}
}

@media(max-width:610px){
    .menu0305-1 .content .group .text_box .con_box3 .box1{flex-wrap: wrap;}
    .menu0305-1 .content .group .text_box .con_box3 .box1 > div{width:100%;}
    .menu0305-1 .content .group .text_box .con_box3 .box1 > div h5{width:50%;}
    .menu0305-1 .content .group .text_box .con_box3 .box1 .left ul li:nth-child(3){border-radius: 0 10px 10px 0;}
    .menu0305-1 .content .group .text_box .con_box3 .box1 .right ul li:nth-child(1){border-radius: 10px 0 0 10px;}
}

@media(max-width:550px){
    .top .title_box ul li{align-items: flex-start;}
    .container03 .top{padding:70px 0 70px;}
    .container03 .top .title_box{width:90%; padding:30px}
    .container03 .top .title_box > div::before{left:-20px;}
    .container03 .top .title_box h4{font-size:1.6em;}
    .container03 .top .title_box p{font-size:14px;}
    .container03 .top .con_box{padding:20px; box-sizing: border-box; flex-wrap: wrap;}
    .container03 .top .con_box li{width:100%; justify-content: flex-start; align-items: center; margin-bottom:20px; flex-wrap: nowrap; text-align: left;}
    .container03 .top .con_box li i{width:60px; height:60px; margin:0; margin-right:20px;}
    .container03 .top .con_box li p{width:calc(100% - 60px)}
    .container0301 .content{flex-wrap: wrap;}

    .container03 .content .title_box
    .container0301 .content > div{width:100%;}
    .container0301 .content:nth-of-type(even) .img_box{order: 1;}
    .container0301 .content:nth-of-type(even) .text_box{order:2;}
    .menu0302-1 .content ul li{margin-bottom:20px;}
    .menu0302-1 .content .box_info2 ul > li { margin-bottom:0;}
    .menu0302-1 .content ul li .desc1{ flex-basis: 65px; font-size:12px; width:50px;}
    .menu0302-1 .content3 ul li .desc1{width:90px;}
    .menu0302-1 .content ul li .desc2{font-size:12px; width:calc(100% - 100px)}
    .menu0302-1 .content ul li i{width:40px; height:40px; flex-basis: 40px;}
    .menu0302-1 .content ul li i img{width:40px; height:40px; max-width:none !important;}
    .menu0302-1 .content .title_box{padding:20px 0;}
    .menu0302-1 .content .title_box .item p{margin:20px 0;}
    .container03 .content .title_box .item > div h4 span.desc1{font-size:1.4em;}
    .container03 .content .title_box .item > div h4 span.desc2{font-size:12px;}
    .container03 .content{margin-top:20px;}

    .container03 .content .title_box h4 .desc1{font-size:1.4em; line-height: 1.2;}
    .container03 .content .title_box h4 .desc2{font-size:12px;}
    .menu0302-1 .top, .menu0302-2 .top {background:url(/project/design/contents/bg1-1.png) no-repeat bottom right / cover; padding:70px 0 20px;}



}

@media(max-width:425px){
    .menu0302-2 .content > ul > li i{width:60px; height:60px;}
    .menu0302-2 .content > ul > li i img{width:60px !important;}
    .container0301 .content .text_box{padding:20px;}
    .menu0305-1 .content3 .group .text_box .con_box2 > ul > li{flex-wrap: wrap;}
    .menu0305-1 .content3 .group .text_box .con_box2 > ul > li .title br{display: none;}
    .menu0305-1 .content3 .group .text_box .con_box2 > ul > li .title div{width:100%;}
    .menu0305-1 .content3 .group .text_box .con_box2 > ul > li .title{width:100%; padding:10px; margin:0 0 20px; height:40px;}
	.menu0306-1 .content3 .group .text_box > p { margin-bottom:0;}
}


@media(max-width:375px){
    .cop_step > ul > li:after{right:-11px;}
}





/* 0202_청주시한국공예관 */
.con_api_box {height:320px;background:#fafafa;margin-top:30px;}

.busi_box {flex-wrap:wrap;}
.busi_list {padding:4%;box-sizing:border-box;border:1px solid #EAEAEA;border-radius:10px;align-items:center;width:49%;margin-bottom:2%;}
.busi_list.mgB_none {margin-bottom:0;}
.busi_list:nth-of-type(odd) {margin-right:2%;}

.busi_list .icon {width:100px;height:100px;text-align:center;box-sizing:border-box;background:#ffeaf6;border-radius:100%;padding:30px;}
.busi_list .icon img{max-width:none !important;}

/* nth-child로 변경[260316]*/
.busi_list:nth-child(3n) .icon {border:1px solid #fd33a7;background:#fff;}
.busi_list:nth-child(2) .icon {border:1px solid #fd33a7;background:#fff;}



.busi_list .desc {padding-left:8%;}
.busi_list.w100 {width:100%; margin-right:0;}
.busi_list.w100 .desc {padding-left:3.5%;}
.busi_list .desc h5 {font-weight:600;color:#000;margin-bottom:10px;font-size:1.1em;}

/* 영운 생활문화센터 추가작업[260316] */
.young_uri .busi_list:last-child .icon{background:#ffeaf6; border: 0;}
.young_uri .busi_list .desc h5{font-size: 1.2em;}



.rent_box {flex-wrap:wrap;}
.rent_list {padding:4%;box-sizing:border-box;border:1px solid #EAEAEA;border-radius:10px;align-items:center;width:49%;margin-bottom:2%;}
.rent_list .icon img{max-width:none !important;}
.rent_list.mgB_none {margin-bottom:0;}
.rent_list:nth-of-type(odd) {margin-right:2%;}
.rent_list .desc {padding-left:8%;}
.rent_list.w100 {width:100%; margin-right:0;}
.rent_list.w100 .desc {padding-left:3.5%;}
.rent_list .desc h5 {font-weight:600;color:#000;margin-bottom:10px;font-size:1.1em;}



.faci {height:370px;}
.faci .left {width:50%;box-sizing:border-box; border-radius:0 0 0 50px;}
.faci .swiper-container {
      width: 50%;
      height: 100%;
	  box-sizing:border-box;
	  border-radius:0 50px 0 0;
    }
    .swiper-slide {
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {width:auto !important;left:5% !important;}
.faci .swiper-pagination-bullet-active {background:#FD33A7 !important;}
.faci .desc {position:absolute;right:0;bottom:0;background:#000;color:#fff;padding:15px;display:inline-block;}


.faci.cjkcm .left {background:url('/project/design/contents/bg_faci_left_cjkcm0.jpg?ver=4') no-repeat center / cover;}
.faci.cjkcm .swiper-slide.bg1 {background:url('/project/design/contents/bg_faci_right_cjkcm1.jpg') no-repeat center / cover;}
.faci.cjkcm .swiper-slide.bg2 {background:url('/project/design/contents/bg_faci_right_cjkcm2.jpg?version=2') no-repeat center / cover;}
.faci.cjkcm .swiper-slide.bg3 {background:url('/project/design/contents/bg_faci_right_cjkcm3.jpg?version=2') no-repeat center / cover;}
.faci.cjkcm .swiper-slide.bg4 {background:url('/project/design/contents/bg_faci_right_cjkcm4.jpg') no-repeat center / cover;}
.faci.cjkcm .swiper-slide.bg5 {background:url('/project/design/contents/bg_faci_right_cjkcm5.jpg?version=2') no-repeat center / cover;}
.faci.cjkcm .swiper-slide.bg6 {background:url('/project/design/contents/bg_faci_right_cjkcm6.jpg?version=2') no-repeat center / cover;}
.faci.cjkcm .swiper-slide.bg7 {background:url('/project/design/contents/bg_faci_right_cjkcm7.jpg') no-repeat center / cover;}
.faci.cjkcm .swiper-slide.bg8 {background:url('/project/design/contents/bg_faci_right_cjkcm8.jpg') no-repeat center / cover;}


.faci.dbck .left {background:url('/project/design/contents/bg_faci_left_dbck0.jpg') no-repeat center / cover;}
.faci.dbck .swiper-slide.bg1 {background:url('/project/design/contents/bg_faci_right_dbck1.jpg') no-repeat center / cover;}
.faci.dbck .swiper-slide.bg2 {background:url('/project/design/contents/bg_faci_right_dbck2.jpg') no-repeat center / cover;}
.faci.dbck .swiper-slide.bg3 {background:url('/project/design/contents/bg_faci_right_dbck3.jpg') no-repeat center / cover;}
.faci.dbck .swiper-slide.bg4 {background:url('/project/design/contents/bg_faci_right_dbck4.jpg') no-repeat center / cover;}
.faci.dbck .swiper-slide.bg5 {background:url('/project/design/contents/bg_faci_right_dbck5.jpg') no-repeat center / cover;}
.faci.dbck .swiper-slide.bg6 {background:url('/project/design/contents/bg_faci_right_dbck6.jpg') no-repeat center / cover;}
.faci.dbck .swiper-slide.bg7 {background:url('/project/design/contents/bg_faci_right_dbck7.jpg') no-repeat center / cover;}
.faci.dbck .swiper-slide.bg8 {background:url('/project/design/contents/bg_faci_right_dbck8.jpg') no-repeat center / cover;}


.faci.ksh .left {background:url('/project/design/contents/bg_faci_left_ksh.jpg') no-repeat center / cover;}
.faci.ksh .swiper-slide.bg1 {background:url('/project/design/contents/bg_faci_right_ksh1.jpg') no-repeat center / cover;}
/* .faci.ksh .swiper-slide.bg2 {background:url('/project/design/contents/bg_faci_right_ksh2.jpg') no-repeat center / cover;} */
.faci.ksh .swiper-slide.bg2 {background:url('/project/design/contents/bg_faci_right_ksh2_salon.jpg') no-repeat center / cover;}
.faci.ksh .swiper-slide.bg3 {background:url('/project/design/contents/bg_faci_right_ksh3.jpg') no-repeat center / cover;}
.faci.ksh .swiper-slide.bg4 {background:url('/project/design/contents/bg_faci_right_ksh4.jpg') no-repeat center / cover;}
.faci.ksh .swiper-slide.bg5 {background:url('/project/design/contents/bg_faci_right_ksh5.jpg') no-repeat center / cover;}
.faci.ksh .swiper-slide.bg6 {background:url('/project/design/contents/bg_faci_right_ksh6.jpg') no-repeat center / cover;}
.faci.ksh .swiper-slide.bg7 {background:url('/project/design/contents/bg_faci_right_ksh7.jpg') no-repeat center / cover;}
.faci.ksh .swiper-slide.bg8 {background:url('/project/design/contents/bg_faci_right_ksh8.jpg') no-repeat center / cover;}

/* 충북콘텐츠코리아랩 시설안내 */
.faci.cbckl .left {background:url('/project/design/contents/bg_faci_right_cbckl0.jpg') no-repeat center / cover;}
.faci.cbckl .swiper-slide.bg1 {background:url('/project/design/contents/bg_faci_right_cbckl1.jpg') no-repeat center / cover;}
.faci.cbckl .swiper-slide.bg2 {background:url('/project/design/contents/bg_faci_right_cbckl2.jpg') no-repeat center / cover;}
.faci.cbckl .swiper-slide.bg3 {background:url('/project/design/contents/bg_faci_right_cbckl3_2.jpg') no-repeat center / cover;}
.faci.cbckl .swiper-slide.bg4 {background:url('/project/design/contents/bg_faci_right_cbckl4.jpg') no-repeat center / cover;}
.faci.cbckl .swiper-slide.bg5 {background:url('/project/design/contents/bg_faci_right_cbckl5_2.jpg') no-repeat center / cover;}
.faci.cbckl .swiper-slide.bg6 {background:url('/project/design/contents/bg_faci_right_cbckl6_2.jpg') no-repeat center / cover;}
.faci.cbckl .swiper-slide.bg7 {background:url('/project/design/contents/bg_faci_right_cbckl7_2.jpg') no-repeat center / cover;}
.faci.cbckl .swiper-slide.bg8 {background:url('/project/design/contents/bg_faci_right_cbckl8_2.jpg') no-repeat center / cover;}

.faci.cbgc .left {background:url('/project/design/contents/bg_faci_left_cbgc0.jpg?ver=2') no-repeat center / cover;}
.faci.cbgc .swiper-slide.bg1 {background:url('/project/design/contents/space.jpg') no-repeat center / cover;}
.faci.cbgc .swiper-slide.bg2 {background:url('/project/design/contents/space2.jpg') no-repeat center / cover;}
.faci.cbgc .swiper-slide.bg3 {background:url('/project/design/contents/cbgc_n1.jpg') no-repeat center / cover;}
.faci.cbgc .swiper-slide.bg4 {background:url('/project/design/contents/space4.jpg') no-repeat center / cover;}
.faci.cbgc .swiper-slide.bg5 {background:url('/project/design/contents/space5.jpg') no-repeat center / cover;}
.faci.cbgc .swiper-slide.bg6 {background:url('/project/design/contents/cbgc_n2.jpg') no-repeat center / cover;}
.faci.cbgc .swiper-slide.bg7 {background:url('/project/design/contents/cbgc_n3.jpg') no-repeat center / cover;}
.faci.cbgc .swiper-slide.bg8 {background:url('/project/design/contents/cbgc_n4.jpg') no-repeat center / cover;}
.faci.cbgc .swiper-slide.bg9 {background:url('/project/design/contents/cbgc_n5.jpg') no-repeat center / cover;}
.faci.cbgc .swiper-slide.bg10 {background:url('/project/design/contents/space10.jpg') no-repeat center / cover;}
.faci.cbgc .swiper-slide.bg11 {background:url('/project/design/contents/space11.jpg') no-repeat center / cover;}

.faci.cjpa .left {background:url('/project/design/contents/bg_faci_left_cjpa0.jpg') no-repeat center / cover;}
.faci.cjpa .swiper-slide.bg1 {background:url('/project/design/contents/bg_faci_right_cjpa1.jpg') no-repeat center / cover;}
.faci.cjpa .swiper-slide.bg2 {background:url('/project/design/contents/bg_faci_right_cjpa2.jpg') no-repeat center / cover;}
.faci.cjpa .swiper-slide.bg3 {background:url('/project/design/contents/bg_faci_right_cjpa3.jpg') no-repeat center / cover;}
.faci.cjpa .swiper-slide.bg4 {background:url('/project/design/contents/bg_faci_right_cjpa4.jpg') no-repeat center / cover;}
.faci.cjpa .swiper-slide.bg5 {background:url('/project/design/contents/bg_faci_right_cjpa5.jpg') no-repeat center / cover;}
.faci.cjpa .swiper-slide.bg6 {background:url('/project/design/contents/bg_faci_right_cjpa6.jpg') no-repeat center / cover;}

.faci.nti .left {background:url('/project/design/contents/bg_faci_left_nti0.jpg') no-repeat center / cover;}
.faci.nti .swiper-slide.bg1 {background:url('/project/design/contents/bg_faci_right_nti1.jpg') no-repeat center / cover;}
.faci.nti .swiper-slide.bg2 {background:url('/project/design/contents/bg_faci_right_nti2.jpg') no-repeat center / cover;}

/* .faci.goodsyou .left {background:url('/project/design/contents/bg_faci_left_goodsyou0.jpg') no-repeat center / cover;}
.faci.goodsyou .swiper-slide.bg1 {background:url('/project/design/contents/bg_faci_right_goodsyou1.jpg') no-repeat center / cover;}
.faci.goodsyou .swiper-slide.bg2 {background:url('/project/design/contents/bg_faci_right_goodsyou2.jpg') no-repeat center / cover;}
.faci.goodsyou .swiper-slide.bg3 {background:url('/project/design/contents/bg_faci_right_goodsyou3.jpg') no-repeat center / cover;}
.faci.goodsyou .swiper-slide.bg4 {background:url('/project/design/contents/bg_faci_right_goodsyou4.jpg') no-repeat center / cover;}
.faci.goodsyou .swiper-slide.bg5 {background:url('/project/design/contents/bg_faci_right_goodsyou5.jpg') no-repeat center / cover;}
.faci.goodsyou .swiper-slide.bg6 {background:url('/project/design/contents/bg_faci_right_goodsyou6.jpg') no-repeat center / cover;}
.faci.goodsyou .swiper-slide.bg7 {background:url('/project/design/contents/bg_faci_right_goodsyou7.jpg') no-repeat center / cover;}
.faci.goodsyou .swiper-slide.bg8 {background:url('/project/design/contents/bg_faci_right_goodsyou8.jpg') no-repeat center / cover;} */


/* 청주공예창작지원센터 시설안내*/
.faci.support-center .left {background:url('/project/design/contents/bg_faci_right_supportcenter1.webp') no-repeat center / cover;}
.faci.support-center .swiper-slide.bg1 {background:url('/project/design/contents/bg_faci_right_supportcenter2.webp') no-repeat center / cover;}
.faci.support-center .swiper-slide.bg2 {background:url('/project/design/contents/bg_faci_right_supportcenter3.webp') no-repeat center / cover;}
.faci.support-center .swiper-slide.bg3 {background:url('/project/design/contents/bg_faci_right_supportcenter4.webp') no-repeat center / cover;}
.faci.support-center .swiper-slide.bg4 {background:url('/project/design/contents/bg_faci_right_supportcenter5.webp') no-repeat center / cover;}
.faci.support-center .swiper-slide.bg5 {background:url('/project/design/contents/bg_faci_right_supportcenter6.webp') no-repeat center / cover;}



/* [260313] 영운생활문화센터 시설안내*/
.faci.yuri-center .left{background:url('/project/design/contents/bg_faci_left_yuri.webp') no-repeat center / cover;}
.faci.yuri-center .swiper-slide.bg1 {background:url('/project/design/contents/bg_faci_right_yuri1-1.jpg') no-repeat center / cover;}
.faci.yuri-center .swiper-slide.bg2 {background:url('/project/design/contents/bg_faci_right_yuri1-2.jpg') no-repeat center / cover;}
.faci.yuri-center .swiper-slide.bg3 {background:url('/project/design/contents/bg_faci_right_yuri1-3.jpg') no-repeat center / cover;}
.faci.yuri-center .swiper-slide.bg4 {background:url('/project/design/contents/bg_faci_right_yuri1-4.jpg') no-repeat center / cover;}
.faci.yuri-center .swiper-slide.bg5 {background:url('/project/design/contents/bg_faci_right_yuri1-5.jpg') no-repeat center / cover;}
.faci.yuri-center .swiper-slide.bg6 {background:url('/project/design/contents/bg_faci_right_yuri1-6.jpg') no-repeat center / cover;}
.faci.yuri-center .swiper-slide.bg7 {background:url('/project/design/contents/bg_faci_right_yuri1-7.jpg') no-repeat center / cover;}
.faci.yuri-center .swiper-slide.bg8 {background:url('/project/design/contents/bg_faci_right_yuri1-8.jpg') no-repeat center / cover;}
.faci.yuri-center .swiper-slide.bg9 {background:url('/project/design/contents/bg_faci_right_yuri1-9.jpg') no-repeat center / cover;}
.faci.yuri-center .swiper-slide.bg10 {background:url('/project/design/contents/bg_faci_right_yuri1-10.jpg') no-repeat center / cover;}
.faci.yuri-center .swiper-slide.bg11 {background:url('/project/design/contents/bg_faci_right_yuri1-11.jpg') no-repeat center / cover;}
.faci.yuri-center .swiper-slide.bg12 {background:url('/project/design/contents/bg_faci_right_yuri1-12.jpg') no-repeat center / cover;}


/* [260720] 청주무형유산전수교육관 시설안내*/
.faci.heritage-center .left{background:url('/project/design/contents/bg_faci_left_heritage.webp') no-repeat center / cover;}
.faci.heritage-center .swiper-slide.bg1{background:url('/project/design/contents/bg_faci_right_heritage1-1.webp') no-repeat center / cover;}
.faci.heritage-center .swiper-slide.bg2{background:url('/project/design/contents/bg_faci_right_heritage1-2.webp') no-repeat center / cover;}
.faci.heritage-center .swiper-slide.bg3{background:url('/project/design/contents/bg_faci_left_heritage.webp') no-repeat center / cover;}





.con169_tit { font-size: 35px !important;}

@media (max-width: 1000px) {
    .con169_tit { font-size: 28px !important;}
}

@media (max-width: 700px) {
    .con169_tit { font-size: 22px !important; }
}


.btn.link5:before { content:url("/project/design/contents/bg_link5_off.png"); vertical-align:middle; padding-right:10px; position:relative; top:4px;}
.btn.link5:hover::before { content:url("/project/design/contents/bg_link5_on.png")}

.btn.link6:before { content:url("/project/design/contents/bg_link6_off.png"); vertical-align:middle; padding-right:10px; position:relative; top:4px;}
.btn.link6:hover::before { content:url("/project/design/contents/bg_link6_on.png")}

.fa_box .bd_radi {border-radius:0 30px;}

.sj_img_box {flex-wrap:wrap;}
.sj_img_box li {width:48.5%;margin-bottom:3%;}
.sj_img_box li:nth-of-type(odd) {margin-right:3%;}


.brand.box_type2 .left_img {width:40%;height:300px;}


.brand_tit {height:180px;width:100%;border-radius:0 50px;position:relative;}
.brand_tit h5 {font-size:26px;color:#151515;font-weight:700;position:absolute;left:10%;top:50%;transform:translate(0,-50%);}
.brand_tit:after {position:absolute;left:25%;top:50%;transform:translate(0,-50%);display:inline-block;content:"";background:#151515;width:30%;height:2px;}
.brand_tit.bg1 {background:#fde7f2 url('/project/design/contents/bg_brand1.jpg') no-repeat right center;}
.brand_tit.bg2 {background:#fffcd9 url('/project/design/contents/bg_brand2.jpg') no-repeat right center;}
.brand_tit.bg3 {background:#e3f0ff url('/project/design/contents/bg_brand3.jpg') no-repeat right center;}

.brand_con {padding:5% 10%;}
.brand_con li {margin-bottom:30px;}
.brand_con li h6 {font-weight:700;color:#151515;width:17%;padding-left:10px;position:relative;}
.brand_con li h6:before {position:absolute;display:inline-block;width:3px;height:3px;background:#222;border-radius:3px;content:"";top:50%;transform:translate(0,-50%);left:0;}
.brand_con li:last-of-type {margin-bottom:0;}

.right_desc b {
    color: red;
    font-weight: 500;
    font-size: 17px;
    display: inline-block;
    padding-bottom: 3px;
}

.right_desc.bigger span{
    font-size: 16px;
}


@media all and (max-width:800px) {
  .intro_list ul li{width:100%;}
  .w50:nth-of-type(Odd){margin-right:0;}
  .brand_tit {height:120px;}
  .brand_tit.bg1, .brand_tit.bg2, .brand_tit.bg3 {background-size:50%;}
  .brand_tit:after {left:30%;}
  .brand_tit h5 {font-size:20px;}
  .brand_con li h6 {width:22%;}
}

@media(max-width:700px){
  .busi_box{flex-wrap: wrap;}
.busi_list{width:100%; margin:0 0 20px !important;}
.rent_box{flex-wrap: wrap;}
.rent_list{width:100%; margin: 0 0 20px !important;}
.rent_list .desc{padding-left:40px !important;}
.faci{flex-wrap: wrap;}
.faci .swiper-container {
	  border-radius:0 30px 0 0;
    }
.faci > div{width:100% !important;}
.faci.dbck .left,.faci.cbckl .left,.faci.cbgc .left,
.faci.cjkcm .left{display: none;}
.faci .desc {padding:5px 10px;}
.swiper-button-next, .swiper-button-prev { background-size:auto 30px !important;}
}

@media all and (max-width:500px) {
  .brand_tit {height:100px;}
  .brand_tit:after {left:35%;}
  .brand_tit h5 {font-size:16px;}
  .brand_con li {flex-wrap:wrap;}
  .brand_con li h6 {width:100%;}
  .brand_con li p {padding-left:10px;}
}

@media(max-width:450px){
  .rent_list .icon,
  .busi_list .icon{display:flex; display:-ms-flex; display:-webkit-flex; align-items: center; justify-content: center; width:80px; height:80px;}
  .rent_list .icon img{width:50px; height:50px; max-width:none !important;}
  .busi_list .icon img{width:35px; height:35px;}
  .rent_list .desc{padding-left:20px !important; width:calc(100% - 80px);}
.faci{height:260px;}
}


/* 060301_입주기업 자료조사 */
.search_data {text-align:center;}
.select_data {  border:1px solid #ccc; box-sizing:border-box; height:45px; line-height:45px; padding-left:10px; border-radius:5px; width:150px; vertical-align:top;}
.search_data .text {height:45px; line-height:45px; padding-right: 10px; font-weight: 500; color:#000;}
.input_data {border:1px solid #ccc; box-sizing:border-box; height:45px; line-height:45px; padding-left:10px; border-radius:5px; width:200px; vertical-align:top;}

@media all and (max-width:800px) {
.select_data { width:49%; margin-bottom:5px;}
.input_data {width:78%;}
.search_data .btn { width:20%; margin-top: 15px;}
}

@media all and (max-width:500px) {
.select_data { height:35px; line-height:35px; padding-left:5px; }
.input_data {height:35px; line-height:35px; padding-left:5px;}
}

/* 060401_구내식당 */
.food_box { margin-top:30px;}
.food_box > ul > li {float:left; width:49%;}
.food_box > ul > li:nth-child(2) {margin-left:2%;}
.food_box > ul > li img { width:100%; border-radius:30px 0 30px 0; overflow:hidden;}

/* 검색결과 */
.search_loca { padding:40px 0;}
.search_loca .location { margin-bottom:20px; padding-left:10px; position:relative;}
.search_loca .location:before { content:""; width:3px; height:3px; border-radius:100%; background:#424242; display:inline-block; position:absolute; top:8px; left:0;}
.search_loca .location a { color:#666;}
.highlight {font-weight: 600; background:#fffc2a; color:#000;}

.fullsearch { position:relative; margin-bottom:40px;}
.btn_wrapper { position:absolute; top:0; right:0;}
.info_search { border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:30px 0 0 0;}
.info_search .p_desc1{ display:inline-block; font-size:18px; font-weight:500; color:#000; text-decoration:underline;}
.info_search .p_desc2{ display:block;  color:#666; padding-top:10px;}
.info_search .p_desc3 {  color:#888; padding:10px 0 20px 0; }

@media all and (max-width:500px) {
.search_loca { padding:20px 0;}
.info_search .p_desc1{ font-size:16px;}
}


/* 060402_동부창고 카페C */
.cafe_box { position:relative;}
.cafe_box .img_box { border-radius:0 50px 50px 50px; overflow:hidden; position:relative;}
.cafe_box .desc_box { position:absolute; left:50%; bottom:40px; transform:translate(-50%, 0); background:rgba(253,51,167,0.95);border-radius:20px; color:#fff; padding:20px 50px; width:80%; box-sizing:border-box; text-align:center;}
.cafe_box .desc_box .p_desc1 { font-size:28px; line-height:1.2em;}
.cafe_box .desc_box .p_desc1 span {font-weight:600;}

.ul_conf_cafe { margin-top:20px;}
.ul_conf_cafe > li { width:50%; float:left; box-sizing:border-box;}
.ul_conf_cafe > li:nth-child(1) { padding-right:5px;}
.ul_conf_cafe > li:nth-child(2) { padding-left:5px;}
.ul_conf_cafe > li > .box_in { border:1px solid #eaeaea; border-radius:10px; padding:40px 30px; width:100%; height:190px; display:table; box-sizing:border-box;}
.ul_conf_cafe > li > .box_in i { display:table-cell; vertical-align:middle; width:115px;}
.ul_conf_cafe > li > .box_in .desc_box { display:table-cell; vertical-align:middle; }
.ul_conf_cafe > li > .box_in .title { display:block; font-size:18px; font-weight:600; color:#000; margin-bottom:10px;}

@media(max-width:1200px){
.cafe_box .desc_box .p_desc1 { font-size:24px; }
.ul_conf_cafe > li { width:100%; }
.ul_conf_cafe > li:nth-child(1) { padding-right:0;}
.ul_conf_cafe > li:nth-child(2) { padding-left:0; padding-top:10px;}
.ul_conf_cafe > li > .box_in {height:auto;}
}
@media(max-width:1000px){
.cafe_box .desc_box { padding:10px 30px;}
.cafe_box .desc_box .p_desc1 { font-size:22px; }
}

@media all and (max-width:800px) {
.ul_conf_cafe { margin-top:10px;}
.ul_conf_cafe > li > .box_in {padding:20px 15px; }
.ul_conf_cafe > li > .box_in i { width:85px;}
.ul_conf_cafe > li > .box_in i img { width:70px}
.ul_conf_cafe > li > .box_in .title { font-size:16px; margin-bottom:5px;}
}

@media(max-width:700px){
    .cafe_box .img_box{border-radius: 0 20px 0 0;}
    .cafe_box .desc_box{position:relative; bottom:auto; width:100%; border-radius:0 0 20px 20px; padding:20px 10px;}
    .cafe_box .desc_box .p_desc1{font-size:16px; letter-spacing:-0.04em;}
}

/* 지역문화 tab */
.menu_fa2 { border:1px solid #e4e4e4; border-radius:10px; box-shadow:1px 5px 10px rgba(0,0,0,0.05); margin-top:40px; overflow:hidden;}
.menu_fa2 > ul { display:table; width:100%;}
.menu_fa2 > ul > li { display:table-cell; }
.menu_fa2 > ul > li > a { display:block; padding-left:20px; line-height:40px; color:#929292; border-right:1px solid #e4e4e4;  position:relative;}
.menu_fa2 > ul > li > a::after { content:""; width:7px; height:7px; background:#fd33a7; opacity:0; border-radius:100%; display:inline-block; position:absolute; right:5%; top:50%; transform: translate(0,-50%); transition: all .3s ease-out;}
.menu_fa2 > ul > li > a.on, .menu_fa2 > ul > li > a:hover { color:#000; background:#f6f6f6; }
.menu_fa2 > ul > li > a.on::after, .menu_fa2 > ul > li > a:hover::after { opacity:1; }
/* .menu_fa2 > ul > li:last-child { width:45%;} */
.menu_fa2 > ul > li:last-child { width:50%;}
.menu_fa2 > ul > li:last-child > a { border-right:none;  }


@media(max-width:780px){
.menu_fa2 > ul {display:flex; display:-ms-flex; display:-webkit-flex; flex-wrap: wrap;}
.menu_fa2 > ul > li{width:100%;}
.menu_fa2 > ul > li > a{ border-bottom:1px solid #e4e4e4; }
.menu_fa2 > ul > li > a{border-right:0;}
.menu_fa2 > ul > li:last-child { width:100%;}
.menu_fa2 > ul > li:last-child > a { border-bottom:none;  }
}

/* 예술교육 tab */
.menu_fa3 { border:1px solid #e4e4e4; border-radius:10px; box-shadow:1px 5px 10px rgba(0,0,0,0.05); margin-top:40px; overflow:hidden;}
.menu_fa3 > ul { display:grid; grid-template-columns: repeat(3, 1fr);}
.menu_fa3 > ul > li > a { display:block; padding-left:20px; line-height:40px; color:#929292; border-right:1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; position:relative;}
.menu_fa3 > ul > li:nth-child(3n) > a { border-right: 0; }
.menu_fa3 > ul > li:nth-child(n+4) > a { border-bottom: 0; }
.menu_fa3 > ul > li > a::after { content:""; width:7px; height:7px; background:#fd33a7; opacity:0; border-radius:100%; display:inline-block; position:absolute; right:5%; top:50%; transform: translate(0,-50%); transition: all .3s ease-out;}
.menu_fa3 > ul > li > a.on, .menu_fa3 > ul > li > a:hover { color:#000; background:#f6f6f6; }
.menu_fa3 > ul > li > a.on::after, .menu_fa3 > ul > li > a:hover::after { opacity:1; }
.menu_fa3 > ul > li:last-child > a { border-right:none;  }


@media(max-width:780px){
.menu_fa3 > ul {grid-template-columns: repeat(1, 1fr);}
.menu_fa3 > ul > li > a { border:0;}
.menu_fa3 > ul > li + li > a { border-top: 1px solid #e4e4e4;}
}

/* 문화산업 tab, 공예진흥 tab, 정책교류 tab */
.menu_fa4 { border:1px solid #e4e4e4; border-radius:10px; box-shadow:1px 5px 10px rgba(0,0,0,0.05); margin-top:40px; overflow:hidden;}
.menu_fa4 > ul > li { width:33.33%; float:left; }
.menu_fa4 > ul > li > a { display:block; padding-left:20px; line-height:40px; color:#929292; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; position:relative;}
.menu_fa4 > ul > li > a::after { content:""; width:7px; height:7px; background:#fd33a7; opacity:0; border-radius:100%; display:inline-block; position:absolute; right:5%; top:50%; transform: translate(0,-50%); transition: all .3s ease-out;}
.menu_fa4 > ul > li > a.on, .menu_fa4 > ul > li > a:hover { color:#000; background:#f6f6f6; }
.menu_fa4 > ul > li > a.on::after, .menu_fa4 > ul > li > a:hover::after { opacity:1; }
.menu_fa4 > ul > li:nth-child(3n) > a {border-right:none;}
.menu_fa4 > ul > li:nth-child(4) > a, .menu_fa4 > ul > li:nth-child(5) > a, .menu_fa4 > ul > li:nth-child(6) > a{border-bottom:none;}



@media(max-width:780px){
    .menu_fa4 > ul {display:flex; display:-ms-flex; display:-webkit-flex; flex-wrap: wrap;}
    .menu_fa4 > ul > li{width:100%;}
    .menu_fa4 > ul > li:nth-child(4) > a, .menu_fa4 > ul > li:nth-child(5) > a, .menu_fa4 > ul > li:nth-child(6) > a{border-bottom:1px solid #ddd;}
    .menu_fa4 > ul > li > a{border-right:0;}
}


/* 사업소개 담당자 */
.box_info2 { border-bottom:1px solid #e6e6e6; padding:20px;}
.box_info2 i { display:inline-block; vertical-align:top;}
.box_info2 ul { display:inline-block; vertical-align:top; margin-top:2px;}
.box_info2 ul > li { display:table-cell; padding-right:30px; color:#666;}
.box_info2 ul > li > span{ color:#000;}
.box_info2 ul > li:last-child { padding-right:0;}


@media all and (max-width:1000px) {
.box_info2 { margin-top:20px; width:100%; box-sizing:border-box;}
}

@media all and (max-width:800px) {
.box_info2 { margin-top:0;  padding:10px;}
.box_info2 i img { height:15px;}
.box_info2 ul { margin-top:5px;}
.box_info2 ul > li { padding-right:20px; font-size:12px; line-height:1em;}
}

@media all and (max-width:500px) {
.box_info2 i {margin-top:12px;}
.box_info2 ul { margin-top:0;}
.box_info2 ul > li { display:block; padding:3px 0;}
}

/* 예술교육 동부창고 로고 */
.logo1 {display:block !important; margin-bottom:10px !important;}

@media all and (max-width:500px) {
.logo1 img {height:20px;}
}

/* 청주꿈나무오케스트라 */
.box_orch{ display:table; width:100%; }
.box_orch .left { width:50%; display:table-cell; vertical-align:middle;}
.box_orch .right { width:50%; display:table-cell; vertical-align:middle;}
.box_orch .p_desc1 { font-size:25px; font-weight:500; color:#fd33a7;}
.box_orch .p_desc2 { font-size:40px; font-weight:600; color:#141414; margin:10px 0 30px 0;}
.box_orch .p_desc3 { font-size:16px; color:#888; line-height:1.6em;}

.box_orch_use { border:1px solid #e8e8e8; border-radius:20px; margin-top:20px;}
.box_orch_use > ul { display:table; width:100%; }
.box_orch_use > ul > li { display:table-cell; width:25%; border-right:1px solid #e8e8e8; padding:50px 30px; box-sizing:border-box;}
.box_orch_use > ul > li:last-child { border-right:none;}
.box_orch_use h4 { font-size:30px; font-weight:800; color:#000; line-height:1.2em; margin-bottom:20px;}
.box_orch_use h4 span { color:#fd33a7;}
.box_orch_use .line { display:inline-block; width:44px; height:4px; background:#000;}
.box_orch_use .p_desc1 { font-size:20px; color:#1d1d1d; font-weight:600; padding:20px 0 10px 0;}
.box_orch_use .p_desc2 { font-size:16px; color:#888;}

@media all and (max-width:800px) {
.box_orch{ display:block;}
.box_orch .left { width:100%; display:block; text-align:center;}
.box_orch .right { width:100%; display:block; text-align:center;}
.box_orch .p_desc1 { font-size:20px;}
.box_orch .p_desc2 { font-size:30px; margin:5px 0 20px 0;}
.box_orch .p_desc3 { font-size:14px;}
.box_orch_use > ul > li {padding:30px 20px;}
.box_orch_use h4 { font-size:24px;}
.box_orch_use .p_desc1 { font-size:17px;}
.box_orch_use .p_desc2 { font-size:14px;}
}
@media all and (max-width:600px) {
.box_orch_use > ul { display:block;}
.box_orch_use > ul > li { display:block; width:100%; border-right:none; border-bottom:1px solid #e8e8e8; text-align:center; padding:20px;}
.box_orch_use > ul > li:last-child { border-bottom:none;}
.box_orch_use h4 { margin-bottom:0;}
.box_orch_use h4 br { display:none;}
.box_orch_use .line { display:none;}
}


/* VR 레이어 */
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:10000;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70);}


.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 60%; height:auto;  background-color:#fff; z-index: 10;}
.pop-layer .pop-container {padding: 20px 25px 40px; overflow:hidden;}

.pop-layer h5 { color:#000; text-align:center; padding:10px 0; font-size:18px; }
.pop-layer .con_box { padding:0 30px 30px 30px;  height:500px;}
.pop-layer .btn_close { position:absolute; top:11px; right:20px; }

@media all and (max-width:1100px) {
.pop-layer {width: 90%;}
.pop-layer .con_box { padding:0 10px 10px 10px; height:200px;}
}
@media all and (max-width:500px) {
.pop-layer .con_box { height:500px;}
}

/* 기록문화 */
.culutre_city_top { border-radius:0 50px 0 0;}
.culutre_city_top .left { width:50%; display:table-cell; box-sizing:border-box; padding-left:10%; vertical-align:middle;}
.culutre_city_top .left h3 { font-size:30px; font-weight:600; color:#000; padding-bottom:20px;}
.culutre_city_top .left .p_desc1 { font-size:21px; font-weight:600; color:#ef4360; padding-bottom:5px;}
.culutre_city_top.bg2 .left .p_desc1 { color:#36a56a;}
.culutre_city_top .left p { font-size:18px; color:#7a7a7a;}
.culutre_city_top .right { width:50%; display:table-cell;}
.culutre_city_top.bg1 { background:#f9e3e3;}
.culutre_city_top.bg2 { background:#e4f3d5;}
.culutre_city_top.bg3 { background:#f6f1d5;}
.culutre_city_top.bg4 { background:#e3ecf9;}
.box_cul { padding:40px;  border-bottom:1px dotted #ccc; }
.box_cul2 { padding:40px; }
.box_img_cul > ul > li { float:left; max-width:320px; width:30%; text-align:center; padding-right:30px;}
.box_img_cul > ul > li:last-child { padding-right:0;}
.box_img_cul > ul > li .img_box { border-radius:0 30px 0 30px; overflow:hidden; }
.box_img_cul > ul > li p { padding:15px; }

@media all and (max-width:1000px) {
.culutre_city_top .left { padding-left:5%;}
.culutre_city_top .left h3 { font-size:24px;padding-bottom:15px;}
.culutre_city_top .left p { font-size:16px;}
.box_img_cul > ul > li {padding-right:5%;}
}
@media all and (max-width:600px) {
.culutre_city_top .left { width:100%; display:block;  text-align:center; padding:30px 20px 20px 20px;}
.culutre_city_top .right { width:100%; display:block; text-align:center; }
.culutre_city_top .right img { max-width:320px !important; }
.box_cul { padding:20px; }
.box_cul2 { padding:20px; }
.box_img_cul > ul { max-width:320px; margin:0 auto;}
.box_img_cul > ul > li {width:100%;  padding-right:0; padding-bottom:20px;}
}



/* 221103 유지보수 */
.menu0103-1 .ul_type1 .table_type1 {
    text-align: center;
}
/* // 221201 유지보수 */

.qna {margin-top: 15px; border:1px solid #fd33a7 !important; background-color:#fd33a7 !important; color:#fff !important;}
.qna:hover { color:#fd33a7 !important; background:#fff !important;}


/* 231121 유지보수 */
@media all and (max-width:800px) {
    .btn_60 { width: 42% !important; }
}
@media all and (max-width:500px) {
    .btn_60 { width: 56% !important; }
}
/* // 231121 유지보수 */


/* 240229 - ESG 경영 */
.p_br { display: block;}
.page168 { width: 840px;}
.page168_sec1 { display: flex; align-items: center; justify-content: center; justify-content: space-between; gap: 20px; margin: 60px 0 0 0;}
.page168_sec1 .sec1_h4 { margin: 0 !important; }
.page168 .top { height: 80px; display: flex; align-items: center; justify-content: center; background: linear-gradient( to left, #873fbe, #fd33a7 ); border-radius: 100px; position: relative;}
.page168 .top .desc2 {  font-size:20px; font-weight: 500; color:#fff; z-index: 999; }
/* .page168 .top::before { content: ''; width: 840px; height: 80px; background: url('/project/design/contents/bg_page168_esg.png') no-repeat center center; position: absolute; top: 0; left: 0; border-radius: 100px; } */

/* sec2 */
.page168_sec2 ul { display: flex; flex-direction: row; gap: 30px; }
.page168_sec2 ul > li { width: 320px; height: 160px; padding: 0 15px; border: 1px solid #ddd; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.05); border-radius: 10px; display: flex;  flex-direction: column; align-items: center; justify-content: center; gap: 15px; text-align: center; font-size: 1.05em; color: #252525;}
.page168_sec2 ul > li > strong { font-size: 1.5em; font-weight: bold; color: #000; position: relative;}

.page168_sec2 strong::before, .page168_sec2 strong::after { position: absolute; }
.page168_sec2 strong::before { content: url('/project/design/contents/img_page168_left.png'); left: -95%; top: -60%; }
.page168_sec2 strong::after { content: url('/project/design/contents/img_page168_right.png'); right: -100%; top: -50%; }

.page168_sec3  { margin: 70px 0 30px 0; padding: 35px 45px; gap: 60px; background: #f6f6f6; border-radius: 10px; display: flex; gap: 60px; align-items: center; justify-content: space-between; }
.page168_sec3 > p { line-height: 2.6rem; }
.br_style1 { display: block;}

@media all and (max-width: 800px) {

}



.page114 .top ul li:nth-of-type(2):after{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:100px; padding:2px; background:linear-gradient(45deg,#873fbe,#fd33a7); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude; }

@media all and (max-width:1024px) {
    .page168_sec2 ul { gap: 15px; }
    .page168_sec3 { flex-direction: column; gap: 25px;}
}

@media all and (max-width:800px) {
    .page168 .top { height: 60px;}
    .page168 .top .desc2 { font-size: 1.2em;}
    .page168_sec1 { gap: 10px;}
    .page168_sec2 ul { flex-direction: column; gap: 15px; }
    .page168_sec2 ul > li { width: 95%; height: 120px; padding: 0 10px; gap: 15px; font-size: 1em; }
    
    .page168_sec3 { margin: 40px 0 20px 0; padding: 30px; }
    .page168_sec3 img { height: 50px;}
    .page168_sec3 > p { line-height: 3.4rem; }
    .br_style1 { display: none; }

}
/* // 240229 - ESG 경영 */


/* 담당부서 이름 박스 */
.box_info_top { margin-top: 30px;}
.box_cul_top { margin-top: 30px;}
@media(max-width:1000px){
    .box_info_top { margin-top: 20px;}
    .box_cul_top { margin-top: 60px;}
}
@media(max-width:500px){
    .box_info_top { margin-top: 15px;}
    .box_cul_top { margin-top: 90px;}
}


/* 칭찬합니다 페이지 추가 [240719] */

div.noticeWrapper{
    display: flex;
    border: 1px solid #eaeaea;
    align-items: center;
    padding: 35px;
    gap: 20px;
}

div.noticeWrapper p{
    font-size: 23px;
    font-weight: 700;
    color: #EF329D;
    padding-bottom: 5px;
}

div.noticeWrapper ul{
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
}

div.noticeWrapper ul li{
    font-size: 14px;
    line-height: 2;
    letter-spacing: -0.02rem;
    position: relative;
    padding-left: 10px;
}

div.noticeWrapper ul li::before{
    position: absolute;
    content: '';
    width: 2px;
    height: 2px;
    background: #EF329D;
    left: 0;
    top: 10px;
}

@media all and (max-width:600px) {
    div.noticeWrapper{
        display: block;
        padding: 10px 20px 20px 20px;
    }

    div.noticeWrapper p{
        font-size: 20px;
    }

    div.noticeWrapper img{
        scale: 0.8;
    }

    div.noticeWrapper ul li{
        line-height: 1.8;
    }
}

/* 열린공간 - 동부창고c 이미지 */
.cafe_box { display: flex; flex-direction: column; gap: 20px; }
.cafe_box .img_box { border-radius: 20px; }
.cafe_box .img_box > img { width: 100%; }

.cafe_box .top_desc {  
    background: rgba(253, 51, 167, 0.95);
    border-radius: 20px;
    color: #fff;
    padding: 20px 50px;
    text-align: center;
}
.cafe_box .top_desc p { 
    font-size: 28px;
    line-height: 1.2em;
}

.cafe_box .top_desc p > span { 
    font-weight: 600;
}

@media all and (max-width:800px) {
    .cafe_box { gap: 10px;}
    .cafe_box .top_desc { 
        border-radius: 10px;
        padding: 15px;
    }
    .cafe_box .img_box { border-radius: 10px; }
    .cafe_box .top_desc p {
        font-size: 16px;
        letter-spacing: -0.04em;
    }
}

.cafe_c_box .left { background: url('/project/design/contents/img_cafec_left1.jpg') no-repeat center / cover; }
.cafe_c_box .swiper-slide.bg1 { background: url('/project/design/contents/img_cafec_right1.jpg') no-repeat center / cover; }
.cafe_c_box .swiper-slide.bg2 { background: url('/project/design/contents/img_cafec_right2.jpg') no-repeat center / cover; }
.cafe_c_box .swiper-slide.bg3 { background: url('/project/design/contents/img_cafec_right3.jpg') no-repeat center / cover; }
.cafe_c_box .swiper-slide.bg4 { background: url('/project/design/contents/img_cafec_right4.jpg') no-repeat center / cover; }
/* // 열린공간 - 동부창고c 이미지 */


/* 김수현드라마아트홀 */
.busi_list .desc ul.list_desc > li { position: relative; padding-left: 10px; }
.busi_list .desc ul.list_desc > li::before { position: absolute; left: 0; top: 0; content: '·'; }
/* // 김수현드라마아트홀 */

/* 열린공간 - 경영공시 - 업무협약 */
.con180 .tab_type1 { display: flex; flex-direction: row; margin-bottom: 2em; }
.con180 .tab_type1 > li { width: 100%; }
.con180 .tab_type1 > li > a { cursor: pointer; }
.con180 .tab_box { border: none; padding: 0; }
.con180 .tab_box td > span { font-size: 13px; }
/* // 열린공간 - 경영공시 - 업무협약 */

/* Home > 재단소개 > 고객만족경영 */
.cont139_box { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px;}













/* [260317] 유네스코 창의도시 네트워크 공통 스타일 */

.craft-unesco .top {
    background: url(/project/design/contents/bg_unesco1.webp) no-repeat center / cover;
    padding: 70px 0 30px 0;
}

.container03.craft-unesco .top .title_box {
    height: fit-content;
    padding: 50px 50px 50px 40px;
}

.container03.craft-unesco .top .title_box > div::before { display: none; }
.container03.craft-unesco .top .title_box h4 {
    font-size: 27px;
    letter-spacing: -0.02rem;
}

.craft-unesco .top div.row1 { display: flex; align-items: center; }
.craft-unesco .top div.row1 .unesco-right { padding: 0 70px; }
.craft-unesco .top div.row2 { padding: 60px 40px 0 40px; }

.container03.craft-unesco .page168_sec3 { margin: 0; }
.container03.craft-unesco .page168_sec3 span {
    color: #603683;
    padding-top: 10px;
    display: block;
    font-weight: 500;
}

/* 섹션 레이아웃 */
.craft-unesco section { margin-bottom: 56px; }
.craft-unesco section:last-child { margin-bottom: 0; }

.craft-unesco .section-label {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 24px;
}


/* 미션 & 목표 unesco_section3 */
.unesco_section3 .mission-goal-wrap {
    display: grid;
    grid-template-columns: 8% auto;
    border-radius: 10px;
    overflow: hidden;
    color: #000;
    border: 1px solid #ede7e7;
    width: 100%;
}

.mg-labels {
    height: 100%;
    border-right: 1px solid #ede7e7;
    display: flex;
    flex-direction: column;
}

.mg-labels > div {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    letter-spacing: -0.02rem;
    background: #fdeaf6;
    width: 100%;
}

.mg-labels > div:first-child { height: 80%; }
.mg-labels > div:last-child { height: 20%; border-top: 1px solid #ededed; }

.mg-cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
}

.mg-col {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #ededed;
}
.mg-col:last-child { border-right: none; }

.mg-col > div {
    flex: 1;
    align-content: center;
    padding: 20px;
    box-sizing: border-box;
}

.mg-col > div img { width: 100%; border-radius: 10px; }

.mission-item { height: 80%; border-bottom: 1px solid #ede7e7; }
.mission-item em {
    display: block;
    padding: 20px 0 10px 0;
    font-style: normal;
    color: #d9ccd3;
    font-weight: 600;
    font-size: 15px;
}
.mission-item em::after {
    content: '';
    width: 100%;
    height: 1px;
    background: #efefef;
    display: block;
    margin-top: 7px;
}
.mission-item p { line-height: 1.6; font-size: 15px; letter-spacing: -0.02rem; }
.mission-item p strong { font-weight: 500; }

.goal-item {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1.6;
    font-size: 15px;
}
.goal-item::before {
    content: '';
    width: 6px; height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
    background: currentColor;
    opacity: 0.3;
}

/* 국내가입현황 비주얼 unesco_section2 */

.unesco_section2 .regi-visual { font-family: 'Noto Sans KR', sans-serif; background: #fff; overflow: hidden; }

.unesco_section2 .regi-header {
    background: linear-gradient(120deg, #4a1a9a 0%, #9b1faa 50%, #e0186a 100%);
    padding: 28px 36px 32px;
    position: relative;
    overflow: hidden;
}
.unesco_section2 .regi-header::after {
    content: '';
    position: absolute;
    right: -40px; top: -40px;
    width: 200px; height: 200px;
    border-radius: 50%;
    background: rgba(255,255,255,0.06);
}

.regi-header-label { font-size: 12px; letter-spacing: 0.2em; color: rgba(255,255,255,0.55); text-transform: uppercase; margin-bottom: 8px; }
.regi-header-title { font-size: 22px; font-weight: 700; color: #fff; line-height: 1.3; }
.regi-header-title em { font-style: normal; color: rgba(255,255,255,0.5); font-weight: 300; font-size: 16px; display: block; margin-top: 4px; }

.regi-featured { display: flex; align-items: stretch; border-bottom: 1px solid #f0e8f8; }
.regi-featured-bar {
    width: 44px;
    background: linear-gradient(180deg, #7b2ff7, #e0186a);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.regi-featured-bar span {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.12em;
}

.regi-featured-body { padding: 24px 28px; flex: 1; }
.regi-featured-name { font-size: 17px; font-weight: 700; color: #180828; margin-bottom: 18px; }
.regi-featured-cities { display: flex; flex-wrap: wrap; gap: 28px; align-items: flex-end; }

.regi-city { display: flex; align-items: center; gap: 8px; }
.regi-city-name { font-size: 16px; font-weight: 600; color: #2a0a4a; }
.regi-city-year { font-size: 14px; color: #c0a0d8; font-weight: 400; }

.regi-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.regi-grid-item { padding: 20px 24px; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; }
.regi-grid-item:nth-child(3n) { border-right: none; }
.regi-grid-item:nth-last-child(-n+3) { border-bottom: none; }

.regi-field { font-size: 17px; font-weight: 600; color: #191919; letter-spacing: 0.06em; margin-bottom: 10px; }
.regi-cities { font-size: 15px; color: #3a2a4a; line-height: 2; }
.regi-year { font-size: 14px; color: #c0a0d8; margin-left: 2px; }



/* 로드맵 스타일 unesco_section4 */
.roadmap-wrap { display: grid; grid-template-columns: 1fr 40px 1fr 40px 1fr; }
.roadmap-phase { display: flex; flex-direction: column; gap: 12px; }
.roadmap-header { color: #fff; font-size: 16px; font-weight: 500; padding: 15px 20px; border-radius: 100px; text-align: center; }
.roadmap-body { border: 1px solid #e6e6e6; border-radius: 10px; padding: 24px 20px; min-height: 90px; display: flex; align-items: center; justify-content: center; }
.roadmap-body p { font-size: 16px; line-height: 1.5; text-align: center; color: #222222; font-weight: 500; }
.roadmap-arrow { display: flex; align-items: center; justify-content: center; position: relative; padding-top: 40px;}

.roadmap-phase:nth-child(1) .roadmap-header { background: linear-gradient(135deg, #A87CC8, #9060B8); }
.roadmap-phase:nth-child(3) .roadmap-header { background: linear-gradient(135deg, #9050B0, #B03888); }
.roadmap-phase:nth-child(5) .roadmap-header {background: linear-gradient(135deg, #B03888, #7f025e); }

/* 도시 리스트 그리드 */
.city-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    margin-top: 20px;
}
.city-wrapper::before, .city-wrapper::after {
    content: '';
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    background: linear-gradient(90deg, #E8E0F8, #7B4EA6, #C04888);
}
.city-wrapper::before { top: 0; }
.city-wrapper::after { bottom: 0; background: linear-gradient(270deg, #E8E0F8, #7B4EA6, #C04888); }

.city-item {
    border-left: 1px solid #EAE4F4;
    border-bottom: 1px solid #EAE4F4;
    padding: 40px 30px;
    height: 180px;
}
.city-item.border-none { border-left: 0; }
.city-item:first-child { background: #F7F3F6; }
.city-item:nth-last-child(-n+4) { border-bottom: none; }

.city-wrapper p { font-size: 18.5px; color: #191919; font-weight: 600; padding-bottom: 15px; }
.city-wrapper ul li { font-size: 16px; font-weight: 500; color: #4b4b4b; }
.city-wrapper ul li:not(:last-child) { padding-bottom: 7px; }
.city-wrapper ul li span { padding-left: 4px; font-size: 14px; color: #adadad; }

/* --- 반응형 스타일 --- */

/* @media (max-width: 1440px) {
    .mission-goal-wrap { grid-template-columns: 120px auto; }
} */

@media (max-width: 780px) {
    .craft-unesco .top div.row1 { flex-direction: column-reverse; gap: 40px; }
    .container03.craft-unesco .top .title_box { border-radius: 20px; width: 80%; padding: 30px 20px; }
    .craft-unesco .top div.row1 .unesco-right { padding: 0 70px; }
    .container03.craft-unesco .top .title_box h4 { font-size: 20px; }

    .craft-unesco .top div.row2 {padding: 30px 40px 0 40px;}
    
    .mission-goal-wrap { display: block; }
    .mg-labels { display: none; }
    .mg-cols { grid-template-columns: 1fr; }
    .mg-col { border-right: none; border-bottom: 1px solid #ededed; }
    .mission-item { height: auto; border-bottom: 0;  width: 100%;}
    .mission-item em::after { display: none; }
    
    .roadmap-wrap { display: flex; flex-direction: column; }
    .roadmap-arrow { transform: rotate(90deg); padding: 10px 0; }
    .roadmap-phase{width: 100%;}
    
    .unesco_section3 .mission-goal-wrap{display: block;}
}

@media (max-width: 600px) {
    .city-wrapper { grid-template-columns: repeat(3, 1fr); }
    .city-item:nth-last-child(-n+4) { border-bottom: 1px solid #EAE4F4; }
    .city-item:nth-last-child(5) { border-right: 1px solid #EAE4F4; border-left: 0; }
    .mission-item { border-bottom: 1px solid #ede7e7; }
    .container03.craft-unesco .top .title_box h4 { font-size: 18px; }
}

@media (max-width: 550px) {
    .city-wrapper { grid-template-columns: repeat(2, 1fr); }
    .city-item { padding: 30px; height: auto; }
    .city-wrapper p { font-size: 16px; }
    .city-wrapper > div:nth-child(3) { border-left: 0; border-right: 1px solid #EAE4F4; }
    .city-wrapper > div:nth-child(4) { border-right: 0; }
    .city-wrapper > div:nth-child(7) { border-left: 0; }
}


/* 25th 내용추가 [260330] */

.stars_section{
    text-align: center;
    margin-top: 60px;
    display: block;
}

.stars_section .stars_heading span
{
    font-size: 16px;
    color: rgb(180, 180, 180);
    letter-spacing: 1rem;
    text-align: center;
}

.stars_section .stars_heading h5{
    font-weight: 700;
    font-size: 45px;
    color: #191919;
}

.stars_section .stars_heading h5 b{
    font-weight: 700;
    color: #fd33a7 ;
}

.stars_section .star-items-grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 15px;
}

.stars_section .star_heading{
    display: flex;
    background: #FFEFF8;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    border-radius: 10px;
    font-weight: 500;
    color: #191919;
}

.stars_section .stars_contents{
    margin-top: 30px;
}

.stars_section .star_heading p{
    color: #fff;
    background: #fd33a7;
    padding: 20px 30px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 10px 0 0 10px;
}

.stars_section .star-items-grid .star_img img{
    width: 100%;
}

.stars_section .star-items-grid .star_desc{
    padding: 20px;
    text-align: left;
}

.stars_section .star-items-grid{
    margin-top: 20px;
}

.stars_section .star-items-grid li{
    border: 1px solid #ededed;
    border-radius: 10px;
    overflow: hidden;
}

.stars_section .star-items-grid .star_desc p{
    font-weight: 600;
    color: #191919;
    font-size: 17px;
    padding-bottom: 5px;
    letter-spacing: -0.02rem;
}

.stars_section .star-items-grid .star_desc span{
    font-size: 14px;
}

/* responsive */

@media (max-width: 760px) {
    .stars_section .star-items-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .stars_section .stars_heading span
    {
        font-size: 14x;
    }

    .stars_section .stars_heading h5{
        font-size: 30px;
    }

}

@media (max-width: 600px) {
    .stars_section .star-items-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .stars_section .star-items-grid .star_desc p{
        font-size: 15px;
    }

    .stars_section .star_heading{
        flex-direction: column;
        overflow: hidden;
        gap: 0;
    }

    .stars_section .star_heading p{
        width: 100%;
        padding: 12px;
        font-size: 16px;
    }

    .stars_section .star_heading span{
        padding: 15px 0;
        font-size: 15px;
    }

    .stars_section .star-items-grid .star_desc{
        padding: 15px;
    }

    .stars_section .stars_heading span
    {
        font-size: 12px;
        text-wrap: nowrap;
    }

    .stars_section .stars_heading h5{
        font-size: 25px;
    }
}



/* end */