@charset "utf-8";


/**********************************************************************************************************************/
/* 공통 스타일 */
/**********************************************************************************************************************/

/* 폰트 */
@font-face {
    font-family: 'Pretendard-Black';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
}

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);


@font-face {
    font-family: 'KNPSBandali';
    src: url('../font/KNPSBandali.woff2') format('truetype');
}

@font-face {
    font-family: 'KNPSKkomi';
    src: url('../font/KNPSKkomi.woff2') format('truetype');
}
@font-face {
    font-family: 'Comicy';
    src: url('../font/Comicy.woff2') format('truetype');
}



.notosanskr * {
      font-family: 'Noto Sans KR', sans-serif;
}

:root {
      --font-ns: 'Noto Sans KR', sans-serif;
      --font-bd:'KNPSBandali';
      --font-km:'KNPSKkomi';
      --font-cm:'Comicy';
      --font-prebc: 'Pretendard-Black';
      --font-preb: 'Pretendard-Bold';
      --font-presb: 'Pretendard-SemiBold';
      --font-preeb: 'Pretendard-ExtraBold';
      --font-prem: 'Pretendard-Medium';
      --font-prer: 'Pretendard-Regular';
      --font-preel: 'Pretendard-ExtraLight';
      --font-prel: 'Pretendard-Light';
}



/* 이너사이즈 */
.wp_wrap .cm_inner {
      width: 1800px;
      height: 100%;
      margin: 0 auto;
}



body {
      cursor: url(../img/ico/ico_cursor.png), auto;
}

html {
      scroll-behavior: smooth;
}

.wp_wrap {
      overflow: hidden;
}

/* .wp_wrap input[type="checkbox"], */
.wp_wrap button,
.wp_wrap a {
      cursor: url(../img/ico/ico_cursor_on.png), auto !important;
}





/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 헤더영역  */
/**********************************************************************************************************************/
/* 헤더 공통 ======================================================================================== */
.wp_wrap header {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 999;
}


.wp_wrap header .hd_ir {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 50px 0;
}

/* 헤더 로고 ======================================================================================== */
.wp_wrap header .hd_ir .logo {}

.wp_wrap header .hd_ir .logo>a {}

.wp_wrap header .hd_ir .logo>a>img {}


/* 헤더 메뉴 ======================================================================================== */
.wp_wrap header .hd_ir .nav {}

.wp_wrap header .hd_ir .nav .main_mnu {
      display: flex;
      justify-content: space-between;
      align-items: center;
}

.wp_wrap header .hd_ir .nav .main_mnu>li {
      padding: 0 30px;
}

.wp_wrap header .hd_ir .nav .main_mnu>li:last-child {
      padding-right: 0;
}

.wp_wrap header .hd_ir .nav .main_mnu>li>a {
      font-size: 26px;
}

/* .wp_wrap header .hd_ir .nav .main_mnu>li>a>img {} */

.wp_wrap header .hd_ir .nav .main_mnu>li.logoMnu>a>img{
    max-width: 245px;
}

/* 헤더 모바일 메뉴 =================================================================================== */

/* 모바일 메뉴 열기 버튼 */
.wp_wrap header .hd_ir .btn_mo_opn {
      display: none;
}

.wp_wrap header .hd_ir .btn_mo_opn>i {
      font-size: 36px;
}



/* 모바일 메뉴 영역 */
.wp_wrap #mo_modal {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, .1);
      z-index: 999;
}

.wp_wrap #mo_modal .modal_wrap {}

.wp_wrap #mo_modal .modal_wrap .mo_bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 300px;
      height: 100%;
      background-color: #aaa;
}

.wp_wrap #mo_modal .modal_wrap .mo_mnu_box {
      position: absolute;
      left: 0;
      top: 0;
      width: 260px;
      height: 100%;
      padding: 20px;
      display: flex;
      flex-direction: column;
      justify-content: stretch;
      align-items: stretch;
      gap: 40px;
      background-color: #fff;
      z-index: 9999;
}

.wp_wrap #mo_modal .modal_wrap .mo_mnu_box .mo_logo_box {}

.wp_wrap #mo_modal .modal_wrap .mo_mnu_box .mo_logo_box>img {
      width: 100px;
}

