@charset "UTF-8";

/* font */
@import url(../../fonts/notosanskr.css);
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');

@font-face {
	font-family: 'GmarketSansMedium';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GmarketSansBold';
	src: url('../../fonts/GmarketSansBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	src: url(https://fonts.gstatic.com/s/notosanskr/v13/Pby6FmXiEBPT4ITbgNA5CgmOsn7tqoAetwxcvEcQNuukkRBBEIyMcFQ.0.woff2) format('woff2');
	unicode-range: U+f9ca-fa0b, U+ff03-ff05, U+ff07, U+ff0a-ff0b, U+ff0d-ff19, U+ff1b, U+ff1d, U+ff20-ff5b, U+ff5d, U+ffe0-ffe3, U+ffe5-ffe6;
}

/* mobile로 접속 시 */
html.mobile {
	position: relative;
	min-width:1400px
}

html.mobile #header {
	min-width: 1200px;
}

html.mobile #header #mid_nav .group_left {
	min-width: auto;
}

html.mobile #header #mid_nav .group_left .menu .depth1>li {
	padding: 0 20px;
}

html.mobile #header #mid_nav .group_right {
	min-width: auto;
}

html.mobile #only1_rnb_sky_banner {
	display: none;
}

html.mobile #only1_footer {
	min-width: 1200px;
}

html.mobile #only1_footer>.inner {
	width: 1200px;
}

html.mobile #only1_wrapper {
	min-width: 1200px;
}

/* util css */
.t18 {
	font-size: 18px !important;
}

.ml50 {
	margin-left: 50px !important;
}

.absolute {
	position: absolute;
}

/* 전체 레이아웃 */
/* header */
#header {
	position: relative;
	letter-spacing: -1px;
	z-index: 9999;
}

#header>.mid_nav>.inner{overflow:hidden;}
#header.on>.mid_nav>.inner{overflow:visible;}

#header>.top {
	background: #F4F6F9;
}

#header>.top>.inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1320px;
	height: 36px;
	margin: 0 auto;
}

#header>.top>.inner .group_left {
	display: flex;
	gap: 9px;
	cursor: pointer;
}

#header>.top>.inner .group_left .ico {
	width:auto;
}

#header>.top>.inner .group_left .txt {
	color: #91979C;
	font-size: 13px;
	letter-spacing: -.7px;
}

#header>.top>.inner .group_right {
	display: flex;
	gap: 23px;
}

#header>.top>.inner .group_right>a {
	position: relative;
	font-size: 14px;
	color: #666;
}

#header>.top>.inner .group_right>a.kids {
	margin: -3px 0 0 20px;
}

#header>.top>.inner .group_right>a.kids:after {
	content: '';
	position: absolute;
	left: -20px;
	top: 55%;
	transform: translateY(-50%);
	width: 1px;
	height: 10px;
	background: #DBDBDB;
}

#header>.mid_nav {
	position: relative;
	background: #fff;
	border-bottom: 1px solid #ededed;
}

#header>.mid_nav:before{
	content:"";
	display:block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#fff;
	z-index:50;
}

#header>.mid_nav>.inner {
	position: relative;
	z-index: 3;
	display: flex;
	justify-content: space-between;
	width: 1320px;
	height:78px;
	margin: 0 auto;
	z-index:50;
}

#header>.mid_nav>.inner>.group_left {
	display: flex;
	height: 100%;
}

#header>.mid_nav>.inner>.group_left>h1 {
	display: flex;
}

#header>.mid_nav>.inner>.group_left>h1 a {
	display: flex;
	align-items: center;
}

#header>.mid_nav>.inner>.group_left>h1 a img {
	width:120px;
}

#header>.mid_nav>.inner>.group_left .menu {
	display: flex;
}

#header>.mid_nav>.inner>.group_left .menu .depth1 {
	position: relative;
	display: flex;
}

#header>.mid_nav>.inner>.group_left .menu .depth1>li {
	position: relative;
	/* overflow: hidden; */
}

#header>.mid_nav>.inner>.group_left .menu .depth1>li>a {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	color: #121212;
	font-size: 20px;
	font-weight: 700;
	padding: 2px 20px; 0 20px
}

#header>.mid_nav>.inner>.group_left .menu .depth1>li:nth-child(1)>a:before,
#header>.mid_nav>.inner>.group_left .menu .depth1>li:nth-child(2)>a:before{
	content:"";
	display:block;
	position: absolute;
	top:7px;
	left:50%;
	transform:translateX(-50%);
	width:40px;
	height:21px;
}

#header>.mid_nav>.inner>.group_left .menu .depth1>li:nth-child(1)>a:before{
	background:url(/_images/brand/common/gnb/ele_speechBubble.png) 0 0 no-repeat;
}

#header>.mid_nav>.inner>.group_left .menu .depth1>li:nth-child(2)>a:before{
	background:url(/_images/brand/common/gnb/mid_speechBubble.png) 0 0 no-repeat;
}

#header>.mid_nav>.inner>.group_left .menu .depth1>li>a:after {
	position: absolute;
	left: 50%;
	bottom: -1px;
	width: 0;
	content: '';
	height: 2px;
	background: #f20000;
	z-index: 2;
	transition: all .3s;
	opacity: 0;
}

#header>.mid_nav>.inner>.group_left .menu .depth1>li>a:hover:after {
	left: 0;
	width: 100%;
	opacity: 1;
}

#header>.mid_nav>.inner>.group_left .menu .depth1>li>a:hover,
#header>.mid_nav>.inner>.group_left .menu .depth1>li>a.on {
	color: #f20000;
}

#header>.mid_nav>.inner>.group_left .menu .depth1>li>a.pay {
	padding: 0 35px 0 15px;
	background: url(/_images/brand/main/header_ico1.png)no-repeat right center;
}

#header>.mid_nav>.inner>.group_left .menu .depth2 {
	position: absolute;
	left: 100%;
	top:78px;
	transform: translateX(-50%);
	width: 200%;
	height: 0;
	transition: height .3s;
	padding: 5px 0 0;
	overflow: hidden;
	text-align:left;
}

#header>.mid_nav>.inner>.group_left .menu .depth2 {
	left: 108%;
	padding:28px 0 0 4px;
}

#header>.mid_nav>.inner>.group_left .menu .depth2>li {
	display: block;
}

#header>.mid_nav>.inner>.group_left .menu .depth2>li:not(:first-child){
	margin-top:16px;
}

#header>.mid_nav>.inner>.group_left .menu .depth2.mid>li:not(:first-child){
	margin-top:12px;
}

#header>.mid_nav>.inner>.group_left .menu .depth2.mid>li:nth-child(2){
	margin-top:7px;
}

#header>.mid_nav>.inner>.group_left .menu .depth2.mid>li:nth-child(3){
	margin-top:3px;
}

#header>.mid_nav>.inner>.group_left .menu .depth2.mid>li:nth-child(4),
#header>.mid_nav>.inner>.group_left .menu .depth2.mid>li:nth-child(5){
	margin-top:-3px;
}

#header>.mid_nav>.inner>.group_left .menu .depth2.mid>li:nth-child(7){
	margin-top:-5px;
}

