@charset "UTF-8";
#container #content #txt{font-size: 2.2rem !important; letter-spacing: -0.036rem;}

@media screen and (max-width: 1024px){
    #container #content #txt{font-size: 1.9rem !important;}
}
@media screen and (max-width: 640px){
    #container #content #txt{font-size: 1.8rem !important;}
}

/*-------------------------------------------------------------------
    폰트
-------------------------------------------------------------------*/
h3{display: block; margin-top: 12rem; margin-bottom: 2.4rem; font-size: 4rem; font-weight: 700;}
.h3_wrap{margin-top: 12rem; margin-bottom: 2.4rem;}
.h3_wrap >h3{margin-bottom: 0;}
h4{display: block; margin-top: 2.4rem; margin-bottom: 2.4rem; font-size: 2.2rem; font-weight: 700;}
.hr{margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #EEE;}
h4 span{font-weight: 400; letter-spacing: -0.044rem;}
h5{display: block; margin-top: 1.6rem; margin-bottom: 0.6rem; font-size: 1.8rem; font-weight: 700;}

h3:first-child{margin-top: 0;}

@media screen and (max-width: 1024px){
    h3{margin-top: 8rem; margin-bottom: 1.4rem; font-size: 3rem;}
    h4{margin-top: 1.6rem; margin-bottom: 1.2rem;}
    .hr{margin-top: 2.6rem; padding-top: 2.6rem;}
    h4 .color_46{font-size: 1.9rem;}
    h5{margin-top: 1.4rem; margin-bottom: 0.8rem;}
    .h3_wrap{margin-top: 9rem; margin-bottom: 1.8rem;}
}
@media screen and (max-width: 640px){
    h3{margin-top: 6rem; margin-bottom: 1.4rem;}
    h4{margin-top: 1.4rem; margin-bottom: 1.2rem;}
    h4 .color_46{font-size: 1.8rem;}
    .hr{margin-top: 2.4rem; padding-top: 2.4rem;}
    h5{margin-top: 1.2rem; margin-bottom: 0.8rem;}
    .h3_wrap{margin-top: 7rem;}
}

/*-------------------------------------------------------------------
    여백
-------------------------------------------------------------------*/
[data-blank="60"]{margin-top: 6rem !important;}
[data-blank="30"]{margin-top: 3rem !important;}
[data-blank="24"]{margin-top: 2.4rem !important;}
[data-blank="20"]{margin-top: 2rem !important;}

@media screen and (max-width: 1024px){
    [data-blank="60"]{margin-top: 5rem !important;}
    [data-blank="30"]{margin-top: 2.4rem !important;}
    [data-blank="24"]{margin-top: 2rem !important;}
    [data-blank="20"]{margin-top: 1.6rem !important;}
}
@media screen and (max-width: 640px){
    [data-blank="60"]{margin-top: 4rem !important;}
    [data-blank="30"]{margin-top: 2rem !important;}
    [data-blank="24"]{margin-top: 1.6rem !important;}
    [data-blank="20"]{margin-top: 1.2rem !important;}
}

/*-------------------------------------------------------------------
    리스트
-------------------------------------------------------------------*/
[data-skin="list"]{}
[data-skin="list"] >li{position: relative; margin-top: 0.1em; padding-left: 0.72em;}
[data-skin="list"] >li:first-child{margin-top: 0;}
[data-skin="list"] >li:before{content: "•"; display: block; position: absolute; top: 0; left: 0;}
[data-skin="list"][data-type="2"] >li:before{content: "-";}
[data-skin="list"] >li >ul,
[data-skin="list"] >li >ol{margin-top: 0.25em;}
[data-skin="list"] >li >ul >li,
[data-skin="list"] >li >ol >li{margin-top: 0.1em;}
[data-skin="list"] >li >ul >li >ul,
[data-skin="list"] >li >ul >li >ol,
[data-skin="list"] >li >ol >li >ul,
[data-skin="list"] >li >ol >li >ol{margin-top: 0.26rem; margin-bottom: 0.25em;}

@media screen and (max-width: 640px){
    [data-skin="list"] >li:before{width: 4px; height: 4px;}
    [data-skin="list"][data-type="4"] >li:before{top: 0.7em; width: 2px; height: 2px;}
}

/*-------------------------------------------------------------------
    버튼
-------------------------------------------------------------------*/
[data-skin="btn"]{
    display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 0.4rem; padding: 1.1rem 2rem; font-size: 1.6rem; font-weight: 600; background-color: #0073B1; border: 1px solid #0073B1; border-radius: 0.8rem; color: #fff;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-skin="btn"]:hover{background-color: #101C5C; border-color: #101C5C;}
/* 사이즈 */
[data-skin="btn"][data-size="s"]{padding: 0.676rem 1.2rem; gap: 0.4rem; font-size: 1.5rem; border-radius: 0.5rem;}
[data-skin="btn"][data-size="s"][data-type]:after{width: 1.5rem; height: 1.5rem;}
/* 컬러 */
[data-skin="btn"][data-color="2"]{background-color: #fff; border-color: #919191; color: #6D7882;}
[data-skin="btn"][data-color="2"]:hover{background-color: #6D7882; border-color: #6D7882; color: #fff;}
[data-skin="btn"][data-color="3"]{background-color: transparent; border-color: #fff; color: #fff;}
[data-skin="btn"][data-color="3"]:hover{background-color: #fff; border-color: #101C5C; color: #101C5C;}
[data-skin="btn"][data-color="4"]{background-color: #fff; border-color: #0073B1; color: #0073B1;}
[data-skin="btn"][data-color="4"]:hover{background-color: #005989; border-color: #005989; color: #fff;}
[data-skin="btn"][data-color="5"]{background-color: #E56000; border-color: #E56000; color: #fff;}
[data-skin="btn"][data-color="5"]:hover{background-color: #c55200; border-color: #c55200; color: #fff;}
/* radius */
[data-skin="btn"][data-radius="y"]{border-radius: 100px;}
/* texthidden */
[data-skin="btn"][data-text-hidden="y"]{width: 3.2rem; height: 3.2rem; padding: 0;}
[data-skin="btn"][data-size="s"][data-text-hidden="y"]{width: 2.4rem; height: 2.4rem; padding: 0;}
[data-skin="btn"][data-text-hidden="y"] >span{display: none;}
/* 타입 */
[data-skin="btn"][data-type]:after{
    content: ""; display: block; width: 1.8rem; height: 1.8rem; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
/*아이콘 왼쪽 정렬*/
[data-skin="btn"][data-type][data-align="left"] span{order: 2;}
[data-skin="btn"][data-type][data-align="left"]:after{order: 1;}
/*다운로드*/
[data-skin="btn"][data-type="down"]:after{background-image: url(../../../images/site/kor/skin/btn_down_img01.svg);}
[data-skin="btn"][data-type="down"][data-color="2"]:after{background-image: url(../../../images/site/kor/skin/btn_down_img02.svg);}
[data-skin="btn"][data-type="down"][data-color="2"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_down_img01.svg);}
[data-skin="btn"][data-type="down"][data-color="3"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_down_img03.svg);}
[data-skin="btn"][data-type="down"][data-color="4"]:after{background-image: url(../../../images/site/kor/skin/btn_down_img04.svg);}
[data-skin="btn"][data-type="down"][data-color="4"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_down_img01.svg);}
/*새창이동*/
[data-skin="btn"][data-type="blank"]:after{background-image: url(../../../images/site/kor/skin/btn_blank_img01.svg);}
[data-skin="btn"][data-type="blank"][data-color="2"]:after{background-image: url(../../../images/site/kor/skin/btn_blank_img02.svg);}
[data-skin="btn"][data-type="blank"][data-color="2"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_blank_img01.svg);}
[data-skin="btn"][data-type="blank"][data-color="3"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_blank_img03.svg);}
[data-skin="btn"][data-type="blank"][data-color="4"]:after{background-image: url(../../../images/site/kor/skin/btn_blank_img04.svg);}
[data-skin="btn"][data-type="blank"][data-color="4"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_blank_img01.svg);}
/*다음*/
[data-skin="btn"][data-type="next"]:after{background-image: url(../../../images/site/kor/skin/btn_next_img01.svg);}
[data-skin="btn"][data-type="next"][data-color="2"]:after{background-image: url(../../../images/site/kor/skin/btn_next_img02.svg);}
[data-skin="btn"][data-type="next"][data-color="2"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_next_img01.svg);}
[data-skin="btn"][data-type="next"][data-color="3"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_next_img03.svg);}
[data-skin="btn"][data-type="next"][data-color="4"]:after{background-image: url(../../../images/site/kor/skin/btn_next_img04.svg);}
[data-skin="btn"][data-type="next"][data-color="4"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_next_img01.svg);}
/*이전*/
[data-skin="btn"][data-type="prev"]:after{background-image: url(../../../images/site/kor/skin/btn_prev_img01.svg);}
[data-skin="btn"][data-type="prev"][data-color="2"]:after{background-image: url(../../../images/site/kor/skin/btn_prev_img02.svg);}
[data-skin="btn"][data-type="prev"][data-color="2"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_prev_img01.svg);}
[data-skin="btn"][data-type="prev"][data-color="3"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_prev_img03.svg);}
[data-skin="btn"][data-type="prev"][data-color="4"]:after{background-image: url(../../../images/site/kor/skin/btn_prev_img04.svg);}
[data-skin="btn"][data-type="prev"][data-color="4"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_prev_img01.svg);}
/*임시저장*/
[data-skin="btn"][data-type="draft"]:after{background-image: url(../../../images/site/kor/skin/btn_draft_img01.svg);}
[data-skin="btn"][data-type="draft"][data-color="2"]:after{background-image: url(../../../images/site/kor/skin/btn_draft_img02.svg);}
[data-skin="btn"][data-type="draft"][data-color="2"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_draft_img01.svg);}
[data-skin="btn"][data-type="draft"][data-color="3"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_draft_img03.svg);}
[data-skin="btn"][data-type="draft"][data-color="4"]:after{background-image: url(../../../images/site/kor/skin/btn_draft_img04.svg);}
[data-skin="btn"][data-type="draft"][data-color="4"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_draft_img01.svg);}
/*종료*/
[data-skin="btn"][data-type="out"]:after{background-image: url(../../../images/site/kor/skin/btn_out_img01.svg);}
[data-skin="btn"][data-type="out"][data-color="2"]:after{background-image: url(../../../images/site/kor/skin/btn_out_img02.svg);}
[data-skin="btn"][data-type="out"][data-color="2"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_out_img01.svg);}
[data-skin="btn"][data-type="out"][data-color="3"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_out_img03.svg);}
[data-skin="btn"][data-type="out"][data-color="4"]:after{background-image: url(../../../images/site/kor/skin/btn_out_img04.svg);}
[data-skin="btn"][data-type="out"][data-color="4"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_out_img01.svg);}
/*이미지*/
[data-skin="btn"][data-type="photo"]:after{background-image: url(../../../images/site/kor/skin/btn_photo_img01.svg);}
[data-skin="btn"][data-type="photo"][data-color="2"]:after{background-image: url(../../../images/site/kor/skin/btn_photo_img02.svg);}
[data-skin="btn"][data-type="photo"][data-color="2"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_photo_img01.svg);}
[data-skin="btn"][data-type="photo"][data-color="3"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_photo_img03.svg);}
[data-skin="btn"][data-type="photo"][data-color="4"]:after{background-image: url(../../../images/site/kor/skin/btn_photo_img04.svg);}
[data-skin="btn"][data-type="photo"][data-color="4"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_photo_img01.svg);}
/*동영상*/
[data-skin="btn"][data-type="video"]:after{background-image: url(../../../images/site/kor/skin/btn_video_img01.svg);}
[data-skin="btn"][data-type="video"][data-color="2"]:after{background-image: url(../../../images/site/kor/skin/btn_video_img02.svg);}
[data-skin="btn"][data-type="video"][data-color="2"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_video_img01.svg);}
[data-skin="btn"][data-type="video"][data-color="3"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_video_img03.svg);}
[data-skin="btn"][data-type="video"][data-color="4"]:after{background-image: url(../../../images/site/kor/skin/btn_video_img04.svg);}
[data-skin="btn"][data-type="video"][data-color="4"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_video_img01.svg);}
/*검색*/
[data-skin="btn"][data-type="search"]:after{background-image: url(../../../images/site/kor/skin/btn_search_img01.svg);}
[data-skin="btn"][data-type="search"][data-color="2"]:after{background-image: url(../../../images/site/kor/skin/btn_search_img02.svg);}
[data-skin="btn"][data-type="search"][data-color="2"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_search_img01.svg);}
[data-skin="btn"][data-type="search"][data-color="3"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_search_img03.svg);}
[data-skin="btn"][data-type="search"][data-color="4"]:after{background-image: url(../../../images/site/kor/skin/btn_search_img04.svg);}
[data-skin="btn"][data-type="search"][data-color="4"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_search_img01.svg);}
/*인쇄*/
[data-skin="btn"][data-type="print"]:after{background-image: url(../../../images/site/kor/skin/btn_print_img01.svg);}
[data-skin="btn"][data-type="print"][data-color="2"]:after{background-image: url(../../../images/site/kor/skin/btn_print_img02.svg);}
[data-skin="btn"][data-type="print"][data-color="2"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_print_img01.svg);}
[data-skin="btn"][data-type="print"][data-color="3"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_print_img03.svg);}
[data-skin="btn"][data-type="print"][data-color="4"]:after{background-image: url(../../../images/site/kor/skin/btn_print_img04.svg);}
[data-skin="btn"][data-type="print"][data-color="4"]:hover:after{background-image: url(../../../images/site/kor/skin/btn_print_img01.svg);}

