/* 메인 페이지 시작 */

    /* 팝업 시작 */
    .popup{ width: calc(100% - 20px); height: auto; max-width: calc(100% - 20px); min-width: 150px; max-height: calc(100% - 20px); margin: 10px; border-radius: 5px; display: flex; flex-flow: column nowrap; background-color: rgb(255,255,255); position: absolute; z-index: 10000000; overflow: hidden; box-shadow: 2px 2px 15px 2px rgba(0,0,0,0.6); }
    body#dark .popup{ background-color: rgb(42,42,42); background-image: url('/static/img/dark_pattern.jpg'); background-position: center top 0; background-repeat: repeat; background-size: auto; }
    .popup:hover{ z-index: 10000001; }
    .popup>div{ min-width: 150px; min-height: 150px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; color: rgb(0,0,0); font-size: 14px; }
    body#dark .popup>div{ color: rgb(220,220,220); }
    .popup>div::-webkit-scrollbar{ display: none; }
    .popup>div p.text_tag{ width: calc(100% - 20px); padding: 5px 10px; }
    .popup>div a{ color: inherit; cursor: pointer; }
    .popup>div img{ height: auto; max-width: 100%; }
    .popup>article{ width: 100%; height: 0; position: relative; }
    .popup>article>dl{ width: 100%; position: absolute; bottom: 0; left: 0; background-color: rgb(255,255,255); }
    body#dark .popup>article>dl{ background-color: rgb(42,42,42); background-image: url('/static/img/dark_pattern.jpg'); background-position: center top 0; background-repeat: repeat; background-size: auto; }
    .popup>article>dl>dt{ width: 30px; height: 25px; margin: auto; border-top-right-radius: 15px; border-top-left-radius: 15px; text-align: center; background-color: rgb(46,168,225); position: absolute; right: 0; top: -25px; left: 0; transition: all 0.12s ease-in-out; cursor: pointer; }
    .popup>article>dl>dt.on{ background-color: rgb(224,67,88); }
    body#dark .popup>article>dl>dt{ background-color: rgb(35,129,173); }
    body#dark .popup>article>dl>dt.on{ background-color: rgb(173,52,68); }
    .popup>article>dl>dt>i{ margin: auto; color: rgb(255,255,255); font-size: 14px; position: absolute; top: 7px; right: 0; left: 0; transition: all 0.3s ease-in-out; }
    .popup>article>dl>dt>i:nth-of-type(1){ opacity: 0; }
    .popup>article>dl>dt.on>i:nth-of-type(1){ opacity: 1; }
    .popup>article>dl>dt.on>i:nth-of-type(2){ opacity: 0; }
    .popup>article>dl>dd{ width: calc(100% - 20px); max-height: 100px; padding: 0 10px; border-top: 1px solid rgb(46,168,225); overflow: auto; display: none; }
    body#dark .popup>article>dl>dd{ border-top-color: rgb(35,129,173); background-color: rgba(255,255,255,0.1); }
    .popup>article>dl>dd>a{ width: 100%; margin-bottom: 10px; display: flex; flex-flow: row nowrap; align-items: center; transition: all 0.12s ease-in-out; cursor: pointer; }
    .popup>article>dl>dd>a:nth-of-type(1){ margin-top: 10px; }
    .popup>article>dl>dd>a>img{ width: 20px; height: 20px; transition: all 0.12s ease-in-out; }
    .popup>article>dl>dd>a>span{ width: calc(100% - 30px); margin-left: 10px; color: rgb(0,0,0); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.12s ease-in-out; }
    body#dark .popup>article>dl>dd>a>span{ color: rgb(220,220,220); }
    .popup>section{ width: calc(100% - 10px); height: 20px; padding: 5px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; background-color: rgb(8,91,176); cursor: move; }
    body#dark .popup>section{ background-color: rgb(6,66,125); }
    .popup>section>article{ display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
    .popup>section>article>span{ color: rgb(255,255,255); font-size: 12px; font-weight: 300; cursor: pointer; }
    @media(max-width:480px){
        .popup>div{ font-size: 12px; }
    }
    /* 팝업 끝 */

    /* swiper slider */
    .visual_slide{ width: 100%; height: 900px; transition: height 0.12s ease-in-out; }
    .visual_img{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.12s ease-in-out; }
    .visual_img>div{ width: 100%; height: auto; max-width: 1240px; margin-top: 300px; padding: 0 20px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: flex-start; transition: all 0.12s ease-in-out; }
    .visual_img>div>h2, .visual_img>div>h4{ color: rgba(255,255,255,0.95); text-shadow: 2px 2px 3px rgba(0,0,0,0.7); font-size: 50px; line-height: 60px; font-weight: 500; transition: all 0.12s ease-in-out; }
    .visual_img>div>h6{ margin-top: 50px; color: rgba(255,255,255,0.8); font-size: 20px; font-weight: 500; text-shadow: 2px 2px 3px rgba(0,0,0,0.7); transition: all 0.12s ease-in-out; }
    .visual_slide_m{ display: none; }

    .visual_slide>section{ width: 80%; height: 500px; max-width: 1240px; margin: auto; padding: 0 20px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: flex-end; color: rgb(255,255,255); font-size: 16px; font-weight: 400; line-height: 24px; transition: all 0.12s ease-in-out; }
    .visual_slide>section>i{ margin-right: 35px; position: relative; top: -3px; cursor: pointer; }
    .visual_slide>section>p>span:nth-of-type(2){ margin: 0 10px; color: rgb(204,204,204); position: relative; top: -2px; }
    .visual_slide>section>p>span:nth-of-type(3){ color: rgb(204,204,204); }

    .visual_slide>figure{ width: 60px; height: 60px; margin: auto; border: 1px solid rgb(255,255,255); border-radius: 60px; position: absolute; right: 0; bottom: 30px; left: 0; z-index: 1; cursor: pointer; }
    .visual_slide>figure>div{ width: 15px; height: 2px; margin: auto; background-color: rgb(255,255,255); position: absolute; top: 5px; bottom: 0; }
    .visual_slide>figure>div:nth-of-type(1){ left: 27px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; transform: rotate(-40deg); }
    .visual_slide>figure>div:nth-of-type(2){ right: 27px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; transform: rotate(40deg); }

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ width: 0 !important; height: 0 !important; background-image: none !important; }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ width: 0 !important; height: 0 !important; background-image: none !important; }

    @media all and (max-width:1200px){
        .visual_slide{ height: 800px; }
        .visual_img>div{ margin-top: 60px; }
        .visual_img>div>h2, .visual_img>div>h4{ font-size: 40px; line-height: 50px; }
        .visual_img>div>h6{ padding-top: 20px; font-size: 18px; }
    }
    @media all and (max-width:960px){
        .visual_slide{ height: 650px; }
        .visual_img>div{ margin-top: 80px; }
        .visual_img>div>h2, .visual_img>div>h4{ font-size: 35px; line-height: 40px; }
        .visual_img>div>h6{ padding-top: 15px; font-size: 16px; }
    }
    @media all and (max-width:740px){
        .visual_slide{ display: none; }

        .visual_slide_m{ width: 100%; height: 810px; display: block; transition: height 0.12s ease-in-out; }
        .visual_img_m{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-flow: row nowrap; justify-content: center; align-items: flex-end; transition: all 0.12s ease-in-out; }
        .visual_img_m>div{ width: 100%; height: auto; max-width: 1200px; margin-bottom: 190px; padding: 0 20px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: flex-start; transition: all 0.12s ease-in-out; }
        .visual_img_m>div>h2, .visual_img_m>div>h4{ max-width: 100%; color: rgba(255,255,255,0.95); text-shadow: 2px 2px 3px rgba(0,0,0,0.7); font-size: 30px; font-weight: 500; text-align: center; word-break: keep-all; transition: all 0.12s ease-in-out; }
        .visual_img_m>div>h6{ max-width: 100%; margin-top: 30px; color: rgba(255,255,255,0.8); font-size: 16px; font-weight: 100; text-align: center; word-break: keep-all; text-shadow: 2px 2px 3px rgba(0,0,0,0.7); transition: all 0.12s ease-in-out; }
        .visual_img_m>div>h6>span:nth-of-type(2){ display: none; }

        .visual_slide_m>figure{ width: 50px; height: 50px; margin: auto; border: 1px solid rgb(255,255,255); border-radius: 60px; position: absolute; right: 0; bottom: 30px; left: 0; z-index: 1; cursor: pointer; }
        .visual_slide_m>figure>div{ width: 15px; height: 2px; margin: auto; background-color: rgb(255,255,255); position: absolute; top: 5px; bottom: 0; }
        .visual_slide_m>figure>div:nth-of-type(1){ left: 22px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; transform: rotate(-40deg); }
        .visual_slide_m>figure>div:nth-of-type(2){ right: 22px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; transform: rotate(40deg); }
    }
    @media all and (max-width:600px){
        .visual_slide_m{ height: 740px; }
        .visual_img_m>div{ margin-bottom: 160px; }
        .visual_img_m>div>h2, .visual_img_m>div>h4{ font-size: 25px; }
        .visual_img_m>div>h6{ padding-top: 10px; font-size: 14px; }
        .visual_img_m>div>h6>span:nth-of-type(1){ display: none; }
        .visual_img_m>div>h6>span:nth-of-type(2){ display: inline; }
    }
    @media all and (max-width:480px){
        .visual_slide_m{ height: 630px; }
        .visual_img_m>div{ margin-bottom: 140px; }
        .visual_img_m>div>h2, .visual_img_m>div>h4{ font-size: 22px; }
        .visual_img_m>div>h6{ padding-top: 5px; }
    }
    @media all and (max-width:400px){
        .visual_slide_m{ height: 520px; }
        .visual_img_m>div{ margin-bottom: 120px; }
        .visual_img_m>div>h2, .visual_img_m>div>h4{ font-size: 18px; }
        .visual_img_m>div>h6{ font-size: 12px; }
    }

