@font-face {
    font-family: "Jalnan";
    src: url('../../..../../project/embfont/yg-jalnan.ttf') format("truetype"); }
.ft_jalnan {font-family: 'Jalnan', sans-serif;}

 




/* 초기 Custom Reset 값 */
body {-webkit-touch-callout: none; -webkit-user-select: none; -webkit-tap-highlight-color:transparent; -webkit-appearance: none;}
input,select,textarea {-webkit-appearance: none; -webkit-border-radius:0; border-radius:0; outline: none; background-color: transparent; }
::-webkit-scrollbar { display: none;}
div {-webkit-overflow-scrolling: touch;}


html {touch-action: manipulation;}
.tab_header_table_left {float:left !important; display:table !important;}
.tab_header_table_right {float:right !important; display:table !important;}
.tab_header_table_center {display:table !important; margin-left:auto !important; margin-right:auto !important;}
.iux-inner-link {display: inherit !important; position:initial !important; left:0 !important; top:0 !important;}
.iu-floating-image a {display: inherit !important; width:100%; height:100%;}
.iu-popup {height:auto !important; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important;}
.iu-text {word-break: keep-all;}
.text_visible {overflow:visible !important;}
.active {color:#000000;}
.iu-text {word-break: keep-all;}
.cont_flicking_wrap{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; display: inline-flex !important; display: -webkit-inline-flex !important; -webkit-transform: translateZ(0px); transform: translateZ(0px);}
.cont_flicking_each_wrap{-webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.cmn_hori_center_align {display:table !important;} /* 오브젝트 딱 맞춰 가운데 정렬 할때 유용하게 쓰임 */
.cmn_verti_center {top: 50% !important; transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}
.cmn_bt_hover:active {background-position:center bottom;}
.iux-has-hover a {display: inherit; width: 100%; height: 100%;}
.cmn_hover a {width:100%; height:100%; position:absolute;} 
.iu-tab-header {width:auto !important;}
input {background-position: center top; background-repeat: no-repeat; background-size: cover; appearance: none !important; -webkit-appearance: none !important; z-index: 1;}
.page_full {height:100% !important;}



/* Case 별 공통 Margin 모음 */
.cmn_margin_for_card {margin:7px 0px;}
.cmn_det2_margin_for_tab_header {margin-left:24px; margin-right:24px; width:auto !important; margin-top:20px !important;} 
.cmn_lr_margin_1px {margin-left:1px !important; margin-right:1px !important;}
.cmn_lr_margin_2_5px {margin-left:2.5px !important; margin-right:2.5px !important;}
.cmn_lr_margin_3px {margin-left:3px !important; margin-right:3px !important;}
.cmn_lr_margin_5px {margin-left:5px !important; margin-right:5px !important;}
.cmn_lr_margin_7px {margin-left:7px !important; margin-right:7px !important;}
.cmn_lr_margin_8px {margin-left:8px !important; margin-right:8px !important;}
.cmn_lr_margin_10px {margin-left:10px !important; margin-right:10px !important;}
.cmn_lr_margin_14px {margin-left:14px; margin-right:14px;}
.cmn_lr_margin_15px {margin-left:15px; margin-right:15px;}
.cmn_lr_margin_17px {margin-left:15px; margin-right:15px;}
.cmn_lr_margin_20px {margin-left:20px; margin-right:20px;}
.cmn_lrt_margin_20px {margin-left:20px; margin-right:20px; margin-top:20px;}
.cmn_lr_margin_25px {margin-left:25px; margin-right:25px;}
.cmn_lr_margin_30px {margin-left:30px; margin-right:30px;}
.cmn_lr_margin_35px {margin-left:35px; margin-right:35px;}
.cmn_tb_margin_13px {margin-top:13px; margin-bottom:13px;}
.cmn_lr_margin_for_bts {margin:5px 5px !important;}
.cmn_lr_margin_history {margin-left:70px; margin-right:25px;}
.cmn_r_margin_5px {margin-right:5px !important;}
.cmn_r_margin_7px {margin-right:7px !important;}
.cmn_l_margin_20px {margin-left:20px !important;}
.cmn_tb_margin_6px {margin:6px auto !important;}
.cmn_tb_margin_con_caro {margin-top:10px !important; margin-bottom:30px !important;}
.con_t_con_cannot {margin-bottom:20px !important;}







/*유키즈월드 */
.main_section{max-width: 1440px; margin-left: auto; margin-right: auto;}
.block_1st_inwrao, .block_2nd, .block_3rd, .block_4th, .block_5th, .block_6th, .footer_bgbg_w {max-width:1280px; margin-left:auto; margin-right:auto;}
.block_1st{}
.block_1st_twrap_inlleft{margin-left:36px;}
.block_1st_twrap_inlright{margin-right:36px;}
.block_1st_twrap_inlleft_inbox{margin:19px;}

.kw_flex_w_parent {display: -webkit-flex !important; -webkit-flex-flow: row wrap !important; } /* 버튼 균등비율 묶음 */
.kw_flex_w_children {display: inline-flex !important; -webkit-flex: 1 !important; justify-content: center !important;} /* 버튼 균등비율 개별 */
.kw_flex_w_child_grid {-webkit-flex: 1 !important; justify-content: center !important;} /* 버튼 균등비율 개별 */
.kw_flex_w_children a p {width:100%;}
.block_4th_in_img {margin-right:41px; margin-left:41px;}
.block_5th_inwrao{margin-left:83px; margin-right:83px;}
.block_5th_iw_flbox {margin-left:10px; margin-right:10px; margin-top:20px; margin-bottom:20px;}
.block3_in_pad_w {padding-top:65%;}


.block2_in_c_image{
    -webkit-animation-name: cf4FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 18s;
    -moz-animation-name: cf4FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 18s;
    -o-animation-name: cf4FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 18s;
    animation-name: cf4FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 18s;
}

@keyframes cf4FadeInOut {
  0% {opacity:1;}
  12% {opacity:1;}
  19% {opacity:0;}
  93% {opacity:0;}
  100% {opacity:1;}
}

.block2_in_r_circle img:nth-of-type(1) {animation-delay: 15s;}
.block2_in_r_circle img:nth-of-type(2) {animation-delay: 12s;}
.block2_in_r_circle img:nth-of-type(3) {animation-delay: 9s;}
.block2_in_r_circle img:nth-of-type(4) {animation-delay: 6s;}
.block2_in_r_circle img:nth-of-type(5) {animation-delay: 3s;}
.block2_in_r_circle img:nth-of-type(6) {animation-delay: 0s;}



.top_img_in_btw a, .foot_img_in_btw a {position: relative; float: left; width: fit-content; height: fit-content;}
.apple_ready_pop.sel {display:block !important;}
.form_pop.sel {display:block !important;}


.kt_lr_margin_10px {margin-right:10px; margin-left:10px;}
.kt_lr_margin_16px {margin-right:16px; margin-left:16px;}



.b1_4b_text_wrap {padding-top:74%;}
.b3_cont_youtube {aspect-ratio: var(--ratio);}

.b4_conts_img_1st{right:21%;}
.b4_conts_img_2nd{left:14.6%;}
.b4_conts_img_3rd{right:18%;}
.b4_conts_img_4th{left:9%}


.b6_6block {padding-top:10%;}
.b7_store_bts {margin-left:14px;}

.mt_underline span {position:relative;}

.mt_underline span {z-index:1;}
.mt_underline p span:before {content: ""; width: 100%; position: absolute; display: block; background-color: #FFE552; height: 66%; z-index: -1; left: 0; bottom: -15%;}

.b5_6block_box {min-width: calc(100%/3 - 32px);}
.kt_top_main_text {-webkit-text-stroke: 1px rgba(0,0,0,0.6);}







@media screen and (max-width:1439px) {

	.b1_4b_text_wrap {padding-top: 70%;}


}


@media screen and (max-width:1279px) {

	.b1_4block_box {min-width: calc(100%/2 - 32px);}
	.b5_6block_box {min-width: calc(100%/2 - 32px);}
	.b6_6block {min-width: calc(100%/2 - 32px); padding-top: 24%;}	

}

@media screen and (max-width:1023px) {

	.b7_store_bts {margin-left:0; margin-right:14px;}
	.contr_img {left:0 !important;  right:0 !important;}
}

@media screen and (max-width:767px) {

	.kt_top_img_dim {background: linear-gradient(to top, rgba(0,0,0,0.70) 15%, rgba(0,0,0,0.00)) !important; background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.70) 15%, rgba(0,0,0,0.00)) !important;}
	.kt_top_bts_inw {margin-left:auto; margin-right:auto;}
	.b4_conts_img_1st{right:18%;}
	.b4_conts_img_2nd{left:17.6%;}
	.b4_conts_img_3rd{right:18%;}
	.b4_conts_img_4th{left:7%}
	.b1_4block_box {min-width: calc(100%/1 - 32px);}
	.b5_6block_box {min-width: calc(100%/1 - 32px);}
	.b6_6block {min-width: calc(100%/1 - 32px); padding-top: 33%;}
	.b7_footer_mt_wrap  {display:table !important;}
	.b7_store_bts {margin-left:7px; margin-right:7px;}
	
	.b1_4b_text_wrap {padding-top: 65%;}
	.contr_img {left:0 !important;  right:0 !important;}



}

@media screen and (max-width:609px) {

	.b1_4b_text_wrap {padding-top: 67%;}
	.contr_img {left:0 !important;  right:0 !important;}

}


@media screen and (max-width:479px) {

	.b1_4b_text_wrap {padding-top: 64%;}
	.b4_conts_img_1st{right:17%;}
	.b4_conts_img_2nd{left:17.6%;}
	.b4_conts_img_3rd{right:18%;}
	.b4_conts_img_4th{left:8%}
	.contr_img {left:0 !important;  right:0 !important;}

}