#header>.mid_nav>.inner>.group_left .menu .depth2.review>li:not(:first-child){
	margin-top:-5px;
}

#header>.mid_nav>.inner>.group_left .menu .depth2>li .tit {
	color: #121212;
	font-size: 16px;
	font-weight:600;
	line-height:29px;
	padding: 0 0 4px 6px;
}

#header>.mid_nav>.inner>.group_left .menu .depth2>li .box{
	display:inline-block;
	width:105px;
	margin-left:-1px;
}

#header>.mid_nav>.inner>.group_left .menu .depth2>li .box a{
	display:block;
	height:27px;
	padding-left:6px;
	border:1px solid #C3C8FF;
	font-size: 16px;
	font-weight:600;
	line-height:25px;
	color: #121212;
}

#header>.mid_nav>.inner>.group_left .menu .depth2>li .box a:first-child{
	background:#C3C8FF;
}

#header>.mid_nav>.inner>.group_left .menu .depth2>li>.depth3{
	padding-left:9px;
}

#header>.mid_nav>.inner>.group_left .menu .depth2>li>.depth3>li a {
	display:block;
	padding:2px 0;
	color: #666;
	font-size: 14px;
	font-weight: 400;
}

#header>.mid_nav>.inner>.group_left .menu .depth2>li>.depth3>li:first-child a{
	padding:0 0 2px;
}

#header>.mid_nav>.inner>.group_left .menu .depth2>li>.depth3>li a:hover,
#header>.mid_nav>.inner>.group_left .menu .depth2>li>.depth3>li a.on {
	color: #f20000;
}

#header>.mid_nav>.inner>.group_right {
	display: flex;
	gap: 23px;
	align-items: center;
	height: 100%;
}

#header>.mid_nav>.inner>.group_right>a {
	position: relative;
	color: #121212;
	font-size: 15px;
	font-weight: 600;
}

#header>.mid_nav>.inner>.group_right>a.line:after {
	content: '';
	position: absolute;
	left: -12px;
	top: 55%;
	transform: translateY(-50%);
	width: 1px;
	height: 10px;
	background: #DBDBDB;
}

#header>.mid_nav>.inner>.group_right .online {
	position: relative;
	border: 1px solid #BCBCBC;
	border-radius: 90px;
	height: 31px;
	line-height: 5px;
	padding: 11px 11px 11px 34px;
	margin: 0 -8px 0 0;
}

#header>.mid_nav>.inner>.group_right>a.online:after {
	content: '';
	position: absolute;
	left: 11px;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 20px;
	background: url(/_images/brand/main2024/header_ico2.png) no-repeat;
}

#header>.mid_nav>.inner>.group_right>.btn_ham {
	text-indent: -9999em;
	width: 28px;
	height: 21px;
	background: url(/_images/brand/main/btn_ham.png);
}

#header>.mid_nav .gnb_bg { 
	position: absolute;
	left: 0;
	top:79px;
	width: 100%;
	height: 0;
	background: #fff;
	z-index: 2;
	transition: height .3s;
	box-shadow: 0px 4px 50px 0px rgba(0,0,0,.4);
}

#header.on>.mid_nav .gnb_bg {
	height: 436px;
}

#header.on>.mid_nav>.inner>.group_left .menu .depth2 {
	height: 438px;
}

#header.on>.mid_nav>.inner>.group_left .menu .depth1>li {
	overflow: visible;
}

/* 20241120 add */
#header>.mid_nav>.inner>.group_left .menu .depth2 > li > .tit > a{color:#121212;}
#header>.mid_nav>.inner>.group_left .menu .depth2 > li > .tit > a.on,
#header>.mid_nav>.inner>.group_left .menu .depth2 > li > .tit > a:hover{color:#f20000;}


/* 전체메뉴 */
#side_nav {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999999;
	opacity: 0;
	width: 100%;
	height: 100%;
	transition: all .3s;
	visibility: hidden;
	letter-spacing: -1px;
	overflow: hidden;
}

#side_nav a {
	color: inherit;
	font-size: inherit;
}

#side_nav>.expand {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
	z-index: 1;
}

#side_nav>.inner {
	position: fixed;
	right: -100%;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	z-index: 2;
	width: 1460px;
	overflow: hidden;
	background: #fff;
	border-top-left-radius: 60px;
	border-bottom-left-radius: 60px;
	transition: all .3s;
}

#side_nav .section_1 {
	position: relative;
	padding: 46px 80px 80px;
}

#side_nav .section_1 .type1 {
	display: flex;
}

#side_nav .section_1 .type1>li {
	margin-left:110px;
	color: #000;
	font-size: 22px;
	font-weight: 600;
	transition: all .3s;
}

#side_nav .section_1 .type1>li:nth-child(1){
	margin-left:0;
}

#side_nav .section_1 .type1>li:nth-child(2) {
	margin-left:56px;
}

#side_nav .section_1 .type1>li:nth-child(3) {
	margin-left:85px;
}

#side_nav .section_1 .type1>li:hover {
	color: #ed3535;
}

#side_nav .section_1 .type1>li a.no_link {
	color: #000;
}

#side_nav .section_1 .type1>li>p {
	font-size: 16px;
	color: #000;
	margin:35px 0 0;
}

#side_nav .section_1 .type1>li>p:nth-of-type(1){
	margin:25px 0 0;
}

#side_nav .section_1 .type1>li .box{
	display:inline-block;
	width:105px;
	margin-top:19px;
	margin-left:-7px;
}

#side_nav .section_1 .type1>li .box a{
	display:block;
	height:29px;
	padding-left:6px;
	border:1px solid #C3C8FF;
	font-size: 16px;
	line-height:25px;
	color: #000;
}

#side_nav .section_1 .type1>li .box a:first-child{
	background:#C3C8FF;
}

#side_nav .section_1 .type1>li>ul>li {
	margin: 4px 0 0;
	line-height: 1;
}

#side_nav .section_1 .type1>li>ul>li>a {
	color: #666;
	font-size: 14px;
	font-weight:600;
	transition: all .3s;
}

#side_nav .section_1 .type1>li>ul>li>a:hover {
	color: #ed3535;
}

#side_nav .section_1 .type1>li>a.pay {
	padding: 0 35px 0 15px;
	background: url(/_images/brand/main/header_ico1.png)no-repeat right center;
}

#side_nav .section_1 .type2 {
	display: flex;
	position: absolute;
	left: 570px;
	top: 150px;
	background: #fafafa;
	padding: 35px 40px;
	border-radius: 20px;
}

#side_nav .section_1 .type2>li {
	color: #666;
	font-size: 20px;
	font-weight: 600;
	padding: 0 50px 0 0;
	border-right: 1px solid #ededed;
	transition: all .3s;
}

#side_nav .section_1 .type2>li>a {
	color: #000;
	font-size: 22px;
}

#side_nav .section_1 .type2>li:hover {
	color: #ed3535;
}

#side_nav .section_1 .type2>li:not(:first-child) {
	border-right: 1px solid #ededed;
	padding: 0 0 0 50px;
}

