#wrapper {position:relative; width:100%; height:auto; min-height:100%; -webkit-overflow-scrolling:touch; overflow: hidden;}
#wrapper header {position:fixed; top:0; left:0; right:0; margin:0 auto; width:calc(100% - 30px); height: 100px; z-index:101;transform:translateY(0%); transition: all .5s; background:var(--topmenu-color); border:1px solid transparent; border-width:0 1px 1px 1px; max-width:1900px; border-radius:0 0 15px 15px; overflow:hidden;}
#wrapper header.open {/*height:var(--bg_top_space); background:#ebf7ff; border-color:#d9e9f5;transition: all .3s; */}
#wrapper header.hid {transform:translateY(-100%);}
#wrapper header .top_pos {position:relative; max-width:var(--default_wd); width:100%; height:100%;  left:0; right:0; margin:auto; font-size:0; z-index: 3; transition:all .3s; overflow:hidden; border-bottom:0px solid transparent;}
/*#wrapper header .top_pos.open {height:400px; background:#ebf7ff; border-color:#d9e9f5;}*/
#wrapper header .top_pos .logo {position: absolute; left: 0; top:0;  font-size:0; z-index: 1;transition: all .3s; cursor:pointer; width:200px; height:100px; background:url(/images/logo_sym_blue_w.png) no-repeat; background-size:40% auto !important; background-position:center center !important; white-space: nowrap;}
#wrapper header .top_pos .logo img {position:absolute; top:50%; left:30px; transform:translateY(-50%);width:120px;}
#wrapper header .top_pos .logo a {position:absolute; top:0; left:0; width:100%; height:100%; font-size:0px;}
#wrapper header .top_pos .logo a span {position:absolute; top:calc(50% + 5px); transform:translateY(-50%); width:100%; border:0px solid red; font-weight:900; color:#000; line-height:110%; font-size:40px; font-weight:900; font-family:var(--esm); letter-spacing:0.01em;}
#wrapper header .top_pos .logo a span point {color:red;}
#wrapper header .top_pos .logo .logo_txt {display:inline-block; vertical-align:middle; width:calc(100% - 60px); padding-left:15px;}
#wrapper header .top_pos .logo .logo_txt h2 {font-family:yg-jalnan; font-weight: normal;font-size:17px; text-align:left; color:#fff;transition: all .3s; letter-spacing:0.05em; padding-top:3px;}
#wrapper header .top_pos .logo .logo_txt h2 a {display:block; color:#a9f100;}
#wrapper header .top_pos .menu {display:inline-block; vertical-align:top; width:100%;  height: 100%; transition:all .3s; position: relative; padding:0 270px 0 220px;}
#wrapper header .top_pos ul.c1_cate {position: relative; top: 0; left: 0; line-height: 100%; padding:0 350px 0 50px; height:100%; font-size:0; display:flex;}
#wrapper header .top_pos ul.c1_cate > li {flex:1; line-height: 100%; padding:0; height:100%; vertical-align:top; position:relative;  transition:all .3s;}

/*
#wrapper header.open .top_pos ul.c1_cate > li.on {background:#fff;}
#wrapper header.open .top_pos ul.c1_cate > li {border-color:#d9e9f5; background:#f0f9ff;}
#wrapper header .top_pos ul.c1_cate > li:hover {background:#f7fbfe;}
*/
#wrapper header .top_pos ul.c1_cate > li > a {display:block; }
#wrapper header .top_pos ul.c1_cate > li > a > span {position: relative; display: inline-block; font-size: 15px;line-height: 100px; font-weight: 700; padding: 5px 15px; color:#333; letter-spacing:0em; font-family:var(--neo) !important; text-transform:uppercase; white-space:nowrap;}
#wrapper header .top_pos ul.c1_cate > li.on > a > span {border-color:#999; font-weight:700; color:#385093;}
#wrapper header .top_pos ul.c1_cate > li a i {display:none;}


#wrapper header .top_pos ul.c1_cate > li ul.sub_cate1 {position: relative; top: 0; left: 0; border:0px solid red; line-height: 100%; padding:0px 0px 0 0px;transform:translateY(10px); transition:all .4s; opacity:0; margin-top:-20px;}
#wrapper header .top_pos ul.c1_cate > li ul.sub_cate1.show {transform:translateY(0); opacity:1;}
#wrapper header .top_pos ul.c1_cate > li ul.sub_cate1 > li {display:inline-block; width:100%; line-height: 100%; }
#wrapper header .top_pos ul.c1_cate > li ul.sub_cate1 > li a {display:block; line-height: 100%; padding:5px 15px;}
#wrapper header .top_pos ul.c1_cate > li ul.sub_cate1 > li a span {font-size: 13px;line-height: 100%; font-weight: 500; color:#555; letter-spacing:0em; transition:all .3s; white-space:nowrap;}
#wrapper header .top_pos ul.c1_cate > li.on ul.sub_cate1 > li a span {font-weight: 600;}
#wrapper header .top_pos ul.c1_cate > li ul.sub_cate1 > li a:hover span {color:#000;}
#wrapper header .top_pos ul.c1_cate > li ul.sub_cate1 > li:last-child a {border:0;}
#wrapper header .top_pos ul.c1_cate > li ul.sub_cate1 > li.on > a span,
#wrapper header .top_pos ul.c1_cate > li ul.sub_cate1 > li.on:hover > a span {color:#008ece; }
#wrapper header .top_pos ul.c1_cate > li ul.sub_cate2 {position: relative; top: 0; left: 0; border:0px solid red; padding:3px 0 10px 0; line-height: 100%; }
#wrapper header .top_pos ul.c1_cate > li ul.sub_cate2 > li {display:inline-block; width:100%; line-height: 100%; }
#wrapper header .top_pos ul.c1_cate > li ul.sub_cate2 > li a {display:block; font-size: 11px;line-height: 100%; font-weight: normal; font-family:tahoma !important; color:#999; letter-spacing:0em; padding: 2px 0px;transition:all .3s;}
#wrapper header .top_pos ul.c1_cate > li ul.sub_cate2 > li a:hover {color:#333;}
#wrapper header .top_pos ul.c1_cate > li ul.sub_cate2 > li a:before {content:"ㆍ";}
#wrapper header .top_pos ul.c1_cate > li ul.sub_cate2 > li:last-child a {border:0;}
#wrapper header .top_pos ul.c1_cate > li ul.sub_cate2 > li.on > a,
#wrapper header .top_pos ul.c1_cate > li ul.sub_cate2 > li.on > a:hover {color:#5cb3db; }
#wrapper header .top_pos ul.c1_cate > li ul.sub_cate2 > li a i {display:none;}
#wrapper header .top_pos ul.c1_cate > li:hover ul.sub_cate1 > li a {}
#wrapper header .top_pos ul.c1_cate > li:hover ul.sub_cate1 > li.on > a {}
#wrapper header .top_pos ul.c1_cate > li:hover ul.sub_cate2 > li a {}
#wrapper header .top_pos ul.c1_cate > li:hover ul.sub_cate2 > li.on > a {}
#wrapper header .top_pos .member {position:absolute; top:45px; right:75px; white-space: nowrap; font-size:0; width: 300px; text-align: right;}
#wrapper header .top_pos .member > .home {display:inline-block; vertical-align:middle; position:relative; margin:-4px 0 0 15px; cursor:pointer; display:none;}
#wrapper header .top_pos .member > .home i {position:relative; font-size:22px; color:#333; transition:all .3s; }
#wrapper header .top_pos .member > .home:hover i {color:#000;}
#wrapper header .top_pos .member > .book_store {display:inline-block; vertical-align:middle; position:relative; margin:-4px 0 0 15px; cursor:pointer; font-size:12px; color:#fff; background:red; border-radius:30px;  transition:all .3s; padding:3px 20px;}
#wrapper header .top_pos .member > .book_store a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}

