@charset "utf-8"; /* CSS Document */

.res { display:none } 
@media screen and (min-width:1024px){
 #header .all_wrap { display: none; } 
 #header .top_wrap .etc_wrap { gap: 0; } 
 .mainFlexW .wrapCs {width: 100%;}
 .mainFlexW .wrapCharge {width: 100%;}
 }
@media screen and (max-width:1400px){
 .res.w1400 { display: block } 
 }
 @media screen and (max-width:1350px){
 .sub_greetings .t1 { font-size: 2.7em; } 
 /*sub_about*/
.sub_ceo {margin-top: -8em;}
 }
@media screen and (max-width:1280px){
 .res.w1280 { display: block } 
html:not(.pop) body { font-size:15px }

/*sub_book*/
.sub_book_info { flex-direction: column; } 
.sub_book_info .book_info { background: #f5f5f5; overflow: hidden; border-radius: 1em; display: flex; flex: 1 1 100%; min-width: 0; border: 1px solid #666; } 
.sub_book_info .date_select { width: 100%; } 

/*popup*/
.viewerWrap .controlW .topW { display: flex; align-items: center; padding-bottom: 1em; flex-direction: column; } 
.viewerWrap .controlW .topW .btnW { width: 100%; flex-wrap: wrap; margin-top: 1em; justify-content:center;}
.viewerWrap .controlW .topW .btnW select{ flex:1; min-width:0}
 
 }
@media screen and (max-width:1200px) { /**header**/
#header .top_wrap .gnb_wrap .gnb > li .dp1 .tt { font-size: 1.17em; } 

/*******main*******/
.wrapLogin { display: none; } 
/* .mainFlexW .flexW .w100 { width: 100%; } */
.mainFlexW .flexW .wL { flex: 0 0 100%; min-width: 100%; min-height: 15em; } 
.mainFlexW .flexW .wR { width: 100%; } 
.mainFlexW .flexW .wGrow { flex: 1 1 59%; min-width: 0;  } 
.mainFlexW .wrapCs { width: calc((100% - 1.25em) / 2); float: none; height: 14em;}
.mainFlexW .wrapCharge { width: calc((100% - 1.25em) / 2); } 
.visualSlide{ height:auto}
.visualSlide .el .bg { position:relative} 
.visualSlide .el .bg img{ max-width:170%}

.wrapMyBuying{ display: block;}
.wrapMyBuying .wrapIn .titW{ width: 15.5em; box-sizing: border-box;}


 }
@media screen and (max-width: 1100px){
 #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt { font-size: 1em; } 
 /*main*/


 }
@media screen and (max-width:1024px){
 .res.w1024 { display: block } 
html:not(.pop) body { font-size:13px } 
/***header***/
#header .top_wrap .logo .ment{ display: block;}

#header .all_wrap .all { width: 1.5em; position: relative; } 
#header .top_wrap .gnb_wrap { display: none; } 
#header .all_wrap { display: block; } 
#header .top_wrap .wrapIn { justify-content: space-between; } 
#header .top_wrap .gnb_wrap .gnb > li .dp1 .tt { font-size: 1.275em; } 


/*main*/
.wrapRaceInfo .infoW.col .con2{ flex-direction: row;}
.wrapRaceInfo .infoW.col .con2 .st{ width: calc((100% - .5em) / 2);}

.wrapRaceInfo .pickW .pick_info .pick_tit.c2{ border-radius: 0 0 0 1em;}



.mainFlexW .flexW .wL { flex-direction: column; } 
.mainFlexW .flexW .wL1 { width: auto; border-radius: 1em 1em 0 0; } 
.mainFlexW .wrapCs { float: left; height: 14em; } 
.mainFlexW .wrapCs,
.mainFlexW .wrapCharge { width: calc((100% - 1.25em) / 2); } 

.mainFlexW .flexW .wGrow.jeju{ min-height: 5em;}

.liveWrap{width:310px}

/*sub 예상구매*/
.sub_buy_list > li .wrap_in { flex-direction: column; } 
.sub_buy_list > li .wrap_in .wrap_tit { width: 100%; padding: .5em 0; } 
.bookImgW .resize { height: 0; padding-bottom: 150%; width: 100%; background-position: center top; } 

/*sub_about*/
.sub_greetings .t1 { font-size: 2em; } 
.sub_ceo { margin-top: -9em; } 

/* sub_buy */
.sub_buy_list > li .wrap_in .wrap_list{ border-radius: 0 0 1em 1em;}

/* mypage */
.dp1_mypage .page_search_wrap{ gap:1em 0;}
.dp1_mypage .page_search_wrap .wrapIn{ width: 100%;}
.dp1_mypage .page_search_wrap .wrapIn:last-child .input_wrap{ flex:1;}

/*popup*/
.viewerWrap .controlW .topW .btnW select{ min-width:30%}
.viewerWrap .controlW .topW .btnW .input_st{ min-width:20%}
.viewerWrap .controlW .topW .btnW .downL{ flex:1}

/**/
#contents .sub_menu_wrap .gnb{ padding: 0}
#header .top_wrap .logo{ height:70%}
#header .top_wrap .etc_wrap .mem_wrap > li > a{ font-size:1.063em}
#header .top_wrap .etc_wrap .mem_wrap > li > a .ico{ display:none}
 }
 @media screen and (max-width:900px) { select.input_st.popUp { width: 40%; } 
 .sub_greetings {    word-break: keep-all; padding-top:10vmin; padding-right:10vmin; padding-bottom:15vmin}
.sub_ceo { margin-top:1em; padding-right: 0; } 
.sub_ceo .img { width: 30vmin} 
.sub_ceo .name { transform: translateX(-0.5em); } 
.sub_greetings .t1 { font-size: 1.2em; } 
.sub_greetings .t2 { font-size: .9em; } 
.sub_ceo .name .t1 { font-size: 3vmin; } 
.sub_ceo .name .t2 { font-size: 5vmin; } 
 }
 @media screen and (max-width:880px){
 .img_yt > a .more { width: 13em; position: absolute; right: 1em; bottom: 2.5em; padding: 0 .5em; border-radius: .5em; height: 3.5em; } 
.img_yt > a .more .ico { font-size: 1.5em; } 
.img_yt > a .more .t1 { font-size: 1em; } 

/*border*/
.board_search .total { display: none; } 
.input_st.inp { width:40em; max-width:100% } 
.board_search .search .btn { width: 7em; } 

/*sub_about*/
 

.sub_book_info .book_info .bookImgW { width: 38%; position: relative; } 
.bookImgW .poster .poster_img > .tt{ font-size: 1em; zoom: .7;}

/* sub_buy */
/* .buyInfo_list > li .img_wrap{ width: 30%;}
.buyInfo_list > li .img_wrap .img { padding-bottom: 100%;}
.buyInfo_list > li:nth-child(even) .txt_wrap{ order:1} */

/* sub_buy */
.buyInfo_list > li{ flex-wrap: wrap; gap:.5em;}
.buyInfo_list > li .img_wrap{ width: 100%;}
.buyInfo_list > li .img_wrap .img { padding-bottom: 30%;}
.buyInfo_list > li .txt_wrap{ flex: 0 0 100%; padding-top: 0;}
.buyInfo_list > li:nth-child(even) .txt_wrap{ order:1}

/*popup*/
.wrapRace .area { display: flex; border-radius: 1em; position: relative; flex-direction: column; } 
.wrapRace .area .titW { width: 100%; padding: .5em 0; } 

}

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

/* header */
#header .top_wrap .logo .ment{ zoom :.8}

/********main*********/
.wrapRace .area .listW > li{ width: calc((100% - 3.5em) / 8);}

.mainFlexW .wrapYT .wrapIn { flex-direction: column; width: 100%; } 
.mainFlexW .wrapYT .titW { width: 100%; } 
.mainFlexW .wrapBuy .t1 { font-size: 2.5em; } 
.mainFlexW .wrapLink{ height:24vmin}
.mainFlexW .wrapLink .linkSt{ padding:4vmin 3vmin}
.mainFlexW .wrapLink .linkSt .ico { display: none; } 
.mainFlexW .wrapLink .linkSt .t1 { font-size:1.313em} 
.mainFlexW .wrapLink .linkSt .t1 .dbi{ display:block !important}
.mainFlexW .wrapLink .linkSt .more{ margin-top:auto}

.mainFlexW .wrapNotice .wrapIn .titW,
.wrapMyBuying .wrapIn .titW{ width: 10em; padding:0; text-align: center;}


/*sub*/
.sub_buy_list > li .wrap_in .wrap_list > li { width: 100%; } 
.sub_buy_list > li .wrap_in .wrap_list { flex-direction: column; } 

/*sub_book*/
.sub_book_info .book_info .con_wrap .tit {font-size: 1.4em;word-break: keep-all;}

/*sub_yt*/
.sub_tv { flex-direction: column; } 
.sub_tv .img_wrap { width: 100%; } 

/*sub_about*/
.sub_history .yearW .conW .tit { font-size: 2em; } 


/*border*/
.input_st.inp { width:33em; max-width:100% } 

/*footer*/
#footer .wrapIn { flex-direction: column; gap: 2em; } 
#footer .etc_wrap { align-items: flex-start; flex-direction: row; order:-1 } 
.sns_st { display: flex; gap: 1em; margin-top: -10px; } 
}
@media screen and (max-width:735px) { /*border*/
.board_search .search .btn { width: 7em; } 
.input_st.inp { width:35em; max-width:100% } 

}