#side_nav .section_1 .type2>li:last-child {
	border: none;
}

#side_nav .section_1 .type2>li>ul {
	display: inline-block;
	margin: 0 0 0 25px;
	vertical-align: top;
}

#side_nav .section_1 .type2>li>ul>li {
	color: #666;
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 5px;
	transition: all .3s;
}

#side_nav .section_1 .type2>li>ul>li a:hover {
	color: #ed3535;
}

#side_nav .section_1 .type2>li .tit {
	color: #000;
	font-size: 20px;
	font-weight: 600;
}

#side_nav .section_1 .type2>li .tit>a {
	background: url(/_images/brand/common/gnb/all/ico1.png) no-repeat right center;
	padding: 0 15px 0 0;
}

#side_nav .section_2 {
	display: flex;
	height: 224px;
	position: relative;
	padding: 36px 80px 29px 80px;
	color: #fff;
	overflow: hidden;
	background: #ed3535;
}

#side_nav .section_2 .inner1 {
	position: relative;
	border-right:1px solid #ef4949;
}

#side_nav .section_2 .inner1:nth-of-type(1) {
	width: 304px;
}

#side_nav .section_2 .inner1:nth-of-type(2) {
	width: 324px;
	padding-left:57px;
}

#side_nav .section_2 .inner1:nth-of-type(3) {
	width: 310px;
	padding-left:57px;
}

#side_nav .section_2 .inner1>li {
	font-size: 22px;
	font-weight: 600;
}

#side_nav .section_2 .inner1>li:not(:first-child) {
	margin: 30px 0 0;
}

#side_nav .section_2 .inner1>li>a {
	padding: 0 0 0 50px;
}

#side_nav .section_2 .inner1:nth-of-type(1)>li:nth-child(1)>a {
	background: url(/_images/brand/common/gnb/all/ico3.png) no-repeat left 0 top 80%;
}

#side_nav .section_2 .inner1:nth-of-type(1)>li:nth-child(2)>a {
	background: url(/_images/brand/common/gnb/all/ico8.png) no-repeat left 4px top 52%;
}

#side_nav .section_2 .inner1:nth-of-type(2)>li:nth-child(1)>a {
	background: url(/_images/brand/common/gnb/all/ico9.png) no-repeat left 4px top 7px;
}

#side_nav .section_2 .inner1:nth-of-type(3)>li:nth-child(1)>a {
	background: url(/_images/brand/common/gnb/all/ico7.png) no-repeat left 0 top 80%;
}

#side_nav .section_2 .inner1:nth-of-type(3)>li:nth-child(2)>a {
	background: url(/_images/brand/common/gnb/all/ico6.png) no-repeat left 4px top 52%;
}

#side_nav .section_2 .inner1>li>ul {
	display: flex;
	margin: 10px 0 0 52px;
}

#side_nav .section_2 .inner1:nth-child(2)>li>ul{
	flex-direction:column;
	gap:15px;
	margin-top:17px;
}

#side_nav .section_2 .inner1>li>ul>li {
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 3px;
}

#side_nav .section_2 .inner1:nth-child(2) li ul li{
	display:flex;
	align-items:center;
	margin:0;
}

#side_nav .section_2 .inner1>li>ul>li>a {
	padding: 0 38px 0 0;
	background: url(/_images/brand/common/gnb/all/ico_arrow1.png) no-repeat right 25px top 60%;
}

#side_nav .section_2 .inner1:nth-child(2)>li>ul>li p{
	width:95px;
	font-size:16px;
	color:#fff;
}

#side_nav .section_2 .inner1:nth-child(2)>li>ul>li>a{
	display:block;
	width:26px;
	height:26px;
	padding:0;
	background: url(/_images/brand/common/gnb/all/ico_os.png) no-repeat 0 0;
	text-indent:-9999px;
}

#side_nav .section_2 .inner1:nth-child(2)>li>ul>li>a:nth-of-type(2){
	margin-left:9px;
	background-position:0 -26px;
}

#side_nav .section_2 .inner2 {
	display: flex;
	flex-direction:column;
	line-height: 1;
	align-items: center;
	padding-left:53px;
}

#side_nav .section_2 .inner2>ul {
	display: flex;
	flex-direction: column;
	gap: 35px;
}

#side_nav .section_2 .inner2>ul>li {
	display: flex;
	gap: 24px;
	align-items: center;
}


#side_nav .section_2 .inner2>ul>li>span:nth-of-type(1) {
	font-size: 22px;
	font-weight: 400;
}

#side_nav .section_2 .inner2>ul>li>span:nth-of-type(2) {
	font-size: 34px;
	font-weight: 600;
	font-family: 'Roboto';
}

#side_nav .section_2 .inner2 .customer {
	display: flex;
	gap:10px;
	margin-top:32px;
}

#side_nav .section_2 .inner2 .customer a {
	border: 1px solid #fff;
	display: block;
	width:132px;
	height: 50px;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	border-radius: 900px;
}

#side_nav .btn_close {
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	height: 100px;
	text-align: center;
	z-index: 2;
	display: none;
	background: url(/_images/brand/common/gnb/ico_close.png) no-repeat center;
	text-indent: -9999em;
}

#side_nav .no_link {
	cursor: text;
}

#side_nav .select_class {
	margin: 20px 0 0 -5px;
}

#side_nav .select_class a {
	display: inline-block;
	color: #ed3535;
	font-size: 17px;
	border: 1px solid #ed3535;
	height: 35px;
	width: 80px;
	line-height: 33px;
	margin: 0 2px 0 0;
	padding: 0 0 0 15px;
	text-align: left;
	border-radius: 17px;
	background: url(/_images/brand/common/gnb/all/ico1.png) no-repeat right 10px center;
}

#side_nav.active {
	opacity: 1;
	visibility: visible;
}

#side_nav.active>.inner {
	right: 0;
	;
}

#side_nav.active .btn_close {
	display: block;
}


#header #btm_nav {
	background: #313754;
	height: 55px;
}

#header #btm_nav .inner {
	display: flex;
	align-items: center;
	width: 1200px;
	margin: 0 auto;
	height: 100%;
	padding: 0 0 0 55px;
}

#header #btm_nav .inner p.tit {
	color: #c0f7f6;
	font-size: 19px;
	background: url(/_images/brand/common/gnb/ico08.png) no-repeat right center;
	padding: 0 16px 0 0;
	font-family: 'Noto Sans KR';
	margin: 0 38px 0 0;
}

#header #btm_nav .inner .depth {
	height: 100%;
}

#header #btm_nav .inner .depth li {
	display: inline-block;
	height: 100%;
}

#header #btm_nav .inner .depth li a {
	display: inline-block;
	color: #fff;
	font-size: 17px;
	height: 100%;
	padding: 15px 30px 0;
	font-weight: 400;
}

#header #btm_nav .inner .depth li a.on {
	color: #f20000;
}

#header #btm_nav .inner .r_box {
	display: inline-block;
	height: 100%;
}

#header #btm_nav .inner .r_box li {
	display: inline-block;
	height: 100%;
	border-left: 1px solid #000;
}

