@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:100,400,500&display=swap');

/*@font-face {*/
/*    font-family : 'Noto Sans KR';*/
/*    font-style  : normal;*/
/*    font-weight : 100;*/
/*    src         : url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),*/
/*    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),*/
/*    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');*/
/*}*/

/*@font-face {*/
/*    font-family : 'Noto Sans KR';*/
/*    font-style  : normal;*/
/*    font-weight : 300;*/
/*    src         : url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),*/
/*    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),*/
/*    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');*/
/*}*/

/*@font-face {*/
/*    font-family : 'Noto Sans KR';*/
/*    font-style  : normal;*/
/*    font-weight : 400;*/
/*    src         : url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),*/
/*    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),*/
/*    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');*/
/*}*/

/*@font-face {*/
/*    font-family : 'Noto Sans KR';*/
/*    font-style  : normal;*/
/*    font-weight : 500;*/
/*    src         : url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),*/
/*    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),*/
/*    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');*/
/*}*/

/*@font-face {*/
/*    font-family : 'Noto Sans KR';*/
/*    font-style  : normal;*/
/*    font-weight : 700;*/
/*    src         : url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),*/
/*    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),*/
/*    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');*/
/*}*/

/*@font-face {*/
/*    font-family : 'Noto Sans KR';*/
/*    font-style  : normal;*/
/*    font-weight : 900;*/
/*    src         : url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),*/
/*    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),*/
/*    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');*/
/*}*/

/* 초기화 */
html {
    overflow-y : scroll
}

body {
    min-width                : 320px;
    margin                   : 0;
    padding                  : 0;
    font-size                : 0.75em;
    font-family              : 'Noto Sans KR', sans-serif;
    -webkit-text-size-adjust : none;
}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {
    margin  : 0;
    padding : 0;
    border  : 0
}

h1, h2, h3, h4, h5, h6 {
    font-size   : 1em;
    font-family : 'Noto Sans KR', sans-serif
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display : block
}

ul, dl, dt, dd {
    margin     : 0;
    padding    : 0;
    list-style : none
}

legend {
    position    : absolute;
    margin      : 0;
    padding     : 0;
    font-size   : 0;
    line-height : 0;
    text-indent : -9999em;
    overflow    : hidden
}

label, input, button, select, img {
    vertical-align : middle;
    font-size      : 1em;
}

input, button {
    margin      : 0;
    padding     : 0;
    font-family : 'Noto Sans KR', sans-serif;
    font-size   : 1em
}

input[type="submit"] {
    cursor : pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

button {
    cursor : pointer
}

textarea, select {
    font-family : 'Noto Sans KR', sans-serif;
    font-size   : 1em
}

select {
    margin : 0
}

p {
    margin     : 0;
    padding    : 0;
    word-break : break-all
}

hr {
    display : none
}

pre {
    overflow-x : scroll;
    font-size  : 1.1em
}

a {
    color           : #000;
    text-decoration : none
}

*, :after, :before {
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
}

input[type=text], input[type=password], textarea {
    outline : none;
}

.placeholdersjs {
    color : #aaa !important;
}

/* HTML5 display-role reset for older browsers */
table {
    border-collapse : collapse;
    border-spacing  : 0;
}

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {
}

#hd_pop,
#hd_wrapper,
#tnb ul,
#gnb .gnb_wrap,
#container_wr,
#ft_wr {
    width : 1200px
}

/* 팝업레이어 */
#hd_pop {
    z-index  : 1000;
    position : relative;
    width    : 100%;
    margin   : 0 auto;
    height   : 0
}

#hd_pop h2 {
    position    : absolute;
    font-size   : 0;
    line-height : 0;
    overflow    : hidden
}

.hd_pops {
    position   : absolute;
    border     : 1px solid #e9e9e9;
    background : #fff;
    left       : 50%;
    transform  : translate(-50%);
}

.hd_pops img {
    max-width : 100%;
    width     : 100%
}

.hd_pops_con {
}

.hd_pops_footer {
    padding    : 0;
    background : #000;
    color      : #fff;
    text-align : left;
    position   : relative;
}

.hd_pops_footer:after {
    display    : block;
    visibility : hidden;
    clear      : both;
    content    : ""
}

.hd_pops_footer button {
    padding : 10px;
    border  : 0;
    color   : #fff
}

.hd_pops_footer .hd_pops_reject {
    background : #000;
    text-align : left
}

.hd_pops_footer .hd_pops_close {
    background : #393939;
    position   : absolute;
    top        : 0;
    right      : 0
}

#hd_pops_4 {
    display : none;
    top     : 100px !important;
    left    : 50% !important;
}

#hd_pops_4 .hd_pops_con {
    min-width : 290px;
    width     : 90vw !important;
    max-width : 400px;
}

@media screen and (max-width : 767px) {
    #hd_pops_3 {
        display : none
    }

    #hd_pops_4 {
        display : block
    }
}

@media screen and (max-width : 1024px) {
    #hd_pops_7, #hd_pops_8 {
        top  : 50px !important;
        left : 50% !important;
    }

    #hd_pops_3 .hd_pops_con {
        width  : 600px !important;
        height : 820px !important;
    }
}

@media screen and (max-width : 768px) {
    .hd_pops {
        left : 0 !important;
    }
}


/* 상단 레이아웃 */
#hd {
    border-top : 2px solid #253dbe
}

#hd_h1 {
    position    : absolute;
    font-size   : 0;
    line-height : 0;
    overflow    : hidden
}

#hd_wrapper {
    position : relative;
    margin   : 0 auto;
    padding  : 10px 0;
    height   : 115px;
    zoom     : 1
}

#hd_wrapper:after {
    display    : block;
    visibility : hidden;
    clear      : both;
    content    : ""
}

#logo {
    float   : left;
    padding : 30px 0 0
}


#sbn_side {
    position : absolute;
    top      : 20px;
    right    : 0
}

#tnb {
    border-bottom : 1px solid #ddd;
    background    : #fff
}

#tnb h3 {
    position    : absolute;
    font-size   : 0;
    line-height : 0;
    overflow    : hidden
}

#tnb ul {
    margin : 0 auto;
    zoom   : 1
}

#tnb ul:after {
    display    : block;
    visibility : hidden;
    clear      : both;
    content    : ""
}

#tnb li {
    float         : right;
    border-left   : 1px solid #ddd;
    margin-bottom : -1px;
    font-size     : 0.92em
}

#tnb a {
    display     : inline-block;
    padding     : 0 10px;
    color       : #646464;
    line-height : 35px
}

#tnb a:focus, #tnb a:hover {
    color      : #253dbe;
    background : #fafafa
}

#tnb .tnb_admin a {
    color : #ff0000;
}

#tnb .tnb_left {
    float : left
}

#tnb .tnb_left a {
    padding : 0 14px
}

#tnb .tnb_cart {
    border-right : 1px solid #ddd;
}

#tnb .tnb_community {
    border-right : 1px solid #ddd
}

#tnb .tnb_community i {
    font-size : 15px
}

#tnb .tnb_community {
    background  : #e7e7e7;
    font-weight : bold;
}

#tnb .tnb_community:focus, #tnb .tnb_community:hover {
    color         : #333;
    border-bottom : 0
}

#tnb .tnb_community a {
    color         : #253dbe;
    border-bottom : 1px solid #e7e7e7
}

#hd_qnb {
    float      : right;
    margin-top : 20px
}

#hd_qnb:after {
    display    : block;
    visibility : hidden;
    clear      : both;
    content    : ""
}

#hd_qnb li {
    float       : left;
    font-size   : 1.083em;
    line-height : 15px;
    position    : relative;
    text-align  : center;
    margin      : 0 10px
}

#hd_qnb li span {
    display    : block;
    margin-top : 5px;
    font-size  : 0.92em
}

#hd_qnb li a {
    display : block
}

#hd_qnb li i {
    display       : inline-block;
    width         : 40px;
    line-height   : 40px;
    border-radius : 25px;
    background    : #fff;
    text-align    : center;
    margin        : 0;
    color         : #fff
}

#hd_qnb .visit .visit-num {
    display       : inline-block;
    line-height   : 18px;
    padding       : 0 5px;
    border-radius : 10px;
    background    : #f04e00;
    color         : #fff;
    font-size     : 10px;
    position      : absolute;
    top           : 0;
    right         : 0
}

#hd_qnb li .fa-question {
    background : #e83a5f;
    font-size  : 20px
}

#hd_qnb li .fa-question:hover {
    background : #e41b45
}

#hd_qnb li .fa-comments {
    background : #82c13f;
    font-size  : 16px
}

#hd_qnb li .fa-comments:hover {
    background : #5aa708
}

#hd_qnb li .fa-users {
    background : #f0ba00;
    font-size  : 15px
}

#hd_qnb li .fa-users:hover {
    background : #f06f00
}

#hd_qnb li .fa-history {
    background : #8522c4;
    font-size  : 15px
}

