/* font */
@font-face {
    font-family: 'Gmarket Sans';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.woff2') format('woff2'), 
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Gmarket Sans';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.ttf') format('truetype');
}
@font-face {
    font-family: 'Gmarket Sans';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.ttf') format('truetype');
}
@font-face {
    font-family: "SBAggro";
    font-weight: 400;
    src: url("../fonts/SBAggroL.ttf") format("woff2");
}
@font-face {
    font-family: "SBAggro";
    font-weight: 600;
    src: url("../fonts/SBAggroM.ttf") format("woff2");
}
@font-face {
    font-family: "SBAggro";
    font-weight: 800;
    src: url("../fonts/SBAggroB.ttf") format("woff2");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    src: url("../fonts/Pretendard-Black.ttf") format("truetype");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    src: url("../fonts/Pretendard-ExtraBold.ttf") format("truetype");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    src: url("../fonts/Pretendard-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    src: url("../fonts/Pretendard-SemiBold.ttf") format("truetype");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src: url("../fonts/Pretendard-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    src: url("../fonts/Pretendard-ExtraLight.ttf") format("truetype");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    src: url("../fonts/Pretendard-Light.ttf") format("truetype");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    src: url("../fonts/Pretendard-ExtraLight.ttf") format("truetype");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    src: url("../fonts/Pretendard-Thin.ttf") format("truetype");
}
@font-face {
    font-family: 'Wanjunuriche';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Wanjunuriche/Wanjunuriche.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Wanjunuriche/Wanjunuriche.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Wanjunuriche/Wanjunuriche.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Wanjunuriche/Wanjunuriche.ttf') format('truetype');
}
@font-face {
    font-family: 'Wanjunuriche';
    font-weight: 400; /* Regular */
    src: url('Wanjunuriche.woff2') format('woff2');
}
@font-face {
    font-family: 'Wanjunuriche';
    font-weight: 700; /* Bold */
    src: url('Wanjunuriche-Bold.woff2') format('woff2');
}
/* size */
@media screen and (max-width: 1250px) { } /* tablet */
@media screen and (max-width: 650px) { } /* mobile */

/* default */
*{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color : inherit;
    box-sizing: border-box;
    letter-spacing: inherit;
    line-height: inherit;
    
}

body{ font-family: 'Pretendard'; font-weight:500; font-size: 16px; letter-spacing: -0.04em; word-break: keep-all; overflow: hidden; color: #222; }
section{ display:block; }
a{ color:inherit; }
.wj { font-family: 'Wanjunuriche'; }
.inner{ width:1200px; margin:0 auto; }
.gs { font-family: 'Gmarket Sans'; }
.paging_box{ padding:20px 0; display:flex; align-items: center; justify-content: center; }

/*---------------- popup ----------------*/
@media screen and (max-width: 1250px) { 
    #hd_pop{ max-width: 80%; }
    .hd_pops{ left: 10px !important; top: 100px !important; max-width: 100%; }
    .hd_pops_con{ max-width: 100% !important; height: auto !important; }

}
@media screen and (max-width: 650px) { 
    .hd_pops_footer{ font-size: 14px; }
}

/*---------------- admin ---------------*/
.adminBox{display:flex; justify-content: flex-end; padding:20px 0;}
.adminBox .admin_list{display:flex; }

.adminBox .admin_list>.item{
    font-size:14px;
    margin-right:5px; padding:5px 5px 5px 29px; display:flex; align-items: center; border-radius: 4px; font-size:14px;  
    background-repeat: no-repeat; background-position: left 5px center; cursor: pointer; background-color:#fff; 
}
.adminBox .admin_list>.item a{ font-size: inherit; }
.adminBox .admin_list .item:nth-child(2n){
    background-color:#f2f2f2; background-repeat: no-repeat; background-position: left 5px center; 
}
.adminBox .admin_list a.admin_icon{background-image: url('../img/board_img/admin_icon.png');}
.adminBox .admin_list .item.write_icon{background-image: url('../img/board_img/write_icon.png');  }
.adminBox .admin_list .more_icon{background-image: url('../img/board_img/comment_menu.png'); position:relative;}
.adminBox .admin_list .reple_icon{background-image: url('../img/board_img/view_reple_icon.png'); position:relative; background-color:#fff; }
.adminBox .admin_list .list_icon{background-image: url('../img/board_img/list_icon.png'); position:relative;}

.adminBox .admin_list li .more_box{
    position:absolute; background:#fff; padding:10px; border: 1px solid #E6E6E6; box-shadow: 0px 16px 20px rgba(0, 0, 0, 0.05);
    z-index: 5; top:40px; right:0; display:none; 
}
.adminBox .admin_list li .more_box.on{display:block; }
.adminBox .admin_list li .more_box:before{
    content: "";
    position: absolute;
    top: -8px;
    right: 13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #E6E6E6 transparent;
}
.adminBox .admin_list li .more_box:after{
    content: "";
    position: absolute;
    top: -6px;
    right: 13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #fff transparent;
}

.adminBox .admin_list li.more_icon .more_box{width:90px; font-size:14px; padding:0; }
.adminBox .admin_list li.more_icon .more_box button{background:none; border:none; text-align: center; width:100%; padding:10px; border-bottom:1px solid #e6e6e6; font-size:12px; }
.adminBox .admin_list li.more_icon .more_box .button{ display:block; background:none; border:none; text-align: center; width:100%; padding:10px; border-bottom:1px solid #e6e6e6; font-size:12px; }
.adminBox .admin_list li.more_icon .more_box button:last-child{border-bottom:none; }
.adminBox .admin_list li.more_icon .more_box button > a{ font-size: inherit; }
/*---------------- admin end ---------------*/

@media screen and (max-width: 1250px) { 
    .inner{ width:100%; padding:0 10px; }
} /* tablet */
@media screen and (max-width: 650px) { 
    .paging_box{ font-size: 13px; }
} /* mobile */

/* common */
.top_sec{ padding-top: 68px; }
@media screen and (max-width: 1250px) { 
    .top_sec{ padding-top: 53px; }
}
@media screen and (max-width: 650px) { 
}



/* header */
header { padding: 10px 0; position: fixed; width: 100%; background-color: #121318; z-index: 99999; font-weight: 700; }
header .inner { display: flex; justify-content: space-between; align-items: center; }

header .logoContainer{ flex-shrink: 0; }
header .logoContainer img{ max-width: 100%; width: 160px; }

header .menuContainer{ width: 100%; margin-left: 100px; }
header .menuContainer .menu{ display: flex; align-items: center; width: 100%; }
header .menuContainer .menu > li{ padding: 0 10px; width:calc(100% / 6); position: relative; display: flex; align-items: center; justify-content: center; text-align: center; }
header .menuContainer .menu > li:last-child{ width: calc((100% / 6) * 2); }
header .menuContainer .menu > li::before{ content:'|'; position: absolute; left: 0; color: #7F7F7F;  }

header .menuContainer .menu > li > a{ padding: 10px; color: #fff; }
header .menuContainer .menu > .btnWrap > ul{ display: flex; align-items: center; width: 100%; }
header .menuContainer .menu > .btnWrap > ul > li{ width: calc(100% / 2); padding: 5px; }
header .menuContainer .menu > .btnWrap > ul > li a{ display: block; padding: 10px 5px; background-color: #7f7f7f; color: #fff; border-radius: 5px; }
header .menuContainer .menu > .btnWrap > ul > li.orange a{ background-color:#EA5B24; }
header .menuContainer .menu > .btnWrap > ul > li.pink a{ background-color:#1A2452; }

header .mo_menu{ display: none; width: 35px; height: 30px; cursor: pointer; }
header .mo_menu span{ 
    display: block; height: 4px; background-color:#F06E01; margin-bottom: 7px; 
    transition: opacity 0.5s, transform 0.5s;
}
header.on .mo_menu span:nth-child(1){ transform: translateY(14px) rotate(45deg); }
header.on .mo_menu span:nth-child(2){ opacity:0; }
header.on .mo_menu span:nth-child(3){ transform: translateY(-8px) rotate(-45deg);  }

@media screen and (max-width: 1250px) { 
    header .logoContainer img{ max-width: 120px; }

    header .mo_menu{ display: block; position: relative; top: 5px; right: 10px; }
    header .menuContainer{ position: fixed; background: #fff; width: 100%; height:calc(100% - 84.55px); right:-100%; top: 84.55px; margin-left: 0; padding-top: 20px; transition: right 1s; }
    header.on .menuContainer{ right: 0; }

    header .menuContainer .menu{ flex-wrap: wrap; }
    header .menuContainer .menu > li{ width: 100%;  }
    header .menuContainer .menu > li::before{ display: none; }
    header .menuContainer .menu > li:last-child{ width: 100%; flex-wrap: wrap; }
    header .menuContainer .menu > .btnWrap > ul{ max-width: 400px; flex-wrap: wrap; }
}

@media screen and (max-width: 650px) {
    header .logoContainer img{ max-width: 110px; }
    header .menuContainer{ top: 72.81px; height: calc(100% - 72.81px); }

    header .menuContainer .menu > .btnWrap > ul{ max-width: 200px; }
    header .menuContainer .menu > .btnWrap > ul > li{ width: 100%; }
}

/* footer */
footer{ background-color: #383844; padding: 40px 0; color: #fff; }
footer .inner{ position: relative; padding-bottom: 20px; display: flex; align-items: flex-start; }

footer .logo{ width: 240px; flex-shrink: 0; }

footer .contentContainer{ margin-left: 40px; }
footer .contentContainer ul { margin-top: 5px; color: #7F7F7F; display: flex; flex-wrap: wrap; }
footer .contentContainer ul > li{ padding-right: 20px; position: relative; margin-bottom: 5px; }
footer .contentContainer ul > li::after{ content:'|'; position: absolute; right: 5px; top: 0; }
footer .contentContainer ul > li:last-child::after{ display: none; }
footer .contentContainer ul > li::after.dn { display: none; }

footer .copy_right{ text-align: left; width: 100%; color: #7F7F7F; font-size: 12px; word-break: keep-all; margin-top: 20px; }

@media screen and (max-width: 1250px) { 
    footer .logo{ width: 220px; }
}
@media screen and (max-width: 800px) { 
    footer .inner{ flex-wrap: wrap; }

    footer .logo{ display: block; margin: 0 auto; }
footer .copy_right { text-align: center; }
    footer .contentContainer{ width:100%; margin-left: 0; margin-top: 20px; text-align: center; }
    footer .contentContainer ul > li{ width: 100%; }
    footer .contentContainer ul > li::after{ display: none; }

}
@media screen and (max-width: 650px) { 
    footer .logo{ width: 180px; }

    footer .contentContainer{ font-size: 14px; }
}

.main .mbn_logo{ display: block; margin: 10px auto; }

@media screen and (max-width: 650px) { 
    .main .mbn_logo{ width: 120px; }
}

/* main - container01 */
.main .container01{ 
    position: relative; padding: 100px 0; height: 900px; 
    background-size: cover; background-image: url('../img/main_container01_bg.png'); 
    background-position: right 25% center; 
}
.main .container01 .inner{ 
    height:100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
    opacity: 0; transform:translateY(40px); transition: transform 1s, opacity 1s;
}
.main .container01.on .inner{ 
    opacity: 1; transform: translateY(0);
}
.main .container01 .contentBox{ 
    position: relative; z-index: 1; width: 100%;
    color: #fff; background: linear-gradient(90.65deg, rgba(255,255,255,0.1) 38.39%, rgba(255, 255, 255, 0) 70.99%); border-radius: 20px; padding: 20px; padding-right: 40%; 
}

.main .container01 .contentBox .t1{ font-size: 28px; text-shadow: 2px 2px 1px #F06E01;  }
.main .container01 .contentBox .t2{ font-size: 47px; letter-spacing: -0.04em; text-shadow: 2px 2px 1px #F06E01; }
.main .container01 .contentBox .t3{ font-size: 90px; text-shadow: 3px 3px 1px #F06E01; }

.main .container01 .contentBox .date{ font-size: 31px; letter-spacing: -0.04em; text-shadow: 2px 2px 1px #F06E01; }

.main .container01 .contentBox .list{ margin-top: 20px; padding: 20px 0; border-top: 2px solid #fff;  }
.main .container01 .contentBox .list > li{ display: flex; align-items: center; }
.main .container01 .contentBox .list > li + li{ margin-top: 20px; }
.main .container01 .contentBox .list > li .item{ width: 80px; height: 80px; flex-shrink: 0; background-repeat: no-repeat; background-position: center; background-size: contain; margin-right: 30px; }
.main .container01 .contentBox .list > li:nth-child(1) .item{ background-image: url('../img/main_container01_icon01.png'); }
.main .container01 .contentBox .list > li:nth-child(2) .item{ background-image: url('../img/main_container01_icon02.png'); }
.main .container01 .contentBox .list > li .content{ font-size: 25px; line-height: 1.5em; word-break: keep-all; }
.main .container01 .contentBox .list > li .content.small{ font-size: 20px; }


.main .container01 .btnWrap{ width: 100%; display: flex; bottom: 0; justify-content: center;  }
.main .container01 .btnWrap > li{ width: calc(100% / 2); padding: 10px; }
.main .container01 .btnWrap > li .goBtn{ background-color:#F06E01; color: #fff; display: block; padding: 20px 15px; text-align: center; }
.main .container01 .btnWrap > li .goBtn.white{ background-color: #fff; color: #F06E01; border: 2px solid #F06E01;  }

.main .container01 .imgContent.mo{ display: none; }
.main .container01 .imgContent{ max-width: 100%; }
@media screen and (max-width: 1250px) { 
    .main .container01{ height: auto; }
    .main .container01 .contentBox .t1{ font-size: 2.5vw; }
    .main .container01 .contentBox .t2{ font-size: 4.3vw; }
    .main .container01 .contentBox .t3{ font-size: 8.5vw; }
    .main .container01 .contentBox .date{ font-size: 3vw; }

    .main .container01 .contentBox .list > li .item{ width: 5vw; height: 5vw; margin-right: 1.5vw; }
    .main .container01 .contentBox .list > li .content{ font-size: 2vw; }
    .main .container01 .contentBox .list > li .content.small{ font-size: 1.6vw; }
}
@media screen and (max-width: 750px) { 
    /* .main .container01{ background-image: url('../img/update/main_container01_bg_mo.png'); } */
    .main .container01 .contentBox{ padding-right: 0; max-width: 450px; margin: 0 auto; background: linear-gradient(90.65deg, rgba(0,0,0,0.5) 38.39%, rgba(255, 255, 255, 0) 70.99%); }

    .main .container01 .contentBox .t1{ font-size: 3vw; }
    .main .container01 .contentBox .t2{ font-size: 5vw; }
    .main .container01 .contentBox .t3{ font-size: 9.8vw; }
    .main .container01 .contentBox .date{ font-size: 3.5vw; }

    .main .container01 .contentBox .list > li .item{ width: 8vw; height: 8vw; }
    .main .container01 .contentBox .list > li .content{ font-size: 2vw; }
    .main .container01 .contentBox .list > li .content.small{ font-size: 2vw; }

    .main .container01 .btnWrap{ padding-right: 0; max-width:450px; margin: 0 auto; margin-top: 20px; font-size: 14px; }
    .main .container01 .btnWrap > li{ padding: 5px; }
}
@media screen and (max-width: 600px) { 
    
    .main .container01{ background-position: right 13% center; padding: 0 0 10px 0; min-height: 100vh; }
    .main .container01 .inner{ padding: 0; }
    .main .container01 .contentBox .t1{ font-size: 4.5vw; }
    .main .container01 .contentBox .t2{ font-size: 7.5vw; }
    .main .container01 .contentBox .t3{ font-size: 14.5vw; }
    .main .container01 .contentBox .date{ font-size: 5.1vw; }

    .main .container01 .contentBox .list > li .item{ width: 40px; height: 40px; margin-right: 15px; }
    .main .container01 .contentBox .list > li .content{ font-size: 12px; }
    .main .container01 .contentBox .list > li .content.small{ font-size: 12px; }

    .main .container01 .imgContent.pc{ display: none; }
    .main .container01 .imgContent.mo{ display: block; }
}


.main .btn-arti{ background-color: #222; }
.main .btn-arti .btn-list{ display: flex; gap: 16px; transform: translateY(-50px); }
.main .btn-arti .btn-list > li{ flex-grow: 1; }
.main .btn-arti .btn-list > li .item{ display: flex; align-items: center; justify-content: center; gap: 10px; background-color: #fff; font-family:'SBAggro'; font-size: 20px; color: #F06E01; padding: 20px; border-radius: 4px; border: 4px solid #F06E01; }
.main .btn-arti .btn-list > li .item.active{ background-color: #F06E01; color: #fff; }
.main .btn-arti .btn-list > li .item .icon{ width: 50px; height: 50px; background-size: contain; background-repeat: no-repeat; background-position: center;  }
.main .btn-arti .btn-list > li .item .icon.icon01{ background-image: url('../img/update/banner_icon_01.png'); }
.main .btn-arti .btn-list > li .item .icon.icon02{ background-image: url('../img/update/banner_icon_02.png'); }

@media screen and (max-width: 1250px) { 
    .main .btn-arti .btn-list{ transform: translateY(-20px); }
    .main .btn-arti .btn-list > li .item{ padding: 10px; font-size: 18px; }
    .main .btn-arti .btn-list > li .item .icon{ width: 30px; height: 30px; }
}
@media screen and (max-width: 750px) { 
    .main .btn-arti .btn-list{ flex-wrap: wrap; }
    .main .btn-arti .btn-list > li{ width: 100%; }

    .main .btn-arti .btn-list > li .item{ font-size: 16px; }
    .main .btn-arti .btn-list > li .item .icon{ width: 20px; height: 20px; }
}


/* main - container02 */
.main .container02{ padding: 10px 0; }
.main .container02 .inner{ display: flex; justify-content: center; align-items: center; }
.main .container02 img{ width: 600px; max-width: 80%; }


/* main - container03 */

.main .container03{  padding: 50px 0; background-size: cover; background-image: url('../img/container03_bg.png');  }
.main .container03 .inner{ opacity: 0; transform:translateY(40px); transition: transform 1s, opacity 1s; }
.main .container03.on .inner{ opacity: 1; transform: translateY(0);}
.main .c-title{ text-align: center; font-weight: 800; font-size: 34px; word-break: keep-all; line-height: 1.5em;font-family: 'Wanjunuriche'; font-weight: 400; }
.main .c-title::before{ content:''; display:block; width: 50px; height: 40px; margin: 0 auto 10px auto; background-size:contain; background-repeat: no-repeat; background-position: center; background-image: url('../img/update/icon01.png'); }
.main .c-title b{  color: #F06E01; position: relative; padding-bottom: 4px; }
.main .c-title b .type1 { color: #fff; }
.main .container03 .c-title { font-size: 28px; }
.main .c-title b .type2 .en  { font-weight: 100; }
.main .c-title .stick { max-width: 50%; margin: 0 auto; height: 4px; background: #F06E01; }
.main .c-title b .en{ font-family: "Rozha One", serif; font-size: 1.4em; }
/* .main .c-title b::after{ content:''; position: absolute; width: 100%; height: 3px; background-color: #F06E01; bottom: 0; left: 0; } */
.main .c-title.icon02::before{ background-image: url('../img/update/icon02.png'); height: 50px; }
.main .c-title.icon03::before{ background-image: url('../img/update/icon03.png'); width: 70px; height: 70px; }
.main .c-title.icon04::before{ background-image: url('../img/update/icon04.png'); height: 70px; }
.main .c-title.icon05::before{ background-image: url('../img/update/icon05.png'); height: 50px; }
.main .c-title.icon06::before{ background-image: url('../img/update/icon06.png'); height: 50px; }

.main .c-title .logoWrap{ display: flex; align-items: center; gap: 20px; justify-content: center; margin: 20px 0; } 
.main .c-title .logoWrap .logo{ max-width: 100%; }

.main .container03 .contentWrap{ margin-top: 50px; background-color: #fff; border-radius: 20px; border: 1px solid #D9D9D9; font-size: 18px; line-height: 1.5em; }
.main .container03 .contentWrap > ul{ display: flex; flex-wrap: wrap; }
.main .container03 .contentWrap > ul .border-top{ padding-top: 20px; border-top: 1px solid #D9D9D9; margin-top: 10px; }
.main .container03 .contentWrap > ul > li{ padding: 20px; width: 100%; }
.main .container03 .contentWrap > ul > li.n-padding{ padding: 0; }
.main .container03 .contentWrap > ul > li.n-padding > ul > li{ padding: 20px; }
.main .container03 .contentWrap > ul > li .c_title{ position: relative; display: flex; align-items: center; font-size: 24px; font-weight: 600; word-break: keep-all; font-family: 'Wanjunuriche'; }
.main .container03 .contentWrap > ul > li .c_title::before{ content:''; display: block; width: 30px; height:30px; background-image: url('../img/main_container03_titleicon.png'); left: 0; margin-right:10px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.main .container03 .contentWrap.type01 > ul > li .c_title::before{ background-image: url('../img/update/title-icon-type01.png'); }
.main .container03 .contentWrap.type01 > ul > li .c_title.c_title_2::before{ background-image: url('../img/main_container03_titleicon.png'); }


.main .container03 .contentWrap > ul > li .c_content{ margin-top: 10px; word-break: keep-all; }
.main .container03 .contentWrap > ul > li .c_content b{ font-weight: 600; }
.main .container03 .contentWrap > ul > li .c_content .small{ font-size: 0.8em; }
.main .container03 .contentWrap > ul > li .c_content .gray{ color: #7F7F7F; }
.main .container03 .contentWrap > ul > li .c_content .orange{ color: rgba(240, 110, 1, 1); }

.main .container03 .contentWrap > ul > li .c_content .notice{ position: relative; padding-left: 20px; }
.main .container03 .contentWrap > ul > li .c_content .notice::before{ content:'**'; position: absolute; left: 0; top: 2px;  }

.main .container03 .contentWrap > ul > li .c_content div.dot{ position: relative; padding-left: 15px; }
.main .container03 .contentWrap > ul > li .c_content div.dot::before{ content:'∙'; position: absolute; left: 0; top: 0; }

.main .container03 .contentWrap > ul > li:nth-child(1){ width: calc(60%); border-right: 1px solid #D9D9D9; }

.main .container03 .contentWrap > ul > li:nth-child(2){ width: calc(40%); padding:20px 0; }
.main .container03 .contentWrap > ul > li:nth-child(2) > ul{ display: flex; flex-direction: column; }
.main .container03 .contentWrap > ul > li:nth-child(2) > ul > li{ height: 50%; padding: 0 20px;  padding-bottom: 30px; border-bottom: 1px solid #D9D9D9; margin-bottom: 20px; }
.main .container03 .contentWrap > ul > li:nth-child(2) > ul > li:nth-child(1){ padding-bottom: 30px; border-bottom: 1px solid #D9D9D9; margin-bottom: 20px; }

.main .container03 .contentWrap > ul > li:nth-child(3){ padding: 0; }
.main .container03 .contentWrap > ul > li:nth-child(3) > ul { display: flex; flex-wrap: wrap; }
.main .container03 .contentWrap > ul > li:nth-child(3) > ul > li{ width: calc(100% /4); border-right: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; padding: 20px; }

.main .container03 .contentWrap .g_title{ text-align: center; font-size: 24px; background-color: #F4F4F4; padding: 10px; border-radius: 4px; font-weight: 600; margin-bottom: 10px; word-break: keep-all; }
.main .container03 .contentWrap .g_content{ text-align: center; }

.main .container03 .contentWrap > ul > li:nth-child(4){ border-top: 1px solid #D9D9D9; display: flex; align-items: center;  }
.main .container03 .contentWrap > ul > li:nth-child(4) .c_title{ margin-right: 20px; }
.main .container03 .contentWrap > ul > li:nth-child(4) .c_content{ margin-top: 0; }

.main .container03 .contentWrap .img{ max-width: 100%; }

@media screen and (max-width: 1250px) { 
    .main .container03 .contentWrap{ font-size: 16px; }
    .main .container03 .contentWrap > ul > li .c_title{ font-size: 18px; }
    .main .container03 .contentWrap .g_title{ font-size: 18px; }
}
@media screen and (max-width: 800px) { 
    .main .container03 .contentWrap > ul > li:nth-child(1){ width: 100%; }
    .main .container03 .contentWrap > ul > li:nth-child(2){ width: 100%; border-top: 1px solid #D9D9D9;  }
    .main .container03 .contentWrap > ul > li:nth-child(3) > ul > li{ width: 50%; }
    .main .container03 .contentWrap > ul > li:nth-child(3) > ul > li:nth-child(2n){ border-right: none; }

    .main .c-title{ font-size: 28px; }
    .main .c-title b::after{ display: none; }
    .main .c-title .logoWrap .logo{ height: 6vw; width: auto; }
    
}
@media screen and (max-width: 650px) { 
    .main .c-title{ font-size: 20px; }

    .main .container03 .contentWrap{ font-size: 14px; margin-top: 30px; }
    .main .container03 .contentWrap > ul > li:nth-child(3) > ul > li{ width: 100%; border-right: none; }
    .main .container03 .contentWrap > ul > li:nth-child(4){ flex-wrap: wrap; }
    .main .container03 .contentWrap > ul > li:nth-child(4) .c_title{ margin-bottom: 10px; width: 100%; }
    .main .container03 .contentWrap > ul > li:nth-child(4) .c_content{ width: 100%; }

    .main .container03 .contentWrap .img{ max-width: 100%; max-width: 250px; }
}


/* main - container04 */
.main .container04{ padding: 50px 0; position: relative; overflow: hidden; }
.main .container04 .inner{ position: relative; z-index: 1; opacity: 0; transform:translateY(40px); transition: transform 1s, opacity 1s; }
.main .container04.on .inner{ opacity: 1; transform: translateY(0); }

.main .container04 .circle1{ width: 200px; height: 400px; position: absolute; left: -30px; top: -200px; background-image: url('../img/main_container04_circle01.png'); background-size: contain; background-repeat: no-repeat; background-position: center; }
.main .container04 .circle2{ width: 200px; height: 400px; position: absolute; right: -100px; bottom: 150px; background-image: url('../img/main_container04_circle02.png'); background-size: contain; background-repeat: no-repeat; background-position: center; }

.main .main_title{ display: flex; justify-content: center; font-weight: 600; font-size: 28px; }
.main .main_title::before{ content:''; display:inline-block; width: 20px; margin-right: 5px; background-image: url('../img/main_title_left.png'); background-size: contain; background-repeat: no-repeat; background-position: left top; }
.main .main_title::after{ content:''; display:inline-block; width: 20px; margin-left: 5px; background-image: url('../img/main_title_right.png'); background-size: contain; background-repeat: no-repeat; background-position: right bottom; }

.main .container04 .halfContainer{ margin-top: 40px; display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; }
.main .container04 .halfContainer > li{ padding: 10px; width: calc(100% / 2); }
.main .container04 .halfContainer > li .item { height: 100%; background-color: #fff; box-shadow: 4px 8px 14px rgba(0, 0, 0, 0.1); border-radius: 20px 20px 0 0; overflow: hidden;  }
.main .container04 .halfContainer > li .item .titleWrap{ padding: 25px 20px; text-align: center; font-weight: 600; font-size: 28px; background-color: #F4F4F4; font-family: 'Wanjunuriche'; }
.main .container04 .halfContainer > li .item.active .titleWrap{ background-color: #222; color: #fff; }
.main .container04 .halfContainer > li .item .contentWrap{ padding: 20px; }

.main .container04 .halfContainer > li .item .c_title{ text-align: center; font-size: 24px; font-weight: 600; }
.main .container04 .halfContainer > li .item .list{ display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -5px; margin-top: 10px; }
.main .container04 .halfContainer > li .item .list > li{ padding: 5px; width: calc(50%); }
.main .container04 .halfContainer > li .item .list > li > p{ 
    padding: 15px 10px; height: 100%; background-color: #F4F4F4; border-radius: 4px; text-align: center; font-weight: 500; font-size: 18px;
    border: 1px solid #7F7F7F; word-break: keep-all; display: flex; align-items: center; justify-content: center;
    display: flex; align-items: center; gap: 5px;
}
.main .container04 .halfContainer > li .item .list > li > p b:nth-child(2){ flex-shrink: 0; }
.main .container04 .halfContainer > li .item .list2{ margin-top: 20px; }
.main .container04 .halfContainer > li .item .list2 > li{ padding-left: 10px; position: relative; margin-bottom: 10px; line-height: 2em; }
.main .container04 .halfContainer > li .item .list2 > li::before{ content:'•'; left: 0; top: 0; position: absolute; font-size: ;  }

@media screen and (max-width: 1250px) { 
    .main .container04 .halfContainer > li .item .titleWrap{ font-size: 20px; }
    .main .container04 .halfContainer > li .item .c_title{ font-size: 20px; }
    .main .container04 .halfContainer > li .item .list > li > p{ font-size: 16px; }
}
@media screen and (max-width: 750px) { 
    .main .container04 .halfContainer > li{ width: 100%; } 
}
@media screen and (max-width: 650px) { 
    .main .main_title{ font-size: 20px; }
    .main .container04 .halfContainer{ margin-top: 20px; }
    .main .container04 .halfContainer > li .item .titleWrap{ font-size: 16px; padding: 15px; }
    .main .container04 .halfContainer > li .item .c_title{ font-size: 16px; }

    .main .container04 .halfContainer > li .item .list > li > p{ font-size: 14px; }
    .main .container04 .halfContainer > li .item .list2 > li{ font-size: 14px; }
}


/* main - container05 */


.main .container05 .c-title { color: #fff; }
.main .container05{ padding: 50px 0;  background-size: cover; background-image: url('../img/container05_bg.png');}
.main .container05 .inner{ opacity: 0; transform:translateY(40px); transition: transform 1s, opacity 1s; }
.main .container05.on .inner{ opacity: 1; transform:translateY(0); }
.main .container05 .contentBox{ margin: 40px 0 20px 0; display: flex; flex-wrap: wrap; align-items: flex-end; }
.main .container05 .contentBox > li{ width: calc(100% / 5); padding: 10px; }
.main .container05 .contentBox > li .title{ text-align: center; font-size: 24px; font-weight: 600; color: #EA5B24; }

.main .container05 .inner { width: 1500px; }

.main .container05 .contentBox > li:nth-child(2) .title{ color: #EB3351; }
.main .container05 .contentBox > li:nth-child(3) .title{ color: #EB3351; }
.main .container05 .contentBox > li:nth-child(4) .title{ color: #EB3351; }
.main .container05 .contentBox > li:nth-child(5) .title{ color: #EB3351; }

.main .container05 .contentBox > li .award_list{ margin-top: 20px; }
.main .container05 .contentBox > li .award_list > li{ margin-bottom: 10px;  }
.main .container05 .contentBox > li .award_list > li .item{ position: relative; display: flex; align-items: center; justify-content: center; background-color: #fff; box-shadow: 6px 10px 17px rgba(34, 34, 34, 0.12); border-radius: 10px 10px 0 0; overflow: hidden; padding: 40px 25px; }
.main .container05 .contentBox > li .award_list > li .item::before{content:''; position: absolute; left: 0; top: 0; display: block; height: 10px; width: 100%; background-color: #EA5B24; }
.main .container05 .contentBox > li:nth-child(2) .award_list > li .item::before{ background-color: #EB3351; }
.main .container05 .contentBox > li:nth-child(3) .award_list > li .item::before{ background-color: #EB3351; }
.main .container05 .contentBox > li:nth-child(4) .award_list > li .item::before{ background-color: #EB3351; }
.main .container05 .contentBox > li:nth-child(5) .award_list > li .item::before{ background-color: #EB3351; }

.main .container05 .contentBox > li .award_list > li .item .itemBox{ width: 40px; height: 60px; margin-right: 20px; flex-shrink: 0; background-size: contain; background-repeat: no-repeat; background-position: center;  }
.main .container05 .contentBox > li .award_list > li .item.one .itemBox{ background-image: url('../img/award_1.png'); }
.main .container05 .contentBox > li .award_list > li .item.two .itemBox{ background-image: url('../img/award_2.png'); }
.main .container05 .contentBox > li .award_list > li .item.three .itemBox{ background-image: url('../img/award_3.png'); }
.main .container05 .contentBox > li .award_list > li .item.four .itemBox{ background-image: url('../img/award_4.png'); }
.main .container05 .contentBox > li .award_list > li .item.five .itemBox{ background-image: url('../img/award_5.png'); }
.main .container05 .contentBox > li .award_list > li .item.six .itemBox{ background-image: url('../img/award_6.png'); }

.main .container05 .contentBox > li .award_list > li .item p{ font-size: 24px; }
.main .container05 .contentBox > li .award_list > li .item p + p{ margin-top: 5px; font-weight: 600; font-size: 18px; }
.main .container05 .contentBox > li .award_list > li .item p.bold{ font-weight: 600; }

.main .container05 .notice{ font-weight: 600; text-align: center; color: #fff; }
.main .container05 .help{ text-align: center; margin-top: 5px; color: #fff; }

@media screen and (max-width: 1250px) {
    .main .container05 .inner { width: unset; } 
    .main .container05 .contentBox > li .title{ font-size: 18px; }
    .main .container05 .contentBox > li .award_list > li .item{ padding-right: 10px; }
    .main .container05 .contentBox > li .award_list > li .item p{ font-size: 16px; }
    .main .container05 .contentBox > li .award_list > li .item p + p { font-size: 16px; }
}
@media screen and (max-width: 900px) {
    .main .container05 .contentBox > li{ width: 100%; padding: 10px 0; }
    .main .container05 .contentBox > li .award_list{ display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; }
    .main .container05 .contentBox > li .award_list > li{ padding: 10px; width: calc(100% / 3); margin-bottom: 0; }

}
@media screen and (max-width: 650px) { 
    .main .container05 .contentBox > li .award_list{ width: calc(100% + 10px); margin-left: -5px; }
    .main .container05 .contentBox > li .award_list > li{ padding: 5px; width: calc(100% / 2); }
    .main .container05 .contentBox > li .award_list > li .item .itemBox{ width: 8vw; height: 8vw; margin-right: 4vw; }
    .main .container05 .contentBox > li .award_list > li .item p{ font-size: 14px; }
    .main .container05 .notice{ font-size: 14px; word-break: keep-all; }
    .main .container05 .help{ font-size: 14px; word-break: keep-all; }
    .main .container05 .contentBox > li .award_list > li .item { padding: 30px 10px; }
    .main .container05 .contentBox > li .award_list > li .item p + p { font-size: 12px; }
}
@media screen and (max-width: 300px) {
    .main .container05 .contentBox > li .award_list > li{ width: 100%; padding: 10px; }
    .main .container05 .contentBox > li .award_list > li .item .itemBox{ width: 15vw; height: 20vw;}
}

/* main - container06 */
.main .container06{ padding: 50px 0; background-color: #3D4155; padding: 50px 0; color: #fff; }
.main .container06 .main_title::before{ background-image: url('../img/main_container6_left.png'); }
.main .container06 .main_title::after{ background-image: url('../img/main_container6_right.png'); }

.main .container06 .list{ margin-top: 20px; margin-bottom: 30px; }
.main .container06 .list > li{ padding: 15px 5px; border-bottom: 1px solid #fff; display: flex; align-items: center; justify-content: space-between; }
.main .container06 .list > li .title{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main .container06 .list > li .date{ flex-shrink: 0; margin-left: 10px; }

.main .container06 .moreBtn img{ transition: margin 0.5s; }
.main .container06 .moreBtn:hover img{ margin-left: 10px; }

@media screen and (max-width: 650px) { 
    .main .container06 .list > li{ font-size: 14px; }
}

/* main - container07 */
.main .container07{ padding: 100px 0; position: relative; height: 100%; display: flex; align-items: center; justify-content: center; background: url('../img/main_contain07_bg.png') no-repeat center / cover; }
.main .container07 .bgWrap{ position: absolute; clip: rect(0, auto, auto, 0);left:0; top:0; width: 100%; height: 100%;  }
/* .main .container07 .bgWrap .bg{ 
    position: fixed; display: block; bottom: 147px; left: 0; width: 100%; height: 500px; 
    background-size: cover; background-position: center; 
    background-image: url('../img/main_contain07_bg.png'); transform: translateZ(0); 
    
} */
.main .container07 .inner{ position: relative; z-index: 2; transform: translateZ(0); opacity: 0; transform:translateY(40px); transition: transform 1s, opacity 1s; }
.main .container07.on .inner{opacity: 1; transform: translateY(0) translateZ(0);}

.main .container07 .titleWrap{ color: #fff; text-align: center; display: flex; justify-content: center; align-items: center; }
.main .container07 .titleWrap .line{ width: 100%; height: 1px; background-color: #fff;  }
.main .container07 .titleWrap > div{ flex-shrink: 0; margin:0 40px; max-width: 100%; }

.main .container07 .titleWrap .logo{ max-width: 100%; margin-bottom: 30px; }  
.main .container07 .titleWrap .t1{ font-size: 35px; /* text-shadow: 2px 2px 1px #F06E01; */ }
.main .container07 .titleWrap .t1 .en{ font-size: 2em; font-family: "Rozha One", serif; }
.main .container07 .titleWrap .t2{ font-size: 60px; text-shadow: 2px 2px 1px #F06E01; letter-spacing: -0.04em; }
.main .container07 .titleWrap .t3{ font-weight: 600; font-size: 108px; letter-spacing: 0.04em; /* text-shadow: 2px 2px 1px #F06E01;*/ }
.main .container07 .titleWrap .date{ font-size: 40px; letter-spacing: -0.04em; /* text-shadow: 2px 2px 1px #F06E01; */ display: flex; align-items: center; justify-content: center; flex-direction: column; }
.main .container07 .titleWrap .date span::after{ content:''; display: block; width: 100%; height: 4px; background-color: #fff; margin-top: 10px; } 

.main .container07 .linkWrap{ display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; margin-top: 40px; }
.main .container07 .linkWrap > li{ width: calc(100% / 2); padding: 10px; }
.main .container07 .linkWrap > li .item{ background-color: #fff; text-align: center; padding: 20px; border: 20px solid #F06E01;  }
.main .container07 .linkWrap > li:nth-child(2) .item{ border-color: #EB3351; }
.main .container07 .linkWrap > li .item .icon{ display: block; width: 60px; height: 60px; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: contain; }
.main .container07 .linkWrap > li:nth-child(1) .item .icon{ background-image: url('../img/main_container07_icon01.png'); }
.main .container07 .linkWrap > li:nth-child(2) .item .icon{ background-image: url('../img/main_container07_icon02.png'); }
.main .container07 .linkWrap > li .item .title{ font-weight: 600; font-size: 30px; margin-top: 10px; }

@media screen and (max-width: 1250px) {
    .main .container07 .titleWrap > div{ margin: 0 5vw; }
    .main .container07 .titleWrap .logo{ width: 60%; }
    .main .container07 .titleWrap .t1{ font-size: 3vw; }
    .main .container07 .titleWrap .t2{ font-size: 5.1vw; }
    .main .container07 .titleWrap .t3{ font-size: 9.2vw; }
    .main .container07 .titleWrap .date{ font-size: 3.5vw; }

    .main .container07 .linkWrap > li .item .title{ font-size: 20px; }
}
@media screen and (max-width: 650px) {
    .main .container07{ height: auto; }
    .main .container07 .titleWrap .t1{ font-size: 4vw; }
    .main .container07 .titleWrap .t2{ font-size: 6.7vw; }
    .main .container07 .titleWrap .t3{ font-size: 12vw; }
    .main .container07 .titleWrap .date{ font-size: 4.5vw; }
    .main .container07 .linkWrap{ width: calc(100% + 10px); margin-left: -5px; }
    .main .container07 .linkWrap > li { padding: 5px; width: 100%; }
    .main .container07 .linkWrap > li .item .title{ font-size: 16px; }
}

/* main - container08 */
/* .main .container08{ padding: 50px 0; position: relative; background-image: url('../img/main_container08_bg.png'); background-size: cover; background-position: center top; } */
.main .container08{ padding: 50px 0; position: relative; background-color: #F5F6F8;}
.main .container08 .inner{ opacity: 0; transform:translateY(40px); transition: transform 1s, opacity 1s; }
.main .container08.on .inner{ opacity: 1; transform: translateY(0); }
.main .container08 .listContainer{ margin-top: 20px; display: flex; flex-wrap: wrap; width: calc(100 + 20px); margin-left: -10px; }
.main .container08 .listContainer > li{ width: 100%; padding: 10px; }
.main .container08 .listContainer > li.half{ width: calc(100% / 2);  }
.main .container08 .listContainer > li .item{ background:#fff; box-shadow: 4px 8px 14px rgba(0, 0, 0, 0.1); padding: 20px; height: 100%; }
.main .container08 .listContainer .title{ display: flex; align-items: center; position: relative; font-weight: 600; font-size: 24px; margin-bottom: 20px; font-family: 'Wanjunuriche'; }
.main .container08 .listContainer .title::before{ content:''; flex-shrink: 0; display: block; width: 30px; height: 30px; margin-right: 10px; background-image: url('../img/main_container03_titleicon.png'); background-size: contain; background-repeat: no-repeat; background-position: center; }
.main .container08 .listContainer .stepList{ display: flex; flex-wrap: wrap; }
.main .container08 .listContainer .stepList > li { width: calc(100% / 6);  }
.main .container08 .listContainer .stepList > li .circle{ 
    width: 140px; height: 140px; border-radius: 50%; border: 4px solid #F06E01; 
    margin: 0 auto; display: flex; align-items: center; justify-content: center; 
    text-align: center; font-size: 32px; font-weight: 600; position: relative;
}
.main .container08 .listContainer .stepList > li .circle::after{ 
    content:''; position: absolute; width: 55px; height: 4px; 
    background-color: #F06E01; right: -57px; 
}
.main .container08 .listContainer .stepList > li:last-child .circle::after{ display: none; }
.main .container08 .listContainer .stepList > li > p{ text-align: center; font-size: 18px; margin-top: 10px; font-weight: 600; word-break: keep-all; }
.main .container08 .listContainer .dot{ padding-left: 10px; position: relative; line-height: 2em; }
.main .container08 .listContainer .dot::before{ content:'・'; position: absolute; left: 0; top: 0; }
.main .container08 .listContainer .dot span.small{ font-size: 0.9em; }
.main .container08 .listContainer .dot b{ font-weight: 600; }
.main .container08 .listContainer .subList > li + li{ margin-top: 20px; }

@media screen and (max-width: 1250px) {
    .main .container08 .listContainer .title{ font-size: 20px; }

    .main .container08 .listContainer .stepList > li .circle{ width: 11vw; height: 11vw; font-size: 2vw; }
    .main .container08 .listContainer .stepList > li .circle::after{ width: 4.5vw; right: -4.5vw; }
    .main .container08 .listContainer .stepList > li > p{ font-size: 1.5vw; }
}
@media screen and (max-width: 1000px) {
    .main .container08 .listContainer .stepList > li .circle{ width: 13vw; height: 13vw; font-size: 3vw; }
    .main .container08 .listContainer .stepList > li .circle::after{ width: 2.3vw; right: -2.3vw; }

    .main .container08 .listContainer > li.half{ width: 100%; }
}
@media screen and (max-width: 650px) {
    .main .container08 .listContainer .stepList > li .circle::after{ width: 1.6vw; right: -1.6vw; }

    .main .container08 .listContainer .title{ font-size: 18px; }
    .main .container08 .listContainer .dot{ font-size: 14px; }
}
@media screen and (max-width: 500px) {
    .main .container08 .listContainer .stepList > li{ width: calc(100% / 3); padding: 10px; }

    .main .container08 .listContainer .stepList > li .circle{ width: 100%; height: 23vw; font-size: 20px; }
    .main .container08 .listContainer .stepList > li .circle::after{ width: 20px; right: -21px; }
    .main .container08 .listContainer .stepList > li:nth-child(3n) .circle::after{ display: none; }

    .main .container08 .listContainer .stepList > li > p{ font-size: 2.6vw; }    
}

/* main - container09 */
.main .container09{ padding: 50px 0; }
.main .container09 .logoList{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: calc(100% + 20px); margin-left: -10px; margin-top: 20px; }
.main .container09 .logoList > li{ padding: 10px; }
.main .container09 .logoList > li img{ display: block; width: 100%; max-width: 175px; }
.main .container09 .logoList > li:nth-child(2) img{ max-width: 250px; }
.main .container09 .logoList > li:nth-child(6) img{ max-width: 250px; }

@media screen and (max-width: 1250px) {
    .main .container09 .logoList > li{ width: calc(100% / 6); }
    .main .container09 .logoList > li img{ width:auto; margin:0 auto; max-height: 80%; max-width: 100%;}
    .main .container09 .logoList > li:nth-child(2) img{ max-width: 100%; }
    .main .container09 .logoList > li:nth-child(6) img{ max-width: 100%; }
}
@media screen and (max-width: 800px) {
    .main .container09 .logoList > li{ width: calc(100% / 4); }
}
@media screen and (max-width: 850px) {
    .main .container09 .logoList > li{ width: calc(100% / 3.2); }
}

/* privacy_popup */
.privacy_popup{ 
    position:fixed; opacity:0; visibility: hidden;
    top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); 
    display:flex; align-items: center; justify-content: center; padding:10px; 
    transition:opacity 0.5s, visibility 0.5s;
    z-index: 999999;
}
.privacy_popup.on{ opacity:1; visibility: visible; }
.privacy_popup .popup_contain{ max-width: 500px; width:100%; }
.privacy_popup .button_contain{ display:flex; justify-content: flex-end; margin-bottom:5px; }
.privacy_popup .button_contain .button{ width:30px; height:30px; cursor: pointer; }
.privacy_popup .button_contain .button span{ display:block; height:2px; background-color:#fff; margin-bottom:5px;  }
.privacy_popup .button_contain .button span:nth-child(1){ transform: rotate(-45deg) translateY(12px) translateX(-10px); }
.privacy_popup .button_contain .button span:nth-child(2){ transform: rotate(45deg) translateY(6px) translateX(8px); }
.privacy_popup .content_contain{ background-color:#fff; padding:20px 10px; overflow-y: scroll; height:70vh; } 
.privacy_popup .content_contain .title{ text-align: center; font-size: 24px; font-weight: 600; }
.privacy_popup .content_contain .content{ margin-top:10px; }

.privacy_popup .content_contain .content b{ font-weight: 600; }

@media screen and (max-width: 650px) { 
    .privacy_popup .content_contain .title{ font-size:20px; }
    .privacy_popup .content_contain .content{ font-size:14px; }
}

/* sub common - sub Banner */
.sub .sub_banner{ padding: 80px 0 50px 0; background-image: url('../img/sub01_banner.png'); background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff;  }
.sub .sub_banner .titleWrap{ 
    display: flex; justify-content: center; font-size: 34px; font-weight: 600; 
    animation: sub_banner_title ease-in-out 0.5s;
}
.sub .sub_banner .titleWrap::before{ content:''; display: inline-block; width: 15px; background-image: url('../img/main_container6_left.png'); background-repeat: no-repeat; background-size: contain; background-position: left top; margin-right: 10px;  }
.sub .sub_banner .titleWrap::after{ content:''; display: inline-block; width: 15px; background-image: url('../img/main_container6_right.png'); background-repeat: no-repeat; background-size: contain; background-position: right bottom; margin-left: 10px; }

.sub .sub_banner .subList{ display: flex; justify-content: center; margin-top: 40px; }
.sub .sub_banner .subList > li { padding: 10px; }
.sub .sub_banner .subList > li > a{ 
    padding: 10px 20px; border: 1px solid #fff; 
    transition: background 0.5s, color 0.5s; text-align: center;
    height: 100%; display: flex; align-items: center; justify-content: center;
 }
.sub .sub_banner .subList > li > a:hover{ background-color: #fff; color: #F06E01; }

@media screen and (max-width: 1250px) { 
    .sub .sub_banner .titleWrap{ font-size: 30px; }
}
@media screen and (max-width: 650px) { 
    .sub .sub_banner .titleWrap{ font-size: 25px; }
    .sub .sub_banner .subList{ font-size: 14px; }
}

/* sub commo - title */
.sub .contain_title{ font-weight: 600; border-bottom: 1px solid #E5E5E5; padding-bottom: 10px; font-size: 24px; }

@media screen and (max-width: 650px) { 
    .sub .contain_title{ font-size: 20px; }
}

/* sub common - list view write*/
.sub .list_container{ font-family: 'Noto Sans KR', sans-serif; }
.sub .view_container{ font-family: 'Noto Sans KR', sans-serif;  }
.sub .write_container{ font-family: 'Noto Sans KR', sans-serif;  }
.sub .qnaListContainer{ font-family: 'Noto Sans KR', sans-serif;  }

/* sub01 */
.sub .container01{ padding: 100px 0;  }

@media screen and (max-width: 650px) { 
    .sub01 .container01{ padding: 50px 0;}
    .sub02 .container01{ padding: 50px 0; }
}
/* sub01_1 */



/*--------------- basic list ------------*/
.basic_list .basic_list_table{border-collapse: collapse; table-layout: fixed; width:100%;  }

.basic_list .basic_list_table tr .list_number{text-align: center; width:10%; }
.basic_list .basic_list_table tr .list_title{width:100%; }
.basic_list .basic_list_table tr .list_title a{display:flex; justify-content: center; color: rgb(66, 69, 208);}
.basic_list .basic_list_table tr .list_writer{text-align: center; width:10%; white-space:nowrap; }
.basic_list .basic_list_table tr .list_hit{text-align: center; width:10%; }
.basic_list .basic_list_table tr .list_date{text-align: center; width:10%;}

.basic_list .basic_list_table tr .list_title a .titleBox{display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  vertical-align: middle; }
.basic_list .basic_list_table tr .list_title .reple_box{background:#666; color:#fff; display:inline-block; padding:0px 6px; font-size:12px; border-radius:4px;  }
.basic_list .basic_list_table tr .list_title a .iconWrap{  width:40px; flex-shrink: 0;}
.basic_list .basic_list_table tr .list_title a .iconWrap2{ width:110px; flex-shrink: 0; padding-left:5px;}

.basic_list .basic_list_table tr input[type=checkbox]{margin-right:5px; }
.basic_list .basic_list_table tr th{padding:16px 5px; }
.basic_list .basic_list_table tr td{padding:16px 5px; border-top:1px solid #e6e6e6; }
.basic_list .basic_list_table tr td.list_number.on{color:#F06E01; font-size:14px;  }
.basic_list .basic_list_table tr:last-child td{ border-bottom:1px solid #e6e6e6; }


@media screen and (max-width: 1250px) { 
    .basic_list .basic_list_table tr .list_hit{display:none; }
    .basic_list .basic_list_table tr .list_writer{display:none; }
    .basic_list .basic_list_table tr .list_title a .iconWrap2{display:none; }
} 
@media screen and (max-width: 650px) {
    .basic_list .table_th{ display:none; }
    .basic_list .basic_list_table tr .list_date{display:none; }

    .basic_list .basic_list_table tr td.list_number.on{ font-size:12px; }
} 
/*
@media screen and (max-width: 500px) {
    .basic_list .basic_list_table tr .list_date{display:none; }
    .basic_list .basic_list_table tr .list_number{width:20%; }
    .basic_list .basic_list_table tr .list_title{width:80%; }

}
*/
/*---------------- basic list end ---------------*/

/*-------------- search-box --------------*/
.search-box{ padding:20px 0; max-width:400px; } 
.search-box .serach-form{ display:flex; font-size: 14px; }
.search-box .serach-form select{ display:block; width:30%; padding:7px 10px; border: 1px solid #E6E6E6; border-radius:4px; }
.search-box .serach-form .search-ipt-box{ width:70%; position:relative; padding-left:5px;  }
.search-box .serach-form .search-ipt-box .search-ipt{ display:block; width:100%; padding:7px 30px 7px 10px; border: 1px solid #E6E6E6; border-radius:4px; }
.search-box .serach-form .search-ipt-box .search-btn{ position:absolute; top:0; right:2px; height:100%; background:none; border: none; display:flex; align-items: center; justify-content: center; padding:0 5px; }

@media screen and (max-width: 700px) {
    .search-box{ width:100%; max-width: 100%; padding:20px 10px; }
    .search-box .serach-form select{ width: 110px; }
    .search-box .serach-form .search-ipt-box{ width: calc( 100% - 110px ) ; }
}
/*-------------- search-box end-----------*/ 

/*-------------- view page -------------*/
.view_page{margin-top:50px; }
.view_page .titleBox li{ display:flex; border-bottom:1px solid #dfdfdf; }
.view_page .titleBox:first-child li:first-child{border-top:1px solid #dfdfdf; }
.view_page .titleBox .label{background:#f7f7f7; display:block; padding:16px 10px; width:120px; font-size:14px; display:flex; align-items: center;  }
.view_page .titleBox .label_content{padding:16px 10px; font-size:14px; width:calc(100% - 120px); display:flex; align-items: center;}

.view_page .full_title .label_content{display:block; width:calc(100% - 120px);  }
.view_page .three_title{display:flex; flex-wrap: wrap;}
.view_page .half_title{display:flex; flex-wrap: wrap;}
.view_page .half_title li{width:calc(100% / 2); }
.view_page .three_title li{width:calc(100% / 3); }

.view_page .share_title{display:flex; border-bottom:1px solid #dfdfdf; }
.view_page .share_title .adminBox{ padding:10px 0; }
.view_page .share_title>li:first-child{width:50%; display:flex; align-items: center;  }
.view_page .share_title>li:last-child{ width:50%; display:flex; justify-content: flex-end;}
.view_page .share_title .share_label{background:#F2F2F2; padding:5px; color:#4d4d4d; border-radius:4px; font-size:12px; margin-right:5px;   }
.view_page .share_title .share_label > img{margin-right:5px; }
.view_page .share_title .share_icon{margin-right:5px; }

.view_page .view_content{ padding:20px 0; color:#333; }
.view_page .view_content img{max-width:100%; margin-bottom:10px; display:block;  }

.view_page .add_box{margin-top:20px; }
.view_page .add_box a.add_item{
    display:block; border:1px solid #e6e6e6; padding:19px 20px 19px 60px; border-radius:8px; 
    background-repeat: no-repeat; background-position: left 20px center; 
}
.view_page .add_box a.add_item + a.add_item{margin-top:10px; }
.view_page .add_box a.add_item span{display:block; }
.view_page .add_box a.add_item span.add_title{font-size:15px; }
.view_page .add_box a.add_item span.add_content{font-size:13px; color:#999999; }
.view_page .add_box a.file{background-image: url('../img/board_img/file_icon.png');}
.view_page .add_box a.link{background-image: url('../img/board_img/link_icon.png');}

.view_page .p_n_box{margin-top:20px; }
.view_page .p_n_box .p_n_item {border-top:1px solid #dfdfdf; display:flex;  }
.view_page .p_n_box .p_n_item:last-child{border-bottom:1px solid #dfdfdf; }
.view_page .p_n_box .p_n_item span.label{
    display:block; width:120px; padding:13px 10px 13px 50px; background:#F7F7F7; font-size:14px; 
    background-repeat: no-repeat; background-position: left 20px center;
}
.view_page .p_n_box .p_n_item.prev_box span.label{background-image: url('../img/board_img/prev_icon.png');}
.view_page .p_n_box .p_n_item.next_box span.label{background-image: url('../img/board_img/next_icon.png');}
.view_page .p_n_box .p_n_item span.p_n_title{
    display:block; padding:13px 20px; font-size:14px; width:calc(100% - 120px); overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap;  
} 
.view_page .go_list_box{margin-top:40px; display:flex; align-items: center; justify-content: center; }
.view_page .go_list_box .go_list_btn{
    padding:19px 0px; text-align: center; background:#40647D; width:240px; 
    border-radius: 60px; color:#fff; font-size:16px; font-family: 'GmarketSans'; 
}


.view_page .comment_page{ margin-top:40px; }
.view_page .comment_page .comment_title_box{ padding:21px 0; border-bottom:1px solid #e6e6e6; cursor: pointer; display:flex; justify-content: space-between;}
.view_page .comment_page h1.title{ font-weight: 400;  }
.view_page .comment_page h1.title span.blue{ color:#425999; }
.view_page .comment_page .comment_title_box .arrow_box{ display:flex; align-items: center;  }
.view_page .comment_page .comment_title_box .arrow_box .arrow_icon{ 
    display:block; width:15px; height:15px; margin-left:10px; 
    background-image:url('../img/board_img/comment_arrow.png'); background-repeat: no-repeat; background-position: center;
}
.view_page .comment_page .comment_list .comment_item .comment_title{padding:15px 10px; background:#F7F7F7; display:flex; justify-content: space-between; position:relative;  }
.view_page .comment_page .comment_list .comment_item .comment_title .nick_name{font-size:15px; }
.view_page .comment_page .comment_list .comment_item .comment_title .date{font-size:13px; margin-left:10px; color:#999;  }

.view_page .comment_page .comment_list .comment_item .comment_title .menu_box{ 
    width:10px; height:30px; margin-right:10px; cursor: pointer; background-image: url('../img/board_img/comment_menu.png'); 
    background-repeat: no-repeat; background-position: center; background-size:cover; 
}

.view_page .comment_page .comment_list .comment_item .comment_title .comment_menu{ position:absolute; right:10px; top:40px; display:none;  }
.view_page .comment_page .comment_list .comment_item .comment_title .comment_menu.on{display:block; }
.view_page .comment_page .comment_list .comment_item .comment_title .comment_menu a{
    display:block; background:#fff; padding:12px 21px;  
    box-shadow: 0px 16px 20px rgba(0, 0, 0, 0.05); border:1px solid #e6e6e6; color:#666; 
    font-size:14px; 
}
.view_page .comment_page .comment_list .comment_item .comment_title .comment_menu::before{
    content: ""; position: absolute; top: -8px;
    right: 15px; width: 0; height: 0; border-style: solid;
    border-width: 0 6px 8px 6px; border-color: transparent transparent #e6e6e6 transparent;
}
.view_page .comment_page .comment_list .comment_item .comment_title .comment_menu::after{
    content: ""; position: absolute; top: -6px;
    right: 15px; width: 0; height: 0;
    border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #fff transparent;
}
.view_page .comment_page .comment_list .comment_item .comment_title .comment_menu a:last-child{ border-top:none; }
.view_page .comment_page .comment_list .comment_item .comment_content{padding:20px 15px; font-size:15px; }
.view_page .comment_page .comment_list .comment_item .comment_content .screet_box{text-decoration: underline; color:#EB5757; }
.view_page .comment_page .comment_list .comment_item.reply .comment_title{ padding-left:50px; background-image: url('../img/board_img/comment_reple_icon.png'); background-repeat: no-repeat; background-position: left 20px center; ;}
.view_page .comment_page .comment_list .comment_item.reply .comment_title .left_box{display:flex; align-items: center;}
.view_page .comment_page .comment_list .comment_item.reply .comment_content{padding-left:50px;  }

.view_page .comment_page .comment_write_page{ margin:20px 0; }
.view_page .comment_page .comment_write_page textarea{width:100%; height:200px; border-radius:4px; border:1px solid #e6e6e6; padding:12px 16px; font-size:14px; margin-bottom:10px; }
.view_page .comment_page .comment_write_page .humman_box input{border:1px solid #e6e6e6; padding:8px 10px; border-radius:4px; font-size:14px; margin-bottom:10px; }
.view_page .comment_page .comment_write_page .humman_box input:first-child{margin-right:10px; }
.view_page .comment_page .comment_write_page .scecret_label{font-size:14px; }
.view_page .comment_page .comment_write_page .buttonWrap{ margin-top:10px; display:flex; justify-content: space-between; }
.view_page .comment_page .comment_write_page .buttonWrap .ok_btn{
    padding:16px 24px; background:#F06E01; color:#fff; border:none; 
    font-size:14px; border-radius:4px; font-size: 14px; 
}

.view_page .comment_page .comment_content_box{display:none; }
.view_page .comment_page.on .comment_content_box{display:block; }
.view_page .comment_page.on .comment_title_box .arrow_box .arrow_icon{transform: rotate( 180deg );}

@media screen and (max-width: 1250px) { 
    .view_page .three_title{display:block; }
    .view_page .three_title li{width:100%; }
} 

@media screen and (max-width: 700px) {
    .view_page .titleBox .label{width:60px; font-size:12px; }
    .view_page .titleBox .label_content{ width: calc(100% - 60px); font-size:12px; }
    .view_page .share_title{flex-wrap: wrap;}
    .view_page .share_title>li:first-child{width:100%; border-bottom: none; /*공유 있을때 border-bottom: 1px solid #e6e6e6;*/ }
    .view_page .share_title>li:last-child{width:100%; }
    .view_page .p_n_box .p_n_item span.label{width:100px; }
    .view_page .p_n_box .p_n_item span.p_n_title{width:calc(100% - 100px); }
    .view_page .share_title .share_label{padding:16px 10px; width:60px; font-size:14px; color:#333;  }
    .view_page .share_title .share_label img{display:none; }

    .view_page .go_list_box .go_list_btn{padding:10px 0; width:200px; }

    .view_page .comment_page .comment_list .comment_item .comment_title{ padding:10px; }
    .view_page .comment_page .comment_list .comment_item .comment_title .nick_name{font-size:12px; }
    .view_page .comment_page .comment_list .comment_item .comment_title .comment_menu a{font-size:12px;}
    .view_page .comment_page .comment_list .comment_item .comment_content{ font-size:12px; }
    .view_page .comment_page .comment_list .comment_item.reply .comment_content{ padding-left:40px; }

    .view_page .comment_page .comment_write_page textarea{ font-size:12px; }
    .view_page .comment_page .comment_write_page .humman_box input{ font-size:12px; }
    .view_page .comment_page .comment_write_page .scecret_label{ font-size:12px; }
    .view_page .comment_page .comment_write_page .buttonWrap .ok_btn{font-size:12px; padding:10px 20px;}

    .view_page .go_list_box .go_list_btn{ font-size:14px; }

    .view_page .p_n_box .p_n_item span.label{font-size:12px; }
    .view_page .add_box a.add_item span.add_title{font-size:12px; }
} 
/*-------------- view page end-------------*/

/* sub qnaList */
.sub .qnaListContainer{ margin-top: 20px; }
.sub .qnaListContainer .qnaList > li { border-bottom: 1px solid #E5E5E5; }
.sub .qnaListContainer .qnaList > li:first-child{ border-top: 1px solid #E5E5E5; }
.sub .qnaListContainer .qnaList > li > div{ display: flex; padding: 20px; }
.sub .qnaListContainer .qnaList > li > div .option{ font-family: 'Pretendard'; font-size: 40px; margin-right: 40px; flex-shrink: 0; }
.sub .qnaListContainer .qnaList > li > div.question{ cursor: pointer; }
.sub .qnaListContainer .qnaList > li > div.answer{ 
    border-top: 1px solid #E5E5E5; background-color: #F5F5F5; color: #7F7F7F; 
    display: none;
}
.sub .qnaListContainer .qnaList > li > div.answer .answerContainer{ display: flex; }
.sub .qnaListContainer .qnaList > li > div.answer .option{ color: #A6202B; }
.sub .qnaListContainer .qnaList > li > div.answer .content{ width: 100%; font-size: 14px; }

.sub .qnaListContainer .qnaList > li > div .title{ width: 100%; display: flex; align-items:center;  }

.sub .qnaListContainer .qnaList > li > div .arrow{ flex-shrink: 0; width: 20px; margin-left: 20px; margin-top: 10px; }
.sub .qnaListContainer .qnaList > li > div .arrow img{ max-width: 100%; transition: transform 0.5s; }

.sub .qnaListContainer .qnaList > li.on > div .arrow img{ transform: rotate(180deg); }

@media screen and (max-width: 1250px) { 
    .sub .qnaListContainer .qnaList > li > div .option{ font-size: 30px; margin-right: 20px; }
    .sub .qnaListContainer .qnaList > li > div .arrow{ width: 15px; }
}
@media screen and (max-width: 650px) { 
    .sub .qnaListContainer .qnaList > li > div{ padding: 20px 10px; }
    .sub .qnaListContainer .qnaList > li > div .title{ font-size: 14px; }
    .sub .qnaListContainer .qnaList > li > div .option{ font-size: 25px; margin-right: 10px; }
    .sub .qnaListContainer .qnaList > li > div .arrow{ width: 15px; margin-left: 10px; }
}

/*---------------- write ---------------*/
.write_page .title_box{display:flex; }
.write_page .title_box li{display:flex; border-bottom:1px solid #e5e5e5;  }
.write_page .title_box li:first-child{border-top:1px solid #e5e5e5; }
.write_page .title_box li .label_content input[type=text]{padding:12px; font-size:14px; border: 1px solid #E6E6E6; border-radius: 4px; width:100%;  }
.write_page .title_box li .label_content input[type=password]{padding:12px; font-size:14px; border: 1px solid #E6E6E6; border-radius: 4px; width:100%;  }
.write_page .title_box li .label_content input[type=email]{padding:12px; font-size:14px; border: 1px solid #E6E6E6; border-radius: 4px; width:100%;  }

.write_page .title_box .label{width:120px; background:#F7F7F7; padding:20px 16px; font-size:14px; display:flex; align-items: center; }
.write_page .title_box .label b{ color: #EB5757; margin-left: 2px; }
.write_page .title_box .label_content{padding:8px 16px;}
.write_page .title_box.full_box li{width:100%; }
.write_page .title_box.full_box li .label_content{width:calc(100% - 120px); font-size:14px; display:flex; align-items: center;  }
.write_page .title_box.half_box li{width:50%; }
.write_page .title_box.half_box li .label_content{width:calc(100% - 120px); font-size:14px;  }
.write_page .title_box li .label_content select{ padding:12px; width:100%; max-width:300px; border: 1px solid #E6E6E6; border-radius: 4px;}
.write_page .title_box li .label_content label{ margin-right:5px; }
.write_page .title_box li .label_content label input[type=checkbox]{ margin-right:2px; }

.write_page .dhtml_box { margin-top:40px; }
.write_page .dhtml_box .sub_title{display:block; font-size:14px; margin-top:10px;  }
.write_page .dhtml_box textarea{ width:100%; border-radius: 4px; height:130px; border: 1px solid #E6E6E6; padding:15px 10px; font-size:14px; margin-top:5px;  }

.write_page .add_form{ margin-top:20px; }
.write_page .add_form .add_box input{background-repeat: no-repeat; background-position: left 20px center; }
.write_page .add_form .add_box input[type="text"]{ border:1px solid #e6e6e6; margin-bottom:10px; padding:20px 20px 20px 56px; width:100%; border-radius:8px; background-image: url('../img/board_img/write_link_icon.png');  }
.write_page .add_form .add_box input[type="file"]{ border:1px solid #e6e6e6; margin-bottom:10px; padding:20px 20px 20px 56px; width:100%; border-radius:8px; background-image: url('../img/board_img/write_file_icon.png');  }
.write_page .add_form .file_del_box{display:flex; justify-content: flex-end; margin-bottom:5px; font-size:14px;  } 
.write_page .add_form .file_del_box label{color:#999;} 
.write_page .add_form .file_del_box input[type=checkbox]{margin-right:3px; }

.write_page .write_btn_box{display:flex; justify-content: flex-end; margin-top:20px; }
.write_page .write_btn_box .cancelBtn{
    display:block; padding:12px 20px; border: 1px solid #CCCCCC; 
    border-radius: 4px; margin-right:10px; font-size: 14px;
}
.write_page .write_btn_box .submitBtn{
    padding:12px 20px; border-radius:4px; border:none; 
    background: #F06E01 ; color:#fff; font-size: 14px;
}

@media screen and (max-width: 1250px) { 
    .write_page .title_box{flex-wrap: wrap;}
    .write_page .title_box.half_box li{width:100%; }
} 

@media screen and (max-width: 700px) {
    .write_page .title_box .label{ width:100px; font-size:12px; }
    .write_page .title_box li .label_content select{ font-size:12px;}
    .write_page .title_box li .label_content label{ font-size:12px; }
    .write_page .title_box li .label_content input[type=text]{ font-size:12px; }
    .write_page .title_box li .label_content input[type=password]{ font-size:12px; }
    .write_page .title_box li .label_content input[type=email]{ font-size:12px; }
    .write_page .add_form .file_del_box label{ font-size:12px; }

    .write_page .title_box.half_box li .label_content{width:calc(100% - 100px); }
    .write_page .title_box.full_box li .label_content{ width:calc(100% - 100px) }

    .write_page .add_form .add_box input[type="text"]{ font-size: 14px; }
    .write_page .add_form .add_box input[type="file"]{ font-size: 14px; }

    .write_page .write_btn_box{ font-size: 14px; }
} 

/*------------------ write end ------------------*/

/* sub01 , sub01_3 */
.sub01_3 .container01 .inner{ max-width: 780px;  }
.sub01_3 .container01 .titleWrap{ display: flex; justify-content: center; margin-bottom: 20px; }
.sub01_3 .container01 .titleWrap .title{ font-size: 34px; font-weight: 600; }
.sub01_3 .container01 .titleWrap::before{ content:''; display: inline-block; width: 20px; margin-right: 10px; background-image: url('../img/main_title_left.png'); background-repeat: no-repeat; background-size: contain; background-position: left top; }
.sub01_3 .container01 .titleWrap::after{ content:''; display: inline-block; width: 20px; margin-left: 10px; background-image: url('../img/main_title_right.png'); background-repeat: no-repeat; background-size: contain; background-position: right bottom; }

.sub01_3 .container01 .writeContainer{ 
    font-family: 'Noto Sans KR', sans-serif; margin: 10px 0; 
    display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px;
}
.sub01_3 .container01 .writeContainer > li{ width: 100%; padding: 10px; }
.sub01_3 .container01 .writeContainer > li.half{ width: calc(100% / 2); }

.sub01_3 .container01 .writeContainer > li .la_title{ display:block; margin-bottom: 10px;  }
.sub01_3 .container01 .writeContainer > li .la_title b{ color: #EB5757; margin-left: 2px; }
.sub01_3 .container01 .writeContainer > li .ipt{ width: 100%; padding: 10px; border: 1px solid #ECECEC; border-radius: 0; }
.sub01_3 .container01 .writeContainer > li select{ width: 100%; padding: 10px; border: 1px solid #ECECEC; border-radius: 0; }

.sub01_3 .container01 .writeContainer > li textarea{ border: 1px solid #ECECEC; width: 100%; padding: 10px; resize: none; height: 200px; }

.sub01_3 .checkWrap input[type="checkbox"]{ display: none; }
.sub01_3 .checkWrap input[type="checkbox"] + label{ display: flex; align-items: center; }
.sub01_3 .checkWrap input[type="checkbox"] + label::before{ content:''; width: 20px; height: 20px; border: 1px solid #dfdfdf; margin-right: 5px; flex-shrink: 0; }
.sub01_3 .checkWrap input[type="checkbox"]:checked + label::before{ background-color: #F06E01; background-image: url('../img/check_icon.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; }



.sub01_3 .container01 .btnWrap{ 
    display: flex; width: calc(100% + 20px); font-family: 'Noto Sans KR', sans-serif; 
    margin: 0 auto;  margin-left: -10px; margin-top: 20px;
}
.sub01_3 .container01 .btnWrap > li{ padding: 10px; width: calc(100% / 2); }
.sub01_3 .container01 .btnWrap > li .cancelBtn{ display: block; padding: 15px; text-align: center; height: 100%; color: #F06E01; display: flex; align-items: center; justify-content: center; border: 2px solid #F06E01; border-radius: 4px; }
.sub01_3 .container01 .btnWrap > li .submitBtn{ background-color: #F06E01; color: #fff; height: 100%; padding: 15px; display: flex; align-items: center; justify-content: center; border-radius: 4px; text-align: center; display: block; border: none; width: 100%; }

@media screen and (max-width: 1250px) { 
    .sub01_3 .container01 .writeContainer > li.half{ width: 100%; }
}
@media screen and (max-width: 650px) { 
    .sub01_3 .container01 .titleWrap .title{ font-size: 24px; }
    .sub01_3 .container01 .writeContainer{ font-size: 14px; }
    .sub01_3 .container01 .btnWrap{ font-size: 14px; width: calc(100% + 10px); margin-left: -5px; }
    .sub01_3 .container01 .btnWrap > li{ padding: 5px; }

    .sub01_3 .checkWrap { font-size: 14px; }
}

/* sub02 */
.sub.sub02 .sub_banner{ background-image: url('../img/sub02_banner.png'); }
.sub02_1 .infoContainer{ font-family: 'Noto Sans KR', sans-serif;  }
.sub02_1 .infoContainer .infoBox{ padding:20px; margin: 20px 0 5px 0; border: 1px solid #dfdfdf; height: 420px; overflow-y: scroll; }

.sub02_1 .infoContainer .checkboxWrap input[type=checkbox]{ display: none; }
.sub02_1 .infoContainer .checkboxWrap input[type=checkbox] + label{ position: relative; font-size: 14px; color: #7F7F7F; padding-left: 26px; display: flex; align-items: center; }
.sub02_1 .infoContainer .checkboxWrap input[type=checkbox] + label::before{ content:''; position: absolute; left: 0; display: block; width: 20px; height: 20px; border: 1px solid #dfdfdf;   }
.sub02_1 .infoContainer .checkboxWrap input[type=checkbox]:checked + label::before{ background-color: #F06E01; background-image: url('../img/check_icon.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; }

.sub02 .btnWrap{ margin-top: 20px; display: flex; justify-content: center; }
.sub02 .btnWrap .btnList{ display: flex; width: calc(100% + 10px); margin-left: -5px; max-width: 400px; }
.sub02 .btnWrap .btnList > li{ padding: 5px; width: 50%; }
.sub02 .btnWrap .btnList > li:nth-child(1){ width: 40%; }
.sub02 .btnWrap .btnList > li:nth-child(2){ width: 60%; }
.sub02 .btnWrap .btnList > li .whiteBtn{ display: block; padding: 15px; background-color: #fff; text-align: center; color: #F06E01; border: 2px solid #F06E01; border-radius: 4px; width: 100%; height: 100%; }
.sub02 .btnWrap .btnList > li .orangeBtn{ display: block; padding: 15px; background-color: #F06E01; text-align: center; color: #fff; border-radius: 4px; width: 100%; border:none; height: 100%; }
@media screen and (max-width: 650px) { 
    .sub02_1 .infoContainer .infoBox{ font-size: 14px; }
    .sub02 .btnWrap .btnList > li .orangeBtn{ font-size: 14px; }
}

/* application */
.sub02.application .container01 .inner{ max-width: 780px; }
.sub02 .container01 .titleWrap{ display: flex; justify-content: center; margin-bottom: 20px; }
.sub02 .container01 .titleWrap .title{ font-size: 34px; font-weight: 600; }
.sub02 .container01 .titleWrap::before{ content:''; display: inline-block; width: 20px; margin-right: 10px; background-image: url('../img/main_title_left.png'); background-repeat: no-repeat; background-size: contain; background-position: left top; }
.sub02 .container01 .titleWrap::after{ content:''; display: inline-block; width: 20px; margin-left: 10px; background-image: url('../img/main_title_right.png'); background-repeat: no-repeat; background-size: contain; background-position: right bottom; }

.sub02 .container01 .writeContainer{ 
    font-family: 'Noto Sans KR', sans-serif; margin: 10px 0; 
    display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px;
}
.sub02 .container01 .writeContainer > li{ width: 100%; padding: 10px; }
.sub02 .container01 .writeContainer > li.half{ width: calc(100% / 2); }

.sub02 .container01 .writeContainer > li .la_title{ display:block; margin-bottom: 10px;  }
.sub02 .container01 .writeContainer > li .la_title b{ color: #EB5757; margin-left: 2px; }
.sub02 .container01 .writeContainer > li .ipt{ width: 100%; padding: 10px; border: 1px solid #ECECEC; border-radius: 0; }
.sub02 .container01 .writeContainer > li select{ width: 100%; padding: 10px; border: 1px solid #ECECEC; border-radius: 0; }
.sub02 .container01 .writeContainer > li p.help{ color: #F06E01; font-size: 0.85em; }

.sub02 .container01 .writeContainer > li textarea{ border: 1px solid #ECECEC; width: 100%; padding: 10px; resize: none; height: 200px; }
.sub02 .container01 .writeContainer > li .address{ display: flex; }
.sub02 .container01 .writeContainer > li .address > button{ background-color: #7F7F7F; color: #fff; border: none; padding: 10px 20px; font-size: 14px; flex-shrink: 0; margin-left: 10px; }

.sub02 .container01 .fileWrap{ margin: 20px 0 40px 0; }
.sub02 .container01 .fileWrap .la_title{ font-size: 18px; margin-bottom: 10px; }

.sub02 .container01 .fileWrap .downloadLink{ display: inline-block; background-color: #F06E01; color: #fff; padding: 10px 15px; margin-bottom: 5px; border-radius: 5px;  }
.sub02 .container01 .fileWrap .help{ color: #7f7f7f; margin-top: 5px; }

.sub02 .container01 .fileWrap input[type="file"]{ padding: 15px 15px 15px 55px; border: 1px solid #dfdfdf; width: 100%; background-image: url('../img/board_img/write_file_icon.png'); background-repeat: no-repeat; background-size: 20px; background-position: left 20px center; border-radius: 8px; }

.sub02 .container01 .contain_title + .checkboxWrap{ margin-top: 20px; }
.sub02 .container01 .contain_title + .checkboxWrap input[type=checkbox]:checked + label:before{ background-color: #7F7F7F; }

.sub02 .container01 .writeContainer + .contain_title{ margin-top: 20px; }

.sub02 .container01 .priceBox{ margin: 10px 0; display: flex; justify-content: space-between; padding: 20px; color: #7F7F7F; background-color: rgba(56, 70, 177, 0.1); }
.sub02 .container01 .priceBox .price{ color: #222; }

.sub02 .container01 .priceCheckBox{ display: flex; flex-wrap: wrap; }
.sub02 .container01 .priceCheckBox > li{ width: calc(100% /2); }
.sub02 .container01 .priceCheckBox > li > label{ display:flex; align-items: center; padding: 20px; border: 1px solid #E5E5E5; border-left: none; cursor: pointer; }
.sub02 .container01 .priceCheckBox > li > input[type=radio]{ display: none; }
.sub02 .container01 .priceCheckBox > li > input[type=radio]:checked + label{ border: 1px solid #F06E01; }
.sub02 .container01 .priceCheckBox > li:first-child > label{ border-left: 1px solid #E5E5E5;  }
.sub02 .container01 .priceCheckBox > li > label .icon{ flex-shrink: 0; margin-right: 10px; display: block; width: 50px; height: 35px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub02 .container01 .priceCheckBox > li:nth-child(1) > label .icon{ background-image: url('../img/price_icon01.png'); }
.sub02 .container01 .priceCheckBox > li:nth-child(2) > label .icon{ background-image: url('../img/price_icon02.png'); }

.sub02.application .container01 .btnWrap{ margin-top: 40px; }

@media screen and (max-width: 1250px) { 
    .sub02 .container01 .titleWrap .title{ font-size: 30px; }
}

@media screen and (max-width: 650px) { 
    .sub02 .container01 .titleWrap .title{ font-size: 25px; }
    .sub02 .container01 .fileWrap .la_title{ font-size: 16px; }

    .sub02 .container01 .fileWrap .downloadLink{ font-size: 14px; }
    .sub02 .container01 .fileWrap .help{ font-size: 14px; }

    .sub02 .container01 .writeContainer{ font-size: 14px; }
    .sub02 .container01 .writeContainer > li.half{ width: 100%; }

    .sub02 .container01 .fileWrap input[type="file"]{ font-size: 14px; }

    .sub02 .container01 .priceBox{ font-size: 14px; }
    
    .sub02 .container01 .priceCheckBox{ font-size: 14px; }
    .sub02 .container01 .priceCheckBox > li{ width: 100%;  }
    .sub02 .container01 .priceCheckBox > li > label{ border-left: 1px solid #E5E5E5; border-top: none; }
    .sub02 .container01 .priceCheckBox > li:nth-child(1) > label{ border-top: 1px solid #E5E5E5; }
}

/* sub02 , sub02_2 */
.sub02_2 .container01 .inner{ max-width: 780px; }
.sub02_2 .container01 .notice{ color: #F06E01; font-family: 'Noto Sans KR', sans-serif; font-size: 14px; }
.sub02_2 .container01 .searchBtn{ margin-top: 30px; display: flex; justify-content: center;  }
.sub02_2 .container01 .searchBtn .submitBtn{ color: #fff; background-color: #F06E01; border: none; padding: 15px; text-align: center; width: 100%; max-width: 500px; border-radius: 4px; }

.sub02_2 .completeBox{ font-family: 'Noto Sans KR', sans-serif; border: 1px solid #dfdfdf; margin-top: 20px; border-radius: 10px; padding: 20px; line-height: 1.5em; }
.sub02_2 .completeBox.center{ text-align: center; }

.sub02_2 .completeBox span{ color: #7f7f7f; }
.sub02_2 .completeBox #wr_10{ color: #F06E01; }


@media screen and (max-width: 650px) { 
    .sub02_2 .container01 .notice{ font-size: 13px; line-height: 1.5em; }
    .sub02_2 .container01 .searchBtn .submitBtn{ font-size: 14px; }

    .sub02_2 .completeBox{ font-size: 14px; border-radius: 5px; }
}

/* floating menu */
.floating_menu{ position: fixed; z-index: 999; bottom: 40px; right: 40px; padding: 10px; }
.floating_menu > li + li{ margin-top: 10px; }
.floating_menu > li img{ width: 70px; }
@media screen and (max-width: 1250px) { 
  .floating_menu{ right: 0; }
}
@media screen and (max-width: 650px) { 
    .floating_menu > li img{ width: 10vw; }
}
@media screen and (max-width: 500px) { 
    .floating_menu > li img{ width: 12vw; }
}



/* aplli complete */
.complete_sec .titleWrap{ display: flex; justify-content: center; font-weight: 600; font-size: 28px; }
.complete_sec .titleWrap::before{ 
    content: ''; display: inline-block;
    width: 20px; margin-right: 5px;
    background-image: url('../img/main_title_left.png'); background-size: contain;
    background-repeat: no-repeat; background-position: left top; 
}
.complete_sec .titleWrap::after{ 
    content: ''; display: inline-block;
    width: 20px; margin-left: 5px;
    background-image: url('../img/main_title_right_orange.png'); background-size: contain;
    background-repeat: no-repeat; background-position: right bottom; 
}

.complete_sec .completeContainer{ 
    display: block; margin: 0 auto; margin-top: 40px; background-color: #fff; 
    padding: 70px 20px; max-width: 700px;
    box-shadow: 8px 10px 30px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

.complete_sec .completeContainer .icon{ display: block; margin: 0 auto; width: 80%; max-width: 150px; }

.complete_sec .completeContainer .t1{ text-align: center; margin-top: 20px; color: #7f7f7f; line-height: 1.5em; font-size: 20px; }
.complete_sec .completeContainer .t1 b{ color: #F06E01; }
.complete_sec .completeContainer .c2{ text-align: center; margin-top: 20px; font-size: 18px; }
.complete_sec .completeContainer .c2 b + b{ margin-left: 20px; }

.complete_sec .completeContainer .mainBtn{ 
    background-color: #F06E01; color: #fff; width: 100%; display: block; 
    margin:0 auto; margin-top: 35px; padding: 20px; text-align: center; 
    max-width: 380px;
}

@media screen and (max-width: 1250px) { 
    .complete_sec .titleWrap{ font-size: 24px; }

    .complete_sec .completeContainer .t1{ font-size: 18px; }
    .complete_sec .completeContainer .c2{ font-size: 16px; }

    .complete_sec .completeContainer .mainBtn{ padding: 15px; }
}
@media screen and (max-width: 650px) { 
    .complete_sec .container01{ padding: 50px 0; }
    .complete_sec .titleWrap{ font-size: 20px; }
    .complete_sec .titleWrap::before{ width: 15px; }
    .complete_sec .titleWrap::after{ width: 15px; }

    .complete_sec .completeContainer .icon{ max-width: 120px; }

    .complete_sec .completeContainer .t1{ font-size: 16px; }
    .complete_sec .completeContainer .c2{ font-size: 14px; }

    .complete_sec .completeContainer .c2 b{ width: 100%; display: block; line-height: 1.5em; }
    .complete_sec .completeContainer .c2 b + b{ margin-left: 0; }

    .complete_sec .completeContainer .mainBtn{ font-size: 14px; }

}



@-webkit-keyframes sub_banner_title{
    0%{ transform: translateY(20px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}



.main .addBannerArti { background-color: #000; }
/* .main .addBannerArti{ background-image: url('../img/banner_bg.png'); background-size: cover; background-repeat: no-repeat; background-position: center; } */
.main .addBannerArti img{ max-width: 100%; }
.main .addBannerArti .mo_img{ display: none; }
.main .addBannerArti a { display: flex; justify-content: center; align-items: center; }

@media screen and (max-width: 800px) { 
    .main .addBannerArti .pc_img{ display: none; }
    .main .addBannerArti .mo_img{ display: block; }
}

/* 12/ 16 */
.writeContainer span.bro_text { font-size: 12px; }
.infoContainer .bro_emailBox { font-size: 14px; }

/* banner_sec */

.banner_sec { padding: 100px 0; background: url('../img/main_contain07_bg.jpg') no-repeat center / cover; text-align: center; }

@media screen and (max-width: 1250px) {
    .banner_sec .apply_logo_title { max-width: 100%; width: 600px; }
}
@media screen and (max-width: 650px) {
    .banner_sec { padding: 13vw 0; }
    .banner_sec .apply_logo_title { width: 80%; }
}

/* 10/17 */
.main .container03 .contentWrap > ul > li:nth-child(2) > ul > li.dn { border-bottom: none; }
.main .container03 .o_color { color: #F06E01; }

/* 10/29 resgister 팝업 */
.resgister_popup { position: fixed; width: 100%; height: 100%;  background: rgba(0, 0, 0, 0.5); z-index: 999999; top: 0; left: 0; }
.resgister_popup.off { display: none; }

.resgister_popup .box_div { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 30px; background: #fff; max-width: 900px; width: 100%; display: flex; flex-direction: column; gap: 20px; }

.resgister_popup .box_div .box1 { width: calc(100%);display: flex; gap: 10px; justify-content: space-between;}
.resgister_popup .box_div .box1 > div { width: calc(100%/3); }
.resgister_popup .box_div .box1 .t1 {  font-size: 18px; text-align: center; border: 1px solid #666; padding: 10px 0; background: #fff; }
.resgister_popup .box_div .box1 .btn_div { max-width: 200px; width: calc(100% + 10px); margin-left: -5px; font-size: 18px; display: flex; gap: 10px; }
.resgister_popup .box_div .box1 .btn_div .resgis_btn { width: calc(100%/3); background: #fff; border: 1px solid #666; }
.resgister_popup .box_div .box1 .btn_div .resgis_btn.on { background: #F06E01; border: 1px solid #F06E01; color: #fff; }

.resgister_popup .box_div .box2 {  }
.resgister_popup .box_div .box2 .ipt { height: 400px; width: 100%; resize: none; padding: 20px; border: 1px solid #666; }

.resgister_popup .box_div .box3 { display: flex; align-items: center; justify-content: space-between; }
.resgister_popup .box_div .box3 .box3_btn { max-width: 230px; width: 100%; font-size: 18px; text-align: center; border: none;  padding: 10px 0; background: #F06E01; color: #fff; }

@media screen and (max-width: 1250px) {
    .resgister_popup .box_div .box1 .t1 { font-size: 16px; }
    .resgister_popup .box_div .box1 .btn_div .resgis_btn { font-size: 16px; }
    .resgister_popup .box_div .box3 .box3_btn { font-size: 16px; }
}

@media screen and (max-width: 950px) {
    .resgister_popup .box_div { max-width: 700px; }
    .resgister_popup .box_div .box2 .ipt { height: 300px; }
}
@media screen and (max-width: 650px) {
    .resgister_popup .box_div .box1 { flex-wrap: wrap; }
    .resgister_popup .box_div .box1 > div { width: calc(100%/1); }
    .resgister_popup .box_div .box1 .btn_div { max-width: unset; }
    .resgister_popup .box_div .box1 .btn_div .resgis_btn { padding: 10px 0;  }

    .resgister_popup .box_div .box2 .ipt { height: 180px; } 
}

@media screen and (max-width: 500px) {
    .resgister_popup .box_div .box1 .t1 { font-size: 14px; }
    .resgister_popup .box_div .box1 .btn_div .resgis_btn { font-size: 14px; }
    .resgister_popup .box_div .box3 .box3_btn { font-size: 14px; }
    .resgister_popup .box_div .box3 { gap: 20px; }
}