#wrapper header .top_pos .member > .wcf {display:inline-block; vertical-align:middle; width:50px; height:100%; position:relative; margin-left:15px; }
#wrapper header .top_pos .member > .wcf img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:50px;}
#wrapper header .plus_area {position:absolute; bottom:-60px; right:0; width:50%; height:60px; background:#f4f4f4;transform:translate(0,10px); transition:all .7s;border-radius: 35px 0 0 35px; z-index: 1;-webkit-backdrop-filter: blur(50px); backdrop-filter: blur(5px);}
#wrapper header.hid .plus_area {/*transform:translateY(-100%); transform:translate(100%,10px);*/ opacity: 0;transform:translate(0, -100%);}
#wrapper header .pa_wd {position: absolute; top: 50%; left: 0; transform: translateY(-50%); max-width:calc(var(--default_wd)/2); width:100%;}
#wrapper header .pa_wd .lastest {position:relative; padding-right:70px;}
#wrapper header .pa_wd .kakao {position: absolute; top: 50%; right: 25px; transform: translateY(-50%); width:30px; font-size:0; background:#ffe500; text-align:left;  border-radius:100%;}
#wrapper header .pa_wd .kakao:after {content:""; display:block; padding-top:100%;}
#wrapper header .pa_wd .kakao i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size:22px; color:#000;}
#wrapper header .pa_wd .kakao span {display:inline-block; vertical-align:middle; font-size:12px; color:#333; padding-left:10px; display:none;}
#wrapper header .pa_wd .kakao_channel a {position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid red; opacity:0;}
#wrapper header .pa_wd .kakao_channel a img {position:absolute; top:0; left:0; width:100%; height:100%;}
#wrapper header button {position:absolute; top:0; left:0; width:100px; border: 0; padding:0; margin: 0; cursor: pointer; background: transparent; transition:all .3s; z-index:1; display:none;}
#wrapper header button:after {content:""; display: block; padding-top:100%;}
#wrapper header button i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:35px; color:#000;transition:all .3s;  }
#wrapper header .icon {position:absolute; top:0; width:80px; border: 0; padding:0; margin: 0; cursor: pointer; background: transparent; transition:all .3s;}
#wrapper header .icon:after {content:""; display: block; padding-top:100%;}
#wrapper header .icon i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:35px; color:#fff;transition:all .3s;  }
#wrapper header .icon.user {right:80;}
#wrapper header .icon.cart {right:0; z-index:1;}
#wrapper header .top_pos ul.lng_kind {display:inline-block; vertical-align:middle; position: relative;line-height: 100%; font-size:0; padding:0; white-space: normal; display:none;}
#wrapper header .top_pos ul.lng_kind li {display:inline-block; vertical-align:middle; width:auto; line-height: 100%; text-align: center; padding: 0px 15px; border-right:1px solid rgba(0,0,0,0.1); cursor:pointer; position:relative;}
#wrapper header .top_pos ul.lng_kind li:last-child {border:0;}
#wrapper header .top_pos ul.lng_kind li a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
#wrapper header .top_pos ul.lng_kind li i,
#wrapper header .top_pos ul.lng_kind li span {display:inline-block; width:100%; line-height: 100%;}
#wrapper header .top_pos ul.lng_kind li i {font-size: 22px; color:#333; padding-bottom:7px; display:none;}
#wrapper header .top_pos ul.lng_kind li span {font-size: 11px; font-weight: 800; color:#999; letter-spacing:0em; transition:all .3s; text-transform:uppercase; font-family:var(--neo) !important;}
#wrapper header .top_pos ul.lng_kind li:hover span {color:#000;}
#wrapper header .top_pos ul.lng_kind li.sel span,
#wrapper header .top_pos ul.lng_kind li.sel:hover span {color:#7bafc7;font-weight: 900;}
#wrapper header .top_pos ul.sns_kind {display:inline-block; vertical-align:middle; position: relative;line-height: 100%; font-size:0; padding:0; white-space: normal; margin-left:20px;}
#wrapper header .top_pos ul.sns_kind li {display:inline-block; vertical-align:middle; width:auto; line-height: 100%; text-align: center; padding: 0px 5px; position:relative;}
#wrapper header .top_pos ul.sns_kind li a {display:block; font-size:18px;  color:#333; transition:all .3s;}
#wrapper header .top_pos ul.sns_kind li a:hover {color:#000; }
#wrapper header .top_pos ul.sns_kind li.facebook a {color:#333;}
#wrapper header .top_pos ul.sns_kind li.instagram a {color:#333;}
#wrapper header .top_pos ul.log_mem {display:inline-block; vertical-align:middle; position: relative;line-height: 100%; font-size:0; padding:0 0 0 0; white-space: normal;}
#wrapper header .top_pos ul.log_mem.connect {padding:0 30px 0 0;}

#wrapper header .top_pos ul.log_mem.connect {margin-top:10px; opacity: 0; transition: all .3s;}
/*#wrapper header.open .top_pos ul.log_mem.connect {margin-top: 0; opacity: 1;}*/

