@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@200;300;400;500;600;700;800&display=swap');

@font-face {
    font-family: 'Pretendard';
    src: url(../img/css/PretendardVariable.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,select{margin:0;padding:0}
fieldset{border:0}
img{border:0;width:100%;max-width:100%}
input,textarea,select{font-family: 'Pretendard';vertical-align:middle; outline: none;}
ul,ol,li,dl{list-style:none}
table caption{display:none}
table{border-collapse:collapse; table-layout: fixed;}
h1,h2,h3{font-family: 'Pretendard';}

html, body {font-size: 16px;}

body{font-family: 'Pretendard';color:#090909;line-height:1;font-weight:normal;padding:0;margin:0;}

body{ 
-ms-overflow-style: none; 
} 

::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #c9c9c9c9; }
::-webkit-scrollbar-track { background-color: transparent; }

a {color:inherit;text-decoration:none;}
a:hover {text-decoration:none}

.t_hid{width:0;height:0;font-size:0;line-height:0;overflow:hidden}
.mbg{background:url(img/mbg.png) no-repeat;font-size:0;text-indent:-9999px;display:inline-block}

/* logo,search */
.twrap{padding:0 2%;}
.t_me{padding:12px;position:relative;}
.tico{position:absolute;display:inline-block;width:26px;height:26px;top:20px}
.tico.ti1{background-position:-152px 0;right:44px !important}
.tico.ti2{background-position:-190px 0;right:4px !important;width:28px}
.tico.ti3{background-position:-231px 0;right:4px !important;width:28px}
.logo{display:block;max-width:200px;margin:10px auto;text-align:center;}

.cate{position:absolute;top:5px;right:2%;width:32px;height:30px}
.menu{overflow:hidden;height:46px;background:#007fd9}
.menu li{float:left;width:25%;height:46px;line-height:46px;text-align:center}
.menu li a{display:block;border-right:1px solid #3594ed;width:99.8%;font-size:15px;color:#fff}
.menu li.on span{display:inline-block;width:32px;height:32px;background-position:-267px 0;vertical-align:middle;margin:0 4px 0 0}
.menu li.on{background:#374580}
.menu li:last-child a{border:0}

.meCate{position:absolute;z-index:9999;width:100%;overflow:hidden;background:#007fd9;padding:4px 0 0 0}
.meCate li{position:relative;background:#fff}
.meCate li a{display:block;height:30px;padding:10px 0 0 15px;border-top:1px solid #ededed;font-size:14px;color:#111;line-height:19px}
.meCate li:first-child a{border-top:0}
.meCate li a.on{color:#ff5400;font-weight:600}
.ico_cate{position:absolute;top:12px;right:15px;background-position:-158px -40px;width:12px;height:20px}
.ico_cate.ic1{background-position:-178px -40px}
.smenu a{display:block;height:30px;padding:10px 0 0 15px;background:#f7f7f7;color:#777 !important}
.smenu a.on{font-weight:600;color:#111 !important}
.smenu a em{display:inline-block;background:url(img/i_reple.png) no-repeat;width:8px;height:8px;padding:0 5px 0 2px}

/*  Main */
.area{padding:0 0 10px;background:#f6f6f6}
.mBan{width:100%;height:auto;position:relative;margin:0 0 10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.mimg{width:100%;height:auto}
.mzone{position:absolute;z-index:10;bottom:30px;width:90%;margin:0 5%}
.mzone fieldset{height:46px;width:98%;margin:0 auto;border:1px solid #f15361;background:#fff;overflow:hidden;opacity:0.9}
.mzone input{float:left;width:280px;height:30px;line-height:30px;padding:8px 10px;color:#111;border:0}
.snsbtn{background:#f15361;display:block;width:54px;height:48px;float:right}
.snsbtn span{display:block;width:32px;height:28px;margin:10px auto 0;background-position:0 -40px}
.mzone ul{overflow:hidden}
.mzone li{float:left;margin:20px 1% 0;width:48%}
.mzone li a{display:block;border-radius:6px;background:#061b2f;height:44px;width:100%;text-align:center;padding:10px 0 0}

.new_item{width:100%;height:auto;position:relative}
.new_txt{position:absolute;top:0;z-index:10;width:100%;text-align:center}
.new_txt h4{color:#fff;padding:30px 0 0;font-size:18px;font-weight:400;letter-spacing:-1px}
.new_txt strong{font-size:42px;line-height:42px;letter-spacing:-2px;font-style:italic;font-weight:500;display:block;color:#fff;opacity:0.8}
.new_btn{display:block;width:100px;height:26px;line-height:26px;border:1px solid #fff;color:#fff;border-radius:13px;opacity:0.8;margin:12px auto 0}

.md_cont{width:94%;background:#fff;padding:0 3%}
.md_cont h3{font-size:18px;font-weight:500;color:#323B4A;padding:16px 0 12px;}
.md_cont ul{overflow:hidden}
.md_cont li{float:left;width:49%;margin:0 0 15px;position:relative}
.md_cont ul > li:nth-child(2n){margin-left:2%}
.md_cont img{width:100%;margin:0 0 10px;max-height:200px;}
.md_cont li span{display:block;line-height:160%;overflow:hidden;}
.ban_tit{color:#505050;font-size:15px;font-weight:600}
.ban_prc{color:#ff5400;font-size:15px}
.ban_prca{color:#666666;font-size:13px;}
.md_prc{color:#111;font-size:15px}
.ico_mov{display:block;position:absolute;top:0;left:0;width:36px;height:36px;background:#313131;text-align:center;opacity:0.8}
.ico_mov em{display:block;background-position:-46px -40px;width:24px;height:21px;margin:6px auto 0}
.unit{font-weight:400;color:#666;font-size:13px;padding:0 0 0 4px}

.mtit{padding:10px 3%;position:relative}
.mtit h3{font-size:17px;color:#000;font-weight:600}
.more{display:inline-block;position:absolute;right:15px;top:10px;font-weight:600;color:#929292 !important;font-size:10px}
.notice{background:#fff;padding:10px 0}
.notice ul{padding:0 3%}
.notice li{border-top:1px solid #eee;padding:0 5px}
.notice li a{display:block;overflow:hidden;padding:12px 0}
.notice li span{display:inline-block;float:right;text-align:right;width:30%;color:#999}
.notice li em{display:inline-block;width:70%;float:left;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*  VIEW  */
.head_tit em{display:block;font-size:16px;color:#999}
.head_tit h4{margin:6px 0 0 0;font-size:18px;color:#222;font-weight:normal}
.items{overflow:hidden;text-align:center;margin:20px 0 0 0}
.items img{width:100%;height:auto}
.price_zone li{display:table;position:relative;font-size:15px;width:100%;color:#999;margin:10px 0 0;line-height:20px}
.price_zone li:first-child{margin:0}
.ptit{display:table-cell;width:120px}
.ptit.pt1{font-size:13px}
.price.pr1{font-size:13px;color:#0070d9}
.price strong{font-size:20px;color:#000}
.per{position:absolute;font-size:26px;color:#ff5400 !important;letter-spacing:-2px;right:0;bottom:-3px}
.per strong{font-size:36px;font-weight:600;color:#ff5400 !important}
.order_lst li{display:table;width:100%;margin:0 0 8px}
.total{background:#eee;height:46px;font-size:15px;line-height:46px}
.total span{color:#000}
.total strong{font-size:18px;padding:0 5px}
.order_lst em{width:90px;display:table-cell;color:#111;padding:0 0 0 10px}
.order_lst select{border:1px solid #ddd;background:#fff;height:32px;line-height:30px;width:100%;padding:0 0 0 2%}
.opNum{position:relative;padding:0 30px}
.opNum button{margin:0;position:absolute;top:0;width:32px;height:32px;border:1px solid #ddd;background:#fff;color:#888;font-weight:600;text-align:center}
.opNum button.numSub{left:0}
.opNum button.numAdd{right:0}
.opNum input{text-align:center;width:100%;border:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:28px;font-size:14px;color:#111}
.order_btn{height:50px;overflow:hidden;margin:20px 0 0}
.order_btn li{float:left;width:50%}
.order_btn a{display:block;width:99.5%;height:48px;line-height:48px;font-size:16px;color:#fff;background:#333;text-align:center}
.order_btn li:first-child a{background:#dc1a5b;}
.order_btn li.grey a{background:#363c43;border-bottom:2px solid #2c3137}
.rcont_btn {width:100%;overflow:hidden;margin-top:20px;display:flex;flex-basis:auto;justify-content:center;}
.rcont_btn li {width:31%;}
.rcont_btn li:nth-child(2) {margin:0 2px;}
.vtab{display:table;width:100%;background:#fff}
.vtab li{display:table-cell;height:47px;border-bottom:1px solid #ccc;text-align:center}
.vtab a{display:block;font-size:15px;line-height:47px}
.vtab li.on{border-bottom:2px solid #000}
.vtab li.on a{color:#000;font-weight:600}
.dilv{margin:20px 0}
.dilv dt{padding:10px 0;font-size:15px;color:#111;font-weight:500;line-height:25px}
.dilv dt em{font-size:12px}
.dilv dd{line-height:25px}
.rev_wrap{text-align:center;padding:30px 3%}
.rating p{margin:0 0 20px}
.rating img{width:24px}
.rating strong{display:block;color:#ff5400;font-weight:700;font-size:24px;font-style:oblique;margin:0 0 10px}
.rev_txt{font-size:15px;color:#777}
.rev_txt span{font-size:17px;color:#111}
.re_tit{overflow:hidden;padding:0 0 10px;border-bottom:1px solid #ddd}
.re_tit .seltxt{width:100px;float:left}
.re_tit label{width:100px;float:right;text-align:right;line-height:34px}
.view_lst dl{padding:20px 5px;border-bottom:1px solid #ddd}
.view_lst dt{overflow:hidden;font-size:15px;}
.view_lst dt span{display:inline-block;color:#333;font-weight:500}
.view_lst dt em{display:inline-block;float:right;text-align:right}
.istar{display:block;padding:10px 0}
.istar img{width:12px;height:12px;line-height:15px;vertical-align:initial}
.istar em{color:#ff5400;font-weight:600;font-size:14px;font-style:oblique;padding:0 0 0 5px}
.view_lst dd p{line-height:21px;font-size:14px;color:#888}
.ps_txt{padding:10px 3% 0}
.ps_txt li{padding:5px 0 0 18px;position:relative}
.icheck{width:13px;height:13px;margin:0 5px 0 0;background-position:-364px 0;position:absolute;top:6px;left:0}

/*  LIST  */
.ctit{padding:12px 3%}
.list_area{position:relative;height:36px;border-top:1px solid #ddd;background:#fff}
.list_area .seltxt{position:absolute;top:10px;left:15px;width:110px}
.lst_type{position:absolute;overflow:hidden;top:10px;right:15px;width:72px;height:30px;border:1px solid #ddd}
.lst_btn{display:inline-block;float:left;background-position:-36px -70px;width:36px;height:28px}
.lst_btn.on{background-position:0 -70px}
.lst_btn.lb1{background-position:-36px -96px}
.lst_btn.lb1.on{background-position:0 -96px}
.item_list{overflow:hidden;min-height:98px;padding:12px 10px;border-top:1px solid #dedede}
.item_list .cart_item{width:75%;float:left;padding:0;border-top:0;}
.item_btn{width:20%;float:right}

.checkbox{position:relative;height:16px;width:16px;display:inline-block;background:#fff;border:2px solid #ddd;vertical-align:middle}
.check{opacity:0;background:#f00;position:absolute;height:100%;width:100%;left:0;top:0}
.inner{display:block;border-bottom:2px solid #ff5400;border-right:2px solid #ff5400;position:absolute;height:18px;width:10px;transform-origin:-35% 30%;top:-15px;left:9px;transform:rotate(45deg)}
.cart_item{overflow:hidden;padding:15px 0;border-top:1px solid #eee;}
.cart_item dd{float:left;position:relative;padding:3px 0 0 3px}
.cart_item dd .checkbox{position:absolute;z-index:10;left:0;top:0}
.cart_item dt{margin:6px 0 0 9px;float:left;}
.cart_item dt strong{display:block;color:#000;font-weight:600;margin:0 0 3px}
.op_tit{font-size:15px;}
.op_txt{padding:5px 0;font-size:12px}

/*  My page  */
.vstit{font-size:14px;padding:12px 3%;color:#1387f4;font-weight:600;border-bottom:1px solid #ddd}
.list_tit{position:relative;width:100%;height:300px;text-align:center;background:url(img/cover_img.jpg) no-repeat center}
.profile{position:absolute;top:40px;left:50%;width:100%;text-align:center;transform:translateX(-73%);}
.pro_img{margin:0 auto;width:60px;height:60px;border:2px solid #fff;border-radius:50%;opacity:0.8}
.pro_set{display:inline-block;position:absolute;top:40px;left:50%;transform:translateX(-50%);border-radius:50%;width:24px;height:24px;background:#fff;box-shadow:0 0 5px 1px rgba(0,0,0,0.25);margin:0 0 0 25px}
.pro_set span{background-position:-230px -38px;width:15px;height:15px;display:inline-block;margin:4px 0 0 0}
.profile p{font-size:16px;color:#fff;margin:5px 0;text-shadow:0 1px 3px #111}
.profile strong{font-size:20px;letter-spacing:-1px;font-weight:600}
.list_txt{position:absolute;bottom:20px;left:50%;width:100%;transform:translateX(-50%);z-index:10;color:#fff}
.list_txt ul{overflow:hidden;width:92%;margin:0 4%;border-right:1px solid #000;background:rgba(0,0,0,0.5)}
.list_txt li{float:left;width:24.6%;border:1px solid #000;padding:10px 0 8px;border-right:0}
.list_txt li strong{display:block;font-family:arial}
.list_txt p{color:#aaa;width:260px;margin:14px auto 0 auto;text-align:left}
.list_txt p strong{display:inline-block;width:40px;color:#fff}
.per_list, .date{background:#fff}
.date li{border-top:1px solid #ddd;padding:8px 3% 8px 0;height:32px;line-height:32px}
.per_list li:first-child, .date li:first-child{border-top:0}
.date_4ea{float:left;background:url(img/myg.gif) no-repeat -108px 0;overflow:hidden;width:220px;height:29px}
.date_4ea dd{width:54px;text-align:center;color:#444;float:left}
.date_4ea dd a{width:54px;height:29px;line-height:26px;display:block}
.date_4ea dd a.on{background:url(img/myg.gif) no-repeat 0 0;color:#fff}
.per_list li{border-top:1px solid #ddd;padding:8px 3%;height:32px;line-height:32px;overflow:hidden}
.per_list strong{display:inline-block;width:80px;float:left;font-weight:400}
.per_list .period{float:left}
.cart_total{padding:7px 0}
.cart_total li{overflow:hidden;padding:6px 4px;font-size:14px}
.cart_total em{float:left}
.cart_total strong{float:right;text-align:right;font-weight:600}
.cart_price{font-size:14px;color:#888}
.cart_price li{padding:6px 0 0;overflow:hidden}
.cart_price span{float:left;width:30%;display:inline-block}
.cart_price em{display:inline-block;float:left}

.stit{color:#111;padding:4px 0 12px;border-bottom:1px solid #666;font-size:1.05rem;font-weight:600; margin:0;}
.psTxt{margin:15px 10px;font-size:12px;line-height:16px;color:#777}
.psTxt li{padding:3px 0 3px 20px;background:url(simg/page/ico_01.png) no-repeat 0 2px}
.period{position:relative}
.sbtn_sch{position:absolute;top:3px;right:0;width:30px;height:30px;background:#f0f0f0;border:1px solid #ddd;text-align:center}
.sbtn_sch span{display:inline-block;background-position:-252px -39px;width:20px;height:20px;margin:6px 0 0}

.boardSch .inptxt {width:85%;margin-left: 1.3em; border: none; font-size: 0.9em;}
.reinfo ul li{font-size:16px;color:#9c9c9c;line-height:26px;}
.reinfo ul li span {display:inline-block;width:75px;border-right:1px solid #e9e9e9;margin-right:3px;}
.reico_btns_box { display: block; }
.reinfo ul li em {margin-left:7px;}
.retit1{float:left;width:100%}
.reico .play_count { font-size:13px; }
.reico .reico_btns_box a { display: inline-block; margin-top: 5px; }
.reico em{display:inline-block;width:30px;text-align:right}
.ico{display:inline-block;height:17px;width:17px;background-position:-84px -72px;vertical-align:middle}
.ico.ic1{background-position:-138px -71px}
.ico.ic2{background-position:-110px -71px}
.file{position:relative;}
.btn_add{display:inline-block;font-size:0.8rem;background:#0072b1;color:#fff !important;text-align:center;border: 1px solid #0072b1; padding: 0.4em 1.2em;}

/*  LOGIN  */
.find_blk { display: flex; align-items: center; justify-content: center; font-size: 0.85rem; padding: 1em 0 0; }
.find_blk a { color:#888; }
.slash1 { font-size:0.85em; padding: 0 1.5em; color:#bbb; }
.tabmenu{overflow:hidden;width:410px;height:52px;background:url(img/bg_tabmenu.jpg) no-repeat;margin:0 0 20px 0;font-size:14px}
.tabmenu li{float:left;height:52px;text-align:center;width:136px;line-height:52px;font-weight:bold}
.tabmenu li.on{background:#4f5f6f}
.tabmenu li.on a{color:#fff}
.tabmenu_ipin{overflow:hidden;width:410px;height:50px;margin:0 0 20px 0;background:#fff}
.tabmenu_ipin li{float:left;height:48px;text-align:center;line-height:48px;width:204px;border:1px solid #d5d7dd;border-left:0;font-weight:bold}
.tabmenu_ipin li.on{background:#4f5f6f}
.tabmenu_ipin li.on a{color:#fff}
.logbox{width:380px;min-height:360px;border:1px solid #eee;background:#fff}
.logbox h3{font-size:20px;line-height:20px;font-weight:500;padding:18px 20px 18px 14px;border-bottom:1px solid #eee;color:#0f6bd3}
.rule_txt{padding:18px 0 18px 10px}
.rule{padding:18px 0 25px;border-top:1px solid #eee}
.must{font-size:14px;color:#f9530b}
.rule dt{padding:0 0 12px 0;font-size:15px;color:#111}
.scroll{border:1px solid #e7e7e7;height:50px;padding:10px 7px;background:#f9f9f9;line-height:22px;margin:0 auto;overflow:hidden;overflow-y:auto;width:100%;font-size:13px}
.txt_info{color:#999;padding:20px 0;font-size:12px}
.noti_box{margin:0 0 40px;color:#999;line-height:20px;border:1px solid #eee;background:#fff;padding:26px 15px}
.noti_box dt{padding:0 0 10px;font-size:14px;color:#444}

/*???? ?????? ????*/
.mytbl { margin-top: 2rem; }
.mytbl, .vtbl, .tbl{width:100%;background:#fff;font-size: 0.85rem;}
.tbl th{padding:10px;border:1px solid #ccc;background:#f2f2f2;font-weight:400;color:#111}
.tbl td{padding:10px;border:1px solid #ccc;line-height:21px}
.vtbl th{padding:10px;border-bottom:1px solid #ddd;text-align:left;font-size:14px;background-color: #f5f5f5;}
.vtbl td{padding:10px 3%;border-bottom:1px solid #ddd;line-height:20px;font-size:14px;line-height: 1.2;}
.mytbl th{padding:12px 10px;font-weight:400;color:#000;border-bottom:1px solid #dedfde;border-top:2px solid #000;}
.mytbl th:first-child{border-left:0;}
.mytbl td{padding:10px;border-bottom:1px solid #ececec;line-height:1.4;text-align:center}
.mytbl td.cont_title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mytbl td.cont_title .list_icons { display: inline-block; font-size: 0.65rem; font-weight: 300; padding: 0.1em 0.35em; margin-right: 3px; border-radius: 3px; background-color: #b9b9b9; color:#fff; }
.mytbl td.cont_title .list_icons.color_ck { background-color: #0072b7; }
td.tl{text-align:left; }
td.tltxt{text-align:left;padding:20px 3%;font-size:0.95rem}
.mytbl td .board_writer { font-size: 0.9em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mytbl td .board_date { font-size: 0.85em; color:#767676; }

/* BUTTON */
.detail_sns_box {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.7em;

    .sns_icons {
        width: 27px;
        height: 27px;
        border-radius: 0.2em;
        overflow: hidden;
    }
}
.btns, .fbtn, .sns_btns { width: 100%; max-width: 450px; margin:auto; text-align: center; }
.btns a, .fbtn a, .sns_btns a { width: 100%; display:block; background:#fff; border: 1px solid #ddd; font-size:0.95rem; padding: 1em 0; }
.fbtn a { margin-top: 10px; }
.btns a { background:#0072b1; border: 1px solid #0072b1; color:#fff }
.sns_btns a { padding: 0.85em 0; display: flex; align-items: center; justify-content: center; border: none; font-weight: 500; }
.sns_btns a img { max-width: 25px; margin-right: 0.35em; margin-top: -2px; }
.sns_btns a.naver { background-color: #06bd34; color: #fff; }
.sns_btns a.kakao { background-color: #ffe617; color: #47292b; }
.btn_more{display:block;background:#b6bec4;font-size:15px;padding:14px 0;color:#fff!important;font-weight:600;text-align:center}
.btn_more_red{display:block;background:#3363db;font-size:15px;padding:14px 0;color:#fff!important;font-weight:600;text-align:center}
.btn_review{display:block;background:#fff;font-size:15px;padding:13px 0;border:2px solid #eee;margin:30px 0 0}
.btn_review em{display:inline-block;background-position:-197px -38px;width:20px;height:20px;margin:0 10px 0 0;vertical-align:middle}
.sbtn{ display: inline-block; background:#b4b4b4;color:#fff !important;padding:0.6em 0; font-size:0.85em; text-align: center; width: 70%; max-width: 80px;}
.sbtna{background:#357cc3;color:#fff !important;padding:0.6em 0; font-size:0.85em; text-align: center; width: 70%; max-width: 80px;}
.quiz_button1{display:inline-block;width:120px;background:#cc0000;font-size:15px;padding:14px 0;color:#fff!important;font-weight:600;text-align:center}
.quiz_button2{display:inline-block;width:120px;background:#333333;font-size:15px;padding:14px 0;color:#fff!important;font-weight:600;text-align:center}

.seltxt{border:1px solid #ddd;background:#fff;height:32px;line-height:30px;width:100%;padding:0 0 0 1%}
.seltxt2{width:100px;height:40px;border:1px solid #e0e0e0;background:#fff;line-height:40px;font-size:15px;padding:1px 10px 1px 18px;color:#666;margin:0 0 8px 0}
.inptxt { border:1px solid #ddd; background:#fff; min-height:30px; width:100%; padding:0.45rem; vertical-align: middle;}
.inptxt2{width:92%;height:36px;border:1px solid #e0e0e0;background:#fff;line-height:36px;font-size:15px;padding:1px 10px 1px 18px;color:#666;margin:0 0 8px 0}
.txtarea{border:1px solid #ddd;background:#fff;line-height:24px;height:75px;width:97%;padding:10px 3%}
.check{height:23px;opacity:0}

/*  ????  */
.fb{color: #2f79d9 !important;}
.fm{color:#0070d9 !important}
.fo{color:#ff5400 !important}
.fr{color:#cc0000 !important}
.fob{color:#ff5400 !important;font-weight:bold;font-size:14px}
.mt10{margin:10px auto 0}
.mt20{margin:20px auto 0}
.ml10{margin:0 0 0 10px}
.mb10{margin:0 0 10px 0}
.w60{width:28%; max-width: 60px;}
.w80{width:80px}
.w100{width:100px}
.w120{width:120px}
.w220{width:220px}

/* footer */
.footer{width:100%;overflow:hidden;min-height:200px;padding:0 0 18px 0;}
.foot_me{overflow:hidden;border:1px solid #2c3137;border-width:1px 0;background:#333949}
.foot_me li{float:left;width:33.1%;height:40px;text-align:center;border-left:1px solid #2c3137}
.foot_me li:first-child{border-left:none}
.foot_me li a{display:block;width:100%;height:28px;padding:12px 0 0 0;color:#fff}
.foot_me li.top a{color:#fff}
.top a span{margin:0 10px 0 0}

.agree{padding:18px 0 0 0;text-align:center}
.agree a{color:#666;font-weight:600}
.agree a:first-child{color:#323b4a}
.slash{font-size:12px;color:#ccc;padding:0 10px}
.fCopy{width:100%;padding:16px 0;font-size:12px;line-height:16px;text-align:center;color:#8f9095}
.app{width:100%;height:36px;text-align:center}
.app a{display:inline-block;width:120px;height:28px;padding:4px 6px 6px;background:#fff;line-height:28px;border:1px solid #ddd;border-radius:6px}
.app span{display:inline-block;width:28px;height:28px;background-position:-84px -38px;vertical-align:middle}
.app span.ai1{background-position:-118px -38px}
.radius5{border-radius:5px}
/* Paging */
.paging { display: flex; align-items: center; justify-content: center; padding: 0.5em 0; gap: 0.5em; }
.paging .page_btn { display: inline-block; padding: 0.5em; font-size: 0.9rem; color: #c9c9c9; }
.paging .now_page { color: #004BC4; font-weight: 600; }
.paging .next_page, .paging .last_page { transform: rotate(180deg); }

.chu_cont{overflow:hidden;margin: 20px 0 0 0}
.chu_cont dl{width:48.4%;float:left;background:#fff;margin:0 0 2%}
.chu_cont > dl:nth-child(2n){margin:0 0 2% 2%}
.chu_img img{width:100%;height:auto}
.chu_cont dt{padding:8px 12px 12px;}
.chu_tit{color:#111;display:block;padding:0 0 6px;height:60px;line-height:20px;overflow:hidden;overflow:ellipse;font-size:14px}
.chu_txt{overflow:hidden;font-size:13px}
.chu_txt em{float:right}

/* 10.29 */
.webList{width:100%;background:#fff}
.webList li{overflow:hidden;padding:14px 3%;font-size:14px;border-bottom:1px solid #eeeeef}
.webtit{width:70%;float:left}
.webtit strong{display:block;font-size:16px;font-weight:400;letter-spacing:-1px;color:#040f19;margin:8px 0}
.webtit a{color:#666}
.webbtn{width:20%;text-align:center;float:right}
.webbtn a{display:block;width:100%;height:26px;line-height:26px;border:1px solid #6d788f;font-size:13px;color:#000;margin:3px 0}
.webbtn a:first-child{background:#6d788f;color:#fff !important}

.nav_h_type { background:#fff; position:relative; overflow:hidden;border-top:1px solid #e2e3e9;background:#fff;}
.nav_h_type ul { float:left; display:block; font-size:0; white-space:nowrap; position:relative; }
.nav_h_type li { -webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block;margin:10px 10px;height:40px; line-height:40px; vertical-align:top; text-align:center; font-size:12px; background:#fff;font-size:15px}
.nav_h_type li.on { font-weight:bold; }
.touchflow-scrollbar { background:#dedfde; transition:300ms; position:absolute; bottom:0; right:0; overflow:hidden; }
.touchflow-scrollbar div { background:#dc1a5b; position:absolute; top:0; left:0; }

.cWrap{padding:0 0 10px;background:#f2f2f2}
.cbox{padding:12px 10px 10px;background:#fff;}
.nTit{padding:12px 4px 16px;overflow:hidden}
.nTit h3{display:inline-block;color:#111;font-size:17px;font-weight:600;float:left;letter-spacing:-1px}
.nTit a{display:inline-block;float:right;font-weight:600;color:#929292 !important;line-height:1.2}
.mmore{font-family:arial;font-size:10px;padding:0 0 2px 0;border-bottom:2px solid #929292;}

.job_cont li{padding:14px 5px;border-top:1px solid #ddd}
.job_cont strong{display:block;font-size:17px;line-height:22px;font-weight:600}
.pl_list p, .job_cont p{padding:4px 0;font-size:15px}
.count, .job_cont em{color:#888}

.pl_list dl{border-top:1px solid #ddd;padding:14px 10px 14px 135px;margin:0 0 10px;min-height:100px;position:relative}
.pl_img{width:110px;height:auto;position:absolute;top:14px;left:10px}
.pl_list strong{padding:5px 0 0;display:block;font-size:16px;font-weight:400}
.count em{font-weight:600;padding:0 5px}
.mslash{font-size:13px;color:#bbb;padding:0 8px;opacity:0.5}
.mbtn_more{display:block;background:#fff;font-size:15px;border:1px solid #e4e4e4;padding:12px 0;line-height:20px;color:#444!important;font-weight:600;text-align:center;margin:0 0 10px}
.mbtn_more span{font-size:16px;padding:0 6px;color:#aaa}
.pr_txt{display:block;font-weight:600;font-size:15px;padding:2px 0 3px}

.news{border:1px solid #33333d;height:43px;margin:0 0 0px;position:relative}
.news dl{overflow:hidden;font-size:15px}
.news dt{float:left;width:128px;height:19px;padding:12px 0;color:#fff;font-size:16px;background:#33333d;text-align:center}
.news dt span{display:inline-block;width:18px;height:18px;background: url(img/ico_news.png) no-repeat;margin:0 4px 0 0}
.news dd{float:left;padding:12px 3%;height:19px;overflow:hidden;text-overflow:ellipsis}

.bu_cont{overflow:hidden}
.bu_cont dl{width:31%;float:left;margin:0 1% 2%}
.bu_cont dt{padding:10px 0 12px}
.bu_cont dt em{color:#777;font-size:13px;display:block}

.btbl{margin:0 0 40px;text-align:center;border-top:1px solid #005bab;font-size:13px}
.btbl th{border-bottom:1px solid #ddd;border-left:1px solid #ddd;background:#f7f8fc;padding:0.8em 0.3em;color:#111;font-weight:400}
.btbl td{border-bottom:1px solid #ddd;border-left:1px solid #ddd;padding:10px;line-height:22px}
.btbl th:first-child, .btbl td:first-child{border-left:0}

/*   POP layout   */
.laypop{width:100%;border-radius:10px;background:#fff}
.lay_tit{padding:18px 32px;position:relative;border-bottom:1px solid #d4d4d4;box-shadow:-1px 3px 2px -3px #ccc}
.lay_tit h2{font-size:21px;color:#101010;line-height:1.3}
.lay_cont{padding:24px 32px;color:#000000}

.chu_contd{overflow:hidden}
.chu_contd dl{width:48.4%;float:left;background:#fff;margin:0 0 4% 2%;}
.chu_contd > dl:nth-child(2n){margin:0 0 2%;}
.chu_imgd img{max-width:80%;height:auto;}
.chu_contd dt{padding:8px 12px 12px}

/* logo,search */
.www_btn_top{position:fixed;bottom:30px;right:15px;width:54px;height:54px;border:1px solid #e3e3e3;background:#fff;border-radius:50%;z-index:100}
.www_btn_top img{position:absolute;top:15px;left:15px}

/*  Main Banner */
.www_mban_zone{height:680px;width:100%}
.www_mban_list{width:100%;height:680px;overflow:hidden}
.www_mban_list li{float:left;width:100%;height:680px;position:relative}
.www_mban_img{display:block;width:100%;height:680px;position:absolute;z-index:1}
.www_bx_img img, .www_mban_img img{display:none}
.www_mtxt{position:absolute;z-index:2;width:100%;top:140px;text-align:center;line-height:1.4;letter-spacing:-1px}
.www_mtxt p{font-size:26px;font-weight:500;color:#0f274a;letter-spacing:-2px}
.www_mtxt strong{font-size:60px;font-weight:700;background:#0d4685;background:linear-gradient(to right, #0d4685 0%, #00927b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-2px}
.www_mtxt em{display:block;font-size:17px;color:#0f274a;margin:15px 0 0}
.www_mimg_btn{display:inline-block;width:238px;height:43px;margin:30px auto;line-height:43px;font-size:16px;text-align:center;border:1px solid #0f274a;color:#0f274a !important}
.www_mimg_btn:hover{background:#0f274a;color:#fff !important}

.www_midWrap{background:#edf2f5}
.www_bxWrap{position:relative;width:100%}
.www_bx_class{overflow:hidden}
.www_bx_class li{width:100%;height:auto;float:center;margin:0 0 0 2%}
.www_bx_class li:first-child{margin:0}
.www_bx_img{display:block;width:100%;height:500px;border-radius:24px;margin:0 0 20px}
.www_bx_txt strong{font-size:17px;font-weight:500;display:block;margin:0 0 4px}
.www_scWrap{position:relative;height:20px;width:100%;margin:40px auto 0;-webkit-box-align:center;align-items:center;overflow-y:visible}
.www_scroller{position:relative;background:rgba(33, 33, 33, 0.2);width:100%;height:4px;border-radius:4px}
.www_roller_bar:after{content:"";position:absolute;background-color:transparent;width:100%;height:24px;z-index:-1;transform:translateY(-10px)}

.www_play_btn{display:block;position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;width:60px;height:60px;z-index:5}

.www_vodlist{position:relative}
.www_barr_btn{display:block;position:absolute;top:190px;opacity:.6}
.www_barr_btn.www_ab1{left:-16px}
.www_barr_btn.www_ab2{right:-16px}
.www_barr_btn:hover{opacity:1}
.www_vodlist ul{overflow:hidden}
.www_vodlist li{float:left;background:#fff;width:40%;min-height:250px;height:auto;padding:35px 4%;margin:1%}
.www_cate{display:inline-block;width:92px;height:30px;text-align:center;line-height:30px;background:#ff5817;color:#fff}
.www_cate.www_blue{background:#0275c6}
.www_vodlist strong{display:block;margin:22px 0;font-size:25px;font-weight:700;letter-spacing:-2px;height:30px;overflow:hidden;text-overflow:ellipsis;line-height:30px}
.www_vod_tit{font-size:19px;line-height:1.5;letter-spacing:-1px}
.www_vod_tit span{border-bottom:1px solid rgba(0,0,0,.4)}
.www_vtxt{margin:20px 0 0;line-height:1.5;font-size:16px}
.www_btn_plus{display:inline-block;width:50px;height:50px;padding:30px 0 0 80%}

.www_gf_class{display: flex; justify-content: space-between;}
.www_gf_class li{width: 32%;}
.www_gf_img{width:100%; margin:0 0 10px}
.www_gf_img img {width:100%;}
.www_gf_txt strong{display:block;font-weight:600;font-size:18px;letter-spacing:-2px;margin:0 0 15px;text-align: center;}
.www_gf_txt p{font-size:13px;margin:0 0 20px;letter-spacing:-1px; height:80px;word-break: keep-all; text-align: center;}
.www_view_btn{display:inline-block;width:98%;height:48px;line-height:48px;text-align:center;font-size:16px;border:1px solid #000}

.www_btm{width:100%;max-width:700px;margin:0 auto;padding:30px 0 0;}
.www_btm_commu{overflow:hidden; text-align: center;}
.www_btm_commu li{display: inline-block; width:20.5%;border-left:1px dashed #e2e2e2;padding:50px 2% 0;color:#888;text-align:center;letter-spacing:-1px}
.www_btm_commu li:first-child{border:0}
.www_btm_commu strong{font-size:15px;margin:0 0 5px;display:block;font-weight:400;color:#000;letter-spacing:-1px;}
.www_commu1{background:url("img3/commu_img1.jpg") no-repeat center 0}
.www_commu2{background:url("img3/commu_img2.jpg") no-repeat center 0}
.www_commu3{background:url("img3/commu_img3.jpg") no-repeat center 0}
.www_commu4{background:url("img3/commu_img4.jpg") no-repeat center 0}

.www_midWrap {box-sizing: border-box;}

/*cs_redit*/
.redit_info {width:100%;border-bottom:1px solid #ddd;display:flex;align-items:center;}
.redit_info:last-child {border: none;}
.redit_info li:first-child {width:25%;padding:15px 10px;text-align:left;font-size:16px;letter-spacing:-0.03em;}
.redit_info li:last-child {width:75%;padding:0 10px;text-align:left;font-size:15px;letter-spacing:-0.03em;}
.redit_info li input[type=text] {width:100%;padding:4px 7px;font-size:15px;letter-spacing:-0.03em;}
.redit_info li textarea {width:100%;height:100%;padding:4px 7px;font-size:15px;letter-spacing:-0.03em;border: 1px solid #cdcdcd;}
.redit_fileinfo a {display:inline-block;padding-bottom:13px;font-size:14px;}
.redit_fileinfo span {margin-left:7px;}
/*cs_redit?*/

/*study_dan_view*/
.board_qna_list tbody tr td {text-align:center;}
/*study_dan_view???*/

/*?????? ??????? ???????,??????????? ???*/
.gang_tab2 { display: none; }
.gang_tab2 tr th { letter-spacing: -0.05em; }
.gang_tab2 tr td { letter-spacing: -0.05em; }

/*?????? ????*/
.transition03 { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }

/*????*/
.mileage_input_box { max-width: 350px; }
.mileage_input_box .u_mileage_box { display: flex; justify-content: space-between; color: #767676; }
.mileage_input_box .use_mileage_input { display: flex; justify-content: space-between; }
.mileage_input_box #u_mileage { color: #090909; }

/*??????*/
.www_fWrap { width: 100%; padding:40px 3%; box-sizing: border-box; background-color: #f3f3f3; font-size: 0.75rem; color:#474747; text-align: center; position: relative; z-index: 1; }
.www_fWrap .www_fmenu a { font-size: 1.25em; font-weight: 700; color:#171717; }
.www_fWrap .www_fmenu a::after { content:''; display: inline-block; width: 1px; height: 0.85em; margin: 0 0.7em; background-color: #aeaeae; vertical-align: middle; }
.www_fWrap .www_fmenu a:last-child::after { display: none; }
.www_fWrap .www_ftxt { margin-top: 2em; }
.www_fWrap .www_ftxt .ft_infotop span::after { content:''; display: inline-block; width: 1px; height: 0.85em; margin: 0 0.7em; background-color: #aeaeae; vertical-align: middle; }
.www_fWrap .www_ftxt .ft_infotop span:last-child::after { display: none; }
.www_fWrap .www_ftxt p { padding-top: 1em; }
.www_fWrap .www_ftxt .Copyright { color:#666; }

/*??????*/
header { width: 100%; position: fixed; top: 0; left: 0; background-color: #fff; z-index: 9999; }
.header_wrap { width: 100%; padding: 20px 3%; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.05); position: relative; }
.header_wrap .hd_menu_iconbox { width: 7vw; height: 6vw; max-width: 30px; min-width: 22px; max-height: 25px; min-height: 21px; }
.header_wrap .hd_menu_iconbox ul { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.header_wrap .hd_menu_iconbox ul li { width: 100%; height: 3px; background-color: #3b3b3b; }
.header_wrap .hd_menu_iconbox ul li.ham_bar2 { width: 80%; }
.header_wrap .hd_logo { width: 200px; height: 40px; background: url(/ahdma/logo/240729-logo-b.png) center no-repeat; background-size: cover !important; position: relative; text-indent: -99999px; }
.header_wrap .hd_logo2 { opacity: 0; }
.header_wrap .hd_logo a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.header_wrap .search_icon { background: url(/ahdma/icon/m_search_w.png) center no-repeat; background-size: contain !important; }
.header_wrap .search_wrap { width: 100%; height: 100%; padding: 0 3%; background-color: #fff; position: absolute; top: -100%; left: 0; z-index: 10001; box-sizing: border-box; }
.header_wrap .search_wrap form { display: block; width: 100%; height: 100%; margin: auto; }
.header_wrap .search_wrap .search_box { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.header_wrap .search_wrap .search_box input { width: 100%; max-width: 250px; margin-right: 0.5rem; border: none; border-radius: 0; border-bottom:1px solid #767676; outline: none; }
.dummy_header { box-shadow: none; visibility: hidden; display: none; }


/*?????? ????????? ???*/
.dimmed_bg_box { width: 100%; height: 100%; background-color: rgba(0,0,0,0); position: relative; }
.dimmed_bg_box .x_btn { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #fff; position: absolute; left: 50%; top: 30%; transform: translateX(-50%); opacity: 0; }
.dimmed_bg_box .x_btn::before { content:''; display: inline-block; width: 70%; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); }
.dimmed_bg_box .x_btn::after { content:''; display: inline-block; width: 70%; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg); }
.side_menu_wrap { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 10000; visibility: hidden; }
.side_menu_wrap .side_menu_box { width: 75%; min-width: 260px; max-width: 500px; height: 100%; border-radius: 0 15px 15px 0; background-color: #fff; overflow: auto; position: absolute; top: 0; left: -100%; }
.side_menu_wrap .side_menu_box::-webkit-scrollbar { display: none; }
.side_menu_wrap .side_menu_box .side_menu_innerbox { padding-bottom: 35px; position: relative; z-index: 1; -ms-overflow-style: none; scrollbar-width: none; }
.side_menu_wrap .side_menu_box .side_menu_innerbox::-webkit-scrollbar { display: none; }
.side_menu_wrap .side_menu_box .side_menu_innerbox .side_menu_topbox .side_close_iconbox { width: 7vw; height: 6vw; max-width: 30px; min-width: 22px; max-height: 25px; min-height: 21px; position: relative; }
.side_menu_wrap .side_menu_box .side_menu_innerbox .side_menu_topbox .side_close_iconbox .close_icon_bar { width: 100%; height: 2px; background-color: #3b3b3b; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
.side_menu_wrap .side_menu_box .side_menu_innerbox .side_menu_topbox .side_close_iconbox .close_icon_bar1 { transform: rotate(-45deg); }
.side_menu_wrap .side_menu_box .side_menu_innerbox .side_menu_topbox .side_close_iconbox .close_icon_bar2 { transform: rotate(45deg); }
.side_menu_wrap .side_menu_box .side_menu_innerbox .side_menu_topbox .log_menu_box { display: flex; justify-content: flex-end; align-items: center; gap: 0.8em; }
.side_menu_wrap .side_menu_box .side_menu_innerbox .side_menu_topbox .log_menu_box .log_menu { font-size: 1rem; font-weight: 500; }
.side_menu_wrap .side_menu_box .side_menu_innerbox .side_menu_topbox .log_menu_box .color_font { color:#007DE8; font-weight: 700; }
.side_menu_wrap .side_menu_box .side_menu_innerbox .side_menu_topbox .log_menu_box .classroom { display: flex; align-items: center; font-size: 1rem; font-weight: 500; }
.side_menu_wrap .side_menu_box .side_menu_innerbox .side_menu_topbox .log_menu_box .classroom .profile_img_box { width: 30px; height: 30px; min-width: 30px; margin-right: 5px; border-radius: 50%; overflow: hidden; }
.side_menu_wrap .side_menu_box .side_menu_innerbox .side_menu_topbox .log_menu_box .classroom .profile_img_box img { width: 100%; height: 100%; object-fit: cover; }
.side_menu_wrap .side_menu_box .side_menu_innerbox .side_menu_topbox .log_menu_box .classroom .member_name { max-width: 90px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.side_menu_wrap .side_cate_menubox ul { width: 100%; background-color: #f5f5f5; position: relative; }
.side_menu_wrap .side_cate_menubox ul::after { content: ''; display: block; width: 55%; height: 100%; background-color: #fff; position: absolute; bottom: 0; right: 0; }
.side_menu_wrap .side_cate_menubox ul li { padding: 0 5%; box-sizing: border-box; }
.side_menu_wrap .side_cate_menubox ul li .side_cate_name { display: block; font-size:1rem; padding:1.2em 0; font-weight: 500; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.side_menu_wrap .side_cate_menubox ul li .side_sub_menu_box { width: 55%; padding:1.2em 0; position: absolute; top: 0; right: 0; box-sizing: border-box; display: none; z-index: 1; font-size: 1rem; }
.side_menu_wrap .side_cate_menubox ul li .side_sub_menu_box .side_sub_menu { display: block; padding:0 12%; font-size: 0.95rem; margin-bottom: 2em; color:#5b5b5b; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.side_menu_wrap .side_cate_menubox ul li .side_sub_menu_box .side_sub_menu:last-child { margin-bottom: 0; }
.side_menu_wrap .kakao_channel { font-size: 1.1rem; font-weight: 500; padding:1.8em 5%; display: flex; align-items: center; }
.side_menu_wrap .kakao_channel a { margin-right: 0.5em; }
.side_menu_wrap .kakao_channel a:last-child { margin-right: 0; }
.side_menu_wrap .kakao_channel a img { width: 1.5em; }

/*?????? ????????? ??? ???*/
.side_menu_wrap .side_banner_box { width: 100%; padding:0 3%; box-sizing: border-box; }
.side_menu_wrap .side_banner_box .side_banner_link { display: block; box-sizing: border-box; width: 100%;  background-color: #873539; border-radius: 0.5em; text-align: center; overflow: hidden; }
.side_menu_wrap .side_banner_box .side_banner_link img { width: 100%; max-width: 300px; }

/*???? ??????? ????*/
.cont_container { padding:80px 0; letter-spacing: -0.02em; position: relative; overflow: hidden; }
.cont_bg_img { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; }
.cont_bg_img img { width: 75%; max-width: 300px; position: absolute; }
.cont_box { position: relative; z-index: 1; }
.cont_box .cont_title { padding: 0 3%; font-size: 1rem; color:#0051b4; text-transform: uppercase; }
.cont_box .cont_sub_text { padding: 0.5em 3% 0; font-size: 1.5rem; font-weight: 700; line-height: 1.3; letter-spacing: -0.05em; word-break: keep-all; }
.cont_box .cont_sub_text2 { padding:3.125rem 3% 0; font-size: 1rem; line-height:1.6; text-align: center; color:#515151; word-break: keep-all; }
.cont_box .cont_sub_text2 span { color:#090909; font-weight: 700; }
.cont_thumb_wrap { margin-top: 3.125rem; padding:0 3%; }
.cont_thumb_link img { width: 100%; border: 1px solid transparent; border-radius: 0.6rem; box-sizing: border-box; }
.cont_more_btnbox { margin-top: 1.5rem; font-size: 1.06rem; }
.cont_more_btnbox .cont_more_btn { display: block; width:80%; max-width: 350px; min-width: 250px; margin: auto; color:#fff; background-color: #000f1f; box-sizing: border-box; padding:0.9em 1.2em; line-height: 1.3; border-radius: 50px; text-align: center; }
.more_btn_arrbox {display: inline-block; width: 15px; height: 9px; margin-left: 5px; position: relative; }
.more_btn_arrbox .line { width: 100%; height: 1px; background-color: #fff; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; }
.more_btn_arrbox::after { content:''; display: inline-block; width: 1px; height: 100%; background-color: #fff; transform: rotate(-45deg); position: absolute; top: -3px; right: 2px; }
.more_btn_arrbox::before { content:''; display: inline-block; width: 1px; height: 100%; background-color: #fff; transform: rotate(45deg); position: absolute; bottom: -3px; right: 2px; }

/*???? ????*/
.main_banner_box { position: relative; }
.main_banner_box .video_box { width: 100%; height: 100vh; overflow: hidden; background-color: #000; position: relative; }
.main_banner_box .video_box video { width: auto; min-width: 100vw; height:auto; min-height: 100vh; opacity: 0.4; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.main_banner_box .main_banner_textbox { width: 100%; height: 100vh; position: absolute; left: 0; top: 0; }
.main_banner_box .main_banner_textbox .main_banner_text { width: 100%; padding:0 3%; box-sizing: border-box; position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); font-size: 2rem; color:#fff; letter-spacing: -0.02em; line-height: 1.4; word-break: keep-all; }
.main_banner_box .main_banner_textbox .main_banner_text .color_text {color:#409bff;}
.main_banner_box .main_banner_textbox .main_banner_text .sub_text1 { padding-top: 1.5em; font-size: 1rem; color:#d2d2d2; }
.main_banner_box .main_banner_textbox .main_banner_text .sub_text2 {padding-top:1.5em; font-size: 1rem; font-weight: 300; color:#d2d2d2;}
.main_banner_box .main_banner_textbox .main_banner_text .sub_text2 span {color:#fff;}
.main_banner_box .main_scroll_btn { width: 35px; text-align: center; height:auto; position: absolute; bottom: 4%; left: 0; right: 0; margin: auto; cursor: pointer; }
.main_banner_box .main_scroll_btn img {width: 100%; opacity: 0.7;}

/*??????? ????????????*/
.cont_container1 .cont_thumb_box { display: flex; align-items: center; }
.cont_container1 .cont_box .cont_sub_text2 span { color:#0051b4; }
.cont_container1 .cont_thumb_box .cont_thumb_list { overflow: hidden; border-radius: 0.6rem; box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.05); }
.cont_container1 .cont_thumb_box .cont_thumb_list .cont_thumb_link { display: block; position: relative; }
.cont_container1 .cont_thumb_box .cont_thumb_list .cont_thumb_link .cont_detail_infobox { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 10%; box-sizing: border-box; color:#fff; }
.cont_container1 .cont_thumb_box .cont_thumb_list .cont_thumb_link .cont_detail_infobox span { display: inline-block; }
.cont_container1 .cont_thumb_box .cont_thumb_list .cont_thumb_link .cont_detail_infobox .cont_iconbox { border-radius: 3em; border: 1px solid #fff; padding: 0.5em 1em; }
.cont_container1 .cont_thumb_box .cont_thumb_list .cont_thumb_link .cont_detail_infobox .title { width: 90%; padding-top: 0.3em; line-height: 1.3; word-break: keep-all; }
.cont_container1 .cont_thumb_box .cont_thumb_list .cont_thumb_link .cont_detail_infobox .cont_detail_textbox { position: absolute; bottom: 10%; right: 10%; text-align: right; }
.cont_container1 .cont_thumb_box .cont_thumb_list .cont_thumb_link .cont_detail_infobox .cont_detail_textbox p { padding-top: 0.5em; }
.cont_container1 .cont_thumb_box .cont_thumb_list .cont_thumb_link .cont_detail_infobox .cont_detail_textbox p:first-child { padding-top: 0; }  
.cont_container1 .cont_more_btnbox .cont_more_btn span { color:#fff; }

/*??????? ????*/
.cont_container2 { 
    background-color: #f6f8f9; 

    .cont_box { 
        text-align: center; 

        .cont_sub_text2 span { 
            display: block; 
        }
    }

    .cont_thumb_box { 
        display: flex; 

        .cont_thumb_list {
            .cont_thumb_link { 
                display: block; 
                overflow: hidden; 
                
                border-radius: 0.6rem; 
                position: relative; 

                .thumBox {
                    width: 100%;
                    border-radius: 0.6rem;
                    box-sizing: border-box;
                    overflow: hidden;

                    img {
                        border-radius: 0;
                        border: none;
                    }
                }
            }
        }
    }
}
.cont_container2 .cont_more_btnbox { position: absolute; bottom: 7%; left: 0; right: 0; }
.cont_container2 .cont_more_btnbox .cont_more_btn { width: 60%; min-width: 0; font-size: 0.9rem; padding:0.8em 1em; }

.timer_wrap { 
    width: 100%;
    position: relative;

    .timer_box { 
        display: flex; 
        flex-direction: column; 
        width: 100%; 
        background-color: #f3f3f3; 
        overflow: hidden; 

        .timer { 
            width: 100%;
            line-height: 1.5; 
            font-size: 0.8em; 
            background-color: #414141; 
            color: #fff; 
            text-align: center;
            position: absolute;
            bottom: 100%;
            left: 0; 
        }

        .timer_bottom_box { 
            min-height: 34px;
            box-sizing: border-box; 
            flex-grow: 1;
            padding: 0.2rem;
            display: flex; 
            align-items: center; 
            gap: 0.2em;

            .timer_info_img { 
                min-width: 30px; 

                img { 
                    max-width: 30px; 
                    border: none !important; 
                }
            }

            .timer_info_text { 
                width: 100%; 
                text-align: left; 
                line-height: 1.2; 
                position: relative; 
                box-sizing: border-box; 
                word-break: break-all;

                .gang_name { 
                    display: -webkit-box; 
                    -webkit-line-clamp: 2; 
                    -webkit-box-orient: vertical; 
                    font-size: 0.85em; 
                    font-weight: 500; 
                    color: #222; 
                    overflow: hidden; 
                    text-overflow: ellipsis; 
                }
            }
        }
    }
}

.gang_price_wrap {
    display: block; 
    line-height: 1.25; 
    color: #090909; 
    padding: 0.45rem 0.45rem 0; 
    text-align: left; 

    .gang_teach { 
        width: 100%; 
        font-size: 0.8em; 
        color: #767676; 

        .teach {
            .teach_name { 
                width: 100%; 
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 1.2em;

                .review { 
                    min-width: max-content;
                    display: none; /*display: inline-block;*/ 

                    img { 
                        width: 12px; 
                        vertical-align: top; 
                    }
                }

                .title_txt {
                    overflow: hidden; 
                    text-overflow: ellipsis; 
                    white-space: nowrap; 
                }
            }
        }
    }

    .gang_price_box { 
        display: flex; 
        justify-content: space-between; 
        gap: 0.5em;
        padding-top: 0.45rem; 

        .gang_price {
            .fix_price{
                font-weight: 600;

                .fix_price_subtext {
                    display: block;
                    font-size: 0.8em;
                    color: #a1a1a1;
                    font-weight: 300;
                }
            }

            .cancel_price { 
                display: block;
                font-size: 0.8em; 
                font-weight: 300; 
                color: #a1a1a1; 
                text-decoration: line-through; 
                word-break: keep-all; 
            }
        }

        .discount_per { 
            font-weight: 600; 
            color: #ff0000; 
        }
    }
}

.gang_icon_box { 
    font-size: 0.75em; 
    padding-top: 0.3em;

    .gang_icon { 
        display: flex; 
        align-items: center; 
        flex-wrap: wrap; 

        .icon { 
            display: inline-block; 
            font-weight: 600; 
            margin: 0.3rem 0.3rem 0 0; 
            padding: 0.25rem 0.3rem 0.18rem; 
            color: #372cff; 
            background-color: #fdecf9; 
            border-radius: 0.25em; 
            box-shadow: 1px 1px 3px rgba(0,0,0,0.1); 
        }
    }
} 

/*policy*/
.cont_privacy {
    border: 1px solid #ebebeb;
    border-radius: 0.3em;
    padding: 0.7em;
    text-align: left;
    line-height: 1.4;
    font-size: 13px;
}

/*??????? ???????*/
.cont_container3 .cont_box .cont_sub_text2 { display: flex; justify-content: flex-end; text-align: left; }
.cont_container3 .cont_box .cont_sub_text2 span { color:#252525; }
.cont_container3 .cont_box .cont_sub_text2 .cont_sub_text2_box { line-height: 2; }
.cont_container3 .cont_box .cont_sub_text2 .cont_sub_text2_box .sub_text2_list sup { margin-right: 7px; color:#0051b4; font-weight: 700; }
.cont_container3 .cont_bg_img img { left: 50%; bottom: 20%; margin-left: 0; }
.cont_container3 .cont_text_box { display: block; }

/*??????? ?????????*/
.cont_container4 { background: linear-gradient(135deg, #0d3460, #134263); }
.cont_container4 .cont_bg_img img { position: absolute; left: -5%; bottom: 0; }
.cont_container4 .cont_box { text-align: center; }
.cont_container4 .cont_box .cont_title {color:#0082f3;}
.cont_container4 .cont_info_wrap .cont_text_box .cont_sub_text {color:#fff;}
.cont_container4 .cont_info_wrap .cont_text_box .cont_sub_text2 {color:#fff;}
.cont_container4 .cont_info_wrap .cont_text_box .cont_sub_text2 span { color:#fff; }
.cont_container4 .cont_info_wrap .cont_thumb_box { display: block; }
.cont_container4 .cont_info_wrap .cont_thumb_box .cont_thumb_list2 { width: 100%; padding-bottom: 3.125rem; } 
.cont_container4 .cont_info_wrap .cont_thumb_box .cont_thumb_list2 .view_box { position: relative; padding-bottom: 56.25%; height: 0; }
.cont_container4 .cont_info_wrap .cont_thumb_box .cont_thumb_list2 .view_box iframe { width: 100%; height: 100%; border-radius: 0.6rem; box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.05); position: absolute; top: 0; left: 0; }
.cont_container4 .cont_more_btnbox .cont_more_btn { border-color:#fff; color:#fff; background-color: transparent; border: 1px solid #fff; }

/*??????? ¨¨????????*/
.cont_container5 { background-color: #f7f7f7; }
.cont_container5 .cont_info_wrap { display: block; }
.cont_container5 .cont_text_box { width: 100%; padding: 0 3%; box-sizing: border-box; }
.cont_container5 .cont_text_box .cont_title { padding: 0; }
.cont_container5 .cont_text_box .cont_sub_text { padding: 0.5em 0 0; }
.cont_container5 .cont_text_box .cont_sub_text2 { padding: 3.125rem 0 0; text-align: left; }
.cont_container5 .cont_text_box .cont_sub_text2 span { color:#090909; }
.cont_container5 .cont_snslist_wrap { width: 100%; margin-top: 3.125rem; padding: 0 3%; box-sizing: border-box; }
.cont_container5 .cont_snslist_wrap .sns_list_box { width: 100%; }
.cont_container5 .cont_snslist_wrap .sns_list_box .sns_list_link { margin-top: 0.8em; display: flex; align-items: center; padding:0.8em 1.1em; border-radius: 5em; font-size: 1.1rem; color:#033981; box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.05); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background-color: #fff; position: relative;}
.cont_container5 .cont_snslist_wrap .sns_list_box .sns_list_link:first-child {margin-top: 0;}
.cont_container5 .cont_snslist_wrap .sns_list_box .sns_list_link img { width: 1.8em; margin-right: 0.85em; }
.cont_container5 .more_btn_arrbox { position: absolute; top: 0; bottom: 0; margin: auto; right: 25px; }
.cont_container5 .more_btn_arrbox .line { width: 100%; height: 1px; width: 100%; background-color: #003886; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; }
.cont_container5 .more_btn_arrbox::after { content:''; display: inline-block; width: 1px; height: 100%; background-color: #003886; transform: rotate(-45deg); position: absolute; top: -3px; right: 2px; }
.cont_container5 .more_btn_arrbox::before { content:''; display: inline-block; width: 1px; height: 100%; background-color: #003886; transform: rotate(45deg); position: absolute; bottom: -3px; right: 2px;}

/*??????? ??????? ??????*/
.cont_container6 .cont_box { text-align: center; }
.cont_container6 .cont_thumb_box { display: block; }
.cont_container6 .cont_thumb_box .cont_thumb_list2 { margin-bottom: 3.125rem; }
.cont_container6 .cont_thumb_box .cont_thumb_list2 a { display: flex; flex-direction:column; width:100%; height: 170px; padding:2rem 5%; box-sizing: border-box; border-radius: 13px; box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.05); }
.cont_container6 .cont_thumb_box .cont_thumb_list2:last-child { margin-bottom: 0; }
.cont_container6 .cont_thumb_box .cont_thumb_list2 a .cont_list_title { font-size: 1.35rem; font-weight: bold; }
.cont_container6 .cont_thumb_box .cont_thumb_list2 a .cont_list_infobox { display: flex; flex-grow: 1; align-items: flex-end; justify-content: center; word-break: keep-all; }
.cont_container6 .cont_thumb_box .cont_thumb_list2 a .cont_list_infobox .cont_list_info_txt { font-size: 0.95rem; line-height:1.5; }
.cont_container6 .cont_thumb_box .cont_thumb_list2 a .cont_list_infobox .cont_list_info_txt span { color:#549bf7; }
.cont_container6 .cont_thumb_box .cont_thumb_list2:first-child a { color:#fff; background-color: #0d4287; }
.cont_container6 .cont_thumb_box .cont_thumb_list2:last-child a { background-color: #f0f0f0; }
.cont_container6 .cont_thumb_box .cont_thumb_list2:first-child a .cont_list_infobox .cont_list_info_txt span {color:#fff;}
.cont_container6 .cont_more_btnbox { right:0; margin: auto; }

/* ?????? ?????? ?????? ????????? */
.review_list_box { display: flex; flex-direction: column; gap: 1rem; }
.review_list_box .re_lista { width: 100%; font-size: 0.9rem; line-height: 1.4; padding: 0.7rem; border-radius: 0.5em; border: 1px solid #e5e5e5; }
.review_list_box .re_lista .reple_boxa { display: flex; flex-direction: column; gap: 0.85em; }
.re_lista .reple_boxa .reple_top_box { display: flex; justify-content: space-between; }
.re_lista .reple_boxa .reple_top_box .top_box_right .link_btn_box { width: 100%; position: relative; }
.re_lista .reple_boxa .reple_top_box .top_box_right .link_btn_box img { max-width: 22px; }
.re_lista .reple_boxa .reple_top_box .top_box_right .link_btn_box .clip_btn_box { width: max-content; font-size: 0.9rem; padding: 0.7em 1em; border-radius: 0.5em; background-color: #fff; position: absolute; top: 15%; right: 0; visibility: hidden; opacity: 0; transition: all 0.3s ease; -webkty-transition: all 0.3s ease; z-index: 1; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); } 
.re_lista .reple_boxa .reple_top_box .top_box_right .link_btn_box .clip_btn_box::after { content: 'URLÀÌ º¹»çµÇ¾ú½À´Ï´Ù.'; display: inline-block; width: max-content; padding: 0.5em 1em; color: #767676; font-size: 0.75rem; position: absolute; left: 50%; top: -80%; transform: translateX(-50%); visibility: hidden; opacity: 0; transition: all 0.3s ease; -webkty-transition: all 0.3s ease; z-index: 1; }
.re_lista .reple_boxa .reple_top_box .top_box2_right .link_btn_box .clip_btn_box::after { color: #fff; }
.re_lista .reple_boxa .reple_top_box .top_box_right .link_btn_box .clip_btn_box.active::after { visibility: visible; opacity: 1; top: -110%; }
.re_lista .reple_boxa .reple_top_box .top_box_left { width: 90%; display: flex; align-items: center; gap: 0.5em; }
.profile_img_box { width: 40px; height: 40px; display: flex; align-items: center; justify-content: space-between; }
.profile_img_box img { display: inline-block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.re_subtitle_box { font-size: 0.9em; color: #9d9d9d; }
.re_lista .reple_boxa .re_star .re_ponit { font-weight: 500; }
.re_lista .reple_boxa .re_title h4 { padding-left: 0.2em; display: flex; align-items: center; gap: 0.2em; }
.re_lista .reple_boxa .re_title h4 .best_icon { font-size: 0.65em; padding: 0.3em 0.5em; border-radius: 5px; display: inline-block; background-color: #e8f1fa; color: #1f5af2; vertical-align: middle; }
.re_lista .reple_boxa .re_star { display: flex; align-items: center; }
.re_lista .reple_boxa .re_info_text_box { font-size: 1.05em; }
.re_lista .reple_boxa .re_info_text { max-height: 120px; overflow: hidden; }
.re_lista .reple_boxa .re_more_bt { padding-top: 0.7em; color: #9d9d9d; display: none; }
.re_lista .reple_boxa .re_info_pop { width: 100vw; height: 100vh; visibility: hidden; opacity: 0; transition: all 0.3s ease; -webkty-transition: all 0.3s ease; position: fixed; top: 0; left: 0; z-index: 99999; }
.re_lista .reple_boxa .re_info_pop .dimmed_box { width: 100%; height: 100%; background-color: rgba(0,0,0,0.25); position: relative; }
.re_lista .reple_boxa .re_info_pop .dimmed_box .re_close { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #fff; position: absolute; top: 10%; right: 0; left: 0; margin: auto; }
.re_lista .reple_boxa .re_info_pop .dimmed_box .re_close::after { content:''; display: inline-block; width: 70%; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg); }
.re_lista .reple_boxa .re_info_pop .dimmed_box .re_close::before { content:''; display: inline-block; width: 70%; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); }
.re_lista .reple_boxa .re_info_pop .info_pop { display: flex; flex-direction: column; gap: 0.85em; width: calc(100% - 6%); max-width: 600px; margin-top: -50px; padding: 0.7rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 0.5em; background-color: #fff; transition: all 0.3s ease; -webkty-transition: all 0.3s ease; }
.re_lista .reple_boxa .re_info_pop .info_pop .re_info_text { font-size: 1.05em; max-height: 250px; overflow: auto; -webkit-mask: unset !important; mask: unset !important; }
.re_lista .reple_boxa .re_bot_info_box { display: flex; justify-content: space-between; align-items: center; }
.re_lista .reple_boxa .re_bot_info_box .re_bot_inifo { display: flex; font-size: 0.85em; }
.re_lista .reple_boxa .re_bot_info_box .re_bot_inifo .date { color: #9d9d9d; margin-right: 0.5em; }
.re_lista .reple_boxa .re_bot_info_box .del_btn_box { display: flex; justify-content: flex-end; color: #9d9d9d; font-size: 0.9em; }

/* ???? */
.reple_wrap { display: flex; flex-direction: column; gap: 1rem; }
.reple_wrap .reply_input_box { padding-top: 0.5rem; background-color: #fff; position: sticky; top: 90px; }
.reple_wrap .reply_input_text { display: flex; flex-direction: column; gap: 0.3em; align-items: flex-end; padding: 0.7rem; border-radius: 0.5em; border: 1px solid #ebebeb; }
.reple_wrap .reply_input_box .reply_input_text textarea { width: 100%; min-height: 30px; font-size: 0.9rem; line-height: 1.5; }
.reple_wrap .reply_input_box .stip_box { padding: 0.7rem; }
.reple_wrap .re_list_wrap { display: flex; flex-direction: column; gap: 1rem; }
.reple_wrap .re_list_box { display: flex; flex-direction: column; gap: 0.7em; padding: 0.7rem; font-size: 0.9rem; line-height: 1.2; border-radius: 0.5em; border: 1px solid #ebebeb; }
.reple_wrap .re_top_profile_box { display: flex; align-items: center; gap: 0.5em; }
.reple_wrap .re_top_profile_box img { display: inline-block; width: 30px; height: 30px; object-fit: cover; border-radius: 50%; }
.reple_wrap .re_info_box .re_info_text { font-weight: 300; }
.reple_wrap .re_del_btn { font-size: 0.9em; color: #6a6a6a; }

/* quill ?????? */
.editor_wrap { border-radius: 0.5em; border: 1px solid #ebebeb; overflow: hidden; }
.ql-container.ql-snow { font-family: 'Pretendard' !important; font-size: 0.9rem !important; border: none !important; }
.ql-toolbar.ql-snow { border: none !important; background-color: #f7f7f7; padding: 0.5em !important; }
.ql-toolbar.ql-snow .ql-formats { display: flex; flex-wrap: wrap; gap: 0.5em; align-items: center; margin: 0; }
.ql-editor { min-height: 150px; }

/*profile*/
.profile_dimmed_box { 
    width: 100vw; 
    height: 100vh; 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 9999; 
    visibility: hidden; 
    opacity: 0; 
	font-size: 1rem;
    background-color: rgba(0,0,0,0.25);
    transition: all 0.3s ease; 
    -webkit-transition: all 0.3s ease;
}
.profile_dimmed_box .profile_info_box {
	width: calc(100% - 10%);
	max-width: 400px;
    padding: 20px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 0.5em;
    margin-top: -50px;
    visibility: hidden; 
    opacity: 0;
    transition: all 0.3s ease; 
    -webkit-transition: all 0.3s ease;
}
.profile_dimmed_box .profile_info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.profile_dimmed_box .title {
    padding: 0 20px;
    line-height: 1.4;
    font-size: 1.15em;
    font-weight: 600;
}
.profile_dimmed_box .mem_top_box {
    padding: 0 20px;
}
.profile_dimmed_box .mem_bottom_btn {
    padding: 1rem 20px 0;
}
.mem_top_box { 
    display: flex; 
    align-items: center; 
    gap: 1em; 
}
.coupon_list_wrap {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 40vh;
    overflow: auto;
}
.coupon_list_wrap .coupon_list_box {
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.coupon_list_wrap .sub_text {
    font-size: 0.9em;
    padding: 1rem;
    background-color: #f7f7f7;
    color: #007de8;
    border-radius: 10px;
}
.coupon_list_wrap .coupon_list_info {
    font-size: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    padding: 0.7em;
    border-radius: 10px;
    border: 1px solid #ebebeb;
}
.coupon_list_wrap .coupon_list_info.end_box {
    opacity: 0.5;
    background-color: #f0f0f0;
}
.coupon_list_wrap .coupon_info_box {
    display: flex;
    align-items: center;
    gap: 7px;
}
.coupon_list_wrap .coupon_info_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.coupon_list_wrap .coupon_list_info .coupon_icon {
    width: 20px;
}
.coupon_list_wrap .coupon_list_info .coupon_price {
    color: #007de8;
    font-weight: 600;
}
.coupon_list_wrap .coupon_list_info .coupon_code {
    font-size: 0.85em;
    letter-spacing: 0.15em;
}
.coupon_list_wrap .coupon_list_info .coupon_date {
    font-size: 0.8em;
    color: #9d9d9d;
}
.coupon_list_wrap .coupon_list_info.end_box .coupon_price {
    color: #090909;
}
.coupon_list_wrap .coupon_list_info.end_box .coupon_date {
    color: #090909;
}
.mem_profile_wrap .mem_profile_box { 
    position: relative; 
}
.mem_profile_wrap .mem_profile_img_box { 
    width: 100px; 
    height: 100px; 
    overflow: hidden; 
    border-radius: 50%; 
}
.mem_profile_wrap .mem_profile_img_box img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
}
.mem_profile_wrap .edit_button { 
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px; 
    height: 35px; 
    padding: 0.4em; 
    background-color: #f7f7f7; 
    overflow: hidden; 
    border-radius: 50%; 
    border: 2px solid #fff; 
    position: absolute; 
    right: 0; 
    bottom: 0; 
    font-size: 0.75em;
    font-weight: 500;
    color: #9d9d9d;
    cursor: pointer;
}
.mem_profile_wrap .edit_button input[type='file'] { 
    display: none; 
}
.profile_dimmed_box .input_file_info {
	font-size: 0.9em;
    line-height: 1.5;
}
.profile_dimmed_box .coupon_reg_wrap {
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    font-size: 1rem;
}
.coupon_reg_wrap input[name="coupon_code"] {
    width: 100%;
    padding: 0.5em;
    border-radius: 7px;
    font-size: 0.9m;
    border: 1px solid #ebebeb;
    background-color: #f7f7f7;
}
.coupon_reg_wrap .btn_basic_small {
    width: 25%;
}
.my_info_list_wrap {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    font-size: 0.88rem;
    font-weight: 300;
    max-height: 40vh;
    min-height: 50px;
    overflow: auto;
}
.my_info_list_wrap .my_mileage_info {
    display: flex;
    justify-content: space-between;
    gap: 0.7em;
    padding: 1em 0;
    border-bottom: 1px solid #eaeaea;
}
.my_info_list_wrap .my_mileage_box2 {
    min-width: 65px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.3em;
}
.my_info_list_wrap .my_mileage_box2 .m_date {
    font-size: 0.8em;
    color: #9d9d9d;
}
.my_info_list_wrap .m_price {
    font-size: 0.95em;
    color: #007de8;
}
.my_info_list_wrap .m_price.color {
    color: #ff0000;
}
.my_info_box {
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.my_info_box .my_info_list {
    display: flex;
    align-items: center;
    font-size: 0.9em;
    gap: 0.7em;
    flex-wrap: wrap;
}
.my_info_box .my_menu_btn {
    display: inline-flex;
    align-items: center;
    gap: 0.3em;
}
.my_info_box .my_menu_btn .my_info_icon {
    width: 20px;
}
.my_info_box .my_info_list .num {
    font-weight: 600;
}

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

	/*???? ???*/
	.main_banner_box .main_banner_textbox .main_banner_text { font-size: 2.5rem; }
	.cont_box .cont_sub_text { font-size: 2rem; }

	/*???? ???????*/
	.cont_container3 .cont_bg_img img { margin-left: 20%; }
	.cont_container3 .cont_text_box { display: flex; justify-content: space-between; align-items: center; }
	.cont_container3 .cont_box .cont_sub_text2 { line-height: 2; font-size:1.2rem; padding: 0 3%; }

	/*???? ?????????*/
	.cont_container4 .cont_info_wrap .cont_thumb_box { display: flex; justify-content: center; }
	.cont_container4 .cont_info_wrap .cont_thumb_box .cont_thumb_list2 { width: 49%; }

	/*???? ¨¨????????*/
	.cont_container5 .cont_info_wrap { display: flex; align-items: center; justify-content: space-between; }
	.cont_container5 .cont_snslist_wrap { margin-top: 0; }

	/*???? ?????????????*/
	.cont_container6 .cont_thumb_box { display: flex; align-items: center; justify-content: space-between; }
	.cont_container6 .cont_thumb_box .cont_thumb_list2 { width: 49%; margin-bottom: 0; }

	/*?????? ????????? ???*/
	.side_menu_wrap .side_cate_menubox ul li .side_sub_menu_box { padding: 1.5em 0; }
	.side_menu_wrap .side_cate_menubox ul li .side_cate_name { padding: 1.5em 0 }

}

@media screen and (min-width: 1024px) {

	/*???? ?????????????*/
	.cont_container6 .cont_thumb_box .cont_thumb_list2 a { height: 190px; }

	/*??????*/
	.www_fWrap { font-size: 0.85rem; }
}