.wp_wrap #mo_modal .modal_wrap .mo_mnu_box .mo_mnu {
      display: flex;
      flex-direction: column;
      justify-content: stretch;
      align-items: stretch;
      gap: 30px;
}

.wp_wrap #mo_modal .modal_wrap .mo_mnu_box .mo_mnu>li {}

.wp_wrap #mo_modal .modal_wrap .mo_mnu_box .mo_mnu>li>a {}

.wp_wrap #mo_modal .modal_wrap .mo_mnu_box .mo_mnu>li>a>img {}

.wp_wrap #mo_modal .modal_wrap .mo_mnu_box .mo_mnu>li.logoMnu>a>img{
    max-width: 210px;
}


/* 탑버튼 =========================================================================================== */
.wp_wrap #btn_top {
      display: none;
      position: fixed;
      right: 60px;
      bottom: 10px;
      min-width: 60px;
      height: 60px;
      background: #FFBE05;
      border-radius: 50%;
      z-index: 998;
}

.wp_wrap #btn_top>i {
      font-size: 32px;
      font-weight: bold;
      transition: 0.4s;
}

.wp_wrap #btn_top:hover>i {
      color: #fff;
      transition: 0.4s;
}

/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 푸터영역 */
/**********************************************************************************************************************/
/* 푸터 공통 ======================================================================================== */
.wp_wrap footer {}

.wp_wrap footer .ft_inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
      padding: 60px 0;
}

/* 푸터 로고 ======================================================================================== */
.wp_wrap footer .ft_inner .ft_logo {}

.wp_wrap footer .ft_inner .ft_logo>img {}


/* 푸터 카피 ======================================================================================== */
.wp_wrap footer .ft_inner .copy {}

.wp_wrap footer .ft_inner .copy>img {}


/* 푸터 SNS ======================================================================================== */
.wp_wrap footer .ft_inner .sns_ico {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
}

.wp_wrap footer .ft_inner .sns_ico>li {}

.wp_wrap footer .ft_inner .sns_ico>li>a {}

.wp_wrap footer .ft_inner .sns_ico>li>a>img {}



/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 메인영역 */
/**********************************************************************************************************************/
/* 메인 비주얼 동영상영역 =================================================================================== */
.wp_wrap #ms_visual {}


.wp_wrap #ms_visual .vdo_box{
    position: relative;
    padding-top: 40%;
    padding-top: 56.25%;
}
.wp_wrap #ms_visual .vdo_box video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 스크롤 시 선 생기는 문제 */
    background: #fff;
    will-change: transform;
    transform: translate3d(0, 0, 0);
}






/* 메인 텍스트 박스 =================================================================================== */
.wp_wrap #shp_txt_contain {}

.wp_wrap #shp_txt_contain .cont_ir {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    gap:60px;
    /* padding: 165px 0 120px; */
    padding: 60px 0 120px;

}

.wp_wrap #shp_txt_contain .cont_ir .tit_items {
    width: 80%;
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
}
.wp_wrap #shp_txt_contain .cont_ir .tit_items02 {
    width: 100%;
    justify-content: center;
}
.wp_wrap #shp_txt_contain .cont_ir .tit_items03 {
    width: 100%;
    justify-content: center;
    gap:0;
}
.wp_wrap #shp_txt_contain .cont_ir .tit_items02 .tit_item12{
    /* margin-bottom: 50px; */
}

.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item16{
    margin-right: 30px;
}
.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item16,
.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item19{
    margin-bottom: 40px;
}


.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item {}

.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item01:hover {
      cursor: url(../img/ico/ico_pointer01.png), auto;
}

.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item02:hover {
      cursor: url(../img/ico/ico_pointer02.png), auto;
}

.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item03:hover {
      cursor: url(../img/ico/ico_pointer03.png), auto;
}

.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item04:hover {
      cursor: url(../img/ico/ico_pointer04.png), auto;
}

.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item05:hover {
      cursor: url(../img/ico/ico_pointer05.png), auto;
}

.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item06:hover {
      cursor: url(../img/ico/ico_pointer06.png), auto;
}

.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item>img {}




.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item11:hover {
    cursor: url(../img/ico/ico_pointer11.png), auto;
}

.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item12:hover {
    cursor: url(../img/ico/ico_pointer12.png), auto;
}

.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item13:hover {
    cursor: url(../img/ico/ico_pointer13.png), auto;
}

