@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('/fonts/pretendard/pretendard.css');

:root{  
    --main: #3973ff ;
	--mainHover :#1f5cf0;
    --sub: #fe7563;
    --graybg: #f9fafc;
    --bluebg : #e2ebff;  
	--border: #e2e2e2; 
	--border2: #ddd;
}

/****** basic style ******/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button {margin:0;padding:0;font-family:"Pretendard", "Noto Sans KR", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif; letter-spacing:-0.04em;}
body {font-family:"Pretendard", "Noto Sans KR", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;font-size:16px;line-height:140%; color:#666; overflow-y:auto;letter-spacing:-0.04em; -webkit-text-size-adjust: none; word-break: keep-all; box-sizing:border-box;margin:0;padding:0;}
body *{outline:none;box-sizing:border-box; }
ol,ul,li{list-style:none;margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
tbody,tfoot,thead,tr,th,td {margin:0;letter-spacing:normal;}
a{cursor:pointer; text-decoration:none; color:#777;}
input,select,img,textarea{vertical-align:middle; font-size:1rem;font-family:"Pretendard", "Noto Sans KR", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif; color:#666;}
input:focus, 
textarea:focus, 
button:focus {outline:none;}
strong, b {font-weight:500}

select { border-radius:0; -webkit-appearance:none; -modisc_group_priceappearance:none; appearance:none; z-index: 95; background:#fff url("/images/select_arrow.png") no-repeat right 12px center;position: relative;
    height: 40px; border-radius:4px; border: 1px var(--border) solid; cursor: pointer; display: inline-block;  vertical-align: middle; background-size: 8px !important; 
	padding: 0 30px 0 15px; color: #666; font-weight: 400;text-overflow: ellipsis; white-space: nowrap;}
select::-ms-expand {display:none}

input[type=text]::-ms-clear {display: none;}
input::-webkit-input-placeholder {font-size:1rem; font-weight:400; color:#999;}
input:-ms-input-placeholder {font-size:1rem; font-weight:400; color:#999;}
input::placeholder {font-size:1rem; font-weight:400; color:#999;}
textarea::placeholder {font-size:1rem; font-weight:400; color:#999;}

button { cursor: pointer; }
a { text-decoration:none; color:#383838; }
a:hover { text-decoration:none; color:#000; }
a:focus { outline:none; }

.bgColor {background:var(--main) !important;}
.fontColor {color:var(--main) !important;}

.f13	{ font-size:13px; }
.f14	{ font-size:14px; }
.f15	{ font-size:15px; }
.f16	{ font-size:16px; }
.f17	{ font-size:17px; }
.f18	{ font-size:18px; }
.f20	{ font-size:20px; }
.f30	{ font-size:30px; }

input[type=text]::-ms-clear {display: none;}
input::-webkit-input-placeholder {color:#999; }
input:-ms-input-placeholder {color:#999; }
input::placeholder {color:#999; }
input[type="text"]{appearance: none;-webkit-appearance:none; -webkit-border-radius:0;}
input[type="submit"]{appearance: none;-webkit-appearance: none; -webkit-border-radius:0;cursor:pointer;} /* cursor:pointer 추가 */
input[type="button"]{appearance: none;-webkit-appearance:none; -webkit-border-radius:0;cursor:pointer;} /* cursor:pointer 추가 */

input[type="checkbox"] {display:inline-block; width:18px; height:18px; border-radius:3px; position:relative; top:-2px; background:#d6dce4 !important;border:none !important; margin:0px !important; }
input[type="checkbox"]:checked {background:#3973ff url('/images/check_icon.png')no-repeat center !important;}

input[type="radio"] {display:inline-block; width:18px; height:18px; border:1px solid #bbb; border-radius:100%; position:relative; top:-2px; background:#fff; margin-right:5px;}
input[type="radio"]:checked {border:5px solid #3973ff;}

.select_box {display:inline-block; }
.select_box select { position: relative; width:200px ;height:40px; border-radius: 5px; border: 1px var(--border) solid;  cursor: pointer;  display: inline-block;  vertical-align: middle; z-index: 95; background: #fff url('/images/select_arrow.png') no-repeat right 12px center; background-size:8px !important; padding: 0 30px 0 15px; font-size:1em; color: #666; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.select_box span {font-size:1em; color:#000;}

/* 체크박스 */
.checkbox {width: auto; height: 18px; }
.checkbox_icon {display: inline-block; width: 18px; height: 18px; background:#d6dce4; border:2px #d6dce4 solid; position: relative; cursor: pointer; border-radius:4px; transition: all 0.15s ease;}
.checkbox input {display: none;}
.checkbox input:checked + .checkbox_icon {background:#3973ff url('/images/check_icon.png')no-repeat center;  background-size:cover !important; border-color:#3973ff;transition: all 0.15s ease;}

.checkbox.cb_exam {height:20px; }
.checkbox.cb_exam input {display: none;}
.checkbox.cb_exam .checkbox_icon {width: 20px; height:20px; background-color:#fff  !important; border:1px #ddd solid; border-radius:50%;}
.checkbox.cb_exam input:checked + .checkbox_icon {background-color:#3b5eb2  !important; border-color:#3b5eb2 !important;}

.checkbox.cb_member {height:24px;}
.checkbox.cb_member input {display: none;}
.checkbox.cb_member .checkbox_icon {width:22px; height:22px; background:#fff !important; background-position:50% 50% !important; border:1px #aaaaaa solid; border-radius:4px;}
.checkbox.cb_member input:checked + .checkbox_icon {background:#fff  url('/images/check_member.png') no-repeat 50% 50% !important; background-size:10px !important; border:2px #051d55 solid !important;}

/* 라디오 */
.radio {width:20px; height:20px; }
.radio .radio_icon {display: inline-block;width: 20px; height:20px; background:#fff; border:1px #ddd solid; border-radius:50%; position: relative; cursor: pointer; transition: all 0.15s ease;}
.radio input {display: none;}
.radio input:checked + .radio_icon {background:#3b5eb2  url('/images/check_icon.png')no-repeat center !important;  background-size:cover !important; border-color:#3b5eb2 !important;transition: all 0.15s ease;}

.radio.radio2 .radio_icon {width:20px; height:20px;}
.radio.radio2 input {display: none;}
.radio.radio2 input:checked + .radio_icon {background:#fff !important;border-color:#3b5eb2 !important; }
.radio.radio2 input:checked + .radio_icon:before {content:''; position:absolute; left:50%;top:50%;transform:translate(-50%, -50%); width:8px;height:8px;border-radius:50%;background:var(--main);}

.radio.radio2 input:checked:disabled + .radio_icon {border-color:#ddd !important; }
.radio.radio2 input:checked:disabled + .radio_icon:before {background:#ddd;}

.ver_mobile { display:none !important;}
.ver_pc { display:block !important;}
.br_mobile { display:none !important;}
.br_pc { display:block !important;}

#wrap {position:relative; width:100%; min-width:320px; overflow:hidden;}

/* HEADER */
#header_wrap { width:100%; height:150px;}
#header { position:absolute; top:0; left:0; width:100%; background:#fff; border-bottom:1px #b7b7b7 solid;z-index:100;}
#header .head_in {position:relative; height:90px; border-bottom:1px solid #ddd; box-sizing:border-box;}
#header .head_in .basic_inner {display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; padding:10px 0px; }

#header .head_in h1 {position:relative; display:inline-block; z-index:10;vertical-align:top; padding:0px;}
#header .head_in h1 a { position:relative; z-index:10;height:70px;display:flex; align-items: center;}
#header .head_in h1 img.img_logo {max-width:200px; max-height:70px;}

#header .top_search {position:absolute; left:50%; transform:translateX(-50%); top:20px; width:360px; height:50px;padding:3px 25px;border:2px #f8f8fa solid; border-radius:30px;background:#f8f8fa; box-sizing:border-box;}
#header .top_search input.searchInput {border:none !important; width:calc(100% - 40px); height:40px; line-height:40px; background:#f8f8fa;}
#header .top_search .searchBtn {position:absolute; right:15px; top:50%;transform:translateY(-50%); width:30px;height:30px;background:url('/images/search_icon.png') 50% 50% no-repeat;background-size:cover !important; text-indent:-9999px; overflow:hidden; }
#header .top_search.active {border-color:var(--main);}

#header .top_util {position:relative;width:auto; display:flex;flex-wrap:nowrap; gap:10px; align-items:center; padding:0px; margin:0px;z-index:1000;}

#header .top_util.bflogin {gap: 20px;}
#header .top_util.bflogin li {font-size:15px; font-weight:400;width:auto; height:40px; transition:all 0.3s linear;z-index:1000;}
#header .top_util.bflogin li a{position:relative; display:flex; gap:10px; align-items:center; width:100%;height:40px; padding-left:28px; box-sizing:border-box;font-weight:inherit;transition:all 0.3s linear;}
#header .top_util.bflogin li a:hover {color:#000;}
#header .top_util.bflogin li a:before {content:'';position:absolute; left:0px; top:0px; width:30px; height:100%; opacity:0.6; background-size:20px !important; background-repeat:no-repeat !important; background-position:center !important;transition:all 0.3s linear;}
#header .top_util.bflogin li.login a:before {background-image:url('/images/icon_login.png');}
#header .top_util.bflogin li.join a:before {background-image:url('/images/icon_join.png');}

#header .top_util .tu_icon {position:relative;width:40px; height:40px;font-size:15px; font-weight:400; border-radius:50%; transition:all 0.3s linear;z-index:1000;}
#header .top_util .tu_icon > div {position:relative; z-index:1010;}
#header .top_util .tu_icon a {position:relative;display:block; display:flex; gap:10px; align-items:center; width:100%;height:40px; border-radius:50%; box-sizing:border-box;font-weight:inherit;transition:all 0.3s linear;}
#header .top_util .tu_icon a:hover {color:#000;}
#header .top_util .tu_icon a:before {content:'';position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0.6; background-size:25px !important; background-repeat:no-repeat !important; background-position:center !important;transition:all 0.3s linear;}
#header .top_util .tu_icon .util_active {position:absolute;display:inline-block; right:6px; top:6px; width:5px; height:5px; background:#ff0000;  border-radius:100% !important;}
#header .top_util .tu_icon em {opacity:0;position:absolute; left: 50%;top: 44px; transform: translateX(-50%);display:block; width:auto; min-width:40px;line-height:1.2;padding: 4px 6px;font-style:normal;font-size: 12px; text-align: center; font-weight: 400; color: #222;border-radius: 4px; border: 1px solid #d6dbe2; background-color: #f2f5f8; box-shadow: 0 4px 8px 0 rgba(34, 34, 34, .16); z-index:1010; }
#header .top_util .tu_icon:hover em,
#header .top_util .tu_icon a:hover em {opacity: 1;}
#header .top_util .tu_icon:hover a,
#header .top_util .tu_icon a:hover,
#header .top_util .tu_icon a.active {background-color:#b8bac4; }
#header .top_util .tu_icon:hover a:before,
#header .top_util .tu_icon a:hover:before,
#header .top_util .tu_icon a.active:before{ filter:invert(100%) contrast(100%) brightness(100%) !important; opacity:1;}

#header .top_util .wish_circle_icon a:before {background-image:url('/images/icon_wish.png');}
#header .top_util .alarm_circle_icon a:before {background-image:url('/images/icon_alarm.png');}

#header .top_util .profile_circle_wrap {width:auto;font-size:15px; font-weight:400; height:40px; transition:all 0.3s linear;z-index:100;}
#header .top_util .profile_circle_icon {position:relative; width:auto; }
#header .top_util .profile_circle_icon a {position:relative; display:flex; gap:8px; align-items:center; width:auto;height:40px; padding:0px; box-sizing:border-box;font-weight:inherit;transition:all 0.3s linear; color:#222; font-size:1rem; opacity:1;}
#header .top_util .profile_circle_icon:hover a {background-color:#fff; }
#header .top_util .profile_circle_icon a:before {display:none;}

.util_profile {display:inline-block; width:40px; height:40px; border-radius:50%; background:url('/images/profile_normal.png') 50% 50% no-repeat; background-size:cover !important;}

#header .menu_wrap { display:block;position:relative; width:100%; height:60px; margin:0px auto; background:#fff; text-align:center;}
#header .menu_wrap .gnb { width:auto; display:flex; flex-wrap:nowrap; gap:70px; justify-content:center; margin:0px; z-index:10; background:none;}
#header .menu_wrap .gnb li { width:auto; padding:0px; }
#header .menu_wrap .gnb li a {position:relative;display:block; color:#000; font-size:17px; font-weight:500; padding:0px; margin:0px; line-height:60px; text-align:center;}
#header .menu_wrap .gnb li a:hover { color:#3973ff; }	
#header .menu_wrap .gnb li a.active { color:#3973ff;}
#header .menu_wrap .gnb li a.active:before {content:'';position:absolute; left:50%; top:0px; transform:translate(-50%, -50%);width:10px;height:10px; border-radius:50%; background:#3973ff;}
#gnb.fixed  {position:fixed; top:0;left:0px;width:100%; transition:all 0.3s linear; box-shadow:0 5px 12px rgb(0 0 0 / 5%);}
#gnb.nofixed {position:fixed; top:-165px; transition:all 0.3s linear;}
/* HEADER */


/* 좋아요 아이콘 */
i.wish {position:absolute;width:20px; height:20px; background:url('/images/wish.png') 50% 50% no-repeat;background-size:cover !important; z-index:10;}
i.wish a {position:relative;display:block; width:100%; height:100%;}
i.wish.on {background:url('/images/icon_wish_on.png') 50% 50% no-repeat;}

i.ic_setting {display:inline-block;width:30px;height:30px;background:url('/images/icon_setting.png') 50% 50% no-repeat !important; background-size:cover !important;font-size:0px;opacity:0.5;}
i.ic_setting:hover {opacity:1; background-color:transparent !important;}

i.ic_back {display:inline-block;width:30px;height:30px;background:url('/images/icon_back.png') 50% 50% no-repeat !important; background-size:cover !important;font-size:0px;}
i.ic_back:hover {opacity:1; background-color:transparent !important;}


/* 상단 레이어 팝업 */
.top_circle {display:none; position:absolute; left:50%;transform:translateX(-100%); margin-left:600px; top:80px;padding:0px 0px; border-radius:10px; border:1px var(--border) solid;background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.15); z-index:10000; overflow:hidden; }

.top_circle_title {position:relative;display:flex; flex-wrap:nowrap;justify-content:space-between;align-items:center; padding:20px 30px 10px 30px;}
.top_circle_title h2 {width:auto; display:inline-block; line-height:1; padding-top:10px; position:relative;font-size:18px; font-weight:600; color:#000;}
.top_circle_title h2:before {content:''; position:absolute; left:0px; top:0px; width:100%; height:2px; background:#000;}
.top_circle_title .setting {display:block;font-size:0px; width:30px;height:30px;}
.top_circle_title .back {display:none;font-size:0px; width:30px;height:30px;}

.top_circle_cont {padding:0px 30px; height:auto; max-height:300px; overflow-y:auto;}

.top_circle_bottom {background:#f9fafc; padding:13px 20px; text-align:center;}
.top_circle_bottom a {display:flex; justify-content:center; align-items:center; gap:7px; width:auto; height:20px; font-size:0.935em;}
.top_circle_bottom a:hover {text-decoration:underline;}
.top_circle_bottom a i {width:15px;height:15px; border-radius:50%; border:1px #000 solid; background:url('/images/arrow.png') 50% 50% no-repeat; background-size:cover !important;}

.top_circle_btn {width:100%; display:flex; flex-wrap:nowrap; gap:5px;}
.top_circle_btn a.button {width:100%;}

.wish_circle {width:360px;}
.top_wish_list {display:flex; width:100%; gap:0px; flex-wrap:wrap;}
.top_wish_list .item {width:100%; margin:0px; padding:20px 0px;border-bottom:1px var(--border) solid; display:flex; flex-wrap:nowrap; gap:20px; align-items:center;}
.top_wish_list .item:last-child {border:none;}
.top_wish_list .item a {position:relative;display:flex; gap:20px; flex-wrap:nowrap; align-items:center;width:100%;}
.top_wish_list .item .con_img {position:relative;width:100px; border:1px var(--border) solid; border-radius:5px; }
.top_wish_list .item .con_img img {width:100%; border-radius:5px; background-size:cover !important; background-repeat:no-repeat !important; background-position:center !important; }
.top_wish_list .item .con_txt { width:calc(100% - 120px);padding:0px; box-sizing:border-box;}
.top_wish_list .item .con_txt h3 { font-size:16px; font-weight:600; color:#000;line-height:20px; height:auto; max-height:20px; display: -webkit-box; white-space:normal; overflow:hidden; text-overflow:ellipsis;  -webkit-line-clamp:1;-webkit-box-orient: vertical; margin-bottom:3px;}
.top_wish_list .item .con_txt ul {width:100%; display:flex;flex-wrap:wrap; gap:5px; margin:0px;}
.top_wish_list .item .con_txt li {position:relative; width:100%; font-size:14px;color:#777; line-height:20px;box-sizing:border-box;}
.top_wish_list .item .con_txt li span {position:absolute;left:0px; top:0px; width:70px;line-height:20px;font-size:1em; color:#000;}

.alarm_circle {width:360px;} 
.top_alarm_list {display:flex; width:100%; gap:0px; flex-wrap:wrap;}
.top_alarm_list li {width:100%; margin:0px; padding:20px 0px;border-bottom:1px var(--border) solid; display:flex; flex-wrap:wrap; gap:6px; }
.top_alarm_list li:last-child {border:none;}
.top_alarm_list li a {width:100%;display:flex; flex-wrap:wrap; gap:6px;}
.top_alarm_list li .label { display:inline-block; width:auto; padding:0px 10px;line-height:20px;font-size:13px; color:#666; border:1px var(--border) solid; border-radius:3px;}
.top_alarm_list li h3 {width:100%; font-size:18px; color:#000; font-weight:500;line-height:1.1;}
.top_alarm_list li .category {width:100%; font-size:15px; color:var(--main); line-height:1.1;}
.top_alarm_list li p {width:100%;font-size:15px; color:#666; line-height:1.1;}

.profile_circle {width:270px;}
.profile_circle .top_circle_title {display:none;}
.profile_circle_top {display:flex; flex-wrap:wrap;gap:5px; background:#e2ebff; padding:30px 20px; text-align:center;}
.profile_circle_top h2 {width:100%; font-size:24px; color:#000;}
.profile_circle_top h3 {width:100%; font-size:15px; color:#666;}
.profile_circle_top a { width:100%; display:flex; flex-wrap:nowrap;gap:5px; justify-content:center; font-size:15px; color:#fff; line-height:35px; background:var(--main); border-radius:5px; margin-top:5px;}
.profile_circle_top a:hover {background:var(--mainHover);}
.top_profile_menu {width:100%; display:flex; flex-wrap:wrap; }
.top_profile_menu li {width:100%; border-top:1px var(--border) solid;}
.top_profile_menu li a {display:block;  padding:10px 15px; line-height:20px; font-size:1rem; color:#000;}
.top_profile_menu li a:hover {background:#e5e5e8;}

/* 알람 설정 */
.alarm_setting {position:fixed;left:50%;top:50%;transform:translate(-50%, -50%); margin:0px; width:100%; max-width:400px; }
.alarm_setting .top_circle_title { padding:20px 30px;border-bottom:1px var(--border) solid;  }
.alarm_setting .top_circle_title h2 {line-height:20px; font-size:18px; font-weight:600; color:#000; padding:0px;}
.alarm_setting .top_circle_title h2:before {display:none;}
.alarm_setting .top_circle_cont {padding:30px;}
.alarm_setting .top_circle_btn {margin-top:20px;}
.top_alarm_setting {display:flex; flex-wrap:wrap; gap:10px; }
.top_alarm_setting li {position:relative; width:100%; display:flex; flex-wrap:nowrap;align-items:center; gap:10px; }
.top_alarm_setting li h3 {position:relative; width:auto; padding:0px 10px; font-size:16px; color:#000;}
.top_alarm_setting li h3::before {content:'';position:absolute; left:0px; top:50%; transform:translateY(-50%); width:4px;height:4px; border-radius:50%; background:#000;}

/* 인기검색어 팝업 */
.search_recom {display:none; position:absolute;left:50%;transform:translateX(-50%); margin:0px; top:80px;width:100%; max-width:360px;padding:0px 0px; border-radius:10px; border:2px var(--main) solid;background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.15); z-index:100; overflow:hidden;}
.search_recom .search_recom_title {position:relative;display:flex; flex-wrap:nowrap;justify-content:space-between;align-items:center; border-bottom:1px var(--border) solid; padding:20px 30px;}
.search_recom .search_recom_title h2 {width:auto; display:inline-block; line-height:1; position:relative;font-size:18px; padding:0px; font-weight:600; color:#000;}
.search_recom .search_recom_title .close {display:block;font-size:0px; width:20px;height:20px;background:url('/images/icon_close.png') center no-repeat; background-size:14px !important; opacity:0.3; text-indent:-999px; font-size:0px;}
.search_recom .search_recom_cont {padding:10px 30px; height:auto;}
.search_recom_list {width:100%; display:flex;flex-wrap:wrap; }
.search_recom_list li {width:100%; line-height:20px; display:flex; gap:0px; }
.search_recom_list li a {display:block; padding:10px 0px; line-height:20px;}
.search_recom_list li a:hover {text-decoration:underline;}
.search_recom_list li b {display:inline-block; width:20px; line-height:20px; }

/* 전체카테고리 삼선메뉴 */
.hamburger {position: absolute;left:0px;top:50%;transform:translateY(-50%); padding:10px;display: inline-block; width:42px;height:40px; border-radius:5px; text-align:center;cursor: pointer; z-index:100; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-o-transition: all 0.3s ease; transition: all 0.3s ease;}
.hamburger span {background: #111; display: block; height: 2px;margin:0px;}
.hamburger span:nth-child(1) {width: 22px;}
.hamburger span:nth-child(2) {width: 22px;margin-top:7px;}
.hamburger span:nth-child(3) {width: 22px;margin-top:7px;}
.hamburger.is-active {padding:10px;}
.hamburger.is-active .line {width:24px;}
.hamburger.is-active .line:nth-child(2){opacity: 0;}
.hamburger.is-active .line:nth-child(1){-webkit-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);-o-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}
.hamburger.is-active .line:nth-child(3){-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);-o-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}
.hamburger:hover {background:#b8bac4;}
.hamburger:hover span {background:#fff;}

/* 전체 카테고리 */
.all_category {display:block; position:absolute; left:0; top:55px; width:100%; /*max-width:752px;*/ padding:0px; border-radius:10px; border:1px var(--border) solid;background:#fff; z-index:1000 !important;box-shadow:0px 0px 10px rgba(0,0,0,0.15);}
.all_category_title {position:relative;width:100%;display:flex; justify-content:space-between; align-items:center; padding:20px 30px 20px 40px;border-bottom:1px var(--border) solid; }
.all_category_title h2 {font-size:24px; font-weight:600; color:#000;}
.all_category_title a { display:block; font-size:15px; color:#000; padding:5px 25px 5px 10px; background:url('/images/arrow_right2.png') center right 5px no-repeat;  background-size:20px; !important; border-radius:5px;}
.all_category_title a:hover {background-color:#f5f5f5;}
.all_category_cont {position:relative;width:100%; height:40vh; display:block; }
.all_category_cont:before {content:'';position:absolute;left: 33.33%;top:0px;width:1px;height:100%;background:var(--border);z-index:1001;}
.all_category_cont:after {content:'';position:absolute;left: 66.66%;top:0px;width:1px;height:100%;background:var(--border);z-index:1001;}

.all_category_cont ul {width: 33.33%;display:flex;flex-wrap:wrap;}
.all_category_cont ul li {width:100%;margin:0px;/*height:32px;*/padding: 0;transition:all 0.1s;}
.all_category_cont ul li a {display:block;padding: 16px 10px 16px 40px;font-size:16px;color:#000;font-weight:500;letter-spacing:-0.5pt;height:auto;min-height:45px;line-height:25px;/* padding:10px 0px; */text-align:left;background:#fff center right 10px no-repeat;transition:all 0.1s;}
.all_category_cont ul li:hover,
.all_category_cont ul li.active {background:#f9f9f9;}
.all_category_cont ul li a:hover,
.all_category_cont ul li:hover > a,
.all_category_cont ul li.active > a {background: #f9f9f9 url('/images/depth_arrow.png') calc(100% - 10px) center  no-repeat;text-decoration:underline;}
.all_category_cont .depth1 {}
.all_category_cont .depth {position:absolute;top:0px;width: 33.33%;height:100%;padding:0px;transition:all 0.2s;z-index:1000; display:none;}
.all_category_cont .depth2 {left: 33.33%;/* overflow-y: auto; *//* overflow-x: visible; */}
.all_category_cont .depth3 {left: 100%;overflow-y: auto;width: 100%;}
.all_category_cont .depth1:hover > .depth2,
.all_category_cont .depth1.active > .depth2,
.all_category_cont .depth2.active,
.all_category_cont .depth3.active,
.all_category_cont .depth2 li.active > .depth3,
.all_category_cont .depth2 li:hover > .depth3{ display:block;}
.all_category_cont ul.all_category_menu {}
.all_category_cont ul.all_category_mobile {display:none !important;}


.all_category_cont .course_cate {width: 33.33%;}
.all_category_cont .course_cate li {width:100%; margin:0px; height:45px; padding:0px 40px;}
.all_category_cont .course_cate li a {position:relative; height:45px; line-height:45px; padding:0px 0px 0px 35px; font-size:14px; text-align:left; background:#fff ;}
.all_category_cont .course_cate li:hover,
.all_category_cont .course_cate li a:hover,
.all_category_cont .course_cate li:hover > a {background:#f9f9f9; text-decoration:underline;}
.all_category_cont .course_cate li a:before {content:''; position:absolute; left:0px; top:50%; transform:translateY(-50%); width:25px; height:25px; border-radius:50%; background-size:cover !important;}
.all_category_cont .course_cate li.cc1 a:before { background:#149ba0 url('/images/icon_cc1.png') center no-repeat; }
.all_category_cont .course_cate li.cc2 a:before { background:#ff0000 url('/images/icon_cc2.png') center no-repeat; }
.all_category_cont .course_cate li.cc3 a:before { background:#0c9fd4 url('/images/icon_cc3.png') center no-repeat; }
.all_category_cont .course_cate li.cc4 a:before { background:#e35e28 url('/images/icon_cc4.png') center no-repeat; }

.all_category_close {padding:20px;border-top:1px var(--border) solid; text-align:right; display:flex; justify-content:flex-end;}
.all_category_close .ac_close {display:block; width:20px; height:20px;background:url('/images/icon_close.png') center no-repeat; background-size:cover !important; opacity:0.3; text-indent:-999px; font-size:0px;}
.all_category_close .ac_close:hover { opacity:0.6;}


/* MOBILE MENU */
.menuMb {display:none;}


/* FOOTER */
#footer {background:#444444; padding:50px 0px; font-size:17px; color:#ddd;}
#footer .basic_inner {display:flex; }
#footer .footer_cs {width:50%; display:flex; gap:15px; flex-wrap:wrap;}
#footer .footer_cs span {width:auto; font-size:1em;  }
#footer .footer_info {width:50%;display:flex; gap:10px 20px; flex-wrap:wrap; justify-content:flex-end;}
#footer .footer_info a {display:block; position:relative; font-size:1em; font-weight:400; color:#ddd;}
#footer .footer_info a::before {content:''; position:absolute; display:inline-block; left:-10px; top:50%; transform:translateY(-50%); width:1px;height:15px;background:#ddd;  }
#footer .footer_info a:first-child::before {display:none;}
#footer .footer_info .copyright {font-size:1em; }

/* COMMON */
.compd {padding:50px 0; box-sizing:border-box;}
.compd_t {padding:50px 0 0; box-sizing:border-box;}
.compd_b {padding:0 0 50px; box-sizing:border-box;}
.basic_inner {position:relative; width:calc( 100% - 40px ); max-width:1200px; margin:0 auto;}
.bgGray {background:#f5f6f9;}

/* 기본 팝업  */
.popup_wrap {display: none;	position: fixed;z-index: 10000;top: 50%;left: 50%;width:94%; max-width:400px; height:auto; max-height:90vh; transform:translate(-50%, -50%); padding: 0px; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.15); border: 1px var(--border) solid;  border-radius:10px;}
.popup_wrap .popup_inner {position: relative;width:100%;padding:0px;z-index: 10000;background:#fff; border-radius:10px; }
.popup_wrap .popup_title {position: relative; display:flex; flex-wrap:nowrap; justify-content:space-between; padding:20px 30px;border-bottom:1px var(--border) solid;  }
.popup_wrap .popup_title h2 {width:auto; line-height:20px; font-size:20px; font-weight:600; color:#000; padding:0px;}
.popup_wrap .popup_title h2:before {display:none;}
.popup_wrap .popup_title a.close { width:20px; height:20px;background:url('/images/icon_close.png') center no-repeat; background-size:cover !important; opacity:0.3; text-indent:-999px; font-size:0px;}
.popup_wrap .popup_title .back {font-size:0px; width:20px; height:20px;}

.popup_wrap .popup_cont {padding:30px; border-radius:0px 0px 10px 10px; max-height:calc(90vh - 61px); overflow-y:auto; }
.popup_wrap .popup_cont p {font-size:1rem; line-height:27px;}
.popup_wrap .popup_cont p.flex {display:flex; align-items:center; gap:8px;}
.popup_wrap .popup_cont p.dot {padding-left:12px; position:relative;}
.popup_wrap .popup_cont p.dot::before {content:''; position:absolute; left:0px; top:12px;width:3px; height:3px; border-radius:50%; background:#000;}
.popup_wrap .popup_txt {font-size:1rem; color:#000;}
.popup_wrap .popup_btn {width:100%; display:flex; flex-wrap:nowrap;justify-content:center; gap:5px;margin:30px 0px 0px 0px;}
.popup_wrap .popup_btn .button {width:100% !important;max-width:180px ; min-width:10px !important; padding: 0px 10px !important;}
.popup_wrap .popup_btn .button.full {max-width:100%;}
.popup_wrap .popup_btn button:disabled,
.popup_wrap .popup_btn button[disabled] {background:#a8a8a8 !important; }

.popup_wrap.popup_wrap_500 {max-width:500px;}
.popup_wrap.popup_wrap_500 .popup_title { padding:20px 40px; }
.popup_wrap.popup_wrap_500 .popup_cont {padding:30px 40px;}

.popup_wrap.popup_wrap_600 {max-width:600px;}
.popup_wrap.popup_wrap_600 .popup_title { padding:20px 40px; }
.popup_wrap.popup_wrap_600 .popup_cont {padding:30px 40px;}

.popup_wrap.popup_wrap_700 {max-width:700px;}
.popup_wrap.popup_wrap_700 .popup_title { padding:20px 40px; }
.popup_wrap.popup_wrap_700 .popup_cont {padding:30px 40px;}

.popup_wrap.popup_wrap_800 {max-width:800px;}
.popup_wrap.popup_wrap_800 .popup_title { padding:20px 40px; }
.popup_wrap.popup_wrap_800 .popup_cont {padding:30px 40px; }

.popup_wrap.popup_wrap_1000 {max-width:1000px;}
.popup_wrap.popup_wrap_1000 .popup_title { padding:20px 40px; }
.popup_wrap.popup_wrap_1000 .popup_cont {padding:30px 40px; }

.popup_wrap.popup_wrap_back {z-index: 10000 !important;}
.popup_wrap.popup_wrap_back::before {content:''; position:absolute;left:50%;top:50%;transform:translate(-50%, -50%); width:100vw; height:100vh; background:rgba(0,0,0,0.75); z-index:999; }

::-webkit-scrollbar { width:5px;}
::-webkit-scrollbar-track {background: #f1f1f1; border-radius:4px; }
::-webkit-scrollbar-thumb { background: #888;  border-radius:4px;}
::-webkit-scrollbar-thumb:hover { background: #555; border-radius:4px; }


@media all and (max-width:1260px) {
	.top_circle {left:auto; right:20px;transform:translateX(0%); margin:0px;}
	.alarm_setting {position:fixed;left:50%;top:50%;transform:translate(-50%, -50%); margin:0px; width:100%; max-width:400px; }
}

@media all and (max-width:1024px) {
	html, body {font-size:16px;}

	.compd {padding:50px 0; }
	.compd_t {padding-top:50px;}
	.compd_b {padding-bottom:50px;}


	#header_wrap { height:130px;}
	#header .head_in {height:70px;}
	#header .head_in h1 a {height:50px;}
	#header .head_in h1 img.img_logo {max-width:160px; max-height:50px;}

	#header .menu_wrap { height:60px;}
	#header .menu_wrap .gnb { gap:50px;justify-content:space-around;}
	#header .menu_wrap .gnb li a {font-size:16px; line-height:60px;}
	#header .top_search {display:none;}

	#header .top_util.bflogin li {width:30px; height:30px;}
	#header .top_util.bflogin li a{ display:block;width:100%; height:30px; padding:0px; font-size:0px !important;}
	#header .top_util.bflogin li.join {display:none;}

	#header .top_util {width:100%; gap:10px; justify-content:flex-end;}
	#header .top_util .tu_icon {font-size:14px;width:35px; height:35px; }
	#header .top_util .tu_icon a {height:35px;}
	#header .top_util .tu_icon .util_active {right:2px; top:3px;}
	#header .top_util .profile_circle_wrap {height:35px;}
	#header .top_util .profile_circle_icon a {height:35px;}
	#header .top_util .tu_icon:hover a {background-color:#fff; }
	#header .top_util .tu_icon:hover a:before,
	#header .top_util .tu_icon a:hover:before { filter:none !important; opacity:1;}

	.util_profile {width:35px; height:35px;}

	#footer {padding:40px 0px; font-size:16px;}
	#footer .footer_cs{gap:10px;}

	.top_circle {top:60px;}
	.alarm_setting  {transform:translate(-50%, 0%);}

	.page_box div { height:30px; width:30px; line-height:30px; }
}

@media all and (max-width:680px) {
	html, body {font-size:15px;}

	.ver_mobile { display:block !important;}
	.ver_pc { display:none !important;}
	.br_mobile { display:block !important;}
	.br_pc { display:none !important;}

	.compd {padding:30px 0; }
	.compd_t {padding-top:30px;}
	.compd_b {padding-bottom:30px;}
	.basic_inner {width:calc( 100% - 30px );}

	.checkbox.checkbox2 {height:20px; }
	.checkbox.checkbox2 input {display: none;}
	.checkbox.checkbox2 .checkbox_icon {width: 40px; height:20px; background:#d6dce4 !important;border-radius:20px;}
	.checkbox.checkbox2 .checkbox_icon:before {content:''; position:absolute;left:0px;top:0px;width:16px;height:16px; background:#fff; border-radius:50%;}
	.checkbox.checkbox2 input:checked + .checkbox_icon {background:#3973ff !important;}
	.checkbox.checkbox2 input:checked + .checkbox_icon:before {left:auto; right:0px;}

	.checkbox.cb_member {height:18px;}
	.checkbox.cb_member .checkbox_icon {width:18px; height:18px;}
	.checkbox.cb_member input:checked + .checkbox_icon {background-size:8px !important;}


	.select_box select { width:100%;height:34px; background-position: right 10px center !important; padding: 0 25px 0 10px;}

	.hamburger {display:none !important;}
	
	.menuMb {display:block !important; position:fixed; background:#fff; left:0px; bottom:-2px; width:100%; height:82px; padding:15px 10px; z-index:99; box-shadow: 0 -10px 12px rgb(0 0 0 / 5%);}
	.menuMb ul {display:flex; flex-wrap:nowrap; }
	.menuMb li {width:100%; text-align:center;}
	.menuMb li a {position:relative; display:block; padding-top:33px; font-size:14px;line-height:20px; }
	.menuMb li a::before {content:''; position:absolute; left:50%; transform:translateX(-50%);top:0px; width:25px; height:25px; border-radius:50%;background-position:center !important;background-repeat:no-repeat !important; background-size:23px !important; }
	.menuMb li#home a::before { background-image:url('/images/icon_home.png');}
	.menuMb li#wish a::before { background-image:url('/images/icon_wish.png');}
	.menuMb li#cate a::before { top:-25px !important; width:40px; height:40px; background:var(--main) url('/images/icon_cate.png') center no-repeat; background-size:cover !important; border:10px #fff solid;}
	.menuMb li#search a::before { background-image:url('/images/icon_search.png');}
	.menuMb li#course a::before { background-image:url('/images/icon_course.png');}

	/* 좋아요 아이콘 */
	i.wish {width:15px; height:15px;}
	i.ic_setting, 
	i.ic_back {width:20px;height:20px;}

	#header_wrap { height:110px;}
	#header .head_in {height:60px;}
	#header .head_in h1 a {height:40px;}
	#header .head_in h1 a img.img_logo {max-height:30px;max-width:130px;}

	#header .menu_wrap { height:50px;}
	#header .menu_wrap .basic_inner {width:100%;}
	#header .menu_wrap .gnb { width:100%;gap:0px;} 
	#header .menu_wrap .gnb li {width:100%;}
	#header .menu_wrap .gnb li a {font-size:16px; line-height:50px;}
	#header .menu_wrap .gnb li a.active:before {top:auto; bottom:0px;transform: translate(-50%, 0%);width:100%;height:2px; border-radius:0%;}

	#header .top_util.bflogin li {width:30px; height:30px;}
	#header .top_util.bflogin li a{height:30px;}	
	#header .top_util.bflogin li a:before {width:100%;background-size:24px !important;}

	#header .top_util {gap:13px;}
	#header .top_util .tu_icon {width:30px; height:30px; }
	#header .top_util .tu_icon a {height:30px;}
	#header .top_util .tu_icon .util_active {right:0px; top:1px;}
	#header .top_util .profile_circle_wrap {height:30px;}
	#header .top_util .profile_circle_icon a {height:30px;display:block; gap:0px;font-size:0px !important;}
	#header .top_util .tu_icon em {display:none !important;}
	#header .top_util .tu_icon a.active {background-color:#fff; }
	#header .top_util .tu_icon a.active:before{ filter:none; opacity:1;}
	#header .top_util .wish_circle_wrap { display:none !important;}

	.util_profile {width:30px; height:30px;}

	#footer {padding:25px 0px; font-size:14px; padding-bottom:120px;}
	#footer .basic_inner {flex-wrap:wrap; gap:10px; }
	#footer .footer_cs,
	#footer .footer_info {width:100%; flex-wrap:wrap; gap:0px 20px;justify-content:center;}
	#footer .footer_cs span {line-height:18px;}

	.all_category {position:fixed; right:auto;left:0px; top:0px; width:100% !important; height:100% !important; border-radius:0px; border:none; background:#ddd; box-shadow:none; z-index:1000000;}
	.all_category_search {position:relative;background:#fff;padding:15px; display:flex; border-bottom:1px #ccc solid;  }
	.all_category_search .ac_back {display:block; width:20px; height:30px;background:url('/images/icon_back.png') center no-repeat; background-size:20px !important; text-indent:-999px; font-size:0px;}
	.all_category_search input.searchInput {padding:0px 0px 0px 10px; width:calc(100% - 50px); height:30px; line-height:30px;background:#fff;border:none !important;}
	.all_category_search .searchBtn {position:absolute; top:50%;transform:translateY(-50%);right:15px; width:20px;height:30px;background:url('/images/icon_search.png') 50% 50% no-repeat;background-size:20px !important; text-indent:-9999px;}
	.all_category_title {background:#fff;padding:15px 20px;  }
	.all_category_title h2 {font-size:17px;line-height:20px; text-decoration:underline;}
	.all_category_title a {font-size:14px; line-height:20px;padding:0px 10px 0px 0px; background:url('/images/arrow_right2.png') center right -5px no-repeat;  background-size:15px; !important;}
	.all_category_title a:hover {background-color:#fff;}
	.all_category_cont {background:#fff;}
	.all_category_cont:before,
	.all_category_cont:after {display:none;}
	.all_category_cont ul {width:100%;}
	.all_category_cont ul li {position:relative; height:auto; padding:0px 20px 0px 20px; border-bottom:1px var(--border) solid; overflow:hidden;}
	.all_category_cont ul li a {font-size:15px; height:auto; line-height:25px; padding:10px 0px;}
	
	.all_category_cont ul li a:hover,
	.all_category_cont ul li:hover > a,
	.all_category_cont ul li.active > a { background:#f9f9f9;}
	.all_category_cont ul li .go_arrow {position:absolute; right:20px; top:50%; transform:translateY(-50%); width:15px; height:15px; background:url('/images/depth_arrow.png') 50% 50%  no-repeat;}
	.all_category_cont .depth {top:0px; width:100%;height:100%;background:#fff; z-index:1;}
	.all_category_cont .depth2 {left:0px; top:112px; z-index:10;}
	.all_category_cont .depth3 {left:0px; top:112px; z-index:100;}
	.all_category_cont .depth1.active > .depth2,
	.all_category_cont .depth2 li.active > .depth3 {display:block !important; position:fixed; }
	.all_category_cont .depth2.view,
	.all_category_cont .depth3.view { position:fixed; }
	.all_category_cont .course_cate {width:100%;}
	.all_category_cont .course_cate li {padding: 0px 20px;}
	
	.all_category_cont ul.all_category_menu {display:none !important;}
	.all_category_cont ul.all_category_mobile {display:flex !important;}
	.all_category_close {display:none;}


	.top_circle {position:fixed; right:auto;left:0px; top:0px; width:100% !important; height:100% !important; border-radius:0px; border:none; background:#ddd; box-shadow:none; z-index:1000000;}
	.top_circle_inner{background:#fff;border-bottom:1px var(--border2) solid; box-shadow: 0 0px 10px rgb(0 0 0 / 10%);}
	.top_circle_title {justify-content:space-between; padding:20px 15px; border-bottom:1px var(--border) solid;}
	.top_circle_title h2 {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);line-height:20px; padding:0px;}
	.top_circle_title h2:before {display:none;}
	.top_circle_title .setting {display:block;width:20px;height:20px;}
	.top_circle_title .back {display:block;width:20px;height:20px;}

	.top_circle_cont {padding:0px 15px;}
	
	.top_wish_list .item,
	.top_alarm_list li {padding:20px 10px;}

	.alarm_setting {left:50%;top:50%;transform:translate(-50%, -50%); max-width:1000px; background:#fff; }
	.alarm_setting .top_circle_title { padding:20px 15px; }
	.alarm_setting .top_circle_cont {padding:0px 15px;}
	.alarm_setting .top_circle_btn {position:absolute; left:20px; bottom:20px; width:calc(100% - 40px);}

	.top_alarm_setting {gap:0px; }
	.top_alarm_setting li {flex-wrap:wrap; gap:5px; padding:20px 60px 20px 10px;border-bottom:1px var(--border) solid; }
	.top_alarm_setting li h3 {width:100%; padding:0px; font-size:18px;}
	.top_alarm_setting li h3::before {display:none;}
	.top_alarm_setting li span {position:absolute; right:10px;top:50%; transform:translateY(-50%);}
	
	.profile_circle .top_circle_title {display:flex;}

	/* 기본 팝업  */
	.popup_wrap {width:90%; z-index: 1000001;}
	.popup_wrap .popup_title { padding:15px 20px !important;}
	.popup_wrap .popup_title h2 {font-size:17px;}
	.popup_wrap .popup_title a.close { width:16px; height:16px;}
	.popup_wrap .popup_cont {padding:20px !important;}
	.popup_wrap .popup_cont p {font-size:14px;line-height:24px;}
	.popup_wrap .popup_cont p.dot::before {top:10px;}
	.popup_wrap .popup_txt {font-size:14px;}
	.popup_wrap .popup_btn {margin-top:20px;}
	.popup_wrap .popup_btn a.button {line-height:34px !important; font-size:15px !important;}

	.popup_wrap.popup_wrap_800 {width:100%; max-height:100vh; border-radius:0px; border:none; top: 0%;left: 0%; transform: translate(0%, 0%); overflow-y:auto;}
	.popup_wrap.popup_wrap_800.popup_wrap_back::before {display:none;}
	.popup_wrap.popup_wrap_800 .popup_cont {max-height:none;}
}

@media all and (max-width:480px) {
	html, body {font-size:14px;}
	
	.compd {padding:30px 0; }
	.compd_t {padding-top:30px;}
	.compd_b {padding-bottom:30px;}
	
}