#hd_qnb li .fa-history:hover {
    background : #6700a9
}

/* 메인메뉴 */
#gnb {
    position : relative
}

#gnb h2 {
    position    : absolute;
    font-size   : 0;
    line-height : 0;
    overflow    : hidden
}

#gnb .gnb_wrap {
    margin   : 0 auto;
    position : relative
}

#gnb #gnb_1dul {
    font-size          : 1.083em;
    padding            : 0;
    background         : #253dbe;
    zoom               : 1;
    -webkit-box-shadow : 0 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow    : 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow         : 0 1px 3px rgba(0, 0, 0, 0.3)
}

#gnb ul:after {
    display    : block;
    visibility : hidden;
    clear      : both;
    content    : ""
}

#gnb .gnb_1dli {
    float       : left;
    line-height : 50px;
    padding     : 0 15px;
    position    : relative;
}

#gnb .gnb_1dli:hover {
    background         : #1a30a7;
    -webkit-transition : background-color 2s ease-out;
    -moz-transition    : background-color 0.3s ease-out;
    -o-transition      : background-color 0.3s ease-out;
    transition         : background-color 0.3s ease-out;
}

.gnb_1dli .bg {
    display     : inline-block;
    width       : 10px;
    height      : 10px;
    overflow    : hidden;
    background  : url(../img/gnb_bg2.gif) no-repeat 50% 50%;
    text-indent : -999px
}

.gnb_1da {
    display         : inline-block;
    font-weight     : bold;
    color           : #fff;
    text-decoration : none;
}

.gnb_2dli {
    border-top : 1px solid #253dbe
}

.gnb_2dli:first-child {
    border : 0
}

.gnb_2dul {
    display            : none;
    position           : absolute;
    top                : 50px;
    min-width          : 140px;
    background         : #1a30a7;
    padding            : 0;
    -webkit-box-shadow : 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow    : 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow         : 0 1px 5px rgba(0, 0, 0, 0.1);
}

.gnb_2da {
    display         : block;
    padding         : 0 10px;
    line-height     : 40px;
    color           : #c3cbf7;
    text-align      : left;
    text-decoration : none
}

a.gnb_2da:hover {
    background      : #0e2080;
    -moz-transition : all 0.3s ease-out;
    -o-transition   : all 0.3s ease-out;
    transition      : all 0.3s ease-out;
}

.gnb_1dli_air .gnb_2da {
}

.gnb_1dli_on .gnb_2da {
}

.gnb_2da:focus, .gnb_2da:hover {
    color : #fff
}

.gnb_1dli_over .gnb_2dul {
    display : block;
    left    : 0
}

.gnb_1dli_over2 .gnb_2dul {
    display : block;
    right   : 0
}

.gnb_wrap .gnb_empty {
    padding     : 10px 0;
    width       : 100%;
    text-align  : center;
    line-height : 2em;
    color       : #fff
}

.gnb_wrap .gnb_empty a {
    color           : #fff;
    text-decoration : underline
}

.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {
    color : #555
}

#gnb .gnb_menu_btn {
    background     : #4158d1;
    color          : #fff;
    width          : 50px;
    height         : 50px;
    border         : 0;
    vertical-align : top;
    font-size      : 18px
}

#gnb .gnb_close_btn {
    background     : #4158d1;
    color          : #fff;
    width          : 50px;
    height         : 50px;
    border         : 0;
    vertical-align : top;
    font-size      : 18px;
    position       : absolute;
    top            : -50px;
    left           : 0
}

#gnb .gnb_mnal {
    padding : 0
}

#gnb_all {
    display  : none;
    position : absolute;
    width    : 100%;
    z-index  : 99;
}

#gnb_all .gnb_al_ul:after {
    display    : block;
    visibility : hidden;
    clear      : both;
    content    : ""
}

#gnb_all .gnb_al_ul {
    background         : #fff;
    border             : 1px solid #4158d1;
    padding            : 20px;
    -webkit-box-shadow : 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow    : 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow         : 0 2px 5px rgba(0, 0, 0, 0.2);
}

#gnb_all .gnb_al_li {
    background : #fff;
    float      : left;
    min-width  : 20%;
    padding    : 5px
}

#gnb_all .gnb_al_li .gnb_al_a {
    font-size     : 1.083em;
    padding       : 10px;
    display       : block;
    position      : relative;
    margin-bottom : 10px;
    background    : #eff1f9;
    border-bottom : 1px solid #dee2f1;
    font-weight   : bold;
    color         : #243071
}

#gnb_all .gnb_al_li li {
    padding-left : 10px;
    line-height  : 2em
}

#gnb_all .gnb_al_li li i {
    color : #9ca6cc
}

#gnb_all .gnb_al_li li a {
    color : #555
}

/* 중간 레이아웃 */

/*.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}*/
.lt_wr {
    width : 49%
}

.lt_wr:nth-child(2n+1) {
    clear : both
}

.latest_wr:after {
    display    : block;
    visibility : hidden;
    clear      : both;
    content    : ""
}

/* 하단 레이아웃 */
#ft {
    border-top     : 1px solid #d5d5d5;
    background     : #fff;
    padding-bottom : 30px;
    margin         : 0 auto;
    text-align     : center
}

#ft h1 {
    position    : absolute;
    font-size   : 0;
    line-height : 0;
    overflow    : hidden
}

#ft_wr {
    margin   : 0 auto;
    position : relative;
}

#ft_link {
    padding       : 15px 0;
    border-bottom : 1px solid #eee
}

#ft_link a {
    display     : inline-block;
    padding     : 0 8px;
    line-height : 1.083em;
    font-weight : bold
}

#ft_catch {
    margin : 20px 0 10px
}

#ft_copy {
    color     : #555;
    font-size : 0.92em
}

#top_btn {
    position    : fixed;
    bottom      : 20px;
    right       : 20px;
    width       : 50px;
    height      : 50px;
    line-height : 46px;
    border      : 2px solid #333;
    color       : #333;
    text-align  : center;
    font-size   : 15px;
    z-index     : 90;
    background  : rgba(255, 255, 255, 0.5)
}

#top_btn:hover {
    border-color : #3059c7;
    background   : #3059c7;
    color        : #fff
}

/* 게시물 선택복사 선택이동 */
#copymove {
}

#copymove .win_desc {
    text-align : center;
    display    : block
}

#copymove .tbl_wrap {
    margin : 20px
}

#copymove .win_btn {
    padding : 0 20px 20px
}

.copymove_current {
    float         : right;
    background    : #ff3061;
    padding       : 5px;
    color         : #fff;
    border-radius : 3px
}

.copymove_currentbg {
    background : #f4f4f4
}

/* 화면낭독기 사용자용 */
#hd_login_msg {
    position    : absolute;
    top         : 0;
    left        : 0;
    font-size   : 0;
    line-height : 0;
    overflow    : hidden
}

.msg_sound_only, .sound_only {
    display     : inline-block !important;
    position    : absolute;
    top         : 0;
    left        : 0;
    margin      : 0 !important;
    padding     : 0 !important;
    font-size   : 0;
    line-height : 0;
    border      : 0 !important;
    overflow    : hidden !important
}

/* 본문 바로가기 */
#skip_to_container a {
    z-index     : 100000;
    position    : absolute;
    top         : 0;
    left        : 0;
    width       : 1px;
    height      : 1px;
    font-size   : 0;
    line-height : 0;
    overflow    : hidden
}

#skip_to_container a:focus, #skip_to_container a:active {
    width           : 100%;
    height          : 75px;
    background      : #21272e;
    color           : #fff;
    font-size       : 2em;
    font-weight     : bold;
    text-align      : center;
    text-decoration : none;
    line-height     : 3.3em
}

/* ie6 이미지 너비 지정 */
.img_fix {
    width  : 100%;
    height : auto
}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {
    display  : inline-block;
    position : relative
}

#captcha legend {
    position    : absolute;
    margin      : 0;
    padding     : 0;
    font-size   : 0;
    line-height : 0;
    text-indent : -9999em;
    overflow    : hidden;
}

#captcha #captcha_img {
    height         : 40px;
    border         : 1px solid #898989;
    vertical-align : top;
    padding        : 0;
    margin         : 0
}

#captcha #captcha_mp3 {
    margin         : 0;
    padding        : 0;
    width          : 40px;
    height         : 40px;
    border         : 0;
    background     : transparent;
    vertical-align : middle;
    overflow       : hidden;
    cursor         : pointer;
    background     : url('../img/captcha2.png') no-repeat;
    text-indent    : -999px;
    border-radius  : 3px
}

#captcha #captcha_reload {
    margin         : 0;
    padding        : 0;
    width          : 40px;
    height         : 40px;
    border         : 0;
    background     : transparent;
    vertical-align : middle;
    overflow       : hidden;
    cursor         : pointer;
    background     : url('../img/captcha2.png') no-repeat 0 -40px;
    text-indent    : -999px;
    border-radius  : 3px
}

