#header.xnm6_main .xnm6_subm {display: none;position:absolute;  width: 8vw; z-index:11;height: 16.25em;padding: 1.25em 0;}
#header.xnm6_main .bm_w{width:9vw;}
#header.xnm6_main .bm_w2{width:11vw;}
#header.xnm6_main .xnm6_subm > li {float: none; width:100%; padding:0;}
#header.xnm6_main .xnm6_subm > li:nth-child(2){width:100% !important;}
#header.xnm6_main .xnm6_subm > li:nth-child(3){width:100% !important;}
#header.xnm6_main .xnm6_subm > li:hover {background: none;}
#header.xnm6_main .xnm6_subm > li > a {display: block; font-weight: 400; transition:.3s; color:#000 !important; font-size: 14px; line-height: 2; height:inherit; text-align: left;}
#header.xnm6_main .xnm6_subm > li > a.xnm6_sm_oer {line-height:inherit;}
#header.xnm6_main .xnm6_subm > li:hover > a {color: #175CA2 !important;}
.xnm6_subm_bg {display: none;position: fixed;top: 105px;left: 0;width: 100%;height: 16.25em;background: rgba(255,255,255,.85);z-index: 2;}

.xnm6_sub_area{width:100%;}
.xnm6_sub_visual{height: 26.875em;text-align: center; position: relative; background: url(./xnm6_sub_visual.jpg) no-repeat center center/cover;}
.xnm6_sub_visual h2{position: absolute;top: 50%; z-index:1; transform:translateY(50%);left: 0;width: 100%;font-family: 'SCDream7';font-size: 3.125em;font-weight: 700;line-height: 1;color: #fff;text-shadow:2px 2px 5px rgba(0,0,0,0.5);z-index: 1;}
.xnm6_sub_inner{max-width: 1120px; margin:30px auto;}

a.go_btn{display:inline-block; float:right; background:#141F3E; color:#fff; font-size: 18px; padding:10px 20px; border-radius:10px; text-decoration: none !important; transition: 0.4s;}
a.go_btn:hover{color:#fff; background:#1f3677; transition: 0.4s;}

.m30{margin-top:30px;}
.mb20{margin-bottom:20px !important;}

@font-face {
    font-family: 'kdg_Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/kdg_Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 인사말 */
.tmp_greeting			{position:relative;margin:0 auto;word-break:keep-all; display:flex;}
.tmp_greeting:after		{content:"";clear:both;float:none;display:block;}
.tmp_greeting .tit		{font-size: 30px;color:#333;line-height:140%;letter-spacing: -2px;font-weight: 500;word-break: keep-all;}
.tmp_greeting .stit		{font-size: 24px;color:#666;margin: 10px 0 30px 0;word-break:keep-all;letter-spacing: -1px;}
.tmp_greeting .txt		{text-align:justify;letter-spacing: -0.5px;line-height: 1.5; font-size: 16px;}
.tmp_greeting .sign		{font-size:23px;color:#333;margin-top: 30px;letter-spacing: -1px;font-weight: 500;}
.tmp_greeting .sign span{font-family: 'kdg_Medium';}
.tmp_greeting .sign img	{max-height:60px;max-width:100%;}
.tmp_greeting .img 	{margin-right: 20px;}

/*연혁*/
.history a{display:inline-block; border:1px solid #ddd; width:49.85%; text-align:center; font-size:20px; padding:15px; margin-bottom:30px; text-decoration: none; cursor:pointer;}
.history a.on,.history a:hover{background:#175CA2; color:#fff !important; text-decoration: none; border:1px solid #175CA2;}
.bx1_wh {
    padding: 30px;
    border: 1px solid rgb(218, 218, 218);
    background: rgb(255, 255, 255);
    word-break: keep-all;
}
.history .his02{display:none; border-bottom: 1px solid #eee;}
.history .his02 img{width:100%;}
.history .his02 ul{margin:20px;}
.history .his02 ul li:nth-child(1){width:60px; height:60px; margin:10px 0 0 0; background-color:#5A6378; text-align: center; line-height: 3; color:#fff; border-radius:50px;}
.history .his02 ul li{font-size:16px; padding:8px 0;}
.history .his02 ul li:nth-child(2){ margin:-60px 0 0 100px;}
.history .his02 ul li:nth-child(3){ margin:-10px 0 0 100px;}
.history .his02 ul li span{color:#da2128; font-weight: 700; }

/*조직도*/
.org{
    padding: 30px;
    border: 1px solid #dadada;
    word-break: keep-all;
}

/*센터구성원*/
.xnm6_sub_inner h2 {
    font-size: 24px !important;
    font-weight: 600 !important;
    letter-spacing: -1px;
    line-height: 1.2;
    margin: 40px 0 0px 0;
}
.xnm6_sub_inner h3 {
    color: #333;
    font-size: 20px !important;
    font-weight: 500;
    letter-spacing: -0.5px;
    margin:20px 0 15px 0;
}
.xnm6_sub_inner h3:before	{content:"\f00c";font-family:FontAwesome;margin:-2px 10px 0 0;font-size:13px;display:inline-block;vertical-align:middle;}
.t3	{width:100%; border-bottom:1px solid #999; border-top:2px solid #6A7D8A; margin-bottom: 30px; margin-top:15px;}
.t3 table{width:100%; font-size: 16px;}
.t3 table th,.t3 table td{padding:12px 15px;border:1px solid #E7E7E7;border-bottom:none;word-break:keep-all; text-align: center;}
.t3 table thead th{padding:15px;background:#f9f9f9;border-color:#DCDADA;border-top:none;border-bottom:1px solid #DCDADA;color:#6A7D8A;line-height:1.4;font-weight:500;text-align:center;}
.t3 table thead th:first-child{border-left:none;}
.t3 table thead th:last-child{border-right:none;}
.t3 table tbody th{text-align:center;background:#f9f9f9;font-weight:500;color:#555;}
.t3 table tbody{background:#fff;}
.t3 table tbody th,.t3 table tbody td:first-child{border-left:none;}
.t3 table tbody td:last-child,.t3 table tbody th:last-child	{border-right:none;}
.t3 table tbody tr:first-child th,.t3 table tbody tr:first-child td{border-top:none;}
.t3 table td.br_none{border-left:none !important;}

/*찾아오시는길*/
.bg_gr {
    padding: 30px;
    background: #f6f6f6;
    word-break: keep-all;
}
.line_blank {
    clear: both;
    display: block;
    height: 20px;
}

/*비전 및 목표*/
.cnt_s2_1{
    padding: 30px;
    border: 1px solid rgb(218, 218, 218);
    text-align: center;
}
.list_st{
    display:flex;
    flex-wrap: wrap;
    background:#f6f6f6;
    margin-top:15px !important;
    padding:30px !important;
    font-size: 16px;
}
.list_st li{
    width:30%;
    list-style-type:disc;
    margin:0 0 0 30px;
    padding:3px 0;
}

/*공동활용 LMS*/
.box_st{
    padding:30px !important;
    border: 1px solid #dadada;
    text-align: center;
    font-size: 16px;
}
.list_st2{
    margin-top:15px !important;
    padding:30px !important;
    font-size: 16px;
    border: 1px solid #dadada;
}
.list_st3{
    margin-top:15px !important;
    font-size: 16px;
}
.list_st3 li::before {content: "• "; color: rgb(36, 36, 36);}

/*공동활용 콘텐츠*/
.gray_box{
    font-size:16px;
    padding: 30px;
    background: #f6f6f6;
    color:#555;
}
.gray_box ul li::before {content: "• "; color: rgb(36, 36, 36);}
.gray_box ul.gray_box_s{color:#888;}
.gray_box ul.gray_box_s li::before {content: "- "; color: rgb(36, 36, 36); }

/*공동활용 스튜디오*/
.studio a{display:inline-block; border:1px solid #ddd; width:33.1%; text-align:center; font-size:20px; padding:15px; margin-bottom:30px; text-decoration: none; cursor:pointer;}
.studio a.on,.studio a:hover{background:#175CA2; color:#fff !important; text-decoration: none; border:1px solid #175CA2;}
.box_st2{
    padding:30px !important;
    border: 1px solid #dadada;
    text-align: center;
    font-size: 16px;
    margin:15px 0;
}
.studio .stu02{display:none;}
.studio .stu02 > a{display: block;
    width:auto;
    float:none;
    background: #141F3E;
    color: #fff;
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 10px;
    text-decoration: none !important;
    transition: 0.4s;
    margin-top:10px;
} 
.studio .stu02 .stu_link_box{padding:20px; border:1px solid #ddd; display: flex;}
.studio .stu02 .stu_link_box li{width: 50%; justify-content: space-around;}
.studio .stu02 .stu_link_box li a{display:block; width:100%; background:transparent; border:0; color: #000; font-size: 16px; margin:0;}
.studio .stu02 .stu_link_box li a:hover{color:#000 !important;}
.studio .stu02 .stu_link_box li a:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-left: 2px solid #525C67;
    border-top: 2px solid #525C67;
    transform: rotate(-45deg);
    vertical-align: top;
    margin: 8px 10px 0 -15px;
}
.studio .stu02 a.on,.studio .stu02 a:hover{background:#175CA2; color:#fff !important; text-decoration: none;}

/*관련사이트*/
.s_client{border-top:2px solid #000; border-bottom:1px solid #000;}
.s_client ul{display:flex; flex-wrap: wrap;}
.s_client ul li{width:50%; border-bottom:1px solid #eaeaea; padding:10px 20px;}
.s_client ul li span{color:#555; font-weight:500;font-size:16px;}
.s_client ul li a{display:inline-block; float:right; border:1px solid #DA2128; border-radius:50px; padding:5px 10px; color:#DA2128;}
.s_client ul li a:hover{text-decoration:none; background:#DA2128; color:#fff;}

@media(max-width:1120px) {
    .xnm6_sub_inner{max-width:94%;}
    /*연혁*/
    .history a{
        width:49%;
    }
    /*조직도*/
    .org img{width:100%;}
    /*비전 및 목표*/
    .xnm6_sub_inner img{width:100%;}
}
@media(max-width:768px) {
    /*인사말*/
    .tmp_greeting{width:95%; flex-direction: column;}
    .tmp_greeting .img{text-align:center;}
    .cont{padding-top:20px;}

    /*연혁*/
    .history .his02 ul li span{display:block;}

    .xnm6_sub_visual{
        height: 18.875em;
    }
    .xnm6_sub_visual h2{top:30%;}

    .list_st{padding:20px !important; flex-direction: column;}
    .list_st li{width:100%;}
    a.go_btn{float: inherit;}
    .s_client ul{
        flex-direction: column;
    }
    .s_client ul li{width:100%;}
    /*공동활용 스튜디오*/
    .studio a{
        width:32.6%;
        padding:10px;
        font-size: 16px;
    }
    .studio .stu02 .stu_link_box{
        padding:20px 30px;
        flex-direction: column;
    }
    .studio .stu02 .stu_link_box li{width:100%;}
    .studio .stu02 .stu_link_box li a{text-align:left;}
}