.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item14:hover {
    cursor: url(../img/ico/ico_pointer14.png), auto;
}

.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item15:hover {
    cursor: url(../img/ico/ico_pointer15.png), auto;
}

.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item16:hover {
    cursor: url(../img/ico/ico_pointer16.png), auto;
}
.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item17:hover {
    cursor: url(../img/ico/ico_pointer17.png), auto;
}
.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item18:hover {
    cursor: url(../img/ico/ico_pointer18.png), auto;
}
.wp_wrap #shp_txt_contain .cont_ir .tit_items .tit_item19:hover {
    cursor: url(../img/ico/ico_pointer19.png), auto;
}




/* 메인 게시판 박스 =================================================================================== */
.wp_wrap #shp_noti_contain {
      margin-bottom: 280px;
}

.wp_wrap #shp_noti_contain .cont_ir {}



/* 메인 페이지이동 박스 ================================================================================ */
.wp_wrap #shp_move_box {}

.wp_wrap #shp_move_box .move_ir {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px 0;
}

.wp_wrap #shp_move_box .move_ir .move_txt {}

.wp_wrap #shp_move_box .move_ir .move_txt>img {}



/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 서브영역 */
/**********************************************************************************************************************/

/* 서브 ABOUT페이지 ================================================================================= */
/* 어바웃 인트로 컨테이너 ]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/
.wp_wrap #shp_intro_contain {
      height: 100vh;
}

.wp_wrap #shp_intro_contain .video_frame {
    width: 100%;
    height: 100%;
}

.wp_wrap #shp_intro_contain .video_frame>video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap #shp_intro_contain .img_frame {
    width: 100%;
    height: 100%;
}
.wp_wrap #shp_intro_contain .img_frame >img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 어바웃 인포 컨테이너 ]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]*/
.wp_wrap #shp_info_contain {}

.wp_wrap #shp_info_contain .info_cont_ir {
      padding: 160px 0;
}

/* 인포 영역 */
.wp_wrap #contains {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 60px;
}

.wp_wrap #contains .cont_frame {}
.wp_wrap #contains .cont_frame02 {
    margin-top: 180px;
}

.wp_wrap #contains .cont_frame .cont_ir {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
}

.wp_wrap #contains .cont_frame .cont_ir>dt {
      min-width: 340px;
}

.wp_wrap #contains .cont_frame .cont_ir>dt .tit {
      color: #787878;
      font-size: 23px;
      font-family: var(--font-ns);
      font-weight: bold;
}

.wp_wrap #contains .cont_frame .cont_ir>dd {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 70px;
}

.wp_wrap #contains .cont_frame .cont_ir>dd .info_txt {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 20px;
}

.wp_wrap #contains .cont_frame .cont_ir>dd .info_txt .tit {}

.wp_wrap #contains .cont_frame .cont_ir>dd .info_txt .tit .tit_txt {
      font-size: 30px;
      font-family: var(--font-ns);
      font-weight: bold;
}

.wp_wrap #contains .cont_frame .cont_ir>dd .info_txt .tit .tit_txt01 {}

.wp_wrap #contains .cont_frame .cont_ir>dd .info_txt .tit .tit_txt02 {}


/* 설명글 영역 (INFO01) */
.wp_wrap #contains .cont_frame .cont_ir>dd .info_txt .descript {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 30px;
}

.wp_wrap #contains .cont_frame .cont_ir>dd .info_txt .descript .des {
    font-size: 17px;
    font-family: var(--font-ns);
    font-weight: 400;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .info_txt .descript .des02 {
    font-size: 17px;
    font-family: var(--font-prer);
    font-weight: 400;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .info_txt .descript .des02:first-child {
    font-family: var(--font-preb);
}

/* 정보글 영역 (INFO02) */
.wp_wrap #contains .cont_frame .cont_ir>dd .info_txt .info_frame {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 10px;
}

.wp_wrap #contains .cont_frame .cont_ir>dd .info_txt .info_frame .info_items {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 50px;
}

.wp_wrap #contains .cont_frame .cont_ir>dd .info_txt .info_frame .info_items>dt {
      min-width: 80px;
      font-size: 17px;
      font-family: var(--font-ns);
      font-weight: bold;
}