#captcha #captcha_key {
    margin         : 0 0 0 3px;
    padding        : 0 5px;
    width          : 90px;
    height         : 40px;
    border         : 1px solid #ccc;
    background     : #fff;
    font-size      : 1.333em;
    font-weight    : bold;
    text-align     : center;
    border-radius  : 3px;
    vertical-align : top
}

#captcha #captcha_info {
    display        : block;
    margin         : 5px 0 0;
    font-size      : 0.95em;
    letter-spacing : -0.05em
}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {
    display : block;
    margin  : 0 0 5px;
    width   : 187px
}

#captcha.m_captcha #captcha_img {
    width         : 160px;
    height        : 60px;
    border        : 1px solid #e9e9e9;
    margin-bottom : 3px;
    margin-top    : 5px;
    display       : block;
}

#captcha.m_captcha #captcha_reload {
    position       : static;
    margin         : 0;
    padding        : 0;
    width          : 40px;
    height         : 40px;
    border         : 0;
    background     : transparent;
    vertical-align : middle;
    overflow       : hidden;
    cursor         : pointer;
    background     : url('../img/captcha2.png') no-repeat 0 -40px;
    text-indent    : -999px
}

#captcha.m_captcha #captcha_reload span {
    display : none;
}

/*#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}*/
#captcha.m_captcha #captcha_info {
    display        : block;
    margin         : 5px 0 0;
    font-size      : 0.95em;
    letter-spacing : -0.1em
}

#captcha.m_captcha #captcha_mp3 {
    width          : 31px;
    height         : 31px;
    background     : url('../img/captcha2.png') no-repeat 0 0;
    vertical-align : top;
    overflow       : hidden;
    cursor         : pointer;
    text-indent    : -9999px;
    border         : none
}

/* ckeditor 단축키 */
.cke_sc {
    margin     : 0 0 5px;
    text-align : right
}

.btn_cke_sc {
    display         : inline-block;
    padding         : 0 10px;
    height          : 23px;
    border          : 1px solid #ccc;
    background      : #fafafa;
    color           : #000;
    text-decoration : none;
    line-height     : 1.9em;
    vertical-align  : middle;
    cursor          : pointer
}

.cke_sc_def {
    margin     : 0 0 5px;
    padding    : 10px;
    border     : 1px solid #ccc;
    background : #f7f7f7;
    text-align : center
}

.cke_sc_def dl {
    margin     : 0 0 5px;
    text-align : left;
    zoom       : 1
}

.cke_sc_def dl:after {
    display    : block;
    visibility : hidden;
    clear      : both;
    content    : ""
}

.cke_sc_def dt, .cke_sc_def dd {
    float         : left;
    margin        : 0;
    padding       : 5px 0;
    border-bottom : 1px solid #e9e9e9
}

.cke_sc_def dt {
    width       : 20%;
    font-weight : bold
}

.cke_sc_def dd {
    width : 30%
}

/* 버튼 */
a.btn, .btn {
    line-height        : 35px;
    height             : 35px;
    padding            : 0 10px;
    text-align         : center;
    font-weight        : bold;
    border             : 0;
    -webkit-transition : background-color 0.3s ease-out;
    -moz-transition    : background-color 0.3s ease-out;
    -o-transition      : background-color 0.3s ease-out;
    transition         : background-color 0.3s ease-out;
}

a.btn01 {
    display         : inline-block;
    padding         : 7px;
    border          : 1px solid #ccc;
    background      : #fafafa;
    color           : #000;
    text-decoration : none;
    vertical-align  : middle
}

a.btn01:focus, a.btn01:hover {
    text-decoration : none
}

button.btn01 {
    display         : inline-block;
    margin          : 0;
    padding         : 7px;
    border          : 1px solid #ccc;
    background      : #fafafa;
    color           : #000;
    text-decoration : none
}

a.btn02 {
    display         : inline-block;
    padding         : 7px;
    border          : 1px solid #3b3c3f;
    background      : #4b545e;
    color           : #fff;
    text-decoration : none;
    vertical-align  : middle;
}

a.btn02:focus, .btn02:hover {
    text-decoration : none
}

button.btn02 {
    display         : inline-block;
    margin          : 0;
    padding         : 7px;
    border          : 1px solid #3b3c3f;
    background      : #4b545e;
    color           : #fff;
    text-decoration : none
}

.btn_confirm {
    text-align : right
}

/* 서식단계 진행 */

.btn_submit {
    border     : 0;
    background : #253dbe;
    color      : #fff;
    cursor     : pointer;
    border     : 0
}

.btn_submit:hover {
    background : #0025eb
}

a.btn_cancel {
    display         : inline-block;
    background      : #e5e5e5;
    color           : #fff;
    text-decoration : none;
    vertical-align  : middle;
}

button.btn_cancel {
    display         : inline-block;
    background      : #969696;
    color           : #fff;
    text-decoration : none;
    vertical-align  : middle
}

.btn_cancel:hover {
    background : #aaa;
}

a.btn_frmline, button.btn_frmline {
    display         : inline-block;
    padding         : 0 5px;
    height          : 40px;
    border          : 0;
    background      : #3c3c3c;
    border-radius   : 5px;
    color           : #fff;
    text-decoration : none;
    vertical-align  : top
}

/* 우편번호검색버튼 등 */
a.btn_frmline {
}

button.btn_frmline {
    font-size : 1em
}

/* 게시판용 버튼 */
a.btn_b01, .btn_b01 {
    display         : inline-block;
    background      : #4c4f6f;
    color           : #fff;
    text-decoration : none;
    vertical-align  : middle
}

.btn_b01:hover, .btn_b01:hover {
    background : #54598c
}

a.btn_b02, .btn_b02 {
    display         : inline-block;
    background      : #e15252;
    padding         : 0 10px;
    color           : #fff;
    text-decoration : none;
    border          : 0;
    vertical-align  : middle;
}

a.btn_b02:hover, .btn_b02:hover {
    background : #ce4242
}

a.btn_b03, .btn_b03 {
    display         : inline-block;
    background      : #fff;
    border          : 1px solid #b9bdd3;
    color           : #646982;
    text-decoration : none;
    vertical-align  : middle
}

a.btn_b03:hover, .btn_b03:hover {
    background : #ebedf6
}

a.btn_b04, .btn_b04 {
    display         : inline-block;
    background      : #fff;
    border          : 1px solid #ccc;
    color           : #707070;
    text-decoration : none;
    vertical-align  : middle
}

a.btn_b04:hover, .btn_b04:hover {
    color      : #333;
    background : #f9f9f9
}

a.btn_admin, .btn_admin {
    display         : inline-block;
    background      : #bda16f;
    color           : #fff;
    text-decoration : none;
    vertical-align  : middle
}

/* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {
    background : #ad915f
}


/*컬러*/
.color_1 {
    background : #169dd6
}

.color_2 {
    background : #14d53d
}

.color_3 {
    background : #3814ff
}

.color_4 {
    background : #7520c5
}

/* 기본테이블 */
.tbl_wrap table {
    width           : 100%;
    border-collapse : collapse;
    border-spacing  : 0 5px;
}

.tbl_wrap caption {
    padding     : 10px 0;
    font-weight : bold;
    text-align  : left
}

.tbl_head01 {
    margin : 0 0 60px
}

.tbl_head01 caption {
    padding     : 0;
    font-size   : 0;
    line-height : 0;
    overflow    : hidden
}

.tbl_head01 thead th {
    padding       : 10px 0;
    font-weight   : normal;
    text-align    : center;
    border-bottom : 1px solid #ddd;
    background    : #fafafa;
    height        : 40px
}

.tbl_head01 thead th input {
    vertical-align : middle
}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {
    padding       : 10px 0;
    border-top    : 1px solid #c1d1d5;
    border-bottom : 1px solid #c1d1d5;
    background    : #d7e0e2;
    text-align    : center
}

.tbl_head01 tbody th {
    padding       : 8px 0;
    border-bottom : 1px solid #e8e8e8
}

.tbl_head01 td {
    color       : #666;
    background  : #fff;
    padding     : 10px 5px;
    line-height : 1.4em;
    word-break  : break-all
}

.tbl_head02 {
    margin : 0 0 10px
}

.tbl_head02 caption {
    padding     : 0;
    font-size   : 0;
    line-height : 0;
    overflow    : hidden
}

.tbl_head02 thead th {
    padding        : 5px 0;
    border-top     : 1px solid #d1dee2;
    border-bottom  : 1px solid #d1dee2;
    background     : #e5ecef;
    color          : #383838;
    font-size      : 0.95em;
    text-align     : center;
    letter-spacing : -0.1em
}

.tbl_head02 thead a {
    color : #383838
}

.tbl_head02 thead th input {
    vertical-align : top
}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {
    padding       : 10px 0;
    border-top    : 1px solid #c1d1d5;
    border-bottom : 1px solid #c1d1d5;
    background    : #d7e0e2;
    text-align    : center
}