@media screen and (max-width:700px) { 
.pcHide{ display: block;}
.pcHide.flex{ display: flex;}
.moHide{ display: none!important;}

/* main */
.main_bannerWrap{gap:1em; width: 100%;}
.main_bannerWrap .wrapBook{ flex:1;}
.main_bannerWrap .buyBanner{ flex:2;}
.main_bannerWrap .wrapBook .wrapIn{ height: 100%;}
/* .mainFlexW .flexW .wL2 { width: 100%; }  */
.main_bannerWrap .wrapBook{ border: 2px solid #a3a381;}
.main_bannerWrap .wrapBook .wrapIn .bookImgW{  }
.main_bannerWrap .wrapBook .wrapIn .bookImgW .poster{ width: 100%; margin:0 auto; border-radius: 1em; overflow: hidden;}
.main_bannerWrap .wrapBook .wrapIn .bookImgW .poster img{ width: 100%; }
.main_bannerWrap .wrapBook .wrapIn .bookImgW .poster .poster_img > .tt{ font-size: 1.5em;}
/* .main_bannerWrap .wrapBook .wrapIn .bookImgW { height: auto; }  */

.mainFlexW .flexW.noticeSection{ order: -1;}

.ytList.d1 { flex-wrap: wrap;}
.ytList.d1 > li{ width: calc((100% - 1em) / 2);}

.mainFlexW .wrapCs { width: 100%; float: none; background-position: 90% 50%; } 
.mainFlexW .wrapCs .t1{ font-size:1.25em}
.mainFlexW .wrapCs .no .tt{ font-size:2.5em;}
.mainFlexW .wrapCharge { width: 100%; height: auto} 
.mainFlexW .wrapCharge .bg.pc{ display:none}
.mainFlexW .wrapCharge .bg.mo{ display:block; background-position:right top 25%}
.mainFlexW .wrapCharge.st1{min-height:43vw; padding:0 5vmin; font-size:1.125em}

/*border*/
.board_search .search .btn { width: 7em; } 
.input_st.inp { width:30em; max-width:100% } 
/* .mainFlexW .wrapBook .wrapIn .bookImgW { height: auto; }  */

/*sub_yt*/
.dp1_yt .ytList{ flex-wrap: wrap;}
.dp1_yt .ytList > li{ width:calc((100% - 1em) / 3)}


/*  */
html.pop .popWrap.audio{ width: 94vw;}

/* 정보지 */
.viewerWrap .imgW{zoom: .6;}

/*popup*/
.viewerWrap .controlW .topW .btnW .input_st{ min-width:20%; font-size:inherit !important; padding:.5em}
.viewerWrap .controlW .topW .btnW .linkBtn{ flex:1; min-width:25%}
.viewerWrap .controlW .topW .btnW .downL{ min-width:50%; flex:1}
.viewerWrap .controlW .topW .btnW select.input_st{ flex:0 0 auto; width:100%}
}


@media screen and (max-width:640px) { html:not(.pop) body { font-size:11px } 
#contents .sub_top_wrap .nav{ display: none;}

#contents .sub_menu_wrap{  }

#contents .sub_menu_wrap .gnb{ justify-content: center; margin-bottom: 0.5em; }
#contents .sub_menu_wrap .gnb > li.on{ width: 100%;}
#contents .sub_menu_wrap .gnb > li.on .dp2{ flex-wrap: wrap; border-radius: 1em;}
#contents .sub_menu_wrap .gnb > li .dp2 > li{ width:33.33%}
#contents .sub_menu_wrap .gnb > li .dp2 > li > a{}

.sub_book_info .book_info { flex: 1 1 100%; flex-direction: column; } 
.sub_book_info .book_info .bookImgW { width: 100%; padding: 2em; box-sizing: border-box;} 
.sub_book_info .book_info .bookImgW .poster { width: 100%; margin:0 auto}

.bookImgW .resize { height: 0; padding-bottom: 150%; width: 100%; background-position: center top; } 


/*header*/
#header .top_wrap .logo { height: 70; } 

/* mypage */
#contents .sub_menu_wrap{}
.form_lab .lab_con .inp_tt{ flex:1 0 100%}
}


@media screen and (max-width:550px){
.mainFlexW .wrapBuy .t1 { font-size: 2em; } 

.wrapRaceInfo .pickW .pick_info .pickNo { height: 10em;}
.wrapRaceInfo .pickW .pick_info .pickTxt { max-height: 15em;}


.wrapRace .area .listW > li{ width: calc((100% - 2.5em) / 6);}

.wrapRaceInfo .infoW.col .con2{ flex-direction: row; flex-wrap: wrap;}
.wrapRaceInfo .infoW.col .con2 .st{ width: 100%;}

.wrapRaceInfo .pickW .pick_info{ flex-wrap: wrap;}
.wrapRaceInfo .pickW .pick_info.h1,
.wrapRaceInfo .pickW .pick_info.h2{ height: auto;}
.wrapRaceInfo .pickW .pick_info .pick_tit{ width: 100%;}
.wrapRaceInfo .pickW .pick_info .pick_tit .t1 br{ display: none;}
.wrapRaceInfo .pickW .pick_info .pick_con{ flex:0 0 100%; min-height: 10em;}
.wrapRaceInfo .pickW .pick_info .pick_con .pickNo{ padding: 2em 1em;}
.wrapRaceInfo .pickW .pick_info .pick_con .pickMsg{  min-height: 8em; max-height: 15em;}
.wrapRaceInfo .pickW .pick_info .pick_tit.r1{ border-radius: 0 0 1em 1em;}

.mainFlexW .wrapBook .wrapIn .bookImgW .poster{ width: 80vw;}

.main_bannerWrap{ gap:.5em;}


/*sub_yt*/
.img_yt > a .more { width: 10em; position: absolute; right: 1em; bottom: 2.5em; padding: 0 .5em; border-radius: .5em; height: 3.5em; } 
.img_yt > a .more .ico { font-size: 1.5em; } 
.img_yt > a .more .t1 { font-size: .8em; } 

 

.sub_history .yearW .conW .tit { font-size: 1.5em; } 

/* sub_buy */
.dp2_buy .sub_buy_tit .t2{ padding: 0 3em;}

/* sub_mypage */
.dp1_mypage .page_search_wrap{ padding: 1em}
.dp1_mypage .page_search_wrap .wrapIn .input_wrap{ width: 100%;}
.dp1_mypage .page_search_wrap .wrapIn .label_st2{ width: calc((100% - 1em) / 5);}
.dp1_mypage .page_search_wrap .wrapIn .label_st2 .wrap{ justify-content: center; width: 100%; box-sizing: border-box;}
.dp1_mypage .page_search_wrap .wrapIn .wrap_tit{ width: 4em; text-align: center; word-break: keep-all;}
.dp1_mypage .page_search_wrap .wrapIn .wrap_tit .tit .xi{ margin-bottom: 0.5em;}
.dp1_mypage .page_search_wrap .label_calendar{ flex:1;}
.dp1_mypage .page_search_wrap .label_calendar .input_st.w4{ width: 100%;}
.dp1_mypage .page_search_wrap .label_calendar + .input_st.w2{ width: 100%;}

.dp2_chargeList .page_list > li .wrapIn .tr{ flex-wrap: wrap;}
.dp2_chargeList .page_list > li .wrapIn .td.wAuto{ flex: 0 0 100%}

.flex_table > li > .tr > .td.wDate{ width: 8em;}

.form_lab .lab_tit { width: 6em;}



/*border*/
.input_st.inp { width:25em; max-width:100% } 
.input_st.c4 { width: 38%; font-size: 14px; } 

/* 정보지 */
.viewerWrap .imgW{zoom: .35;}

}


@media screen and (max-width:500px){
/* header */
/* #header .top_wrap .etc_wrap .mem_wrap{ display: none;} */

/* main */
.mainFlexW .wrapBuy .t1 { font-size: 1.7em; } 
/* .mainFlexW .wrapCs { width: 100%; float: none; height: 14em; } 
.mainFlexW .wrapCs .t1{ font-size:1.25em}
.mainFlexW .wrapCs .no .tt{ font-size:2.5em;}
.mainFlexW .wrapCharge { width: 100%; } 
.mainFlexW .wrapCharge .tit{ font-size: 2.25em; text-shadow: -1px 0px #fff, 0px 1px #fff, 1px 0px #fff, 0px -1px #fff;}
.mainFlexW .wrapCharge .bank .t1{ font-size:1.5em}
.mainFlexW .wrapCharge .bank .t2{ font-size:1.75em; text-shadow: -1px 0px #fff, 0px 1px #fff, 1px 0px #fff, 0px -1px #fff;}
.mainFlexW .wrapCharge .bank .t3{ font-size: 1.5em;} */

.main_bannerWrap .buyBanner .wrapBuy { padding: 3em 1.5em}


.mainFlexW .wrapLink{ gap:.5em}

.mainFlexW .wrapYT .titW .link{ height: 3em;}


#contents .doc > .box1{ padding:2.5em 1em;}

/*sub_about*/
.sub_history .yearW .conW .tit { font-size: 4vmin; } 


/* sub_buy */
.sub_buy_list > li .wrap_in .wrap_list { gap: 1.5em; padding: 1.5em 1em;}
.sub_buy_list > li .wrap_in .wrap_list > li .in{ flex-wrap: wrap;}
.sub_buy_list > li .wrap_in .wrap_list > li .in .con{ flex:0 0 100%; gap:.5em; box-sizing: border-box;}
.sub_buy_list > li .wrap_in .wrap_list > li .in .btn{ width: 100%; border-radius: 0 0 .5em .5em;}
.sub_buy_list > li .wrap_in .wrap_list > li .in .btn .st{ flex-direction: row; height: 3em; border-left: none;}
.sub_buy_list > li .wrap_in .wrap_list > li .in .btn .st .arrow{ font-size: 2em;}
.sub_buy_list > li .wrap_in .wrap_list > li .in:hover .btn .st{ background: #555;}

.dp2_buy .sub_buy_tit .t2{ padding: 0 1.5em;}


/*border*/
.input_st.inp { width:20em; max-width:100% } 

 }


@media screen and (max-width:440px){
 /* .mainFlexW .flexW .wL2 { width: 36em; }  */

.main_bannerWrap .wrapBook{ flex:1;}
.main_bannerWrap .buyBanner{ flex:1;}

/* .mainFlexW .wrapBook .wrapIn .bookImgW { height: auto; }  */
.mainFlexW .wrapCs { width: 100%; float: none; height: 14em; } 

 }


 @media screen and (max-width:420px){
 #header .all_wrap .all { width: 1.5em; } 
/*main*/
/* .mainFlexW .wrapNotice .wrapIn .titW{ flex:1; height: 1.5em;}
.mainFlexW .wrapNotice{ height: auto;}
.mainFlexW .wrapNotice .wrapIn{ flex-wrap: wrap;} */
.mainFlexW .flexW .wGrow{ flex: 1 0 45%;}
.mainFlexW .flexW .wGrow.jeju{ flex: 1;}
.mainFlexW .noticeSlideW .el .con .date { zoom: .8;}


/*border*/
.input_st.inp { width:15em; max-width:100% } 
/*sub_yt*/
.img_yt > a .more { width: 10em; position: absolute; right: 1em; bottom: 1.5em; padding: 0 .5em; border-radius: .5em; height: 2.5em; } 


/*sub_about*/
.sub_greetings { padding-left: 27%; } 
.sub_history .yearW { gap: 2em; } 
.sub_history .yearW .conW .tit { font-size: 1.35em; } 


/*popup*/
.viewerWrap .controlW .topW .btnW .input_st{ min-width:30%; flex:1}
.viewerWrap .controlW .topW .btnW .linkBtn{ min-width:66.66%}
.viewerWrap .controlW .topW .btnW .downL{ flex:0 0 auto; width:100%; order:20}
 }


@media screen and (max-width:380px){
/* header */
#header .top_wrap .etc_wrap .mem_wrap{ zoom:.8}

/* main */
/* .mainFlexW .wrapLink{ height: auto;} */
/* .mainFlexW .wrapLink .linkSt{ flex: 0 0 100%; height: auto;} */

.mainFlexW .wrapBook .wrapIn .bookImgW .poster .poster_img > .tt {width: 50%;}

.main_bannerWrap .buyBanner .wrapBuy{ padding: 3em 1em;}
.main_bannerWrap .buyBanner .wrapBuy .t1 { font-size: 2.5em;}


.mainFlexW .wrapCs { background-position: 100% 50%; } 

.img_yt > a .more { width: 8em; position: absolute; right: 1em; bottom: 1.5em; padding: 0 .5em; border-radius: .5em; height: 2.5em; } 
.img_yt > a .more .ico { font-size: 1.2em; } 
.img_yt > a .more .t1 { font-size: .6em; } 


/*sub_about*/
.sub_greetings { padding-left: 27%; } 
.sub_history .yearW { gap: 2em; } 
.sub_history .yearW .conW .tit { font-size: 1.35em; } 


/* sub_buy */
.dp2_buy .sub_buy_tit .t2{ padding: 0;}

/* sub_mypage */


}


@media screen and (max-width:350px) { 
/* main */
.wrapRace .area .listW > li{ width: calc((100% - 1.5em) / 4);}

.mainFlexW .wrapBook .wrapIn .bookImgW{ padding: 0;}
.mainFlexW .wrapBook .wrapIn .bookImgW .poster{ width: 100%;}

/*border*/
.input_st.inp { width:10em; max-width:100% } 
 }


@media all and (orientation:landscape) { }