.down {
      min-width: 80px;
      font-size: 17px;
      font-family: var(--font-ns);
      font-weight: bold;
     margin-bottom: 10px!important;
}
.down a {
	font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    background-color: #dddddd;
    height: 30px;
    width: 100px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
	box-sizing: border-box;
}
.down a:hover {
	color:#E10C9E;font-weight: bold
}
.wp_wrap #contains .cont_frame .cont_ir>dd .info_txt .info_frame .info_items>dd {
      font-size: 17px;
      font-family: var(--font-ns);
      font-weight: 400;
	
}

/* 폼영역 */
.wp_wrap #contains .cont_frame .cont_ir>dd .inp_box {
      width: 42%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 20px;
}

.wp_wrap #contains .cont_frame .cont_ir>dd .inp_box .inp_line {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
}

.wp_wrap #contains .cont_frame .cont_ir>dd .inp_box .inp_line>dt {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      min-width: 100px;
      height: 35px;
}

.wp_wrap #contains .cont_frame .cont_ir>dd .inp_box .inp_line>dt .tit {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 10px;
      font-size: 14px;
      font-family: var(--font-ns);
}

.wp_wrap #contains .cont_frame .cont_ir>dd .inp_box .inp_line>dt .tit::after {
      display: block;
      content: "*";
      color: #FF1E46;
      font-size: 14px;
}

.wp_wrap #contains .cont_frame .cont_ir>dd .inp_box .inp_line>dd {
      flex-grow: 1;
}

.wp_wrap #contains .cont_frame .cont_ir>dd .inp_box .inp_line>dd>input[type=text] {
      width: 100%;
      height: 35px;
      padding: 5px 10px;
      border: 0.25px solid #ccc;
      outline: none;
}

.wp_wrap #contains .cont_frame .cont_ir>dd .inp_box .inp_line>dd>textarea {
      width: 100%;
      padding: 5px 10px;
      border: 0.25px solid #ccc;
      outline: none;
}



/* 모달 약관동의 */
.wp_wrap #agr_modal {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      padding: 20px;
      background-color: rgba(0, 0, 0, .16);
      z-index: 999;
}

.wp_wrap #agr_modal .modal_wrap {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
}

.wp_wrap #agr_modal .modal_wrap .agr_box {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      gap: 20px;
      max-width: 600px;
      width: 100%;
      padding: 30px;
      background-color: #fff;
      box-shadow: 0 2px 2px rgba(0, 0, 0, .16);
      border-radius: 5px;
}

.wp_wrap #agr_modal .modal_wrap .agr_box .box_head {
      display: flex;
      justify-content: flex-end;
      align-items: center;
}

.wp_wrap #agr_modal .modal_wrap .agr_box .box_head .btn_agr_cls {}

.wp_wrap #agr_modal .modal_wrap .agr_box .box_head .btn_agr_cls>i {
      font-size: 26px;
      font-weight: 600;
}

.wp_wrap #agr_modal .modal_wrap .agr_box .box_body {}

.wp_wrap #agr_modal .modal_wrap .agr_box .box_body .body_txt {
      height: 300px;
      padding: 10px;
      font-size: 14px;
      font-family: var(--font-ns);
      font-weight: 400;
      border: 1px solid #ccc;
      overflow-y: auto;
      border-radius: 5px;
}

.wp_wrap #agr_modal .modal_wrap .agr_box .box_foot {
      display: flex;
      justify-content: center;
      align-items: center;
}

.wp_wrap #agr_modal .modal_wrap .agr_box .box_foot .btn_agr {
      max-width: 200px;
      width: 100%;
      height: 50px;
      font-size: 16px;
      font-family: var(--font-ns);
      font-weight: bold;
      border: 2px solid #000;
      border-radius: 10px;
      transition: 0.4s;
}

.wp_wrap #agr_modal .modal_wrap .agr_box .box_foot .btn_agr:hover {
      color: #fff;
      background-color: #000;
      transition: 0.4s;
}






/* 추가 영역(캐릭터소개영역) */
.wp_wrap #pg_move_box{
    display: flex;
    justify-content: stretch;
    align-items: center;
    gap:10px;
}
.wp_wrap #pg_move_box >a{
    max-width: 120px;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-family: var(--font-cm);
    border:4px solid #000;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.4s;
}