.tbl_head02 tbody th {
    padding       : 5px 0;
    border-top    : 1px solid #e9e9e9;
    border-bottom : 1px solid #e9e9e9;
    background    : #fff
}

.tbl_head02 td {
    padding       : 5px 3px;
    border-top    : 1px solid #e9e9e9;
    border-bottom : 1px solid #e9e9e9;
    background    : #fff;
    line-height   : 1.4em;
    word-break    : break-all
}

.tbl_head02 a {
}

/* 폼 테이블 */
.tbl_frm01 {
    margin : 0 0 20px
}

.tbl_frm01 table {
    width           : 100%;
    border-collapse : collapse;
    border-spacing  : 0
}

.tbl_frm01 th {
    width       : 70px;
    padding     : 7px 13px;
    border      : 1px solid #e9e9e9;
    border-left : 0;
    background  : #f5f8f9;
    text-align  : left
}

.tbl_frm01 td {
    padding       : 7px 10px;
    border-top    : 1px solid #e9e9e9;
    border-bottom : 1px solid #e9e9e9;
    background    : transparent
}

.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input {
    border             : 1px solid #ccc;
    background         : #fff;
    color              : #000;
    vertical-align     : middle;
    border-radius      : 3px;
    padding            : 5px;
    -webkit-box-shadow : inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow    : inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow         : inset 0 1px 1px rgba(0, 0, 0, .075);
}

.tbl_frm01 textarea {
    padding : 2px 2px 3px
}

.frm_input {
    height : 40px;
}

.full_input {
    width : 100%
}

.half_input {
    width : 49.5%
}

.tbl_frm01 textarea, .write_div textarea {
    width  : 100%;
    height : 100px
}

.tbl_frm01 a {
    text-decoration : none
}

.tbl_frm01 .frm_file {
    display       : block;
    margin-bottom : 5px
}

.tbl_frm01 .frm_info {
    display     : block;
    padding     : 0 0 5px;
    line-height : 1.4em
}

/*기본 리스트*/
.list_01 li {
    border        : 1px solid #dbdbdb;
    background    : #fff;
    border-radius : 3px;
    margin        : 3px 0;
    padding       : 10px 15px;
    list-style    : none;
    position      : relative;
}

.list_01 li:after {
    display    : block;
    visibility : hidden;
    clear      : both;
    content    : ""
}

.list_01 li:hover {
    background : #f9f9f9
}

.list_01 li.empty_li {
    text-align : center;
    padding    : 20px 0;
    color      : #666
}

/*폼 리스트*/
.form_01 h2 {
    margin    : 0 0 10px;
    font-size : 1.167em
}

.form_01 li {
    margin : 10px 0
}

.form_01 li:after {
    display    : block;
    visibility : hidden;
    clear      : both;
    content    : ""
}

.form_01 li .right_input {
    float : right
}

.form_01 textarea {
    height : 100px;
    width  : 100%
}

.form_01 .frm_label {
    display : inline-block;
    width   : 130px
}

/* 자료 없는 목록 */
.empty_table {
    padding    : 50px 0 !important;
    text-align : center
}

.empty_list {
    padding    : 20px 0 !important;
    color      : #666;
    text-align : center;
    font-size  : 17.33px
}

/* 필수입력 */
.required, textarea.required {
    background-image    : url('../img/require.png') !important;
    background-repeat   : no-repeat !important;
    background-position : right top !important;
}

/* 테이블 항목별 정의 */
.td_board {
    width      : 80px;
    text-align : center
}

.td_category {
    width      : 80px;
    text-align : center
}

.td_chk {
    width      : 30px;
    text-align : center
}

.td_date {
    width      : 60px;
    text-align : center
}

.td_datetime {
    width      : 110px;
    text-align : center
}

.td_group {
    width      : 80px;
    text-align : center
}

.td_mb_id {
    width      : 100px;
    text-align : center
}

.td_mng {
    width      : 80px;
    text-align : center
}

.td_name {
    width      : 100px;
    text-align : left
}

.td_nick {
    width      : 100px;
    text-align : center
}

.td_num {
    width      : 50px;
    text-align : center
}

.td_numbig {
    width      : 80px;
    text-align : center
}

.td_stat {
    width      : 60px;
    text-align : center
}

.txt_active {
    color : #5d910b
}

.txt_done {
    color : #e8180c
}

.txt_expired {
    color : #ccc
}

.txt_rdy {
    color : #8abc2a
}

/* 새창 기본 스타일 */
.new_win {
    position : relative;
}

.new_win .tbl_wrap {
    margin : 0 20px
}

.new_win #win_title {
    font-size   : 24px;
    height      : 60px;
    line-height : 30px;
    padding     : 14px 40px;
    background  : #1A4376;
    color       : #fff;
}

.new_win #win_title .sv {
    font-size   : 0.75em;
    line-height : 1.2em
}

.new_win .win_ul {
    border-right : 1px solid #dfe6e7;
}

.new_win .win_ul:after {
    display    : block;
    visibility : hidden;
    clear      : both;
    content    : ""
}

.new_win .win_ul li {
    float       : left;
    background  : #fff;
    width       : 33.333%;
    text-align  : center;
    border      : 1px solid #ccc;
    margin-left : -1px
}

.new_win .win_ul li a {
    display : block;
    padding : 10px 0
}

.new_win .win_ul .selected {
    background   : #fff;
    border-color : #253dbe;
    position     : relative;
    z-index      : 5
}

.new_win .win_ul .selected a {
    color       : #253dbe;
    font-weight : bold
}

.new_win .win_desc {
    margin    : 5px 0;
    font-size : 0.92em;
    color     : #3598db;
}

.new_win .frm_info {
    font-size : 0.92em;
    color     : #3598db
}

.new_win .win_total {
    text-align : right;
    margin     : 10px 0
}

.new_win .win_total span {
    display       : inline-block;
    line-height   : 30px;
    font-size     : 0.92em;
    color         : #4e546f;
    background    : #d4d4d4;
    padding       : 0 10px;
    border-radius : 5px;
}

.new_win .new_win_con {
    margin : 30px 40px;
}

.new_win .new_win_con:after {
    display    : block;
    visibility : hidden;
    clear      : both;
    content    : ""
}

.new_win .btn_confirm:after {
    display    : block;
    visibility : hidden;
    clear      : both;
    content    : ""
}

.new_win .win_btn {
    text-align : right
}

.new_win .btn_close {
    position    : absolute;
    top         : 0;
    right       : 0;
    height      : 60px;
    width       : 60px;
    background  : url(../img/close_btn.gif) no-repeat 50% 50%;
    border      : 0;
    text-indent : -999px;
    overflow    : hidden;
    cursor      : pointer
}

.new_win .btn_submit {
    padding     : 0 20px;
    height      : 44px;
    font-size   : 18px;
    float       : right;
    background  : #E25252;
    font-weight : 500;
}

@media only screen and (max-width : 767px) {
    .new_win #win_title {
        font-size   : 16px;
        height      : 50px;
        line-height : 25px;
        padding     : 12px 20px;
    }

    .new_win .btn_close {
        width  : 50px;
        height : 50px;
    }

    .new_win .text-center {
        text-align : center;
    }

    .new_win .btn_submit {
        height             : 40px;
        float              : none;
        border-radius      : 0;
        -webkit-appearance : none;
    }
}

/* 검색결과 색상 */
.sch_word {
    color : #f08327;
}

/* 자바스크립트 alert 대안 */
#validation_check {
    margin : 100px auto;
    width  : 500px
}

#validation_check h1 {
    margin-bottom : 20px;
    font-size     : 1.3em
}

#validation_check p {
    margin-bottom : 20px;
    padding       : 30px 20px;
    border        : 1px solid #e9e9e9;
    background    : #fff
}

/* 사이드뷰 */
.sv_wrap {
    position    : relative;
    font-weight : normal
}

.sv_wrap .sv {
    z-index            : 1000;
    display            : none;
    margin             : 5px 0 0;
    font-size          : 0.92em;
    background         : #333;
    -webkit-box-shadow : 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow    : 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow         : 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
}

.sv_wrap .sv:before {
    content      : "";
    position     : absolute;
    top          : -6px;
    left         : 15px;
    width        : 0;
    height       : 0;
    border-style : solid;
    border-width : 0 6px 6px 6px;
    border-color : transparent transparent #333 transparent;
}

.sv_wrap .sv a {
    display     : inline-block;
    margin      : 0;
    padding     : 0 10px;
    line-height : 30px;
    width       : 100px;
    font-weight : normal;
    color       : #bbb
}

.sv_wrap .sv a:hover {
    background : #000;
    color      : #fff
}

.sv_member {
    color : #333
}

.sv_on {
    display  : block !important;
    position : absolute;
    top      : 23px;
    left     : 0px;
    width    : auto;
    height   : auto
}

.sv_nojs .sv {
    display : block
}

