@media (max-width: 640px) { .con_div .con.contents { padding: 0 0; } } @import url("//fonts.googleapis.com/earlyaccess/hanna.css"); #index_div .Hanna { font-family: 'Hanna' !important; } @import url("//fonts.googleapis.com/css2?family=Mogra&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap"); #index_div .Mogra { font-family: 'Mogra' !important; } #index_div .Noto_Sans_KR { font-family: 'Noto Sans KR' !important; } @import url("//fonts.googleapis.com/earlyaccess/nanummyeongjo.css"); #index_div .Nanum_Myeongjo { font-family: 'Nanum Myeongjo', serif; } #index_div div { position: relative; } #index_div .maxwidth1080 { max-width: 1080px; margin: 0 auto; } #index_div .bg_black { background-color: #000000; color: #ffffff; } #index_div .bg_gray1 { background-color: #f6f6f6; color: #000000; } #index_div .bg_gray2 { background-color: #f7f7f7; color: #000000; } #index_div .bg_white { background-color: #ffffff; color: #000000; } #index_div .bg_yellow1 { background-color: #f59f0a; color: #000000; } #index_div .bg_yellow2 { background-color: #fdb813; } #index_div .bg_yellow3 { background-color: #fff6d4; color: #000000; } #index_div .bg_yellow4 { background-color: #ffb615; color: #000000; } #index_div .pt12px { padding-top: 12px; } #index_div .pt20px { padding-top: 20px; } #index_div .pt30px { padding-top: 30px; } #index_div .pt35px { padding-top: 35px; } #index_div .pt40px { padding-top: 40px; } #index_div .pt45px { padding-top: 45px; } #index_div .pt50px { padding-top: 50px; } #index_div .pt60px { padding-top: 60px; } #index_div .pt70px { padding-top: 70px; } #index_div .pt80px { padding-top: 80px; } #index_div .pt90px { padding-top: 90px; } #index_div .pt100px { padding-top: 100px; } #index_div .pt110px { padding-top: 110px; } #index_div .pt120px { padding-top: 120px; } #index_div .pt130px { padding-top: 130px; } #index_div .pt140px { padding-top: 140px; } #index_div .pt150px { padding-top: 150px; } #index_div .pt170px { padding-top: 170px; } #index_div .pt180px { padding-top: 180px; } #index_div .pt520px { padding-top: 520px; } #index_div .pb10px { padding-bottom: 10px; } #index_div .pb20px { padding-bottom: 20px; } #index_div .pb30px { padding-bottom: 30px; } #index_div .pb35px { padding-bottom: 35px; } #index_div .pb40px { padding-bottom: 40px; } #index_div .pb60px { padding-bottom: 60px; } #index_div .pb80px { padding-bottom: 80px; } #index_div .pb90px { padding-bottom: 90px; } #index_div .pb100px { padding-bottom: 100px; } #index_div .pb110px { padding-bottom: 110px; } #index_div .pb120px { padding-bottom: 120px; } #index_div .pb130px { padding-bottom: 130px; } #index_div .pb160px { padding-bottom: 160px; } #index_div .pb170px { padding-bottom: 170px; } #index_div .plr10px { padding-left: 10px; padding-right: 10px; } #index_div .plr20px { padding-left: 20px; padding-right: 20px; } #index_div .pl40px { padding-left: 40px; } #index_div .w50p_center { width: 50%; margin: 0 auto; } #index_div .w60p_center { width: 60%; margin: 0 auto; } #index_div .w84p_center { width: 84%; margin: 0 auto; } #index_div .w90p_center { width: 90%; margin: 0 auto; } #index_div .w94p_center { width: 94%; margin: 0 auto; } #index_div .fc_white { color: #ffffff; } #index_div .fc_gray1 { color: #7d7d7d; } #index_div .fc_gray2 { color: #252525; } #index_div .fc_gray3 { color: #555555; } #index_div .fc_orange1 { color: #f59f0a; } #index_div .fc_orange2 { color: #fdb813; } #index_div .fc_blue1 { color: #1d394f; } #index_div .fc_blue2 { color: #242f38; } #index_div .fc_whiteyellow1 { color: #fff6d4; } #index_div .fs_24px { font-size: 24px; } #index_div .fs_26px { font-size: 26px; } #index_div .fs_28px { font-size: 28px; } #index_div .fs_30px { font-size: 30px; } #index_div .fs_32px { font-size: 32px; } #index_div .fs_34px { font-size: 34px; } #index_div .fs_35px { font-size: 35px; } #index_div .fs_36px { font-size: 36px; } #index_div .fs_38px { font-size: 38px; } #index_div .fs_40px { font-size: 40px; } #index_div .fs_41px { font-size: 41px; } #index_div .fs_44px { font-size: 44px; } #index_div .fs_45px { font-size: 45px; } #index_div .fs_48px { font-size: 48px; } #index_div .fs_50px { font-size: 50px; } #index_div .fs_53px { font-size: 53px; } #index_div .fs_54px { font-size: 54px; } #index_div .fs_60px { font-size: 60px; } #index_div .fs_65px { font-size: 65px; } #index_div .fs_66px { font-size: 66px; } #index_div .fs_70px { font-size: 70px; } #index_div .fs_72px { font-size: 72px; } #index_div .fs_75px { font-size: 75px; } #index_div .fs_82px { font-size: 82px; } #index_div .fs_88px { font-size: 88px; } #index_div .fs_94px { font-size: 94px; } #index_div .fs_100px { font-size: 100px; } #index_div .fs_117px { font-size: 117px; } #index_div .fs_120px { font-size: 120px; } #index_div .fs_160px { font-size: 160px; } #index_div .font_light { font-weight: lighter; } #index_div .font_bold { font-weight: bold; } #index_div .font_ud1 { border-bottom: 1px solid #fff6d4; } #index_div .font_ud2 { border-bottom: 9px solid #000000; } #index_div .font_ud3 { border-bottom: 1px solid #ffffff; } #index_div .font_ud4 { border-bottom: 1px solid #363636; } #index_div .lh_200p { line-height: 200%; } #index_div .aligncenter { text-align: center; } #index_div .line_left1 { position: absolute; top: 45px; left: 0; width: 15%; height: 1px; background: #ffffff; } #index_div .line_right1 { position: absolute; top: 45px; right: 0; width: 15%; height: 1px; background: #ffffff; } #index_div .line_left2 { position: absolute; top: 115px; left: 0; width: 20%; height: 1px; background: #f59f0a; } #index_div .line_right2 { position: absolute; top: 115px; right: 0; width: 20%; height: 1px; background: #f59f0a; } #index_div .bd_orange1 { border: 2px solid #fdb813; } #index_div .p_ab { position: absolute; } #index_div .top_m57px { top: -47px; } #index_div .right_m26px { right: -26px; } #index_div .br_10px { border-radius: 10px; } #index_div .bs_0_0_10_5 { box-shadow: 0 0 10px 5px #00000012; } #index_div .fl_left { float: left; } #index_div .fl_left.w5 { width: 5%; } #index_div .fl_left.w40 { width: 40%; } #index_div .fl_left.w45 { width: 45%; } #index_div .fl_left.w50 { width: 50%; } #index_div .fl_left.w55 { width: 55%; } #index_div .fl_left.w60 { width: 60%; } #index_div .fl_left.w95 { width: 95%; } #index_div .fl_after_clear:after { clear: both; display: block; content:''; } #index_div .bg_yellow_left { position: absolute; background: #fdb813; width: 299px; height: 100%; } #index_div .consult_form input[type=text] { width: 100%; height: 50px; border: none; background: #ffffff; color: #999999; font-size: 21px; padding: 0 20px; } #index_div .consult_form textarea { width: 100%; height: 110px; border: none; background: #ffffff; padding: 16px; } #index_div .consult_form button { width: 70%; height: 60px; line-height: 60px; color: #ffffff; font-size: 24px; font-weight: bold; border: none; background: #000000; border-radius: 100px; } #countdown { width: 90%; margin: 0 auto; text-align: center; } #countdown > span.num { position: relative; display: inline-block; font-size: 120px; line-height: 190px; font-weight: bold; text-align: center; color: #000000; background-color: #ffffff; background-image: -webkit-linear-gradient(top, #ffffff, #c9c9c9); background-image: -moz-linear-gradient(top, #ffffff, #c9c9c9); background-image: -ms-linear-gradient(top, #ffffff, #c9c9c9); background-image: -o-linear-gradient(top, #ffffff, #c9c9c9); border-top: 1px solid #fff; border-radius: 10px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7); margin: 0 7px; padding: 0 10px; vertical-align: middle; } #countdown > span.num:after { content: ""; width: 100%; height: 4px; background: #000000; display: block; position: absolute; top: calc( 50% - 2px ); left: 0; } #countdown > span.day { position: relative; display: inline-block; font-size: 72px; line-height: 190px; font-weight: bold; text-align: center; color: #ffffff; vertical-align: middle; } #countdown > span.dot { position: relative; display: inline-block; font-size: 120px; line-height: 190px; font-weight: bold; text-align: center; color: #ffffff; vertical-align: middle; } .in_order_view_1 li { opacity: 0; } .in_order_view_1 li.on { opacity: 1; } .affiliated_02 { background: url("../img/affiliated/affiliated_02.png") top no-repeat; background-size: 100% auto; } .affiliated_04 { background-image: url("../img/affiliated/affiliated_04.png"); background-position: top center; background-repeat: no-repeat; } .affiliated_04_ul li { float: left; width: 32%; margin-right: 2%; padding: 20px 0; background: #ffffff; border-radius: 10px; } .affiliated_04_ul li:last-child { margin-right: 0; } .affiliated_04_ul:after { clear: both; display: block; content:''; } .affiliated_05 { background-image: url("../img/affiliated/affiliated_05.png"); background-position: top center; background-repeat: no-repeat; } #index_div .bx-controls { position: unset; } #index_div .bx-controls-direction { position: unset; } ul.dot_checkbox { position: relative; } ul.dot_checkbox li:before { content: ''; background: url("../img/affiliated/affiliated_10.png") top no-repeat; background-size: 100% auto; position: absolute; width: 51px; height: 40px; left: 0; top: 10px; } ul.dot_checkbox li { position: relative; padding-left: 90px; } ul.dot_wonnum { position: relative; } ul.dot_wonnum li div { float: left; } ul.dot_wonnum li div:nth-child(1) { padding-right: 5px; } ul.dot_wonnum li div:nth-child(2) { } ul.dot_wonnum li:after { clear: both; display: block; content:''; } ul.link { } ul.link li { float: left; width: 25%; text-align: center; } ul.link:after { clear: both; display: block; content:''; } .kakaobtn { display: inline-block; height: 93px; line-height: 85px; padding: 0 50px 0 20px; color: #f9e001; background: #000000; border-radius: 100px; } @media (max-width: 640px) { #index_div .pt12px { padding-top: 6px; } #index_div .pt20px { padding-top: 10px; } #index_div .pt30px { padding-top: 15px; } #index_div .pt35px { padding-top: 17px; } #index_div .pt40px { padding-top: 20px; } #index_div .pt45px { padding-top: 22px; } #index_div .pt50px { padding-top: 25px; } #index_div .pt60px { padding-top: 30px; } #index_div .pt70px { padding-top: 35px; } #index_div .pt80px { padding-top: 40px; } #index_div .pt90px { padding-top: 45px; } #index_div .pt100px { padding-top: 50px; } #index_div .pt110px { padding-top: 55px; } #index_div .pt120px { padding-top: 60px; } #index_div .pt130px { padding-top: 65px; } #index_div .pt140px { padding-top: 70px; } #index_div .pt150px { padding-top: 75px; } #index_div .pt170px { padding-top: 85px; } #index_div .pt180px { padding-top: 90px; } #index_div .pt520px { padding-top: 120px; } #index_div .pt20px_m { padding-top: 10px; } #index_div .pb10px { padding-bottom: 5px; } #index_div .pb20px { padding-bottom: 10px; } #index_div .pb30px { padding-bottom: 15px; } #index_div .pb35px { padding-bottom: 17px; } #index_div .pb40px { padding-bottom: 20px; } #index_div .pb60px { padding-bottom: 30px; } #index_div .pb80px { padding-bottom: 40px; } #index_div .pb90px { padding-bottom: 45px; } #index_div .pb100px { padding-bottom: 50px; } #index_div .pb110px { padding-bottom: 55px; } #index_div .pb120px { padding-bottom: 60px; } #index_div .pb130px { padding-bottom: 65px; } #index_div .pb160px { padding-bottom: 80px; } #index_div .pb170px { padding-bottom: 85px; } #index_div .pb90px_m { padding-bottom: 45px; } #index_div .plr10px { padding-left: 5px; padding-right: 5px; } #index_div .plr20px { padding-left: 10px; padding-right: 10px; } #index_div .pl40px { padding-left: 10px; } #index_div .w50p_center { width: 50%; margin: 0 auto; }/**/ #index_div .w60p_center { width: 60%; margin: 0 auto; }/**/ #index_div .w60p_center.w60p_center2 { width: 80%; margin: 0 auto; }/**/ #index_div .w84p_center { width: 84%; margin: 0 auto; }/**/ #index_div .w90p_center { width: 90%; margin: 0 auto; }/**/ #index_div .w94p_center { width: 94%; margin: 0 auto; }/**/ #index_div .fs_24px { font-size: 12px; } #index_div .fs_24px_m { font-size: 12px !important; } #index_div .fs_26px { font-size: 13px; } #index_div .fs_28px { font-size: 14px; } #index_div .fs_28px_m { font-size: 14px !important; } #index_div .fs_30px { font-size: 15px; } #index_div .fs_32px { font-size: 16px; } #index_div .fs_34px { font-size: 17px; } #index_div .fs_35px { font-size: 17px; } #index_div .fs_36px { font-size: 18px; } #index_div .fs_38px { font-size: 19px; } #index_div .fs_40px { font-size: 20px; } #index_div .fs_41px { font-size: 20px; } #index_div .fs_44px { font-size: 22px; } #index_div .fs_45px { font-size: 22px; } #index_div .fs_48px { font-size: 24px; } #index_div .fs_50px { font-size: 25px; } #index_div .fs_53px { font-size: 26px; } #index_div .fs_54px { font-size: 27px; } #index_div .fs_60px { font-size: 30px; } #index_div .fs_65px { font-size: 32px; } #index_div .fs_66px { font-size: 33px; } #index_div .fs_70px { font-size: 35px; } #index_div .fs_72px { font-size: 36px; } #index_div .fs_75px { font-size: 37px; } #index_div .fs_82px { font-size: 41px; } #index_div .fs_88px { font-size: 44px; } #index_div .fs_94px { font-size: 47px; } #index_div .fs_100px { font-size: 50px; } #index_div .fs_117px { font-size: 58px; } #index_div .fs_120px { font-size: 60px; } #index_div .fs_160px { font-size: 80px; } #index_div .font_ud2 { border-bottom: 9px solid #000000; }/**/ #index_div .line_left1 { position: absolute; top: 20px; left: 0; width: 10%; height: 1px; background: #ffffff; } #index_div .line_right1 { position: absolute; top: 20px; right: 0; width: 10%; height: 1px; background: #ffffff; } #index_div .line_left2 { position: absolute; top: 55px; left: 0; width: 15%; height: 1px; background: #f59f0a; } #index_div .line_right2 { position: absolute; top: 55px; right: 0; width: 15%; height: 1px; background: #f59f0a; } #index_div .bd_orange1 { border: 2px solid #fdb813; }/**/ #index_div .top_m57px { top: -23px; } #index_div .right_m26px { right: -13px; } #index_div .br_10px { border-radius: 10px; }/**/ #index_div .bs_0_0_10_5 { box-shadow: 0 0 10px 5px #00000012; }/**/ #index_div .fl_left.w5 { width: 5%; }/**/ #index_div .fl_left.w40 { width: 40%; }/**/ #index_div .fl_left.w45 { width: 45%; }/**/ #index_div .fl_left.w50 { width: 50%; }/**/ #index_div .fl_left.w55 { width: 55%; }/**/ #index_div .fl_left.w60 { width: 60%; }/**/ #index_div .fl_left.w30m { width: 30%; } #index_div .fl_left.w70m { width: 70%; } #index_div .bg_yellow_left { position: absolute; background: #fdb813; width: 25%; height: 100%; } #index_div .consult_form input[type=text] { width: 100%; height: 33px; border: none; background: #ffffff; color: #999999; font-size: 14px; padding: 0 7px; } #index_div .consult_form textarea { width: 100%; height: 68px; border: none; background: #ffffff; padding: 7px; font-size: 14px; } #index_div .consult_form button { width: 100%; height: 40px; line-height: 40px; color: #ffffff; font-size: 14px; font-weight: bold; border: none; background: #000000; border-radius: 50px; } #index_div .consult_form .fs_18px label { font-size: 12px; } #countdown { width: 94%; margin: 0 auto; text-align: center; } #countdown > span.num { position: relative; display: inline-block; font-size: 35px; line-height: 70px; font-weight: bold; text-align: center; color: #000000; background-color: #ffffff; background-image: -webkit-linear-gradient(top, #ffffff, #c9c9c9); background-image: -moz-linear-gradient(top, #ffffff, #c9c9c9); background-image: -ms-linear-gradient(top, #ffffff, #c9c9c9); background-image: -o-linear-gradient(top, #ffffff, #c9c9c9); border-top: 1px solid #fff; border-radius: 8px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7); margin: 0 4px; padding: 0 5px; vertical-align: middle; } #countdown > span.num:after { content: ""; width: 100%; height: 2px; background: #000000; display: block; position: absolute; top: calc( 50% - 2px ); left: 0; } #countdown > span.day { position: relative; display: inline-block; font-size: 30px; line-height: 70px; font-weight: bold; text-align: center; color: #ffffff; vertical-align: middle; } #countdown > span.dot { position: relative; display: inline-block; font-size: 30px; line-height: 70px; font-weight: bold; text-align: center; color: #ffffff; vertical-align: middle; } .affiliated_02 { background: url("../img/affiliated/affiliated_02.png") top no-repeat; background-size: 100% auto; } .affiliated_04 { background-image: url("../img/affiliated/affiliated_04.png"); background-position: top center; background-repeat: no-repeat; background-size: 100% auto; } .affiliated_05 { background-image: url("../img/affiliated/affiliated_05.png"); background-position: top center; background-repeat: no-repeat; background-size: 100% auto; } ul.dot_checkbox li:before { content: ''; background: url("../img/affiliated/affiliated_10.png") top no-repeat; background-size: 100% auto; position: absolute; width: 17px; height: 13px; left: 0; top: 3px; } ul.dot_checkbox li { position: relative; padding-left: 30px; } ul.dot_wonnum li div:nth-child(1) { padding-right: 3px; } ul.link li img { max-width: 70%; } .kakaobtn { display: inline-block; height: 38px; line-height: 33px; padding: 0 17px 0 7px; color: #f9e001; background: #000000; border-radius: 50px; }/**/ #index_div .affiliated_01 { max-width: 30%; } #index_div .affiliated_03 { max-width: 40%; } #index_div .affiliated_09 { max-width: 94%; } #index_div .affiliated_17 { max-width: 15%; } #index_div .affiliated_18 { max-width: 10%; } #index_div .affiliated_19 { max-width: 20%; } #index_div .w70p_center_m { width: 70%; margin: 0 auto;} #index_div .w94p_center_m { width: 94%; margin: 0 auto;} }