#wrapper header .top_pos ul.log_mem li {display:inline-block; vertical-align:middle; width:auto; line-height: 100%; text-align: center; padding: 0px 10px; border-right:1px solid rgba(0,0,0,0.05); cursor:pointer; position:relative;}
#wrapper header .top_pos ul.log_mem li.my_class {width:100%; border:1px solid red;}
#wrapper header .top_pos ul.log_mem li:last-child {border:0;}
#wrapper header .top_pos ul.log_mem li a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
#wrapper header .top_pos ul.log_mem li i,
#wrapper header .top_pos ul.log_mem li span {display:inline-block; width:100%; line-height: 100%;}
#wrapper header .top_pos ul.log_mem li i {font-size: 22px; color:#333; padding-bottom:7px; display:none;}
#wrapper header .top_pos ul.log_mem li span {font-size: 12px; font-weight: 600; color:#333; letter-spacing:-0.05em; transition:all .3s;}
#wrapper header .top_pos ul.log_mem li:hover span {color:#000;}
#wrapper header .top_pos ul.log_mem li.logout {position: absolute; top: -14px; right: -10px; width: 40px; height: 40px;}
#wrapper header .top_pos ul.log_mem li.logout i {font-size: 20px; color:var(--sym_color); padding-bottom:0; display:inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#wrapper header .top_pos ul.log_mem li.logout:hover i {color: #000;}
#wrapper header .top_pos ul.log_mem li.logout span {font-size: 12px; font-weight: 600; color:#333; letter-spacing:-0.05em; transition:all .3s; display: none;}
#wrapper header .top_pos ul.log_mem li.logout:hover span {color:#000;}
#wrapper header .my_class_btn {position: relative; font-size: 0; text-align: center; padding: 8px 20px;border-radius: 30px; margin: -8px 10px 15px 10px; background: #00bb17; /*margin: 40px 10px 0 10px;*/ transition: all .3s; opaci ty: 0; cursor: pointer; width:calc(100% - 20px);}
#wrapper header.open .my_class_btn {/*margin: 27px 10px 0 10px; opacity: 1;*/}
#wrapper header .my_class_btn i,
#wrapper header .my_class_btn span {display: inline-block; vertical-align: middle; transition: all .2s;}
#wrapper header .my_class_btn i {font-size: 15px; color: #fff; padding: 0 7px 0 0;}
#wrapper header .my_class_btn span {font-size: 12px; color: #fff; font-weight: 700}
#wrapper header .my_class_btn:hover {background:#007d0f;}
#wrapper header .my_class_btn:hover  {color: rgba(255,255,255,1)}
#wrapper .contents {position:relative; min-height:100vh; height:auto; padding: var(--bg_top_space) 0 var(--bottom_padding) 0; transition:all .3s; font-size:15px; /*background:var(--in_bg_color);*/ transition: all .3s; }
/*#wrapper .contents h2 {position:absolute; top:0; left:0; right:0; margin:0 auto; max-width:var(--max_top_bg); color:#000; font-size: 38px; font-weight: 800; z-index:3; padding:0 40px; line-height:100%;}*/
#wrapper .contents .nav_sub_area {position:relative; width:100%; left:0; right:0; margin:auto; padding:0; transition:all .3s; overflow:hidden; z-index:10;}
#wrapper .contents .q_area {position:relative; max-width:var(--default_wd); width:100%; left:0; right:0; margin:0 auto; padding:0 28px; font-size:0; border:0px solid #eee; }
#wrapper .contents .q_area:before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:300%; height:1px; z-index:1; border-top:1px dashed #eee;}
#wrapper .contents .q_area > i {display:inline-block; vertical-align:middle; font-size: 18px; color:#000; background: #fff; position: relative; z-index: 1;}
#wrapper .contents .q_area > img {display:none;}
#wrapper .contents .plus_area {position:absolute; top:90px; right:0; width:50%; height:60px; background:#f4f4f4;border-radius: 35px 0 0 35px; z-index: 100;/*-webkit-backdrop-filter: blur(50px); backdrop-filter: blur(5px);*/}
#wrapper .contents .pa_wd {position: absolute; top: 50%; left: 0; transform: translateY(-50%); max-width:calc(var(--default_wd)/2); width:100%;}
#wrapper .contents .pa_wd .lastest {position:relative;/* padding-right:70px;*/}
#wrapper .contents .pa_wd .kakao {position: absolute; top: 50%; right: 25px; transform: translateY(-50%); width:30px; font-size:0; background:#ffe500; text-align:left;  border-radius:100%; display:none;}
#wrapper .contents .pa_wd .kakao:after {content:""; display:block; padding-top:100%;}
#wrapper .contents .pa_wd .kakao i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size:22px; color:#000;}
#wrapper .contents .pa_wd .kakao span {display:inline-block; vertical-align:middle; font-size:12px; color:#333; padding-left:10px; display:none;}
#wrapper .contents .pa_wd .kakao_channel a {position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid red; opacity:0;}
#wrapper .contents .pa_wd .kakao_channel a img {position:absolute; top:0; left:0; width:100%; height:100%;}
#wrapper .contents > ul.sub_cate1 {position: absolute; top: 245px; left: 0; right: 0; margin: auto; max-width:var(--max_top_bg); font-size: 0; width:100%; padding:0 30px; text-align:left; z-index:5;}
#wrapper .contents > ul.sub_cate1 > li {display:inline-block; vertical-align: top; line-height: 100%; z-index: 1; position:relative;}
#wrapper .contents > ul.sub_cate1 > li a {display:block; line-height: 100%; padding:0px 5px;}
#wrapper .contents > ul.sub_cate1 > li a span {font-size: 14px;line-height: 100%; font-weight: 700; color:rgba(0,0,0,0.4); letter-spacing:0em; padding:7px 5px;transition:all .3s;}
#wrapper .contents > ul.sub_cate1 > li a:hover span {color:rgba(0,0,0,0.8);}
#wrapper .contents > ul.sub_cate1 > li:last-child a {border:0;}
#wrapper .contents > ul.sub_cate1 > li.on > a span,
#wrapper .contents > ul.sub_cate1 > li.on:hover > a span {color:var(--sym_color); border-bottom:1px dotted rgba(0,0,0,.1);}
#wrapper footer {position:absolute; left: 0;bottom: 0; width:100%; height:var(--bottom_padding); transition: all .3s; z-index:5; overflow: hidden; }
#wrapper footer:before {content:"";position:absolute; top:0; left: 0; width:50%; height:100%; background:var(--btm_bg_color);}