.main_content_01{ width: calc(100% - 40px); max-width: 880px; margin: auto; padding: 120px 20px 100px; clear: both; display: block; transition: all 0.12s ease-in-out; }
.main_content_01>img{ width: 38px; height: 41px; margin: auto; display: block; transition: all 0.12s ease-in-out; }
.main_content_01>div{ width: 100%; height: auto; margin: 10px auto 0; display: block; position: relative; transition: all 0.12s ease-in-out; }
.main_content_01>div>figure{ width: 100%; height: 1px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgb(204,204,204); transition: all 0.12s ease-in-out; }
body#dark .main_content_01>div>figure{ display: none; }
.main_content_01>div>p{ width: 400px; margin: auto; color: rgb(46,168,225); font-size: 24px; font-weight: 500; text-align: center; letter-spacing: 5px; background-color: rgb(255,255,255); position: relative; z-index: 1; transition: width,font 0.12s ease-in-out; }
body#dark .main_content_01>div>p{ background-color: transparent; }
.main_content_01>h4{ width: 100%; margin: auto; color: rgb(18,18,18); font-size: 30px; font-weight: 700; text-align: center; transition: all 0.12s ease-in-out; }
body#dark .main_content_01>h4{ color: rgb(220,220,220); }
.main_content_01>section{ width: 100%; margin: 30px auto 0; display: block; background-position: center; background-repeat: no-repeat; background-size: auto; }
.main_content_01>section>article{ width: 100%; height: 100%; display: block; }
.main_content_01>section>article.full_screen{ width: 100%; height: 100%; margin: auto; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; background-color: rgba(0,0,0,0.5); }
.main_content_01>section>article>iframe{ width: 100%; height: 100%; }
.main_content_01>section>article.full_screen>iframe{ width: calc(100% - 300px); max-width: 1920px; max-height: calc(100% - 300px); margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.main_content_01>p{ width: 100%; margin: 30px auto 0; text-align: center; transition: all 0.12s ease-in-out; }
.main_content_01>p>a{ padding: 0 5px 5px; border-bottom: 1px solid rgb(102,102,102); color: rgb(102,102,102); font-size: 16px; font-weight: 400; transition: all 0.12s ease-in-out; cursor: pointer; }

.main_content_02{ width: calc(100% - 40px); padding: 100px 20px 110px; background-color: rgb(240,240,240); transition: all 0.12s ease-in-out; }
body#dark .main_content_02{ background-color: rgba(240,240,240,0.2); }
.main_content_02>h4{ width: 100%; color: rgb(18,18,18); font-size: 30px; font-weight: 700; text-align: center; transition: all 0.12s ease-in-out; }
body#dark .main_content_02>h4{ color: rgb(220,220,220); }
.main_content_02>h6{ width: 100%; color: rgb(153,153,153); font-size: 12px; font-weight: 400; letter-spacing: 3px; text-align: center; transition: all 0.12s ease-in-out; }
.main_content_02>dl{ width: 100%; max-width: 1200px; margin: 40px auto 0; display: flex; flex-flow: row nowrap; position: relative; transition: all 0.12s ease-in-out; }
.main_content_02>dl>div{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background-position: center; background-repeat: no-repeat; background-size: cover; display: none; }
.main_content_02>dl>div:nth-of-type(1){ display: block; }
.main_content_02>dl>dt{ width: calc(50% - 100px); height: auto; padding: 50px; border-right: 1px solid rgba(255,255,255,0.2); position: relative; z-index: 1; color: rgb(255,255,255); font-size: 30px; font-weight: 700; letter-spacing: 10px; overflow: hidden; transition: all 0.12s ease-in-out; }
.main_content_02>dl>dt>span{ width: 100%; display: block; color: rgba(255,255,255,0.3); letter-spacing: 0; }
.main_content_02>dl>dd{ width: 50%; height: auto; position: relative; z-index: 1; transition: all 0.12s ease-in-out; }
.main_content_02>dl>dd>a{ width: 84%; height: auto; padding: 0 8%; border-top: 1px solid rgba(255,255,255,0.2); display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; transition: all 0.12s ease-in-out; cursor: pointer; }
.main_content_02>dl>dd>a.on{ background-color: rgba(46,168,224,0.2); }
.main_content_02>dl>dd>a:nth-of-type(1){ border-top: 0; }
.main_content_02>dl>dd>a>h4{ max-width: 100%; color: rgb(255,255,255); font-size: 25px; font-weight: 500; transition: all 0.12s ease-in-out; }
.main_content_02>dl>dd>a>h4>span{ margin-right: 10px; color: rgba(255,255,255,0.3); transition: all 0.12s ease-in-out; }
.main_content_02>dl>dd>a>span{ opacity: 0; color: rgb(255,255,255); font-size: 25px; font-weight: 300; transition: all 0.12s ease-in-out; }
.main_content_02>dl>dd>a.on>span{ opacity: 1; }

.main_content_03{ width: calc(100% - 40px); padding: 100px 20px 0; transition: all 0.12s ease-in-out; }
.main_content_03>h4{ width: 100%; color: rgb(18,18,18); font-size: 30px; font-weight: 700; text-align: center; transition: all 0.12s ease-in-out; }
body#dark .main_content_03>h4{ color: rgb(220,220,220); }
.main_content_03>h6{ width: 100%; color: rgb(153,153,153); font-size: 12px; font-weight: 400; letter-spacing: 3px; text-align: center; transition: all 0.12s ease-in-out; }
.main_content_03>div{ width: 100%; height: auto; max-width: 980px; margin: 20px auto 0; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; transition: all 0.12s ease-in-out; }
.main_content_03>div>a{ width: 24%; height: auto; position: relative; transition: all 0.12s ease-in-out; cursor: pointer; }
.main_content_03>div>a>div{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; transition: all 0.12s ease-in-out; }
.main_content_03>div>a:hover>div{ width: calc(100% + 2px); box-shadow: 0 0 15px 5px rgba(0,0,0,0.1); position: relative; left: -1px; background-color: rgb(255,255,255); }
body#dark .main_content_03>div>a:hover>div{ background-color: rgba(255,255,255,0.2); }
.main_content_03>div>a>div>img{ width: 80px; position: relative; transition: all 0.12s ease-in-out; }
.main_content_03>div>a:hover>div>img{ animation-name: icon_animation; animation-duration: 1.3s; animation-iteration-count: infinite; }
@keyframes icon_animation {
    0% { top: 0; }
    50% { top: -15px; }
    100% { top: 0; }
}
.main_content_03>div>a>div>p{ width: 100%; margin-top: 45px; color: rgb(18,18,18); font-size: 20px; text-align: center; font-weight: 500; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .main_content_03>div>a>div>p{ color: rgb(220,220,220); }
.main_content_03>div>a:hover>div>p{ color: rgb(46,168,225); }
body#dark .main_content_03>div>a:hover>div>p{ color: rgb(46,168,225); }
.main_content_03>div>figure{ width: 1px; height: 180px; background-color: rgb(235,235,235); transition: all 0.12s ease-in-out; }
body#dark .main_content_03>div>figure{ background-color: rgb(85,85,85); }
.main_content_03>div>div{ width: 100%; height: 0; }
.main_content_03>h2{ width: 100%; margin-top: 50px; color: rgb(235,235,235); font-size: 125px; text-align: center; font-weight: 900; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .main_content_03>h2{ color: rgba(255,255,255,0.2); }

@media(max-width:1360px){

    .main_content_03>h2{ font-size: 9vw; }

}

@media(max-width:960px){

    .main_content_01{ padding: 90px 20px 70px; }
    .main_content_01>div>p{ width: 340px; font-size: 22px; }
    .main_content_01>h4{ font-size: 26px; }
    .main_content_01>section>article.full_screen>iframe{ width: calc(100% - 100px); max-height: calc(100% - 100px); top: 60px; }

    .main_content_02{ padding: 70px 20px 80px; }
    .main_content_02>h4{ font-size: 26px; }
    .main_content_02>dl{ margin-top: 30px; }
    .main_content_02>dl>dt{ width: calc(50% - 60px); padding: 30px; font-size: 24px; letter-spacing: 7px; }
    .main_content_02>dl>dd>a{ width: 88%; padding: 0 6%; }
    .main_content_02>dl>dd>a>h4{ font-size: 2.7vw; }
    .main_content_02>dl>dd>a>h4>span{ margin-right: 7px; }
    .main_content_02>dl>dd>a>span{ font-size: 2.7vw; }

    .main_content_03{ padding: 70px 20px 0; }
    .main_content_03>h4{ font-size: 26px; }
    .main_content_03>div>a>div>img{ width: 60px; }
    .main_content_03>div>a>div>p{ margin-top: 30px; font-size: 16px; }
    .main_content_03>div>figure{ height: 100px; }
    .main_content_03>h2{ margin-top: 30px; }

}

@media(max-width:760px){

    .main_content_03>div{ margin-top: 0; align-items: flex-start; }
    .main_content_03>div>a{ width: 30%; margin-top: 20px; }
    .main_content_03>div>a:nth-of-type(2){ margin: 20px 5% 0; }
    .main_content_03>div>a:nth-of-type(4){ margin-right: 13%; }
    .main_content_03>div>a:nth-of-type(6){ margin-right: 13%; }
    .main_content_03>div>a:hover>div{ width: 100%; left: 0; }
    .main_content_03>div>a>div>img{ width: 70px; }
    .main_content_03>div>a>div>p{ margin-top: 25px; }
    .main_content_03>div>figure{ width: 100%; height: 0; background-color: transparent; display: none; }
    .main_content_03>div>figure:nth-of-type(7){ display: block; }
    .main_content_03>div>div{ display: none; }

}

@media(max-width:640px){

    .main_content_02>dl>div:nth-of-type(1){ background-position: left 29% bottom; }
    .main_content_02>dl>div:nth-of-type(2){ background-position: left 90% bottom; }
    .main_content_02>dl>div:nth-of-type(3){ background-position: left 40% bottom; }
    .main_content_02>dl>div:nth-of-type(4){ background-position: left 65% bottom; }
    .main_content_02>dl>dt{ width: 0; height: 0; padding: 0; }
    .main_content_02>dl>dd{ width: 100%; }
    .main_content_02>dl>dd>a{ width: calc(100% - 50px); min-height: 100px; padding: 0 25px; }
    .main_content_02>dl>dd>a>h4{ font-size: 20px; }
    .main_content_02>dl>dd>a>span{ font-size: 20px; }

    .main_content_03>h2{ font-size: 8.5vw; }
    @keyframes icon_animation {
        0% { top: 0; }
        50% { top: 10px; }
        100% { top: 0; }
    }

}

@media(max-width:480px){

    .main_content_01{ padding: 60px 20px 50px; }
    .main_content_01>div>figure{ height: 0; }
    .main_content_01>div>p{ width: 100%; font-size: 20px; letter-spacing: 3px; }
    .main_content_01>h4{ font-size: 24px; }
    .main_content_01>section>article.full_screen>iframe{ width: 100%; max-height: 100%; }
    .main_content_01>p>a{ font-size: 14px; }

    .main_content_02{ padding: 40px 20px; }
    .main_content_02>h4{ font-size: 24px; }

    .main_content_03{ padding: 40px 20px 0; }
    .main_content_03>h4{ font-size: 24px; }
    .main_content_03>div{ margin-top: 15px; justify-content: space-around; }
    .main_content_03>div>a{ width: 38%; margin-top: 0; }
    .main_content_03>div>a:nth-of-type(2){ margin: 0; }
    .main_content_03>div>a:nth-of-type(4){ margin: 0; }
    .main_content_03>div>a:nth-of-type(6){ margin: 0; }
    .main_content_03>div>a>div>img{ width: 40%; }
    @keyframes icon_animation {
        0% { top: 0; }
        50% { top: -10px; }
        100% { top: 0; }
    }
    .main_content_03>div>a>div>p{ margin-top: 15px; font-size: 4vw; }
    .main_content_03>div>figure:nth-of-type(7){ display: none; }
    .main_content_03>h2{ margin-top: 20px; font-size: 8vw; }

}

@media(max-width:320px){
    .main_content_03>div>a>div>p{ font-size: 14px; }
    .main_content_03>h2{ font-size: 24px; }
}

/* 메인 페이지 끝 */

/* CEO인사말 페이지 시작 */
.greeting_content{ width: 100%; height: auto; transition: all 0.12s ease-in-out; }
.greeting_content>dl{ width: 100%; height: auto; display: flex; flex-flow: row wrap; transition: all 0.12s ease-in-out; }
.greeting_content>dl>dt{ width: 50%; height: auto; background-position: right 0 center; background-repeat: no-repeat; background-size: 960px auto; transition: all 0.12s ease-in-out; }
body#dark .greeting_content>dl>dt{ opacity: 0.7; }
.greeting_content>dl>dd{ width: calc(50% - 100px); padding: 60px 50px; transition: all 0.12s ease-in-out; }
.greeting_content>dl>dd>h4{ width: 100%; color: rgb(46,168,225); font-size: 40px; font-weight: 700; word-break: keep-all; transition: all 0.12s ease-in-out; }
.greeting_content>dl>dd>p{ width: 100%; margin-top: 20px; color: rgb(18,18,18); font-size: 20px; font-weight: 500; word-break: keep-all; line-height: 1.8; transition: all 0.12s ease-in-out; }
.greeting_content>dl>dd>p>span>br{ display: none; }
.greeting_content>dl>dd>p>b{ display: none; }
body#dark .greeting_content>dl>dd>p{ color: rgb(220,220,220); }
.greeting_content>dl>dd>h6{ width: 100%; margin-top: 30px; color: rgb(18,18,18); font-size: 20px; font-weight: 500; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .greeting_content>dl>dd>h6{ color: rgb(220,220,220); }
.greeting_content>dl>dd>h6>span{ margin-left: 10px; font-weight: 700; font-size: 1.2em; letter-spacing: 6px; }
.greeting_content>ul{ width: 100%; max-width: 1200px; margin: 130px auto 0; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; transition: all 0.12s ease-in-out; }
.greeting_content>ul>li{ width: auto; height: auto; transition: all 0.12s ease-in-out; }
.greeting_content>ul>li>figure{ width: 270px; height: 270px; border-radius: 100%; background-color: rgb(245,245,245); background-position: center; background-repeat: no-repeat; background-size: auto; transition: all 0.12s ease-in-out; }
body#dark .greeting_content>ul>li>figure{ background-color: rgba(255,255,255,0.2); }
.greeting_content>ul>li>p{ width: 100%; margin-top: 25px; color: rgb(18,18,18); font-size: 25px; font-weight: 700; text-align: center; transition: all 0.12s ease-in-out; }
body#dark .greeting_content>ul>li>p{ color: rgb(220,220,220); }

@media(max-width:1920px){
    .greeting_content>dl>dt{ background-size: cover; background-position: left 40% center; }
}

@media(max-width:1400px){
    .greeting_content>dl>dt{ width: calc(100% - 600px); }
    .greeting_content>dl>dd{ width: 550px; padding-right: 0; }
    .greeting_content>dl>dd>h4{ font-size: 36px; }
    .greeting_content>dl>dd>p{ margin-top: 15px; font-size: 18px; }
    .greeting_content>dl>dd>h6{ margin-top: 25px; font-size: 18px; }
}

@media(max-width:960px){
    .greeting_content>dl>dt{ width: 100%; height: 48vw; max-height: 300px; background-position: center; }
    .greeting_content>dl>dd{ width: calc(100% - 40px); padding: 40px 20px 0; }
    .greeting_content>dl>dd>h4{ font-size: 30px; }
    .greeting_content>dl>dd>p{ font-size: 16px; }
    .greeting_content>dl>dd>h6{ font-size: 16px; }
    .greeting_content>ul{ width: calc(100% - 40px); margin-top: 70px; padding: 0 20px; }
    .greeting_content>ul>li>figure{ width: 25vw; height: 25vw; background-size: 40% auto; }
    .greeting_content>ul>li>p{ margin-top: 15px; font-size: 18px; }
}

@media(max-width:480px){
    .greeting_content>dl>dd>h4{ font-size: 24px; }
    .greeting_content>dl>dd>p{ margin-top: 10px; font-size: 14px; line-height: 1.7; text-align: justify; word-break: break-all; }
    .greeting_content>dl>dd>p>span>br{ display: inline; }
    .greeting_content>dl>dd>p>br{ display: none; }
    .greeting_content>dl>dd>p>b{ display: inline; }
    .greeting_content>dl>dd>h6{ margin-top: 15px; font-size: 14px; }
    .greeting_content>ul{ margin-top: 30px; justify-content: space-between; }
    .greeting_content>ul>li>figure{ width: 27vw; height: 27vw; }
    .greeting_content>ul>li>p{ margin-top: 10px; font-size: 3.5vw; }
}

@media(max-width:410px){
    .greeting_content>dl>dd{ padding-top: 20px; }
    .greeting_content>dl>dd>h4{ font-size: 20px; }
}

@media(max-width:320px){
    .greeting_content>dl>dt{ width: 100%; height: 160px; }
    .greeting_content>ul>li>figure{ width: 90px; height: 90px; }
    .greeting_content>ul>li>p{ font-size: 12px; }
}
/* CEO인사말 페이지 끝 */

/* 경영방침 페이지 시작 */
.management_content{ width: calc(100% - 40px); height: auto; max-width: 1200px; margin: auto; transition: all 0.12s ease-in-out; }
.management_content>h5{ width: 100%; margin-top: 130px; color: rgb(204,204,204); font-size: 40px; font-weight: 700; word-break: keep-all; transition: all 0.12s ease-in-out; }
.management_content>h5:nth-of-type(1){ margin-top: 0; }
.management_content>h6{ width: 100%; color: rgb(18,18,18); font-size: 30px; font-weight: 400; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .management_content>h6{ color: rgb(220,220,220); }
.management_content>h6>span{ font-weight: 700; }
.management_content>div{ width: 100%; margin-top: 70px; display: flex; flex-flow: row wrap; justify-content: space-between; transition: all 0.12s ease-in-out; }
.management_content>div>dl{ width: 29%; max-width: 350px; box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1); transition: all 0.12s ease-in-out; }
body#dark .management_content>div>dl{ background-color: rgba(255,255,255,0.3); }
.management_content>div>dl>dt{ width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 0.12s ease-in-out; }
.management_content>div>dl>dd{ width: 100%; padding: 50px 0 60px; transition: all 0.12s ease-in-out; }
.management_content>div>dl>dd>h4{ width: 100%; margin-bottom: 15px; font-size: 30px; font-weight: 700; text-align: center; transition: all 0.12s ease-in-out; }
.management_content>div>dl:nth-of-type(1)>dd>h4{ color: rgb(46,168,225); }
.management_content>div>dl:nth-of-type(2)>dd>h4{ color: rgb(46,130,225); }
.management_content>div>dl:nth-of-type(3)>dd>h4{ color: rgb(9,91,177); }
.management_content>div>dl>dd>p{ width: 100%; margin-top: 5px; color: rgb(18,18,18); font-size: 20px; font-weight: 500; text-align: center; transition: all 0.12s ease-in-out; }
body#dark .management_content>div>dl>dd>p{ color: rgb(220,220,220); }
.management_content>ul{ width: 100%; margin-top: 70px; display: flex; flex-flow: row wrap; justify-content: space-between; transition: all 0.12s ease-in-out; }
.management_content>ul>li{ width: 17%; max-width: 198px; transition: all 0.12s ease-in-out; }
.management_content>ul>li>figure{ width: 100%; border-radius: 100%; background-position: center; background-repeat: no-repeat; background-size: auto; transition: all 0.12s ease-in-out; }
.management_content>ul>li:nth-of-type(2n+1)>figure{ border: 1px solid rgb(235,235,235); }
.management_content>ul>li:nth-of-type(2n)>figure{ border: 1px solid rgb(245,245,245); background-color: rgb(245,245,245); }
body#dark .management_content>ul>li:nth-of-type(2n+1)>figure{ border-color: rgba(255,255,255,0.2); }
body#dark .management_content>ul>li:nth-of-type(2n)>figure{ border-color: rgba(255,255,255,0.2); background-color: rgba(255,255,255,0.2); }
.management_content>ul>li>p{ width: 100%; margin-top: 20px; color: rgb(18,18,18); font-size: 20px; font-weight: 500; text-align: center; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .management_content>ul>li>p{ color: rgb(220,220,220); }

@media(max-width:960px){

    .management_content>h5{ margin-top: 70px; font-size: 36px; }
    .management_content>h6{ font-size: 26px; }
    .management_content>div{ margin-top: 40px; }
    .management_content>div>dl{ width: 32%; }
    .management_content>div>dl>dd{ padding: 30px 0 40px; }
    .management_content>div>dl>dd>h4{ margin-bottom: 10px; font-size: 26px; }
    .management_content>div>dl>dd>p{ font-size: 18px; }
    .management_content>ul{ margin-top: 40px; }
    .management_content>ul>li{ width: 18%; }
    .management_content>ul>li>figure{ background-size: 50% auto; }
    .management_content>ul>li>p{ margin-top: 15px; font-size: 18px; }

}

@media(max-width:640px){

    .management_content>div>dl>dd{ padding: 20px 0 30px; }
    .management_content>div>dl>dd>h4{ font-size: 20px; }
    .management_content>div>dl>dd>p{ font-size: 16px; }
    .management_content>ul{ margin-top: 20px; justify-content: center; }
    .management_content>ul>li{ width: 28%; margin-top: 20px; }
    .management_content>ul>li:nth-of-type(2){ margin-right: 8%; margin-left: 8%; }
    .management_content>ul>li:nth-of-type(4){ margin-right: 8%; }
    .management_content>ul>li>p{ font-size: 16px; }

}

@media(max-width:480px){

    .management_content>h5{ margin-top: 50px; font-size: 28px; }
    .management_content>h6{ font-size: 22px; }
    .management_content>div{ margin-top: 0; }
    .management_content>div>dl{ width: 100%; max-width: 100%; margin-top: 20px; }
    .management_content>div>dl>dt{ max-height: 240px; }
    .management_content>div>dl>dd{ padding: 10px 0 15px; }
    .management_content>div>dl>dd>h4{ margin-bottom: 5px; font-size: 20px; }
    .management_content>div>dl>dd>p{ font-size: 16px; }
    .management_content>ul{ margin-top: 0; }
    .management_content>ul>li>p{ margin-top: 10px; }

}
/* 경영방침 페이지 끝 */

/* 사훈 페이지 시작 */
.motto_content{ width: calc(100% - 40px); height: auto; max-width: 1200px; margin: auto; transition: all 0.12s ease-in-out; }
.motto_content>h6{ width: 100%; color: rgb(18,18,18); font-size: 30px; font-weight: 400; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .motto_content>h6{ color: rgb(220,220,220); }
.motto_content>h6>span{ font-weight: 700; }
.motto_content>div{ width: 100%; margin-top: 100px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.12s ease-in-out; }
.motto_content>div>span{ color: rgb(204,204,204); font-size: 150px; line-height: 30px; position: relative; top: 30px; transition: all 0.12s ease-in-out; }
body#dark .motto_content>div>span{ color: rgb(85,85,85); }
.motto_content>div>p{ margin: 0 10px; color: rgb(18,18,18); font-size: 30px; font-weight: 400; text-align: center; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .motto_content>div>p{ color: rgb(220,220,220); }
.motto_content>section{ width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; transition: all 0.12s ease-in-out; }
.motto_content>section>article{ width: calc(50% - 15px); margin-top: 60px; box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1); transition: all 0.12s ease-in-out; }
body#dark .motto_content>section>article{ background-color: rgba(255,255,255,0.3); }
.motto_content>section>article>figure{ width: calc(100% - 60px); height: 180px; padding: 30px; background-color: rgb(245,245,245); background-position: center; background-repeat: no-repeat; background-size: cover; color: rgb(255,255,255); font-size: 20px; font-weight: 400; letter-spacing: 5px; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .motto_content>section>article>figure{ color: rgba(255,255,255,0.5); }
.motto_content>section>article>div{ width: calc(100% - 60px); padding: 30px; transition: all 0.12s ease-in-out; }
.motto_content>section>article>div>h4{ max-width: 100%; color: rgb(18,18,18); font-size: 30px; font-weight: 700; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .motto_content>section>article>div>h4{ color: rgb(220,220,220); }
.motto_content>section>article>div>h6{ max-width: 100%; margin-top: 15px; color: rgb(18,18,18); font-size: 20px; font-weight: 500; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .motto_content>section>article>div>h6{ color: rgb(220,220,220); }
.motto_content>section>article>div>p{ max-width: 100%; margin-top: 5px; color: rgb(18,18,18); font-size: 16px; font-weight: 400; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .motto_content>section>article>div>p{ color: rgb(185,185,185); }

@media(max-width:960px){

    .motto_content>h6{ font-size: 26px; }
    .motto_content>div{ margin-top: 70px; }
    .motto_content>div>span{ font-size: 70px; line-height: 20px; top: 16px; }
    .motto_content>div>p{ font-size: 20px; letter-spacing: -1px; }
    .motto_content>section>article{ width: calc(50% - 10px); margin-top: 30px; }
    .motto_content>section>article>figure{ width: calc(100% - 40px); height: 160px; padding: 20px; font-size: 16px; letter-spacing: 3px; }
    .motto_content>section>article>div{ width: calc(100% - 40px); padding: 20px; }
    .motto_content>section>article>div>h4{ font-size: 24px; }
    .motto_content>section>article>div>h6{ margin-top: 10px; font-size: 18px; }
    .motto_content>section>article>div>p{ font-size: 14px; }

}

@media(max-width:640px){

    .motto_content>section>article{ width: 100%; }

}

@media(max-width:480px){

    .motto_content>h6{ font-size: 22px; }
    .motto_content>div{ margin-top: 40px; }
    .motto_content>div>span{ font-size: 40px; font-weight: 700; line-height: 16px; top: 7px; }
    .motto_content>div>p{ margin: 0 5px; font-size: 16px; font-weight: 500; }
    .motto_content>section>article{ margin-top: 20px; }
    .motto_content>section>article>figure{ height: 140px; font-size: 14px; letter-spacing: 2px; }
    .motto_content>section>article>div>h4{ font-size: 20px; }
    .motto_content>section>article>div>h6{ font-size: 16px; }

}

@media(max-width:380px){

    .motto_content>div>p{ width: 150px; }
    .motto_content>div>span:nth-of-type(1){ top: -5px; }
    .motto_content>div>span:nth-of-type(2){ top: 20px; }

}
/* 사훈 페이지 끝 */

/* 연혁 페이지 시작 */
.history_content{ width: calc(100% - 40px); height: auto; max-width: 1200px; margin: auto; padding: 30px 0; position: relative; transition: all 0.12s ease-in-out; }
.history_content>figure{ width: 1px; height: 100%; background-color: rgb(220,220,220); position: absolute; top: 0; left: 50%; transition: all 0.12s ease-in-out; }
body#dark .history_content>figure{ background-color: rgb(85,85,85); }
.history_content>dl{ width: calc(50% - 100px); transition: all 0.12s ease-in-out; }
.history_content>dl:nth-of-type(2n+1){ margin-right: 50%; padding-right: 100px; }
.history_content>dl:nth-of-type(2n){ margin-left: 50%; padding-left: 100px; }
.history_content>dl>dt{ color: rgb(18,18,18); font-size: 70px; font-weight: 500; line-height: 105px; word-break: keep-all; position: relative; transition: all 0.12s ease-in-out; }
body#dark .history_content>dl>dt{ color: rgb(220,220,220); }
.history_content>dl:nth-of-type(2n+1)>dt{ text-align: right; }
.history_content>dl>dt>div{ width: 75px; height: 1px; background-color: rgb(220,220,220); position: absolute; bottom: 20px; transition: all 0.12s ease-in-out; }
body#dark .history_content>dl>dt>div{ background-color: rgb(85,85,85); }
.history_content>dl:nth-of-type(2n+1)>dt>div{ right: -100px; }
.history_content>dl:nth-of-type(2n)>dt>div{ left: -100px; }
.history_content>dl>dt>div>div:nth-of-type(1){ width: 5px; height: 5px; border-radius: 100%; background-color: rgb(220,220,220); position: absolute; top: -2px; transition: all 0.12s ease-in-out; }
body#dark .history_content>dl>dt>div>div:nth-of-type(1){ background-color: rgb(220,220,220); }
.history_content>dl:nth-of-type(2n+1)>dt>div>div:nth-of-type(1){ left: -2px; }
.history_content>dl:nth-of-type(2n)>dt>div>div:nth-of-type(1){ right: -2px; }
.history_content>dl>dt>div>div:nth-of-type(2){ width: 8px; height: 8px; border: 1px solid rgb(102,102,102); border-radius: 100%; background-color: rgb(255,255,255); position: absolute; top: -5px; transition: all 0.12s ease-in-out; }
body#dark .history_content>dl>dt>div>div:nth-of-type(2){ border-color: rgb(220,220,220); background-color: rgb(85,85,85); }
.history_content>dl:nth-of-type(2n+1)>dt>div>div:nth-of-type(2){ right: -5px; }
.history_content>dl:nth-of-type(2n)>dt>div>div:nth-of-type(2){ left: -5px; }
.history_content>dl>dd{ margin-top: 5px; display: flex; flex-flow: row nowrap; transition: all 0.12s ease-in-out; }
.history_content>dl:nth-of-type(2n+1)>dd{ justify-content: flex-end; }
.history_content>dl>dd>h4{ width: 55px; color: rgb(46,168,225); font-size: 18px; font-weight: 500; transition: all 0.12s ease-in-out; }
.history_content>dl>dd>p{ width: auto; max-width: calc(100% - 55px); height: auto; color: rgb(18,18,18); font-size: 18px; font-weight: 500; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .history_content>dl>dd>p{ color: rgb(220,220,220); }
.history_content>dl:nth-of-type(2n+1)>dd>p{ text-align: right; }
.history_content>dl>img{ width: 100%; height: auto; max-width: 380px; margin-top: 30px; display: block; transition: all 0.12s ease-in-out; }
.history_content>dl:nth-of-type(2n+1)>img{ margin-left: auto; }

@media(max-width:960px){

    .history_content{ padding: 20px 0; }
    .history_content>figure{ left: 10px; }
    .history_content>dl{ width: calc(100% - 70px); margin-top: 50px; }
    .history_content>dl:nth-of-type(1){ margin-top: 0; }
    .history_content>dl:nth-of-type(2n+1){ margin-right: 0; margin-left: 10px; padding-right: 0; padding-left: 60px; }
    .history_content>dl:nth-of-type(2n){ margin-left: 10px; padding-left: 60px; }
    .history_content>dl>dt{ font-size: 40px; line-height: 60px; }
    .history_content>dl:nth-of-type(2n+1)>dt{ text-align: left; }
    .history_content>dl>dt>div{ width: 40px; bottom: 15px; }
    .history_content>dl:nth-of-type(2n+1)>dt>div{ right: unset; left: -60px; }
    .history_content>dl:nth-of-type(2n)>dt>div{ left: -60px; }
    .history_content>dl>dt>div>div:nth-of-type(1){ width: 5px; height: 5px; top: -2px; }
    .history_content>dl:nth-of-type(2n+1)>dt>div>div:nth-of-type(1){ left: unset; right: -2px; }
    .history_content>dl:nth-of-type(2n)>dt>div>div:nth-of-type(1){ right: -2px; }
    .history_content>dl>dt>div>div:nth-of-type(2){ width: 8px; height: 8px; top: -5px; }
    .history_content>dl:nth-of-type(2n+1)>dt>div>div:nth-of-type(2){ right: unset; left: -5px; }
    .history_content>dl:nth-of-type(2n)>dt>div>div:nth-of-type(2){ left: -5px; }
    .history_content>dl:nth-of-type(2n+1)>dd{ justify-content: flex-start; }
    .history_content>dl>dd>h4{ width: 50px; font-size: 16px; }
    .history_content>dl>dd>p{ max-width: calc(100% - 50px); font-size: 16px; }
    .history_content>dl:nth-of-type(2n+1)>dd>p{ text-align: left; }
    .history_content>dl>img{ margin-top: 20px; }
    .history_content>dl:nth-of-type(2n+1)>img{ margin-left: 0; }

}

@media(max-width:480px){

    .history_content{ padding: 0 0 20px; }
    .history_content>figure{ width: 0; left: 0; }
    .history_content>dl{ width: 100%; margin-top: 30px; }
    .history_content>dl:nth-of-type(2n+1){ margin-left: 0; padding-left: 0; }
    .history_content>dl:nth-of-type(2n){ margin-left: 0; padding-left: 0; }
    .history_content>dl>dt{ line-height: 1.6; }
    .history_content>dl>dt>div{ width: 0; }
    .history_content>dl>dt>div>div:nth-of-type(1){ width: 0; height: 0; }
    .history_content>dl>dt>div>div:nth-of-type(2){ width: 0; height: 0; }
    .history_content>dl>img{ margin-top: 15px; }

}
/* 연혁 페이지 끝 */

/* 조직구성 페이지 시작 */
.organization_content{ width: calc(100% - 40px); height: auto; max-width: 1200px; margin: auto; padding-top: 41px; transition: all 0.12s ease-in-out; }
.organization_content>figure{ width: 140px; height: 80px; margin: 0 auto 41px; border-right: 3px solid rgb(41,45,83); border-left: 3px solid rgb(41,45,83); position: relative; transition: all 0.12s ease-in-out; }
body#dark .organization_content>figure{ border-color: rgb(116,128,237); }
.organization_content>figure>div{ width: 83px; height: 3px; background-color: rgb(41,45,83); position: absolute; transition: all 0.12s ease-in-out; }
body#dark .organization_content>figure>div{ background-color: rgb(116,128,237); }
.organization_content>figure>div:nth-of-type(1){ transform: rotate(330deg); top: -21px; left: -7px; }
.organization_content>figure>div:nth-of-type(2){ transform: rotate(30deg); top: -21px; right: -7px; }
.organization_content>figure>div:nth-of-type(3){ transform: rotate(30deg); bottom: -21px; left: -7px; }
.organization_content>figure>div:nth-of-type(4){ transform: rotate(330deg); right: -7px; bottom: -21px; }
.organization_content>figure>p{ width: 100%; color: rgb(18,18,18); font-size: 20px; font-weight: 500; text-align: center; line-height: 80px; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .organization_content>figure>p{ color: rgb(220,220,220); }
.organization_content>div{ width: 50%; height: 55px; border-right: 1px solid rgb(204,204,204); display: block; transition: all 0.12s ease-in-out; }
body#dark .organization_content>div{ border-right-color: rgb(102,102,102); }
.organization_content>h4{ width: 215px; height: 55px; margin: auto; border: 3px solid rgb(9,91,177); color: rgb(18,18,18); font-size: 20px; font-weight: 500; text-align: center; line-height: 53px; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .organization_content>h4{ color: rgb(220,220,220); }
.organization_content>section{ width: 723px; height: 61px; margin: auto; transition: all 0.12s ease-in-out; }
.organization_content>section>article{ width: 215px; height: 55px; border: 3px solid rgb(46,168,225); display: inline-block; float: left; color: rgb(18,18,18); font-size: 20px; font-weight: 500; text-align: center; line-height: 53px; word-break: keep-all; overflow: hidden; transition: all 0.12s ease-in-out; }
body#dark .organization_content>section>article{ color: rgb(220,220,220); }
/* .organization_content>section>article:nth-of-type(1){ border-color: transparent; } */
.organization_content>section>article>span{ display: none; }
.organization_content>section>div{ width: 30px; height: 30px; border-bottom: 1px solid rgb(204,204,204); display: inline-block; float: left; transition: all 0.12s ease-in-out; }
body#dark .organization_content>section>div{ border-bottom-color: rgb(102,102,102); }
/* .organization_content>section>div:nth-of-type(1){ border-bottom-width: 0; } */
.organization_content>ol{ width: 100%; height: 55px; transition: all 0.12s ease-in-out; }
.organization_content>ol>li{ height: 55px; display: inline-block; float: left; transition: all 0.12s ease-in-out; }
.organization_content>ol>li:nth-of-type(2n+1){ width: 22%; }
.organization_content>ol>li:nth-of-type(2n){ width: 4%; }
.organization_content>ol>li>div{ height: 55px; border-top: 1px solid rgb(204,204,204); display: inline-block; float: left; transition: all 0.12s ease-in-out; }
body#dark .organization_content>ol>li>div{ border-top-color: rgb(102,102,102); }
.organization_content>ol>li:nth-of-type(2n+1)>div{ width: 50%; }
.organization_content>ol>li:nth-of-type(2n)>div{ width: 100%; }
.organization_content>ol>li:nth-of-type(1)>div:nth-of-type(1){ border-top-color: transparent !important; }
.organization_content>ol>li:nth-of-type(7)>div:nth-of-type(2){ border-top-color: transparent !important; }
.organization_content>ol>li:nth-of-type(2n+1)>div:nth-of-type(1){ width: calc(50% - 1px); border-right: 1px solid rgb(204,204,204); }
body#dark .organization_content>ol>li:nth-of-type(2n+1)>div:nth-of-type(1){ border-right-color: rgb(102,102,102); }
.organization_content>ul{ width: 100%; height: auto; display: inline-block; float: left; transition: all 0.12s ease-in-out; }
.organization_content>ul>li{ width: 22%; height: auto; margin-top: 50px; margin-left: 4%; display: inline-block; float: left; transition: all 0.12s ease-in-out; }
.organization_content>ul>li:nth-of-type(4n+1){ margin-left: 0; clear: both; }
.organization_content>ul>li:nth-of-type(1){ margin-top: 0; }
.organization_content>ul>li:nth-of-type(2){ margin-top: 0; }
.organization_content>ul>li:nth-of-type(3){ margin-top: 0; }
.organization_content>ul>li:nth-of-type(4){ margin-top: 0; }
.organization_content>ul>li>h4{ width: calc(100% - 10px); height: auto; max-width: 215px; margin: auto; padding: 10px 5px; background-color: rgb(153,153,153); color: rgb(255,255,255); font-size: 20px; font-weight: 500; text-align: center; line-height: 1.6; transition: all 0.12s ease-in-out; }
body#dark .organization_content>ul>li>h4{ background-color: rgb(102,102,102); }
.organization_content>ul>li>p{ width: calc(100% - 12px); height: auto; max-width: 213px; margin: 10px auto 0; padding: 10px 5px; border: 1px solid rgb(220,220,220); color: rgb(18,18,18); font-size: 20px; font-weight: 400; text-align: center; line-height: 1.6; word-break: keep-all; transition: all 0.12s ease-in-out; }
.organization_content>ul>li>p.empty{ border-color: transparent; color: rgb(153,153,153); }
body#dark .organization_content>ul>li>p{ border-color: rgb(102,102,102); color: rgb(220,220,220); }
body#dark .organization_content>ul>li>p.empty{ border-color: transparent; color: rgb(102,102,102); }
.organization_content>ul>li>figure{ width: 0; height: 0; transition: all 0.12s ease-in-out; }
.organization_content>ul>li>figure>div{ width: 0; height: 0; transition: all 0.12s ease-in-out; }
.organization_content>article{ clear: both; }

@media(max-width:960px){

    .organization_content{ padding-top: 35px; }
    .organization_content>figure{ width: 120px; height: 70px; margin-bottom: 35px; border-right-width: 2px; border-left-width: 2px; }
    .organization_content>figure>div{ width: 70px; height: 2px; }
    .organization_content>figure>div:nth-of-type(1){ top: -18px; left: -5px; }
    .organization_content>figure>div:nth-of-type(2){ top: -18px; right: -5px; }
    .organization_content>figure>div:nth-of-type(3){ bottom: -18px; left: -5px; }
    .organization_content>figure>div:nth-of-type(4){ right: -5px; bottom: -18px; }
    .organization_content>figure>p{ font-size: 18px; line-height: 70px; }
    .organization_content>div{ height: 40px; }
    .organization_content>h4{ width: 180px; height: 40px; border-width: 2px; font-size: 18px; line-height: 38px; }
    .organization_content>section{ width: 592px; height: 44px; }
    .organization_content>section>article{ width: 180px; height: 40px; border-width: 2px; font-size: 18px; line-height: 38px; }
    .organization_content>section>div{ width: 20px; height: 21px; }
    .organization_content>ol{ height: 40px; }
    .organization_content>ol>li{ height: 40px; }
    .organization_content>ol>li>div{ height: 40px; }
    .organization_content>ul>li{ margin-top: 30px; }
    .organization_content>ul>li>h4{ font-size: 18px; }
    .organization_content>ul>li>p{ margin-top: 7px; font-size: 18px; }

}

@media(max-width:660px){

    .organization_content>figure{ margin-right: 0; margin-left: 28px; }
    .organization_content>div{ width: 90px; margin: 0; }
    .organization_content>h4{ margin: 0; }
    .organization_content>section{ width: 100%; height: 64px; margin: 0; }
    .organization_content>section>article{ height: 60px; line-height: 58px; }
    .organization_content>section>article:nth-of-type(1){ width: 0; border-width: 0; overflow: hidden; }
    .organization_content>section>article:nth-of-type(3){ font-size: 16px; line-height: 28px; }
    .organization_content>section>article>span{ display: block; }
    .organization_content>section>div:nth-of-type(1){ width: 0; }
    .organization_content>section>div:nth-of-type(2){ height: 31px; }
    .organization_content>ul>li{ margin-top: 20px; }
    .organization_content>ul>li>h4{ width: calc(100% - 4px); font-size: 16px; padding: 10px 2px; }
    .organization_content>ul>li>p{ width: calc(100% - 6px); font-size: 16px; padding: 10px 2px; }

}

@media(max-width:480px){

    .organization_content{ padding-top: 28px; }
    .organization_content>figure{ width: 90px; height: 50px; margin-bottom: 28px; margin-left: calc(25% - 53px); }
    .organization_content>figure>div{ width: 54px; }
    .organization_content>figure>div:nth-of-type(1){ top: -15px; left: -5px; }
    .organization_content>figure>div:nth-of-type(2){ top: -15px; right: -5px; }
    .organization_content>figure>div:nth-of-type(3){ bottom: -15px; left: -5px; }
    .organization_content>figure>div:nth-of-type(4){ right: -5px; bottom: -15px; }
    .organization_content>figure>p{ font-size: 16px; line-height: 50px; }
    .organization_content>div{ width: calc(25% - 6px); }
    .organization_content>h4{ width: calc(50% - 14px); font-size: 16px; }
    .organization_content>section>article{ width: calc(50% - 14px); font-size: 16px; }
    .organization_content>section>div{ width: 20px; height: 21px; }
    .organization_content>ol{ width: 0; height: 0; }
    .organization_content>ol>li{ width: 0; height: 0; }
    .organization_content>ol>li>div{ width: 0; height: 0; border-top: 0; }
    .organization_content>ol>li:nth-of-type(2n+1)>div:nth-of-type(1){ border-right: 0; }
    .organization_content>ul>li{ width: 100%; margin-top: 0; margin-left: 0; padding-top: 20px; position: relative; }
    .organization_content>ul>li>h4{ width: calc(60% - 14px); margin-right: 0; position: relative; z-index: 1; }
    .organization_content>ul>li>p{ width: calc(60% - 16px); margin-right: 0; }
    .organization_content>ul>li>figure{ width: calc(35% - 20px); height: 100%; position: absolute; top: 0; left: calc(25% - 6px); }
    .organization_content>ul>li>figure>div{ width: 100%; height: 50%; border-left: 1px solid rgb(204,204,204); }
    body#dark .organization_content>ul>li>figure>div{ border-left-color: rgb(102,102,102); }
    .organization_content>ul>li>figure>div:nth-of-type(1){ height: 43px; border-bottom: 1px solid rgb(204,204,204); }
    body#dark .organization_content>ul>li>figure>div:nth-of-type(1){ border-bottom-color: rgb(102,102,102); }
    .organization_content>ul>li>figure>div:nth-of-type(2){ height: calc(100% - 43px); }
    .organization_content>ul>li:last-of-type>figure>div:nth-of-type(2){ border-left: 0; }

}
/* 조직구성 페이지 끝 */

/* 오시는길 페이지 시작 */
.location_content{ width: calc(100% - 40px); height: auto; max-width: 1200px; margin: auto; transition: all 0.12s ease-in-out; }
.location_content>div{ width: 100% !important; height: 520px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; position: relative; z-index: 1; transition: all 0.12s ease-in-out; }
.location_content>div .wrap_map{ height: calc(100% - 32px) !important; }
.location_content .root_daum_roughmap .wrap_controllers{ background-color: rgba(255,255,255,0.2) !important; }
.location_content .root_daum_roughmap .wrap_controllers .wrap_btn_roadview .txt{ color: rgb(255,255,255) !important; }
.location_content .root_daum_roughmap .wrap_controllers .tit_controllers img{ filter: invert(99%) sepia(72%) saturate(2%) hue-rotate(38deg) brightness(109%) contrast(100%) !important; }
.location_content>dl{ width: 100%; margin-top: 25px; display: inline-block; float: left; transition: all 0.12s ease-in-out; }
.location_content>dl>dt{ width: calc(100% - 270px); display: inline-block; float: left; transition: all 0.12s ease-in-out; }
.location_content>dl>dt>ul{ width: 100%; border-bottom: 1px solid rgb(220,220,220); display: inline-block; float: left; transition: all 0.12s ease-in-out; }
body#dark .location_content>dl>dt>ul{ border-bottom-color: rgb(85,85,85); }
.location_content>dl>dt>ul:nth-of-type(1){ border-top: 1px solid rgb(18,18,18); }
body#dark .location_content>dl>dt>ul:nth-of-type(1){ border-top-color: rgb(185,185,185); }
.location_content>dl>dt>ul>li{ padding: 8px 20px; display: inline-block; float: left; color: rgb(18,18,18); font-size: 18px; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .location_content>dl>dt>ul>li{ color: rgb(220,220,220); }
.location_content>dl>dt>ul>li:nth-of-type(1){ width: 79px; font-weight: 700; }
.location_content>dl>dt>ul>li:nth-of-type(2){ width: calc(100% - 160px); border-left: 1px solid rgb(220,220,220); font-weight: 500; }
body#dark .location_content>dl>dt>ul>li:nth-of-type(2){ border-left-color: rgb(85,85,85); }
.location_content>dl>dt>ul>li:nth-of-type(2)>a{ color: inherit; font-size: inherit; font-weight: inherit; transition: all 0.12s ease-in-out; cursor: pointer; }
.location_content>dl>dd{ width: 230px; display: inline-block; float: right; transition: all 0.12s ease-in-out; }
.location_content>dl>dd>a{ width: 100%; height: 60px; margin-top: 10px; display: inline-block; float: left; color: rgb(255,255,255); font-size: 18px; font-weight: 500; text-align: center; line-height: 58px; transition: all 0.12s ease-in-out; cursor: pointer; }
.location_content>dl>dd>a:nth-of-type(1){ margin-top: 0; background-color: rgb(9,91,177); }
body#dark .location_content>dl>dd>a:nth-of-type(1){ background-color: rgb(6,66,125); }
.location_content>dl>dd.mobile>a:nth-of-type(1){ display: none; }
.location_content>dl>dd>a:nth-of-type(2){ background-color: rgb(46,168,225); }
body#dark .location_content>dl>dd>a:nth-of-type(2){ background-color: rgb(35,129,173); }
.location_content>dl>dd.mobile>a:nth-of-type(2){ margin-top: 37px; }
.location_content>dl>dd>a>img{ width: 24px; height: 23px; margin-right: 10px; position: relative; top: 5px; transition: all 0.12s ease-in-out; }
.location_content>h4{ width: 100%; margin-top: 50px; display: inline-block; float: left; color: rgb(18,18,18); font-size: 18px; font-weight: 700; transition: all 0.12s ease-in-out; }
body#dark .location_content>h4{ color: rgb(220,220,220); }
.location_content>section{ width: 100%; margin-top: 5px; display: inline-flex; flex-flow: row wrap; clear: both; transition: all 0.12s ease-in-out; }
.location_content>section>article{ width: 50%; margin-top: 5px; display: flex; flex-flow: row wrap; transition: all 0.12s ease-in-out; }
.location_content>section>article>p{ width: 70px; color: rgb(9,91,177); font-size: 16px; font-weight: 600; transition: all 0.12s ease-in-out; }
body#dark .location_content>section>article>p{ color: rgb(35,129,173); }
.location_content>section>article>div{ width: calc(100% - 70px); display: flex; flex-flow: column nowrap; transition: all 0.12s ease-in-out; }
.location_content>section>article>div>a{ width: auto; max-width: 100%; height: auto; margin-top: 15px; word-break: keep-all; display: flex; flex-flow: row wrap; align-items: baseline; transition: all 0.12s ease-in-out; cursor: pointer; }
.location_content>section>article>div>a:nth-of-type(1){ margin-top: 0; }
.location_content>section>article>div>a>p{ margin-right: 5px; color: rgb(18,18,18); font-size: 16px; font-weight: 500; transition: all 0.12s ease-in-out; }
.location_content>section>article>div>a:hover>p{ color: rgb(46,168,225); }
body#dark .location_content>section>article>div>a>p{ color: rgb(220,220,220); }
body#dark .location_content>section>article>div>a:hover>p{ color: rgb(46,168,225); }
.location_content>section>article>div>a>span{ color: rgb(153,153,153); font-size: 12px; font-weight: 400; }
body#dark .location_content>section>article>div>a>span{ color: rgb(153,153,153); }
.location_content>section>article>div>dl{ width: 100%; margin-top: 5px; display: flex; flex-flow: row nowrap; transition: all 0.12s ease-in-out; }
.location_content>section>article>div>dl>dt{ width: 30px; height: 15px; margin-top: 5px; margin-right: 5px; padding: 0 5px; border-radius: 3px; color: rgb(255,255,255); font-size: 11px; font-weight: 300; line-height: 15px; text-align: center; transition: all 0.12s ease-in-out; }
.location_content>section>article>div>dl>dt.subway_seoul_1{ background-color: rgb(51,86,180); }
.location_content>section>article>div>dl>dt.subway_seoul_2{ background-color: rgb(60,180,74); }
.location_content>section>article>div>dl>dt.subway_seoul_3{ background-color: rgb(255,137,57); }
.location_content>section>article>div>dl>dt.subway_seoul_4{ background-color: rgb(9,180,234); }
.location_content>section>article>div>dl>dt.subway_seoul_5{ background-color: rgb(145,74,221); }
.location_content>section>article>div>dl>dt.subway_seoul_6{ background-color: rgb(180,93,21); }
.location_content>section>article>div>dl>dt.subway_seoul_7{ background-color: rgb(113,118,23); }
.location_content>section>article>div>dl>dt.subway_seoul_8{ background-color: rgb(238,75,149); }
.location_content>section>article>div>dl>dt.subway_seoul_9{ background-color: rgb(206,163,58); }
.location_content>section>article>div>dl>dt.subway_seongnamyeoju{ background-color: rgb(1,153,153); }
.location_content>section>article>div>dl>dt.subway_busangimhae{ background-color: rgb(146,75,221); }
.location_content>section>article>div>dl>dt.subway_donghae{ background-color: rgb(51,86,180); }
.location_content>section>article>div>dl>dt.subway_sinbundang{ background-color: rgb(206,50,69); }
.location_content>section>article>div>dl>dt.subway_suinbundang{ background-color: rgb(255,206,50); }
.location_content>section>article>div>dl>dt.subway_uijeongbug{ background-color: rgb(255,181,100); }
.location_content>section>article>div>dl>dt.subway_uisinseol{ background-color: rgb(192,202,51); }
.location_content>section>article>div>dl>dt.subway_gyeongchun{ background-color: rgb(40,182,201); }
.location_content>section>article>div>dl>dt.subway_everline{ background-color: rgb(145,206,106); }
.location_content>section>article>div>dl>dt.subway_incheon1{ background-color: rgb(130,180,226); }
.location_content>section>article>div>dl>dt.subway_incheon2{ background-color: rgb(255,164,64); }
.location_content>section>article>div>dl>dt.subway_gyeonggang{ background-color: rgb(24,124,232); }
.location_content>section>article>div>dl>dt.subway_gonghang{ background-color: rgb(61,168,233); }
.location_content>section>article>div>dl>dt.subway_gyeonguijungang{ background-color: rgb(133,212,212); }
.location_content>section>article>div>dl>dt.subway_jagibusang{ background-color: rgb(255,137,57); }
.location_content>section>article>div>dl>dt.subway_seohae{ background-color: rgb(133,191,55); }
.location_content>section>article>div>dl>dt.subway_gimpogold{ background-color: rgb(154,118,17); }
.location_content>section>article>div>dl>dt.subway_busan_1{ background-color: rgb(255,137,57); }
.location_content>section>article>div>dl>dt.subway_busan_2{ background-color: rgb(60,180,74); }
.location_content>section>article>div>dl>dt.subway_busan_3{ background-color: rgb(255,206,50); }
.location_content>section>article>div>dl>dt.subway_busan_4{ background-color: rgb(24,124,232); }
.location_content>section>article>div>dl>dt.subway_daegu_1{ background-color: rgb(255,137,57); }
.location_content>section>article>div>dl>dt.subway_daegu_2{ background-color: rgb(60,180,74); }
.location_content>section>article>div>dl>dt.subway_daegu_3{ background-color: rgb(255,206,50); }
.location_content>section>article>div>dl>dt.subway_gwangju_1{ background-color: rgb(60,180,74); }
.location_content>section>article>div>dl>dt.subway_daejeon_1{ background-color: rgb(60,180,74); }
.location_content>section>article>div>dl>dt.bus_ganseon{ background-color: rgb(113,130,245); }
.location_content>section>article>div>dl>dt.bus_gonghang{ background-color: rgb(170,136,116); }
.location_content>section>article>div>dl>dt.bus_jiseon{ background-color: rgb(95,183,60); }
.location_content>section>article>div>dl>dt.bus_sunhwan{ background-color: rgb(220,163,36); }
.location_content>section>article>div>dl>dt.bus_gosok{ background-color: rgb(248,110,85); }
.location_content>section>article>div>dl>dt.bus_ilban{ background-color: rgb(0,174,171); }
.location_content>section>article>div>dl>dt.bus_guphaeng{ background-color: rgb(248,110,85); }
.location_content>section>article>div>dl>dt.bus_siwoe{ background-color: rgb(186,131,242); }
.location_content>section>article>div>dl>dt.bus_jikhaeng{ background-color: rgb(248,110,85); }
.location_content>section>article>div>dl>dt.bus_woegwak{ background-color: rgb(95,183,60); }
.location_content>section>article>div>dl>dt.bus_jwaseok{ background-color: rgb(51,156,240); }
.location_content>section>article>div>dl>dt.bus_maul{ background-color: rgb(95,183,60); }
.location_content>section>article>div>dl>dt.bus_gwangyeok{ background-color: rgb(248,110,85); }
.location_content>section>article>div>dl>dt.bus_nongeochon{ background-color: rgb(226,126,63); }
.location_content>section>article>div>dl>dd{ width: auto; max-width: calc(100% - 50px); height: auto; padding-left: 5px; color: rgb(18,18,18); font-size: 16px; font-weight: 300; line-height: 24px; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .location_content>section>article>div>dl>dd{ color: rgb(220,220,220); }
.location_content>section>article>div>dl>dd>span{ color: rgb(153,153,153); font-size: 12px; }
body#dark .location_content>section>article>div>dl>dd>span{ color: rgb(153,153,153); }

@media(max-width:960px){

    .location_content>div{ height: 420px !important; }
    .location_content>dl{ margin-top: 20px; }
    .location_content>dl>dt{ width: 100%; }
    .location_content>dl>dt>ul>li{ padding: 5px 10px; font-size: 16px; }
    .location_content>dl>dt>ul>li:nth-of-type(1){ width: 69px; }
    .location_content>dl>dt>ul>li:nth-of-type(2){ width: calc(100% - 110px); }
    .location_content>dl>dd{ width: 100%; margin-top: 20px; float: left; }
    .location_content>dl>dd>a{ width: 50%; height: 50px; margin-top: 0; font-size: 16px; line-height: 48px; }
    .location_content>dl>dd.mobile>a{ width: 100%; }
    .location_content>dl>dd.mobile>a:nth-of-type(2){ margin-top: 0; }
    .location_content>dl>dd>a>img{ width: 18px; height: 17px; margin-right: 7px; top: 3px; }
    .location_content>h4{ margin-top: 40px; font-size: 16px; }
    .location_content>section>article{ width: 100%; }
    .location_content>section>article:nth-of-type(2){ margin-top: 15px; }
    .location_content>section>article>p{ width: 50px; font-size: 14px; }
    .location_content>section>article>div{ max-width: calc(100% - 50px); }
    .location_content>section>article>div>a{ font-size: 14px; line-height: 20px; }
    .location_content>section>article>div>dl>dt{ height: 15px; margin-top: 3px; margin-right: 3px; }
    .location_content>section>article>div>dl>dd{ font-size: 14px; line-height: 20px; }

}

@media(max-width:480px){

    .location_content>div{ height: 350px !important; }
    .location_content>dl{ margin-top: 15px; }
    .location_content>dl>dt>ul>li{ padding: 5px 7px; }
    .location_content>dl>dt>ul>li:nth-of-type(1){ width: 69px; }
    .location_content>dl>dt>ul>li:nth-of-type(2){ width: calc(100% - 98px); }
    .location_content>dl>dd{ margin-top: 15px; }
    .location_content>dl>dd>a{ height: 45px; line-height: 43px; }
    .location_content>dl>dd>a>img{ width: 15px; height: 14px; margin-right: 5px; top: 1px; }
    .location_content>h4{ margin-top: 30px; }

}
/* 오시는길 페이지 끝 */

/* 사업장(백화점, 스타필드, 면세점, 전문점) 페이지 시작 */
.field_content{ width: 100%; height: auto; margin: auto; transition: all 0.12s ease-in-out; }
.field_content>h4{ width: 100%; color: rgb(18,18,18); font-size: 40px; font-weight: 500; text-align: center; line-height: 1.1; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .field_content>h4{ color: rgb(220,220,220); }
.field_content>h4>span{ font-weight: 700; }
.field_content>p{ width: 100%; margin-top: 15px; color: rgb(18,18,18); font-size: 18px; font-weight: 500; text-align: center; transition: all 0.12s ease-in-out; }
body#dark .field_content>p{ color: rgb(220,220,220); }
.field_content>dl{ width: calc(100% - 40px); margin-top: 50px; padding: 100px 20px; background-color: rgb(245,245,245); display: flex; flex-flow: row nowrap; justify-content: center; transition: all 0.12s ease-in-out; }
body#dark .field_content>dl{ background-color: rgba(255,255,255,0.2); }
.field_content>dl>dt{ width: calc(100% - 500px); max-width: 420px; margin-right: 50px; transition: all 0.12s ease-in-out; }
.field_content>dl>dt>h4{ width: 100%; padding-bottom: 10px; border-bottom: 1px solid rgb(18,18,18); color: rgb(18,18,18); font-size: 24px; font-weight: 500; text-align: center; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .field_content>dl>dt>h4{ border-bottom-color: rgb(220,220,220); color: rgb(220,220,220); }
.field_content>dl>dt>section{ width: 100%; transition: all 0.12s ease-in-out; }
.field_content>dl>dt>section>article{ width: 100%; margin-top: 40px; transition: all 0.12s ease-in-out; }
.field_content>dl>dt>section>article>h5{ width: 100%; margin-bottom: 10px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; color: rgb(18,18,18); font-size: 20px; font-weight: 500; text-align: center; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .field_content>dl>dt>section>article>h5{ color: rgb(220,220,220); }
.field_content>dl>dt>section>article>h5>img{ width: 21px; height: 27px; margin-right: 10px; transition: all 0.12s ease-in-out; }
.field_content>dl>dt>section>article>h5>span{ margin-right: 15px; }
.field_content>dl>dt>section>article>ul{ width: 100%; display: flex; flex-flow: column nowrap; align-items: center; transition: all 0.12s ease-in-out; }
.field_content>dl>dt>section>article>ul>li{ max-width: 100%; margin: 5px 0 0 20px; color: rgb(18,18,18); font-size: 16px; font-weight: 400; text-align: center; transition: all 0.12s ease-in-out; cursor: pointer; }
body#dark .field_content>dl>dt>section>article>ul>li{ color: rgb(220,220,220); }
.field_content>dl>dt>section>article>ul>li:hover{ color: rgb(46,168,225); }
body#dark .field_content>dl>dt>section>article>ul>li:hover{ color: rgb(46,168,225); }
.field_content>dl>dt>section>article>ul>li>i{ width: 10px; margin-left: 10px; color: transparent; transition: all 0.12s ease-in-out; }
.field_content>dl>dt>section>article>ul>li:hover>i{ color: rgb(46,168,225); }
body#dark .field_content>dl>dt>section>article>ul>li:hover>i{ color: rgb(46,168,225); }
.field_content>dl>dt>section>p{ margin-top: 40px; font-size: 14px; text-align: center; }
body#dark .field_content>dl>dt>section>p{ color: rgb(220,220,220); }
.field_content>dl>dd{ width: 530px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: flex-start; transition: all 0.12s ease-in-out; }
.field_content>dl>dd>div{ width: 100%; max-width: 350px; position: relative; transition: all 0.12s ease-in-out; }
.field_content>dl>dd>div>img{ width: 100%; height: 100%; transition: all 0.12s ease-in-out; }
body#dark .field_content>dl>dd>div>img{ opacity: 0.4; }
.field_content>dl>dd>div>figure{ width: 51px; height: 55px; margin-top: -79px; margin-left: -28px; padding: 0 6px 30px 2px; position: absolute; color: rgb(255,255,255); font-size: 14px; font-weight: 400; text-align: center; word-break: keep-all; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.12s ease-in-out; }
.field_content>dl>dd>div>figure>span{ cursor: pointer; }
.field_content>div{ width: 100%; height: 0; min-width: 320px; margin: auto; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000; background-color: rgba(0,0,0,0.4); overflow: hidden; opacity: 0; }
.field_content>div>div{ width: calc(100% - 380px); height: calc(100% - 380px); max-width: 900px; min-width: 320px; margin: auto; padding: 40px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgb(255,255,255); box-shadow: 2px 2px 7px 3px rgba(0,0,0,0.5); overflow: auto; transition: all 0.12s ease-in-out; }
body#dark .field_content>div>div{ background-color: rgb(42,42,42); background-image: url('/static/img/dark_pattern.jpg'); background-position: center top 0; background-repeat: repeat; background-size: auto; }
.field_content>div>div>h6{ width: 100%; color: rgb(46,168,225); font-size: 18px; font-weight: 500; word-break: keep-all; position: relative; transition: all 0.12s ease-in-out; }
.field_content>div>div>h6>i{ width: 12px; height: 18px; position: absolute; top: 0; right: 0; color: rgb(18,18,18); cursor: pointer; }
body#dark .field_content>div>div>h6>i{ color: rgb(220,220,220); }
.field_content>div>div>h4{ width: 100%; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid rgb(235,235,235); color: rgb(18,18,18); font-size: 24px; font-weight: 700; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .field_content>div>div>h4{ border-bottom-color: rgb(85,85,85); color: rgb(220,220,220); }
.field_content>div>div>section{ width: 100%; margin-top: 30px; display: flex; flex-flow: row nowrap; transition: all 0.12s ease-in-out; }
.field_content>div>div>section>figure{ width: calc(100% - 390px); min-height: 240px; margin-right: 40px; background-color: rgb(245,245,245); background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 0.12s ease-in-out; }
body#dark .field_content>div>div>section>figure{ background-color: rgba(255,255,255,0.1); }
.field_content>div>div>section>div{ width: 350px; transition: all 0.12s ease-in-out; }
.field_content>div>div>section>div>dl{ width: 100%; margin-top: 15px; display: flex; flex-flow: row nowrap; transition: all 0.12s ease-in-out; }
.field_content>div>div>section>div>dl:nth-of-type(1){ margin-top: 10px; }
.field_content>div>div>section>div>dl>dt{ width: 100px; color: rgb(18,18,18); font-size: 16px; font-weight: 700; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .field_content>div>div>section>div>dl>dt{ color: rgb(220,220,220); }
.field_content>div>div>section>div>dl>dd{ width: calc(100% - 100px); color: rgb(18,18,18); font-size: 16px; font-weight: 400; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .field_content>div>div>section>div>dl>dd{ color: rgb(220,220,220); }
.field_content>div>div>section>div>dl>dd>a{ color: inherit; transition: all 0.12s ease-in-out; cursor: pointer; }
.field_content>div>div>section>div>dl>dd>a:hover{ color: rgb(8,91,176); }
body#dark .field_content>div>div>section>div>dl>dd>a:hover{ color: rgb(46,168,225); }
.field_content>div>div>h3{ width: calc(100% - 30px); margin-top: 40px; padding: 10px 15px; display: flex; flex-flow: row nowrap; align-items: center; background-color: rgb(245,245,245); }
body#dark .field_content>div>div>h3{ background-color: rgba(255,255,255,0.1); }
.field_content>div>div>h3>img{ width: 21px; height: 27px; margin-right: 10px; transition: all 0.12s ease-in-out; }
.field_content>div>div>h3>span{ color: rgb(18,18,18); font-size: 16px; font-weight: 700; word-break: keep-all; }
body#dark .field_content>div>div>h3>span{ color: rgb(220,220,220); }
.field_content>div>div>div.root_daum_roughmap{ width: 100% !important; height: 500px !important; border: 0 !important; border-radius: 0 !important; position: relative; z-index: 1; }
.field_content>div>div>div.root_daum_roughmap .wrap_map{ height: calc(100% - 32px) !important; }
body#dark .field_content>div>div .root_daum_roughmap .wrap_controllers{ background-color: rgba(255,255,255,0.2) !important; }
body#dark .field_content>div>div .root_daum_roughmap .wrap_controllers .wrap_btn_roadview .txt{ color: rgb(220,220,220) !important; }
body#dark .field_content>div>div .root_daum_roughmap .wrap_controllers .tit_controllers img{ filter: invert(99%) sepia(72%) saturate(2%) hue-rotate(38deg) brightness(109%) contrast(100%) !important; }

/* 날씨 영역 */
.weather_area{ width: 100%; margin-top: 20px; overflow: hidden; display: flex; flex-flow: row wrap; }
.weather_area .weather{ width: 100%; height: 65px; }
.weather_obj>div{ display: flex; flex-flow: row wrap; justify-content: center; position: relative; }
.weather_obj>div>h3{ width: 30px; margin-right: 15px; color: rgb(153,153,153); font-size: 10px; font-weight: 400; text-align: right; position: absolute; top: 31px; right: 50%; z-index: 10; }
body#dark .weather_obj>div>h3{ color: rgb(153,153,153); }
.weather_obj>div>h4{ width: 30px; margin-left: 15px; color: rgb(153,153,153); font-size: 10px; font-weight: 400; position: absolute; top: 31px; left: 50%; z-index: 10; }
body#dark .weather_obj>div>h4{ color: rgb(153,153,153); }
.weather_obj>div>h5{ width: 100%; color: rgb(8,91,176); font-size: 12px; font-weight: 500; text-align: center; position: relative; top: -6px; }
body#dark .weather_obj>div>h5{ color: rgb(46,168,225); }
.weather_obj>div>p{ width: 21px; margin-left: -10px; color: rgb(46,168,225); font-size: 10px; position: absolute; top: 19px; left: 50%; z-index: 10; }
body#dark .weather_obj>div>p{ color: rgb(220,220,220); }
.weather_obj>div>p>i{ color: rgb(46,168,225); }
body#dark .weather_obj>div>p>i{ color: rgb(220,220,220); }
.weather_area>h6{ width: 100%; color: rgb(153,153,153); font-size: 10px; font-weight: 400; display: flex; flex-flow: row nowrap; justify-content: space-between; }
body#dark .weather_area>h6{ color: rgb(153,153,153); }

@media(max-width:1200px){

    .field_content>div>div>section>figure{ width: calc(100% - 350px); min-height: 210px; margin-right: 20px; }
    .field_content>div>div>section>div>dl{ margin-top: 10px; }
    .field_content>div>div>section>div>dl:nth-of-type(1){ margin-top: 5px; }
    .field_content>div>div>section>div>dl>dt{ width: 80px; }
    .field_content>div>div>section>div>dl>dd{ width: calc(100% - 80px); }
    .field_content>div>div>div.root_daum_roughmap{ height: 300px !important; }

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

    .field_content>dl{ justify-content: space-around; }
    .field_content>dl>dt{ width: calc(100% - 420px); margin-right: 30px; }
    .field_content>dl>dd{ width: 350px; }
    .field_content>div>div>section>figure{ width: calc(100% - 280px); transition: none; }
    .field_content>div>div>section>div{ width: 260px; }

}

@media(max-width:960px){

    .field_content>h4{ font-size: 32px; }
    .field_content>p{ margin-top: 10px; font-size: 16px; }
    .field_content>div>div{ width: calc(100% - 160px); height: calc(100% - 160px); padding: 30px; }
    .field_content>div>div>section{ flex-flow: row wrap; }
    .field_content>div>div>section>figure{ width: 100%; min-height: 0; margin-right: 0; }
    .field_content>div>div>section>div{ width: 100%; margin-top: 20px; }

}

@media(max-width:740px){

    .field_content>dl>dt{ width: calc(100% - 350px); }
    .field_content>dl>dd{ width: 300px; }

}

@media(max-width:620px){

    .field_content>dl{ flex-flow: column nowrap; align-items: center; }
    .field_content>dl>dt{ width: 100%; margin-right: 0; }
    .field_content>dl>dd{ width: 100%; margin-top: 80px; }

}

@media(max-width:480px){

    .field_content>h4{ font-size: 24px; }
    .field_content>p{ font-size: 14px; }
    .field_content>div>div{ width: calc(100% - 40px); height: calc(100% - 40px); padding: 20px; }

}

/* 기상 아이콘 */
.weather_obj .icon {
    position: relative;
    display: inline-block;
    width: 12em;
    height: 10em;
    font-size: 0.3em; /* control icon size here */
}
.weather_obj .icon * { color: rgb(255,255,255); }
body#dark .weather_obj .icon * { color: rgb(220,220,220); }

.weather_obj .cloud {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 3.6875em;
    height: 3.6875em;
    margin: -1.84375em;
    background: rgb(255,255,255);
    border-radius: 50%;
    box-shadow:
        -2.1875em 0.6875em 0 -0.6875em,
        2.0625em 0.9375em 0 -0.9375em,
        0 0 0 0.375em rgb(153,153,153),
        -2.1875em 0.6875em 0 -0.3125em rgb(153,153,153),
        2.0625em 0.9375em 0 -0.5625em rgb(153,153,153);
}
body#dark .weather_obj .cloud {
    color: rgb(42,42,42);
    background-color: rgb(42,42,42);
    background-image: url('/static/img/dark_pattern.jpg');
    background-position: center top 0;
    background-repeat: repeat;
    background-size: auto;
    box-shadow:
        -2.1875em 0.6875em 0 -0.6875em,
        2.0625em 0.9375em 0 -0.9375em,
        0 0 0 0.375em rgb(220,220,220),
        -2.1875em 0.6875em 0 -0.3125em rgb(220,220,220),
        2.0625em 0.9375em 0 -0.5625em rgb(220,220,220);
}
.weather_obj .cloud:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -0.5em;
    display: block;
    width: 4.5625em;
    height: 1em;
    background: rgb(255,255,255);
    box-shadow: 0 0.4375em 0 -0.0625em rgb(153,153,153);
}
body#dark .weather_obj .cloud:after {
    background-color: rgb(42,42,42);
    background-image: url('/static/img/dark_pattern.jpg');
    background-position: center top 0;
    background-repeat: repeat;
    background-size: auto;
    box-shadow: 0 0.4375em 0 -0.0625em rgb(220,220,220);
}
.weather_obj .cloud:nth-child(2) {
    z-index: 0;
    background: rgb(153,153,153);
    box-shadow:
        -2.1875em 0.6875em 0 -0.6875em rgb(153,153,153),
        2.0625em 0.9375em 0 -0.9375em rgb(153,153,153),
        0 0 0 0.375em rgb(153,153,153),
        -2.1875em 0.6875em 0 -0.3125em rgb(153,153,153),
        2.0625em 0.9375em 0 -0.5625em rgb(153,153,153);
    opacity: 0.3;
    transform: scale(0.5) translate(6em, -3em);
    animation: cloud 4s linear infinite;
}
body#dark .weather_obj .cloud:nth-child(2) {
    background: rgb(220,220,220);
    box-shadow:
        -2.1875em 0.6875em 0 -0.6875em rgb(220,220,220),
        2.0625em 0.9375em 0 -0.9375em rgb(220,220,220),
        0 0 0 0.375em rgb(220,220,220),
        -2.1875em 0.6875em 0 -0.3125em rgb(220,220,220),
        2.0625em 0.9375em 0 -0.5625em rgb(220,220,220);
}
.weather_obj .cloud:nth-child(2):after { background: rgb(153,153,153); }
body#dark .weather_obj .cloud:nth-child(2):after { background: rgb(153,153,153); }

.weather_obj .sun {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.5em;
    height: 2.5em;
    margin: -1.25em;
    background: rgb(252,229,114);
    border-radius: 50%;
    box-shadow: 0 0 0 0.375em rgb(153,153,153);
    animation: spin 12s infinite linear;
}
body#dark .weather_obj .sun {
    background: #E6C15C;
    box-shadow: 0 0 0 0.375em rgb(220,220,220);
}
.weather_obj .rays {
    position: absolute;
    top: -2em;
    left: 50%;
    display: block;
    width: 0.375em;
    height: 1.125em;
    margin-left: -0.1875em;
    background: rgb(153,153,153);
    border-radius: 0.25em;
    box-shadow: 0 5.375em rgb(153,153,153);
}
body#dark .weather_obj .rays {
    background: rgb(220,220,220);
    box-shadow: 0 5.375em rgb(220,220,220);
}
.weather_obj .rays:before,
.weather_obj .rays:after {
    content: '';
    position: absolute;
    top: 0em;
    left: 0em;
    display: block;
    width: 0.375em;
    height: 1.125em;
    transform: rotate(60deg);
    transform-origin: 50% 3.25em;
    background: rgb(153,153,153);
    border-radius: 0.25em;
    box-shadow: 0 5.375em rgb(153,153,153);
}
body#dark .weather_obj .rays:before,
body#dark .weather_obj .rays:after {
    background: rgb(220,220,220);
    box-shadow: 0 5.375em rgb(220,220,220);
}
.weather_obj .rays:before {
    transform: rotate(120deg);
}
.weather_obj .cloud + .sun {
    margin: -2em 1em;
}

.weather_obj .rain,
.weather_obj .lightning,
.weather_obj .snow {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 3.75em;
    height: 3.75em;
    margin: 0.375em 0 0 -2em;
    background: rgb(255,255,255);
}
body#dark .weather_obj .rain,
body#dark .weather_obj .lightning,
body#dark .weather_obj .snow {
    background-color: rgb(42,42,42);
    background-image: url('/static/img/dark_pattern.jpg');
    background-position: center top 0;
    background-repeat: repeat;
    background-size: auto;
}

.weather_obj .rain:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 1.125em;
    height: 1.125em;
    margin: -1em 0 0 -0.25em;
    background: rgb(46,168,225);
    border-radius: 100% 0 60% 50% / 60% 0 100% 50%;
    box-shadow:
        0.625em 0.875em 0 -0.125em rgba(255,255,255,0.2),
        -0.875em 1.125em 0 -0.125em rgba(255,255,255,0.2),
        -1.375em -0.125em 0 rgba(255,255,255,0.2);
    transform: rotate(-28deg);
    animation: rain 3s linear infinite;
}
body#dark .weather_obj .rain:after {
    background: rgb(46,168,225);
    box-shadow:
        0.625em 0.875em 0 -0.125em rgba(255,255,255,0.2),
        -0.875em 1.125em 0 -0.125em rgba(255,255,255,0.2),
        -1.375em -0.125em 0 rgba(255,255,255,0.2);
}

.weather_obj .bolt {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.25em 0 0 -0.125em;
    color: rgb(153,153,153);
    opacity: 0.3;
    animation: lightning 2s linear infinite;
}
body#dark .weather_obj .bolt {
    color: rgb(153,153,153);
}
.weather_obj .bolt:nth-child(2) {
    width: 0.5em;
    height: 0.25em;
    margin: -1.75em 0 0 -1.875em;
    transform: translate(2.5em, 2.25em);
    opacity: 0.2;
    animation: lightning 1.5s linear infinite;
}
.weather_obj .bolt:before,
.weather_obj .bolt:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin: -1.625em 0 0 -1.0125em;
    border-top: 1.25em solid transparent;
    border-right: 0.75em solid;
    border-bottom: 0.75em solid;
    border-left: 0.5em solid transparent;
    transform: skewX(-10deg);
}
.weather_obj .bolt:after {
    margin: -0.25em 0 0 -0.25em;
    border-top: 0.75em solid;
    border-right: 0.5em solid transparent;
    border-bottom: 1.25em solid transparent;
    border-left: 0.75em solid;
    transform: skewX(-10deg);
}
.weather_obj .bolt:nth-child(2):before {
    margin: -0.75em 0 0 -0.5em;
    border-top: 0.625em solid transparent;
    border-right: 0.375em solid;
    border-bottom: 0.375em solid;
    border-left: 0.25em solid transparent;
}
.weather_obj .bolt:nth-child(2):after {
    margin: -0.125em 0 0 -0.125em;
    border-top: 0.375em solid;
    border-right: 0.25em solid transparent;
    border-bottom: 0.625em solid transparent;
    border-left: 0.375em solid;
}

.weather_obj .flake:before,
.weather_obj .flake:after {
    content: '\2744';
    position: absolute;
    top: 30%;
    left: 50%;
    margin: -1.025em 0 0 -1.5em;
    color: rgb(46,168,225);
    list-height: 1em;
    opacity: 0.9;
    animation: spin 8s linear infinite reverse;
}
body#dark .weather_obj .flake:before,
body#dark .weather_obj .flake:after {
    color: rgb(46,168,225);
}
.weather_obj .flake:after {
    margin: 0.125em 0 0 -1.2em;
    font-size: 1.5em;
    opacity: 0.5;
    animation: spin 14s linear infinite;
}
.weather_obj .flake:nth-child(2):before {
    margin: -0.5em 0 0 0.25em;
    font-size: 1.25em;
    opacity: 0.9;
    animation: spin 10s linear infinite;
}
.weather_obj .flake:nth-child(2):after {
    margin: 0.375em 0 0 -0.125em;
    font-size: 2em;
    opacity: 0.5;
    animation: spin 16s linear infinite reverse;
}


/* Animations */

@keyframes spin {
    100% { transform: rotate(360deg); }
}

@keyframes cloud {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% {
        opacity: 0;
        transform: scale(0.5) translate(-200%, -3em);
    }
}

@keyframes rain {
    0% {
        background: rgb(46,168,225);
        box-shadow:
            0.625em 0.875em 0 -0.125em rgba(255,255,255,0.2),
            -0.875em 1.125em 0 -0.125em rgba(255,255,255,0.2),
            -1.375em -0.125em 0 rgb(46,168,225);
    }
    25% {
        box-shadow:
            0.625em 0.875em 0 -0.125em rgba(255,255,255,0.2),
            -0.875em 1.125em 0 -0.125em rgb(46,168,225),
            -1.375em -0.125em 0 rgba(255,255,255,0.2);
    }
    50% {
        background: rgba(255,255,255,0.3);
        box-shadow:
            0.625em 0.875em 0 -0.125em rgb(46,168,225),
            -0.875em 1.125em 0 -0.125em rgba(255,255,255,0.2),
            -1.375em -0.125em 0 rgba(255,255,255,0.2);
    }
    100% {
        box-shadow:
            0.625em 0.875em 0 -0.125em rgba(255,255,255,0.2),
            -0.875em 1.125em 0 -0.125em rgba(255,255,255,0.2),
            -1.375em -0.125em 0 rgb(46,168,225);
    }
}

@keyframes lightning {
    45% {
        color: rgb(153,153,153);
        background: rgb(153,153,153);
        opacity: 0.2;
    }
    50% {
        color: rgb(46,168,225);
        background: rgb(46,168,225);
        opacity: 1;
    }
    55% {
        color: rgb(153,153,153);
        background: rgb(153,153,153);
        opacity: 0.2;
    }
}
/* 사업장(백화점, 스타필드, 면세점, 전문점) 페이지 끝 */

/* 더가디언스 소식 페이지 시작 */
.news_content{ width: calc(100% - 40px); height: auto; max-width: 1200px; margin: auto; transition: all 0.12s ease-in-out; }
/* 더가디언스 소식 페이지 끝 */

/* 홍보자료 페이지 시작 */
.promotion_content{ width: calc(100% - 40px); height: auto; max-width: 1200px; margin: auto; transition: all 0.12s ease-in-out; }
/* 홍보자료 페이지 끝 */

/* 사회공헌 페이지 시작 */
.contribution_content{ width: calc(100% - 40px); height: auto; max-width: 1200px; margin: auto; transition: all 0.12s ease-in-out; }
/* 사회공헌 페이지 끝 */

/* FAQ 페이지 시작 */
.faq_content{ width: calc(100% - 40px); height: auto; max-width: 1200px; margin: auto; transition: all 0.12s ease-in-out; }
.faq_content>.board_list>ul>a.faq_subject{ margin-top: 20px; border-bottom-width: 0; background-color: rgb(8,91,176) !important; }
body#dark .faq_content>.board_list>ul>a.faq_subject{ background-color: rgb(6,66,125) !important; }
.faq_content>.board_list>ul>a.faq_subject *{ color: rgb(255,255,255); }
body#dark .faq_content>.board_list>ul>a.faq_subject *{ color: rgb(220,220,220); }
.faq_content>.board_list>ul>a.faq_subject>p:nth-of-type(2){ width: calc(100% - 95px); margin-right: 15px; display: block; text-align: left; }
.faq_content>.board_list>ul>dl{ width: 100%; border-bottom: 1px solid rgb(220,220,220); display: flex; flex-flow: row wrap; }
body#dark .faq_content>.board_list>ul>dl{ border-bottom-color: rgb(85,85,85); }
.faq_content>.board_list>ul>dl>dt{ width: 80px; margin: 15px 0; color: rgb(8,91,176); font-size: 20px; text-align: center; }
body#dark .faq_content>.board_list>ul>dl>dt{ color: rgb(46,168,225); }
.faq_content>.board_list>ul>dl>dd{ width: calc(100% - 95px); margin-right: 15px; padding: 15px 0; color: rgb(18,18,18); font-size: 14px; font-weight: 400; word-break: keep-all; transition: all 0.12s ease-in-out; }
.faq_content>.board_list>ul>dl>dd *{ max-width: 100%; }
body#dark .faq_content>.board_list>ul>dl>dd *{ color: rgb(220,220,220); }
.faq_content>.board_list>ul>dl>dd img{ margin: 10px 0; }
.faq_content>.board_list>ul>dl>div{ width: calc(100% - 80px); margin-bottom: 0; margin-left: 80px; }
.faq_content>.board_list>ul>dl>div>ul{ border-bottom-width: 0; }
.faq_content>.board_list>p{ border-top: 1px solid rgb(185,185,185); }
body#dark .faq_content>.board_list>p{ border-top-color: rgb(220,220,220); }

.faq_content .board_view>div{ width: 100%; min-height: 0; padding: 15px 0; border-bottom-width: 0; }
.faq_content .board_view>ul{ border-top: 1px solid rgb(220,220,220); }
body#dark .faq_content .board_view>ul{ border-top-color: rgb(85,85,85); }

@media(max-width:960px){

    .faq_content>.board_list>ul>a.faq_subject>p:nth-of-type(2){ width: calc(100% - 65px); }
    .faq_content>.board_list>ul>dl>dt{ width: 50px; }
    .faq_content>.board_list>ul>dl>dd{ width: calc(100% - 65px); }
    .faq_content>.board_list>ul>dl>div{ width: calc(100% - 50px); margin-left: 50px; }

}
/* FAQ 페이지 끝 */

/* 문의하기 페이지 시작 */
.qna_list_content{ width: calc(100% - 40px); height: auto; max-width: 1200px; margin: auto; transition: all 0.12s ease-in-out; }
.qna_list_content>.board_nav{ width: 100%; min-height: 42px; margin-bottom: 40px; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-end; }
.qna_list_content>.board_nav>a{ width: 150px; height: auto; margin-left: auto; padding: 10px 0; border: 1px solid rgb(8,91,176); color: rgb(8,91,176); font-size: 14px; font-weight: 400; text-align: center; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1); transition: all 0.12s ease-in-out; cursor: pointer; }
.qna_list_content>.board_nav>a:hover{ background-color: rgb(8,91,176); color: rgb(255,255,255); }
body#dark .qna_list_content>.board_nav>a{ border-color: rgb(6,66,125); background-color: rgb(6,66,125); color: rgb(220,220,220); }
body#dark .qna_list_content>.board_nav>a:hover{ border-color: rgb(35,129,173); background-color: rgb(35,129,173); }
.qna_list_content>.board_list>ul>a>p:nth-of-type(2)>b>span{ font-size: 12px; font-weight: 400; }
.qna_list_content>.board_list>ul>a>p:nth-of-type(2)>b>span.ok_comment{ color: rgb(8,91,176); }
body#dark .qna_list_content>.board_list>ul>a>p:nth-of-type(2)>b>span.ok_comment{ color: rgb(46,168,225); }
.qna_list_content>.board_list>ul>a>p:nth-of-type(2)>b>span.no_comment{ color: rgb(185,185,185); }
body#dark .qna_list_content>.board_list>ul>a>p:nth-of-type(2)>b>span.no_comment{ color: rgb(102,102,102); }

.qna_view_content{ width: calc(100% - 40px); height: auto; max-width: 1200px; margin: auto; transition: all 0.12s ease-in-out; }
.qna_view_content>.board_view{ margin-bottom: 20px; display: flex; flex-flow: row wrap; }
.qna_view_content>.board_view:last-of-type{ margin-bottom: 150px; }
body#dark .qna_view_content>.board_view>article>a{ color: rgb(220,220,220); }
.qna_view_content>.board_view>dl:nth-of-type(1){ border-bottom-width: 0; }
.qna_view_content>.board_view>dl.half_input{ width: 50%; }
.qna_view_content>.board_view>dl>dd>a{ color: inherit; }

.qna_view_content>.board_view>h4{ width: calc(100% - 20px); margin-top: 20px; padding: 5px 10px; font-size: 14px; font-weight: 500; background-color: rgb(8,91,176); color: rgb(255,255,255); }
body#dark .qna_view_content>.board_view>h4{ background-color: rgb(6,66,125); color: rgb(220,220,220); }

.qna_write_content{ width: calc(100% - 40px); height: auto; max-width: 1200px; margin: auto; transition: all 0.12s ease-in-out; }
.qna_write_content>.board_write{ width: 100%; display: flex; flex-flow: row wrap; transition: all 0.12s ease-in-out; }
.qna_write_content>.board_write>article{ width: 100%; display: flex; flex-flow: row nowrap; justify-content: flex-end; transition: all 0.12s ease-in-out; }
.qna_write_content>.board_write>article>a{ width: 150px; height: auto; margin-left: 10px; padding: 10px 0; border: 1px solid transparent; font-size: 14px; font-weight: 400; text-align: center; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1); transition: all 0.12s ease-in-out; cursor: pointer; }
.qna_write_content>.board_write>article>a:nth-of-type(1){ margin-left: 0; }
.qna_write_content>.board_write>article>a.cancel_btn{ border-color: rgb(153,153,153); background-color: rgb(153,153,153); color: rgb(255,255,255); }
.qna_write_content>.board_write>article>a.cancel_btn:hover{ border-color: rgb(220,220,220); background-color: rgb(220,220,220); color: rgb(42,42,42); }
.qna_write_content>.board_write>article>a.list_btn{ border-color: rgb(8,91,176); color: rgb(8,91,176); }
.qna_write_content>.board_write>article>a.list_btn:hover{ background-color: rgb(8,91,176); color: rgb(255,255,255); }
body#dark .qna_write_content>.board_write>article>a.cancel_btn{ border-color: rgba(255,255,255,0.1); background-color: rgba(255,255,255,0.1); color: rgb(220,220,220); }
body#dark .qna_write_content>.board_write>article>a.cancel_btn:hover{ border-color: rgba(255,255,255,0.2); background-color: rgba(255,255,255,0.2); }
body#dark .qna_write_content>.board_write>article>a.list_btn{ border-color: rgb(6,66,125); background-color: rgb(6,66,125); color: rgb(220,220,220); }
body#dark .qna_write_content>.board_write>article>a.list_btn:hover{ border-color: rgb(35,129,173); background-color: rgb(35,129,173); }
.qna_write_content>.board_write>article>button{ width: 150px; height: auto; margin-left: 10px; padding: 10px 0; border: 1px solid transparent; font-size: 14px; font-weight: 400; text-align: center; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1); transition: all 0.12s ease-in-out; cursor: pointer; }
.qna_write_content>.board_write>article>button.list_btn:hover{ background-color: rgb(8,91,176); color: rgb(255,255,255); }
.qna_write_content>.board_write>dl{ width: 100%; border-bottom: 1px solid rgb(220,220,220); display: flex; flex-flow: row nowrap; transition: all 0.12s ease-in-out; }
.qna_write_content>.board_write>dl.half_input{ width: 50%; }
.qna_write_content>.board_write>dl:nth-of-type(1){ margin-top: 20px; border-top: 1px solid rgb(185,185,185); border-bottom-width: 0; }
.qna_write_content>.board_write>dl:last-of-type{ border-bottom-width: 0; }
body#dark .qna_write_content>.board_write>dl{ border-bottom-color: rgb(85,85,85); color: rgb(220,220,220); }
body#dark .qna_write_content>.board_write>dl:nth-of-type(1){ border-top-color: rgb(220,220,220); }
.qna_write_content>.board_write>dl>label{ width: 100px; padding: 15px 10px; font-size: 14px; font-weight: 500; word-break: keep-all; transition: all 0.12s ease-in-out; }
.qna_write_content>.board_write>dl>dd{ width: calc(100% - 120px); font-size: 14px; font-weight: 400; word-break: keep-all; position: relative; transition: all 0.12s ease-in-out; }
.qna_write_content>.board_write>dl>dd>input{ width: calc(100% - 20px); padding: 15px 10px; font-size: 14px; font-weight: 400; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .qna_write_content>.board_write>dl>dd>input{ color: rgb(220,220,220); }
.qna_write_content>.board_write>dl>dd>select{ width: 100%; padding: 15px 10px; font-size: 14px; font-weight: 400; transition: all 0.12s ease-in-out; }
body#dark .qna_write_content>.board_write>dl>dd>select{ color: rgb(220,220,220); }
.qna_write_content>.board_write>dl>dd>div.smart_btn{ margin: 12.5px 10px; }
.qna_write_content>.board_write>dl>dd>div.smart_btn>div{ z-index: 1; }
.qna_write_content>.board_write>dl>dd>div.smart_btn>i{ font-size: 14px; position: absolute; top: 6px; transition: all 0.12s ease-in-out; }
.qna_write_content>.board_write>dl>dd>div.smart_btn>i#secret_icon_on{ color: rgb(8,91,176); left: 8px; opacity: 0; }
body#dark .qna_write_content>.board_write>dl>dd>div.smart_btn>i#secret_icon_on{ color: rgb(6,66,125); }
.qna_write_content>.board_write>dl>dd>div.smart_btn>i#secret_icon_off{ color: rgb(135,135,135); right: 5px; opacity: 1; }
body#dark .qna_write_content>.board_write>dl>dd>div.smart_btn>i#secret_icon_off{ color: rgb(102,102,102); }
.qna_write_content>.board_write>dl>dd>div.smart_btn.on>i#secret_icon_on{ opacity: 1; }
.qna_write_content>.board_write>dl>dd>div.smart_btn.on>i#secret_icon_off{ opacity: 0; }

.qna_write_content>.board_write>div{ width: 100%; height: auto; transition: all 0.12s ease-in-out; }
body#dark .qna_write_content>.board_write>div textarea{ display: none; }
body#dark .qna_write_content>.board_write>div iframe{ background-color: rgba(255,255,255,0.65); }
.qna_write_content>.board_write>h5{ width: 100%; height: auto; margin-top: 30px; padding: 10px 0 5px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; transition: all 0.12s ease-in-out; }
.qna_write_content>.board_write>h5>p{ font-size: 14px; font-weight: 500; }
body#dark .qna_write_content>.board_write>h5>p{ color: rgb(220,220,220); }
.qna_write_content>.board_write>section{ width: calc(100% - 20px); height: auto; min-height: 120px; padding: 10px; display: flex; flex-flow: row wrap; background-color: rgb(245,245,245); position: relative; transition: all 0.12s ease-in-out; }
.qna_write_content>.board_write>section.active{ background-color: rgb(200,230,240); }
body#dark .qna_write_content>.board_write>section{ background-color: rgba(255,255,255,0.1); }
body#dark .qna_write_content>.board_write>section.active{ background-color: rgb(200,230,240); }
.qna_write_content>.board_write>section>input{ width: 0; height: 0; }
.qna_write_content>.board_write>section>div{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; transition: all 0.12s ease-in-out; }
.qna_write_content>.board_write>section>div>img{ width: 60px; height: 58px; opacity: 0.9; transition: all 0.12s ease-in-out; }
.qna_write_content>.board_write>section>div>p{ margin-top: 10px; color: rgb(153,153,153); font-size: 14px; transition: all 0.12s ease-in-out; }
body#dark .qna_write_content>.board_write>section>div>p{ color: rgb(153,153,153); }
.qna_write_content>.board_write>section>div>p>span{ color: rgb(8,91,176); font-weight: 500; }
body#dark .qna_write_content>.board_write>section>div>p>span{ color: rgb(46,168,225); }
.qna_write_content>.board_write>section>article{ width: 80px; height: 100px; margin: 10px; display: flex; flex-flow: column nowrap; align-items: center; position: relative; transition: all 0.12s ease-in-out; }
.qna_write_content>.board_write>section>article>i{ position: absolute; top: 0; right: 0; font-size: 16px; color: rgb(224,67,88); transition: all 0.12s ease-in-out; cursor: pointer; }
body#dark .qna_write_content>.board_write>section>article>i{ color: rgb(173,52,68); }
.qna_write_content>.board_write>section>article>figure{ width: 100%; height: 50px; min-width: 50px; min-height: 50px; background-position: center; background-repeat: no-repeat; background-size: contain; transition: all 0.12s ease-in-out; }
.qna_write_content>.board_write>section>article>img{ width: 50px; height: 50px; min-width: 50px; min-height: 50px; transition: all 0.12s ease-in-out; }
.qna_write_content>.board_write>section>article>h6{ width: 100%; max-width: 100%; height: 20px; margin-top: 7px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.12s ease-in-out; }
.qna_write_content>.board_write>section>article>h6>span{ font-size: 14px; font-weight: 500; }
.qna_write_content>.board_write>section>article>h6>span:nth-of-type(1){ font-size: 14px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qna_write_content>.board_write>section>article>h6>span:nth-of-type(2){ font-size: 14px; font-weight: 500; }
.qna_write_content>.board_write>section>article>p{ width: 100%; font-size: 13px; font-weight: 300; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; transition: all 0.12s ease-in-out; }
#file_input_tmp{ width: 0; height: 0; max-width: 0; max-height: 0; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; }

.qna_write_content>.board_write>div.agree_area{ margin-top: 5px; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.qna_write_content>.board_write>div.agree_area>label{ display: flex; flex-flow: row nowrap; align-items: center; cursor: pointer; }
.qna_write_content>.board_write>div.agree_area>label>svg{ display: flex; flex-flow: row nowrap; }
.qna_write_content>.board_write>div.agree_area>label>svg{ width: 14px; height: 14px; margin-right: 5px; }
.qna_write_content>.board_write>div.agree_area>label>svg path{ fill: rgb(204,204,204); transition: all 0.12s ease-in-out; }
body#dark .qna_write_content>.board_write>div.agree_area>label>svg path{ fill: rgb(185,185,185); }
.qna_write_content>.board_write>div.agree_area>label.on>svg path{ fill: rgb(8,91,176); }
body#dark .qna_write_content>.board_write>div.agree_area>label.on>svg path{ fill: rgb(46,168,225); }
.qna_write_content>.board_write>div.agree_area>label>input{ display: none; }
.qna_write_content>.board_write>div.agree_area>label>span{ color: rgb(204,204,204); font-size: 14px; font-weight: 400; transition: all 0.12s ease-in-out; }
body#dark .qna_write_content>.board_write>div.agree_area>label>span{ color: rgb(185,185,185); }
.qna_write_content>.board_write>div.agree_area>label.on>span{ color: rgb(8,91,176); }
body#dark .qna_write_content>.board_write>div.agree_area>label.on>span{ color: rgb(46,168,225); }
.qna_write_content>.board_write>div.agree_area>button{ color: rgb(153,153,153); font-size: 13px; cursor: pointer; }
body#dark .qna_write_content>.board_write>div.agree_area>button{ color: rgb(153,153,153); }

/* 개인정보처리방침 동의 내용 */
#privacy_agree_info{ width: 100%; height: 100%; min-width: 320px; margin: auto; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000; background-color: rgba(0,0,0,0.4); display: none; }
#privacy_agree_info>dl{ width: calc(100% - 380px); height: calc(100% - 380px); max-width: 1840px; min-width: 320px; margin: auto; padding: 40px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgb(255,255,255); box-shadow: 2px 2px 7px 3px rgba(0,0,0,0.5); transition: all 0.12s ease-in-out; }
body#dark #privacy_agree_info>dl{ background-color: rgb(42,42,42); background-image: url('/static/img/dark_pattern.jpg'); background-position: center top 0; background-repeat: repeat; background-size: auto; }
#privacy_agree_info>dl>dt{ width: 100%; height: 50px; color: rgb(18,18,18); font-size: 20px; font-weight: 700; line-height: 48px; word-break: keep-all; position: relative; transition: all 0.12s ease-in-out; }
body#dark #privacy_agree_info>dl>dt{ color: rgb(220,220,220); }
#privacy_agree_info>dl>dt>i{ margin-top: -10px; position: absolute; top: 50%; right: 10px; transition: all 0.12s ease-in-out; cursor: pointer; }
#privacy_agree_info>dl>dd{ width: 100%; height: calc(100% - 50px); overflow: auto; -ms-overflow-style: none; scrollbar-width: none; transition: all 0.12s ease-in-out; }
#privacy_agree_info>dl>dd::-webkit-scrollbar{ display: none; }
#privacy_agree_info>dl>dd>h4{ margin-top: 40px; color: rgb(18,18,18); font-size: 18px; font-weight: 700; word-break: keep-all; display: flex; flex-flow: row nowrap; transition: all 0.12s ease-in-out; }
body#dark #privacy_agree_info>dl>dd>h4{ color: rgb(220,220,220); }
#privacy_agree_info>dl>dd>h4>span:nth-of-type(1){ min-width: 60px; margin-right: 5px; transition: all 0.12s ease-in-out; }
#privacy_agree_info>dl>dd>h6{ margin-top: 20px; color: rgb(18,18,18); font-size: 16px; font-weight: 500; word-break: keep-all; display: flex; flex-flow: row nowrap; transition: all 0.12s ease-in-out; }
body#dark #privacy_agree_info>dl>dd>h6{ color: rgb(220,220,220); }
#privacy_agree_info>dl>dd>h6>span:nth-of-type(1){ min-width: 15px; margin-right: 5px; transition: all 0.12s ease-in-out; }
#privacy_agree_info>dl>dd>p{ margin-top: 5px; color: rgb(18,18,18); font-size: 14px; font-weight: 400; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark #privacy_agree_info>dl>dd>p{ color: rgb(153,153,153); }
#privacy_agree_info>dl>dd>p.step{ display: flex; flex-flow: row nowrap; }
#privacy_agree_info>dl>dd>p.left_1step{ padding-left: 20px; }
#privacy_agree_info>dl>dd>p.left_2step{ padding-left: 35px; }
#privacy_agree_info>dl>dd>p>.wordbreak{ word-break: break-all; }
#privacy_agree_info>dl>dd>p.step>span:nth-of-type(1){ min-width: 15px; margin-right: 5px; font-weight: 500; }
#privacy_agree_info>dl>dd>p.left_1step>span:nth-of-type(1){ min-width: 10px; }
#privacy_agree_info>dl>dd>p.step_6letter>span:nth-of-type(1){ min-width: 65px; }
#privacy_agree_info>dl>dd>p.step_7letter>span:nth-of-type(1){ min-width: 70px; }
#privacy_agree_info>dl>dd>p.step_8letter>span:nth-of-type(1){ min-width: 75px; }
#privacy_agree_info>dl>dd>p.step_12letter>span:nth-of-type(1){ min-width: 125px; }
#privacy_agree_info>dl>dd>p>span>a{ color: inherit; font-size: inherit; font-weight: inherit; transition: all 0.12s ease-in-out; cursor: pointer; }
#privacy_agree_info>dl>dd>p>a{ color: inherit; font-size: inherit; font-weight: inherit; transition: all 0.12s ease-in-out; cursor: pointer; }

.qna_file_loading{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; z-index: 1000000; display: none; flex-flow: column nowrap; justify-content: center; align-items: center; }
.qna_file_loading>div{ width: 190px; height: 40px; position: relative; }
.qna_file_loading>div>figure{ height: 100%; position: absolute; top: 0; left: 0; background-position: top 0 left 0; background-repeat: no-repeat; background-size: 190px 40px; }
.qna_file_loading>div>figure:nth-of-type(1){ width: 100%; opacity: 0.4; }
.qna_file_loading>div>figure:nth-of-type(2){ width: 0; }
.qna_file_loading>p{ margin-top: 20px; color: rgb(255,255,255); font-size: 14px; display: flex; flex-flow: row nowrap; align-items: center; }
.qna_file_loading>p>span{ color: inherit; font-size: inherit; font-weight: inherit; }
.qna_file_loading>p>span:nth-of-type(2){ width: 30px; text-align: right; }
.qna_file_loading>h6{ max-width: calc(100% - 20px); margin-top: 5px; color: rgb(185,185,185); font-size: 12px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media(max-width:1200px){

    .qna_list_content>.board_nav{ margin-bottom: 30px; }

}

@media(max-width:960px){

    .qna_view_content>.board_view>dl.half_input{ width: 100%; }

    .qna_write_content>.board_write>dl.half_input{ width: 100%; }

    /* 개인정보처리방침 동의 내용 */
    #privacy_agree_info>dl{ width: calc(100% - 160px); height: calc(100% - 160px); padding: 30px; }
    #privacy_agree_info>dl>dd>p.left_1step{ padding-left: 15px; }
    #privacy_agree_info>dl>dd>p.left_2step{ padding-left: 30px; }

}

@media(max-width:780px){

    .qna_list_content>.board_nav{ flex-flow: column nowrap; }

    .qna_write_content>.board_write>dl>label{ width: 50px; }
    .qna_write_content>.board_write>dl>dd{ width: calc(100% - 70px); }

}

@media(max-width:480px){

    .qna_list_content>.board_nav{ width: 100%; min-height: 40px; margin-bottom: 0; position: fixed; bottom: 0; left: 0; z-index: 10; }
    .qna_list_content>.board_nav>a{ width: 100%; border: 0; background-color: rgb(8,91,176); color: rgb(255,255,255); }
    body#dark .qna_list_content>.board_nav>a{ background-color: rgb(6,66,125); color: rgb(220,220,220); }

    .qna_write_content>.board_write>dl>label{ width: 60px; }
    .qna_write_content>.board_write>dl>dd{ width: calc(100% - 80px); }
    .qna_write_content>.board_write>article>a.list_btn{ width: 100%; margin-left: 0; border: 0; position: fixed; bottom: 0; left: 0; z-index: 10; background-color: rgb(8,91,176); color: rgb(255,255,255); }
    body#dark .qna_write_content>.board_write>article>a.list_btn{ background-color: rgb(6,66,125); color: rgb(220,220,220); }

    /* 개인정보처리방침 동의 내용 */
    #privacy_agree_info>dl{ width: 100%; height: 100%; padding: 0; }
    #privacy_agree_info>dl>dt{ width: calc(100% - 40px); height: 40px; padding: 0 20px; background-color: rgb(8,91,176); color: rgb(255,255,255); font-size: 16px; font-weight: 500; line-height: 38px; }
    body#dark #privacy_agree_info>dl>dt{ background-color: rgb(6,66,125); }
    #privacy_agree_info>dl>dt>i{ margin-top: -8px; }
    #privacy_agree_info>dl>dd{ width: calc(100% - 40px); height: calc(100% - 80px); padding: 20px; }
    #privacy_agree_info>dl>dd>h4{ margin-top: 30px; font-size: 16px; }
    #privacy_agree_info>dl>dd>h4>span:nth-of-type(1){ min-width: 50px; }
    #privacy_agree_info>dl>dd>h6{ margin-top: 15px; font-size: 14px; }
    #privacy_agree_info>dl>dd>p{ font-size: 12px; }
    #privacy_agree_info>dl>dd>p.left_1step{ padding-left: 15px; }
    #privacy_agree_info>dl>dd>p.left_2step{ padding-left: 30px; }
    #privacy_agree_info>dl>dd>p.step>span:nth-of-type(1){ min-width: 12px; }
    #privacy_agree_info>dl>dd>p.left_1step>span:nth-of-type(1){ min-width: 7px; }
    #privacy_agree_info>dl>dd>p.step_6letter>span:nth-of-type(1){ min-width: 40px; }
    #privacy_agree_info>dl>dd>p.step_7letter>span:nth-of-type(1){ min-width: 50px; }
    #privacy_agree_info>dl>dd>p.step_8letter>span:nth-of-type(1){ min-width: 60px; }
    #privacy_agree_info>dl>dd>p.step_12letter>span:nth-of-type(1){ min-width: 105px; }
    #privacy_agree_info>dl>dd>p>a{ color: inherit; font-size: inherit; font-weight: inherit; }

}

@media(max-width:380px){

    .qna_write_content>.board_write>article>a.cancel_btn{ padding: 8px 0; font-size: 13px; }
    .qna_write_content>.board_write>article>button{ padding: 8px 0; font-size: 13px; }
    .qna_write_content>.board_write>section>div>p{ font-size: 13px; }

}

/* 문의하기 페이지 끝 */

/* 채용 공고 페이지 시작 */
.recruitment_content{ width: calc(100% - 40px); height: auto; max-width: 1200px; margin: auto; transition: all 0.12s ease-in-out; }

.recruitment_content>.board_list>div>p:nth-of-type(1){ width: 80px; }
.recruitment_content>.board_list>div>p:nth-of-type(2){ width: calc(100% - 560px); }
.recruitment_content>.board_list>div>p:nth-of-type(3){ width: 180px; }
.recruitment_content>.board_list>div>p:nth-of-type(4){ width: 200px; height: auto; }
.recruitment_content>.board_list>div>p:nth-of-type(5){ width: 100px; }

.recruitment_content>.board_list>ul>a>p:nth-of-type(1){ width: 80px; }
.recruitment_content>.board_list>ul>a>p:nth-of-type(2){ width: calc(100% - 560px); }
.recruitment_content>.board_list>ul>a>p:nth-of-type(3){ width: 180px; }
.recruitment_content>.board_list>ul>a>p:nth-of-type(4){ width: 200px; height: auto; }
.recruitment_content>.board_list>ul>a>p:nth-of-type(5){ width: 100px; }

body#dark .recruitment_content>.board_view>article>a{ color: rgb(220,220,220); }

@media(max-width:960px){

    .recruitment_content>.board_list>div>p:nth-of-type(1){ width: 50px; }
    .recruitment_content>.board_list>div>p:nth-of-type(2){ width: calc(100% - 390px); }
    .recruitment_content>.board_list>div>p:nth-of-type(3){ width: 170px; }
    .recruitment_content>.board_list>div>p:nth-of-type(4){ width: 170px; }
    .recruitment_content>.board_list>div>p:nth-of-type(5){ width: 0; height: 0; overflow: hidden; }

    .recruitment_content>.board_list>ul>a>p:nth-of-type(1){ width: 50px; }
    .recruitment_content>.board_list>ul>a>p:nth-of-type(2){ width: calc(100% - 390px); }
    .recruitment_content>.board_list>ul>a>p:nth-of-type(3){ width: 170px; }
    .recruitment_content>.board_list>ul>a>p:nth-of-type(4){ width: 170px; }
    .recruitment_content>.board_list>ul>a>p:nth-of-type(5){ width: 0; height: 0; overflow: hidden; }
}

@media(max-width:640px){

    .recruitment_content>.board_list>div>p:nth-of-type(1){ width: 40px; }
    .recruitment_content>.board_list>div>p:nth-of-type(2){ width: calc(100% - 200px); }
    .recruitment_content>.board_list>div>p:nth-of-type(3){ width: 0; height: 0; overflow: hidden; }
    .recruitment_content>.board_list>div>p:nth-of-type(4){ width: 160px; }
    .recruitment_content>.board_list>div>p:nth-of-type(5){ width: 0; height: 0; overflow: hidden; }

    .recruitment_content>.board_list>ul>a>p:nth-of-type(1){ width: 40px; }
    .recruitment_content>.board_list>ul>a>p:nth-of-type(2){ width: calc(100% - 200px); }
    .recruitment_content>.board_list>ul>a>p:nth-of-type(3){ width: 0; height: 0; overflow: hidden; }
    .recruitment_content>.board_list>ul>a>p:nth-of-type(4){ width: 160px; }
    .recruitment_content>.board_list>ul>a>p:nth-of-type(5){ width: 0; height: 0; overflow: hidden; }

}
/* 채용 공고 페이지 끝 */

/* 입사지원 페이지 시작 */
.application_content{ width: calc(100% - 40px); height: auto; max-width: 1200px; margin: auto; transition: all 0.12s ease-in-out; }
.application_content>dl{ width: calc(100% - 6px); height: 285px; margin-bottom: 40px; border: 3px solid rgb(220,220,220); position: relative; transition: all 0.12s ease-in-out; }
body#dark .application_content>dl{ border-color: rgb(153,153,153); }
.application_content>dl>dt{ width: 100%; margin-top: 50px; color: rgb(18,18,18); font-size: 30px; font-weight: 700; text-align: center; word-break: keep-all; position: relative; z-index: 1; transition: all 0.12s ease-in-out; }
body#dark .application_content>dl>dt{ color: rgb(220,220,220); }
.application_content>dl>dd{ width: 100%; margin-top: 5px; color: rgb(46,168,225); font-size: 30px; font-weight: 700; text-align: center; word-break: keep-all; position: relative; z-index: 1; transition: all 0.12s ease-in-out; }
body#dark .application_content>dl>dd{ color: rgb(35,129,173); }
.application_content>dl>div{ width: 40px; height: 1px; margin: 20px auto 0; background-color: rgb(46,168,225); position: relative; z-index: 1; transition: all 0.12s ease-in-out; }
body#dark .application_content>dl>div{ background-color: rgb(35,129,173); }
.application_content>dl>p{ width: 100%; margin-top: 40px; color: rgb(18,18,18); font-size: 16px; font-weight: 400; text-align: center; word-break: keep-all; position: relative; z-index: 1; transition: all 0.12s ease-in-out; }
body#dark .application_content>dl>p{ color: rgb(220,220,220); }
.application_content>dl>figure{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background-repeat: no-repeat; background-size: auto 100%; transition: all 0.12s ease-in-out; }
body#dark .application_content>dl>figure{ background-color: rgba(255,255,255,0.1); }
.application_content>dl>figure:nth-of-type(1){ background-position: top 0 left 0; }
.application_content>dl>figure:nth-of-type(2){ background-position: top 0 right 50px; }
.application_content>.agree_area{ width: calc(100% - 40px); margin-bottom: 50px; padding: 20px; background-color: rgb(250,250,250); color: rgb(18,18,18); }
body#dark .application_content>.agree_area{ background-color: rgba(255,255,255,0.2); color: rgb(220,220,220); }
.application_content>.agree_area>div{ width: calc(100% - 50px); height: 270px; padding: 25px; border: 1px solid rgb(220,220,220); background-color: rgb(255,255,255); overflow: auto; transition: all 0.12s ease-in-out; }
body#dark .application_content>.agree_area>div{ border-color: rgb(85,85,85); background-color: rgb(42,42,42); background-image: url('/static/img/dark_pattern.jpg'); background-position: center top 0; background-repeat: repeat; background-size: auto; }
.application_content>.agree_area>div>h5{ margin-bottom: 20px; font-weight: bold; font-size: 16px; text-align: justify; transition: all 0.12s ease-in-out; }
.application_content>.agree_area>div>h6{ margin: 10px 0 15px; font-weight: bold; font-size: 14px; text-align: justify; transition: all 0.12s ease-in-out; }
.application_content>.agree_area>div>p{ width: calc(100% - 10px); margin-left: 10px; display: flex; flex-flow: row nowrap; font-size: 14px; text-align: justify; transition: all 0.12s ease-in-out; }
.application_content>.agree_area>div>p.left_1step{ width: calc(100% - 30px); margin-left: 30px; }
.application_content>.agree_area>div>p.left_2step{ width: calc(100% - 45px); margin-left: 45px; }
.application_content>.agree_area>div>p>span{ margin-right: 5px; }
.application_content>.agree_area>div>p>a{ margin-left: 5px; color: inherit; }
.application_content>.agree_area>label{ height: auto; padding: 10px 0; display: inline-flex; flex-flow: row nowrap; align-items: center; font-size: 14px; word-break: keep-all; transition: all 0.12s ease-in-out; cursor: pointer; }
.application_content>.agree_area>label>input{ margin-right: 5px; }
.application_content>.agree_area>p{ width: 185px; height: 50px; margin: 20px auto; color: rgb(255,255,255); font-size: 16px; font-weight: 500; text-align: center; line-height: 48px; background-color: rgb(46,168,225); transition: all 0.12s ease-in-out; cursor: pointer; }
body#dark .application_content>.agree_area>p{ background-color: rgb(35,129,173); }
.application_content>.agree_area>p:hover{ background-color: rgb(8,91,176); }
body#dark .application_content>.agree_area>p:hover{ background-color: rgb(6,66,125); }
.application_content>.apply_area{ width: 100%; height: auto; display: none; }
.application_content>.apply_area>h4{ width: 100%; margin-top: 40px; color: rgb(8,91,176); font-size: 18px; font-weight: 700; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .application_content>.apply_area>h4{ color: rgb(46,168,225); }
.application_content>.apply_area>h4:nth-of-type(1){ margin-top: 0; }
.application_content>.apply_area>h5{ width: 100%; margin-top: 40px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; transition: all 0.12s ease-in-out; }
.application_content>.apply_area>h5>span{ color: rgb(8,91,176); font-size: 18px; font-weight: 700; word-break: keep-all; }
body#dark .application_content>.apply_area>h5>span{ color: rgb(46,168,225); }
.application_content>.apply_area>h5>label{ width: auto; color: rgb(18,18,18); font-size: 14px; font-weight: 500; word-break: keep-all; display: flex; flex-flow: row nowrap; align-items: center; cursor: pointer; }
body#dark .application_content>.apply_area>h5>label{ color: rgb(220,220,220); }
.application_content>.apply_area>h5>label>input{ margin-right: 5px; }
.application_content>.apply_area dl{ width: 100%; border-bottom: 1px solid rgb(220,220,220); display: flex; flex-flow: row wrap; transition: all 0.12s ease-in-out; }
body#dark .application_content>.apply_area dl{ border-bottom-color: rgb(85,85,85); }
.application_content>.apply_area dl>dt{ width: 99px; padding: 15px 0; border-right: 1px solid rgb(235,235,235); color: rgb(18,18,18); font-size: 14px; font-weight: 700; text-align: center; word-break: keep-all; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.12s ease-in-out; }
body#dark .application_content>.apply_area dl>dt{ border-right-color: rgb(85,85,85); color: rgb(220,220,220); }
.application_content>.apply_area dl.right_dl>dt{ width: 98px; border-left: 1px solid rgb(220,220,220); }
body#dark .application_content>.apply_area dl.right_dl>dt{ border-left-color: rgb(85,85,85); }
.application_content>.apply_area dl>dt br{ display: none; }
.application_content>.apply_area dl>dd{ width: calc(100% - 100px); display: flex; flex-flow: row wrap; align-items: center; position: relative; transition: all 0.12s ease-in-out; }
.application_content>.apply_area dl>dd *{ transition: all 0.12s ease-in-out; }
.application_content>.apply_area dl>dd input{ border: 0; outline: 0; background-color: transparent; }
body#dark .application_content>.apply_area dl>dd input{ color: rgb(220,220,220); }
.application_content>.apply_area dl>dd select{ border: 0; outline: 0; background-color: transparent; }
.application_content>.apply_area dl>dd.input_name>input{ width: calc(100% - 30px); height: 20px; padding: 15px; }
.application_content>.apply_area dl>dd.input_sex>label{ width: auto; height: 24px; margin: 13px 0 13px 15px; display: flex; flex-flow: row nowrap; align-items: center; cursor: pointer; }
.application_content>.apply_area dl>dd.input_sex>label>p{ margin-left: 5px; color: rgb(18,18,18); font-size: 14px; font-weight: 500; line-height: 24px; }
body#dark .application_content>.apply_area dl>dd.input_sex>label>p{ color: rgb(220,220,220); }
.application_content>.apply_area dl>dd.input_birth>input{ width: calc(100% - 30px); height: 20px; padding: 15px 80px 15px 15px; }
.application_content>.apply_area dl>dd.input_birth>label{ width: auto; height: 24px; position: absolute; top: 13px; right: 15px; color: rgb(18,18,18); font-size: 14px; text-align: right; line-height: 24px; cursor: pointer; }
body#dark .application_content>.apply_area dl>dd.input_birth>label{ color: rgb(220,220,220); }
.application_content>.apply_area dl>dd.input_address>label{ width: auto; margin: 10px 0 5px 15px; padding: 5px; border-bottom: 1px solid rgb(235,235,235); display: flex; flex-flow: row nowrap; }
body#dark .application_content>.apply_area dl>dd.input_address>label{ border-bottom-color: rgb(85,85,85); }
.application_content>.apply_area dl>dd.input_address>label:nth-of-type(1){ width: 60px; }
.application_content>.apply_area dl>dd.input_address>label:nth-of-type(2){ width: calc(50% - 75px); }
.application_content>.apply_area dl>dd.input_address>label:nth-of-type(3){ width: calc(50% - 75px); margin-right: 15px; }
.application_content>.apply_area dl>dd.input_address>label:nth-of-type(4){ width: calc(50% - 90px); margin-top: 0; margin-bottom: 10px; }
.application_content>.apply_area dl>dd.input_address>label:nth-of-type(5){ width: calc(50% - 90px); margin-top: 0; margin-bottom: 10px; }
.application_content>.apply_area dl>dd.input_address>label>input{ width: 100%; height: 24px; }
.application_content>.apply_area dl>dd.input_address>span{ display: none !important; }
.application_content>.apply_area dl>dd.input_address>input[type="button"]{ width: 100px; height: 36px; margin: 0 15px 10px 15px; border-radius: 5px; background-color: rgb(235,235,235); color: rgb(18,18,18); font-size: 14px; text-align: center; cursor: pointer; }
body#dark .application_content>.apply_area dl>dd.input_address>input[type="button"]{ background-color: rgba(255,255,255,0.2); color: rgb(220,220,220); }
.application_content>.apply_area dl>dd.input_tel>input{ width: calc(100% - 30px); height: 20px; padding: 15px; }
.application_content>.apply_area dl>dd.input_phone>input{ width: calc(100% - 30px); height: 20px; padding: 15px; }
.application_content>.apply_area dl>dd.input_email>input{ width: calc(100% - 30px); height: 20px; padding: 15px; }
.application_content>.apply_area dl>dd.input_height>label{ width: calc(100% - 30px); height: 20px; padding: 15px 40px 15px 15px; position: relative; }
.application_content>.apply_area dl>dd.input_height>label>input{ width: 100%; }
.application_content>.apply_area dl>dd.input_height>label>p{ width: auto; position: absolute; top: 13px; right: 15px; color: rgb(185,185,185); font-size: 14px; line-height: 2.2; }
.application_content>.apply_area dl>dd.input_weight>label{ width: calc(100% - 30px); height: 20px; padding: 15px 40px 15px 15px; position: relative; }
.application_content>.apply_area dl>dd.input_weight>label>input{ width: 100%; }
.application_content>.apply_area dl>dd.input_weight>label>p{ width: auto; position: absolute; top: 13px; right: 15px; color: rgb(185,185,185); font-size: 14px; line-height: 2.2; }
.application_content>.apply_area dl>dd.input_sight{ justify-content: space-between; }
.application_content>.apply_area dl>dd.input_sight>label{ width: calc(50% - 33px); margin: 9px 0 10px 15px; padding: 5px; border-bottom: 1px solid rgb(235,235,235); display: flex; flex-flow: row nowrap; }
.application_content>.apply_area dl>dd.input_sight>label:last-of-type{ margin-right: 15px; }
body#dark .application_content>.apply_area dl>dd.input_sight>label{ border-bottom-color: rgb(85,85,85); }
.application_content>.apply_area dl>dd.input_sight>label>p{ width: 30px; color: rgb(185,185,185); font-size: 14px; }
body#dark .application_content>.apply_area dl>dd.input_sight>label>p{ color: rgb(102,102,102); }
.application_content>.apply_area dl>dd.input_sight>label>input{ width: calc(100% - 30px); }
.application_content>.apply_area dl>dd.input_glasses>label{ width: auto; height: 24px; margin: 13px 0 13px 15px; display: flex; flex-flow: row nowrap; align-items: center; cursor: pointer; }
.application_content>.apply_area dl>dd.input_glasses>label>p{ margin-left: 5px; color: rgb(18,18,18); font-size: 14px; font-weight: 500; line-height: 24px; }
body#dark .application_content>.apply_area dl>dd.input_glasses>label>p{ color: rgb(220,220,220); }
.application_content>.apply_area dl>dd.input_mil_classification>input{ width: calc(100% - 30px); height: 20px; padding: 15px; }
.application_content>.apply_area dl>dd.input_mil_opt>select{ width: 100%; height: 50px; padding: 15px; }
body#dark .application_content>.apply_area dl>dd.input_mil_opt>select{ color: rgb(220,220,220); }
body#dark .application_content>.apply_area dl>dd.input_mil_opt>select option{ background-color: rgb(42,42,42); }
body#dark .application_content>.apply_area dl>dd.input_mil_opt>select *{ color: rgb(220,220,220); }
.application_content>.apply_area dl>dd.input_mil_period{ justify-content: space-between; }
.application_content>.apply_area dl>dd.input_mil_period>label{ width: calc(50% - 33px); margin: 9px 0 10px 15px; padding: 5px 5px 0; border-bottom: 1px solid rgb(235,235,235); display: flex; flex-flow: row nowrap; }
.application_content>.apply_area dl>dd.input_mil_period>label:last-of-type{ margin-right: 15px; }
body#dark .application_content>.apply_area dl>dd.input_mil_period>label{ border-bottom-color: rgb(85,85,85); }
.application_content>.apply_area dl>dd.input_mil_period>label>p{ width: 50px; padding-bottom: 5px; color: rgb(185,185,185); font-size: 14px; }
body#dark .application_content>.apply_area dl>dd.input_mil_period>label>p{ color: rgb(102,102,102); }
.application_content>.apply_area dl>dd.input_mil_period>label>input{ width: calc(100% - 50px); padding-bottom: 5px; }
.application_content>.apply_area dl>dd.input_mil_physique>input{ width: calc(100% - 30px); height: 20px; padding: 15px; }
.application_content>.apply_area dl>dd.input_mil_sn>input{ width: calc(100% - 30px); height: 20px; padding: 15px; }
.application_content>.apply_area dl>dd.input_mil_level>select{ width: 100%; height: 50px; padding: 15px; }
body#dark .application_content>.apply_area dl>dd.input_mil_level>select{ color: rgb(220,220,220); }
body#dark .application_content>.apply_area dl>dd.input_mil_level>select option{ background-color: rgb(42,42,42); }
body#dark .application_content>.apply_area dl>dd.input_mil_level>select *{ color: rgb(220,220,220); }
.application_content>.apply_area dl>dd.input_apply_field>select{ width: 100%; height: 50px; padding: 15px; }
body#dark .application_content>.apply_area dl>dd.input_apply_field>select{ color: rgb(220,220,220); }
body#dark .application_content>.apply_area dl>dd.input_apply_field>select>option{ background-color: rgb(42,42,42); }
.application_content>.apply_area dl>dd.input_apply_type>select{ width: 100%; height: 50px; padding: 15px; }
body#dark .application_content>.apply_area dl>dd.input_apply_type>select{ color: rgb(220,220,220); }
body#dark .application_content>.apply_area dl>dd.input_apply_type>select>option{ background-color: rgb(42,42,42); }
.application_content>.apply_area dl>dd.input_career>select{ height: 50px; padding: 15px 5px; text-align: center; text-align-last: center; }
.application_content>.apply_area dl>dd.input_career>select#career_option{ width: 100px; }
.application_content>.apply_area dl>dd.input_career>select#career_year{ width: calc(45% - 50px); }
.application_content>.apply_area dl>dd.input_career>select#career_month{ width: calc(55% - 50px); }
.application_content>.apply_area dl>dd.input_career.new>select#career_option{ width: 100% !important; }
.application_content>.apply_area dl>dd.input_career.new>select#career_year{ width: 0 !important; padding: 0 !important; overflow: hidden; }
.application_content>.apply_area dl>dd.input_career.new>select#career_month{ width: 0 !important; padding: 0 !important; overflow: hidden; }
body#dark .application_content>.apply_area dl>dd.input_career>select{ color: rgb(220,220,220); }
body#dark .application_content>.apply_area dl>dd.input_career>select>option{ background-color: rgb(42,42,42); }
.application_content>.apply_area dl>dd.input_recruitment_site>select{ width: 100%; height: 50px; padding: 15px; }
body#dark .application_content>.apply_area dl>dd.input_recruitment_site>select{ color: rgb(220,220,220); }
body#dark .application_content>.apply_area dl>dd.input_recruitment_site>select>option{ background-color: rgb(42,42,42); }
.application_content>.apply_area dl>dd.input_recommend>input{ width: calc(100% - 30px); height: 20px; padding: 15px; }
.application_content>.apply_area dl>dd.input_neweducation>label{ width: auto; height: 24px; margin: 13px 0 13px 15px; display: flex; flex-flow: row nowrap; align-items: center; cursor: pointer; }
.application_content>.apply_area dl>dd.input_neweducation>label>p{ margin-left: 5px; color: rgb(18,18,18); font-size: 14px; font-weight: 500; line-height: 24px; }
body#dark .application_content>.apply_area dl>dd.input_neweducation>label>p{ color: rgb(220,220,220); }
.application_content>.apply_area dl>dd.input_night_checkup>label{ width: auto; height: 24px; margin: 13px 0 13px 15px; display: flex; flex-flow: row nowrap; align-items: center; cursor: pointer; }
.application_content>.apply_area dl>dd.input_night_checkup>label>p{ margin-left: 5px; color: rgb(18,18,18); font-size: 14px; font-weight: 500; line-height: 24px; }
body#dark .application_content>.apply_area dl>dd.input_night_checkup>label>p{ color: rgb(220,220,220); }
.application_content>.apply_area .check_input{ background-color: rgb(255,248,248); }
body#dark .application_content>.apply_area .check_input{ background-color: rgb(70,60,60); }
.application_content>.apply_area .check_txt{ width: 100%; margin: 0 15px 5px; color: rgb(176,36,26); font-size: 12px; font-weight: 400; word-break: keep-all; position: relative; display: none; transition: unset; }
body#dark .application_content>.apply_area .check_txt{ color: rgb(237,202,202); }
.application_content>.apply_area .check_address{ order: 7; }

/* 학력 */
.application_content>.apply_area>section{ width: 100%; display: flex; flex-flow: row wrap; transition: all 0.12s ease-in-out; }
.application_content>.apply_area>section>article{ width: 100%; margin-top: 20px; display: flex; flex-flow: row wrap; transition: all 0.12s ease-in-out; }
.application_content>.apply_area>section>article:nth-of-type(1){ margin-top: 10px; }
.application_content>.apply_area>section>article>div{ width: 100%; height: 30px; border-bottom: 1px solid rgb(185,185,185); display: flex; flex-flow: row nowrap; justify-content: flex-end; }
.application_content>.apply_area>section>article>div>p{ width: 30px; height: 30px; background-color: rgb(224,67,88); color: rgb(255,255,255); font-size: 18px; text-align: center; line-height: 30px; cursor: pointer; }
body#dark .application_content>.apply_area>section>article>div>p{ background-color: rgb(173,52,68); }
.application_content>.apply_area>section>article>dl{ width: 50%; transition: all 0.12s ease-in-out; }
.application_content>.apply_area>section>article>dl:nth-of-type(5){ width: 100%; }
.application_content>.apply_area>section>article>dl>dd>input{ width: calc(100% - 30px); height: 20px; padding: 15px; transition: all 0.12s ease-in-out; }
.application_content>.apply_area>section>article>dl>dd>select{ width: 100%; height: 50px; padding: 15px; transition: all 0.12s ease-in-out; }
body#dark .application_content>.apply_area>section>article>dl>dd>select{ color: rgb(220,220,220); }
body#dark .application_content>.apply_area>section>article>dl>dd>select>option{ background-color: rgb(42,42,42); }
.application_content>.apply_area>section>div{ width: 100%; height: 50px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; background-color: rgb(245,245,245); transition: all 0.12s ease-in-out; cursor: pointer; }
body#dark .application_content>.apply_area>section>div{ background-color: rgba(255,255,255,0.2); }
.application_content>.apply_area>section>div>span{ width: 20px; height: 20px; border: 1px solid rgb(46,168,225); border-radius: 20px; color: rgb(46,168,225); font-size: 20px; font-weight: 700; text-align: center; line-height: 18px; transition: all 0.12s ease-in-out; }
.application_content>.apply_area>section>div>p{ width: auto; margin-left: 5px; color: rgb(18,18,18); font-size: 16px; font-weight: 500; position: relative; top: -1px; transition: all 0.12s ease-in-out; }
body#dark .application_content>.apply_area>section>div>p{ color: rgb(220,220,220); }

/* 인적사항 */
.application_content>.apply_area>ul{ width: 100%; display: flex; flex-flow: row wrap; transition: all 0.12s ease-in-out; }
.application_content>.apply_area>ul>h4{ display: none; transition: all 0.12s ease-in-out; }
.application_content>.apply_area>ul>li{ height: auto; transition: all 0.12s ease-in-out; }
.application_content>.apply_area>ul>li:nth-of-type(1){ width: calc(100% - 200px); }
.application_content>.apply_area>ul>li:nth-of-type(2){ width: 199px; border-bottom: 1px solid rgb(220,220,220); border-left: 1px solid rgb(220,220,220); position: relative; }
body#dark .application_content>.apply_area>ul>li:nth-of-type(2){ border-bottom-color: rgb(85,85,85); border-left-color: rgb(85,85,85); }
.application_content>.apply_area>ul>li>div{ width: calc(100% - 20px); height: calc(100% - 20px); margin: 10px; position: absolute; top: 0; left: 0; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.12s ease-in-out; }
.application_content>.apply_area>ul>li>div>img{ width: auto; height: auto; max-width: 100%; max-height: 100%; transition: all 0.12s ease-in-out; }
.application_content>.apply_area>ul>li>label{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.12s ease-in-out; cursor: pointer; }
.application_content>.apply_area>ul>li>label>input{ width: 0; height: 0; border: 0; outline: 0; transition: all 0.12s ease-in-out; }
.application_content>.apply_area>ul>li>label>p{ width: 100%; color: rgb(185,185,185); font-size: 14px; text-align: center; transition: all 0.12s ease-in-out; }
body#dark .application_content>.apply_area>ul>li>label>p{ color: rgb(153,153,153); }
.application_content>.apply_area>ul>li>label>p>i{ margin-bottom: 10px; font-size: 50px; transition: all 0.12s ease-in-out; }
.application_content>.apply_area>ul>li>label>h6{ width: 100%; position: absolute !important; bottom: 0; left: 0; transition: all 0.12s ease-in-out; }
.application_content>.apply_area>div{ width: 100%; display: flex; flex-flow: row wrap; transition: all 0.12s ease-in-out; }
.application_content>.apply_area>div>dl{ width: 50%; transition: all 0.12s ease-in-out; }
.application_content>.apply_area>button{ width: 185px; height: 50px; margin: 50px auto 0; color: rgb(255,255,255); font-size: 16px; font-weight: 500; text-align: center; line-height: 48px; background-color: rgb(46,168,225); display: block; transition: all 0.12s ease-in-out; cursor: pointer; }
body#dark .application_content>.apply_area>button{ background-color: rgb(35,129,173); }
.application_content>.apply_area>button:hover{ background-color: rgb(8,91,176); }
body#dark .application_content>.apply_area>button:hover{ background-color: rgb(6,66,125); }

.application_content>.apply_area .top_line{ margin-top: 10px; border-top: 1px solid rgb(185,185,185); }



#file_info_area{ width: 100%; height: auto; margin-top: 30px; padding: 10px 0 5px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: baseline; transition: all 0.12s ease-in-out; }
#file_info_area>b{ color: rgb(8,91,176); font-size: 18px; font-weight: 700; word-break: keep-all; transition: all 0.12s ease-in-out; }
#file_info_area>p{ font-size: 14px; font-weight: 500; }
.application_content #drop_zone{ width: calc(100% - 20px); height: auto; min-height: 120px; padding: 10px; display: flex; flex-flow: row wrap; background-color: rgb(245,245,245); position: relative; transition: all 0.12s ease-in-out; }
.application_content #drop_zone.active{ background-color: rgb(200,230,240); }
body#dark .application_content #drop_zone{ background-color: rgba(255,255,255,0.1); }
body#dark .application_content #drop_zone.active{ background-color: rgb(200,230,240); }
.application_content #drop_zone>input{ width: 0; height: 0; }
.application_content #drop_zone>div{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; transition: all 0.12s ease-in-out; cursor: auto; }
.application_content #drop_zone>div>img{ width: 60px; height: 58px; opacity: 0.9; transition: all 0.12s ease-in-out; }
.application_content #drop_zone>div>p{ margin-top: 10px; color: rgb(153,153,153); font-size: 14px; transition: all 0.12s ease-in-out; }
body#dark .application_content #drop_zone>div>p{ color: rgb(153,153,153); }
.application_content #drop_zone>div>p>span{ color: rgb(8,91,176); font-weight: 500; }
body#dark .application_content #drop_zone>div>p>span{ color: rgb(46,168,225); }
.application_content #drop_zone>article{ width: 80px; height: 100px; margin: 10px; display: flex; flex-flow: column nowrap; align-items: center; position: relative; transition: all 0.12s ease-in-out; }
.application_content #drop_zone>article>i{ position: absolute; top: 0; right: 0; font-size: 16px; color: rgb(224,67,88); transition: all 0.12s ease-in-out; cursor: pointer; }
body#dark .application_content #drop_zone>article>i{ color: rgb(173,52,68); }
.application_content #drop_zone>article>figure{ width: 100%; height: 50px; min-width: 50px; min-height: 50px; background-position: center; background-repeat: no-repeat; background-size: contain; transition: all 0.12s ease-in-out; }
.application_content #drop_zone>article>img{ width: 50px; height: 50px; min-width: 50px; min-height: 50px; transition: all 0.12s ease-in-out; }
.application_content #drop_zone>article>h6{ width: 100%; max-width: 100%; height: 20px; margin-top: 7px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.12s ease-in-out; }
.application_content #drop_zone>article>h6>span{ font-size: 14px; font-weight: 500; }
.application_content #drop_zone>article>h6>span:nth-of-type(1){ font-size: 14px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.application_content #drop_zone>article>h6>span:nth-of-type(2){ font-size: 14px; font-weight: 500; }
.application_content #drop_zone>article>p{ width: 100%; font-size: 13px; font-weight: 300; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; transition: all 0.12s ease-in-out; }

.file_loading{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; z-index: 1000000; display: none; flex-flow: column nowrap; justify-content: center; align-items: center; }
.file_loading>div{ width: 190px; height: 40px; position: relative; }
.file_loading>div>figure{ height: 100%; position: absolute; top: 0; left: 0; background-position: top 0 left 0; background-repeat: no-repeat; background-size: 190px 40px; }
.file_loading>div>figure:nth-of-type(1){ width: 100%; opacity: 0.4; }
.file_loading>div>figure:nth-of-type(2){ width: 0; }
.file_loading>p{ margin-top: 20px; color: rgb(255,255,255); font-size: 14px; display: flex; flex-flow: row nowrap; align-items: center; }
.file_loading>p>span{ color: inherit; font-size: inherit; font-weight: inherit; }
.file_loading>p>span:nth-of-type(2){ width: 30px; text-align: right; }
.file_loading>h6{ max-width: calc(100% - 20px); margin-top: 5px; color: rgb(185,185,185); font-size: 12px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media(max-width:1200px){

    .application_content>dl{ height: 240px; }
    .application_content>dl>dt{ margin-top: 40px; font-size: 26px; }
    .application_content>dl>dd{ font-size: 26px; }
    .application_content>dl>div{ width: 35px; margin-top: 15px; }
    .application_content>dl>p{ margin-top: 30px; font-size: 16px; }
    .application_content>dl>figure:nth-of-type(2){ background-position: top 0 right 40px; }

}

@media(max-width:960px){

    .application_content>dl{ width: calc(100% - 4px); height: 180px; border-width: 2px; }
    .application_content>dl>dt{ margin-top: 25px; font-size: 22px; }
    .application_content>dl>dd{ margin-top: 0; font-size: 22px; }
    .application_content>dl>div{ width: 30px; }
    .application_content>dl>p{ margin-top: 20px; font-size: 14px; }
    .application_content>dl>figure:nth-of-type(2){ background-position: top 0 right 30px; }

    .application_content>.apply_area>div>dl{ width: 100%; }
    .application_content>.apply_area dl.right_dl>dt{ width: 99px; border-left: 0; }
    .application_content>.apply_area dl>dd.input_address>label:nth-of-type(1){ order: 1; width: 60px; }
    .application_content>.apply_area dl>dd.input_address>label:nth-of-type(2){ order: 2; width: calc(100% - 125px); margin-right: 15px; }
    .application_content>.apply_area dl>dd.input_address>label:nth-of-type(3){ order: 3; width: 100%; margin-top: 0; }
    .application_content>.apply_area dl>dd.input_address>label:nth-of-type(4){ order: 5; width: calc(100% - 155px); }
    .application_content>.apply_area dl>dd.input_address>label:nth-of-type(5){ order: 4; width: 100%; margin-right: 15px; margin-bottom: 5px; }
    .application_content>.apply_area dl>dd.input_address>input[type="button"]{ order: 6; }

    .application_content>.apply_area>section>article>dl{ width: 100%; }

}

@media(max-width:820px){

    .application_content>dl>figure{ opacity: 0.4; }

}

@media(max-width:720px){

    .application_content>.apply_area>ul>h4{ width: 99px; padding: 15px 0; border-right: 1px solid rgb(235,235,235); border-bottom: 1px solid rgb(220,220,220); color: rgb(18,18,18); font-size: 14px; font-weight: 700; text-align: center; word-break: keep-all; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.12s ease-in-out; }
    body#dark .application_content>.apply_area>ul>h4{ border-right-color: rgb(85,85,85); border-bottom: 1px solid rgb(85,85,85); color: rgb(220,220,220); }
    .application_content>.apply_area>ul>li:nth-of-type(1){ width: 100%; }
    .application_content>.apply_area>ul>li:nth-of-type(2){ width: calc(100% - 100px); height: 200px; border-left: 0; }

}

@media(max-width:480px){

    .application_content>dl{ width: calc(100% - 2px); height: 130px; border-width: 1px; }
    .application_content>dl>dt{ margin-top: 15px; font-size: 18px; }
    .application_content>dl>dd{ font-size: 18px; }
    .application_content>dl>div{ width: 25px; }
    .application_content>dl>p{ margin-top: 15px; font-size: 12px; }
    .application_content>dl>figure:nth-of-type(2){ background-position: top 0 right 20px; }

    .application_content>.agree_area>p{ width: 100%; margin: 0; position: fixed; bottom: 0; left: 0; }

    .application_content>.apply_area dl>dt{ width: 79px; padding: 10px 0; }
    .application_content>.apply_area dl.right_dl>dt{ width: 79px; }
    .application_content>.apply_area dl>dt.line_2{ padding: 0; }
    .application_content>.apply_area dl>dt br{ display: inline; }
    .application_content>.apply_area dl>dd{ width: calc(100% - 80px); }
    .application_content>.apply_area>ul>h4{ width: 79px; padding: 10px 0; }
    .application_content>.apply_area>ul>li:nth-of-type(2){ width: calc(100% - 80px); }

    .application_content>.apply_area dl>dd.input_name>input{ padding: 10px 15px; }
    .application_content>.apply_area dl>dd.input_sex>label{ margin: 8px 0 8px 15px; }
    .application_content>.apply_area dl>dd.input_birth>input{ padding: 10px 80px 10px 15px; }
    .application_content>.apply_area dl>dd.input_birth>label{ top: 8px; }
    .application_content>.apply_area dl>dd.input_address>label:nth-of-type(1){ order: 6; width: calc(100% - 135px); margin: 0 0 10px 15px; }
    .application_content>.apply_area dl>dd.input_address>label:nth-of-type(2){ width: 100%; margin-top: 5px; margin-right: 15px; margin-bottom: 5px; }
    .application_content>.apply_area dl>dd.input_address>label:nth-of-type(4){ width: 100%; margin-right: 15px; margin-bottom: 5px; }
    .application_content>.apply_area dl>dd.input_address>input[type="button"]{ width: 80px; font-size: 12px; }
    .application_content>.apply_area dl>dd.input_tel>input{ padding: 10px 15px; }
    .application_content>.apply_area dl>dd.input_phone>input{ padding: 10px 15px; }
    .application_content>.apply_area dl>dd.input_email>input{ padding: 10px 15px; }
    .application_content>.apply_area dl>dd.input_height>label{ padding: 10px 40px 10px 15px; }
    .application_content>.apply_area dl>dd.input_height>label>p{ top: 8px; }
    .application_content>.apply_area dl>dd.input_weight>label{ padding: 10px 40px 10px 15px; }
    .application_content>.apply_area dl>dd.input_weight>label>p{ top: 8px; }
    .application_content>.apply_area dl>dd.input_sight>label{ width: 100%; margin: 5px 15px 0; }
    .application_content>.apply_area dl>dd.input_sight>label:last-of-type{ margin-bottom: 5px; }
    .application_content>.apply_area dl>dd.input_glasses>label{ margin: 8px 0 8px 15px; }
    .application_content>.apply_area dl>dd.input_mil_classification>input{ padding: 10px 15px; }
    .application_content>.apply_area dl>dd.input_mil_opt>select{ height: 40px; padding: 10px 15px; }
    .application_content>.apply_area dl>dd.input_mil_period>label{ width: 100%; margin: 5px 15px 0; }
    .application_content>.apply_area dl>dd.input_mil_period>label:last-of-type{ margin-bottom: 5px; }
    .application_content>.apply_area dl>dd.input_mil_physique>input{ padding: 10px 15px; }
    .application_content>.apply_area dl>dd.input_mil_sn>input{ padding: 10px 15px; }
    .application_content>.apply_area dl>dd.input_mil_level>select{ height: 40px; padding: 10px 15px; }
    .application_content>.apply_area dl>dd.input_apply_field>select{ height: 40px; padding: 10px 15px; }
    .application_content>.apply_area dl>dd.input_apply_type>select{ height: 40px; padding: 10px 15px; }
    .application_content>.apply_area dl>dd.input_career>select{ height: 40px; padding: 10px 5px; }
    .application_content>.apply_area dl>dd.input_career>select#career_option{ width: 30%; }
    .application_content>.apply_area dl>dd.input_career>select#career_year{ width: 30%; }
    .application_content>.apply_area dl>dd.input_career>select#career_month{ width: 40%; }
    .application_content>.apply_area dl>dd.input_recruitment_site>select{ height: 40px; padding: 10px 15px; }
    .application_content>.apply_area dl>dd.input_recommend>input{ padding: 10px 15px; }
    .application_content>.apply_area dl>dd.input_neweducation>label{ margin: 8px 0 8px 15px; }
    .application_content>.apply_area dl>dd.input_night_checkup>label{ margin: 8px 0 8px 15px; }

    .application_content>.apply_area>section>article{ margin-top: 15px; }
    .application_content>.apply_area>section>article>div{ height: 25px; }
    .application_content>.apply_area>section>article>div>p{ width: 25px; height: 25px; font-size: 16px; line-height: 25px; }
    .application_content>.apply_area>section>article>dl>dd>input{ padding: 10px 15px; }
    .application_content>.apply_area>section>article>dl>dd>select{ height: 40px; padding: 10px 15px; }
    .application_content>.apply_area>section>div{ height: 40px; }
    .application_content>.apply_area>section>div>span{ width: 16px; height: 16px; font-size: 16px; line-height: 14px; }
    .application_content>.apply_area>section>div>p{ font-size: 14px; }

    .application_content>.apply_area>button{ width: 100%; margin: 0; position: fixed; bottom: 0; left: 0; }

}
/* 입사지원 페이지 끝 */

/* 입사지원 완료 페이지 시작 */
.submission_content{ width: calc(100% - 40px); height: auto; max-width: 1200px; margin: auto; transition: all 0.12s ease-in-out; }
.submission_content>img{ width: 228px; height: auto; margin: auto; display: block; transition: all 0.12s ease-in-out; }
.submission_content>h3{ width: 100%; margin-top: 80px; color: rgb(8,91,176); font-size: 70px; font-weight: 700; font-family: 'Exo 2', sans-serif; text-align: center; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .submission_content>h3{ color: rgb(46,168,225); }
.submission_content>h4{ width: 100%; margin-top: 10px; color: rgb(18,18,18); font-size: 26px; font-weight: 400; text-align: center; word-break: keep-all; transition: all 0.12s ease-in-out; }
body#dark .submission_content>h4{ color: rgb(220,220,220); }
.submission_content>h4>span{ color: rgb(46,168,225); font-size: 1.2em; font-weight: 700; }
.submission_content>a{ width: 185px; height: 50px; margin: 100px auto 0; color: rgb(255,255,255); font-size: 16px; font-weight: 500; text-align: center; line-height: 48px; background-color: rgb(46,168,225); display: block; transition: all 0.12s ease-in-out; cursor: pointer; }
body#dark .submission_content>a{ background-color: rgb(35,129,173); }
.submission_content>a:hover{ background-color: rgb(8,91,176); }
body#dark .submission_content>a:hover{ background-color: rgb(6,66,125); }

@media(max-width:960px){

    .submission_content>img{ width: 180px; }
    .submission_content>h3{ margin-top: 50px; font-size: 50px; }
    .submission_content>h4{ font-size: 20px; }

}

@media(max-width:480px){

    .submission_content>img{ width: 150px; }
    .submission_content>h3{ margin-top: 30px; font-size: 30px; }
    .submission_content>h4{ font-size: 16px; }
    .submission_content>a{ width: 100%; margin: 0; position: fixed; bottom: 0; left: 0; }

}
/* 입사지원 완료 페이지 끝 */

/* 근로자 의견 시작 */
    /* 기본적인 style은 intranet 영역에서 끌어와서 사용하기 때문에, 아래에서 살짝만 보정 */
.opinion_list_content{ width: calc(100% - 40px); max-width: 1200px !important; margin: auto; }
.opinion_list_content>.board_list>div{ background-color: transparent !important; }
body#dark .opinion_list_content>.board_nav>a{ color: rgb(220,220,220); }
body#dark .opinion_list_content>.board_search>label>p{ color: rgb(220,220,220); }
body#dark .opinion_list_content>.board_search>label>select{ color: rgb(220,220,220); }
body#dark .opinion_list_content>.board_list>ul>li>p{ color: rgb(220,220,220); }
body#dark .opinion_list_content>.board_list>ul>li>p>a{ color: rgb(220,220,220); }
body#dark .opinion_list_content>.board_list>h5{ color: rgb(220,220,220); }

.opinion_view_content{ width: calc(100% - 40px); max-width: 1200px !important; margin: auto; }
.opinion_view_content>.board_view{ margin-bottom: 0; }
body#dark .opinion_view_content>.board_view>article>a{ color: rgb(220,220,220); }
.opinion_view_content>.board_view>div{ min-height: 0; }
.opinion_view_content>.board_view>div.comment{ border-bottom-width: 0; }
body#dark .opinion_view_content>.board_view>div.comment ul>li>div>textarea{ color: rgb(220,220,220); }
body#dark .opinion_view_content>.board_view>div.comment ul>li>div>textarea::placeholder{ color: rgb(102,102,102); }
body#dark .opinion_view_content>.board_view>div.comment dl>dt>textarea{ color: rgb(220,220,220); }
body#dark .opinion_view_content>.board_view>div.comment dl>dt>textarea::placeholder{ color: rgb(153,153,153); }

.opinion_write_content{ width: calc(100% - 40px); max-width: 1200px !important; margin: auto; }
body#dark .opinion_write_content>.board_write>article>a{ color: rgb(220,220,220); }
body#dark .opinion_write_content>.board_write>dl>dt{ color: rgb(220,220,220); }
.opinion_write_content>.board_write>figure{ top: 730px; right: 20px; }
body#dark .opinion_write_content>.board_write>figure>h4{ color: rgb(220,220,220); }
body#dark .opinion_write_content>.board_write>figure>ul>li>h6{ color: rgb(220,220,220); }
body#dark .opinion_write_content>.board_write>figure>p>i{ color: rgb(220,220,220); }
body#dark .opinion_write_content>.board_write>h5>p{ color: rgb(220,220,220); }
body#dark .opinion_write_content>.board_write>section>article>h6>span{ color: rgb(220,220,220); }
body#dark .opinion_write_content>.board_write>section>article>p{ color: rgb(220,220,220); }

@media(max-width:960px){

    .opinion_write_content>.board_write>figure{ top: 530px; }

}
/* 근로자 의견 끝 */

/* 인트라넷 로그인 페이지 시작 */
.intranet_area{ width: 100%; height: 100%; min-width: 320px; min-height: 700px; }
.intranet_content{ width: 100%; height: 100%; min-width: 320px; min-height: 700px; margin: auto; position: fixed; top: 0; left: 0; transition: width, height 0.12s ease-in-out; }
.intranet_content>figure{ width: 50%; height: 100%; display: inline-block; float: left; background-color: rgb(0,50,102); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }
body#dark .intranet_content>figure{ background-color: rgb(0,30,70); opacity: 0.6; }
.intranet_content>figure>div{ width: 100%; height: 100%; position: absolute;; top: 0; left: 0; background-color: rgb(0,50,102); background-position: center; background-repeat: no-repeat; background-size: cover; }
.intranet_content>div{ width: 50%; height: 100%; display: inline-block; float: left; position: relative; overflow: hidden; }
.intranet_content>div>img{ width: auto; height: 80%; margin: auto 0; position: absolute; top: 0; bottom: 0; left: 42%; }
.intranet_content>form{ width: calc(100% - 40px); height: auto; max-width: 620px; padding: 60px 0; position: absolute; top: 50%; left: 50%; z-index: 5; background-color: rgb(255,255,255); box-shadow: 0 0 15px 5px rgba(0,0,0,0.1); display: flex; flex-flow: column nowrap; }
body#dark .intranet_content>form{ background-color: rgb(42,42,42); }
.intranet_content>form>a{ width: 74%; height: auto; max-width: 455px; margin: 0 auto; position: relative; z-index: 1; }
.intranet_content>form>a>img{ width: 100%; }
.intranet_content>form>h4{ width: 74%; height: auto; max-width: 455px; margin: 0 auto; color: rgb(135,135,135); font-size: 28px; font-weight: 300; text-align: right; position: relative; top: -20px; left: 0; }
.intranet_content>form>h5{ width: 70%; height: auto; max-width: 410px; margin: 60px auto 0; color: rgb(18,18,18); font-size: 28px; font-weight: 700; }
body#dark .intranet_content>form>h5{ color: rgb(220,220,220); }
.intranet_content>form>input{ width: calc(70% - 30px); height: 35px; max-width: 380px; margin: 10px auto 0; padding: 5px 15px; border: 1px solid rgb(204,204,204); color: rgb(18,18,18); font-size: 16px; font-weight: 400; background-color: transparent; }
.intranet_content>form>input:focus{ outline: 0; }
body#dark .intranet_content>form>input{ border-color: rgb(85,85,85); color: rgb(220,220,220); }
.intranet_content>form>input:nth-of-type(1){ margin-top: 30px; }

.intranet_content>form>h6{ width: calc(70% - 2px); max-width: 410px; margin: 5px auto; color: rgb(176,36,26); font-size: 12px; font-weight: 400; word-break: keep-all; position: relative; display: none; transition: unset; }
body#dark .intranet_content>form>h6{ color: rgb(237,202,202); }

.intranet_content>form>div{ width: calc(70% - 2px); max-width: 410px; margin: 10px auto 0; display: flex; flex-flow: row nowrap; align-items: center; transition: all 0.12s ease-in-out; }
.intranet_content>form>div>label{ display: flex; flex-flow: row nowrap; align-items: center; transition: all 0.12s ease-in-out; cursor: pointer; }
.intranet_content>form>div>label>input{ display: none; }
.intranet_content>form>div>label>svg{ width: 16px; height: 16px; min-width: 16px; position: relative; top: 1px; }
.intranet_content>form>div>label>svg path{ fill: rgb(204,204,204); transition: all 0.12s ease-in-out; }
body#dark .intranet_content>form>div>label>svg path{ fill: rgb(185,185,185); }
.intranet_content>form>div>label.on>svg path{ fill: rgb(8,91,176); }
body#dark .intranet_content>form>div>label.on>svg path{ fill: rgb(46,168,225); }
.intranet_content>form>div>label>p{ margin-left: 5px; color: rgb(204,204,204); font-size: 14px; transition: all 0.12s ease-in-out; }
body#dark .intranet_content>form>div>label>p{ color: rgb(185,185,185); }
.intranet_content>form>div>label.on>p{ color: rgb(8,91,176); }
body#dark .intranet_content>form>div>label.on>p{ color: rgb(46,168,225); }

.intranet_content>form>button{ width: 70%; height: 50px; max-width: 410px; margin: 20px auto 0; background-color: rgb(46,168,225); color: rgb(255,255,255); font-size: 16px; font-weight: 500; text-align: center; line-height: 48px; cursor: pointer; }
body#dark .intranet_content>form>button{ background-color: rgb(35,129,173); }
.intranet_content>form>p{ width: 70%; height: auto; max-width: 410px; margin: 5px auto 0; color: rgb(153,153,153); font-size: 14px; font-weight: 400; word-break: keep-all; }
.intranet_content>form>p>a{ color: inherit; font-size: inherit; font-weight: inherit; cursor: pointer; }
.intranet_content>form>p:nth-of-type(1){ margin-top: 45px; }
.intranet_content>p{ width: auto; height: auto; position: absolute; right: 80px; bottom: 80px; z-index: 1; color: rgb(102,102,102); font-size: 14px; text-align: right; }

@media(max-width:560px){

    .intranet_area{ width: 0; height: 0; min-width: 0; min-height: 0; }
    .intranet_content{ min-height: 0; position: relative; top: 0 !important; }
    .intranet_content>figure{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; }
    .intranet_content>div{ width: 0; height: 0; }
    .intranet_content>div>img{ width: 0; height: 0; }
    .intranet_content>form{ margin: 20px 20px 10px !important; padding: 50px 0; position: relative; top: 0; left: 0; }
    body#dark .intranet_content>form{ background-color: rgb(42,42,42); background-image: url('/static/img/dark_pattern.jpg'); background-position: center top 0; background-repeat: repeat; background-size: auto; }
    .intranet_content>form>a{ width: 80%; }
    .intranet_content>form>h4{ width: 80%; }
    .intranet_content>form>h4{ font-size: 18px; top: -15px; }
    .intranet_content>form>h5{ width: 80%; margin-top: 30px; font-size: 20px; }
    .intranet_content>form>input{ width: calc(80% - 30px); font-size: 14px; }
    .intranet_content>form>input:nth-of-type(1){ margin-top: 20px; }
    .intranet_content>form>h6{ width: calc(80% - 2px); }
    .intranet_content>form>div{ width: calc(80% - 2px); }
    .intranet_content>form>button{ width: 80%; margin-top: 15px; }
    .intranet_content>form>p{ width: 80%; font-size: 12px; }
    .intranet_content>form>p:nth-of-type(1){ margin-top: 30px; }
    .intranet_content>p{ width: calc(100% - 40px); margin: 0 auto 20px; position: relative; right: 0; bottom: 0; color: rgb(220,220,220); }

}

@media(max-width:480px){

    .intranet_content>form{ padding: 30px 0; }
    .intranet_content>form>h4{ font-size: 16px; top: -10px; }
    .intranet_content>form>h5{ width: 90%; margin-top: 20px; font-size: 18px; }
    .intranet_content>form>input{ width: calc(90% - 30px); height: 30px; }
    .intranet_content>form>input:nth-of-type(1){ margin-top: 15px; }
    .intranet_content>form>h6{ width: calc(90% - 2px); }
    .intranet_content>form>div{ width: calc(90% - 2px); }
    .intranet_content>form>button{ width: 90%; height: 40px; margin-top: 10px; line-height: 38px; }
    .intranet_content>form>p{ width: 90%; }
    .intranet_content>form>p:nth-of-type(1){ margin-top: 20px; }
    .intranet_content>p{ font-size: 12px; }

}
/* 인트라넷 로그인 페이지 끝 */

/* 에러 페이지 시작 */
.error_content{ width: 100%; height: 800px; background-color: rgb(46,168,225); background-repeat: no-repeat; background-position: right 20px bottom 20px; background-size: auto 70%; display: flex; flex-flow: row nowrap; transition: all 0.12s ease-in-out; }
body#dark .error_content{ background-color: rgb(6,66,125); }
.error_content>figure{ width: 120px; height: 100%; background-color: rgb(255,255,255); background-position: top 0 center; background-repeat: repeat-y; background-size: 100% auto; transition: all 0.12s ease-in-out; }
.error_content>div{ width: calc(100% - 120px); margin-top: 300px; transition: all 0.12s ease-in-out; }
.error_content>div>h5{ width: calc(100% - 100px); margin: 0 0 50px 100px; color: rgb(255,255,255); font-size: 70px; font-weight: 700; transition: all 0.12s ease-in-out; }
.error_content>div>p{ width: calc(100% - 100px); margin-left: 100px; color: rgb(255,255,255); font-size: 30px; font-weight: 500; transition: all 0.12s ease-in-out; }

@media(max-width:1200px){

    .error_content{ background-size: auto 50%; }

}

@media(max-width:960px){

    .error_content{ height: 400px; background-size: auto 50%; }
    .error_content>figure{ width: 60px; }
    .error_content>div{ width: calc(100% - 60px); margin-top: 60px; }
    .error_content>div>h5{ width: calc(100% - 50px); margin: 0 0 20px 50px; font-size: 60px; }
    .error_content>div>p{ width: calc(100% - 50px); margin-left: 50px; font-size: 24px; }

}

@media(max-width:620px){

    .error_content{ height: 300px; background-size: auto 40%; }
    .error_content>div{ width: calc(100% - 60px); margin-top: 30px; }
    .error_content>div>h5{ font-size: 40px; }
    .error_content>div>p{ font-size: 20px; }

}

@media(max-width:480px){

    .error_content{ height: 250px; background-size: auto 30%; }
    .error_content>div{ margin-top: 20px; }
    .error_content>div>h5{ width: calc(100% - 30px); margin-left: 20px; font-size: 30px; }
    .error_content>div>p{ width: calc(100% - 30px); margin-left: 20px; font-size: 18px; }

}
/* 에러 페이지 끝 */