#header #btm_nav .inner .r_box li a {
	display: inline-block;
	color: #fff;
	font-size: 17px;
	font-weight: 200;
	height: 100%;
	padding: 15px 24px 0 50px;
}

#header #btm_nav .inner .r_box li a.on {
	color: #f20000;
}

#header #btm_nav .inner .r_box li:nth-of-type(1) {
	background: url(/_images/brand/common/gnb/ico06.png) no-repeat 19px 17px;
}

#header #btm_nav .inner .r_box li:nth-of-type(2) {
	background: url(/_images/brand/common/gnb/ico07.png) no-repeat 23px 18px;
}

/* footer */
#only1_footer {
	position: relative;
	background: #303135;
	letter-spacing: -1px;
	font-family: 'Noto Sans KR';
	color: #636363;
	min-width: 1300px;
	margin: 80px 0 0;
}

#only1_footer>.inner {
	width: 1300px;
	margin: 0 auto;
	padding: 30px 0 70px;
}

#only1_footer .link {
	height: 106px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 0 30px;
	border-bottom: 1px solid #4a4a4c;
}

#only1_footer .link h1 img {
	width:140px;
}

#only1_footer .link .menu a {
	font-size: 16px;
	padding: 0 8px;
}

#only1_footer .link .menu a.red {
	color: #f20000;
}

#only1_footer .info {
	padding: 50px 50px 50px;
	display: flex;
	justify-content: space-between;
}

#only1_footer .info .left {
	font-size: 14px;
}

#only1_footer .info .left address {
	line-height: 1.8;
}

#only1_footer .info .left address a.white {
	color: #cbcbcb;
}

#only1_footer .info .left .copy {
	margin: 20px 0 0;
	font-size: 14px;
}

#only1_footer .info .right{
	position:relative;
	padding-bottom: 60px;
}

#only1_footer .info .right .sns {
	margin: 0 0 10px;
}

#only1_footer .info .right .sns div.app_guide {
	padding-bottom: 16px !important;
}

#only1_footer .info .right .sns div.app_guide a {
	text-indent: 0px; width: 100%;
	height: auto; background: none;
	position: relative;
    font-size: 16px;
    padding: 0 0 0 14px;
}

#only1_footer .info .right .sns div.app_guide a::after {
	position: absolute;
    left: 0;
    top: 9px;
    background: #75787b;
    width: 6px;
    height: 6px;
    content: '';
    border-radius: 100%;
}

#only1_footer .info .right .sns .group {
	display: block;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 10px 26px;
	margin: 0;
}

#only1_footer .info .right .sns .group:first-child {
	padding: 0 26px 10px;
}

#only1_footer .info .right .sns .group:not(:first-child) {
	border-top: 1px solid #424246;
}

#only1_footer .info .right .sns .tit {
	position: relative;
	width:100px;
	font-size: 16px;
	padding: 0 0 0 14px;
	color:#666;
}

#only1_footer .info .right .sns .tit:after {
	position: absolute;
	left: 0;
	top: 9px;
	background: #75787b;
	width: 6px;
	height: 6px;
	content: '';
	border-radius: 100%;
}

#only1_footer .info .right .sns div {
	margin: 0 0 0 10px;
}

#only1_footer .info .right .sns div a {
	display: inline-block;
	text-indent: -9999em;
	margin: 0 0 0 10px;
	background: url(/_images/brand/common/footer/sns.png) no-repeat;
	width: 35px;
	height: 35px;
}

#only1_footer .info .right .sns div a:nth-child(1) {
	background-position: 0 0;
	margin: 0;
}

#only1_footer .info .right .sns div a:nth-child(2) {
	background-position: -45px 0;
}

#only1_footer .info .right .sns div a:nth-child(3) {
	background-position: -90px 0;
}

#only1_footer .info .right .btn_family_site {
	position: relative;
	background: #303134;
	text-align: left;
	width: 280px;
	height: 42px;
	color: #5c5d60;
	font-size: 15px;
	padding: 0 0 0 27px;
	border: 1px solid #424246;
	transition: all .2s;
}

#only1_footer .info .right .btn_family_site:after {
	position: absolute;
	right: 17px;
	top: 14px;
	background: url(/_images/brand/common/footer/btn_arrow.png) no-repeat;
	width: 13px;
	height: 13px;
	content: '';
	transition: all .2s;
}

#only1_footer .info .right .btn_family_site.familyView {
	border: 1px solid #cbcbcb;
}

#only1_footer .info .right .btn_family_site.familyView:after {
	transform: rotate(180deg);
}

#only1_footer .info .right .app_guide{
	display: block;
	position: relative;
	background: #303134;
	text-align:center;
	width: 280px;
	height: 42px;
	margin-top:10px;
	border: 1px solid #424246;
	color: #cbcbcb;
	font-weight:600;
	font-size: 15px;
	line-height:42px;
}

#only1_footer .info .right .certified{
	position:absolute;
	left:0;
	bottom:-20px;
}

#only1_footer .info .right .escrow {
	margin: 30px 0 0 70px;
}

#only1_footer .familySite {
	overflow: hidden;
	border-top: 1px #4a4a4c solid;
	padding: 50px;
	display: none;
}

#only1_footer .familySite:after {
	content: "";
	display: block;
	clear: both;
}

#only1_footer .familySite p {
	float: left;
	padding-top: 1px;
	font-size: 16px;
	font-weight: 700;
}

#only1_footer .familySite .site.first {
	border-left: none;
}

#only1_footer .familySite .site.first dl dt {
	width: 30%;
}

#only1_footer .familySite .site {
	float: left;
	width: 45%;
	padding: 0 0 5px 50px;
	border-left: 1px dashed #4a4a4c;
}

#only1_footer .familySite .site.last {
	width: 24%;
	background: none;
}

#only1_footer .familySite .site dl {
	line-height: 23px
}

#only1_footer .familySite .site dl:after {
	content: "";
	display: block;
	clear: both;
}

#only1_footer .familySite .site dl dt {
	float: left;
	width: 40%;
	font-size: 14px;
	font-weight: 600;
	color: #818181;
}

#only1_footer .familySite .site dl dd {
	float: left;
	width: 60%;
}

#only1_footer .familySite .site dl dd a {
	font-size: 14px;
	color: #8a8d90;
	text-decoration: none;
}

#only1_footer .familySite .site dl dd a:hover {
	text-decoration: underline;
}

#only1_footer .familySite .site.last dl dt {
	width: 33%
}

#only1_footer .familySite .site.last dl dd {
	width: 67%
}

#only1_footer .footer_btnGoTop {
	position: absolute;
	right: 150px;
	bottom: 80px;
	background: url(/_images/brand/common/footer/btn_go_top.png) no-repeat;
	width: 58px;
	height: 58px;
	text-indent: -9999em;
}

#only1_footer .msg_box {
	word-wrap: break-word;
	word-break: break-all;
}