/* 페이징 */
.pg_wrap {
    clear      : both;
    text-align : center
}

.pg_wrap:after {
    display    : block;
    visibility : hidden;
    clear      : both;
    content    : ""
}

.pg {
}

.pg_page, .pg_current {
    display        : inline-block;
    margin         : 0 1px;
    vertical-align : middle;
    background     : #e5e5e5;
    font-family    : 'Roboto', 'Noto Sans KR', sans-serif;
}

.pg a:focus, .pg a:hover {
    text-decoration : none
}

.pg_page {
    color           : #666;
    font-size       : 17.33px;
    height          : 36px;
    line-height     : 36px;
    padding         : 0 5px;
    min-width       : 36px;
    text-decoration : none;
}

.pg_page:hover {
    background-color : #ddd
}

.pg_start {
    text-indent : -999px;
    overflow    : hidden;
    background  : #e5e5e5 url('../img/yangrim/btn_first.png') no-repeat 50% 50%;
    padding     : 0
}

.pg_prev {
    text-indent : -999px;
    overflow    : hidden;
    background  : #e5e5e5 url('../img/yangrim/btn_prev.png') no-repeat 50% 50%;
    padding     : 0
}

.pg_end {
    text-indent : -999px;
    overflow    : hidden;
    background  : #e5e5e5 url('../img/yangrim/btn_end.png') no-repeat 50% 50%;
    padding     : 0
}

.pg_next {
    text-indent : -999px;
    overflow    : hidden;
    background  : #e5e5e5 url('../img/yangrim/btn_next.png') no-repeat 50% 50%;
    padding     : 0
}

.pg_current {
    display     : inline-block;
    min-width   : 36px;
    height      : 36px;
    background  : #f08327;
    color       : #fff;
    font-weight : 400;
    font-size   : 17.33px;;
    line-height : 36px;
}

.pg_btn {
    margin : 0 17px;
}

@media screen and (max-width : 1024px) {
    .pg_page, .pg_current {
        font-size   : 20px;
        line-height : 38px;
    }

    .pg_start {
        background      : #e5e5e5 url('../img/yangrim/btn_t_first.png') no-repeat 50% 50%;
        background-size : 13px;
    }

    .pg_prev {
        background      : #e5e5e5 url('../img/yangrim/btn_t_prev.png') no-repeat 50% 50%;
        background-size : 8px;
    }

    .pg_end {
        background      : #e5e5e5 url('../img/yangrim/btn_t_end.png') no-repeat 50% 50%;
        background-size : 15px;
    }

    .pg_next {
        background      : #e5e5e5 url('../img/yangrim/btn_t_next.png') no-repeat 50% 50%;
        background-size : 8px;
    }

    .hd_pops {
        top : 10px !important;
    }

    .hd_pops .hd_pops_con {
        width  : 320px !important;
        height : auto !important;
    }
}

@media screen and (max-width : 767px) {
    .pg_page, .pg_current {
        height      : 28px;
        line-height : 29px;
        min-width   : 28px;
        font-size   : 14px;
    }

    .pg_btn {
        margin : 0 6px
    }

    .pg_start {
        background-size : 11px;
    }

    .pg_prev {
        background-size : 7px;
    }

    .pg_end {
        background-size : 11px;
    }

    .pg_next {
        background-size : 7px;
    }


}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
    -webkit-box-sizing : content-box;
    -moz-box-sizing    : content-box;
    box-sizing         : content-box;
}

/* Mobile화면으로 */
#device_change {
    display         : block;
    margin          : 0.3em;
    padding         : 0.5em 0;
    border          : 1px solid #eee;
    border-radius   : 2em;
    background      : #fff;
    color           : #000;
    font-size       : 2em;
    text-decoration : none;
    text-align      : center
}

/* littlesong */

/* common */
body.on {
    position                 : fixed;
    height                   : 100%;
    overflow                 : hidden;
    -webkit-text-size-adjust : none
}

.clearfix:after {
    clear   : both;
    content : '';
    display : block
}

.container {
    -webkit-text-size-adjust : none;
}

.inner_area {
    position  : relative;
    max-width : 1180px;
    margin    : 0 auto
}

.header_top {
    min-width  : 320px;
    padding    : 8px 0;
    background : #1A4376;
}

.header_top_menus {
    float : right;
}

.header_top a {
    font-size    : 16px;
    color        : #fff;
    padding-left : 20px;
}

/* header */
.header {
    min-width                : 320px;
    padding                  : 30px 0 19px;
    background               : #ffffff;
    -webkit-text-size-adjust : none
}

.hd_inner {
    max-width : 1180px;
    margin    : 0 auto;
}

.header .area_logo {
    /*float     : left;*/
    /*width     : 17%;*/
    width : 200px;
    max-width : 35vw;
    margin    : 0 auto;
}

.header .area_logo img {
    width : 100%
}

.area_gnb {
    float   : left;
    width   : 64.3%;
    padding : 0 0 0 7%
}

.area_gnb .depth1 > li {
    position : relative;
}

.area_gnb .depth1 {
    display         : flex;
    justify-content : space-around;
    align-items     : center;
    margin-right    : 40px;
}

.area_gnb .depth1 > li > a {
    position       : relative;
    display        : inline-block;
    margin         : 5px 0 0;
    padding        : 10px 0 25px;
    color          : #666;
    font-size      : 20.67px;
    letter-spacing : -0.025em;
    font-weight    : 600;
    transition     : all .2s
}

.area_gnb .depth1 > li.on > a {
    color : #e15252;
}

.area_gnb .depth1 > li > a::before {
    opacity    : 0;
    position   : absolute;
    top        : 0;
    left       : 0;
    display    : block;
    clear      : both;
    content    : '';
    width      : 100%;
    height     : 3px;
    background : #bd987f;
}

.area_gnb .depth1 > li.on > a::before {
    opacity    : 1;
    transition : all .2s
}

.depth2 {
    visibility     : hidden;
    opacity        : 0;;
    position       : absolute;
    top            : 65px;
    left           : 50%;
    transform      : translateX(-50%);
    padding        : 0 15px;
    z-index        : 20;
    background     : #cdb281;
    transition     : visibility 0s, opacity 0.2s linear;
    display        : flex;
    flex-direction : column;
    white-space    : nowrap;
}

.depth2.on {
    visibility : visible;
    opacity    : 1;
}

.depth2 li {
    /*float      : left;*/
    /*text-align : center;*/
}

.depth2 li a {
    float          : left;
    margin         : 9px 0;
    padding        : 0 15px;
    color          : #fff;
    font-size      : 15.33px;
    letter-spacing : -0.025em;
}

.depth2 li.on a {
    color : #240d0d
}

/* .depth2 li.active a{color:#240d0d} */

/* .board_box.on{display: block;} */
/* .board_box.off{display: none;} */
.area_side {
    float     : right;
    width     : 18.7%;
    max-width : 220px;
}

.area_side a {
    display        : block;
    width          : 100%;
    padding        : 16px 0;
    background     : #de5151;
    text-align     : center;
    color          : #fff;
    font-size      : 18px;
    letter-spacing : -0.035em;
    font-weight    : 600;
}

.area_side .ico_play {
    position : relative;
    top      : -2px;
    display  : inline-block;
    margin   : 0 0 0 10px;
}

.board_box {
    display : none;
}

.board_box.on {
    display : block;
}

/* .board_box.off{display:none;} */
.broad_off {
    min-height     : 71px;
    padding        : 12px 0;
    background     : #838080;
    color          : #ccc;
    text-align     : center;
    font-size      : 18px;
    letter-spacing : -0.055em;
}

.board_box .count_down {
    margin      : 3px 0 0;
    color       : #fff;
    font-size   : 14px;
    font-family : 'Roboto', 'Noto Sans KR', sans-serif;
}

.hd_sch {
    display    : none;
    position   : absolute;
    top        : 120px;
    left       : 0;
    width      : 100%;
    min-width  : 320px;
    padding    : 43px 0;
    background : #bebebe;
    z-index    : 5
}

#hd_sch {
    margin    : 0 auto;
    max-width : 522px;
}

#hd_sch .sch_stx {
    float              : left;
    width              : 76%;
    height             : 45px;
    padding            : 0 15px;
    line-height        : 45px;
    color              : #333;
    font-size          : 18px;
    letter-spacing     : -0.075em;
    background         : #fff;
    border             : 0;
    -webkit-appearance : none;
    appearance         : none;
    border-radius      : 0;
}

#hd_sch .sch_submit {
    float              : left;
    width              : 24%;
    height             : 45px;
    background         : #595650;
    text-align         : center;
    color              : #fff;
    font-size          : 18px;
    letter-spacing     : -0.075em;
    border             : 0;
    -webkit-appearance : none;
    appearance         : none;
    border-radius      : 0;
}

.gnb_mobile {
    display : none;
}

.gnb_top_menus {
    display : none;
}

