@charset "utf-8";

/* -------------------- 공통 */
.p_info {margin-top:10px;font-size:.9em;color:#999;}
.fs_content .con_body {padding-top:30px;word-break:keep-all;}

/* -------------------- sub01 - 신경호입니다. */
/* 인사말 */
.greeting_wrp .flexbox {display:flex;align-items: flex-start;}
.greeting_wrp .flexbox .imgbox {display:inline-block;width:auto;overflow:hidden;border-radius:10px;}
.greeting_wrp .flexbox .imgbox img {max-width: 100%;}
.greeting_wrp .flexbox .txtbox {position:relative;width:70%;padding-left:60px;}
.greeting_wrp .flexbox .txtbox:after {content:'';position:absolute;right:0;bottom:0;width:300px;aspect-ratio:4/3;background:url("./../images/common/bg_logo.png") no-repeat center;background-size:contain;z-index: -1;opacity: .1;}
.greeting_wrp .flexbox .txtbox h4.tit {font-size:2.5em;margin-bottom:30px;}
.greeting_wrp .flexbox .txtbox h4.tit strong em {display:inline-block;width:50px;aspect-ratio: 1/1;background:#1262ff;border-radius:50%;text-align: center;line-height:50px;color:#fff;font-weight:500;margin:0 1px;font-size:.9em;}
.greeting_wrp .flexbox .txtbox h4.tit strong em:nth-child(2n) {background:#06a2b0;}
.greeting_wrp .flexbox .txtbox p {color:#222;line-height:1.8em;}
.greeting_wrp .flexbox .txtbox p span {font-weight:bold;font-size:1.1em;line-height:1.5em;}
.greeting_wrp .flexbox .txtbox p span.cr01 {color:#1262ff;}
.greeting_wrp .flexbox .txtbox p span.cr02 {color:#06a2b0;}
.greeting_wrp .flexbox .txtbox p + p {margin-top:20px;}
.greeting_wrp .flexbox .txtbox .sign {margin-top:40px;display:flex;align-items:center;color:#000;font-size:1.3em;font-weight:600;}
.greeting_wrp .flexbox .txtbox .sign img {padding-left:20px;}
    /* 반응형 */
    @media only screen and (max-width:1199px){
        .greeting_wrp .flexbox .txtbox {padding-left:20px;}
        .greeting_wrp .flexbox .txtbox h4.tit {font-size:2em;}
    }
    @media only screen and (max-width:1023px){
        .greeting_wrp .flexbox {display:block;text-align: center;}
        .greeting_wrp .flexbox .txtbox {padding-left:0;margin-top:40px;width:100%;text-align: center;}
        .greeting_wrp .flexbox .txtbox .sign {justify-content: center;}
    }
    @media only screen and (max-width:767px){
        .brail_btn {text-align: center;margin:20px 0;}
        .greeting_wrp .flexbox .txtbox {margin-top:20px;}
        .greeting_wrp .flexbox .txtbox:after {width:250px;}
        .greeting_wrp .flexbox .txtbox h4.tit {font-size:1.8em;}
        .greeting_wrp .flexbox .txtbox h4.tit br {display:none;}
        .greeting_wrp .flexbox .txtbox h4.tit strong {display: block;}
        .greeting_wrp .flexbox .txtbox h4.tit strong em {width:35px;line-height: 35px;}
        .greeting_wrp .flexbox .txtbox .sign {display:block;}
        .greeting_wrp .flexbox .txtbox .sign img {display: block;margin:auto;}
    }


/* 약력 */
.history_wrp .flexbox {display:flex;align-items: flex-start;}
.history_wrp .flexbox .imgbox {display:inline-block;width:300px;height:auto;aspect-ratio: 1/1;overflow:hidden;border-radius:50px;text-align: center;}
.history_wrp .flexbox .txt_wrp {width:calc(100% - 300px);padding-left:40px;}
.history_wrp .flexbox .txt_wrp .h5 {position:relative;padding-bottom:10px;}
.history_wrp .flexbox .txt_wrp .h5:before {content:'';position:absolute;left:0;bottom:0;background:url("./../images/common/pattern01.png") left bottom;width:100%;height:5px;}
.history_wrp .flexbox .txt_wrp .h_list > li {position:relative;padding:5px 0 5px 15px;font-size:.95em;color:#222;}
.history_wrp .flexbox .txt_wrp .h_list > li:before {content:'';position:absolute;left:0;top:13px;width:8px;height:8px;border-radius:10px;border:2px solid rgba(55, 47, 101,.5);}
.history_wrp .flexbox .txt_wrp .h_list > li .num {display:inline-block;width:100px;margin-right:10px;color:#222;font-weight:600;}
    /* 반응형 */
    @media only screen and (max-width:767px){
        .history_wrp .flexbox {display:block;text-align: center;}
        .history_wrp .flexbox .imgbox {margin:auto;text-align: center;}
        .history_wrp .flexbox .txt_wrp {margin:auto;width:100%;padding-left:0;text-align: left;margin-top:20px;}
    }

/* -------------------- sub02 -교육감24시 */
/* 갤러리 목록 */
.gallery_list_wrp .g_list {border-top:2px solid #222;}
.gallery_list_wrp .g_list > li {border-bottom:1px solid #ddd;display:flex;padding:20px 10px;}
.gallery_list_wrp .g_list > li .imgbox {display:flex;align-items: center;justify-content: center;width:200px;overflow:hidden;aspect-ratio: 4/3;border-radius:10px;}
.gallery_list_wrp .g_list > li .imgbox img {max-height: 100%;transition:all .6s;-webkit-transition:all .6s;}
.gallery_list_wrp .g_list > li .imgbox img:hover {transform:scale(1.2);}
.gallery_list_wrp .g_list > li .txtbox {display:flex;width:calc(100% - 200px);text-align:left;align-items:center;padding-left:20px;}
.gallery_list_wrp .g_list > li .txtbox .tit {color:#000;font-size:18px;font-weight:500;}
.gallery_list_wrp .g_list > li .txtbox .tit a:hover {text-decoration: underline;}
.gallery_list_wrp .g_list > li .txtbox .tit .new {display:inline-block;margin-right:8px;border:1px solid #d20038;color:#d20038;font-size:0.625em;padding:0 5px 1px;line-height:15px;vertical-align: 2px;}
.gallery_list_wrp .g_list > li .txtbox ul {display:flex;font-size:.9em;color:#222;}
.gallery_list_wrp .g_list > li .txtbox ul > li:first-child {padding-left:0;}
.gallery_list_wrp .g_list > li .txtbox ul > li em {color:#999;font-weight:500;}
.gallery_list_wrp .g_list > li .txtbox ul > li {position: relative;padding-left:20px;}
.gallery_list_wrp .g_list > li .txtbox ul > li + li:after {content:'/';position:absolute;left:7px;right:0;top:0;bottom:0;margin:auto;color:#bbb;}
.gallery_list_wrp .g_list > li .txtbox .txt {margin-top:20px;color:#999;}
    /* 반응형 */
    @media only screen and (max-width:767px){
        .gallery_list_wrp .g_list > li .imgbox {width:160px;}
        .gallery_list_wrp .g_list > li .txtbox {width:calc(100% - 160px);}
        .gallery_list_wrp .g_list > li .txtbox .tit {font-size:16px;}
        .gallery_list_wrp .g_list > li .txtbox .txt {margin-top:10px;}
        .gallery_list_wrp .g_list > li .txtbox ul > li {padding-left:14px;}
        .gallery_list_wrp .g_list > li .txtbox ul > li em {display:none;}
    }
    @media only screen and (max-width:560px){
        .gallery_list_wrp .g_list > li {display:block;text-align: center;width:100%;max-width:95%;margin:auto;}
        .gallery_list_wrp .g_list > li .imgbox {width:100%;aspect-ratio: 16/9;}
        .gallery_list_wrp .g_list > li .imgbox img {max-height:unset;max-width:100%;}
        .gallery_list_wrp .g_list > li .txtbox {padding:0;margin-top:15px;width:100%;}
    }

/* 영상갤러리 등록 */
.gallery_write_wrp .form_table tr.youtb_line .url_box > div {display:flex;align-items:center;padding:10px 30px;background:#f7f7f7;border-radius:10px;margin-top:10px;}
.gallery_write_wrp .form_table tr.youtb_line .url_box > div label strong {color:#222;}
.gallery_write_wrp .form_table tr.youtb_line .url_box > div p {display:flex;align-items:center;margin-left:15px;}
.gallery_write_wrp .form_table tr.youtb_line .url_box > div input {margin-left:5px;border:none;line-height:40px;height:auto;border-bottom:1px solid #bbb;background:none;}
.gallery_write_wrp .form_table tr.thumb_line .file_list {border-top:0;padding-top:0;margin-top:0;}
    /* 반응형 */
    @media only screen and (max-width:560px){
        .gallery_write_wrp .form_table tr.youtb_line .url_box > div {display: block;padding:10px;}
        .gallery_write_wrp .form_table tr.youtb_line .url_box > div p {margin:0;}
    }

/* -------------------- sub03 - 비전과 공약 */
/* 비전과 공약 */
.sub03 p {text-align:center;}
.sub03 p img {width:clamp(0px,100%,1080px);}

/* -------------------- sub04 - 교육감에게 바랍니다. */
/* 인트로 */
.intropage .btnarea .tit {position:relative;font-size:32px;text-align: center;padding-bottom:40px;margin:60px 0 40px;color:#222;word-break: keep-all;line-height:1.5em;}
.intropage .btnarea .tit:after {content:'';position:absolute;left:0;right:0;bottom:0;margin:auto;width:42px;height:2px;background:#222;}
.intropage .btnarea .tit strong {display:block;font-size:36px;}
.intropage .btnarea > ul {display:flex;justify-content: center;}
.intropage .btnarea > ul > li a {display:block;margin:0 2px;}
.intropage .icon_box {margin-bottom:0;}
/* 등록 */
.board_write_wrp .form_table tr.priv_line .checks {display:flex;}
.board_write_wrp .form_table tr.priv_line .checks > div + div {margin-left:15px;}
.board_write_wrp .form_table .priv_txt {display:block;width:100%;height:160px;border:1px solid #ddd;padding:20px;color:#999;font-size:.9em;overflow-y: auto;}
    /* 반응형 */
    @media only screen and (max-width:767px){
        /* 인트로 */
        .intropage .btnarea .tit {font-size:24px;margin:40px 0 20px;}
        .intropage .btnarea .tit strong {font-size:inherit;}
        .intropage .btnarea .tit span {display:inline-block;}

        /* 등록 */
        .board_write_wrp .form_table tbody th br {display:none;}
    }
    @media only screen and (max-width:560px){
        /* 인트로 */
        .intropage .btnarea .tit {font-size:19px;}
    }

/* -------------------- sub05 - 사이트맵 */
/* 사이트맵 */
#sitemap a {display:flex;align-items:center;}
#sitemap .sitemap_box {border-bottom:1px solid #cfd0d7;margin-bottom:40px;padding-bottom:40px;}
#sitemap .sitemap_box h2 {font-size:1.750em;color:#000;margin-bottom:20px;}
#sitemap .sitemap_box h2 > a {display:inline-flex;}
#sitemap .sitemap_box > ul {display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
#sitemap .sitemap_box > ul > li > .sm_2th {border:1px solid #cfd0d7;box-sizing:border-box;height:50px;justify-content:center;margin-bottom:10px;transition:all .4s;color:#000;font-weight:500;}
#sitemap .sitemap_box > ul > li > .sm_2th:hover,
#sitemap .sitemap_box > ul > li > .sm_2th:focus,
#sitemap .sitemap_box > ul > li > .sm_2th:active {background:linear-gradient(30deg, #032f85,#1249bc,#2e70ff);border-color:linear-gradient(30deg, #032f85,#1249bc,#2e70ff);border-radius:10px;box-shadow:0px 2px 15px 0px rgba(3,47,133,.2);color: #fff;transition:all .4s;}
#sitemap .sitemap_box > ul > li > ul > li:not(:last-child) {margin-bottom:3px;}
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th {position:relative;padding-left:20px;transition:all .3s;}
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th::before {position:absolute;top:7px;left:7px;content:"";width:5px;height:5px;background:#666;border-radius:50%;transition:all .3s;}
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th:hover,
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th:focus,
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th:active {color:#032F85;transition:all .3s;}
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th:hover::before,
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th:focus::before,
#sitemap .sitemap_box > ul > li > ul > li > .sm_3th:active::before {background:linear-gradient(30deg, #032f85,#1249bc,#2e70ff);transition:all .3s;}
    /* 모바일 */
    @media only screen and (max-width:767px){
        #sitemap .sitemap_box {margin-bottom:30px;padding-bottom:30px;}
        #sitemap .sitemap_box h2 {margin-bottom:15px;}
        #sitemap .sitemap_box > ul {gap:10px;}
        #sitemap .sitemap_box > ul > li > ul > li > .sm_3th::before {top:6px;}
    }
    /* 모바일 */
    @media only screen and (max-width:560px){
        #sitemap .sitemap_box > ul {grid-template-columns:repeat(1,1fr);gap:5px;}
        #sitemap .sitemap_box > ul > li > .sm_2th {margin-bottom:5px;}
    }