@font-face {
	font-family: 'Roboto';
	src: url('roboto_regular_macroman/Roboto-Regular-webfont.eot');
	src: url('roboto_regular_macroman/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('roboto_regular_macroman/Roboto-Regular-webfont.woff') format('woff'),
		url('roboto_regular_macroman/Roboto-Regular-webfont.ttf') format('truetype'),
		url('roboto_regular_macroman/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* sky banner */
#sky_banner {
	display: flex;
	flex-direction: column;
	align-items: end;
	position: fixed;
	bottom: 10px;
	right: 13px;
	text-align: center;
	z-index: 50;
}

#sky_banner>a {
	display: block;
}

#sky_banner>a:nth-child(2) {
	margin-top: -9px;
}

#sky_banner>a:nth-child(3) {
	margin-left: 5px;
}

/* sky banner 초등 화상수업 */
.video_lesson {
	width: 170px;
	height: 200px;
	background: url(/_images/brand/common/video_lesson.png) 0 0 no-repeat;
	padding: 46px 12px 5px 29px;
	margin-top: 13px;
}

.video_lesson p {
	font-family: "GmarketSansBold";
	font-size: 22px;
	color: #fff;
	line-height: 25px;
}

.video_lesson p strong {
	display: block;
	color: #01e5a8;
	letter-spacing: -1px;
}

.video_lesson .link {
	margin-top: 7px;
}

.video_lesson .link a {
	display: block;
	width: 100%;
	height: 34px;
	border-radius: 20px;
	font-family: "Noto Sans KR";
	font-weight: 700;
	font-size: 16px;
	line-height: 34px;
	color: #000;
}

.video_lesson .link a:nth-child(1) {
	background: #9969ff url(/_images/brand/common/video_ico.png) left 6px center no-repeat;
}

.video_lesson .link a:nth-child(2) {
	margin-top: 5px;
	background: #01e5a8 url(/_images/brand/common/video_ico.png) left 6px center no-repeat;
}

/* 구매상담 */
#ch-plugin img {
	width: 109px !important;
	height: auto !important;
}

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

	/* sky banner */
	#sky_banner>a:nth-child(2) {
		margin-top: -6px;
	}

	/* #sky_banner > a img{width:130px;} */
	#sky_banner>a:nth-child(3) img {
		width: 105px;
	}

	/* sky banner 초등 화상수업 */
	.video_lesson {
		width: 130px;
		height: 155px;
		padding: 37px 11px 5px 23px;
		background-size: 100%;
	}

	.video_lesson p {
		font-size: 16px;
		line-height: 18px;
	}

	.video_lesson .link a {
		height: 26px;
		font-size: 14px;
		line-height: 26px;
	}

	.video_lesson .link a:nth-child(1),
	.video_lesson .link a:nth-child(2) {
		background-size: 20px auto;
	}
}



/* 2024-06 하단 고정배너 */
.fix_all_btm_type_banner {
	position: fixed;
	left: 0;
	bottom: -100px;
	width: 100%;
	z-index: 99;
	transition: all .3s;
}

.fix_all_btm_type_banner.on {
	bottom: 0;
}

.fix_all_btm_type_banner>.inner {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	z-index: 2;
}

.fix_all_btm_type_banner:after,
.fix_all_btm_type_banner:before {
	position: absolute;
	content: '';
	bottom: 0;
	width: 50%;
	z-index: 1;
}

.fix_all_btm_type_banner.type1>.inner .mid {
	margin: 0 0 0 -40px;
}

.fix_all_btm_type_banner.type1:after,
.fix_all_btm_type_banner.type1:before {
	height: 80px;
}

.fix_all_btm_type_banner.type2>.inner .mid {
	margin: 0 0 0 -30px;
}

.fix_all_btm_type_banner.type2:after,
.fix_all_btm_type_banner.type2:before {
	height: 70px;
}

.fix_all_btm_type_banner.type3>.inner .mid {
	margin: 0 0 0 -41px;
}

.fix_all_btm_type_banner.type3:after,
.fix_all_btm_type_banner.type3:before {
	height: 70px;
}

.fix_all_btm_type_banner.type4>.inner>a img {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width:auto;
}

.fix_all_btm_type_banner.type4:after,
.fix_all_btm_type_banner.type4:before {
	height: 75px;
}