@media screen and (max-width : 1200px) {
    /*.header .area_logo {*/
    /*    width : 16%;*/
    /*}*/

    .area_gnb {
        width : 65%
    }

    .area_side {
        width : 19%
    }

    .area_gnb {
        padding : 0 0 0 6%
    }

    .area_gnb .depth1 > li {
        padding : 0 3%;
    }

    .area_gnb .depth1 > li:first-child {
        padding : 0 3% 0 0;
    }
}

@media screen and (max-width : 1024px) {
    .gnb_top_menus {
        display         : flex;
        justify-content : space-between;
    }

    .gnb_top_menu {
        display       : block;
        width         : 100%;
        border-right  : 1px solid #DEDEDE;
        border-bottom : 1px solid #DEDEDE;
        color         : #333;
        font-size     : 28px;
        font-weight   : 500;
        text-align    : center;
        padding       : 14px 0;
        line-height   : 41px;
    }

    .gnb_top_menu:first-child {
    }

    .gnb_top_menu:last-child {
        border-right : 0;
    }

    .header {
        position : fixed;
        top      : 0;
        left     : 0;
        width    : 100%;
        z-index  : 30;
        padding  : 12px 0 11px;
    }

    .area_gnb, .area_side {
        display : none;
    }

    /*.header .area_logo {*/
    /*    float  : none;*/
    /*    width  : 150px;*/
    /*    margin : 0 auto*/
    /*}*/

    .header .btn_menu {
        position   : absolute;
        top        : 0;
        left       : 0;
        width      : 100px;
        height     : 70px;
        background : #696256
    }

    .btn_menu span {
        display          : block;
        position         : absolute;
        left             : 34px;
        width            : 34px;
        height           : 4px;
        background-color : #fff;
    }

    .btn_menu span:first-child {
        top : 20px;
    }

    .btn_menu span:nth-child(2) {
        top : 32px;
    }

    .btn_menu span:last-child {
        top : 44px;
    }

    .area_side {
        position : absolute;
        top      : 0;
        right    : 0;
        width    : auto;
        height   : 68px
    }

    .area_side .btn_sch {
        float           : none;
        width           : 35px;
        height          : 35px;
        padding         : 33px 50px;
        background      : #bda16e url(/img/yangrim/ico_sch.png) no-repeat center center;
        background-size : 35px;
    }

    .hd_sch {
        position : fixed;
        padding  : 25px 30px;
        top      : 66px;
    }

    .area_side .btn_sch.on {
        background      : #bda16e url(/img/yangrim/ico_cls.png) no-repeat center center;
        background-size : 30px;
    }

    #hd_sch {
        max-width : 100%;
    }

    #hd_sch .sch_stx {
        width       : 81.5%;
        height      : 60px;
        font-size   : 24px;
        line-height : 60px
    }

    #hd_sch .sch_submit {
        width     : 18.5%;
        height    : 60px;
        font-size : 24px;
    }

    #hd_sch .sch_submit span {
        display : none;
    }

    .gnb_mobile {
        display    : block;
        position   : fixed;
        top        : 0;
        left       : -100%;
        width      : 100%;
        height     : 100%;
        background : #fff;
        z-index    : 30;
        transition : all .4s;
        overflow-y : auto;
    }

    .gnb_mobile.on {
        left : 0;
    }

    .gnb_mobile .gnb_top {
        padding    : 16px 35px;
        background : #696256
    }

    .gnb_mobile .gnb_top span {
        color          : #fff;
        font-size      : 23px;
        letter-spacing : -0.05em;
    }

    .gnb_mobile .gnb_top span:before {
        position        : relative;
        top             : 1px;
        display         : inline-block;
        clear           : both;
        content         : '';
        width           : 26px;
        height          : 20px;
        margin          : 0 15px 0 0;
        background      : url(/img/yangrim/ico_menu.png) no-repeat center center;
        background-size : 26px;
    }

    .gnb_mobile .btn_cls {
        position        : absolute;
        top             : 0;
        right           : 0;
        width           : 100px;
        height          : 66px;
        background      : #bda16e url(/img/yangrim/ico_cls.png) no-repeat center center;
        background-size : 30px;
        text-indent     : -9999px
    }

    .m_depth1 > li {
        position : relative;
    }

    .m_depth1 > li > a {
        display        : block;
        padding        : 19px 35px;
        border-bottom  : 1px solid #ededed;
        font-size      : 28px;
        font-weight    : 500;
        color          : #333;
        letter-spacing : -0.05em;
    }

    .m_depth1 > li.on > a {
        color : #e15252
    }

    .m_depth1 .menu_li > a {
        background      : url(/img/yangrim/ico_nav_off.png) no-repeat right 40px center;
        background-size : 22px;
    }

    .m_depth1 .menu_li.on > a {
        background      : url(/img/yangrim/ico_nav_on.png) no-repeat right 40px center;
        background-size : 22px;
    }

    .m_depth2 {
        display    : none;
        padding    : 10px 0;
        background : #f5f1e9;
    }

    .m_depth2 > li > a {
        display        : block;
        padding        : 10px 64px;
        font-size      : 23px;
        color          : #666;
        letter-spacing : -0.05em;
    }

    .wrapper {
        padding : 66px 0 0;
    }

    .sidebar_sns {
        margin     : 34px 0 0;
        text-align : center
    }

    .sidebar_sns a {
        display : inline-block;
        width   : 64px;
        margin  : 0 4px;
    }

    .sidebar_sns a img {
        width : 100%
    }
}

@media screen and (max-width : 767px) {
    .header {
        /*height  : 50px;*/
        /*padding : 7px 0;*/
    }

    /*.header .area_logo {*/
    /*    width : 115px;*/
    /*}*/

    .header .btn_menu {
        width  : 60px;
        height : 50px;
    }

    .btn_menu span {
        width  : 24px;
        height : 3px;
        left   : 18px;
    }

    .btn_menu span:first-child {
        top : 16px;
    }

    .btn_menu span:nth-child(2) {
        top : 24px;
    }

    .btn_menu span:last-child {
        top : 32px;
    }

    .area_side .btn_sch {
        width           : 24px;
        height          : 24px;
        padding         : 25px 30px;
        background-size : 24px;
    }

    .hd_sch {
        top     : 50px;
        padding : 30px;
    }

    .area_side .btn_sch.on {
        background-size : 18px;
    }

    #hd_sch .sch_stx {
        height      : 40px;
        font-size   : 16px;
        line-height : 40px;
    }

    #hd_sch .sch_submit {
        height    : 40px;
        font-size : 16px;
    }

    .gnb_mobile .gnb_top {
        height  : 50px;
        padding : 9px 15px;
    }

    .gnb_mobile .gnb_top span:before {
        top             : 3px;
        width           : 23px;
        height          : 18px;
        background-size : 23px;
    }

    .gnb_mobile .gnb_top span {
        font-size : 21px;
    }

    .gnb_mobile .btn_cls {
        width           : 60px;
        height          : 50px;
        background-size : 20px;
    }

    .m_depth1 > li > a {
        padding   : 14px 15px;
        font-size : 26px;
    }

    .m_depth1 .menu_li > a {
        background-size     : 20px;
        background-position : right 20px center;
    }

    .m_depth1 .menu_li.on > a {
        background-size     : 20px;
        background-position : right 20px center;
    }

    .m_depth2 > li > a {
        padding   : 9px 40px;
        font-size : 19px;
    }

    .wrapper {
        padding : 50px 0 0;
    }

    .sidebar_sns a {
        width  : 53px;
        margin : 0 3px;
    }

    .gnb_top_menu {
        font-size   : 19px;
        line-height : 28px;
        padding     : 11px 0;
    }
}

.footer_top {
    width      : 100%;
    /*background : #4E493F;*/
    background : #dedede;
    padding    : 8px 0;
    text-align : center;
    font-size  : 16px;
}

.footer_top_menu {
    color   : #505050;
    padding : 0 10px;
}

/* footer */
.footer {
    padding                  : 40px 0 60px;
    /*background               : #696256;*/
    background               : #ffffff;
    text-align               : center;
    font-size                : 14.5px;
    letter-spacing           : -0.03em;
    -webkit-text-size-adjust : none
}

.footer .ft_logo {
    display : block;
    width   : 200px;
    margin  : 0 auto 25px
}

.footer .ft_logo img {
    width : 100%
}

.footer ul li {
    display : inline-block;
}

.ft_sns {
    margin : 0 0 25px 0
}

.ft_sns li {
    margin  : 0 10px;
    display : inline-block;
}

.ft_sns li a {
    display       : inline-block;
    width         : 50px;
    height        : 50px;
    background    : url(/img/yangrim/ico_sns.png) no-repeat;
    filter        : invert(70%);
    text-indent   : -9999px;
    border-radius : 9999px;
}

.ft_sns li a:hover {
    filter     : none;
    box-shadow : 0 0 1px 1px #4c4c4c;
}

.ft_sns li:first-child a {
    background-position : 0 0;
}