/*-------------------------------------------------------------------
    박스
-------------------------------------------------------------------*/
[data-skin="box"]{}
[data-skin="box"][data-type="1"]{position: relative; border-top: 1px solid #0073B1;}
[data-skin="box"][data-type="1"]:before{content: ""; display: block; position: absolute; top: -1px; left: 0; width: 6rem; height: 1px; background-color: #101C5C;}
[data-skin="box"][data-type="2"]{position: relative; margin-top: 12rem; padding-top: 12rem; padding-bottom: 12rem;}
[data-skin="box"][data-type="2"] .hr{border-top-color: #DDD;}
[data-skin="box"][data-type="2"]:before{content: ""; display: block; position: absolute; top: 0; left: 50%; z-index: -1; width: 100vw; height: 100%; background-color: #F4F6F8; transform: translateX(-50%);}
[data-skin="box"][data-type="2"] p{color: #464646;}
[data-skin="box"][data-type="3"]{display: flex; flex-wrap: wrap;justify-content: flex-start;align-items: stretch; gap: 6rem; padding: 3rem; background-color: #F5F5F5; border-radius: 1.4rem;}
[data-skin="box"][data-type="3"] >div{position: relative; width: calc((100% - 6rem) / 2);}
[data-skin="box"][data-type="3"] >div:not(:last-child):before{content: ""; display: block; position: absolute; top: -1rem; left: calc(100% + 3rem); width: 1px; height: calc(100% + 2rem); background-color: #DDD;}
[data-skin="box"][data-type="4"]{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 1.4rem; position: relative; padding: 2.4rem 3.2rem; background-color: #fff; border: 1px solid #0073B1; border-radius: 1.4rem; box-shadow: -4px 4px 20px 0 rgba(0, 78, 121, 0.10);}
[data-skin="box"][data-type="4"] >img{display: block; width: 3.4rem;}
[data-skin="box"][data-type="4"] >div{flex: 1;}
[data-skin="box"][data-type="4"] >div >strong{display: block; color: #0073B1;}
[data-skin="box"][data-type="4"] >div >p{display: block; font-size: 1.6rem;}
[data-skin="box"][data-type="4"] >div >p strong{font-weight: inherit;}

@media screen and (max-width: 1024px){
    [data-skin="box"][data-type="2"]{margin-top: 9rem; padding-top: 9rem; padding-bottom: 9rem;}
    [data-skin="box"][data-type="3"]{padding: 2.5rem; gap: 4rem;}
    [data-skin="box"][data-type="3"] >div{width: calc((100% - 4rem) / 2);}
    [data-skin="box"][data-type="3"] >div:not(:last-child):before{top: -0.75rem; left: calc(100% + 2rem); height: calc(100% + 1.5rem);}
    [data-skin="box"][data-type="4"]{gap: 1rem; padding: 2rem 2.2rem;}
    [data-skin="box"][data-type="4"] >img{width: 3rem;}
}
@media screen and (max-width: 840px){
    [data-skin="box"][data-type="3"]{gap: 4rem;}
    [data-skin="box"][data-type="3"] >div{width: 100%;}
    [data-skin="box"][data-type="3"] >div:not(:last-child):before{top: calc(100% + 2rem); left: -0.5rem; width: calc(100% + 1rem); height: 1px;}
}
@media screen and (max-width: 640px){
    [data-skin="box"][data-type="2"]{margin-top: 7rem; padding-top: 7rem; padding-bottom: 7rem;}
    [data-skin="box"][data-type="3"]{gap: 3rem; padding: 2rem; border-radius: 1rem;}
    [data-skin="box"][data-type="3"] >div:not(:last-child):before{top: calc(100% + 1.5rem);}
    [data-skin="box"][data-type="4"]{padding: 1.5rem 2rem 1.5rem 1.5rem;}
    [data-skin="box"][data-type="4"] >img{width: 2.6rem; margin-top: 0.4rem;}
}

/*-------------------------------------------------------------------
    팝업
-------------------------------------------------------------------*/
[data-skin="popup"]{
    display: flex; opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; padding: 0 2rem;
    -webkit-transition: visibility 0.3s linear; transition: visibility 0.3s linear;
}
[data-skin="popup"].on{display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;opacity: 1; visibility: visible;}
[data-skin="popup"]:before{content: ""; display: none; position: fixed; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6);}
[data-skin="popup"].on:before{display: block;}
[data-skin="popup"] .in{opacity: 0; position: relative; width: 100%; max-width: 1008px; height: auto; transform: translateY(2rem); transition: transform 0.4s linear, opacity 0.4s linear;}
[data-skin="popup"].on .in{opacity: 1; transform: translateY(0); }
[data-skin="popup"] .in .titles{display: block; width: 100%; padding: 2.45rem 9rem 2.45rem 4rem; background-color: #101C5C; border-radius: 2rem 2rem 0 0;}
[data-skin="popup"] .in .titles strong{display: block; font-size: 2.6rem; font-weight: 600; line-height: 1.2; color: #fff;}
[data-skin="popup"] .in .bx{height: auto; padding: 4rem; background-color: #fff; border-radius: 0 0 2rem 2rem;}
[data-skin="popup"] .in .bx .desc{overflow-x: hidden; overflow-y: auto; width: 100%; height: auto; max-height: 60vh; font-size: 1.6rem;}
[data-skin="popup"] .in .close{position: absolute; top: 2.5rem; right: 4rem; width: 2.6rem; height: 2.6rem; text-indent: -9999px;}
[data-skin="popup"] .in .close:before,
[data-skin="popup"] .in .close:after{content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background-color: #fff; transform: rotate(45deg); transition: all 0.2s linear;}
[data-skin="popup"] .in .close:after{transform: rotate(-45deg);}
[data-skin="popup"] .in .close:hover:before{transform: rotate(225deg);}
[data-skin="popup"] .in .close:hover:after{transform: rotate(135deg);}

/* size */
[data-skin="popup"][data-size="m"] .in{max-width: 700px;}
[data-skin="popup"][data-size="s"] .in{max-width: 500px;}

@media screen and (max-width: 1024px){
    [data-skin="popup"] .in .titles{padding: 2rem 6rem 2rem 2rem;}
    [data-skin="popup"] .in .titles strong{font-size: 2.4rem;}
    [data-skin="popup"] .in .bx{padding: 2rem;}
    [data-skin="popup"] .in .close{top: 2rem; right: 2rem;}
}

/*-------------------------------------------------------------------
    탭
-------------------------------------------------------------------*/
[data-tab-btn="skin_tab"],
.sub_tabs{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0.4rem;}
[data-tab-btn="skin_tab"] >li,
.sub_tabs >li{}
[data-tab-btn="skin_tab"] >li >a,
.sub_tabs >li >a{display: block; padding: 0.921rem 1.6rem; color: #151515; font-size: 1.8rem; font-weight: 700; line-height: 1.2; background-color: #E6EAED; border: 1px solid #E6EAED; border-radius: 0.4rem; transition: all 0.2s linear;}
[data-tab-btn="skin_tab"] >li >a:hover,
[data-tab-btn="skin_tab"] >li.active >a,
.sub_tabs >li >a:hover,
.sub_tabs >li.active >a{background-color: #fff; border-color: #0073B1; color: #0073B1;}
[data-tab-cont="skin_tab"],
.sub_conts{position: relative; margin-top: 2.4rem; padding-top: 3rem; border-top: 1px solid #0073B1;}
[data-tab-cont="skin_tab"]:before,
.sub_conts:before{content: ""; display: block; position: absolute; top: -1px; left: 0; width: 6rem; height: 1px; background-color: #101C5C}
[data-tab-cont="skin_tab"] >div,
.sub_conts >div{display: none;}
[data-tab-cont="skin_tab"] >div.active,
.sub_conts >div.active{display: block;}

@media screen and (max-width: 1024px){
    [data-tab-cont="skin_tab"],
    .sub_conts{margin-top: 2rem; padding-top: 2.4rem;}
}
@media screen and (max-width: 1024px){
    [data-tab-cont="skin_tab"],
    .sub_conts{margin-top: 1.6rem; padding-top: 2rem;}
}

/*-------------------------------------------------------------------
    테이블
-------------------------------------------------------------------*/
[data-skin="table"]{display: table; table-layout: fixed; border-collapse: collapse; position: relative; width: 100%; border-top: 2px solid #101C5C;}
[data-skin="table"] thead{}
[data-skin="table"] thead tr{}
[data-skin="table"] thead tr th,
[data-skin="table"] tbody tr th{height: 5.9rem; padding: 1.6rem 1rem; font-size: 1.8rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.034rem; text-align: center; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; background-color: #F1F5FA;}
[data-skin="table"] thead tr th:last-child{border-right: 0;}
[data-skin="table"] tbody{}
[data-skin="table"] tbody tr{}
[data-skin="table"] tbody tr th{}
[data-skin="table"] tbody tr td{height: 5.9rem; padding: 1.6rem 2rem; font-size: 1.8rem; font-weight: 400; text-align: center; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD;}
[data-skin="table"] tbody tr td:last-child{border-right: 0;}
[data-skin="table"] tbody tr td img{display: inline-block; width: auto; max-width: 100%;}
[data-skin="table"] tbody tr th.bg{background-color: #FAFAFA;}
[data-skin="table"] .border_left{border-left: 1px solid #DDD;}
[data-skin="table"] .border_right{border-right: 1px solid #DDD;}
[data-skin="table"] .border_bottom{border-bottom: 1px solid #DDD;}
/*타입*/
[data-skin="table"][data-type="2"] tbody tr th,
[data-skin="table"][data-type="2"] tbody tr td{border-right-color: #D5DAE4; border-bottom-color: #D5DAE4;}
[data-skin="table"][data-type="2"] tbody tr td{text-align: left;}
[data-skin="table"][data-type="2"] .border_left{border-left: 1px solid #D5DAE4;}
[data-skin="table"][data-type="2"] .border_right{border-right: 1px solid #D5DAE4;}
[data-skin="table"][data-type="2"] .border_bottom{border-bottom: 1px solid #D5DAE4;}
/*여백*/
/*
[data-skin="table"] + [data-skin="table"],
[data-skin="table"] + .scroll_table,
.scroll_table + .scroll_table,
.scroll_table + [data-skin="table"]{margin-top: 4rem;}
*/

@media screen and (max-width: 1680px){
    .scroll_table.size_xxl{overflow-x: auto; }
    .scroll_table.size_xxl [data-skin="table"]{width: 1600px;}
}
@media screen and (max-width: 1024px){
    .scroll_table.size_xl{overflow-x: auto; }
    .scroll_table.size_xl [data-skin="table"]{width: 1100px;}
    .scroll_table.size_xxl [data-skin="table"]{width: 1400px;}
}
@media screen and (max-width: 840px){
    .scroll_table.size_l{overflow-x: auto; }
    .scroll_table.size_l [data-skin="table"]{width: 804px;}
    .scroll_table.size_xl [data-skin="table"]{width: 900px;}
    .scroll_table.size_xxl [data-skin="table"]{width: 1200px;}
}
@media screen and (max-width: 640px){
    .scroll_table.size_l [data-skin="table"]{width: 700px;}
    [data-skin="table"][data-responsive="true"] colgroup{display:none}
    [data-skin="table"][data-responsive="true"] tr{display:flex;flex-wrap:wrap;width:100%}
    [data-skin="table"][data-responsive="true"] tr th{width:13rem;height:auto}
    [data-skin="table"][data-responsive="true"] tr td{width:calc(100% - 13rem);height:auto;border-right:0}
}
@media screen and (max-width: 480px){
    .scroll_table{overflow-x: auto; }
    .scroll_table [data-skin="table"]{width: 500px;}
}
@media screen and (max-width: 400px){
    [data-skin="table"][data-responsive="true"] tr th,
    [data-skin="table"][data-responsive="true"] tr td{width:100%;border-right:0}
    [data-skin="table"][data-responsive="true"] tr th{padding:1rem}
    [data-skin="table"][data-responsive="true"] tr td#pop_cate,
    [data-skin="table"][data-responsive="true"] tr td#pop_name{text-align:center}
}

/*-------------------------------------------------------------------
    에러/오류 페이지
-------------------------------------------------------------------*/
.error_page{max-width:105.6rem;margin:9rem auto 0;padding:6rem 2rem 7.4rem;background:#F8F9FC;border-radius:2rem;text-align:center}
.error_page .error_icon{margin:0 auto 2.4rem}
.error_page .error_title{font-size:3.4rem;font-weight:800;line-height:normal}
.error_page .error_title > span{color:#002F7B}
.error_page .error_desc{margin-top:1.6rem;font-size:1.8rem;font-weight:500;line-height:1.4;color:#2D2D2D}
.error_page .btn_box{margin-top:3rem}
@media screen and (max-width: 640px){
    .error_page{margin-top:8rem}
}

/*-------------------------------------------------------------------
    인풋
-------------------------------------------------------------------*/
/* data-skin="input" */
[data-skin="input"]{display: block; }
[data-skin="input"] input{width: 100%; padding: 0 1.2rem; font-size: 1.6rem; line-height: 4.2rem; background-color: #fff; border: 1px solid #D8D8D8; border-radius: 0.8rem;}
[data-skin="input"] input::placeholder{color: #AAA;}
/* data-skin="check" */
[data-skin="check"]{display: inline-flex; position: relative;}
[data-skin="check"] input{position: absolute; opacity: 0; visibility: hidden;}
[data-skin="check"] label{display: block; position: relative; min-height: 1.25em; padding-left: 1.75em; color: #151515; cursor: pointer; line-height: 1.5;}
[data-skin="check"] label:before,
[data-skin="check"] label:after{
    content: ""; display: block; position: absolute; top: 0.1em; left: 0; width: 1.25em; height:  1.25em; border-radius: 3px;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-skin="check"] label:before{background-color: transparent; border: 1px solid #D8D8D8;}
[data-skin="check"] input:checked + label:before{background-color: #101C5C; border-color: #101C5C;}
[data-skin="check"] label:after{opacity: 0; background: url(../../../images/site/kor/skin/check_img01.svg) no-repeat center center / 100% auto;}
[data-skin="check"] input:checked + label:after{opacity: 1;}

/* data-skin="radio" */
[data-skin="radio"]{display: inline-flex; position: relative;}
[data-skin="radio"] input{position: absolute; opacity: 0; visibility: hidden; }
[data-skin="radio"] label{display: block; position: relative; min-height: 1.25em; padding-left: 1.75em; color: #151515; cursor: pointer; line-height: 1.5;}
[data-skin="radio"] label:before,
[data-skin="radio"] label:after{
    content: ""; display: block; position: absolute; top: 0.1em; left: 0; width: 1.25em; height: 1.25em; border-radius: 50%;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-skin="radio"] label:before{background-color: transparent; border: 1px solid #D8D8D8; background-color: #fff;}
[data-skin="radio"] input:checked + label:before{border-color: #101C5C;}
[data-skin="radio"] label:after{
    background-color: #101C5C;
    -webkit-transform: scale(0); transform: scale(0);
}
[data-skin="radio"] input:checked + label:after{
    -webkit-transform: scale(0.5); transform: scale(0.5);
}

/* data-skin="textarea" */
[data-skin="textarea"]{display: block;}
[data-skin="textarea"] textarea{display: block; width: 100%; height: auto; padding: 1.2rem; min-height: 9.8rem; font-size: 1.5rem; color: #151515; background-color: #fff; border: 1px solid #DDD; resize: none; border-radius: 0.8rem;}
[data-skin="textarea"] textarea::placeholder{color: #AAA;}