.fix_all_btm_type_banner.type5>.inner>a img {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

.fix_all_btm_type_banner.type5:after,
.fix_all_btm_type_banner.type5:before {
	height: 70px;
}

/* 서비 상단 타이틀 */
.common_int {display: flex; align-items: center; justify-content: center; background:#ED3535 url(/_images/brand/common/common_int.png) no-repeat center top; width: 100%; height: 120px; color: #fff; font-size: 40px; font-weight: 700;}

/* 강좌리스트  메뉴 */
.common_lecture_top{}
.common_lecture_top > .tit_list{display:flex; justify-content: center; border-bottom:1px solid #dedede;}
.common_lecture_top > .tit_list > .tab{display:flex; background:#fff; width:1200px; height:65px; }
.common_lecture_top > .tit_list > .tab > a{position:relative; display:flex; justify-content: center; align-items: center; width:100%; height:100%; font-size:19px; color:#000;}
.common_lecture_top > .tit_list > .tab > a.on{font-weight:700;}
.common_lecture_top > .tit_list > .tab > a.on:after{position:absolute; left:0; bottom:-1px; width:100%; height:5px; background:#ed3535; content:'';}
.common_lecture_top > .total_box{display:flex; justify-content: center; background:#F4F6F9; padding:40px 0;}
.common_lecture_top > .total_box > .inner{display:flex; flex-direction: column; width:1200px;  border:1px solid #DBDBDB; background:#fff; border-radius:12px;}
.common_lecture_top > .total_box > .inner > .tab{display:flex; justify-content: center; height:54px;}
.common_lecture_top > .total_box > .inner > .tab > a{position:relative; display:flex; justify-content: center; align-items: center; width:100%; height:100%; font-size:18px; color:#91979C;}
.common_lecture_top > .total_box > .inner > .tab > a:not(:first-child){border-left:1px solid #DBDBDB;}
.common_lecture_top > .total_box > .inner > .tab > a.on{color:#fff; background:#121212; font-weight:700;}
.common_lecture_top > .total_box > .inner > .mid{display:flex; align-items: center; height:76px; border-top:1px solid #DBDBDB; padding:0 20px;}
.common_lecture_top > .total_box > .inner > .mid .select{border:1px solid #121212; height:44px; padding:0 78px 0 18px; font-size:16px; background:url(/_images/brand/common/ico_select_lecture_arrow1.png) no-repeat right 18px center; border-radius:12px;}
.common_lecture_top > .total_box > .inner > .mid .tab{display:flex; align-items: center; gap:4px; margin:0 0 0 24px;}
.common_lecture_top > .total_box > .inner > .mid .tab > a{font-size:16px; color:#121212; background:#fff; font-weight:500; border-radius:30px; padding:8px 18px;}
.common_lecture_top > .total_box > .inner > .mid .tab > a.on{background:#ED3535; color:#fff;}
.common_lecture_top > .total_box > .inner > .btm{position:relative; display:flex; align-items: center; height:76px; border-top:1px solid #DBDBDB; padding:0 20px;}
.common_lecture_top > .total_box > .inner > .btm .group{display:flex; flex-shrink: 0;}
.common_lecture_top > .total_box > .inner > .btm .group .select{border:1px solid #DBDBDB; height:44px; padding:0 78px 0 18px; font-size:16px; color:#666; background:url(/_images/brand/common/ico_select_lecture_arrow2.png) no-repeat right 18px center; border-radius:12px; margin-right:8px;}
.common_lecture_top > .total_box > .inner > .btm .group .select:disabled{color:#ccc; background:#F4F6F9 url(/_images/brand/common/ico_select_lecture_arrow3.png) no-repeat right 18px center;}
.common_lecture_top > .total_box > .inner > .btm .search{flex-grow: 1;}
.common_lecture_top > .total_box > .inner > .btm .search > .inner{position:relative; border-radius:8px;  height:44px;}
.common_lecture_top > .total_box > .inner > .btm .search > .inner input{width:100%; height:100%; background:#F4F6F9; border:none; padding:0 18px; color:#666; font-size:16px;}
.common_lecture_top > .total_box > .inner > .btm .search > .inner .btn_sch{position:absolute; right:0; top:0; width:55px; height:100%; background:url(/_images/brand/common/ico_search.png) no-repeat center; text-indent:-9999em;}
.common_lecture_top > .total_box > .inner > .btm .search > .inner .bubble{position:absolute; right:-36px; top:-66px; line-height:1; animation:search_bubble .3s 0s ease-in-out forwards; opacity:0;}
.common_lecture_top > .total_box > .inner > .btm .search > .inner .bubble > .inner{position:relative; background:#282C3B; border-radius:100px; padding:10px 15px; box-shadow:0 5px 10px rgb(0 0 0 / 30%);}
.common_lecture_top > .total_box > .inner > .btm .search > .inner .bubble > .inner .txt{position:relative; color:#fff; font-size:15px; line-height:1.5; text-align:center;}
.common_lecture_top > .total_box > .inner > .btm .search > .inner .bubble > .inner .txt span{color:#FFED27;}
.common_lecture_top > .total_box > .inner > .btm .search > .inner .bubble > .inner:after{content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 10px solid transparent; border-top-color: #282C3B; border-bottom: 0; margin-left: -10px; margin-bottom: -10px;}
.common_lecture_top > .total_box > .inner > .btm .search > .inner .bubble > .inner .btn_close{position:absolute; right:0; top:0; width:19px; aspect-ratio: 1 / 1; text-indent:-9999em; background:url(/_images/brand/common/ico_bubble_close.png) no-repeat 0 0 / 100%;}
@keyframes search_bubble {
    0% {transform: translateY(10%);}
    80% {transform: translateY(-2%);}
    100% {transform: translateY(0); opacity:1;}
}


/* 강좌리스트 선생님 박스 */
.lecture_content_list{width:1200px; margin:40px auto; overflow:hidden;}
.lecture_content_list > ul{display:flex; flex-wrap: wrap; width:1220px; padding:1px 0 0;}
.lecture_content_list > ul > li{position:relative; width:590px; padding:0 20px 20px; border:1px solid #DBDBDB; border-radius:12px; overflow:hidden; margin:0 20px 20px 0;}
.lecture_content_list > ul > li > .top{position:relative; display:flex; padding:0 30px 0 0;}
.lecture_content_list > ul > li > .top > .left{width:250px; flex-shrink: 0;}
.lecture_content_list > ul > li > .top > .left > .thumb{position:relative; width:210px; height:160px; overflow:hidden;}
.lecture_content_list > ul > li > .top > .left > .thumb .book{z-index:2; position:absolute; left:30px; bottom:0; width:90px;}
.lecture_content_list > ul > li > .top > .left > .thumb .book img{width:100%; border:1px solid #ccc;}
.lecture_content_list > ul > li > .top > .left > .thumb .book:after{position:absolute; right:-4px; top:0; background:url(/_images/lecture/book_bg.png) no-repeat; width:4px; height:119px; content:'';}
.lecture_content_list > ul > li > .top > .left > .thumb .picture{z-index:1; position:absolute; right:0; bottom:-10px; width:112px;}
.lecture_content_list > ul > li > .top > .left > .thumb .picture img{height:144px;}
.lecture_content_list > ul > li > .top > .left > .thumb .name{z-index:3; min-width:103px; text-align:center; position:absolute; right:0; bottom:0; background:#000; border-radius:30px; color:#fff; font-size:14px; padding:0 14px; height:28px; line-height:27px;}
.lecture_content_list > ul > li > .top > .right{padding:32px 0 0;flex-grow: 1;display: flex;flex-direction: column;align-items: flex-start;}
.lecture_content_list > ul > li > .top > .right .some{position:relative; display:inline-block; color:#ED3535; font-size:14px; border-radius:30px; background:#FFF0EF; padding:0 16px; height:33px; line-height:32px; font-weight:500;}
.lecture_content_list > ul > li > .top > .right .some.new:after{position:absolute; right:-28px; top:50%; transform:translateY(-50%); content:''; background:url(/_images/brand/common/ico_new.png) no-repeat; width:22px; height:22px;}
.lecture_content_list > ul > li > .top > .right .tit{color:#121212; font-size: 20px; font-weight:700; margin:10px 0 0; line-height:1.5; cursor:pointer; overflow: hidden;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; word-break: normal;}
.lecture_content_list > ul > li > .mid{margin:20px 0 0; background:#F4F6F9; display:flex; align-items: center; padding:20px; border-radius:12px;}
.lecture_content_list > ul > li > .mid > ul{display: flex; width: 100%; flex-wrap: wrap; flex-shrink:0; gap:10px 0;}
/* .lecture_content_list > ul > li > .mid > ul > li{flex-grow:1;} */
.lecture_content_list > ul > li > .mid > ul > li{width:calc(100% / 3);}
.lecture_content_list > ul > li > .mid > ul > li label{position:relative; display:flex; gap:8px;}
.lecture_content_list > ul > li > .mid > ul > li .check{position:relative; margin:2px 0 0; width:25px; height:24px; display:inline-block; overflow:hidden;}
.lecture_content_list > ul > li > .mid > ul > li .check .chk_lecture{position:absolute; left: -9999px;}
.lecture_content_list > ul > li > .mid > ul > li .check .chk_lecture + span{position:relative; width:100%; height:100%; display:inline-block;}
.lecture_content_list > ul > li > .mid > ul > li .check .chk_lecture + span:after{position:absolute; left:0; top:0; content:''; background: url(/_images/brand/common/ico_checkbox.png) no-repeat; width: 25px; height: 24px;}
.lecture_content_list > ul > li > .mid > ul > li .check .chk_lecture:checked + span:after{background-position:0 -24px;}
.lecture_content_list > ul > li > .mid > ul > li .check .chk_lecture:checked + span:after{background-position:0 -24px;}
.lecture_content_list > ul > li > .mid > ul > li .check .chk_lecture:disabled + span:after{background-position:0 -48px;}
.lecture_content_list > ul > li > .mid > ul > li .price{display:flex; align-items: center; font-size:16px; font-weight:500; color:#121212;}
.lecture_content_list > ul > li > .mid > ul > li .price span:nth-of-type(2){margin:0 0 0 3px; font-weight:700; font-size:18px; font-family: 'Pretendard';}
.lecture_content_list > ul > li > .mid > ul > li .price span:nth-of-type(3){font-weight:700; font-weight:18px;}
.lecture_content_list > ul > li > .btm{display:flex; height:48px; gap:11px; margin:12px 0 0;}
.lecture_content_list > ul > li > .btm > button{position:relative; flex:1; border:1px solid #91979C; border-radius:12px; background:#fff; height:100%; transition:all .1s;}
.lecture_content_list > ul > li > .btm > button:after{position:absolute; bottom:0; left:50%; transform:translateX(-50%); background: url(/_images/brand/common/lecture/ico_basket_arrow2.png) no-repeat; width:16px; height:0; content:''; transition:all .1s;}
.lecture_content_list > ul > li > .btm > button > span{position:relative; color:#121212; font-size:16px; font-weight:700; margin:0 0 0 -23px;}
.lecture_content_list > ul > li > .btm > button > span:after{position:absolute; right:-23px; top:55%; transform:translateY(-50%); content:''; background:url(/_images/brand/common/ico_select_lecture_arrow1.png) no-repeat; width:12px; height:8px; transition:all .1s;}
.lecture_content_list > ul > li > .btm > button:nth-of-type(1) > span:after{transform: rotate(270deg); top:36%;}
.lecture_content_list > ul > li.on{border:2px solid #ED3535; padding:0 19px; margin:-1px 20px 21px 0;}
.lecture_content_list > ul > li > .btm > button.on{border:1px solid #ED3535; color:#fff; background:#ED3535;}
.lecture_content_list > ul > li > .btm > button.on:after{height:16px; bottom:-16px;}
.lecture_content_list > ul > li > .btm > button.on > span{color:#fff;}
.lecture_content_list > ul > li > .btm > button.on > span:after{background: url(/_images/brand/common/ico_select_lecture_arrow1_w.png) no-repeat;}
.lecture_content_list > ul > li.default{display: flex; padding:100px 0; margin:0; border:none; font-size:20px; justify-content:center; width:100%; height:auto;}

/* 강좌소개 레이어 */
.lecture_content_list .layer_introd{display:; width:1200px; height:auto; border:none; padding:0; border-radius:0; margin:0 0 30px;}
.lecture_content_list .layer_introd.on{border:none; padding:0; margin:0 0 30px;}
.lecture_content_list .introd_info{display:; position:relative; border:2px solid #ED3535; background:#F4F6F9; border-radius:12px; overflow:hidden;}
.lecture_content_list .introd_info .btn_close{position:absolute; right:0; top:0; width:60px; height:60px; text-indent:-9999em; background:url(/_images/brand/common/lecture/ico_close1.png) no-repeat center;}
.lecture_content_list .introd_info > .inner{overflow:auto; height:500px; padding:40px 60px; }
.lecture_content_list .introd_info dl{display:flex; gap:40px;}
.lecture_content_list .introd_info dt{color:#121212; font-size:22px; font-weight:700;}
.lecture_content_list .introd_info dd{color:#666; font-size:16px;}
.lecture_content_list .introd_info dl:nth-of-type(1){border-top:none; padding:0; margin:0;}
.lecture_content_list .introd_info dl{border-top:1px solid #ccc; padding:20px 0 0; margin:20px 0 0;}
.lecture_content_list .introd_info > .inner::-webkit-scrollbar {width:8px;}
.lecture_content_list .introd_info > .inner::-webkit-scrollbar-thumb {background: #787878; border-radius:8px;}
.lecture_content_list .introd_info > .inner::-webkit-scrollbar-track-piece {background:#dbdbdb;}


/* 교재소개 레이어 */
.lecture_content_list .layer_book{display:; width:1200px; height:auto; border:none; padding:0; border-radius:0; margin:0 0 30px;}
.lecture_content_list .layer_book.on{border:none; padding:0; margin:0 0 30px;}
.lecture_content_list .book_info{display:; position:relative; padding:30px 40px; border:2px solid #ED3535; background:#F4F6F9; border-radius:12px; overflow:hidden;}
.lecture_content_list .book_info > ul{display:flex; gap:20px; flex-wrap:wrap;}
.lecture_content_list .book_info > ul > li{display:flex; gap:40px; width:548px;}
.lecture_content_list .book_info > ul > li .thumb{width:150px; flex-shrink:0;}
.lecture_content_list .book_info > ul > li .thumb img{width:100%;}
.lecture_content_list .book_info > ul > li .dec{display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; gap:10px 0;}
.lecture_content_list .book_info > ul > li .dec .some{background:#ED3535; border-radius:30px; color:#fff; font-size:14px; height:33px; line-height:32px; padding:0 16px;}
.lecture_content_list .book_info > ul > li .dec .tit{font-size:22px; font-weight:700; color:#121212; word-break: keep-all;}
.lecture_content_list .book_info > ul > li .dec .tem{}
.lecture_content_list .book_info > ul > li .dec .tem > li{color:#666; font-size:16px;}
.lecture_content_list .book_info .btn_close{position:absolute; right:0; top:0; width:60px; height:60px; text-indent:-9999em; background:url(/_images/brand/common/lecture/ico_close1.png) no-repeat center;}

/* 장바구니 */
.shopping_basket{position:fixed; left:50%; transform:translateX(-50%); bottom:0; width:1200px; display: flex; flex-direction: column; z-index:9;}
.shopping_basket .btn_state{position:relative; display:flex; justify-content: flex-end; z-index:3;}
.shopping_basket .btn_state button{position:relative; display:flex; align-items: center; padding:0 0 0 15px; width:156px; height:40px; border-top-left-radius:12px; border-top-right-radius:12px; background:#F4F6F9; color:#121212; font-size:16px; font-weight:500; border:1px solid #DBDBDB; border-bottom:none;}
.shopping_basket .btn_state button:after{position:absolute; right:21px; top:44%; transform: rotate(180deg);  content:''; background:url(/_images/brand/common/ico_select_lecture_arrow1.png) no-repeat; width:12px; height:8px; border-bottom:none; transition:all .3s;}
.shopping_basket > .inner{position:relative; display:flex; align-items: center; margin:-1px 0 0; width:100%; height:88px; background:#f4f6f9; border:1px solid #DBDBDB; padding:0 20px; border-top-left-radius:20px; z-index:2;}
.shopping_basket > .inner:after{position:absolute; right:0; top:-1px; content:''; width:154px; height:1px; background:#f4f6f9;}
.shopping_basket > .inner .general{border:1px solid #ED3535; color:#ED3535; font-size:16px; padding:0 20px; height:48px; line-height:47px; border-radius:12px; font-weight:700; background:#fff;}
.shopping_basket > .inner .group{display:flex; justify-content: flex-end; flex-grow: 1; gap:8px;}
.shopping_basket > .inner .group button{font-size:16px; padding:0 16px; height:48px; line-height:47px; border-radius:12px; font-weight:500; background:#fff;}
.shopping_basket > .inner .group button:nth-of-type(1){border:1px solid #DBDBDB; color:#121212;}
.shopping_basket > .inner .group button:nth-of-type(2){border:1px solid #DBDBDB; color:#121212; background:#fff url(/_images/brand/common/ico_heart.png) no-repeat left 24px top 52%; padding:0 25px 0 50px}
.shopping_basket > .inner .group button:nth-of-type(3){border:1px solid #203788; background:#203788; color:#fff; padding:0 30px}
.shopping_basket > .inner .group button:nth-of-type(4){border:1px solid #ed3535; background:#ed3535; color:#fff; padding:0 30px}
.shopping_basket > .inner .group button.btn_top{width:48px; height:48px; background:#121212 url(/_images/brand/common/ico_basket_arrow.png) no-repeat center top 11px;  color:#fff; font-size:14px; border-radius:100%; text-align:center; padding:0; font-weight:400; padding:8px 0 0;}
.shopping_basket .basket_list{position:absolute; bottom:0; width:100%; z-index:1;}
.shopping_basket .basket_list > .inner{position:relative; margin:-1px 0 0; padding:20px 30px; border-radius:12px; height:88px; border:1px solid #DBDBDB; border-bottom:none; border-top-right-radius:0; background:#F4F6F9; padding:20px; border-top-left-radius:20px; overflow:hidden; transition:all .3s;}
.shopping_basket .basket_list > .inner .box{background:#fff; padding:20px 30px; border-radius:20px;}
.shopping_basket .basket_list .some_area{display:flex; gap:10px; align-items: center;}
.shopping_basket .basket_list .some_area .tit{color:#121212; font-size:18px; font-weight:700;}
.shopping_basket .basket_list .some_area .btn_basket_go{border:1px solid #DBDBDB; height:36px; line-height:35px; padding:0 12px; border-radius:8px; background:#fff; color:#121212; font-size:15px;}
.shopping_basket .basket_list .scrollWrap{overflow:auto;}
.shopping_basket .basket_list .paymentView{display:flex; gap:10px; align-items: center; justify-content: flex-end; height:50px; background:#f0f9ff; font-size:15px; padding:0 20px;}
.shopping_basket .basket_list .paymentView em{font-size:21px; color:#cb3244; font-weight:700;;}
.shopping_basket .basket_list table{width:100%;}
.shopping_basket .basket_list table td{font-size:15px; padding:10px; text-align:center;}
.shopping_basket .basket_list table tr:not(:first-child){border-top: 1px solid #ddd;}
.shopping_basket.on .btn_state button:after{transform: rotate(0deg);}
.shopping_basket.on > .inner{border-top:0; border-top-left-radius:0;}
.shopping_basket.on .basket_list > .inner{height:385px;}

/* 강좌리스트 우측 플루팅 */
.floatingUi_lectureList {position: absolute; overflow: hidden; right: 0; top: 225px; z-index: 9;}
.floatingUi_lectureList.onFixdmenu {position: fixed !important; top: 0 !important;}
@media all and (min-width:1900px){.floatingUi_lectureList{left: 50%; margin: 0 0 0 700px;}}


/* 우측 플루팅 */
.floatingUi_r{position:fixed; right:20px; top:50%; transform:translateY(-40%); letter-spacing:-1px; width:182px; display:flex; flex-wrap: wrap; justify-content: center; gap:8px; z-index:999;}
.floatingUi_r > div{width:100%;}
.floatingUi_r > div > a{font-weight:500; display:flex; align-items: center; justify-content: center; gap:5px;}
.floatingUi_r .type1{border:1px solid #121212; border-radius:10px; overflow:hidden;}
.floatingUi_r .type1 > a{font-size:18px; color:#121212; height:50px; margin:0 0 0 -6px; background:#fff url(/_common/layoutFiles/floatingUi_r/img/ico_floatingUi_r_arrow_b.png) no-repeat right 12px center;}
.floatingUi_r .type1 > a.on{color:#fff; background:#121212 url(/_common/layoutFiles/floatingUi_r/img/ico_floatingUi_r_arrow_w.png) no-repeat right 12px center;}
.floatingUi_r .type1 > a:not(:first-child){border-top:1px solid #121212;}
.floatingUi_r .type2{border:1px solid #121212; border-radius:10px; overflow:hidden;}
.floatingUi_r .type2 > a{font-size:18px; color:#fff; font-weight:500; height:50px; background:#203788;}
.floatingUi_r .type2 > a:not(:first-child){border-top:1px dashed #5869a6;}
.floatingUi_r .type3{border:1px solid #ed3535; border-radius:10px; overflow:hidden;}
.floatingUi_r .type3 > a{font-size:18px; color:#121212; font-weight:500; height:50px; background:#fff;}
.floatingUi_r .type3 > a span{color:#ed3535;}
.floatingUi_r .type4{background:#ed3535; border-radius:10px; padding:0 10px 10px; overflow:hidden;}
.floatingUi_r .type4 .tit{font-size:20px; color:#fff; font-weight:500; text-align:center; padding:14px 0;}
.floatingUi_r .type4 > a{height:42px; background:#121212 url(/_common/layoutFiles/floatingUi_r/img/ico_floatingUi_r_arrow_w.png) no-repeat right 12px center; border-radius:10px;}
.floatingUi_r .type4 > a span{font-size:16px; color:#fff; font-weight:500; margin:0 0 0 -6px;}
.floatingUi_r .top{width:73px; height:30px; line-height:29px; padding:0 14px 0 31px; border-radius:90px; background:#121212 url(/_common/layoutFiles/floatingUi_r/img/ico_floatingUi_r_arrow_top_w.png) no-repeat 15px center;}
.floatingUi_r .top > a{font-size:14px; color:#fff; font-weight:500;}
.floatingUi_r.onFixdmenu {position: fixed; top:0; margin:0;}
@media all and (min-width:2500px) {
	.floatingUi_r{left:50%; margin:0 0 0 1062px;}
}
.floatingUi_r.left{right:auto; left:20px;}
@media all and (min-width:2500px) {
	.floatingUi_r.left{left:50%; margin:0 0 0 -1062px;}
}

/* 초등맛보기 레이어팝업 */
#layerPop_ele_exercise {position: fixed;left: 0;top: 0;width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 99999; }
#layerPop_ele_exercise .inner {position: relative; top: 1%; z-index: 2;width: 905px;opacity: 0;transition: all .3s; } 
#layerPop_ele_exercise .inner.on {top: 0;opacity: 1; } 
#layerPop_ele_exercise .inner>div {overflow: hidden;border: 4px solid #000;border-radius: 10px; } 
#layerPop_ele_exercise .inner>div > .tit {padding: 18px 46px 18px 15px;background-color: #333;border-radius: 4px 4px 0 0;font-weight: 700;font-size: 22px;color: #fff; } 
#layerPop_ele_exercise .inner>div .con {position:relative; background-color: #fff; } 
#layerPop_ele_exercise .inner .btn_close{position: absolute;top: -20px;right: -25px; } 
#layerPop_ele_exercise .dim1 {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.7;z-index: 1; }