.ft_sns li:nth-child(2) a {
    background-position : -56px 0;
}

.ft_sns li:nth-child(3) a {
    background-position : -113px 0;
}

.ft_sns li:nth-child(4) a {
    background-position : -168px 0;
}

.ft_sns li:first-child a:hover {
    background-position : 0 -60px;
}

.ft_sns li:nth-child(2) a:hover {
    background-position : -58px -60px;
}

.ft_sns li:nth-child(3) a:hover {
    background-position : -113px -60px;
}

.ft_sns li:nth-child(4) a:hover {
    background-position : -168px -60px;
}

.footer .ft_info li {
    display        : block;
    line-height    : 1.7;
    font-size      : 14.67px;
    /*color          : #fff;*/
    letter-spacing : -0.03em;
    font-weight    : 300;
}

.footer .ft_info li.copy {
    color       : #494744;
    font-family : 'Roboto', 'Noto Sans KR', sans-serif;
}

.footer .ft_info li a {
    display : inline-block;
    margin  : 0 20px 0 0;
    /*color   : #fff*/
}

.ft_info br {
    /*display : none;*/
}

.footer .ft_log {
    margin : 30px 0 0
}

.footer .ft_log li {
    margin         : 0 5px;
    color          : #d3cdc3;
    font-size      : 14.67px;
    letter-spacing : -0.03em;
}

.ft_log a {
    display : inline-block;
    padding : 5px 23px;
    border  : 1px solid #928979;
    color   : #313131
}

@media screen and (max-width : 1024px) {
    /*.container {*/
    /*    padding : 70px 0 0*/
    /*}*/

    .btn_video {
        display : block;
        padding : 0 25px 50px 25px;
    }

    .btn_video a {
        display        : block;
        width          : 100%;
        padding        : 21px 0;
        background     : #de5151;
        text-align     : center;
        color          : #fff;
        font-size      : 20px;
        letter-spacing : -0.035em;
        font-weight    : 600;
    }

    .btn_video .ico_play {
        position : relative;
        top      : -2px;
        display  : inline-block;
        margin   : 0 0 0 10px;
    }

    .footer {
        padding : 40px 0 50px
    }

    .footer .ft_logo {
        width  : 135px;
        margin : 0 auto 20px;
    }

    /* .footer .ft_sns{display: none;} */
    .ft_sns {
        margin : 0 0 20px 0;
    }

    .ft_sns li {
        margin : 0 8px;
    }

    .ft_sns li a {
        width  : 48px;
        height : 48px;
    }

    .ft_sns li:first-child a, .ft_sns li:first-child:hover a {
        background      : url(/img/yangrim/ico_youtu.png) no-repeat 0 0;
        background-size : 48px
    }

    .ft_sns li:nth-child(2) a, .ft_sns li:nth-child(2):hover a {
        background      : url(/img/yangrim/ico_face.png) no-repeat 0 0;
        background-size : 48px
    }

    .ft_sns li:nth-child(3) a, .ft_sns li:nth-child(3):hover a {
        background      : url(/img/yangrim/ico_vimeo.png) no-repeat 0 0;
        background-size : 48px
    }

    .ft_sns li:nth-child(4) a, .ft_sns li:nth-child(4):hover a {
        background      : url(/img/yangrim/ico_cafe.png) no-repeat 0 0;
        background-size : 48px
    }

    .ft_log {
        margin : 15px 0 0;
    }

    .footer .ft_log li {
        font-size : 15.5px;
    }

    .footer .ft_log li:nth-child(3) {
        clear : both
    }

    .footer .ft_info li.copy {
        display : none;
    }

    .footer .ft_pc {
        display : none;
    }

    .footer p {
        margin      : 0 0 3px 0;
        font-size   : 15px;
        font-weight : 200;
    }

    .footer .ft_info {
        max-width   : 470px;
        margin      : 0 auto;
        font-weight : 200
    }

    .footer .ft_info li {
        margin    : 0 0 2px 0;
        font-size : 14px;
    }

}

@media screen and (max-width : 767px) {
    /*.container {*/
    /*    padding : 50px 0 0*/
    /*}*/

    .footer_top_menu {
        font-size : 13px;
        padding   : 0 8px;
    }

    .footer {
        padding   : 25px 0 35px;
        font-size : 12.5px;
    }

    .footer .ft_logo {
        width  : 120px;
        margin : 0 auto 13px
    }

    .footer .ft_log li {
        padding   : 0 8px;
        margin    : 0 0 16px 0;
        font-size : 11.5px;
    }

    .footer p {
        margin    : 0;
        font-size : 11px;
    }

    .footer .ft_info li {
        padding   : 0 4px;
        margin    : 0;
        font-size : 11.5px;
    }

    .ft_info br {
        display : inline-block;
    }

    .ft_log a {
        padding : 5px 25px
    }

}


/* temp */
.bnr_notice_m {
    display : none;
}

.bnr_notice {
    background : #15293e;
    text-align : center;
}

.bnr_inner {
    position  : relative;
    max-width : 1180px;
    margin    : 0 auto;
}

.btn_close {
    position : absolute;
    top      : 35px;
    right    : 0;
    cursor   : pointer;
}

@media screen and (max-width : 1024px) {
    .bnr_notice_pc.bnr_notice {
        display : none;
    }

    .bnr_notice_m {
        display : block;
        width   : 100%;
    }

    .bnr_notice img {
        width     : 100%;
        max-width : 450px
    }

    .btn_close {
        top   : 20px;
        right : 20px;
    }

    .btn_close img {
        width : 20px;
    }
}

@media screen and (max-width : 767px) {

}

.pop-wrap {
    position : relative;
    width    : 100%;
    height   : 100%;
}

.pop-wrap img {
    width    : 100%;
    height   : 100%;
    position : absolute;
    left     : 0;
    top      : 0;
}

.pop-wrap .iframe-wrap {
    width          : 90%;
    height         : 0;
    position       : absolute;
    padding-bottom : 52%;
    bottom         : 7%;
    left           : 50%;
    transform      : translateX(-50%);
}

.pop-wrap .iframe-wrap iframe {
    position : absolute;
    left     : 0;
    top      : 0;
    width    : 100%;
    height   : 100%;
}

@media only screen and (max-width : 1024px) {
    #hd_pops_7 {
        height : 350px;
    }

    #hd_pops_8 {
        height : 320px;
    }

    #hd_pops_7 .hd_pops_con, #hd_pops_8 .hd_pops_con {
        height : 100% !important;
    }
}


/* footer 푸터 메뉴 */
@media (min-width: 1200px) {
    #tb_view{display: none}
    #mo_view{display: none}
}

@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
    .mobile_menu{display: none !important;}
}

@media (max-width: 1200px) and (min-width: 768px) {
    #pc_view{display: none}
    #mo_view{display: none}
}

@media (max-width: 768px) {
    #pc_view{display: none}
    #tb_view{display: none}
}

.footer_menu{
    padding: 10px 0;
    background-color: #f7f0e6;
}

