@charset "utf-8";

::-webkit-input-placeholder {color:#999;}
::-moz-placeholder {color:#999;} /* firefox 19+ */
:-ms-input-placeholder {color:#999;} /* ie */
input:-moz-placeholder {color:#999;}

img { 
    image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
	image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
}

/*************************************************
	top navi
*************************************************/
.select-live { padding: 0 20px 0 40px; border-right:none; }
.btn-live.disabled span {color:#1cbccb;}
a.btn-live.disabled,
.btn-live.disabled a { background-color:#fff; color:#000; border:1px solid #26356f; font-weight:300; padding:1px 22px 1px 8px; }
a.btn-live.disabled:after,
.btn-live.disabled a:after {background-color:#d9d9d9;-webkit-animation:none;animation:none;}
a.btn-live, .btn-live a { padding:2px 22px 2px 8px; background-color:#009cff; border:none; letter-spacing:1px; font-weight:100; font-size:13px; }
#container .gnb .select-live > .btn-live.disabled { padding:0; }
#container .gnb .btn-notifi strong { background-color:#009cff; }
.select-wrap.s1 > ul { box-shadow:-4px 4px 0 rgba(0,0,0,0.03); }
.select-category03 select { border:0; background-image:url(../img/bg_select_sprite.png); background-repeat:no-repeat; background-size:32px auto; cursor:pointer; }
@-webkit-keyframes livelight {
	0% {background-color:#fe0002;}
	50% {background-color:#fff;}
	100% {background-color:#fe0002;}
	}
@keyframes livelight {
	0% {background-color:#fe0002;}
	50% {background-color:#fff;}
	100% {background-color:#fe0002;}
}

@media (min-width:769px) {
    #container .gnb { border-bottom:none; }
    #container .gnb span.btn-live { padding:0 20px 0 20px;  }
    #container .gnb .btn-login,
	#container .gnb .btn-logout:last-child { margin-right:40px; }
	.select-global > [data-select="btn-open"] { border-right:none; width:55px; }
    .select-category02 { border-right:none; border-bottom:none; max-width:150px; min-width:inherit; margin-right:15px; margin-left:10px; }
    .select-category02 select { padding:4px 20px 6px 10px; margin-left:15px; border:1px solid #222; border-radius:30px; margin-top:14px; background-position:100% -188px; height:32px; }
	.select-category02 select.selected {  border:1px solid #009cff; }
	.select-category02 select:focus {  border:1px solid #009cff; }
	.select-category02 select > option.on {  border:1px solid #009cff; }
    .select-category02 select option:before { content:''; width:6px; height:6px; margin:-3px; position:absolute; top:50%; right:10px; background-color:#ff1823; border-radius:100px; }
	
    .select-category03 { max-width:122px; min-width:inherit; position:absolute; z-index:1001; top:87px; left:100px; height:inherit; margin-right:0; margin-left:0; }
	.select-category03 span { font-size:13px; display:block; margin-left:5px; margin-bottom:3px; }
    .select-category03 select { padding:2px 20px 4px 8px; margin:0; border:1px solid #d4dadf; border-radius:30px; height:26px; background-position:106% -190px; font-size:12px; }
	.select-category03 select.selected {  border:1px solid #009cff; }
	.select-category03 select:focus {  border:1px solid #009cff; }
	.select-category03 select > option.on {  border:1px solid #009cff; }
    .select-category03 select option:before { content:''; width:6px; height:6px; margin:-3px; position:absolute; top:50%; right:10px; background-color:#ff1823; border-radius:100px; }
	
    .tab-type .area-interest { right:15px; }
    .select-wrap.s1 { right:-10px; }
	.select-wrap.s1 > ul { right:10px !important; }
    .page-notification .select-wrap.s1 { right:1.5rem; }
    .page-notification .list-type06 .notice a { border-top:1px solid #e5acb6 !important; }
    .page-notification .list-type06 a { padding:15px 2rem 15px 4.1rem; border-top:1px solid #eee; }
    .page-notification .list-type06 .list-tit strong:before { left:2rem; }
    .page-notification .list-type06 .list-close:before { right:1.4rem; }
    .page-notification .list-type06 .list-cont03 .list-photo { border:1px solid #eee; }
    .page-notification .list-type06 .list-cont03 { border:1px solid #eee; }
    .page-notification .list-type06 .list-cont03 { background-color:#fff; }
    .page-notification .list-type06 .important a { background-color:#fcfcea; }
}

@media (min-width: 769px) and (max-width:1140px){
    .select-live { padding:0 0px 0 40px; }
    .select-global > [data-select="btn-open"] { width:65px; }
    .select-category02 select { margin-left:10px; padding:4px 20px 6px 10px; width:110px; }
    .select-category02 { margin-right:0; }
}

@media (max-width:768px) {
	.select-global > [data-select="btn-open"]:before{background-image:url(../img/bg_icon_sprite@2x.png);}
    a.btn-live { margin:20px 0 0 55px; }
	
	.select-category03 select { width:100%; border-radius:100px; background-color:#ebebeb; text-align:left; }
	.select-category03 { max-width:130px; min-width:inherit; position:absolute; z-index:1001; top:87px; left:105px; height:inherit; margin-right:0; margin-left:0; }
	.select-category03 span { font-size:13px; display:block; margin-left:5px; margin-bottom:3px; }
    .select-category03 select { padding:2px 25px 4px 8px; margin:0; border:none; border-radius:30px; height:26px; background-position:103% -190px; font-size:12px; }
	.select-category03 select.selected {  border:1px solid #009cff; }
}

/******  form select ******/
.select-global [data-select="btn-close"] { color:inherit; font-size:14px; line-height:36px; }
.select-global > [data-select="cont"] { border:1px solid #888; border-radius:2px; }
.select-global > [data-select="cont"]:before { border-right:1px solid #888; border-bottom:1px solid #888; }
.select-global > [data-select="cont"] ul a:hover { background-color:#edf8ff; color:#444; }

.select-type { /*border:1px solid #667281;*/ color:#444; background-color:#fff; }
.select-type option { background-color:#fff; border:1px solid #a5ccd0; color:#444; }

div.select-type.s1 > a { border-bottom:1px solid #009cff; color:#009cff; }

.select-type02 { border-bottom:1px solid #009cff; color:#009cff; }
.select-type02.off {color:#eee;}

.select-type03 { color:#009cff; }

@media (min-width: 769px) {
    div.select-type > .select-cont { border:1px solid #888; border-radius:0; }
}


/****** [FORM SELECT - 텐핑스쿨 전체지점보기] ******/
.select-menu { border-radius:2px; }
.select-menu [data-select="btn-close"] { color:inherit; }
.select-menu > [data-select="cont"] { border:1px solid #888; border-radius:2px; box-shadow:none; }
.select-menu > [data-select="cont"]:before { border-right:1px solid #888; border-bottom:1px solid #888; }
.select-menu > [data-select="cont"] ul a:hover { background-color:#edf8ff; color:#444; }
.select-menu > [data-select="cont"] ul a:after { background-size:500px auto;} 
.select-menu > [data-select="cont"] ul .seomyeon a:after { background-position:-328px 0; }

/*************************************************
	tab type
*************************************************/
[class^=tab-type] { border:none; }
[class^=tab-type] li a, [class^=tab-type] li button { font-size:17px; padding:19px 7px; }
[class^=tab-type] li a:after,
[class^=tab-type] li button:after { height:2px; }

.tab-type { box-shadow:none; }
.tab-type li .on { color:#009cff; }
.tab-type li .on:after { background-color:#009cff; }
.tab-type li:nth-child(3) { padding-left:10px; }
.tab-type li:nth-child(3):before { content:''; width:1px; height:18px; display:inline-block; background-color:#c0c0c0; position:absolute; left:0; top:20px; }

@media (min-width:769px) {
    [class^=tab-type] li button { font-size: 18px; }
    .tab-type li button { padding:18px 15px 18px; }
    .tab-type li a:hover,
	.tab-type li button:hover {color:#009cff;}
    .tab-type li button:hover:after {background-color:#009cff;}
    [class^=tab-type] li button:after { height:2px; } 
    [class^=tab-type] .ranking li .t_league:before { left:-7px; top:-10px; }
}
@media (max-width:768px) {
    .tab-type li .on:after { height:2px; }
    [class^=tab-type] .ranking li .t_league:before { left:-6px; width:115%; top:-10px; }
	.tab-type li:nth-child(3) { padding-left:1.4vw; margin-left:1.4vw; }
	.tab-type li:nth-child(3):before { height:16px; left:0; top:21px; }
}
@media (max-width:375px) {
    [class^=tab-type] li a, [class^=tab-type] li button { font-size:16px; padding:19px 5px; }
}
@media (max-width:320px) {
    [class^=tab-type] li a, [class^=tab-type] li button { font-size:14px; padding:19px 5px; }
	.tab-type + .form-align label { font-size:13px; }
}

.form-align label { padding:10px 0; }
.form-align label.check { font-weight: 500; }
.form-align label.check:after { display:none; }


/*************************************************
	TITLE TYPE
*************************************************/
p.txt-type { margin-top:0.3rem; padding:15px 15px 15px 2rem; }
.tit-type { margin:0 2rem 0; }


/*************************************************
	TEXT TYPE
*************************************************/
/****** [TEXT BASE] ******/
.txt-base { padding:0 2rem 0.8rem; }
.txt-base.notice { padding:1rem 2rem 0.3rem; color:#ef2c6c; display:inline-block; }
.txt-base strong { font-weight:500; color:#26356f; }
.txt-base + .txt-type03 { border:none; }
.txt-type03 { border:none; }
p.txt-type:before { display:none; }
.txt-base2 { padding:10px 10px 0.8rem 10px; }

.page-listPayment ul.txt-type { padding:15px 2rem 15px 2rem; }

.txt-type [class^=btn-type],
.txt-type03 [class^=btn-type] { border-color:#26356f; color:#444; }
.txt-type [class^=btn-type]:hover,
.txt-type03 [class^=btn-type]:hover { background-color:#f6fcff; border-color:#26356f; color:#26356f;}
.txt-type .btn-type,
.txt-type .btn-type:hover { background-color:#f6fcff; color:#26356f; }

.btn-type02.c2 { background-color:inherit; }
.txt-type02.s1 { background-color:#ff5562; }
.txt-type02.s3 { background-color:#26356f; }
.txt-type02.s10 { background-color:#edf8ff; }
.txt-type02.s4 { background-color:#26356f; }
.txt-type02.s4:hover { background-color:#293e90 !important; }

.txt-type02.s13 { background-color:#ef2c6c; }
.txt-type02.s13:hover { background-color:#ef2c6c !important; }
.txt-type02.s13 .btn-detail { position:absolute; top:50%; margin-top:-15px !important; right:30px; font-size:13px; width:auto; height:20px; background:#fff; border-radius:30px; padding:5px 25px 5px 13px !important; color: #222 !important; line-height:1.5; }
.txt-type02.s13 .btn-detail:after { content:''; display:block; position:absolute; top:-2px; right:0px; width:32px; height:32px; background-image:url(../img/bg_shapes_sprite.png); background-repeat:no-repeat; background-position:-64px -160px; background-size:640px auto; }
.txt-type02.s13.bn-sp:before { background-position:-351px -32px; }
.txt-type02.s13.bn-sp:after { display:none; }

@media (min-width:769px) {
    .page-listlecture ul.txt-type { padding:15px 40px 15px 40px; }
	.txt-type02.s13.bn-sp a { padding:15px 150px 15px 42px; }
}
@media (max-width:768px) {
	.txt-type02.s13.bn-sp a { padding:15px 45px 15px 42px; }
	.txt-type02.s13 .btn-detail { position:absolute; float:right; font-size:0; padding:0 !important; margin-top:-10px !important; width:20px; height:20px; top:50%; right:15px; background:#fff; color: #4d1d71; border-radius:30px; }
	.txt-type02.s13 .btn-detail:after { top:-6px; right:-6px; }
	.txt-type02.s13.bn-sp:before { background-position:-351px -32px; }
}


/*************************************************
	list type
*************************************************/
.list-type > li > a { min-height: 147px; }
.list-type .list-tit span { cursor:pointer; }
.list-type.s5 .list-tit { height:2.8em; }
.list-type .list-tit.alert { height:inherit !important; }
.list-type > a > ul.area-icon, .list-type > li > a > ul.area-icon { margin-top:-2px; }

.list-type .group-alert .benefits { max-width:100%; color:#ef2c6c; font-weight:500; word-wrap:normal; margin:5px 17px 6px 17px; position:relative; text-indent:75px; word-break:keep-all; font-size:13px; }
.list-type .group-alert .benefits:before { content: ''; width:75px; height:25px; position:absolute; top:-3px; left:122px; background-image:url(../img/bg_icon_sprite_svg.svg); background-repeat: no-repeat; background-position: -210px -86px; background-size: 800px 1000px; }

.list-type .group-alert .alert { max-width:100%; color:#ef2c6c; font-weight:500; word-wrap:normal; margin:5px 17px 8px 17px; position:relative; text-indent:50px; word-break:keep-all; font-size:13px; }
.list-type .group-alert .alert:before { content: ''; width:50px; height:25px; position:absolute; top:-3px; left:122px; background-image:url(../img/bg_icon_sprite_svg.svg); background-repeat: no-repeat; background-position: -160px -86px; background-size: 800px 1000px; }

.list-type .group-alert .endtime { font-size:13px; }
.list-type .group-alert .endtime { max-width:100%; color:#ef2c6c; font-weight:500; word-wrap:normal; margin:5px 17px 5px 17px; position:relative; text-indent:16px; }
.list-type .group-alert .endtime:before { content: ''; width:25px; height:25px; position:absolute; top:-3px; left:116px; background-image:url(../img/bg_icon_sprite_svg.svg); background-repeat: no-repeat; background-position: -158px -35px; background-size: 800px 1000px; }
.list-type .group-alert .benefits + .alert + .endtime { margin:-3px 17px 5px 17px; }


.list-type .list-photo > img { cursor:pointer; }
.list-type .cont-new .list-photo:before { content:'New'; }
@media (min-width:769px) {
    .list-type > a > ul.area-icon + ul, .list-type > li > a > ul.area-icon + ul { margin-left:142px; margin-bottom:7px; }
}
@media (max-width:768px) {
	.list-type > a > ul,
	.list-type > li > a > ul { padding-left:134px; }
	
	.list-type .group-alert { padding-left:134px; }
	.list-type .group-alert .benefits { margin:5px 17px 5px -1px; display:table; padding-left:0; font-size:12px; line-height:1.5; letter-spacing:-0.05rem }
	.list-type .group-alert .benefits:before { top:-4px; left:-2px; }
	.list-type .group-alert .alert { margin:5px 17px 5px -1px; display:table; padding-left:0; font-size:12px; line-height:1.5; letter-spacing:-0.05rem }
	.list-type .group-alert .alert:before { top:-5px; left:115px; }
	.list-type .group-alert .endtime { margin:5px 17px 5px 0 !important; font-size:12px; }
	.list-type .group-alert .endtime:before { top:-5px; left:-10px; }
	
	.page-main .list-type .group-alert .alert:before { top:-3px; left:-2px; }
}


.icon-txt02 { background-color:#009cff; }

.list-type .icon-txt.s1 { background-color:rgba(255,93,127,0.9);} /* 수익업 */
.list-type .icon-txt.s12 { background-color:rgba(237,20,91,0.9);} /* 스페셜-본인*/
.list-type .icon-txt.s13 { background-color: rgba(147,156,164,0.9);} /* 스페셜-타인*/
.list-type .icon-txt.s3 { background-color:rgba(229,95,26,0.9);} /* 고수 */
.list-type .icon-txt.s4 { background-color:rgba(221,71,74,0.9);} /* 최고수 */
.list-type .icon-txt.s5 { background-color:rgba(138,118,226,0.9);} /* 영웅 */
.list-type .icon-txt.s12 { -webkit-animation:blink 1.2s linear infinite; -moz-animation:blink 1.2s linear infinite; animation:blink 1.2s linear infinite; } /* 독점 */
@-webkit-keyframes blink {
	  0% { background-color:rgba(255,28,124,0.8);}
	 50% { background-color:rgba(178,0,58,0.8);}
	100% { background-color:rgba(237,20,91,0.8);}
}
@keyframes blink {
	  0% { background-color:rgba(255,28,124,0.8);}
	 50% { background-color:rgba(178,0,58,0.8);}
	100% { background-color:rgba(237,20,91,0.8);}
}

.list-type > li,
.list-type > .list-cont { border-bottom:1px solid #dfdfdf; box-shadow:none; margin-top:0; }
.list-type li:first-child { margin-top:7px; }
.list-type > li:last-child { border-bottom:none; }
.list-type .list-photo + dl .txt-nation { top:18px; left:143px; }

.page-registerlist .list-type .list-photo + dl .txt-nation { top:18px; left:163px; }

.list-type > li > a > dl { margin-top:-4px; }
.list-type [class^=txt-cam]:before { width:10px; }
.list-type .txt-nation + dt + dd { margin-left:27px; }
.list-type .cont-new .list-photo:before { padding:0 4px 1px 4px; line-height:inherit; }
.list-type .cont-new .list-photo:after{ display:none; }

.list-type dd.txt-name { font-size:12px; }
.list-type dd.txt-name:before { content:''; width:1px; height:9px; margin:-2px 7px 0 7px; display:inline-block; background-color:#cecece; vertical-align:middle; }

.list-type .list-footer { background-color:#fff; border-top:none; padding-bottom:6px; }
.list-type .list-footer dt { top:33%; left:-29px; color:#999; width:120px; }
.list-type .list-footer dt:before { background-image:none; }

.list-type .list-footer dd p.credit-rating { left:118px; min-width:220px; padding:6px 0px 9px 20px; top:0; }
.list-type .list-footer dd p.special-open { left:118px; min-width:220px; padding:6px 0px 9px 0; top:0; background-color:#26356f; }
.list-type .list-footer dd p.special-open:hover { background-color:#293e90; }
.list-type .list-footer dd p.topday-end { left:118px; min-width:220px; padding:6px 0px 9px 6px; top:0; z-index:8; }
.list-type .list-footer dd p.special-open.review:before { content:none; }

.list-type .list-footer dd p.reviewBtn { 
	position:absolute;
	top:0;
	min-width:220px;
	padding:6px 0px 9px 6px;
	background-color:#9e9e9e;
    color:#fff;
    font-size:14px;
    text-align:center;
    border-radius:30px;
    z-index:10;
    box-sizing:border-box;
}
.list-type .list-footer dd p.reviewBtn.disabled {  }
.list-type .list-footer dd p.reviewBtn.enabled { background-color:#26356f; }
.list-type .list-footer dd p.reviewBtn.enabled:hover { background-color:#293e90; }

.list-type .list-footer dd p.reviewBtn.enabled:after {
    content: '';
    width: 30px;
    height: 25px;
    position: absolute;
    top:4px;
    right:10px;
    background-image: url(../img/bg_icon_sprite_svg.svg);
    background-repeat: no-repeat;
    background-position: -458px -35px;
    background-size: 800px 1000px;
}


/****** [ - CS/ListFAQ CS/ListQnA] ******/
.list-type04 { border-bottom:1px solid #e8e8e8; }
.list-type04 > dt,
.list-type04 .list-tit { border-top:1px solid #e8e8e8; }
.list-type04 > dt a:before { left:2.3rem; color:#009cff; }
.list-type04 .ui-btn-open { background-color:#26356f; }
.list-type04 > dt a, .list-type04 .list-tit { padding:1.18em 44px 1.18em 3.5rem; }
.list-type04 > dt a:after, .list-type04 .list-tit:after { right:1.5rem; }
.list-type04 > dd:before { left:2.4rem; }
.list-type04 > dd, .list-type04 .list-cont { padding:1rem 1.5rem 1rem 3.5rem; }

.list-type07 .txt-state { border:1px solid #009cff; color:#009cff; }

.list-type08 .list-dd { color: #009cff; }
.list-type08 dl { border-top:1px solid #e8e8e8; }

.page-listqna .list-type04 .list-tit dd[class^=icon-state] { left:2rem; background-color:#fff; border:2px solid #009cff; border-radius:50%; color:#009cff; }
.page-listqna .list-type04 > dt a, .list-type04 .list-tit { padding:1.18em 44px 1.18em 5rem; }
.page-listqna .list-type04 > dd, .list-type04 .list-cont { padding:1rem 2rem 1rem 2rem; }
.page-listqna .list-type04 .list-cont dt { margin:0; background-color:#009cff; }
.page-listqna .list-type04 .list-cont dd { color:#009cff; }
.page-listqna .list-type04 .list-cont dl:before { border-top:1px dotted #009cff; }

.page-listqna .list-type04 .list-tit dd.icon-state-complete { left:2rem; background-color:#009cff; border:2px solid #009cff; border-radius:50%; color:#fff; }

@media (min-width:769px) {
    .list-type > li > a { padding:20px 0 0 0; }
    .list-type .list-footer { padding-bottom:15px; text-align:left; }
    .list-type04 > dt a:hover { background-color:#26356f; }
	.list-type.s5 { padding:7px 20px 20px 20px; }
	.list-type.s5 .mark-wrap { max-width:inherit; }
}
@media (max-width:768px) {
    .ribbon { left:10px; top:10px; }
    .list-type .list-photo + dl .txt-nation { top:16px; left:150px; }
	.list-type dd.txt-name { margin-bottom:3px; }
	.list-type dd.txt-name:before { margin:-1px 1px 0 0; width:inherit; height:inherit; background-color:#fff; content:'['; font-size:11px; }
	.list-type dd.txt-name:after { margin:-1px 2px 0 1px; width:inherit; height:inherit; background-color:#fff; content:']'; font-size:11px; }
	
    .list-type04 > dt a, .list-type04 .list-tit { padding:1.18em 44px 1.18em 4.5rem; }
    .list-type04 > dd, .list-type04 .list-cont { padding:1rem 1.5rem 1rem 4rem; }
    .page-listqna .list-type04 > dt a, .list-type04 .list-tit { padding:1.18em 44px 1.18em 7rem; }
    .page-listqna .list-type04 > dd, .list-type04 .list-cont { padding:1rem 2.5rem 1rem 2.5rem; }
	.list-type .list-footer dd p.special-open.review { padding:8px 0px 10px 0px; }
	.list-type dd.txt-name { display:inherit; }
}
@media (max-width:425px) {
    .list-type.s5 .list-photo + dl .txt-nation { left:132px; }
}

.page-main .list-type .icon-txt { width:50px; height:50px; border-radius:50%; top:7px; left:-14px; border:none; }
.page-main .list-type .icon-txt span { transform:none; top:19px; left:-6px; }


/**스페셜 딱지 추가 **/
.list-type > a > ul.area-icon li .icon-special,
.list-type > li > a > ul.area-icon li .icon-special { padding:1px 7px 2px 7px; }
.page-main .list-type > li > a > ul.area-icon li .icon-special { padding:1px 7px 1px 7px; }
.list-type > a > ul.area-icon li .icon-special.s5,
.list-type > li > a > ul.area-icon li .icon-special.s5 {background:#009cff; }
.list-type > a > ul.area-icon li .icon-special.s8,
.list-type > li > a > ul.area-icon li .icon-special.s8 {background:#00b050; }


/****** 소문내기 상단 ******/
.list-type.s5 { border-bottom:none; }
.list-type.s5 .footer-wrap { border-top:none; background-color:inherit; }
.list-type.s5 > a,
.list-type.s5 li > a { max-width:100%; }
.list-type.s5:after { height:0px; border-bottom:none; }

.page-socialmedia { background-color:#e8ecef;  }
.page-socialmedia .ribbon { left:13px; }
.page-socialmedia .list-footer .btn-group { width:300px; }
.page-socialmedia .list-type.s5 .list-footer { max-width:100%; padding-bottom:5px; }
.page-socialmedia .select-wrap.s1 > span { padding-right:10px; }

.page-analytics { background-color:#e8ecef; }
.page-analytics .ribbon { left:13px; }
.page-analytics .list-footer .btn-group { width:300px; }
.page-analytics .list-type.s5 .list-footer { max-width:100%; padding-bottom:5px; }
.page-analytics .select-wrap.s1 > span { padding-right:10px; }
.page-analytics .section { border-top:1px solid #ddd; }
@media (min-width: 1441px) {
	.page-socialmedia .list-footer .btn-group { padding-right:0 !important; text-align:center; }
	.page-analytics .list-footer .btn-group { padding-right:0 !important; text-align:center; }
}
@media (min-width: 769px) {
    .page-socialmedia .list-type .list-photo + dl .txt-nation { left:163px; }
    .page-socialmedia .list-type .list-footer { padding-left:0; }
    .page-socialmedia .list-footer .sns-group { left:160px; }
	.page-socialmedia .list-footer .btn-group { padding-right:20px; }
    .page-socialmedia .list-type .list-footer dt { top:16px; left:-10px; }
    
    .page-analytics .list-type .list-photo + dl .txt-nation { left:163px; }
    .page-analytics .list-type .list-footer { padding-left:0; }
    .page-analytics .list-footer .sns-group { left:160px; }
    .page-analytics .list-type .list-footer dt { top:16px; left:-10px; }
	.page-analytics .list-footer .btn-group { padding-right:20px; }
}
@media (max-width:768px) {
    .page-socialmedia .ribbon { left:10px; }
    .page-analytics .ribbon { left:10px; }
}


/****** live - Home ******/
.list-type.s7 > li { left:40px; right:40px; margin-top:10px; }
.list-type.s7 .list-photo { width:65px; height:65px; }
.list-type.s7 .list-photo + dl .txt-nation { left:88px; top:16px; }
.list-type.s7 > li > a { padding:10px 0 0 0; }
.list-type.s7 > a > dl, .list-type.s7 > li > a > dl { margin-top:5px; }
.list-type.s7 .txt-recentlyDate { right:0; }
@media (max-width:768px) {
    .list-type.s5 .btn-wrap01 { padding:0; background-color:inherit; border:none; }
    .list-type.s5 .list-photo { width:95px; height:95px; }
    .list-type.s5 > a > ul, .list-type.s5 > li > a > ul { margin-top:5px; padding-left:116px; }
    
    .list-type.s7 > li { left:0; right:0; padding:0 17px 0 17px; }
    .list-type.s7 > a > dl, .list-type.s7 > li > a > dl { margin-top:0; }
    .list-type.s7 .list-photo { margin-right:13px; }
    .list-type.s7 .list-photo + dl .txt-nation { left:80px; top:13px; }
    
    .page-main .form-align  { top:141px; z-index:9; }
	.page-main .list-type.search-on { margin-top:-6px }
}

/*** thumbnail ***/
.page-main .form-align { background:#fff; height:43px; }
@media (min-width:769px) {
    .page-main .list-type { padding:0 40px 0 40px; }
	.page-main .list-type.search-on { margin-top:44px; min-height:650px; }
    .list-type .list-photo { width:120px; height:120px; border:1px solid #eee; }
    .page-main .form-align + .txt-type02 { margin-top:43px; }
}

/*** ribbon ***/
.ribbon { top:13px; left:-7px; }
.ribbon::before,
.ribbon::after { border-top-color:transparent; border-left-color:transparent; }
.ribbon::before { top:0; right:19px; }
.ribbon::after { bottom:10px; left:0; }
.ribbon span { right:-28px; top:13px; transform:rotate(-45deg); }

/* 수익업 */
.ribbon.s1 { width:90px; height:81px; overflow:hidden; position:absolute; z-index:2; }
.ribbon.s1::before,
.ribbon.s1::after { position:absolute; z-index:-1; content:''; display:block; border:4px solid #ee4a6c; }
.ribbon.s1 span { position:absolute; display:block; width:180px; padding:4px 0; background-color:#ff5d7f; box-shadow:0 2px 5px rgba(0,0,0,.1); color:#fff; font-size:13px; text-shadow:0 1px 1px rgba(0,0,0,.2); text-align:center; }

/* 고수 */
.ribbon.s3 { width:90px; height:81px; overflow:hidden; position:absolute; z-index:2; }
.ribbon.s3::before,
.ribbon.s3::after { position:absolute; z-index:-1; content:''; display:block; border:4px solid #cc5619; }
.ribbon.s3 span { position:absolute; display:block; width:180px; padding:4px 0; background-color:#f58f1f; box-shadow:0 2px 5px rgba(0,0,0,.1); color:#fff; font-size:13px; text-shadow:0 1px 1px rgba(0,0,0,.2); text-align:center; }

/* 최고수 */
.ribbon.s4 { width:90px; height:81px; overflow:hidden; position:absolute; z-index:2; }
.ribbon.s4::before,
.ribbon.s4::after { position:absolute; z-index:-1; content:''; display:block; border:4px solid #c7373a; }
.ribbon.s4 span { position:absolute; display:block; width:180px; padding:4px 0; background-color:#ec5053; box-shadow:0 2px 5px rgba(0,0,0,.1); color:#fff; font-size:13px; text-shadow:0 1px 1px rgba(0,0,0,.2); text-align:center; }

/* 영웅 */
.ribbon.s5 { width:90px; height:81px; overflow:hidden; position:absolute; z-index:2; }
.ribbon.s5::before,
.ribbon.s5::after { position:absolute; z-index:-1; content:''; display:block; border:4px solid #5b41cd; }
.ribbon.s5 span { position:absolute; display:block; width:180px; padding:4px 0; background-color:#775ee4; box-shadow:0 2px 5px rgba(0,0,0,.1); color:#fff; font-size:13px; text-shadow:0 1px 1px rgba(0,0,0,.2);  text-align:center; }

/* 스페셜 */
.ribbon.s12 { width:90px; height:81px; overflow:hidden; position:absolute; z-index:2; }
.ribbon.s12::before,
.ribbon.s12::after { position:absolute; z-index:-1; content:''; display:block; border:4px solid #b9003c; }
.ribbon.s12 span { position:absolute; display:block; width:180px; padding:4px 0; background-color:#ed145b; box-shadow:0 2px 5px rgba(0,0,0,.1); color:#fff; font-size:13px; text-shadow:0 1px 1px rgba(0,0,0,.2); text-align:center; }
.ribbon.s12 span { -webkit-animation:blink 1.2s linear infinite; -moz-animation:blink 1.2s linear infinite; animation:blink 1.2s linear infinite; } /* 독점 */
@-webkit-keyframes blink {
	  0% { background-color:rgba(255,28,124,1);}
	 50% { background-color:rgba(178,0,58,0.1);}
	100% { background-color:rgba(237,20,91,1);}
}
@keyframes blink {
	  0% { background-color:rgba(255,28,124,1);}
	 50% { background-color:rgba(178,0,58,1);}
	100% { background-color:rgba(237,20,91,1);}
}

/* Locked */
.ribbon.s13 { width:90px; height:81px; overflow:hidden; position:absolute; z-index:2; }
.ribbon.s13::before,
.ribbon.s13::after { position:absolute; z-index:-1; content:''; display:block; border:4px solid #878f96; }
.ribbon.s13 span { position:absolute; display:block; width:180px; padding:4px 0; background-color:#9ea6ad; box-shadow:0 2px 5px rgba(0,0,0,.1); color:#fff; font-size:13px; text-shadow:0 1px 1px rgba(0,0,0,.2); text-align:center; text-indent:-9999px; }
.ribbon.s13 span:before { content:''; display:block; position:absolute; top:60%; left:50%; margin-top:-16px; margin-left:-16px; width:30px; height:26px; background-repeat:no-repeat; background-position:-71px -34px; background-image:url("../img/bg_icon_sprite_svg.svg"); background-size:800px 1000px; }


@media (max-width:768px) {
    .ribbon { left:10px; top:10px; }
}

/*** button sns ***/
.list-footer .sns-group { position:absolute; left:140px; top:0; }
.btn-sns { width:35px; height:35px; margin-right:2px; }
.btn-sns:before { width:35px; height:35px; background-image:url("../img/bg_icon_sprite_svg.svg"); background-size:800px 1000px; }
.list-type.s1 .btn-sns { width:32px; height:32px; margin:3px 0 3px 3px; }
.icon-f:before { background-position:0 0; }
.icon-f:hover { opacity:0.8; }

.icon-n:before { background-position:-35px 0; }
.icon-n:hover { opacity:0.8; }

.icon-t:before { background-position:-70px 0; }
.icon-t:hover { opacity:0.8; }

.icon-k:before { background-position:-105px 0; }
.icon-k:hover { opacity:0.8; }

.icon-message:before { background-position:-190px 0; }
.icon-message:hover { opacity:0.8; }

.icon-message2:before { background-position: -210px 0; }
.icon-message2:hover { opacity:0.8; }

.list-type.s1 .btn-sns:before { margin:0; background-size:720px 900px; }
.s1 .icon-f:before { background-position:0 0; }
.s1 .icon-n:before { background-position:-31px 0; }
.s1 .icon-k:before { background-position:-94px 0; }

/*
.page-shopping #campaign-list .list-footer .sns-group { left:140px; }
.page-shopping #campaign-list .list-footer .btn-group { position:inherit; right:10px; text-align:right; width:352px; }

.page-shopping #campaign-list .list-footer dd .btn-detailView { width:110px; height:inherit; text-indent:inherit; }
.page-shopping #campaign-list .list-footer dd .btn-landingView { width:110px; height:inherit; text-indent:inherit; }
.page-shopping #campaign-list .list-footer dd .btn-resultView { width:110px; height:inherit; text-indent:inherit; }
*/

.page-shopping .list-footer .sns-group { left:5px; }
.page-shopping .list-footer .btn-group { position:absolute; right:10px; width:inherit; text-align:right; }
.page-shopping .list-footer dd .btn-detailView { width:30px; height:30px; text-indent:-9999px; }
.page-shopping .list-footer dd .btn-detailView:before { top:2px; left:4px; width:25px; height:25px; }
.page-shopping .list-footer dd .btn-resultView { width:30px; height:30px; text-indent:-9999px; }
.page-shopping .list-footer dd .btn-resultView:before { top:2px; left:3px; width:25px; height:25px; }

.page-shopping .style2 .list-footer dd .btn-detailView:before { top:3px; left:10px; width:25px; height:25px; }
.page-shopping .style2 .list-footer dd .btn-resultView:before { top:3px; left:10px; width:25px; height:25px; }
@media (max-width:1440px) {
	.page-shopping .style2 .list-footer .btn-group { width:352px !important; float:right; }
    .page-shopping .style2 .page-socialmedia .list-footer .btn-group  { float:inherit; }
}
@media (max-width:1140px) {
    .page-shopping .style2 .list-footer .btn-group { width:116px !important; }
    .page-shopping .style2 .list-footer dd .btn-detailView { width:33px !important; text-indent:-9999px !important; }
    .page-shopping .style2 .list-footer dd .btn-detailView:before { left:5px !important; }
    .page-shopping .style2 .list-footer dd .btn-landingView { width:33px !important; text-indent:-9999px !important; margin-left:4px !important; }
    .page-shopping .style2 .list-footer dd .btn-landingView:before { left:5px !important; }
    .page-shopping .style2 .list-footer dd .btn-resultView { width:33px !important; text-indent:-9999px !important; margin-left:4px !important; }
    .page-shopping .style2 .list-footer dd .btn-resultView:before { left:5px !important; }
}
@media (max-width:768px) {
    .page-shopping .list-type.style2 > li > a { padding:17px 17px 10px 17px !important; }
    .page-shopping .list-type.style2 .list-photo { border:1px solid #eee !important; }
    .page-shopping .list-type.style2 .list-footer { padding-bottom:13px !important;  }
    .page-shopping .list-type.style2 .list-footer dt { left:20px; top:15px !important; }
    .page-shopping .list-type.style2 .list-footer dt:before { width:0px !important; }
    .page-shopping .style2 .list-footer .sns-group { left:82px !important; }
    .page-shopping .style2 .list-footer .btn-group { text-align:right !important; }
    
    .page-shopping .list-type.style2 .list-footer dd p.credit-rating { left:90px !important; padding:8px 0px 10px 20px !important; min-width:196px !important; }
    .page-shopping .list-type.style2 .list-footer dd p.special-open { left:90px !important; padding:8px 0px 10px 20px !important; min-width:176px !important; }
    .page-shopping .list-type.style2 .list-footer dd p.topday-end { left:90px !important; padding:8px 0px 10px 8px !important; min-width:188px !important; }
}
@media (max-width:380px) {
    .page-shopping .list-type.style2 .list-footer dd p.credit-rating { margin-left:-90px !important; min-width:176px !important; }
    .page-shopping .list-type.style2 .list-footer dd p.special-open { margin-left:-90px !important; min-width:156px !important; }
    .page-shopping .list-type.style2 .list-footer dd p.topday-end { margin-left:-90px !important; min-width:167px !important; }
    .page-shopping .list-type.style2 .list-footer .btn-sns { width:35px; height:35px; }
    .page-shopping .list-type.style2 .list-footer .btn-sns:before { width:35px; height:35px; }
    .page-shopping .list-type.style2 .list-footer .icon-k:before { background-position:-105px 0 !important; } 
    .page-shopping .list-type.style2 .list-footer .icon-f:before { background-position:0 0 !important; } 
    .page-shopping .list-type.style2 .list-footer .icon-n:before { background-position:-35px 0 !important; } 
}


.list-footer .btn-group { margin:0 auto; width:352px; text-align:right; }

.list-footer dd .btn-detailView { width:110px; display:inline-block; padding:6px 0px 9px 20px; background-color:#26356f; color:#fff; font-size:14px; text-align:center; border-radius:30px; box-sizing:border-box; position:relative; height:33px; }
.list-footer dd .btn-detailView:before {content:''; display:block; position:absolute; top:3px; left:10px; width:25px; height:25px; background-image:url("../img/bg_icon_sprite_svg.svg"); background-position:0px -35px; background-size:800px 1000px; }
.list-footer dd .btn-detailView:hover { background-color:#293e90; }

.list-footer dd .btn-landingView { width:115px; display:inline-block; padding:5px 0px 8px 20px; background-color:#fff; color:#444; border:1px solid #d4d4d4; font-size:14px; text-align:center; border-radius:30px; box-sizing:border-box; position:relative; margin-left:5px; height:33px; }
.list-footer dd .btn-landingView:before {content:''; display:block; position:absolute; top:3px; left:10px; width:25px; height:25px; background-image:url("../img/bg_icon_sprite_svg.svg"); background-position:-25px -35px; background-size:800px 1000px; }
.list-footer dd .btn-landingView:hover { background-color:#f6fcff; border:1px solid #c7c7c7; }

.list-footer dd .btn-resultView { width:110px; display:inline-block; padding:6px 0px 9px 20px;  background-color:#26356f; color:#fff;  font-size:14px; text-align:center; border-radius:30px; box-sizing:border-box; position:relative; margin-left:5px; height:33px; }
.list-footer dd .btn-resultView:before {content:''; display:block; position:absolute; top:3px; left:10px; width:25px; height:25px; background-image:url("../img/bg_icon_sprite_svg.svg"); background-repeat:no-repeat; background-position:-50px -35px; background-size:800px 1000px; }
.list-footer dd .btn-resultView:hover { background-color:#293e90; }

.list-type .list-footer dd p.credit-rating:before, .page-analytics .list-type .list-footer dd p.credit-rating:before { top:4px; left:10px; margin-top:inherit; width:25px; height:25px; background-image:url("../img/bg_icon_sprite_svg.svg"); background-position:-75px -35px; background-size:800px 1000px; }

.list-type .list-footer dd p.special-open:before, .page-analytics .list-type .list-footer dd p.special-open:before { top:4px; left:10px; margin-top:inherit; width:25px; height:25px; background-image:url("../img/bg_icon_sprite_svg.svg"); background-position:-95px -35px; background-size:800px 1000px; }

@media (max-width:1440px) {
	.list-footer .btn-group { width:352px; float:right; }
}
@media (max-width:1140px) {
    .list-footer .btn-group { width:116px; }
    .list-footer dd .btn-detailView { width:33px; text-indent:-9999px; }
    .list-footer dd .btn-detailView:before { left:5px; }
    .list-footer dd .btn-landingView { width:33px; text-indent:-9999px; margin-left:4px; }
    .list-footer dd .btn-landingView:before { left:5px; }
    .list-footer dd .btn-resultView { width:33px; text-indent:-9999px; margin-left:4px; }
    .list-footer dd .btn-resultView:before { left:5px; }
}
@media (max-width:768px) {
    .list-type > li > a { padding:17px 17px 10px 17px; }
    .list-type .list-photo { border:1px solid #eee; }
    .list-type .list-footer { padding-bottom:13px;  }
    .list-type .list-footer dt { left:20px; top:15px; }
    .list-type .list-footer dt:before { width:0px; }
    .list-footer .sns-group { left:82px; }
    .list-footer .btn-group { text-align:right; }
    
    .list-type .list-footer dd p.credit-rating { left:90px; padding:8px 0px 10px 20px; min-width:196px; z-index:8; }
    .list-type .list-footer dd p.special-open { left:90px; padding:8px 0px 10px 20px; min-width:176px; z-index:8; }
    .list-type .list-footer dd p.topday-end { left:90px; padding:8px 0px 10px 8px; min-width:188px; }
    .page-socialmedia .list-footer .btn-group  { float:right; text-align:right; }
    
    .page-analytics .list-footer .btn-group { text-align:right; float:right; }
}
@media (max-width:380px) {
    .list-type .list-footer dd p.credit-rating { margin-left:-90px; min-width:176px; }
    .list-type .list-footer dd p.special-open { margin-left:-90px; min-width:156px; }
    .list-type .list-footer dd p.topday-end { margin-left:-90px; min-width:167px; }
}

/****** [관심콘텐츠 알림 설정] ******/
.select-wrap.s1 { z-index:8; }
.select-wrap.s1 > ul button.check:hover,
.select-wrap.s1 > ul a:hover,
.select-wrap.s1 > ul button:hover { background-color:#009cff; }

/*** search no data ***/
.txt-nodata { border-bottom:none; box-shadow:none; color:inherit; font-size:16px; }

/****** [BUTTON WRAPPER] ******/
.btn-wrap.s3 { padding:0.25rem 2rem; }


/*************************************************
	BUTTON TYPE
*************************************************/
[class^=btn-type] { background-color:#26356f; border:1px solid #26356f; }
.btn-type:not(span):hover { background-color:#293e90; border-color:#293e90; }

.btn-type[disabled], 
.btn-type[disabled]:hover, 
.btn-type03[disabled], 
.btn-type03[disabled]:hover, 
.btn-type04[disabled], 
.btn-type04[disabled]:hover { background-color:#a4a4a4; border-color:#a4a4a4; color:#fff; }

[class^=btn-type] { background-color: #26356f;border: 1px solid #26356f; font-size:15px; }
.btn-type:not(span):hover { background-color:#293e90; border-color:#293e90; }
.btn-type:active { background-color:#293e90; border-color:#293e90; color:#fff; }

.page-main.page-socialmedia .btn-type02 { color:#26356f; border:2px solid #26356f; }
.page-socialmedia .btn-wrap02 .btn-type02 { background-color:#fff; border-color:#26356f; color:#333; }
.page-socialmedia .btn-wrap02 .btn-type02:hover { background-color:#fff; border-color:#293e90; }
.page-socialmedia .btn-wrap02 .btn-type02:first-child { margin-left:0; }
.page-socialmedia .btn-wrap02 .btn-type02:last-child { margin-right:0; }

.btn-type02 { background-color:#fff; border-color:#26356f; color:#444;}
.btn-type02:hover { background-color:#f6fcff; border-color:#293e90; color:#293e90;}

.btn-select { border-bottom:1px solid #009cff; color:#009cff; }

.btn-excelview { background-color:#26356f; border-color:#26356f; margin-right:10px !important; }
.btn-excelview:hover { background-color:#293e90 !important; border-color:#293e90 !important; }
.btn-excelview:focus,
.btn-excelview:active { background-color:#293e90; border-color:#293e90; }

.btn-registerList { background-color:#26356f; border-color:#26356f; float:right; display:inline-block; width:auto; margin:0; padding:7px 12px; font-size:14px; border-radius:2px; }
.btn-registerList:hover { background-color:#293e90 !important; border-color:#293e90 !important; }
.btn-registerList:focus,
.btn-registerList:active { background-color:#293e90; border-color:#293e90; }

.btn-add { font-size:17px; font-weight:400; }

/*** 소문정보 ***/
.tit-type06 .btn-guide {  border:none; background-color:#009cff; }

@media (min-width:769px) {
	.tit-type04.s1 { padding:2em 40px 0.78em 40px; }
}


/*************************************************
	FORM INPUT
*************************************************/
.input-txt:after { background-color:#009cff; }
.input-txt label { color:#009cff; }
.input-txt input:not([type=checkbox]) { color:#26356f; }
.check-type > label { color:#009cff; }
.input-txt > .txt-time { color:#ff5562; }
.input-txt.s4 > select { border-bottom:1px solid #009cff; }
.check-type.s5 { margin:1em 0 0.714em; font-weight:500; }
.layer-wrap .check-type.s5:after { content:''; background-color:#dfdfdf; height:1px; margin:0.65em 0 -0.3em 0; display:block; }

/*************************************************
	FORM TYPE
*************************************************/
.form-type .form-error { padding: 8px 10px 8px 40px;  background-color:#ff5562; font-size:13px; margin-top:-5px; }
.form-type .form-caution:before,
.form-type .form-error:before { left:8px; top:0; }
.form-type textarea,
.form-type .form-textarea { border-bottom:1px solid #009cff; color:#444; font-size:17px; }
.input-file { border-bottom:1px solid #009cff; }
.input-file > label { color:inherit; }
.input-file > label > strong { border:1px solid #26356f; background-color:#26356f; color:#fff; cursor:pointer; }
.input-add .input-file > label strong { cursor: pointer; background-color:#26356f; }

.input-file > .file-txt { color:#444; }

.input-type > input.s1 { border:2px solid #26356f; }

.form-type02 > .form-search + .btn-wrap01 { background-color:#eee; border-top:1px solid #e8e8e8; }
.form-type02:after { height:0; border-top:1px solid #e8e8e8; }

.form-type03 textarea, .form-type03 .form-textarea { border-bottom:1px solid #009cff; color:#009cff; }

.form-select .check-type label.check { background-color:#009cff; }
@media (max-width:768px) {
	.form-type .form-error { padding:9px 10px 9px 40px; }
    .form-select .check-type label.check { background-color:#009cff; }
}


/*************************************************
	BOX TYPE
*************************************************/
.section:not([style="display:none;"]) + .section { border:none; }
.section:not([style="display:none;"]) + .section:before { border:none; background-color:inherit; }
.page-bg .section:not([style="display:none;"]) + .section:last-child:after { height:0px; border:none; background-color:#fff; }
.list-guide { border:none; }
.section.s1 { padding:0 2rem; }
/****** [ Guide/Index] ******/
.list-guide > a { border-bottom:1px solid #e9e9e9; border-top:none; padding: 2rem 1.5rem 1.5rem 9.3em; }
@media (min-width:769px) {
	.list-guide { padding: 0 40px 0 40px; border:none; }
    .list-guide > a { padding:1.2rem 1.5rem 1rem 100px; }
    .list-guide > a:before { left:0; top:1.1rem; }
}


/*************************************************
	TITLE TYPE
*************************************************/
.tit-type04 { border:none; }
.page-community .tit-type04 { border-bottom: 1px solid #dedede; }


/* Youtube Container */
.cont-guide { padding:1.3rem 1.6rem; }
.cont-guide ul { max-width: 1150px; }
.cont-guide ul li { max-width:290px; }
.cont-guide ul li a:before { max-width:250px; border:none; }

.cont-guide .cont-tit strong  { font-size:12px; }


/***이미지 올리기****/
.input-file-img { padding:0; border:none; }
.input-file-img > label { background:#26356f; }


/****** [FORM CHECK RADIO] ******/
.check-type > label { color:#009cff; }
.check-type02 > label.check { background-color:#009cff; border-color:#009cff; }

/*.radio-type:not(div) {margin:0.75em 1rem 0.625em 0;}*/
.radio-type > label.check:before { background-color:#009cff; box-shadow:0 0 0 1px #009cff; }
.radio-type > input[type=text] {display:inline-block;margin:0 0 2px;width:10rem;border:0;border-bottom:1px solid #00bdcd;border-radius:0;height:1.7em;font-size:14px;color:#00bdcd;vertical-align:baseline;}
.radio-type02 > label.check { border-color:#26356f; background-color:#26356f; color:#fff; }
.btn-bar-group > .radio-type03 label { border:1px solid #26356f; color:inherit; }
.btn-bar-group > .radio-type03 label.check { background-color:#26356f; border-color:#26356f; }
.input-search-wrap .form-control { border:1px solid #26356f; border-right:none; padding:9px 8px 9px 20px; }
.input-search-wrap .controls .btn-search { border-color:#26356f; background-color:#fff; }

/****** [ - CS/IndexCS CS/ListNotice Rnaking/IndexRanking Setting/IndexSetting Seting/ModifyNotification] ******/
.page-indexcs { padding:0 2rem 0 2rem; }
.page-listnotice { padding:0 2rem 0 2rem; }
.page-indexsetting { padding:10px 2rem 50px 2rem; }
.page-indexsetting  .list-type03 > li > a:after { right:-10px; }
.page-indexsetting .list-type03 > li > .check-type02 { right:-5px; }

.page-notisetting .tit-type02 { padding:3rem 2rem 0.5rem; }
.page-notisetting h3.tit-type02 { color:#26356f; font-weight:500; }
.page-notisetting .list-type03 { padding:0 2rem 0 2rem; }
.page-notisetting .list-type03 > .check-type02 { right:1.5rem; }

.page-notisetting .list-type03 > li > .check-type02 { right: -10px; }

.list-type03 > .list-tit,
.list-type03 > strong,
.list-type03 > li > strong,
.list-type03 > li > label,
.list-type03 > li > a { padding:0.93em 0 0.93em 0; }
.list-type03 li > a > em  { color:#009cff; padding-right:25px; }
.list-type03 li:last-child { border-color:#e1e1e1; }
.list-type03 + p { padding:0.92em 2rem 0.84em 2rem; }
div.list-type03 > ul { margin:0; }
.list-type03 li > a > strong:before { display:none; }
.list-type03 > li > a:after { right:-8px; }

.list-type03 dl.list-cont dt > .relation.me { background-color:#009cff; }
.list-type03 dl.list-cont dt > .me:before { border-right:6px solid #009cff; }
.list-type03 dl.list-cont.me:before { background-color:#edf8ff; }

.list-type03 dl.list-cont dt > .relation.junior.su1 { background-color:#0d3fd6; }
.list-type03 dl.list-cont dt > .relation.junior.su2 { background-color:#00c300; }
.list-type03 dl.list-cont dt > .relation.junior.pu1 { background-color:#dd112b; }
.list-type03 dl.list-cont dt > .relation.junior.pu2 { background-color:#e39800; }

.list-type03 dl.list-cont dt > .junior.su1:before { border-right: 6px solid #0d3fd6; }
.list-type03 dl.list-cont dt > .junior.su2:before { border-right: 6px solid #00c300; }
.list-type03 dl.list-cont dt > .junior.pu1:before { border-right: 6px solid #dd112b; }
.list-type03 dl.list-cont dt > .junior.pu2:before { border-right: 6px solid #e39800; }

.page-bg .list-type03:after { display:none; }

.page-listnotice .list-type03 > li > a { padding:0.93em 1rem 0.93em 1rem; }
.page-listnotice .list-type03 > li > a:after { right:0.4rem; }
.page-listnotice .list-type03 li > a > strong { background-color:#edf8ff; }

.list-type05:after { display:none; }
.list-type05 > li { border-bottom:1px solid #e8e8e8; }

.list-type05 .type1 > p strong,
.list-type05 .type1 > a > p strong { color:#009cff; }

.list-type05 li > p strong,
.list-type05 a > p strong { color:#26356f; }

.list-type06 + .txt-type:after { display:none; }

@media (min-width: 769px) {
    .page-ranking .list-type03 li.change-rank .mark-rank { left:48px; }  
    ol.list-type03 li:before { left:40px; }
    ol.list-type03 li { padding: 1.07em 1.21em 1.07em 4.6rem; }
}
@media (max-width: 768px) {
	ol.list-type03 li:nth-child(3) ~ li:before { letter-spacing:-1px; }
}
/****** [ - Academy/ListLecture Lounge/Mailbox] ******/
.list-type07 { padding:0 2rem; border:none; }


/****** [PAGINATION] ******/
.btn-pagination a:hover,
.btn-pagination strong { border-color:#26356f; background-color:#26356f; }


/***********************************************************************
	UI 제이쿼리 CSS
***********************************************************************/
/****** [CALENDAR] ******/
.ui-datepicker .ui-datepicker-header { color:#444; }
.ui-datepicker .ui-icon-circle-triangle-w:before { border-right:1px solid #444; border-top:1px solid #444;}
.ui-datepicker .ui-icon-circle-triangle-e:before { border-left:1px solid #444; border-bottom:1px solid #444;}
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-datepicker-today a { background-color:#009cff !important; color:#fff !important; }
.ui-datepicker .ui-datepicker-prev:hover { background-color:#fff !important; }
.ui-datepicker .ui-datepicker-next:hover { background-color:#fff !important; }


/*************************************************
	CONT TYPE
*************************************************/
.cont-type02 { padding:0 2rem; }
.cont-type06:after {  height:0; border-top:1px solid #e8e8e8; }

@media (min-width:641px) {
	.cont-type05 p { padding-bottom:30px; }
}
@media (max-width:640px) {
	.cont-type05 p { height:38px; }
}

/***********************************
ui-month- 월별 날짜 
************************************/
.ui-datepicker.ui-month .ui-datepicker-header select { color:#009cff; }
.ui-datepicker.ui-month td:hover { background-color:#009cff !important; }
#layerProfile .section-cont .box-type05 .wrap-date .input-txt.month div.input-date-month { color:#009cff; }


/*************************************************
	trems
*************************************************/
#header.header-common { background-color:#26356f; }


/*************************************************
	BANNER TYPE
*************************************************/
.banner-txt02 { background:none; background-color:#26356f; }
.banner-txt02 .list-cont  { padding:20px 11rem 20px 2rem; }

.bnr-txt-tit { background:none; background-color:#26356f; }
.bnr-txt-tit h3 { padding-left:2rem; }
.bnr-txt-tit:after { right:1.6rem; } 
.banner-txt02 .list-price { right:5rem; }
.banner-txt02:after { right:1.6rem; }

.area-list .list-cont { padding:20px 2rem 20px 2rem; }
.area-list .list-price { right:2rem; color:#009cff; font-weight:500; }
.area-list { background-color:#edf8ff; }
.area-list li { border-top:1px solid #d0eaff; }

.btn-more.s1 { background-color:#f6f6f6; color:#444; }
.btn-more.s1:hover { background-color:#26356f; color:#fff; }
@media (max-width:768px) {
	.banner-txt02 .list-cont .list-tit { width:21rem; }
	.banner-txt02 .list-price { right:5rem; }
	.area-list .list-cont { padding: 20px 7.5rem 20px 2rem; }
}
@media (max-width:375px) {
	.banner-txt02 .list-cont .list-tit { width:16rem; }
}
@media (max-width:320px) {
	.banner-txt02 .list-cont .list-tit { width:13rem; }
}


/*************************************************
	BOX TYPE
*************************************************/
.box-type04 { background-color:#edf8ff; }


/*************************************************
	TABLE TYPE
*************************************************/
.tbl-type > tbody tr.st-th02 td { background-color:#edf8ff; }
.tbl-type > thead th { text-align:center; }


/*************************************************
	LAYER POPUP
*************************************************/
.layer-wrap .layer-txt-type04.s2 .check-type > label { color:#009cff; }

.layer-wrap.type2.style2 { max-height:520px; }
.layer-wrap.type2 .layer-container { height:inherit; padding:0 30px 30px 30px; }
.layer-wrap.layer-warning03.type2 .detail { background-color:#fdead8; padding:10px 15px; margin-top:20px; }
.layer-wrap.layer-warning03.type2 .detail h3 { color:#26356f; font-size:16px; }
.layer-wrap.layer-warning03.type2 .txt-base2 a { color:#26356f; font-weight:500; }
.layer-wrap.layer-warning03.type2 .layer-tit.type2 { margin-top:30px; margin-bottom:-10px; }
.layer-wrap.layer-warning03.type2 .layer-tit.type2:before { display:none; }
.layer-wrap.layer-warning03.type2 .form-type { padding:10px; }
.layer-wrap.layer-warning03.type2 .tit-type05 { font-size:16px; padding-top:3em; }
.layer-wrap.layer-warning03.type2 textarea { background-color:transparent; }
.layer-wrap.layer-warning03.type2 .btn-delete:before { background-position:-128px 0; }

.layer-wrap.layer-warning03.type2 #layerRegisterTel .check-box { background-color:#fdead8; }
.layer-wrap.layer-warning03.type2 #layerRegisterTel .form-control { background-color:#fdead8; }
.layer-wrap.layer-warning03.type2 #layerRegisterTel .check-input { color:#444; }
.layer-wrap.layer-warning03.type2 #layerRegisterTel .form-control { border-color:#888; }
.layer-wrap.layer-warning03.type2 .input-txt label { color:#888; }
.layer-wrap.layer-warning03.type2 .input-txt:after { background-color:#888; }
.layer-wrap.layer-warning03.type2 .input-txt.focus:after { background-color:#26356f; }
.layer-wrap.layer-warning03.type2 .form-type textarea { border-bottom:1px solid #888; }
.layer-wrap.layer-warning03.type2 .form-type textarea:focus { border-bottom:1px solid #26356f; }
.layer-wrap.layer-warning03.type2 .input-file { border-bottom:1px solid #888; }
@media (max-width:768px) {
	.layer-wrap.type2.style2 { max-height:550px; }
	.layer-wrap.type2 .layer-container { height:inherit; padding:0 15px 15px 15px; }
	.layer-wrap.layer-warning03.type2 #layerRegisterTel .check-type { font-size:14px; }
	.layer-wrap.layer-warning03.type2 #layerRegisterTel .check-box { padding:5px; }
}
 

/***************************************************************
	[frame-error]
***************************************************************/
#space canvas { /*background-color:#10131c*/ background-color:#161d39 !important; /*background-image:radial-gradient(circle, #161d39, #121832);*/ }
#space canvas { width:100%; height:100%; position:absolute; z-index:2; }
body.neterror { background-color:#161d39; }
.frame-error { position:absolute; z-index:3; width:380px; top:35%; left:50%; margin-left:-190px; text-align:center; }
.frame-error .message span { font-size:22px; color:#91f7a6; font-weight:500; }
.frame-error .message p { margin-top:10px; line-height:24px; color:#c2c2c2; font-size:15px; }
.frame-error.not-found .message:before { content:''; max-width:170px; height:72px; margin:0 auto 1.5rem; display:block; background-image:url(../img/img_error_404.png); background-repeat:no-repeat; background-position:0 0; background-size:100% auto; }
.frame-error.server-error .message:before { content:''; max-width:270px; height:72px; margin:0 auto 1.5rem; display:block; background-image:url(../img/img_error_server.png); background-repeat:no-repeat; background-position:0 0; background-size:100% auto; }
.btn-index { background-color:transparent; border:1px solid #fff; padding:8px 30px 10px; color:#fff; font-size:13px; text-align:center; box-sizing:border-box; border-radius:100px; font-weight:500; opacity:0.6; margin-top:20px; display:inline-block; text-transform:uppercase; letter-spacing:1px; }
.btn-index:hover { opacity:0.9; }
.frame-error .btn-type.s1 { max-width:150px; margin:0 auto; margin-top:20px; }
.frame-error .btn-type.s2 { max-width:150px; margin:0 auto; margin-top:20px; }
/****** responsive & retina specific ******/
@media (max-width:767px) {
	.frame-error { width:100%; top:28%; left:inherit; margin-left:inherit; }
    .frame-error .message span { font-size:18px; }
    .frame-error .message p { font-size:12px; font-weight:300; margin-top:10px; line-height:24px; color:#c2c2c2; }
    .frame-error.not-found .message:before { max-width:150px; height:72px; margin:0 auto 1.5rem; }
    .frame-error.server-error .message:before { max-width:220px; height:72px; margin:0 auto 1.5rem;  }
}

/***************************************************************
	[ITEM DISPLAY]
***************************************************************/
@media (min-width:769px) {
	.item-responsive.item-m { display:none; }
	.item-responsive.item-d { display:block; }
}
@media (max-width:767px){
	.item-responsive.item-m { display:block; }
	.item-responsive.item-d { display:none; }
}