.wp_wrap #pg_move_box >a:hover{
    color:#fff;
    background-color:#FFBE05;
    border:4px solid #FFBE05;
    transition: 0.4s;
}
.wp_wrap #pg_move_box >a.on{
    color:#fff;
    background-color:#FFBE05;
    border:4px solid #FFBE05;
}


.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt{}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_tab{
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    gap:60px;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_tab .itr_tab_hd{
    display: flex;
    justify-content: stretch;
    align-items: center;
    gap:10px;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_tab .itr_tab_hd .tab_hd_item{
    max-width: 120px;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-family: var(--font-cm);
    border:4px solid #000;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.4s;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_tab .itr_tab_hd .tab_hd_item:hover{
    color:#fff;
    background-color:#FFBE05;
    border:4px solid #FFBE05;
    transition: 0.4s;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_tab .itr_tab_hd .tab_hd_item.on{
    color:#fff;
    background-color:#FFBE05;
    border:4px solid #FFBE05;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_tab .itr_tab_bd{}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_tab .itr_tab_bd .bd_item{
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    gap:120px;
    margin-bottom: 120px;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_hd{
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    gap:60px;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_hd .img_box{
    display: flex;
    justify-content: center;
    align-items: center;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_hd .img_box>img{}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_hd .txt_box{
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    gap:30px;
    color:#787878;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_hd .txt_box .txt_line{
    text-align: center;
    font-size: 24px;
    font-family: var(--font-preb);
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_hd .txt_box .txt_line>b{
    font-family: var(--font-prebc);
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd{
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    gap:30px;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:60px;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line:nth-child(2n){
    justify-content: flex-end;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line>dt{
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: center;
    gap:30px;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line>dt .flag_txt{}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line>dt .flag_txt .txt{
    font-size: 28px;
    font-family: var(--font-km);
    font-weight: 400;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line:nth-child(1)>dt .flag_txt .txt{
    color:#008BFF;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line:nth-child(2)>dt .flag_txt .txt{
    color:#9E8675;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line:nth-child(3)>dt .flag_txt .txt{
    color:#00B419;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line:nth-child(4)>dt .flag_txt .txt{
    color:#FF7BAC;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line:nth-child(5)>dt .flag_txt .txt{
    color:#00BEFF;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line:nth-child(6)>dt .flag_txt .txt{
    color:#1717FF;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line:nth-child(7)>dt .flag_txt .txt{
    color:#FF1E46;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line:nth-child(8)>dt .flag_txt .txt{
    color:#FF6400;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line:nth-child(9)>dt .flag_txt .txt{
    color:#50D2A0;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line>dt .img_box{
    max-width: 275px;
    width: 275px;
    min-height: 275px;
    border-radius: 50%;
}

.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line>dt .img_box>img{}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line>dd{
    padding-top: 60px;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line>dd .chr_info{
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    gap:30px;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line:nth-child(2n)>dd .chr_info{
    text-align: right;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line>dd .chr_info >dt{
    font-size: 18px;
    font-family: var(--font-preb);
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line>dd .chr_info >dt .name{
    font-size: 43px;
    font-family: var(--font-cm);
    font-weight: bold;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line>dd .chr_info >dd{}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line>dd .chr_info >dd .des{
    color:#787878;
    font-size: 16px;
    font-family: var(--font-prem);
}

.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line:nth-child(2n)>dt{order:2;}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .bd_line:nth-child(2n)>dd{order:1;}



.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .character_box{
    grid-template-columns: repeat(3,1fr);
    gap: 100px 30px;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .character_box>li{
    width: 100%;
    overflow: hidden;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .character_box>li .img_box{
    height: 500px;
    margin-bottom: 20px;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .character_box>li .img_box img{
    height: 100%;
    margin: 0 auto;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .character_box>li .txt_box{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .character_box>li .txt_box .txt1{
    color: #787878;
    font-size: 20px;
    font-family: var(--font-prem);
    text-align: center;
    min-height: 48px;
}
.wp_wrap #contains .cont_frame .cont_ir>dd .intro_txt .intro_bd .character_box>li .txt_box .txt2{
    font-size: 40px;
    font-family: var(--font-cm);
    font-weight: bold;
    text-align: center;
}














/* 서브 PRODUCTS페이지 ============================================================================== */


/* 서브 GARNET페이지 ================================================================================ */



/**********************************************************************************************************************/