.footer_menu > .footer_menu_content{
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer_menu > .footer_menu_content > .copyright{
    font-size: 16px;
    color: #333;
}

.footer_menu > .footer_menu_content > .user_menu{
    font-size: 16px;
    color: #333;
}

.footer_menu > .footer_menu_content > .user_menu > a:hover{
    color: #f08327;
    text-decoration: underline;
}

.footer_menu > .footer_menu_content > .user_menu > a:not(:last-child){
    margin-right: 10px;
}

.footer_info{
    background-color: #686467;
    padding: 35px 0 45px 0;
}

.footer_info > .footer_info_content{
    max-width: 1180px;
    margin: 0 auto;
}

.footer_info > .footer_info_content > .footer_logo{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer_info > .footer_info_content > .footer_logo > .footer_logo_first{
    display: flex;
    align-items: center;
}

.footer_info > .footer_info_content > .footer_logo > .footer_logo_first .hagil_logo{
    width: auto;
    height: 40px;
}

.footer_info > .footer_info_content > .footer_logo > .footer_logo_first > .line{
    width: 2px;
    height: 32px;
    background-color: #7b7b7b;
    margin: 0 16px;
}

.footer_info > .footer_info_content > .footer_logo > .footer_logo_second > a:nth-child(1){
    margin-right: 24px;
}

.footer_info > .footer_info_content > .footer_logo > .footer_logo_second > a > img{
    width: 64px;
}

.footer_info > .footer_info_content > .company_info{
    margin-top: 5px;
}

.footer_info > .footer_info_content > .company_info > span{
    font-size: 16px;
    font-weight: 300;
    color: #c4c4c4;
    margin-right: 10px;
}

.footer_info > .footer_info_content .admin_login{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 106px;
    height: 32px;
    border: solid 1px #f08327;
    font-size: 13px;
    color: #f7f0e6;
    margin-top: 25px;
}

@media (max-width: 1200px) and (min-width: 768px){

    .footer_menu{
        padding: 24px 0;
    }

    .footer_menu > .footer_menu_content{
        max-width: 768px;
    }

    .footer_menu > .footer_menu_content > .copyright{
        font-size: 14px;
    }

    .footer_menu > .footer_menu_content > .user_menu{
        font-size: 14px;
    }

    .footer_info > .footer_info_content{
        max-width: 768px;
    }

    .footer_info > .footer_info_content > .footer_logo > .footer_logo_first .hagil_logo{
        height: 30px;
    }

    .footer_info > .footer_info_content > .footer_logo > .footer_logo_first > .line{
        height: 23px;
    }

    .footer_info > .footer_info_content > .footer_logo > .footer_logo_first > .cross_logo{
        height: 30px;
    }

    .footer_info > .footer_info_content > .footer_logo > .footer_logo_second > a:nth-child(1){
        margin-right: 20px;
    }

    .footer_info > .footer_info_content > .footer_logo > .footer_logo_second > a > img{
        width: 48px;
        height: auto;
    }

    .footer_info > .footer_info_content > .company_info{
        margin-top: 15px;
    }

    .footer_info > .footer_info_content > .company_info > span{
        font-size: 14px;
    }

    .footer_info > .footer_info_content .admin_login{

    }
}

@media (max-width: 768px) {

    .footer_menu{
        padding: 24px 20px;
    }

    .footer_menu > .footer_menu_content{
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .footer_menu > .footer_menu_content > .copyright{
        font-size: 14px;
    }

    .footer_menu > .footer_menu_content > .user_menu{
        display: none;
    }

    .footer_menu > .footer_menu_content > .user_menu_mobile{
        margin-top: 16px;
        position: relative;
    }

    .footer_menu > .footer_menu_content > .user_menu_mobile > .menu_title{
        width: 156px;
        height: 32px;
        padding: 8px 15px;
        border: solid 1px #f08327;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        color: #333;
        cursor: pointer;
    }

    .footer_menu > .footer_menu_content > .user_menu_mobile > .menu_title > img{
        margin-left: 8px;
    }

    .footer_menu > .footer_menu_content > .user_menu_mobile > .menu_content{
        position: absolute;
        display: none;
        flex-direction: column;
        margin-top: -30px;
    }

    .footer_menu > .footer_menu_content > .user_menu_mobile > .menu_content > a{
        width: 156px;
        height: 32px;
        padding: 8px 15px;
        border: solid 1px #f08327;
        border-top: none;
        font-size: 14px;
        color: #333;
        text-align: center;
        background-color: #f7f0e6;
    }

    .footer_info{
        padding: 36px 20px;
    }

    .footer_info > .footer_info_content > .footer_logo > .footer_logo_first .hagil_logo{
        width: auto;
        height: 30px;
    }

    .footer_info > .footer_info_content > .footer_logo > .footer_logo_first > .line{
        height: 25px;
    }

    .footer_info > .footer_info_content > .footer_logo > .footer_logo_first > .cross_logo{
        width: auto;
        height: 30px;
    }

    .footer_info > .footer_info_content > .footer_logo > .footer_logo_second > a:nth-child(1){
        margin-right: 16px;
    }

    .footer_info > .footer_info_content > .footer_logo > .footer_logo_second > a > img{
        width: 36px;
        height: auto;
    }

    .footer_info > .footer_info_content > .company_info{
        margin-top: 25px;
    }

    .footer_info > .footer_info_content > .company_info > span{
        font-size: 14px;
    }

    .footer_info > .footer_info_content > .company_info > span:not(:first-child){
        line-height: 2;
    }
}
/* footer 푸터 메뉴 */

/* header 헤더 메뉴 */
.head_container{
    width: 100%;
    height: 400px;
    background: url("https://hagil.co.kr/img/hagil/bg_mainvisual_pc.png") no-repeat center center;
    background-size: 1920px 400px;
}

.head_main{
    height: 100px;
    display: flex;
    justify-content: space-between;
    padding: 30px 50px 0 50px;
}

@media (min-width: 1921px) {
    .head_main{
        width: 1920px;
        margin: 0 auto;
    }
}

.main_url img{
    width: auto;
    height: 40px;
}

.head_main > .head_menu > .main_menu{
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

.head_main > .head_menu > .main_menu:hover{
    color: #f08327;
}

.head_main > .head_menu > .main_menu:not(:first-child){
    margin-left: 68px;
}

.head_main > .head_menu > .sub_menu{
    height: 32px;
    display: none;
    justify-content: center;
    align-items: center;
    font-size: 14.5px;
    margin-top: 12px;
    position: relative;
}

.head_main > .head_menu > .sub_menu:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 32px;
    opacity: 0.8;
    background-color: #ff851e;
    border-radius: 0 0 50px 0;
    top: 0;
    left: 0;
    z-index: 1;
}

.head_main > .head_menu > .sub_menu > a{
    color: #333 !important;
    z-index: 2;
}

.head_main > .head_menu > .sub_menu > a:hover{
    color: #f7f0e6 !important;
}

.head_main > .head_menu > .sub_menu > a:not(:last-child){
    margin-right: 23px;
}

.head_sub{
    margin: 30px auto 0 auto;
    max-width: 1120px;
}

.head_sub > .main_content{
    font-size: 45px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 25px;
}

.head_sub > .sub_content{
    font-size: 40px;
    font-weight: 300;
    color: #fff4eb;
    line-height: 1.35;
}

.head_sub > .sub_content > .point{
    font-weight: 600;
    color: #fff;
}

@media (max-width: 1200px) and (min-width: 768px) {
    .head_main{
        align-items: center;
        padding: 25px 20px 0 20px;
        height: auto;
    }

    .main_url img{
        width: auto;
        height: 30px;
    }

    .head_menu_tablet{
        display: flex;
        justify-content: center;
    }

    .head_menu_tablet span{
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        margin-right: 8px;
    }

    .head_menu_tablet img{
        margin-top: 2px;
        cursor: pointer;
    }

    .head_sub{
        max-width: 620px;
        margin-top: 70px;
    }

    .head_sub > .main_content{
        font-size: 52px;
        margin-bottom: 5px;
    }

    .head_sub > .sub_content{
        font-size: 28px;
        line-height: 1.61;
    }
}

@media (max-width: 768px) {
    .head_main{
        align-items: center;
        padding: 25px 20px 0 20px;
        height: auto;
    }

    .head_container{
        height: 320px;
    }

    .main_url img{
        width: auto;
        height: 30px;
    }

    .head_menu_mobile img{
        cursor: pointer;
    }

    .head_sub{
        max-width: 100%;
        margin: 90px auto 0 auto;
        padding-left: 20px;
    }

    .head_sub > .main_content{
        font-size: 30px;
        margin-bottom: 8px;
    }

    .head_sub > .sub_content{
        font-size: 14.5px;
        line-height: 1.38;
    }
}

/* 헤더 백그라운드 이미지 교체 */
@media (max-width: 820px) {
    .head_container{
        /*background: url(https://hagil.co.kr/img/hagil/bg_mainvisual_tb.png) no-repeat center center;*/
        /*background-size: 820px 400px;*/
        background: url(https://hagil.co.kr/img/hagil/bg_mainvisual_mo.png) no-repeat center center;
        background-size: cover;
    }
}
@media (max-width: 360px) {
    .head_container{
        background: url(https://hagil.co.kr/img/hagil/bg_mainvisual_mo.png) no-repeat center center;
        background-size: 360px 320px;
    }
}
/* 헤더 백그라운드 이미지 교체 */

.mobile_menu{
    width: 100%;
    height: 100vh;
    background-color: #686467;
    z-index: 100;
    position: fixed;
    padding: 25px 20px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.mobile_menu::-webkit-scrollbar {
    display: none;
}

.mobile_menu_header{
    border-bottom: 2px solid #787678;
    padding-bottom: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile_menu_header > img{
    cursor: pointer;
}

.mobile_menu_header .logo{
    width: auto;
    height: 30px;
}

.mobile_menu_btn{
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile_menu_btn > a{
    width: 100%;
    height: 32px;
    border: solid 1px #f08327;
    display: flex;
    justify-content: center;
    color: #fff;
    line-height: 2;
    font-size: 14px;
}

.mobile_menu_btn > a:first-child{
    margin-right: 8px;
}

.mobile_menu_content{
    margin-top: 32px;
}

.first_depth:not(:last-child){
    margin-bottom: 20px;
}

.second_depth{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.second_depth > span > a{
    font-size: 20px;
    font-weight: bold;
    color: #f7f0e6;
}

.second_depth_open{
    background-color: #f99745;
    border-radius: 0 0 50px;
    display: flex;
    flex-direction: column;
    padding: 24px;
    margin-top: 4px;
}

.second_depth_open > a{
    font-size: 16px;
    color: #333;
}

.second_depth_open > a:not(:last-child){
    margin-bottom: 16px;
}

.sub_menu_btn{
    cursor: pointer;
}
/* header 헤더 메뉴 */