@charset "utf-8";


*{box-sizing:border-box;}
 .grid {
            width: 100%;
            margin: 0 auto;
        }
        .grid-item {
            display:inline-block; vertical-align:top;
            margin-bottom: 10px;
        }
        .grid-item img {
            display: block;
        }

/*����*/
#header_top .top_right .ui_select #look{display:none;}

.cont_list > li{position:relative; font-size:17px; margin-bottom:4px; word-break:keep-all; line-height:1.4em; padding-left: 22px;}
.cont_list > li:before{position: absolute; display:block; content:""; width: 12px; height:12px; background:url(/images/contents/cont_list1.png)no-repeat; border-right:0; box-sizing: border-box; left:0; top:5px;}
.cont_list > li:last-child{margin-bottom:0;}

.cont_list2{margin-top:4px;}
.cont_list2 > li{position:relative; font-size:17px; margin-bottom:3px; word-break:keep-all; line-height:1.4em; padding-left: 16px;}
.cont_list2 > li:before{display: block; content: ""; position: absolute; left: 0; top: 7px; width: 0; height: 0; background: none; border-left: 7px solid #333; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
.cont_list2 > li:last-child{margin-bottom:0;}

.cont_list3{margin-top:4px;}
.cont_list3 > li{font-size:16px; font-weight:400; margin-bottom:3px; position:relative; line-height:1.3em; padding-left:12px;}
.cont_list3 > li::before{display: block; content: ""; position: absolute; width: 4px; height: 4px; background-color: #8c8c8c; left: 0; top: 10px;}

.c_red{color:#f3245f;}
.c_green{color:#005f5a;}
.c_blue{color:#4934fb;}
.add_txt{display:inline-block; font-size:16px; padding-left:20px; background:url("/images/board/check_txt.png") no-repeat; background-position:left top 2px; margin-top:20px; font-weight:500;}


/* ��� �ȳ� */
.top_exp {position: relative; width: 100%; margin: 0 auto 30px auto; display:flex; flex-wrap:wrap; overflow:hidden;}
.top_exp > div{display:inline-block; vertical-align:top;}
.top_exp > div.topexp_img{position:relative; border:2px solid #02a9cd; width:120px; border-radius:15px; border-right: 2px dashed #292a2f; text-align:center; padding:10px 15px 37px 15px; min-height:125px;}
.top_exp > div.topexp_img img{position:absolute; left:50%; top:39%; transform:translate(-50%, -50%); width: 65%;}
.top_exp > div.topexp_img:after {position: absolute; display:block; content:""; width:100px; height:20px; left:8px; bottom:10px; background:url(/images/contents/exp_img2.png) no-repeat;}
.top_exp .topexp_txt{position:relative; width:calc(100% - 120px); padding:25px 55px 25px 23px; border:1px solid #292a2f; border-radius:15px; border-left: 1px solid transparent;}
.top_exp .topexp_txt:before{position: absolute; display:block; content:""; width:30px; height:30px; right:-15px; top:50%; transform:translateY(-50%); background:#fff; border-radius:50%; z-index:1;}
.top_exp .topexp_txt:after{position: absolute; display:block; content:""; width:30px; height:calc(100% + 2px); right:-1px; top:-1px; background:#26d9a6; border-radius:0 12px 12px 0;}
.top_exp .topexp_txt p{position:relative; display:inline-block; font-size:22px; font-weight:600; margin-bottom:10px;}
.top_exp .topexp_txt p:before{position:absolute; content:""; width:25px; height:25px; background:url(/images/contents/h2_icon.png)no-repeat; top:-5px; right:-15px; z-index:-1;}
span.question{display:inline-block; width:24px; height:24px; color:#fff; text-align:center; font-size:16px; font-weight:600; background-color:#3d3d3d; border-radius:0 5px 0 3px; padding: 1px 0; margin: -2px 0 0 3px;}


/*ȸ������- �������*/
.join_con{position:relative; width:100%; }
.step{position:relative; width:100%; text-align:center; margin-bottom:45px; padding-top:30px;}
.step ul {display:flex; flex-wrap:wrap;}
.step ul li{position:relative; display:inline-block; width:calc(100%/4);}
.step ul li:before{position:absolute; display:block; content:""; width:100%; height:5px; background-color:#949494; top:22px; left:calc(50% + 22.5px); z-index:-1;}
.step ul li:last-child:before{display:none;}
.step ul li .num{position:relative; display:inline-block; width:45px; height:45px; background-color:#949494; border:2px solid #949494; font-size:28px; font-weight:700; color:#fff; line-height:45px;}
.step ul li .txt{display:block; font-size:22px; font-weight:600; color:#949494; margin-top:15px;}

.step ul li.on .num{background-color:#009ba3; color:#fff; border:2px solid #009ba3;}
.step ul li.on .txt{color:#00969d;}

.step ul li.after .num{background-color:#fff; color:#fff; border:2px solid #009ba3;}
.step ul li.after .num:after{position:absolute; display:block; content:""; width:45px; height:36px; background:url(/images/contents/step_icon.png)no-repeat; top:1px; left:5px; z-index:1;}
.step ul li.after:before{background-color:#009ba3;}
.step ul li.after .txt{color:#949494;}

.agree_area{padding-bottom:15px;}
.agree_area .aa_in{position:relative; padding:20px 20px; overflow-y: auto; height:300px; border:2px solid #313131; border-bottom:0;}
.agree_area .aa_in::-webkit-scrollbar{width:5px; height:100%; background-color:#6a6a6a; border-radius:5px;}
.agree_area .aa_in::-webkit-scrollbar-thumb{border-radius:5px; background-color:#60f2ff; border-left:1px solid #6a6a6a;}
.agree_area .cb_box{position:relative; background-color: #313131; padding:10px; text-align:center; color:#fff;}
.agree_area .cb_box input{position:relative; margin-top: -2px; margin-right:2px; appearance:none; border:1px solid #fff; width:16px; height:16px; cursor: pointer;}
.agree_area .cb_box input:checked:before{display:block; position:absolute; content:""; width:3px; height:10px; background-color:#60f2ff; transform:rotate(-45deg); left:4px; top:2px;}
.agree_area .cb_box input:checked:after{display:block; position:absolute; content:""; width:3px; height:18px; background-color:#60f2ff; transform:rotate(30deg); left:10px; top:-6px;}
.agree_area .cb_box label span{color: #ff9f9f;}

.btn_area{text-align:center;}
.btn_area .next_btn{display:block; width:145px; height:50px; font-family:"Pretendard"; font-weight:600; text-align:center; margin:0 auto; font-size:18px; background-color:#fff; color:#0a62ac; border:2px solid #0a62ac; line-height:41px;}
.btn_area .next_btn:hover{background-color:#0a62ac; color:#fff;}

.must_it{color:#de1146;font-size: 20px;}

.attention{margin:20px 0 30px 0; width:100%; text-align:center; font-weight:500;}
.attention p{display:inline; padding:0 5px; box-shadow:inset 0px -12px 0 0 #e3ffad;}
.attention p span{color:#f90051; font-weight:600;}

/*ȸ������ - ��������*/
.email_verify{position:relative; width:580px; margin:0 auto; padding-top: 15px;}
.email_verify .ev_top{background-color:#155867; text-align:center; padding:13px; border-radius:10px 0 0 0;}
.email_verify .ev_top span{position:relative; color:#fff; font-weight:600; padding-left:26px;}
.email_verify .ev_top span:before{position: absolute; display:block; content:""; width: 21px; height:15px; background:url(/images/contents/join01.png)no-repeat; border-right:0; box-sizing: border-box; left:0; top:50%; transform:translateY(-50%);}
.email_verify .ev_bot{border:2px solid #b3b3b3; border-top:0; text-align:center; padding:23px 25px; line-height:1.5em;}
.email_verify .ev_bot input{background-color:#f0f0f0; width:100%; padding:7px 10px; font-size:18px; height:50px; letter-spacing: -1px; text-align:center; border-radius:50px;}
.email_verify .ev_bot input::placeholder{font-size:17px; font-weight:500; color:#666;}
.email_verify .ev_bot .mail_btn{display:inline-block; font-family:"Pretendard"; font-weight:600; color:#000; font-size:18px; background-color:#3d434d; padding:10px 20px; height:44px; margin-left:-3px; margin-top:20px; color:#fff;}
.email_verify .ev_bot .mail_btn:hover{background-color:#153667;}

/*ȸ������ - �����Է�*/
.table_write > ul > li > div.td.region select{margin:2px 0;}

/*ȸ������ - ���ԿϷ�*/
.cont_str{position:relative; width:820px; border:1px solid #d6d6d6; padding-top: 15px; text-align:center; padding:20px 30px 60px 30px; background-color:#f9f9f9;  margin:0 auto; }
.cont_str:before{position:absolute; display:block; content:""; width:50px; height:100%; top:-6px; left:-4px; border:6px solid #53d8e3; border-right:0; }
.cont_str:after{position:absolute; display:block; content:""; width:50px; height:100%; top:-6px; right:-4px; border:6px solid #3ad38a; border-left:0; }
.cont_str p{font-size:20px; font-weight:500;}
.cont_str p span{color:#fb3471; font-weight:600;}
.cont_str p span.c_blue{color:#4934fb;}
.cont_str p + p{font-size:17px; font-weight:400; margin-top:5px;}

.cont_str .cs_btn{margin-top:25px;}
.cont_str .cs_btn a{display:inline-block; width:160px; padding:13px 10px; color:#fff; background-color:#3d3d3d; font-size:18px; font-weight:500; transition:0.2s all ease;}
.cont_str .cs_btn a:hover{ background-color:#212121;}
.cont_str .cs_btn a.blue{background-color:#0050c9; margin-right:15px;}
.cont_str .cs_btn a.blue:hover{background-color:#073f6f;}

.join_done .jd_top{position:relative; margin-top:30px; padding-top:75px;}
.join_done .jd_top:before{position: absolute; display:block; content:""; width: 76px; height:51px; background:url(/images/contents/join02.png)no-repeat; left:50%; top:0; transform:translateX(-50%);  border-right:0; box-sizing: border-box; }
.join_done .jd_top p.line{display:inline; box-shadow:inset 0px -12px 0 0 #e3ffad;}



/*6���� ��й�ȣ ����*/
.m_pw_change{padding:70px 50px; margin-top: 60px;}
.m_pw_change p{position:relative; display:inline-block; font-size:19px; font-weight:400; line-height:1.4em; margin-top:85px;}
.m_pw_change p:before{position:absolute; display:block; content:""; width:72px; height:61px; top:-85px; left:50%; background:url(/images/contents/m_pw_change.png)no-repeat; transform:translateX(-50%);}
.m_pw_change p span.small{font-size:16px; color:#000; display:block; margin-bottom:5px;}

.m_pw_change ul{display:inline-block; width:500px; font-size:0; margin-top:20px;}
.m_pw_change ul li{display:inline-block; width:calc((100% - 20px)/3); margin-right:10px;}
.m_pw_change ul li:last-child{margin-right:0px; }
.m_pw_change ul li a{display:inline-block; width:100%; padding:11px 0; color:#fff; font-size:18px; font-weight:500; background-color:#0050c9; transition:0.2s all ease;}
.m_pw_change ul li:nth-child(2) a{background-color:#bf1e43;}
.m_pw_change ul li:last-child a{background-color:#3d3d3d;}
.m_pw_change ul li a:hover{background-color:#073f6f;}
.m_pw_change ul li:nth-child(2) a:hover{background-color:#941431;}
.m_pw_change ul li:last-child a:hover{background-color:#1c1c1c;}


/*�簡�� ����*/
.m_reagree{padding:50px 50px 60px 50px;}
.m_reagree p.tit{position:relative; display:inline-block; font-size:23px; font-weight:700; line-height:1.3em; color:#0a62ac; padding-left: 26px;}
.m_reagree p.tit:before{position:absolute; display:block; content:""; width:18px; height:22px; top:50%; left:0; background:url(/images/contents/m_reagree.png)no-repeat; transform:translateY(-50%);}
.m_reagree p.con{position:relative; display:inline-block; font-size:18px; font-weight:400; line-height:1.3em; margin-top:25px; padding:0 45px;}
.m_reagree p.i_con{display:inline-block; font-size:18px; font-weight:400; line-height:1.3em; margin-top:20px; color:#0213fd;}
.m_reagree ul{font-size:18px; line-height:1.3em; width:460px; display:flex; flex-wrap:wrap; margin:40px auto 0 auto;}
.m_reagree ul li{width:calc((100% - 10px)/2); margin-right:10px;}
.m_reagree ul li:last-child{margin-right:0px; }
.m_reagree ul li a{display:inline-block; width:100%; padding:10px 0; color:#fff; font-size:18px; font-weight:500; background-color:#0050c9; transition:0.2s all ease;}
.m_reagree ul li:nth-child(2) a{background-color:#bf1e43;}
.m_reagree ul li a:hover{background-color:#073f6f;}
.m_reagree ul li:nth-child(2) a:hover{background-color:#941431;}


/*���̵��й�ȣ ã��*/
.ip_search_area{width:600px; margin:50px auto 0 auto; max-width:100%;}
.ip_search_area .ip_search_tab{font-size:0; width:100%; margin-bottom:10px;}
.ip_search_area .ip_search_tab a{display:inline-block; vertical-align:middle; width:calc(50% - 5px); padding:15px; font-size:18px; text-align:center; font-weight:600; color:#3c3e43; background-color:#fff; border:2px solid #3c3e43; margin-right:10px;}
.ip_search_area .ip_search_tab a:last-child{margin-right:0;}
.ip_search_area .ip_search_tab a span{position:relative; display:inline-block;}
.ip_search_area .ip_search_tab a:hover span{font-weight:600;}
.ip_search_area .ip_search_tab a.on{color:#fff; background-color:#3b3e43;}
.ip_search_area .ip_search_tab a.on span:before{position:absolute; display:block; content:""; width:5px; height:5px; top:-2px; right:-10px; background-color:#67f3ff;}
.ip_search_area .ip_search_tab a.on span:after{position:absolute; display:block; content:""; width:5px; height:5px; top:3px; right:-15px; background-color:#fff;}
.ip_search_area .ip_search_tab a:hover{color:#fff; background-color:#3b3e43;}

.ip_search_box{position:relative; width:100%; padding:55px 20px; border: 1px solid #b9b9b9;}
.ip_search_box:before {position: absolute; display:block; content:""; width: 50px; height:50px; border-left:3px solid #53d8e3; border-bottom:3px solid #53d8e3; box-sizing: border-box; left:-2px; bottom:-2px;}
.ip_search_box:after {position: absolute; display:block; content:""; width: 50px; height:50px; border-right:3px solid #3ad38a; border-bottom:3px solid #3ad38a; box-sizing: border-box; right:-2px; bottom:-2px;}
.ip_search{font-size:0;}
.ip_search div.input_box{width:400px; margin:0 auto;}
.ip_search ul li{margin-bottom:8px;}
.ip_search ul li label{display:inline-block; vertical-align:middle; font-weight:600; color:#2f3237; font-size:18px; width:80px;}
.ip_search ul li input{width:calc(100% - 80px); font-family:"Pretendard"; background-color: #f6f6f6 ; padding:8px 12px; font-size:17px; max-width:100%; height:45px;}
.ip_search ul li input::placeholder{font-weight:500; font-size:16px; color:#919191;}
.is_btn{display:block; margin:20px auto 0 auto; width:400px; max-width:100%; font-family:"Pretendard"; font-weight:500; text-align:center; background-color:#0050c9; padding:10px; font-size:18px; color:#fff; transition:0.2s all ease; height:45px;}
.is_btn:hover{background-color:#073f6f;}


/*���̵��й�ȣ ã�� ���*/
.search_result_area{margin:65px auto 0 auto; padding:50px 40px 60px 40px;}
.search_result_area .sr_con{position:relative; padding:22px 15px 24px 15px; background-color:#fff; margin-top:70px;}
.search_result_area .sr_con:before{position:absolute; display:block; content:""; width:54px; height:54px; top:-70px; left:50%; background:url(/images/contents/ip_search.png)no-repeat; transform:translateX(-50%);}
.search_result_area p{position:relative; font-size:18px; font-weight:500; line-height:1.3em; padding:0 45px;}
.search_result_area p.result span{font-weight:600; color: #f3245f; margin-top: 5px;}
.search_result_area p.no_result{font-weight:700; color: #f3245f; margin-top: 5px;}
.search_result_area p.check{font-size:17px; color: #f3245f;}

.search_result_area .pw_change_btn{display:inline-block; padding:12px 20px; color:#fff; font-size:18px; font-weight:500; background-color: #3d434d; transition:0.2s all ease; margin-top:15px; font-family:"Pretendard";}
.search_result_area .pw_change_btn:hover{background-color:#1b1c20;}

.sr_con{font-size:0;}
.sr_con div.input_box{width:400px; margin:15px auto 0 auto; text-align:left;}
.sr_con ul li{margin-bottom:7px;}
.sr_con ul li label{display:inline-block; vertical-align:middle; font-weight:600; color:#2f3237; font-size:18px; width:125px;}
.sr_con ul li input{display:inline-block; vertical-align:middle; width:calc(100% - 125px); font-family:"Pretendard"; border: 1px solid #b3b3b3; padding:8px 12px; font-size:17px; max-width:100%; height:40px;}
.sr_con ul li input::placeholder{font-weight:500; font-size:16px; color:#919191;}


/*���*/
.login_area{position:relative; width:600px; margin:60px auto 0 auto; max-width:100%;}
.login_box{position:relative; width:100%; padding:55px 0; border: 1px solid #b9b9b9; border-top:8px solid #3b3e43;}

.login_box .input_box{width:400px; margin:0 auto;padding:0 20px;}
.login_box ul li{margin-bottom:8px;}
.login_box ul li label{display:inline-block; vertical-align:middle; font-weight:600; color:#2f3237; font-size:18px; width:80px;}
.login_box ul li input{width:calc(100% - 80px); font-family:"Pretendard"; background-color: #f6f6f6 ; padding:8px 12px; font-size:17px; max-width:100%; height:40px;}
.login_box ul li input::placeholder{font-weight:500; font-size:16px; color:#919191;}
.login_btn{display:block; margin:20px auto 0 auto; width:400px; max-width:100%; font-family:"Pretendard"; font-weight:600; text-align:center; background-color:#0050c9; padding:10px; font-size:18px; color:#fff; transition:0.2s all ease; height:44px;}
.login_btn:hover{background-color:#073f6f;}

/*��й�ȣ ã��*/
.find_box{position:relative; padding:22px 15px 24px 15px; background-color:#fff; margin-top:70px;}
.find_box:before{position:absolute; display:block; content:""; width:54px; height:54px; top:-70px; left:50%; background:url(/images/contents/ip_search.png)no-repeat; transform:translateX(-50%);}

.find_box div.input_box{width:400px; margin:15px auto 0 auto; text-align:left;}
.find_box ul li{margin-bottom:7px;}
.find_box ul li label{display:inline-block; vertical-align:middle; font-weight:600; color:#2f3237; font-size:18px; width:125px;}
.find_box ul li input{display:inline-block; vertical-align:middle; width:calc(100% - 130px); font-family:"Pretendard"; border: 1px solid #b3b3b3; padding:8px 12px; font-size:17px; max-width:100%; height:40px;}
.find_box ul li input::placeholder{font-weight:500; font-size:16px; color:#919191;}

/*��й�ȣ ����/�Ⱥ��� ���� �߰�*/
.input_box > ul > li[class^="eyei"] div.psw_input{display:inline-block; position:relative; width:100%;}
.input_box > ul > li[class^="eyei"] div.psw_input input{padding:8px 40px 8px 12px;}
.input_box > ul > li[class^="eyei"] div.psw_input i{position:absolute; right:10px; font-size:1.1em; top:20px; color:#424242;}



.link_box{width:100%; border:1px solid #b9b9b9; border-left:0; border-right:0;margin-top:25px; font-size:0; }
.link_box > div{position:relative; display:inline-block; width:50%; margin:0 auto; font-size:17px; padding:23px 15px; text-align:center; }
.link_box > div a{display:inline-block; padding:9px 20px; color:#fff; font-size:16px; font-weight:500; background-color: #314a55; transition:0.2s all ease; margin-top:8px;}
.link_box > div a:hover{background-color:#052d3d;}
.link_box > div:nth-child(2) a{background-color: #334b47;}
.link_box > div:nth-child(2) a:hover{background-color:#043b33;}
.link_box > div .txt span{font-weight:500;}
.link_box .find{border-left: 3px solid #53d8e3;}
.link_box .find .icon{display:inline-block; width:29px;}
.link_box .find .icon img{width:100%;}
.link_box .find .txt{display:inline-block; width:calc(100% - 65px); vertical-align:middle;}
.link_box .join{border-right: 3px solid #3ad38a; border-left: 1px solid #b9b9b9;}
.link_box .join .icon{display:inline-block; width:50px;}
.link_box .join .icon img{width:100%;}
.link_box .join .txt{display:inline-block; width:calc(100% - 100px); vertical-align:middle;}


/*����������-��������*/
.mypage_tab{font-size:0; width:100%; margin-top: 50px; margin-bottom:35px; text-align:center;}
.mypage_tab li{display:inline-block; vertical-align:middle; width:300px; margin-right:10px; max-width:calc((100% - 20px)/3);}
.mypage_tab li a{display:inline-block; width:100%; padding:15px; font-size:18px; text-align:center; font-weight:600; color:#292a2f; background-color:#fff; border:2px solid #292a2f; border-radius: 3px; max-height:55px;}
.mypage_tab li a:hover{color:#5fe9c1; background-color:#292a2f;}
.mypage_tab li:last-child{margin-right:0;}
.mypage_tab li.mycoupon a{position:relative;}
.mypage_tab li.mycoupon .now{display:inline-block; width:23px; height:23px;  border-radius:50%; font-size:17px; font-weight:600; background:#5fe9c1; color:#000; text-align:center; margin:-4px 0 0 5px; padding:1px; vertical-align:middle;}
.mypage_tab a span{position:relative; display:inline-block;}
.mypage_tab a:hover span{font-weight:600;}
.mypage_tab a.on{color:#fff; background-color:#292a2f;}
.mypage_tab a.on > span:before{position:absolute; display:block; content:""; width:5px; height:5px; top:-2px; left:-10px; background-color:#5fe9c1;}
.mypage_tab a.on > span:after{position:absolute; display:block; content:""; width:5px; height:5px; top:3px; left:-15px; background-color:#fff;}
.mypage_tab a.on > span.now:before{display:none;}
.mypage_tab a.on > span.now:after{display:none;}

/*ȸ��Ż��*/
.withdrawal{position:relative; width:580px; padding:40px 0 50px 0; border: 1px solid #b9b9b9; border-top:8px solid #3b3e43; margin:0 auto;}
.withdrawal:before {position: absolute; display:block; content:""; width: 50px; height:50px; border-left:3px solid #53d8e3; border-bottom:3px solid #53d8e3; box-sizing: border-box; left:-3px; bottom:-3px;}
.withdrawal:after {position: absolute; display:block; content:""; width: 50px; height:50px; border-right:3px solid #3ad38a; border-bottom:3px solid #3ad38a; box-sizing: border-box; right:-3px; bottom:-3px;}
.withdrawal .input_box{width:400px; margin:0 auto; padding:0 20px;}
.withdrawal .input_box p{font-size:20px; font-weight:600; text-align:center; margin-bottom:15px;}
.withdrawal ul li{margin-bottom:7px;}
.withdrawal ul li label{display:inline-block; vertical-align:middle; font-weight:600; color:#2f3237; font-size:18px; width:80px;}
.withdrawal ul li input{width:calc(100% - 80px); font-family:"Pretendard"; background-color: #f6f6f6 ; padding:8px 12px; font-size:17px; max-width:100%; height:40px;}
.withdrawal ul li input::placeholder{font-weight:500; font-size:16px; color:#919191;}
.withdrawal_btn{display:block; margin:15px auto 0 auto; width:400px; max-width:100%; font-family:"Pretendard"; font-weight:500; text-align:center; background-color:#0050c9; padding:10px; font-size:18px; color:#fff; transition:0.2s all ease; height:42px;}
.withdrawal_btn:hover{background-color:#073f6f;}


/*ȸ��Ż�� �Ϸ�*/
.withdrawal_com{margin:65px auto 0 auto; padding:70px 50px;}
.withdrawal_com p:first-child{position:relative; margin-top:75px; margin-bottom:3px; letter-spacing:-1px; font-weight:600; }
.withdrawal_com p:first-child:before{position:absolute; display:block; content:""; width:63px; height:63px; top:-75px; left:50%; background:url(/images/contents/withdrawal_com.png)no-repeat; transform:translateX(-50%);}


/*��й�ȣ Ȯ��*/
.info_pw_wrap{position:relative; width:580px; padding:60px 0 65px 0; border: 1px solid #b9b9b9; border-top:8px solid #3b3e43; margin: 60px auto 0 auto; text-align:center;}
.info_pw:before {position: absolute; display:block; content:""; width: 50px; height:50px; border-left:3px solid #53d8e3; border-bottom:3px solid #53d8e3; box-sizing: border-box; left:-3px; bottom:-3px;}
.info_pw:after {position: absolute; display:block; content:""; width: 50px; height:50px; border-right:3px solid #3ad38a; border-bottom:3px solid #3ad38a; box-sizing: border-box; right:-3px; bottom:-3px;}	
.info_pw{display:flex; align-items: center; justify-content: center;}
.info_pw .icon{width:53px;}
.info_pw .icon img{width:100%;}
.info_pw .input_box{margin-left:25px; width: 270px;}
.info_pw .input_box p{font-size:20px; font-weight:600; text-align:center; margin-bottom:15px;}
.info_pw label{display:inline-block; vertical-align:middle; font-weight:600; color:#2f3237; font-size:18px; width:65px;}
.info_pw input{width:calc(100% - 69px); font-family:"Pretendard"; background-color: #f6f6f6 ; padding:8px 12px; font-size:17px; max-width:100%; height:40px;}
.info_pw ul li input::placeholder{font-weight:500; font-size:16px; color:#919191;}
.infopw_c{display:block; margin-top: 10px; width:100%; max-width:100%; font-family:"Pretendard"; font-weight:500; text-align:center; background-color:#0050c9; padding:10px; font-size:18px; color:#fff; transition:0.2s all ease; height:42px;}
.infopw_c:hover{background-color:#073f6f;}


/* ���������� > ���� ���� */
.my_coupon{width:100%; background-color:#f7f7f7; padding:20px 20px 10px 20px;}
.my_coupon ul{display:flex; flex-wrap:wrap;}
.my_coupon ul li{width:calc((100% - 20px)/2); margin-right:20px; background-color:#fff; padding:0 15px 15px 15px; border-radius:15px; margin-bottom:10px;}
.my_coupon ul li:nth-child(2n){margin-right:0;}
.my_coupon ul li div.price{border-bottom:1px dashed #00afa1; margin-bottom:10px; font-size:19px; padding:18px 0 18px 40px;}
.my_coupon ul li div.price span{font-weight:700;}
.my_coupon ul li div.ctit{display:inline-block; font-size:17px; margin-bottom:5px; letter-spacing:-1.5px; width:calc(100% - 110px);}
.my_coupon ul li div.ctit .event{font-weight:500; color:#0043ff;}
.my_coupon ul li div.date{display:inline-block; font-weight:500; color:#666; font-size:16px; width:105px;}

.my_coupon ul li.c1 div.price{background:url(/images/contents/sr3.png) no-repeat; background-position:left center; background-size:35px;}
.my_coupon ul li.c2 div.price{background:url(/images/contents/sr1.png) no-repeat; background-position:left center; background-size:35px;}
.my_coupon ul li.c3 div.price{background:url(/images/contents/sr2.png) no-repeat; background-position:left center; background-size:35px;}
.my_coupon ul li.c4 div.price{background:url(/images/contents/sr5.png) no-repeat; background-position:left center; background-size:35px;}

.my_coupon ul li.nothing{text-align:center; width:100%; padding:20px;}





/*���� ���*/
#loading_layer{width:100%; text-align:center;}
#loading_layer p{font-weight:500; margin-top:10px;}
.stat_print{text-align:right; margin-bottom:10px;}
.stat_print .print_btn{display:inline-block; vertical-align:middle; border:3px solid #152e4d; padding:10px 20px; border-radius:50px; font-weight:700; background:#fff; text-align:center; font-size:19px; position:relative;}
.stat_print .print_btn:before{display: block; content: ""; position: absolute; width: 30px; height: 100%; border: 3px solid #ff6675; border-radius: 0 50px 50px 0; right: -3px; top: -3px; border-left: none;}
.stat_print .print_btn:hover{color:#ff6675; border:3px solid #ff6675;}
.stat_print .print_btn img{display:inline-block; vertical-align:middle; margin-right:3px;}

#stat_area{width:100%;}

@page {size:210mm 297mm;  margin: 10mm 5mm;}

@media print{
* {-webkit-print-color-adjust: exact; print-color-adjust: exact;}
body{padding:15px;}
h2{margin-bottom:20px;}
h3{margin-bottom:10px;}
.search_field{margin-bottom:20px;}
.analyze_exp{padding:20px 15px; margin-bottom:40px;}
.analyze_exp h3{margin-bottom:10px;}
.analyze_exp .analyze_txt .analyze_detail{padding:10px 15px;}
.adv_graph{page-break-inside:avoid; page-break-after:auto;}
#chart_clck .adv_gwrap .adv_graph{margin-right:3px;}
.chart_box_3{width:340px;}

#chart_imprs{width:1115px; padding-right:15px;}
}

.adv_info{padding:10px 18px 14px 18px; background-color:#eff2ff; font-size:17px; margin-bottom:30px; margin-top:-5px; border-radius:0 10px 10px 10px;}
.adv_info > dl, .adv_info > dl dt, .adv_info > dl dd{display:inline-block; vertical-align:middle; line-height:1em;}
.adv_info > dl{margin-right:20px; position:relative; padding:3px 0;}
.adv_info > dl:after{width:1px; height:14px; display:block; content:""; position:absolute; right:-12px; top:4px; transform:skew(-15deg); background:#000;}
.adv_info > dl:last-child{margin-right:0;}
.adv_info > dl:last-child:after{display:none;}
.adv_info > dl dt{position:relative; font-weight:500; margin-right:7px; color:#19217b; padding-left:20px;}
.adv_info > dl dt:before{position:absolute; display:block; content:""; width:12px; height:14px; top:50%; left:0; background:url(/images/contents/stats1.png)no-repeat; transform:translateY(-50%);}
.adv_info > dl:nth-child(2) dt:before{width:15px; height:13px; background:url(/images/contents/stats2.png)no-repeat; }
.adv_info > dl:nth-child(3) dt:before{width:15px; height:15px; background:url(/images/contents/stats3.png)no-repeat; }

.search_field.stats_search .search_here{width: fit-content;}
.search_field.stats_search .search_here .admdates{background:none;}

.tab_menu{width: 100%; margin: 40px auto 30px auto;}
.tab_menu ul{display: flex; flex-wrap: wrap; max-width:800px; width:100%; margin:0 auto; align-items:center; justify-content:center;}
.tab_menu ul li{width:calc(100%/4); margin-left:-1px; display: inline-block; vertical-align: top; text-align: center; box-sizing: border-box; height: 45px; position:relative;}
.tab_menu ul li:after{width: 1px; height: 17px; display: block; content: ""; position: absolute; right: 0px; top: 12px; transform: skew(-15deg); background: #374d69;}
.tab_menu ul li:nth-child(n+5){margin-top:5px;}
.tab_menu ul li:nth-child(4n):after{display:none;}
.tab_menu ul li:last-child:after{display:none;}
.tab_menu ul li:last-child{margin-right:0px;}
.tab_menu ul li a{display: inline-block; width: 100%; box-sizing: border-box;
 height: 100%; position: relative; border-bottom:4px solid #374d69; font-weight:500; font-size:18px;}
.tab_menu ul li a:before{display: inline-block; position: relative; width: 0; height: 100%; content: ""; vertical-align: middle;}
.tab_menu ul li a span{display: inline-block; vertical-align: middle; line-height: 1em; font-size: 16px; font-weight: 500; position: relative; z-index: 2;}
.tab_menu ul li:hover a{color:#02815e; border-bottom:4px solid #2cffc5; font-weight:700;}
.tab_menu ul li a.on{color:#02815e; border-bottom:4px solid #2cffc5; font-weight:700;}


.tab_menu2{width: 100%; margin:0 auto 30px auto;}
.tab_menu2 ul{display: flex; flex-wrap: wrap; width:100%; margin:0 auto; align-items:center; justify-content:center; border:1px solid #ddd; border-bottom:none; border-radius:15px 15px 0 0;}
.tab_menu2 ul li{width:calc(100%/3); margin-left:-1px; display: inline-block; vertical-align: top; text-align: center; box-sizing: border-box; height: 60px; position:relative;}
.tab_menu2 ul li:after{width: 1px; height: 17px; display: block; content: ""; position: absolute; right: 0px; top: 12px; transform: skew(-15deg); background: #374d69;}
.tab_menu2 ul li:last-child:after{display:none;}
.tab_menu2 ul li:last-child{margin-right:0px;}
.tab_menu2 ul li a{display: inline-block; width: 100%; box-sizing: border-box; height: 100%; position: relative; border-bottom:4px solid #374d69; font-size: 20px; font-weight: 500;}
.tab_menu2 ul li a:before{display: inline-block; position: relative; width: 0; height: 100%; content: ""; vertical-align: middle;}
.tab_menu2 ul li a span{display: inline-block; vertical-align: middle; line-height: 1em; position: relative; z-index: 2;}
.tab_menu2 ul li:hover a{color:#02815e; border-bottom:4px solid #2cffc5; font-weight:700;}
.tab_menu2 ul li a.on{color:#02815e; border-bottom:4px solid #2cffc5; font-weight:700;}


.adv_graph{width:100%; margin-bottom:40px;}
.chart_box{padding:20px; border:2px solid #dbdbdb; border-radius:10px;}
.chart_box_3{padding:20px; border:2px solid #dbdbdb; border-radius:10px;}
.chart_box .chart_div_in{width:100%; overflow-x:hidden; padding-bottom: 5px; /*min-height:310px;*/}
.chart_box_3 .chart_div_in{overflow:hidden;}
.chart_box .chart_div_in::-webkit-scrollbar{border-radius:10px; height:6px; background-color:#ccc;}
.chart_box .chart_div_in::-webkit-scrollbar-thumb{border-radius:10px; background-color:#2f9d9d;}
.no_chart_data{width:100%; padding:15px 20px; background-color:#f4f9f0; color:#000; text-align:center; border-radius:10px; font-size:16px;}
#loading_layer{width:100%; text-align:center;}
#loading_layer p{font-weight:500; margin-top:10px;}

.adv_gwrap{display:flex; flex-wrap:wrap;}
.adv_gwrap .adv_graph{width:calc((100% - 30px)/3); margin-right:15px;}
.adv_gwrap .adv_graph:last-child{margin-right:0;}

.analyze_exp{padding:25px 15px;  background-color:#ecfbf7; text-align:center; margin-bottom:30px; border-radius:10px;}
.analyze_exp h3{position:relative; display:inline-block; padding-left:32px; margin-bottom:17px;}
.analyze_exp h3:before{position:absolute; content:""; display:block; width:26px; height:26px; background:url(/images/rhksflwk/adreport_icon01.png)no-repeat; top:-3px; left:0;}
.analyze_txt{font-size:18px; line-height:1.4em; }
.analyze_txt .flow{font-weight:600; color:#0a715c; font-size:20px;}
.analyze_txt p{margin-bottom:17px;}
.analyze_txt .analyze_detail{display:flex; flex-wrap:wrap; justify-content: center; background-color:#fff; padding:17px 15px; margin-top:-5px; border-radius:10px; text-align:center;}
.analyze_txt .analyze_detail li{display:inline-block; margin:5px 0; margin-right: 45px;}
.analyze_txt .analyze_detail li .a_tit{position:relative; font-size:18px; font-weight:600; margin-right:10px; padding-left:25px;}
.analyze_txt .analyze_detail li .a_tit:before{position:absolute; content:""; display:block; width:20px; height:20px; background:url(/images/rhksflwk/adreport_icon02.png)no-repeat; top:50%; left:0; transform:translateY(-50%); background-size:100%;}
.analyze_txt .analyze_detail li .a_tit.age, .analyze_txt .analyze_detail li .a_tit.device, .analyze_txt .analyze_detail li .a_tit.region, .analyze_txt .analyze_detail li .a_tit.click{padding-left:21px;}
.analyze_txt .analyze_detail li .a_tit.day{padding-left:22px;}
.analyze_txt .analyze_detail li .a_tit.age:before{width:16px; background:url(/images/rhksflwk/adreport_icon03.png)no-repeat;}
.analyze_txt .analyze_detail li .a_tit.device:before{width:16px; background:url(/images/rhksflwk/adreport_icon04.png)no-repeat;}
.analyze_txt .analyze_detail li .a_tit.region:before{width:16px; background:url(/images/rhksflwk/adreport_icon05.png)no-repeat;}
.analyze_txt .analyze_detail li .a_tit.mon_aver:before{background:url(/images/rhksflwk/adreport_icon06.png)no-repeat;}
.analyze_txt .analyze_detail li .a_tit.day:before{width:17px; background:url(/images/rhksflwk/adreport_icon07.png)no-repeat;}
.analyze_txt .analyze_detail li .a_tit.time:before{background:url(/images/rhksflwk/adreport_icon08.png)no-repeat;}
.analyze_txt .analyze_detail li .a_tit.click:before{width:16px; background:url(/images/rhksflwk/adreport_icon09.png)no-repeat;}


.chart_chktxt{position:relative; display:flex; font-size:16px; padding-left:23px;}
.chart_chktxt:before{position:absolute; content:""; display:block; width:18px; height:18px; background:url(/images/rhksflwk/chart_chktxt.png)no-repeat; top:1px; left:0;}

/*�ȼ�����- ����ġ����*/
.cell_buy{position:relative; width:100%; overflow: hidden;}
.cell_buy .step{position:relative; width:100%; text-align:center; margin-bottom:45px; padding-top:30px;}
.cell_buy .step ul {display:flex; flex-wrap:wrap;}
.cell_buy .step ul li{position:relative; display:inline-block; width:calc(100%/3);}

.c_select{position:relative; width:100%; padding:30px 25px; background-color:#3b3e43; margin-bottom:30px; text-align: center;}
.c_select .cate{width:100%;}
.c_select .cate span{position:relative; display:inline-block; font-size:18px; font-weight:500; color:#fff; padding-left:26px; margin-right:20px; margin-bottom:5px;}
.c_select .cate span:before{position:absolute; display:inline-block; content:""; width:16px; height:16px; border:1px solid #898d95; left:0; top:50%; transform:translateY(-50%); background-color:#fff;}
.c_select .cate span.sell:before{ background-color:#585b5f;}
.c_select .cate span.mine:before{ background-color:#ff00b0;}
.c_select .cate span:last-child{margin-right:0;}

.cs_wrap{display:inline-block; width:100%; height: 500px; margin-top:25px; overflow:auto; padding: 1px 0 0 1px;}
.cs_wrap::-webkit-scrollbar{width:7px; height:7px; background-color:#6a6a6a; border-radius:5px;}
.cs_wrap::-webkit-scrollbar-thumb{border-radius:5px; background-color:#29ffce; border:1px solid #6a6a6a;}
.cs_wrap .row{width:100%; font-size:0; margin-top: -1px; min-width: 1220px;}
.cs_wrap .row .cell{display:inline-block; vertical-align:top; margin-left: -1px; margin-top: -1px;}
.cs_wrap .row .cell input[type="checkbox"]{display:none;}
.cs_wrap .row .cell label {position:relative; display:inline-block; width: 20px; height:20px; font-weight:500; cursor:pointer; border:1px solid #55575d; background-color:#fff; }
.cs_wrap .row .cell input[type="checkbox"]:checked + label{background:#66f8ff;}
.cs_wrap .row .cell.not label{background-color:#585b5f;}
.cs_wrap .row .cell span.sreader{position:absolute; font-size:17px; left: -10000px;}
.cs_wrap .row .cell.mine label{background-color:#ff00b0;} /* my cell */

.minimap{position:absolute; background-color: #3b3e43; top: 20px; right: 10px; width:120px;}
.minimap .top{ display:inline-block; font-size:17px; font-weight:500; color: #fff; background: #2a2a2a; width: 100%; border: 1px solid #4cffd6;}
.minimap .top:hover{color:#4cffd6;}
.minimap .top .arr{position:relative; display:inline-block; width:100%; padding:6px 13px 6px 10px;}
.minimap .top .arr:before{position:absolute; display:block; content:""; width:6px; height:1.5px; background-color:#4cffd6; transform:translateY(-50%) rotate(45deg); top:50%; right:11px; }
.minimap .top .arr:after{position:absolute; display:block; content:""; width:6px; height:1.5px; background-color:#4cffd6; transform:translateY(-50%) rotate(135deg); top:50%; right:7px;}
.minimap .bottom{position:relative; padding:0 8px 8px; border: 1px solid #efefef; border-top: 0;}
.minimap .bottom .cell_area{width:100%; height:246.5px; background:#5d5d5d;}
.minimap .region{position:absolute; top:5px; left:0; width:100%; height:34px; background: rgba(158, 255, 233, 0.3);}


/*�ȼ����� - ���� ����*/
.buy_t{display: flex; flex-wrap:wrap; border:2px solid #b0b5b5; border-bottom:0; font-size:0; margin-top:30px;}
.buy_t > div{display:inline-block; width:50%; vertical-align:top;}
.buy_t > div p.tit{font-size:20px; font-weight:600; border-bottom:1px solid #b0b5b5;  padding-bottom:15px;}
.buy_t > div.coupon{width:100%; border-bottom: 1px solid #b0b5b5; padding:20px 24px;}

/*���� ����*/
.coupon h5{font-size: 20px; font-weight: 600; padding:0 0 4px 30px; background: url(/images/contents/sale_icon.png) no-repeat; background-size:28px; background-position:left center; margin-bottom:5px;}
.coupon .dc_box{width:100%;}
.coupon .dc_box > div{display:inline-block; margin:3px 20px 3px 0; border:2px solid #000; border-radius:10px; position:relative; background:#fff; z-index:1;}
.coupon .dc_box > div:before{display:block; content:""; position:absolute; width:16px; height:16px; border-radius:50%; border:1px solid #bbb; left:8px; top:13px; box-sizing:border-box; z-index:-1;}
.coupon .dc_box > div.on{border:2px solid #00cdaf;}
.coupon .dc_box > div.on:before{border:3px solid #000;}
.coupon .dc_box > div.on:after{display:block; content:""; position:absolute; width:6px; height:6px; border-radius:50%; left:13px; top:18px; background-color:#00cdaf; z-index:-1;}
.coupon .dc_box > div:last-child{margin-right:0;}
.coupon .dc_box > div input[type='checkbox']{display:none;}
.coupon .dc_box > div label{display:block; font-size:17px; font-weight:500; width:100%; padding:10px 10px 10px 30px;}
.coupon .dc_box > div .price{font-weight:600;}
.coupon .dc_box > div .event{font-size:14px; color:blue; display:inline-block; vertical-align:top; margin-top:1px; font-weight:500;}
.coupon .dc_box > div .c_info{display:block; font-size:13px; color:#555; border-top:1px dashed #ccc; padding-top:5px; margin-top:5px;}

.coupon .dc_box > div.nothing{display: block; margin: 0; border: none; border-radius: 0; font-size: 17px; padding: 11px; border: 1px solid #ccc; background-color: #f2f8f9; border-radius: 10px;}
.coupon .dc_box > div.nothing:before{display:none;}

.buy_t .b_list{background: #f6f6f6;}
.buy_t .b_list > div{padding:0 24px; font-size:18px;}
.buy_t .b_list .list_top{padding-top:20px;}
.buy_t .b_list .list_top div{padding:20px 0;}
.buy_t .b_list .list_top div .coupon #couVal{color:#ea1b16; font-weight:500; }
.buy_t .b_list .list_top div .coupon #couValF{color:#ea1b16; font-weight:500;}
.buy_t .b_list .list_top div p{display:flex; justify-content: space-between;}
.buy_t .b_list .list_top div p > span{padding:3px 0;}
.buy_t .b_list .list_bot{background-color:#313131;display:flex; justify-content: space-between;}
.buy_t .b_list .list_bot span{font-size:19px; font-weight:600; color:#fff; text-align:right; padding:15px 0 20px 0;}
.buy_t .b_list .list_bot span.sky{color:#60f2ff; }

.buy_t .b_total{padding:20px 24px; border-bottom: 2px solid #b0b5b5;}
.buy_t .b_total div{position:relative; font-size:18px; text-align:center; height: calc(100% - 41.7px);}
.buy_t .b_total div:before{content:"";display:inline-block; height:100%; vertical-align:middle;}

.buy_t .b_total div input[type="radio"]{display:none;}
.buy_t .b_total div label{position:relative; display:inline-block; width: calc((100% - 21px) / 3);font-weight:500; cursor:pointer; border:1px solid #898d95; background-color:#fff; margin-right:5px;}
.buy_t .b_total div label:last-child{margin-right:0;}
.buy_t .b_total div label:hover{background-color:#f0fcff;}
.buy_t .b_total div input[type="radio"]:checked + label{background-color:#f0fcff; border:2px solid #003ff4; color: #003ff4; font-weight: 600;}
.buy_t .b_total div label span{position:relative; display:inline-block; padding:12px 10px 12px 40px;}
.buy_t .b_total div label span:before{position:absolute; display:block; content:""; width:23px; height:20px; top:50%; left:10px; background:url(/images/contents/buy1.png)no-repeat; transform:translateY(-50%);}
.buy_t .b_total div input[type="radio"]:checked + label span{padding:12px 35px 12px 40px;}
.buy_t .b_total div input[type="radio"]:checked + label span:after{position:absolute; display:block; content:"\2714"; width:21px; height:21px; top:50%; right:7px; border:2px solid #313131; box-sizing:border-box; transform:translateY(-50%); border-radius:50%; line-height:10px; color:#0042ff; font-size:20px;}
.buy_t .b_total div label:nth-of-type(2) span:before{background:url(/images/contents/buy2.png)no-repeat;}


/*�ȼ����� - �����Ϸ�*/
.buy_done{position:relative; width:830px; border:1px solid #d6d6d6; padding-top: 15px; text-align:center; border-radius:10px 0 10px 10px; padding:40px 30px 70px 30px; background-color:#f9f9f9;  margin:0 auto 10px auto; }
.buy_done:before{position:absolute; display:block; content:""; width:50px; height:100%; top:-6px; left:-4px; border:6px solid #53d8e3; border-right:0; }
.buy_done:after{position:absolute; display:block; content:""; width:50px; height:100%; top:-6px; right:-4px; border:6px solid #3ad38a; border-left:0; }

.buy_done .bd_top{position:relative; margin-top:30px; padding-top:75px;}
.buy_done .bd_top:before{position: absolute; display:block; content:""; width: 64px; height:54px; background:url(/images/contents/buy3.png)no-repeat; left:50%; top:0; transform:translateX(-50%);  border-right:0; box-sizing: border-box; }
.buy_done .bd_top p{font-size:20px; font-weight:500;}
.buy_done .bd_top p span{color:#fb3471; font-weight:600;}
.buy_done .bd_top p span.c_black{color:#000;}
.buy_done .bd_top p + p{font-size:17px; font-weight:400; margin-top:5px;}

.buy_done .bd_btn{margin-top:25px;}
.buy_done .bd_btn a{display:inline-block; padding:12px 15px; color:#fff; background-color:#3d3d3d; font-size:18px; font-weight:500; transition:0.2s all ease;}
.buy_done .bd_btn a:hover{background-color:#212121;}

/*�������Ա� ���� �Ϸ�*/
#bank_success{width:100%; border:1px solid #ccc; border-radius:15px; max-width:655px; margin:15px auto 0 auto; overflow:hidden;}
#bank_success .top_info{padding:20px 15px 15px 15px; text-align:center; font-weight:600; font-size:22px;}
#bank_success .top_info span{display:block; font-weight:500; font-size:17px; margin-top:10px;}
#bank_success > div.ba{display:block; font-weight:500; font-size:19px; text-align:center; border: 5px solid #00e5c6; border-radius:100px; padding:15px; max-width:450px; margin:5px auto 15px auto;}
#bank_success > div.alert{width:100%; padding:20px 20px 50px 20px; background-color:#fafafa;}
#bank_success p{font-size:16px; position:relative; margin-bottom:10px; padding-left:28px; font-weight:500;}
#bank_success p:last-child{margin-bottom:0;}
#bank_success p:before{ display:block; position:absolute; content:"!"; font-weight:700; color:#ff0000; width:17px; height:17px; border-radius:50%; border:2px solid #ff0000; text-align:center; margin-right:5px; font-size:15px; left:0; top:-1px;}
.myp_go{display:block; margin:0 auto; width:230px; padding:15px; text-align:center; font-weight:600; border-radius:50px; position:relative; background:#171717; color:#67efdd; margin-top:-30px; transition:0.3 all ease;}
.myp_go:hover{background:#000; color:#00e5c6; }




/*��������ó����ħ*/
.etc_wrap{width:100%; padding:10px 15px;}
.etc_wrap .etc{margin-bottom:60px;}
.etc_wrap .etc .pp_box{width:100%; padding:20px; background-color:#f5f5f5; margin-bottom:20px; border-radius:15px 0; line-height: 1.3em;}
.etc_wrap .etc h4{display:inline-block; position:relative; font-size:22px; margin-bottom:15px;}
.etc_wrap .etc h4::after{position:absolute; content:""; width:25px; height:25px; background:url(/images/contents/h2_icon.png)no-repeat; top:2px; right:-19px; z-index:-1;}
.etc_wrap .etc > p{background:#f3f3f3; border-radius:5px; padding:13px 20px; font-size:18px; margin-bottom:18px; line-height: 1.3em; word-break:break-all;}

.etc_wrap .etc .cont_list > li{font-size:18px; font-weight:500; margin-bottom:12px;}
.etc_wrap .etc .cont_list2{margin-top:5px;}
.etc_wrap .etc .cont_list2 li{font-size:17px; font-weight:400; margin-bottom:5px; position:relative; line-height:1.3em;}


/*�̿�ȳ�*/
#contents_box .howtouse h2{border: 1px solid #ccc; border-bottom:1px solid #fff; border-radius:10px 10px 0 0; margin-bottom:0; padding: 13px 35px 0 20px;}
#contents_box .howtouse h2:before {top: 15px; right:15px;}
#contents_box .howtouse h3 {margin-bottom:10px;;}
.info_detail{padding:25px 30px; border: 1px solid #ccc; margin-bottom:50px; border-radius:0 15px 15px 15px; margin-top:-1px;}
.info_detail .cont_list > li{margin-bottom:10px;}
.info_detail .cont_list > li:last-child{margin-bottom:0;}
.info_detail .inbox{padding:15px 20px; background-color:#f7f7f7;}
.info_detail .inbox .cont_list2 li{margin-bottom:5px;}
.info_detail .inbox .cont_list3{padding:10px 13px; background-color:#fff;}
.info_detail .inbox .cont_list3 li{margin-bottom:5px;}
.info_detail .uiin_icon {display: inline-block; width: 22px; height: 22px;  border: 1px solid #26d9a6; border-radius: 50%; background: #4a4a4a url(/images/main/ui_s01.png) center no-repeat; vertical-align: middle; background-size: 12px; margin-top: -2px; margin-left:3px;}
.info_detail .inbox .cont_list3 > li::before{top: 8px;}

/*����������*/
.error_box{margin-top:200px; text-align:center;}
.error_box .error_icon{display:inline-block; padding:50px 100px; background-color:#fafafa; border:1px solid #c9c9c9; border-radius:125px;}
.error_box .error_txt{margin-top:20px;}
.error_box .error_txt > p{font-size:22px; font-weight:600;}
.error_box .error_txt .error_info{margin-top:15px;}
.error_box .error_txt .error_info a{display:inline-block; font-size:17px; font-weight:600; padding:12px 20px; color:#fff; background-color:#2d2e2f; margin-top:15px;}
.error_box .error_txt .error_info a:hover{background-color:#000; color:#7df4ff;}


/*��ǰ�ȳ�*/
.service_area{display:flex; flex-wrap:wrap; gap:50px; width:100%;}
#sb1{flex:0 0 100%; }
#sb2, #sb3{flex:1;}
.sb_cont{border-radius:30px; border:1px solid #43c0cb; background-color:#f5fcfd; overflow:hidden;}
.sb_cont .sc_in{width:100%; padding:30px 30px;}
.sb_cont .sc_in .sb_list > li{font-size:18px; position:relative; margin-bottom:10px; padding-left:18px; line-height:1.4em;}
.sb_cont .sc_in .sb_list > li:before{display:block; content:""; position:absolute; width:13px; height:13px; border-radius:50%; border:3px solid #43c0cb; box-sizing:border-box; left:0; top:6px;}
.sb_cont .sc_in .sb_list > li:last-child{margin-bottom:0;}
.tag_box{width:100%; padding:30px 20px 10px 20px; /*background-color:#ecf2ef;*/ margin-bottom:15px;}
.tag_box ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; transition:0.3s all ease;}
.tag_box ul li{display:inline-block; text-align:center; margin:0 10px 20px 10px; transition:0.3s all ease;}
.tag_box ul li img{max-width:100%;}
.tag_box ul li span{display:block; margin-top:10px; font-weight:500; font-size:16px;}
.tag_box > img{margin:0 auto; display:block;}
.sb_cont .sc_pay{width:100%; padding:20px 30px; border-top:1px solid #43c0cb;}
.sb_cont .sc_pay p{font-weight:600; font-size:23px; color:#104444;}
.sb_cont .sc_pay p span{font-weight:700; color:#017071; font-size:25px;}
.sb_cont .sc_pay > span{display:block; margin-top:10px; padding-left:20px; background:url(/images/board/check_txt.png) no-repeat; background-position:0 2px; font-weight:500; color:#555; font-size:16px;}

.sb_cont .event_sale{width:100%; padding:20px 30px; border-top:1px dashed #43c0cb; background-color:#fdffff;}
.sb_cont .event_sale p.tit{font-weight:600; font-size:22px; margin-bottom:10px; color:#000; padding:7px 0 7px 45px; background:url(/images/contents/sale_icon.png) no-repeat;}
.sb_cont .event_sale > span{display:block; margin-top:10px; padding-left:20px; background:url(/images/board/check_txt.png) no-repeat; background-position:0 2px; font-weight:500; color:#555; font-size:16px; margin-bottom:15px; margin-left:5px;}
.sb_cont .event_sale .sale_kind {display:flex; flex-wrap:wrap;}
.sb_cont .event_sale .sale_kind li {padding:20px 20px 20px 100px; border-radius:20px; position:relative; margin-right:30px; width:calc((100% - 60px)/3); box-shadow:3px 4px 9px 1px #89cad08a;}
.sb_cont .event_sale .sale_kind li:before {display:inline-block; vertical-align:middle; content:""; height:100%; position:relative; width:0;}
.sb_cont .event_sale .sale_kind li > div {display:inline-block; vertical-align:middle;}
.sb_cont .event_sale .sale_kind li.sk1 {background:#fff url(/images/contents/sr1.png) no-repeat; background-position:25px center;}
.sb_cont .event_sale .sale_kind li.sk2 {background:#fff url(/images/contents/sr2.png) no-repeat; background-position:25px center;}
.sb_cont .event_sale .sale_kind li.sk3 {background:#fff url(/images/contents/sr3.png) no-repeat; background-position:25px center;}
.sb_cont .event_sale .sale_kind li.sk4 {background:#fff url(/images/contents/sr4.png) no-repeat; background-position:25px center;}
.sb_cont .event_sale .sale_kind li:last-child{margin-right:0;}
.sb_cont .event_sale .sale_kind li p{font-weight:500; font-size:18px; margin-bottom:5px;}
.sb_cont .event_sale .sale_kind li span{font-weight:700; font-size:22px; color:#f40058;}
.sb_cont .event_sale .sale_kind li p.mini{font-weight:500; color:#555; font-size:14px; margin-top:5px;}


#sb2 .sb_cont{border:1px solid #1077c4; background-color:#f8faff;}
#sb2 .sb_cont .sc_in .sb_list > li:before{border:3px solid #0578cf;}
#sb2 .sb_cont .sc_pay{border-top:1px solid #1077c4;}
#sb2 .sb_cont .sc_pay p{color:#004070;}
#sb2 .sb_cont .sc_pay p span{color:#0578cf;}

/*���� ���� ����*/
.fail_pay{margin:50px auto; padding-top:35px; max-width:650px; width:100%;}
.fail_pay .fp_in{width:100%; padding:45px 30px 30px 30px; border:3px solid #ef6250; position:relative; border-radius:20px; text-align:center;}
.fail_pay .fp_in:before{width:82px; height:82px; display:block; content:""; position:absolute; left:50%; transform:translateX(-50%); top:-40px; background:url(/images/contents/warning.png) no-repeat;}
.fail_pay .fp_in p.top{line-height:1.4em; font-size:21px; margin-bottom:30px; font-weight:500;}
.fail_pay .fp_in p.top span{font-weight:600; color:#c03827;}
.fail_pay .fp_in .reason{width:100%; border-radius:20px; background-color:#f4f4f4; padding:37px 20px 20px 20px; position:relative; margin-bottom:15px;}
.fail_pay .fp_in .reason p.tit{display:inline-block; position:absolute; padding:8px 20px; line-height:1em; font-weight:500; color:#fff; border-radius:60px; background-color:#333; top:-12px; left:50%; transform:translateX(-50%);}
.fail_pay .fp_in p.bottom{line-height:1.4em; font-size:17px; font-weight:500; margin-bottom:20px;}
.fail_pay .fp_in p.bottom span{font-weight:600; color:#4c1cff;}
.fail_pay .fp_in a{display:inline-block; padding:10px 20px; background:#333; border:2px solid #5feffc; color:#fff; font-size:18px; font-weight:500;}
.fail_pay .fp_in a:hover{color:#5feffc;}



@media print{
* {-webkit-print-color-adjust: exact; print-color-adjust: exact;}
body{padding:15px;}
h2{margin-bottom:20px;}
h3{margin-bottom:10px;}
}




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


/*���� ���*/
.adv_gwrap{display:flex; flex-wrap:wrap;}
.adv_gwrap .adv_graph{width:100%; margin-right:0;}
}




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

/*��ǰ �ȳ�*/
.sb_cont .event_sale .sale_kind li {padding:20px 15px 20px 80px; margin-right:15px; width:calc((100% - 30px)/3);}
.sb_cont .event_sale .sale_kind li.sk1 {background-position:15px center;}
.sb_cont .event_sale .sale_kind li.sk2 {background-position:15px center;}
.sb_cont .event_sale .sale_kind li.sk3 {background-position:15px center;}
.sb_cont .event_sale .sale_kind li.sk4 {background-position:15px center;}
.sb_cont .event_sale .sale_kind li span{font-size:20px;}


.my_coupon ul li div.ctit{display:block; width:100%;}
.my_coupon ul li div.date{display:block; width:100%;}

}


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

/*�ȼ����� - �����������Է�*/
.buy_t .b_total div{height:auto;}
.buy_t .b_total div label{width:100%; margin-bottom:3px; margin-right:0;}
.buy_t .b_total div label:last-child{margin-bottom:0;}
.buy_t .b_total div label span {padding: 9px 10px 9px 40px;}
}




@media  screen and (max-width:880px)
{
/*ȸ������ - ���ԿϷ�*/
.cont_str{width:calc(100% - 20px); margin:0 auto;}
.m_pw_change{margin-top:40px;}
}



@media  screen and (max-width:800px)
{
/*ȸ������ - ��������*/
.email_verify{width:calc(100% - 20px); margin:0 auto;}

.mobile_menu a:first-child img{-webkit-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0);}




/*��ǰ �ȳ�*/
.sb_cont .event_sale .sale_kind li {width:calc((100% - 15px)/2);}
.sb_cont .event_sale .sale_kind li:nth-child(2n) {margin-right:0;}
.sb_cont .event_sale .sale_kind li.sk1 {margin-bottom:15px;}
.sb_cont .event_sale .sale_kind li.sk3 {margin-bottom:15px;}


}

@media  screen and (max-width:760px)
{
/*�������*/
.analyze_txt .analyze_detail li{margin-right: 0px; width: calc(100%/4);}
}

@media  screen and (max-width:730px)
{
/*���*/
.link_box .find .txt{width: calc(100% - 45px);}
.link_box .join .txt{width: calc(100% - 80px);}
}

@media  screen and (max-width:700px)
{
/*�������*/
.analyze_txt .analyze_detail li{margin-right: 0px; width: calc(100%/3);}
}

@media  screen and (max-width:650px)
{
/*����������-��������*/
.mypage_tab li{width:calc((100% - 10px)/3); margin-right:5px;}

/*�ȼ�����- ����ġ����*/
.c_select .cate{text-align:left;}



/* ���������� > ���� ���� */
.my_coupon ul li{width:100%; margin-right:0;}
.my_coupon ul li:nth-child(3n){margin-right:0;}


/*�̿�ȳ�*/
.etc_wrap{padding:10px 0;}
.info_detail {margin-bottom:35px; padding: 20px 20px;}
.info_detail .inbox {padding: 12px 13px;}

}


@media  screen and (max-width:620px)
{
/*6���� ��й�ȣ ����*/
.m_pw_change{padding: 50px 30px;}
.m_pw_change ul{width:100%;}

/*�簡�� ����*/
.m_reagree p.con{padding:0;}
.m_reagree ul{width:100%;}

/*���̵��й�ȣ ã����*/
.search_result_area{padding: 40px 30px 50px 30px;}

/*���*/
.link_box .find .txt{width: calc(100% - 33px);}
.link_box .join .txt{width: calc(100% - 54px);}

/*����������-��������*/
.withdrawal{width:calc(100% - 20px); margin:0 auto;}

/*��й�ȣ Ȯ��*/
.info_pw_wrap{width:calc(100% - 20px); padding:60px 0 60px 0; margin: 50px auto 0 auto;}

/*�ȼ����� - �����������Է�*/
.buy_t{display:block;}
.buy_t > div{width:100%;}

/*����������*/
.error_box{padding:0 10px;}
.error_box .error_icon{padding: 40px 70px;}
.error_box .error_icon img{width:100%;}
.error_box .error_txt{margin-top: 15px;}
.error_box .error_txt .error_info{margin-top: 10px;}
.error_box .error_txt .error_info a{margin-top:12px;}
}


@media  screen and (max-width:580px)
{
/*���̵��й�ȣ ã����*/
.sr_con div.input_box{width:100%}
.sr_con ul li label{font-size:17px;}
.sr_con ul li input{width: 100%; margin-top: 8px;}
.sr_con #new_pw{margin-bottom:7px;}
.search_result_area p.check{font-size:16px;}

/*���*/
.link_box > div{display: flex; width:100%; align-items: center; text-align: left; padding: 14px 25px; border-right: 1px solid #b9b9b9;}
.link_box .find .icon{width: 25px;}
.link_box .find .txt{width: auto; margin-left: 15px;}
.link_box .join{border-top: 1px solid #b9b9b9; border-left: 3px solid #3ad38a; border-right: 1px solid #b9b9b9;}
.link_box .join:before{display:none;}
.link_box .join .icon{width: 44px;}
.link_box .join .txt{width: auto; margin-left: 10px;}
.link_box > div a{padding: 8px 13px; margin-left:10px; margin-top:0;}

/* ��� �ȳ� */
.top_exp > div.topexp_img{display:none;}
.top_exp > div.topexp_img:after {display:none;}
.top_exp .topexp_txt{width:100%; padding:15px 35px 15px 18px; border-left: 1px solid #292a2f;}
.top_exp .topexp_txt:before{width:28px; height:28px;}
.top_exp .topexp_txt:after{width:25px;}
.top_exp .topexp_txt p{font-size:21px;}
.top_exp .topexp_txt p:before{position:absolute; content:""; width:25px; height:25px; background:url(/images/contents/h2_icon.png)no-repeat; top:-5px; right:-15px; z-index:-1;}


/*��ǰ �ȳ�*/
.sb_cont .event_sale .sale_kind li {padding:15px 15px 15px 65px;}
.sb_cont .event_sale .sale_kind li.sk1 {background-position:15px center; background-size:40px;}
.sb_cont .event_sale .sale_kind li.sk2 {background-position:15px center; background-size:40px;}
.sb_cont .event_sale .sale_kind li.sk3 {background-position:15px center; background-size:40px;}
.sb_cont .event_sale .sale_kind li.sk4 {background-position:15px center; background-size:40px;}
.sb_cont .event_sale .sale_kind li p{font-size:17px; margin-bottom:5px;}
.sb_cont .event_sale .sale_kind li span {font-size: 19px;}


/*�������*/
.analyze_txt .analyze_detail li{margin-right: 0px; width: calc(100%/2);}
.analyze_txt .analyze_detail li .a_tit:before{height:18px;}
}


@media  screen and (max-width:500px)
{
.cont_list > li{font-size:17px; margin-bottom:4px; line-height:1.3em;}

.cont_list2{margin-top:4px;}
.cont_list2 > li{font-size:17px; margin-bottom:3px;line-height:1.3em;}

.cont_list3{margin-top:4px;}
.cont_list3 > li{font-size:16px; margin-bottom:3px; line-height:1.3em;}




/*ȸ������*/
.cell_buy .step{margin-bottom: 20px; padding-top: 20px;}
.step ul li:before{position:absolute; display:block; content:""; width:100%; height:5px; background-color:#b7b7b7; top:22px; left:calc(50% + 20px); z-index:-1;}
.step ul li .num{position:relative; display:inline-block; width:40px; height:40px; background-color:#b7b7b7; border:2px solid #b7b7b7; font-size:25px; font-weight:700; color:#fff; line-height:40px;}
.step ul li .txt{display:block; font-size:19px; font-weight:600; color:#b7b7b7; margin-top:10px;}
.step ul li.after .num:after{width:40px; height: 30px; background-size:100%;}

/*���*/
.login_area{margin:40px auto 0 auto;}
.login_box{padding:45px 0;}

.login_box ul li label{font-size:17px; width:75px;}
.login_box ul li input{width:calc(100% - 75px);}


/*���̵��й�ȣ ã��*/
.ip_search_area{margin:40px auto 0 auto;}
.ip_search div.input_box{width:100%;}
.is_btn{width:100%;}

.ip_search_box{padding:45px 20px;}
.ip_search ul li label{font-size:17px; width:75px;}
.ip_search ul li input{width:calc(100% - 75px);}


/*���̵��й�ȣ ã����*/
.search_result_area p{padding: 0; font-size: 17px;}

/*ȸ��Ż��*/
.withdrawal ul li label{font-size:17px; width:75px;}
.withdrawal ul li input{width:calc(100% - 75px);}

/*ȸ��Ż�� �Ϸ�*/
.withdrawal_com p:first-child{font-size:19px;}

/*����������*/
.mypage_tab{margin-top: 20px;}
.mypage_tab li a{padding: 10px 5px; font-size:17px; max-height:49px;}
.mypage_tab li.mycoupon .now{font-size: 15px; width: 20px; height: 20px; margin: -4px 0 0 3px;}
.mypage_tab a.on > span:before {display:none;}
.mypage_tab a.on > span:after {display:none;}


/*��ǰ �ȳ�*/
.sb_cont .event_sale .sale_kind li p.mini{font-size:13px; letter-spacing:-1.5px;}

/*���� ����*/
.coupon .dc_box > div{display:block; margin:3px 0; width:100%;}


/*�������*/
.analyze_txt{font-size: 17px;}
.analyze_txt .analyze_detail{text-align:left;}
.analyze_txt .analyze_detail li .a_tit{font-size: 17px; margin-right: 5px;}
.analyze_txt .analyze_detail li .a_tit:before{width:18px;}
.analyze_txt .analyze_detail li .a_tit.age:before{width:14px; background:url(/images/rhksflwk/adreport_icon03.png)no-repeat; background-size: 100%;}
.analyze_txt .analyze_detail li .a_tit.device:before{width:14px; background:url(/images/rhksflwk/adreport_icon04.png)no-repeat; background-size: 100%;}
.analyze_txt .analyze_detail li .a_tit.region:before{width:14px; background:url(/images/rhksflwk/adreport_icon05.png)no-repeat; background-size: 100%;}
.analyze_txt .analyze_detail li .a_tit.mon_aver:before{background:url(/images/rhksflwk/adreport_icon06.png)no-repeat; background-size: 100%;}
.analyze_txt .analyze_detail li .a_tit.day:before{width:15px; background:url(/images/rhksflwk/adreport_icon07.png)no-repeat; background-size: 100%;}
.analyze_txt .analyze_detail li .a_tit.time:before{background:url(/images/rhksflwk/adreport_icon08.png)no-repeat; background-size: 100%;}
.analyze_txt .analyze_detail li .a_tit.click:before{width:14px; background:url(/images/rhksflwk/adreport_icon09.png)no-repeat; background-size: 100%;}
}


@media  screen and (max-width:470px)
{
/*���*/
.link_box > div{justify-content: center;}
.link_box > div a{margin-top: 4px; margin-left: 0px;}
.link_box .find .txt, .link_box .join .txt{width:194px;}
.link_box div .txt span{display:block;}

/*����������*/
.error_box .error_icon{width:100%; padding: 35px 0;}
.error_box .error_icon img{width:75%;}
.error_box .error_txt > p{font-size:21px;}
.error_box .error_txt .error_info p{font-size:17px;
}


@media  screen and (max-width:460px)
{
/*ȸ������ - ��������*/
.email_verify .ev_bot input{font-size: 16px;}

/*ȸ������ - ���ԿϷ�*/
.join_done .jd_btn a{width:100%;}
.join_done .jd_btn a.main_go{margin-left:0; margin-top:6px;}

/*6���� ��й�ȣ ����*/
.m_pw_change ul{display:block; margin: 15px auto 0 auto;}
.m_pw_change ul li{width:100%;}
.m_pw_change ul li+ li{margin-top: 7px;}

/*�簡�� ����*/
.m_reagree{padding: 35px 25px 40px 25px;}
.m_reagree p.con{font-size: 17px;}
.m_reagree p.i_con{font-size: 17px;}


/*���*/
.login_box .input_box{width:100%;}

/*����������-��������*/
.withdrawal .input_box{width:100%;}

/*��й�ȣ Ȯ��*/
.info_pw .icon{display:none;}
.info_pw .input_box{margin-left:0;}

/*�������*/
.adv_info > dl{display:block;}
.adv_info > dl:after{display:none;}


/*��ǰ �ȳ�*/
.sb_cont .event_sale .sale_kind li {padding:15px 15px 15px 45px; width: calc((100% - 10px) / 2); margin-right:10px;}
.sb_cont .event_sale .sale_kind li.sk1 {background-position:10px center; background-size:30px; margin-bottom:10px;}
.sb_cont .event_sale .sale_kind li.sk2 {background-position:10px center; background-size:30px; margin-bottom:10px;}
.sb_cont .event_sale .sale_kind li.sk3 {background-position:10px center; background-size:30px;}
.sb_cont .event_sale .sale_kind li.sk4 {background-position:10px center; background-size:30px;}
.sb_cont .event_sale .sale_kind li p{font-size:15px; margin-bottom:5px; letter-spacing:-2px;}
.sb_cont .event_sale .sale_kind li span {font-size: 18px;}

}


@media  screen and (max-width:440px)
{
/*ȸ������ - ���ԿϷ�*/
.cont_str .cs_btn a{width:100%; font-size:17px;}
.cont_str .cs_btn a.blue{margin-right: 0;margin-bottom: 7px;}


}


@media  screen and (max-width:420px)
{
/*�ȼ�����- ����ġ����*/
.c_select .cate span{display:block; font-size:17px;}
.c_select .cate span + span{margin-left:0; margin-top:6px;}
}




@page {size:210mm 297mm; /*A4*/margin:0mm;}
@media print{
* {-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important; box-sizing:border-box;}
html, body {margin:0;padding:0;break-after: avoid !important;break-before: avoid !important;border: none;}
.analyze_txt .analyze_detail{justify-content:space-between;}
.analyze_txt .analyze_detail li{margin-right:0;}

}