#wrapper header.dark.open {background:rgba(0,0,0,0.9); border-color:transparent;}
#wrapper header.dark.open .top_pos ul.c1_cate > li.on {background:rgba(0,21,45,0.8);}
#wrapper header.dark.open .top_pos ul.c1_cate > li {border-color:rgba(255,255,255,0.0); background:rgba(0,0,0,0.5);}
#wrapper header.dark .top_pos ul.c1_cate > li:hover {background:rgba(0,15,40,0.8);}
#wrapper header.dark .top_pos ul.c1_cate > li > a > span {color:#eee; }
#wrapper header.dark .top_pos ul.c1_cate > li.on > a > {color:#fff;}
#wrapper header.dark .top_pos ul.c1_cate > li.on > a > span {border-color:rgba(255,255,255,0.1); color:#00c8ff;}
#wrapper header.dark .top_pos ul.c1_cate > li ul.sub_cate1 > li a span {color:rgba(255,255,255,0.5); }
#wrapper header.dark .top_pos ul.c1_cate > li ul.sub_cate1 > li a:hover span {color:rgba(255,255,255,0.8);}
#wrapper header.dark .top_pos ul.c1_cate > li ul.sub_cate1 > li.on > a span,
#wrapper header.dark .top_pos ul.c1_cate > li ul.sub_cate1 > li.on:hover > a span {color:#00c8ff; }
#wrapper header.dark .top_pos ul.log_mem li {border:0; padding: 0 10px;}
#wrapper header.dark .top_pos ul.log_mem li i {color:#eee; }
#wrapper header.dark .top_pos ul.log_mem li span {color:rgba(255,255,255,0.4); font-size: 11px;}
#wrapper header.dark .top_pos ul.log_mem li:hover span {color:rgba(255,255,255,0.8);}
.bg_box			{position:absolute; top:0; left:0; right:0; margin:auto; max-width:1600px; width:100%; height:100%; background:var(--btm_bg_color); border-radius:0 110px 0 0;}
.btm_wrap			{position:relative; font-size:0; z-index:1;}
.btm_wrap .btm_nav {position: relative; top: 0; left: 0; border-top:0px solid #fff/*var(--nav_sel_line)*/; padding-bottom: 28px;border-bottom:0px solid var(--nav_sel_line); }
.btm_wrap ul.c1_cate {position: relative; top: 0; left: 0; right:0; margin:auto; max-width:1300px; width:calc(100% - 30px); height:100%; line-height: 100%; border-radius:20px; overflow:hidden; border:1px solid var(--nav_sel_line);}
.btm_wrap ul.c1_cate > li {display:inline-block; line-height: 100%; padding:45px 20px 0 20px; width:20%; height:250px; vertical-align:top; position:relative; border:1px solid var(--nav_sel_line); border-width:0 1px 0 0; transition:all .3s; background:#f7fbfe}
.btm_wrap ul.c1_cate > li:last-child {border-width:0;}
.btm_wrap ul.c1_cate > li.on {background:#f7fbfe;}
.btm_wrap ul.c1_cate > li:hover {background:#f7fbfe;}
.btm_wrap ul.c1_cate > li > a {display:block; }
.btm_wrap ul.c1_cate > li > a > span {position: relative; display: inline-block; font-size: 15px;line-height: 100%; font-weight: 700; padding: 5px 25px; color:#000; letter-spacing:0em; font-family:var(--neo) !important; text-transform:uppercase;}
.btm_wrap ul.c1_cate > li.on > a > {color:#000; font-weight:900;}
.btm_wrap ul.c1_cate > li.on > a > span {border-color:#999; font-weight:700; color:var(--sym_color);}
.btm_wrap ul.c1_cate > li ul.sub_cate1 {position: relative; top: 0; left: 0; border:0px solid red; line-height: 100%; padding:15px 0px 0 0px;}
.btm_wrap ul.c1_cate > li ul.sub_cate1 > li {display:inline-block; width:100%; line-height: 100%; }
.btm_wrap ul.c1_cate > li ul.sub_cate1 > li a {display:block; line-height: 100%; padding:5px 27px;}
.btm_wrap ul.c1_cate > li ul.sub_cate1 > li a span {font-size: 13px;line-height: 100%; font-weight: 500; color:#555; letter-spacing:0em; transition:all .3s;}
.btm_wrap ul.c1_cate > li ul.sub_cate1 > li a:hover span {color:#000;}
.btm_wrap ul.c1_cate > li ul.sub_cate1 > li:last-child a {border:0;}
.btm_wrap ul.c1_cate > li ul.sub_cate1 > li.on > a span,
.btm_wrap ul.c1_cate > li ul.sub_cate1 > li.on:hover > a span {color:#008ece; }
.btm_wrap .basic			{position:relative; left:0; right:0; margin:auto; max-width:1100px; width:calc(100% - 30px); height:100%; font-size:0; text-align:left; padding: 50px ;  border:0px solid var(--nav_sel_line);}
.btm_wrap .logo		{display:inline-block; vertical-align:top; width:150px; height:30px; margin:0 0 20px 0;background:url(/images/logo_txt_black.png) no-repeat; background-size:auto 100%; background-position:center left; }
.btm_wrap .logo a	{display:block; }
.btm_wrap .logo a span	{position:relative; font-weight:900; font-family:var(--esm); font-size:25px; color:#000;}
.btm_wrap .logo img	{display:inline-block; max-width:90px; width:100%; cursor:pointer;}
.btm_wrap .info				{display:inline-block; vertical-align:top; width:100%; font-size:0; line-height: 100%; }
.btm_wrap .info span				{display:inline-block; vertical-align:middle; padding:0 10px 0 0; font-size:12px; color:#777; font-weight:600; line-height:155%; letter-spacing:0; font-family:var(--neo) !important;}
.btm_wrap .info span a			{color:#aaa;}
.btm_wrap .info span i			{display:inline-block; vertical-align:middle; font-weight:bold; padding-right:5px;}
.btm_wrap .info span.addr i	{display:none;}
.btm_wrap .info span em		{display:inline-block; padding-right:5px; font-style:normal; color:#555; font-weight:700;}

.btm_wrap .care				{display:inline-block; vertical-align:top; width:100%; font-size:12px; font-weight:500; padding-top:10px; line-height: 100%; }

.btm_wrap .rest				{position:absolute; top:95px; left:750px; width:330px; padding:5px 0 5px 30px; border-left:1px dashed #eee;}
.btm_wrap .rest .pay				{position:relative;}
.btm_wrap .rest .pay h4			{position:relative; font-weight:700; color:#000; font-size:15px;;}
.btm_wrap .rest .pay ul.bank		{position:relative; font-size:0px; padding:5px 0 7px 0;}
.btm_wrap .rest .pay ul.bank li	{display:inline-block; vertical-align:middle; font-size:12px; color:#555; font-weight:500; padding:0 5px 0 0;}
.btm_wrap .rest .pay ul.bank li:last-child	{padding:0;}
.btm_wrap .rest .pay p			{position:relative; font-weight:500; color:#999; font-size:11px; line-height:150%;}
.btm_wrap ul.sns_kind {position:relative; padding:15px 0 0 0;}
.btm_wrap ul.sns_kind li {display:inline-block; vertical-align:middle; width:auto; line-height: 100%; text-align: center; padding: 0px; margin-right:5px; position:relative;}
.btm_wrap ul.sns_kind li a {display:block; font-size:24px;  color:#333; transition:all .3s;}
.btm_wrap ul.sns_kind li a:hover {color:#000; }
.btm_wrap ul.sns_kind li.facebook a {}
.btm_wrap ul.sns_kind li.instagram a {}
.btm_wrap .copy				{display:inline-block; width:100%; font-size:11px; color:#999; padding-top:15px; font-family:var(--neo) !important;}
.btm_wrap .copy span		{color:#333; display:inline-block; padding:0 5px; font-weight:800;}
.btm_wrap ul.lic_icon {position:relative; font-size:0; margin-top:6px;}
.btm_wrap ul.lic_icon > li {display:inline-block; vertical-align:middle; margin-left:10px;}
.btm_wrap ul.lic_icon > li:first-child {margin-left:0;}
.btm_wrap ul.lic_icon > li img {width:auto; height:15px;}
.btm_wrap .cmp_qr				{position:absolute; top:65px; right:65px; width:110px;}
.btm_wrap .cmp_qr img		{width:100%;}
.btm_wrap .cmp_qr span	{display:inline-block; width:100%; font-size:11px; text-align:center; padding-top:10px; color:#333; font-weight:600; letter-spacing:0.05em;}

@media screen and (max-width: 1160px){
	#wrapper {}
	#wrapper header,
	#wrapper header.open  {background:#fff; width: 100%; border-radius: 0; border-width:0 0 1px 0; height:var(--hd_size); border-bottom:1px solid #eee;}
	#wrapper header .hd_bg {display:none;}
	#wrapper header .top_pos,
	#wrapper header .top_pos:hover {height:100%;}
	#wrapper header .top_pos .logo {transform: translate(-50%, -50%); top:50%; left: 50%; width:200px; height:100%;/* background:url(../../images/logo_default.png) no-repeat; background-size:auto 40%; background-position:center center;*/}
	#wrapper header .top_pos .logo a {/*left:0%; top: 0; width:100%; transform:none; padding-left:0px; position: relative; display:inline-block; */}
	#wrapper header .top_pos .logo img {position:relative; top:0; left:0; transform:none; width:120px; height:auto;}
	#wrapper header .top_pos .logo a span {text-align:center; font-size:30px;}
	#wrapper header .top_pos .logo .logo_txt {width:auto; padding:0; display:none;}
	#wrapper header .top_pos .logo .logo_txt h2 {text-align:center;}
	#wrapper header .top_pos .member {right:var(--hd_size); top: 0; transform:none;height: 100%; text-align: center; width:auto;}
	#wrapper header .top_pos .member > .book_store {position:relative; margin:25px 0 0 0px; padding:3px 15px;}
	#wrapper header .top_pos .member > .home {margin:0; width:80px ;height:100%; cursor:pointer; display: none;}
	#wrapper header .top_pos .member > .home i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:20px;}
	#wrapper header .top_pos .member > .wcf {width:80px; margin-left:0px; display:none;}
	#wrapper header .top_pos .member > .wcf img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:50px;}
	#wrapper header .top_pos ul.log_mem {display:none;}
	#wrapper header .top_pos ul.lng_kind {display:none;}
	#wrapper header .top_pos ul.sns_kind {display:none;}
	#wrapper header .top_pos .menu {display:none;}
	#wrapper header .plus_area {bottom:0; z-index:3;-webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); width:80px; height:100%; background:none;transform:none;border-radius: 0;}
	#wrapper header .pa_wd {left:50%; transform: translate(-50%, -50%); max-width:auto; width:auto;}
	#wrapper header .pa_wd .lastest {display:none;}
	#wrapper header .pa_wd .kakao {left:50%; right:initial; transform: translate(-50%, -50%); width:35px; font-size:0; background:#ffe500; text-align:left;  border-radius:100%;}
	#wrapper header button {position:fixed; top:0; left:0; width:80px; display:block;}
	#wrapper header button i {color:#000;}
	#wrapper header .icon i {color:#000;}
	#wrapper .contents {/*min-height:auto;*/ padding: var(--hd_size) 0 var(--bottom_padding) 0;}
	#wrapper .contents h2 {position:relative; top:0; color:#000; font-size:25px; padding:30px 30px 10px 30px;}
	#wrapper .contents .nav_sub_area {display:none;}
	#wrapper .contents .plus_area {position:fixed; top:0;  width:80px; height:80px; background:none;border-radius: 0; transform:translateY(0); transition: all .3s; z-index:102;}
	#wrapper .contents .plus_area.hid {transform:translateY(-100%);}
	#wrapper .contents .pa_wd {left:50%; transform: translate(-50%, -50%); max-width:auto; width:auto;}
	#wrapper .contents .pa_wd .lastest {display:none;}
	#wrapper .contents .pa_wd .kakao {left:50%; right:initial; transform: translate(-50%, -50%); width:35px; font-size:0; background:#ffe500; text-align:left;  border-radius:100%;}
	#wrapper footer {}
	#wrapper .contents > ul.sub_cate1 {display:none;}
	.btm_wrap .btm_nav {display:none;}
	.btm_wrap .basic {border:0; border-radius:0; background:none; padding:45px;}
	.btm_wrap .rest				{top:70px; width:300px; }
	.btm_wrap .rest .pay h4			{color:rgba(0,0,0,0.8); }
	.btm_wrap .rest .pay ul.bank li	{color:rgba(0,0,0,0.8);}
	.btm_wrap .rest .pay p			{color:rgba(0,0,0,0.3);}
	.btm_wrap .copy span		{color:#333;}
	.btm_wrap .cmp_qr				{display:none;}
	.bg_box			{border-radius:0;}
}

@media screen and (max-width: 900px){
	.btm_wrap .basic			{padding: 30px 30px 0 30px; }
	.btm_wrap .rest				{top:0; right:initial; left: 0; width:100%; position:relative; margin:25px 0;}
	.btm_wrap .rest .pay h4			{font-size:14px;;}
	.btm_wrap .rest .pay ul.bank li	{font-size:12px; }
	.btm_wrap .rest .pay p			{font-size:10px;}
}
@media screen and (max-width: 650px){
	#wrapper header,
	#wrapper header.open {height:var(--hd_size); }
	#wrapper header .top_pos .logo {width:100px;background-size:auto 60% !important;background:url(/images/logo_sym_blue.png) no-repeat;}
	#wrapper header .top_pos .logo a span {font-size:20px; top:50%;}
	#wrapper header .top_pos .member > .book_store {margin:13px 0 0 0px;}
	#wrapper header .top_pos .member > .home {width:var(--hd_size); }
	#wrapper header .top_pos .member > .home i {font-size:18px;}
	#wrapper header .top_pos .member > .wcf {width:35px; margin-right:10px;}
	#wrapper header .top_pos .member > .wcf img {width:35px;}
	#wrapper header .plus_area {width:var(--hd_size);}
	#wrapper header .pa_wd .kakao {width:25px; }
	#wrapper header .pa_wd .kakao i {font-size:18px;}
	#wrapper header button {width:var(--hd_size); }
	#wrapper header button i {font-size:20px;}
	#wrapper header .icon {width:var(--hd_size);}
	#wrapper header .icon i {font-size:20px;}
	#wrapper header .icon.user {right:35px;}
	#wrapper header .icon.cart {right:0;}
	#wrapper .contents {padding: var(--hd_size) 0 var(--bottom_padding) 0; ; }
	#wrapper .contents h2 {font-size:18px; padding:25px 25px 10px 25px;}
	#wrapper .contents .nav_sub_area {padding:25px 22px 0 22px;}
	#wrapper .contents .plus_area { width:var(--hd_size); height:var(--hd_size); }
	#wrapper .contents .pa_wd .kakao {width:25px; }
	#wrapper .contents .pa_wd .kakao i {font-size:18px;}
	.btm_wrap			{padding: 0}
	.btm_wrap .basic			{padding: 30px 15px 0 15px; }
	.btm_wrap .logo {padding: 0 0 15px 0;}
	.btm_wrap .logo img	{width:70px;}
	.btm_wrap .info span				{padding:0 3px 0 0; font-size:10px; font-weight:700;}
	.btm_wrap .info span i			{padding-right:3px;}
	.btm_wrap .info span em		{padding-right:3px; font-weight:600;}
	.btm_wrap .info .hd		{display:none;}
	.btm_wrap .care				{font-size:10px; }
	.btm_wrap .copy				{font-size:9px; padding-top:10px; }
	.btm_wrap .copy span		{padding:0 3px; }
	.btm_wrap .rest				{margin:15px 0 10px 0; padding:0; border:0;}
	.btm_wrap .rest .pay h4			{font-size:13px;}
	.btm_wrap .rest .pay ul.bank	{padding:5px 0 3px 0;}
	.btm_wrap .rest .pay ul.bank li	{font-size:11px; }
	.btm_wrap .rest .pay p			{font-size:9px; }
	.btm_wrap ul.sns_kind li {margin-right:5px;}
	.btm_wrap ul.sns_kind li a {font-size:18px;}
	.btm_wrap ul.sns_kind {padding:10px 0 0 0;}
	ul.sub_sel_cate > li > a {font-size:11px; padding:10px 15px;}
}

/**/
.open_pop_show	{display:inline-block; vertical-align:middle; margin-right:15px;position:relative; display: none;}
.open_pop_show i	{position: relative;font-size: 17px; color: orange; }

@media screen and (max-width: 1160px){
	.open_pop_show	{ margin-right:0px;width: 80px; height: 100%; position: relative;top: 0; right: 0;}
	.open_pop_show i	{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 22px;}
}

@media screen and (max-width: 650px){
	.open_pop_show	{ width: var(--hd_size); }
	.open_pop_show i	{font-size:18px;}
}

/**/
ul.rule_nav {display:inline-block; vertical-align:middle; position: relative;line-height: 100%; font-size:0; padding:0px 0 20px 0; white-space: normal; width:100%;}
ul.rule_nav li {display:inline-block; vertical-align:middle; width:auto; line-height: 100%; text-align: center;  position:relative;padding: 0; margin:0 10px; }
ul.rule_nav li:first-child {margin-left:0;}
ul.rule_nav li a {display:block; }
ul.rule_nav li,
ul.rule_nav li a {font-size: 12px; font-weight: 600; color:#333; letter-spacing:-0.05em; transition:all .3s; line-height:100%; cursor:pointer;}
ul.rule_nav li:last-child {border:0;}
ul.rule_nav li:hover a {color:#eee;}

@media screen and (max-width: 650px){
	ul.rule_nav li {margin:0 5px; }
	ul.rule_nav li,
	ul.rule_nav li a {font-size: 11px;}
}

/**/
#wrapper ul.sns_share {position:fixed;top:125px; right:25px; transform:none; width:30px; font-size:0; z-index: 15;}
#wrapper ul.sns_share li {display:inline-block; vertical-align:middle; width:100%;  border-radius:100%; overflow:hidden; font-size:0; position:relative; cursor:pointer;background:#fff; border:1px solid #f4f4f4; margin-top:7px; transition:all .3s;}
#wrapper ul.sns_share li:first-child {margin-top:0px;}
#wrapper ul.sns_share li:after {content:""; display:block; padding-top:100%;}
#wrapper ul.sns_share li i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:15px; }
#wrapper ul.sns_share li span {position:absolute; top:0; left:0; width:100%; height:100%; }
#wrapper ul.sns_share li img {width:100%;}
#wrapper ul.sns_share li a {display:block;}
#wrapper ul.sns_share li.btn_share {border-color:#e9e9e9; background:#fafafa; color:#000;}
#wrapper ul.sns_share li.btn_kakao {border-color:#fae100; background:#fae100; color:#3c1e1e;}
#wrapper ul.sns_share li.btn_facebook {border-color:#3963a5; background:#3963a5; color:#fff;}
#wrapper ul.sns_share li.btn_share:hover {border-color:##e9e9e9; background:#fff;}
#wrapper ul.sns_share li.btn_kakao:hover {border-color:#ffef62; background:#ffef62;}
#wrapper ul.sns_share li.btn_facebook:hover {border-color:#1b4483; background:#1b4483;}
#wrapper ul.sns_share li.btn_share i {font-size:13px;}
#wrapper ul.sns_share li.btn_kakao i {font-size:22px;}
#wrapper ul.sns_share li.btn_facebook i {font-size:25px;}
.copy_message {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.75);  z-index:-1; visibility: hidden; opacity: 0; transition:all .3s;}
.copy_message.show {visibility:visible; opacity: 1;z-index:100000000;}
.copy_message > .cm_pos {position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); text-align:center; line-height:100%;}
.copy_message > .cm_pos h2,
.copy_message > .cm_pos p {display:inline-block; width:100%; line-height:100%;}
.copy_message > .cm_pos h2 { font-size:25px; font-weight:800; color:#fff; }
.copy_message > .cm_pos p { font-size:13px; font-weight:700; color:#eee; padding-top:10px;}

@media screen and (max-width: 1160px){
	#wrapper ul.sns_share {display:none;}
}

/**/
nav.sub_sel_nav {position:relative; border-bottom:1px solid var(--nav_sel_line); background:#fff; z-index:7;display: none;}
nav.sub_sel_nav ul.sel_box {position:relative; max-width:1300px; left:0; right:0; margin:auto; font-size:0; text-align:right;}
nav.sub_sel_nav ul.sel_box > li {display:inline-block; vertical-align:middle; width:200px; height:60px;position:relative;border:1px solid var(--nav_sel_line); border-width:0 1px 0 0; cursor:pointer; text-align:left; background:#fff;}
nav.sub_sel_nav ul.sel_box > li.home {width:60px; border-width:0 1px;}
nav.sub_sel_nav ul.sel_box > li.home a {position:absolute; top:0; left:0;width:100%; height:100%;}
nav.sub_sel_nav ul.sel_box > li.home a i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:20px; color:#000;}
nav.sub_sel_nav ul.sel_box > li .cur_name {position:relative; top:0; left:0;width:100%; height:100%;}
nav.sub_sel_nav ul.sel_box > li .cur_name span {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; padding: 0 15px;font-size:13px; font-weight:600; color:#000; letter-spacing:0em; text-transform:uppercase;}
nav.sub_sel_nav ul.sel_box > li .cur_name i {position:absolute; top:calc(50% - 2px); right:10px; transform:translateY(-50%); font-size:15px; color:#999;}
nav.sub_sel_nav ul.sel_box > li .cur_name .none {position:absolute; top:0; left:0; width:100%; height:100%; cursor:default; }
nav.sub_sel_nav ul.sel_box > li .cur_name .none ment {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; padding: 0 15px;font-size:11px; font-weight:500; color:#ddd; letter-spacing:0em; text-transform:uppercase;}
nav.sub_sel_nav ul.sel_box > li .list {position:absolute; top:60px; left:-1px; width:calc(100% + 2px); background:#fff/*#f7fbfe*/; z-index:1; padding:0; border:1px solid var(--nav_sel_line);}
nav.sub_sel_nav ul.sel_box > li ul.sub_cate1 {position: relative; top: 0; left: 0;  line-height: 100%;}
nav.sub_sel_nav ul.sel_box > li ul.sub_cate1 > li {display:inline-block; width:100%; line-height: 100%; border-bottom:1px solid var(--nav_sel_line);}
nav.sub_sel_nav ul.sel_box > li ul.sub_cate1 > li:last-child {border:0;}
nav.sub_sel_nav ul.sel_box > li ul.sub_cate1 > li a {display:block; line-height: 100%; padding:15px 18px;}
nav.sub_sel_nav ul.sel_box > li ul.sub_cate1 > li a span {font-size: 12px;line-height: 100%; font-weight: 600; color:#555; letter-spacing:0em; transition:all .3s; text-transform:uppercase;}
nav.sub_sel_nav ul.sel_box > li ul.sub_cate1 > li a:hover span {color:#000;}
nav.sub_sel_nav ul.sel_box > li ul.sub_cate1 > li:last-child a {border:0;}
nav.sub_sel_nav ul.sel_box > li ul.sub_cate1 > li.on > a span,
nav.sub_sel_nav ul.sel_box > li ul.sub_cate1 > li.on:hover > a span {color:#008ece; }

@media screen and (max-width: 1160px){
	nav.sub_sel_nav {}
	nav.sub_sel_nav ul.sel_box > li {width:calc(50% - 30px); border-width:0 1px 0 0; }
	nav.sub_sel_nav ul.sel_box > li.home {border-width:0 1px 0 0;}
	nav.sub_sel_nav ul.sel_box > li:last-child {border-width:0 ;}
	nav.sub_sel_nav ul.sel_box > li:last-child .list {border-width:1px 0 1px 1px ;width:calc(100% + 1px);}
}

@media screen and (max-width: 650px){
	nav.sub_sel_nav ul.sel_box > li {width:calc(50% - 28px); height:55px;}
	nav.sub_sel_nav ul.sel_box > li.home {width:55px;}
	nav.sub_sel_nav ul.sel_box > li.home a i {font-size:15px;}
	nav.sub_sel_nav ul.sel_box > li .cur_name span {padding: 0 15px;font-size:12px;}
	nav.sub_sel_nav ul.sel_box > li .cur_name i {font-size:13px;}
	nav.sub_sel_nav ul.sel_box > li .list {top:55px; }
	nav.sub_sel_nav ul.sel_box > li ul.sub_cate1 > li a {padding:14px 17px;}
	nav.sub_sel_nav ul.sel_box > li ul.sub_cate1 > li a span {font-size: 11px;}
}

/**/
.title_area  {position:absolute; top:0; left:0; right:0; margin:auto; max-width: 100%; width:100%;height:var(--bg_top_space); background:transparent;  z-index:5; overflow: hidden; border-bottom:0px solid var(--nav_sel_line);}
.title_area:before,
.title_area:after  {content:""; position:absolute; }
.title_area:before  {top: 0; left: 0; width: 100%; height: 100%; opacity:0.7; z-index:1;}
.title_area:after  {bottom:-200px; left:50%; transform: translateX(-50%) rotate(-3.5deg); width:300%;height:300px; background:#fff; z-index:1; display: none;}
.title_area .bg.prm_study  {background: url() no-repeat;}
.title_area .bg.prm_char  {background: url() no-repeat;}
.title_area .bg.prm_price  {background: url() no-repeat;}
.title_area .bg.use_member  {background: url() no-repeat;}
.title_area .bg.use_class  {background: url() no-repeat;}
.title_area .bg.teacher  {background: url() no-repeat;}
.title_area .bg.intro_cmp  {background: url() no-repeat;}
.title_area .bg.intro_contact  {background: url() no-repeat;}
.title_area .title_box  {position:absolute; bottom: 30px; left: 50%; transform: translateX(-50%); max-width:var(--max_top_bg); width:100%; padding:0 35px; text-align:center; z-index:2;}
.title_area .title_box h2 {position:relative; line-height:120%; color:#000; font-size: 38px; font-weight: 800;display: inline-block;}
.title_area .title_box h2:after {content:""; position:absolute; bottom:-12px; right: -10px; width: 3000px; height: 5px; background: linear-gradient(-45deg, var(--sym_color) 25%, transparent 0, transparent 50%, var(--sym_color) 0, var(--sym_color) 75%, transparent 0); -webkit-background-size:10px 10px; background-size:10px 10px; opacity: 0.3;/* border-bottom: 1px solid #d9e9f5;*/ display:none;}
.title_area .title_box > p {display:inline-block; vertical-align:middle; width: 100%; font-weight: 500; font-size: 13px; line-height:110%; display: none;}

.title_area_bg  {position:absolute; top:0; left:0; width:100%;height:700px; /*background: url(../../images/bg_predu_sub.jpg) no-repeat;background-size: auto 100% !important; background-position: top right !important; */z-index:-1;}
.title_area_bg:before  {content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity:0.7; z-index:1;}
.title_area .latest_box_sub {position:absolute; top: calc(50% + 15px); right: 40px; transform: translateY(-50%); width:450px; z-index:3; padding-left: 30px; border-left:1px solid #f4f4f4;}
.title_area .latest_box_sub h3 {display: inline-block;position:relative; font-size: 11px; line-height: 100%; padding: 3px; background: var(--sym_color); font-weight: 500; border-radius: 3px; color:#fff; margin: 0 0 7px 0;}
.title_area ul.latest_call {position:relative; line-height: 100%;}
.title_area ul.latest_call li {display: inline-block; width: 100%; position:relative; }
.title_area ul.latest_call li h4,
.title_area ul.latest_call li p,
.title_area ul.latest_call li span {display: inline-block; width: 100%; position:relative; transition: all .3s;}
.title_area ul.latest_call li h4 {font-size: 16px; color: #000; line-height: 140%; font-weight: 700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.title_area ul.latest_call li p {font-size: 11px; color: #999; line-height: 140%; font-weight: 500; padding: 5px 0 0 0; }
.title_area ul.latest_call li span {font-size: 11px; color: #ddd; line-height: 140%; font-weight: normal; font-family: tahoma; padding: 10px 0 0 0; dis play: none;}
.title_area ul.latest_call li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; font-size: 0;}
.title_area ul.latest_call li:hover h4 {color: #000; }
.title_area ul.latest_call li:hover p {color: #333;}

@media screen and (max-width: 1160px){
	.title_area  {position:relative; height:auto; background:transparent !important; border:1px solid red; display:none;}
	.title_area:before  {display:none;}
	.title_area .title_box  {position:relative; top: 0; left: 0; transform: none;text-align:left; }
	.title_area .title_box h2 {color:#000; font-size: 38px;}
	.title_area .bg {display:none;}
	.title_area_bg  {display:none;}
	.title_area .latest_box_sub {position:relative; right: initial; left:0; width:100%; padding: 0px; border:0; display:none;}
	.title_area .latest_box_sub h3 {font-size: 11px; margin: 0 0 7px 0;}
	.title_area ul.latest_call li h4 {font-size: 13px; color: #333; line-height: 140%;}
	.title_area ul.latest_call li p {font-size: 11px; color: #999; line-height: 140%; padding: 5px 0 0 0; }
	.title_area ul.latest_call li span {font-size: 11px; color: #ddd; }
	.title_area ul.latest_call li:hover h4 {color: #000; }
	.title_area ul.latest_call li:hover p {color: #333;}
}

/**/
.pop_layer_box {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); visibility: hidden; transition:all .5s; z-index:-1; opacity:0;}
.pop_layer_box.show {visibility: visible; z-index:10000000;transition:all .5s; opacity:1;}
.pop_layer_box .plb_pos {position:absolute; top:calc(50% + 10px); left:50%; max-width:600px; width:calc(100% - 20px); max-height:900px; height:calc(100% - 20px); min-height:550px; transform:translate(-50%, -50%); transition:all .3s; border-radius:15px;  text-align:left;  overflow:hidden;}
.pop_layer_box.small .plb_pos {max-width:400px; width:calc(100% - 20px); max-height:300px; height:calc(100% - 20px); min-height:300px;}
.pop_layer_box.show .plb_pos {top:50%;}
.pop_layer_box .plb_pos i.close {position:absolute; top:50%; right:20px; font-size:18px; transform:translateY(-50%) rotate(0); cursor:pointer; z-index:3; transition: all .3s;}
.pop_layer_box .plb_pos i.close:hover {transform:translateY(-50%)  rotate(180deg);}
.pop_layer_box .plb_pos > h2 {position:relative; font-size:16px  !important; line-height:55px; font-weight:800; color:#000; background:var(--pop_head); padding:0 25px !important; letter-spacing:-0.05em;}
.pop_layer_box .plb_pos .con {position:absolute; top:55px; left:0; width:100%; height:calc(100% - 55px); background:#fff; overflow-y:overlay; padding:30px; }
.pop_layer_box .plb_pos .con:: {-ms-overflow-style: none;}
.pop_layer_box .plb_pos .con::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;}
.pop_layer_box .plb_pos .con::-webkit-scrollbar-thumb {background:rgba(0,0,0,0); border-radius:15px;  transition:all .3s;}
.pop_layer_box .plb_pos .con:hover::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); transition:all .3s;}
.pop_layer_box .plb_pos .con.sm {height:calc(100% - 125px);}
.pop_layer_box .plb_pos ul.pop_view {position:relative; font-size:0;}
.pop_layer_box .plb_pos ul.pop_view > li {display:inline-block; vertical-align:middle; position:relative; width:100%; margin-bottom:5px; }
.pop_layer_box .plb_pos ul.pop_view > li.half {width:50%;}
.pop_layer_box .plb_pos ul.pop_view > li:last-child {margin:0;}
.pop_layer_box .plb_pos ul.pop_view > li.title {font-size:14px; font-weight:800; color:#000; margin-top:20px; letter-spacing:-0.05em;}
.pop_layer_box .plb_pos ul.pop_view > li.title:first-child {margin-top:0;}
.pop_layer_box .plb_pos ul.pop_view > li.title post {position:absolute; bottom:5px; right:0; font-size:12px; font-weight:normal; color:#333; font-family:var(--bar); line-height:100%;}
.pop_layer_box .plb_pos ul.pop_view > li.title.line {border-top:1px dashed #ddd; margin-top:20px; padding-top:25px;}
.pop_layer_box .plb_pos ul.pop_view > li.ment {font-size:13px; font-weight:600; color:#333; padding:5px 2px;}
.pop_layer_box .plb_pos ul.pop_view > li > span {position:absolute; top:50%; left:10px; transform:translateY(-50%); font-size:12px; font-weight:700; line-height:100%; color:#333; z-index:1;}
.pop_layer_box .plb_pos ul.pop_view > li > input {padding:0 10px 0 100px; height:45px; font-weight:700; color:#0081ef; font-family:var(--neo);}
.pop_layer_box .plb_pos ul.pop_view > li > select,
.pop_layer_box .plb_pos ul.pop_view > li > select option {padding:0 10px 0 10px; font-size:12px; height:45px;}
.pop_layer_box .plb_pos ul.pop_view > li > em {position:absolute; top:50%; right:10px; transform:translateY(-50%); font-size:11px; color:#fff; line-height:100%; font-style:normal; background:#333; padding:5px 10px; border-radius:20px; font-weight:normal; font-family:var(--bar); cursor:pointer;}
.pop_layer_box .plb_pos ul.pop_view > li > etc {position:absolute; top:50%; right:15px; transform:translateY(-50%); font-size:11px; color:#333; line-height:100%; font-style:normal; font-weight:normal; font-family:var(--bar);}
.pop_layer_box .plb_pos ul.pop_view > li ul.time_list li {margin:2px;}
.pop_layer_box .plb_pos ul.pop_view > li ul.detail {position:relative;}
.pop_layer_box .plb_pos ul.pop_view > li ul.detail li {position:relative; font-size:0; padding:5px 3px; border-bottom:1px dashed #ddd;}
.pop_layer_box .plb_pos ul.pop_view > li ul.detail li span {display:inline-block; vertical-align:top; position:relative; font-size:12px;}
.pop_layer_box .plb_pos ul.pop_view > li ul.detail li span.tit {width:80px; }
.pop_layer_box .plb_pos ul.pop_view > li ul.detail li span.tit:before {content:"ㆍ";}
.pop_layer_box .plb_pos ul.pop_view > li ul.detail li span.txt {width:calc(100% - 80px); font-weight:700;}
.pop_layer_box .plb_pos ul.pop_view > li ul.match_info {position:relative; font-size:0;}
.pop_layer_box .plb_pos ul.pop_view > li ul.match_info li {display:inline-block; vertical-align:top; width:25%; position:relative; font-size:0; }
.pop_layer_box .plb_pos ul.pop_view > li ul.match_info li span {display:inline-block; vertical-align:top; position:relative; width:100%;}
.pop_layer_box .plb_pos ul.pop_view > li ul.match_info li span.tit {font-size:11px;}
.pop_layer_box .plb_pos ul.pop_view > li ul.match_info li span.txt {font-size:13px; font-weight:700; letter-spacing:-0.05em; line-height:100%; padding-top:2px; color:#000;}
.pop_layer_box .plb_pos ul.pop_view > li ul.match_info li span.txt em {display:inline-block; width:100%;font-weight:normal; font-family:tahoma; font-style:normal; font-size:11px; color:#777; padding-top:3px;}
.pop_layer_box .plb_pos textarea			{width:100%; height:120px; padding:10px; border:1px solid #e9e9e9; background:#fafafa;  font-size:13px; text-align:left; transition:all .2s; color:#0081ef; border-radius:5px;overflow-y:overlay; }
.pop_layer_box .plb_pos textarea:focus {outline:none; background:#fff;  transition:all .2s;}
.pop_layer_box .plb_pos textarea:: {-ms-overflow-style: none;}
.pop_layer_box .plb_pos textarea::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;}
.pop_layer_box .plb_pos textarea::-webkit-scrollbar-thumb {background:rgba(0,0,0,0); border-radius:15px;  transition:all .3s;}
.pop_layer_box .plb_pos textarea:hover::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); transition:all .3s;}
.pop_layer_box .plb_pos ul.pop_btn {position:absolute; bottom:0; height:70px; width:100%; display:flex;}
.pop_layer_box .plb_pos ul.pop_btn li {flex:1;}
.pop_layer_box .plb_pos ul.pop_btn li input,
.pop_layer_box .plb_pos ul.pop_btn li a {max-width:100%; width:100%; height:100%; background:#006ad7; text-align:center; cursor:pointer;font-size:15px; font-weight:700; color:#fff;  border:0; margin:0; border-radius:0; font-family:var(--neo);}
.pop_layer_box .plb_pos ul.pop_btn li a {position:absolute; top:0; left:0;}
.pop_layer_box .plb_pos ul.pop_btn li a span {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.pop_layer_box .plb_pos ul.cc_btn {position:relative; display:flex; justify-content: center; margin-top:35px;}
.pop_layer_box .plb_pos ul.cc_btn li {flex:1; margin:0 5px; max-width:150px;}
.pop_layer_box .plb_pos ul.cc_btn li a {display:block; text-align:center; font-size:13px; font-weight:600; color:#333; border-radius:35px; border:1px solid #eee; padding:12px 0; transition:all .2s;}
.pop_layer_box .plb_pos ul.cc_btn li.login a {background:#006ad7; border-color:#006ad7; color:#fff;}
.pop_layer_box .plb_pos ul.cc_btn li.login:hover a {background:#0057b1; border-color:#0057b1;}
.pop_layer_box .plb_pos ul.cc_btn li.join a {background:#fafafa; color:#000;}
.pop_layer_box .plb_pos ul.cc_btn li.join:hover a {background:#fff; border-color:#f5f3f3; }
.pop_layer_box .plb_pos .message {position:relative;font-size:13px; font-weight:500; color:#333; line-height:150%;}
.pop_layer_box .rule_box	{display:inline-block; width:100%; }
.pop_layer_box .rule_box h2	{display:inline-block; width:100%; font-size:13px;font-weight:600; padding:15px 0; color:#333;}
.pop_layer_box .rule_box p	{display:inline-block; width:100%; font-size:12px; line-height: 180%; color:rgba(0,0,0,0.4);}

@media screen and (max-width: 650px) {
	.pop_layer_box .plb_pos > h2 {font-size:14px; !important}
	.pop_layer_box .plb_pos .con {padding:25px; }
	.pop_layer_box .rule_box h2	{font-size:11px; padding:15px 0 5px 0;}
	.pop_layer_box .rule_box p	{font-size:10px; line-height:150%;}
}

/**/
.kakao_talk_box {position: absolute; top:15px; right:0; width:var(--hd_size); height:var(--hd_size); font-size:0; }
.kakao_talk_box a {position:absolute; top:0; left:0; width:100%; height:100%;}
.kakao_talk_box .cy_btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100%;}
.kakao_talk_box .cy_btn .qr,
.kakao_talk_box .cy_btn i,
.kakao_talk_box .cy_btn span,
.kakao_talk_box .cy_btn em {display: inline-block;line-height: 100%; vertical-align:middle; width:100%; text-align:center; }
.kakao_talk_box .cy_btn i {font-size: 40px;color: #000;padding: 0 0 0;}
.kakao_talk_box .cy_btn i.xi-angle-right-thin {position:absolute; top:50%; right:15px; font-size:30px; transform:translateY(-50%); width:auto; padding:0;}
.kakao_talk_box .cy_btn .qr {position:absolute; top: 0; left: 0; padding:15px; width:130px; border-radius:3px; background:#fff; }
.kakao_talk_box .cy_btn .qr img {width:100%;}
.kakao_talk_box .cy_btn span {font-size: 13px;color: #000;font-weight: 800;letter-spacing: 0; padding:0;}
.kakao_talk_box .cy_btn em {font-size: 11px;color: #555; font-weight:500; font-style: normal; padding:5px 0 0 0;}
.kakao_talk_box .cy_btn .start {position:fixed; bottom:0; left:0; background:#613829; width:100%;line-height:65px; font-size: 15px;color: #fff; font-weight:800; font-style: normal; padding:0;}
.kakao_talk_box .kakao_chat_btn {opacity:0;position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent;}

@media screen and (max-width: 1160px){
	.kakao_talk_box {top:0;}
	.kakao_talk_box .cy_btn i {font-size: 40px;}
}

@media screen and (max-width: 650px){
	.kakao_talk_box .cy_btn i {font-size: 25px; }
}