@charset "utf-8";

/*************************************************
	WIDTH
*************************************************/
.wid100 {width:100% !important;}


/*************************************************
	UI SCRIPT
*************************************************/
.ui-toggle .ui-cont {display:none;}
.ui-toggle .ui-cont.ui-toggle-open {display:block;}
.ui-togglemulti .ui-cont {display:none;}
.ui-togglemulti .ui-cont.ui-toggle-open {display:block;} 
.swiper-container-horizontal {overflow:hidden;}
.swiper-wrapper {position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;margin:0 auto;box-sizing:content-box;}
.swiper-slide {position:relative;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;}


/*
@media (max-width:320px) {
	.swiper-wrapper {margin:0;}
}
*/
/*************************************************
	LOADING
*************************************************/ 
#loading {display:none;width:100%;height:100%;position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0,0,0,0.75);font-size:0;line-height:0;z-index:1000000;}
#loading:before {content:'';width:70px;height:70px;margin:auto;display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.85);background-image:url(../img/loading.gif);background-repeat:no-repeat;background-position:50% 50%;background-size:28px auto;border-radius:5px;}
.loading {width:100% !important;height:100%;position:relative;}
.loading .spinner {width:70px;height:70px;margin:-35px 0 0 -35px;background:rgba(0,0,0,0.8);border-radius:5px;position:absolute;top:50%;left:50%;}
.loading .spinner:before {content:'';width:28px;height:28px;display:block;position:absolute;left:21px;top:21px;background-image:url(../img/loading.gif);background-size:28px;background-repeat:no-repeat;}
/**텐핑라이브**/
#loading-connect,
#loading-connect-fail {display:none;width:100%;height:100%;position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(256,256,256,0.5);font-size:0;line-height:0;z-index:1000000;}
#loading-connect:before {content:'';width:250px;height:250px;margin:auto;display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#4b509d;background-image:url(../img/loading-connect.gif?version=201802061440);background-repeat:no-repeat;background-position:50% 50%;background-size:250px auto;border-radius:50%;}
#loading-connect em {width:250px;height:60px;line-height:1.4;margin:auto;display:block;position:absolute;top:120px;left:0;right:0;bottom:0;color:#fff;font-size:18px;font-weight:300;text-align:center;}
/**텐핑라이브 :서버 연결 끊김 **/
#loading-connect-fail:before {content:'';width:250px;height:250px;margin:auto;display:block;position:absolute;top:-55px;left:0;right:0;bottom:0;background-color:#4b509d;background-image:url(../img/loading-connect-fail.gif?version=201802061440);background-repeat:no-repeat;background-position:50% 50%;background-size:250px auto;border-radius:50%;}
#loading-connect-fail div {width:200px;height:60px;line-height:1.4;margin:auto;display:block;position:absolute;top:50px;left:0;right:0;bottom:0;color:#fff;font-size:18px;font-weight:300;text-align:center;}
#loading-connect-fail div .wrap-btn {width:150px;margin:0 auto;margin-top:65px;display:block;}

/* Home */
.loading-list {width:100%;height:60px;padding-left:0;display:none;position:relative;}
.loading-list .spinner {width:40px;height:60px;margin:0 auto;position:relative;}
.loading-list .spinner:before {content:'';width:28px;height:28px;display:block;position:absolute;left:6px;top:16px;background-image:url(../img/loading_gray.gif);background-size:28px;background-repeat:no-repeat;}

/*** desctop ***/
@media (min-width:769px) {
	#loading-connect:before,
	#loading-connect-fail:before,
	#loading-connect em {left:250px;}
	#loading-connect-fail div{left:250px;}
}

/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	#loading:before,
	.loading .spinner:before {background-image:url(../img/loading@2x.gif);}
	.loading-list .spinner:before {background-image:url(../img/loading_gray@2x.gif);}
	#loading-connect:before{background-image:url(../img/loading-connect@2x.gif?version=201802061440);}
	#loading-connect-fail:before {background-image:url(../img/loading-connect-fail@2x.gif?version=201802061440);}
}

/*************************************************
	ICON
*************************************************/
/****** [ICON ETC] ******/
.icon-paypal {width:96px;height:32px;background-image:url(../img/bg_logo_sprite.png);background-repeat:no-repeat;background-position:-160px -64px;background-size:640px auto;font-size:0;line-height:0;}
.icon-kakaoopen,
.icon-cafe,
.icon-tenping,
.icon-fbacademy {margin:0.42em 0;padding:5px 0 5px 40px;display:inline-block;position:relative;color:#777;font-size:16px;}
.icon-kakaoopen:before,
.icon-cafe:before,
.icon-tenping:before,
.icon-fbacademy:before {content:'';width:32px;height:32px;display:block;position:absolute;top:0;left:0;background-image:url(../img/bg_icon_sprite.png?version=201903251400);background-repeat:no-repeat;background-position:0 -267px;background-size:640px auto;}
.icon-tenping:before {background-position:-32px -267px;}
.icon-fbacademy:before {background-position:-64px -267px;}
.icon-kakaoopen:before  {background-position:-96px -267px;}
/****/
.txt-favicon{position:relative;height: 20px; padding-left:25px;padding-top: 5px; color:#555;font-size:14px;}
.txt-favicon {color:#555;}
.txt-favicon:before {content:'';width:32px;height:32px;margin:-12px 0 0 -10px;display:inline-block;position:absolute;top:50%;left:0;
background-image:url(../img/bg_icon_sprite.png?version=201809041652);background-repeat:no-repeat;background-position:-448px -299px;background-size:640px auto;vertical-align:middle;}
.txt-favicon.daum:before{background-position:-224px -267px;}
.txt-favicon.kakaoopen:before{background-position:-128px -267px;}
.txt-favicon.naver:before{background-position:-384px -267px;}
.txt-favicon.naverblog:before{background-position:-192px -267px;}
.txt-favicon.band:before{background-position:-320px -267px;}
.txt-favicon.tstory:before{background-position:-480px -299px;}
.txt-favicon.youtube:before{background-position:-512px -299px;}



/*** mobile ***/
@media (max-width:768px) {
	.icon-kakaoopen,
	.icon-cafe,
	.icon-tenping,
	.icon-fbacademy {font-size:13px;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.icon-paypal {background-image:url(../img/bg_logo_sprite@2x.png);}
	.icon-cafe:before,
	.icon-cafe:before,
	.icon-tenping:before,
	.icon-fbacademy:before,
	.txt-favicon:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201903251400);}
}

/****** [ICON MEMBERS] ******/
.icon-mem {width:64px;height:64px;display:inline-block;font-size:0;line-height:0;}
.icon-mem:before {content:'';width:100%;height:100%;display:inline-block;background-image:url(../img/bg_marketer_sprite.png);background-repeat:no-repeat;background-position:0 0;background-size:320px auto;}

/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.icon-mem:before {background-image:url(../img/bg_marketer_sprite@2x.png);}
}

/****** [ICON NEW] ******/
.icon-new {width:5px;height:5px;display:block;border-radius:10px;background-color:#f1457e;color:#fff;font-size:0;line-height:0;text-align:center;}
.icon-new.s1 {width:auto;height:auto;line-height:1.42857143;margin:-3px 0 0 10px;padding:2px 5px;display:inline-block;border-radius:100px;font-size:10px;vertical-align:middle;}

/****** [ICON STATE] ******/
.icon-txt02 {min-width:48px;padding:3px 7px;display:inline-block;border-radius:10px;background-color:#00bdcd;color:#fff;font-size:12px;font-weight:normal;text-align:center;}
.icon-txt02.s1 {background-color:#b1b8c2;}
.icon-txt02.s2 {background-color:#d0d4da;}
.icon-txt02.s3 {background-color:#ff5f7b;}
.icon-txt02.s4 {background-color:#ffae00;}
.icon-txt02.s5 {background-color:#8ed344;}

.marketer-type {display: inline-block;margin:2px 0;position: relative;color:#fff; font-size:11px; padding:2px 5px; border-radius: 30px;}
.marketer-type.pro{background-color: #6a3cca;}
.marketer-type.inhouse{background-color: #344f9b;}
.marketer-type.pt{background-color: #0f98d9;}
.marketer-type.manager{background-color: #eb7d3e;}



/*************************************************
	TITLE TYPE
*************************************************/
.tit-type {line-height:1.39;margin:0 1.5rem 0;padding-top:1.56em;color:#222;font-size:25px;font-weight:300;overflow:hidden;}
.tit-type h1,
.tit-type h2,
.tit-type h3,
.tit-type h4,
.tit-type h5,
.tit-type h6 {float:left;margin-bottom:15px;font-weight:inherit;}
.tit-type:after,
.tit-type h1:after,
.tit-type h2:after,
.tit-type h3:after,
.tit-type h4:after,
.tit-type h5:after,
.tit-type h6:after {content:'';width:1.52em;height:1px;margin:0.6em 0 0.96em;display:block;background-color:#222;}
div.tit-type:after {display:none;}
.tit-type .tit-pos {float:right;}
.tit-type .btn-link {font-size:18px;}
.tit-type.s1 {font-size:19px;}
.tit-type.s3 {font-size:19px;}
.tit-type.s4{font-size:22px;}
.tit-type.s3:after {background-color:transparent;}
.tit-type02 {padding:0.3rem 1.5rem 0.9rem;color:#333;font-size:17px;font-weight:400;}
.tit-type03 {margin:1.1em 0 0.8em;color:#222;font-size:20px;font-weight:300;}
.tit-type03.s1 {margin:0em 0 0.3em;color:#fff;font-size:22px;font-weight:300;}
.tit-type03.s2 {margin:0em 0 0.3em;font-size:22px;}
.tit-type03.s3{margin:0; font-size: 17px;}
.tit-type04 {margin-bottom:0.73em;padding:1em 0 0.78em;border-bottom:1px solid #dedede;color:#222;font-size:19px;font-weight:400;}
.tit-type04.s1{margin-bottom: 0; padding:1em 0 0.78em 1em;}
.tit-type05 {margin:0.73em 0;padding:1em 0 0.78em;color:#222;font-size:19px;font-weight:400;}
.tit-type06 {margin:20px 0 10px;padding:20px 0 0 10px;position:relative;color:#222;font-size:21px;font-weight:300;}
.tit-type06:before {content:'';width:2px;height:12px;margin:4px 0;display:block;position:absolute;top:50%;left:0px;background-color:#0c4f84;}
.tit-type06.s1 {margin:10px 0 5px;padding:0 0 0 10px;}
.tit-type06.s1:before {margin:-6px 0;}
.tit-type06 .tit-pos {float:right;}
.tit-type06 + .txt-base {padding:0 0 10px 10px;}
.tit-type06 .btn-guide {width:20px;height:20px;line-height:1.428567143;display:inline-block;position:relative;top:3px;border:1px solid #18acc5;border-radius:100px;background-color:#26bad3;color:#fff;font-size:12px;font-weight:bold;text-align:center;}
.tit-type06 .btn-guide:before {content:'?';width:20px;height:20px;margin:0px;position:absolute;top:1px;left:0;}

.tit-type.icon {margin:0 auto 0.5em;width: 100%;text-align: center;}
.tit-type.icon:before {content:'';width:96px;height:96px;margin:0 auto 8px;display:block;background-image:url(../img/bg_iconlayer_sprite.png?version=201901241400);background-repeat:no-repeat;background-position:-384px  0;background-size:640px auto;}
.tit-type.icon:after {content:'';width:1.52em;height:1px;margin:0.6em auto 0.6em;display:block;background-color:#222;}

/*** mobile ***/
@media (max-width:768px) {
	.tit-type {font-size:19px;}
	.tit-type .btn-link {font-size:12px;}
	.tit-type.s1,
	.tit-type02 {font-size:15px;}
	.tit-type03{font-size:17px;}
	.tit-type03.s1,
	.tit-type03.s2{font-size:18px;}
	.tit-type04 {font-size:16px;}
	.tit-type05 {font-size:16px;}
	.tit-type06  {font-size:18px;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.tit-type.icon:before {background-image:url(../img/bg_iconlayer_sprite@2x.png?version=201901241400);}
}

/*************************************************
	TEXT TYPE
*************************************************/
/****** [TEXT BASE] ******/
.txt-base {line-height:1.7em;padding:0 1.5rem 0.8rem;color:#777;font-size:14px;}
.txt-base.icon-tip {position: relative; padding:0.5rem 0.5rem 0.5rem 50px;  line-height: 1.5;}
.txt-base.icon-tip em:before {content:'TIP'; position: absolute; left:10px;top:10px; padding:2px 8px;  line-height: 1.5; font-size:12px;font-weight: 400; background: #27b0a8; color:#fff;border-radius: 3px;}
.txt-base strong {font-size:16px;}
.txt-base em {color:#555;font-weight:bold;}
.txt-base dt,
.txt-base dd {display:inline-block;vertical-align:middle;}
.txt-base dd {color:#555;font-weight:700;}
.txt-base dd + dt:before {content:'';width:1px;height:10px;margin:-3px 5px 0 1px;display:inline-block;background-color:#bcbcbc;vertical-align:middle;}
.txt-base.s1 {color:#999;}
.txt-base.s2 {color:#4b688c;}
.txt-base.s3 {padding:0.8rem 1.5rem 0.8rem;}
.txt-base.s4 {padding:8px 0 20px 0;}
.txt-base.s5 {margin:0 auto; padding:15px 0;text-align:center;}
.txt-base + .txt-base {margin-top:-0.5rem;}
.tit-type + .txt-base {margin-top:-0.57em;}
.txt-base [class^=btn-type] {margin:-2px 2px 0;padding:2px 11px 3px;border-color:#4b688c;color:#4b688c;font-size:12px !important;}
.txt-base [class^=btn-type]:hover {border-color:#4b688c;background-color:#4b688c;color:#fff;}

/*** mobile ***/
@media (max-width:768px) {
	.txt-base {font-size:12px;}
	.txt-base.icon-tip {padding:0.5rem 0.5rem 0.8rem 45px;}
	.txt-base.icon-tip em:before{font-size:11px;padding:1px 6px;top:6px;}
	.txt-base strong {font-size:14px;}
	dl.txt-base {display:block !important;overflow:hidden;}
	.txt-base dt {float:left;margin-right:5px;display:block;clear:left;}
	.txt-base dd {display:block;}
	.txt-base dd + dt:before {display:none;}
}

/****** [TEXT TYPE] ******/
p.txt-type {line-height:1.6;margin-top:0.45rem;padding:15px 15px 15px 29px;position:relative;color:#666;font-size:14px;}
p.txt-type:before {content:'';width:4px;height:4px;display:block;position:absolute;top:25px;left:15px;border-radius:100px;background-color:#666;}

ul.txt-type {margin-top:10px;padding:15px;}

div.txt-type {padding:15px;background-color:#f0f0f0;}
div.txt-type.s1 {background-color:#e8ecef;}
div.txt-type.s4 {padding:25px;background-color:#f0f0f0;}
div.txt-type.s4 h6.tit-type {font-size:18px;}
div.txt-type.s4 h6.tit-type,
div.txt-type.s4 ul {max-width:100%;}
div.txt-type.s5 {background-color: #fff;margin:10px 0;}

div.txt-type .tit-type {max-width:700px;margin:0 auto;padding-top:0;}
div.txt-type .tit-type {margin-top:6px;font-weight:400;}
div.txt-type.s2 h4.tit-type {max-width:900px;}
div.txt-type p + ul {margin-top:5px;padding-left:15px;}
div.txt-type p + ul li {margin-top:2px;padding-left:8px;color:#999;}
div.txt-type p + ul li:before {content:'-';width:auto;height:auto;top:0;background:none;border-radius:0;}

.txt-type p {line-height:1.6;margin-top:10px;padding-left:15px;position:relative;color:#666;font-size:14px;}
.txt-type p:before {content:'';width:4px;height:4px;display:block;position:absolute;top:10px;left:0px;border-radius:100px;background-color:#666;}

.txt-type li {line-height:1.6;margin-top:0.45rem;padding-left:1em;position:relative;color:#666;font-size:14px;}
.txt-type li:first-child {margin-top:0;}
.txt-type li:before {content:'';width:4px;height:4px;display:block;position:absolute;top:10px;left:0;border-radius:100px;background-color:#666;}

.txt-type [class^=btn-type],
.txt-type03 [class^=btn-type] {margin:-2px 2px 0;padding:2px 11px 3px;border-color:#4b688c;color:#4b688c;font-size:12px !important;}
.txt-type [class^=btn-type]:hover,
.txt-type03 [class^=btn-type]:hover {background-color:#4b688c;border-color:#4b688c;color:#fff;}
.txt-type .btn-type,
.txt-type .btn-type:hover {background-color:#4b688c;color:#fff;}

.txt-type strong {font-weight:400;color:#4b688c;}
.txt-type em {color:#ff613d;}
.txt-type em.s1 {color:#ff1461}
.txt-type em + .btn-type02 {border-color:#ff613d;color:#ff613d;}
.txt-type em + .btn-type02:hover {border-color:#ff613d;background-color:#ff613d;color:#fff;}

.txt-type.s2 {background-color:#f0f0f0;}
.txt-type.s2 li {max-width:900px;margin-left:auto;margin-right:auto;}
/*.txt-type.s3 {padding-top:1em;padding-bottom:1em;}*/
.txt-type.s6 {margin:0 auto;display:table;}
.txt-type.s6 li {text-align:left;}

ul.txt-type.s1 {background-color:#f0f0f0;}
ul.txt-type.s5 {padding:0;}
ul.txt-type.s7 {border:1px solid #f6d9cd;background-color:#ffe9e0;}
ul.txt-type.s7 li {padding-left:24px;color:#874d34;}
ul.txt-type.s7 li a {color:#874d34;text-decoration:underline;}
ul.txt-type.s7 li:before {content:'';width:32px;height:32px;display:block;position:absolute;top:-4px;left:-6px;background-color:transparent;background-image:url(../img/bg_icon_sprite.png?version=201903251400);background-repeat:no-repeat;background-position:-160px -267px;background-size:640px auto;}
ul.txt-type.s7 li.naver:before {background-position:-192px -267px;}
ul.txt-type.s7 li.daum:before {background-position:-224px -267px;}
ul.txt-type.s7 li.facebook:before {background-position:-256px -267px;}
ul.txt-type.s7 li.twitter:before {background-position:-288px -267px;}
ul.txt-type.s7 li.band:before {background-position:-320px -267px;}
ul.txt-type.s7 li.kakao:before {background-position:-352px -267px;}
ul.txt-type.s8 {border:1px solid #f6d9cd;background-color:#ffe9e0;}
ul.txt-type.s8 li {color:#874d34;}


ul.txt-type.s9 {border:1px solid #eee;background-color:#f7f7f7;}
ul.txt-type.s9 li {padding-left:24px;color:#555;list-style: none;}
ul.txt-type.s9 li a {color:#555;text-decoration:underline;}
ul.txt-type.s9 li:before {content:'';width:32px;height:32px;display:block;position:absolute;top:-4px;left:-6px;background-color:transparent;background-image:url(../img/bg_icon_sprite.png?version=201811211200);background-repeat:no-repeat;background-position:-160px -267px;background-size:640px auto;}
ul.txt-type.s9 li.naver:before {background-position:-192px -267px;}
ul.txt-type.s9 li.daum:before {background-position:-224px -267px;}
ul.txt-type.s9 li.facebook:before {background-position:-256px -267px;}
ul.txt-type.s9 li.twitter:before {background-position:-288px -267px;}
ul.txt-type.s9 li.band:before {background-position:-320px -267px;}
ul.txt-type.s9 li.kakao:before {background-position:-352px -267px;}
ul.txt-type.s9 li.kakaoopen:before{background-position:-128px -267px;}
ul.txt-type.s9 li.navercafe:before{background-position:-384px -267px;}
ul.txt-type.s9 li.tstory:before{background-position:-480px -299px;}
ul.txt-type.s9 li.youtube:before{background-position:-512px -299px;}
ul.txt-type.s9 li.instagram:before{background-position:-576px -299px;}



/*** mobile ***/
@media (max-width:768px) {
	p.txt-type, 
	.txt-type li,
	.txt-type p {font-size:14px;}
}

/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	ul.txt-type.s7 li:before,
	ul.txt-type.s9 li:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201903251400);}
}

.list-type06 + .txt-type {margin-top:0;border-bottom:1px solid #dfe3e6;}
.list-type06 + .txt-type:after {content:'';height:1px;display:block;position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid #c4c7ca;background-color:#d7d9da;}
.txt-type03 + .txt-type {margin-top:-12px;}

.txt-type02 {padding:15px;background-color:#e8ecef;font-size:14px;}
.txt-type02 li {margin:0.73em auto 0;padding-left:5px;position:relative;box-sizing:border-box;text-align:left;}
.txt-type02 li:first-child {margin-top:0;}
.txt-type02 li:before {content:'';width:2px;height:2px;display:block;position:absolute;top:8px;left:0;background:rgba(256,256,256,0.7);}
.txt-type02.s1,
.txt-type02.s2,
.txt-type02.s4{color:#fff;}
.txt-type02.s1 {background-color:#ff613d;}
.txt-type02.s2 {background-color:#667281;}
.txt-type02.s3 {background-color:#00bdcd;color:#fff;}
.txt-type02.s4 {background-color:#21396a;}
.txt-type02.s5 {background-color:#ffae00;color:#fff;}
.txt-type02.s6 {background-color:#00cbaf;color:#fff;}
.txt-type02.s7 {background-color:#27b0a8;color:#fff;}
.txt-type02.s8 {background-color:#ef2c6c;color:#fff;}
.txt-type02.s9 {background-color:#45377e;color:#fff;}
.txt-type02.s10 {background-color:#fffee4;color:#555;}
.txt-type02.s11 {background-color:#51428b; color:#fff;}
.txt-type02.s12 {background-color:#fff; color:#222; border:1px solid #555;}
.txt-type02.s13 {background: #fff; color:#555;padding:15px 0;} 
.txt-type02.s13 li:before {background-color:#555}
.txt-type02.s14 {background: #eccdaf; color:#8e6407;} 
.txt-type02.s14 a {color:#555 !important;}
.txt-type02.s15 {background-color: #4a627e; color:#fff;}
.txt-type02.s16 {background-color: #b4a7e9; color:#fff;}

.txt-type02.s2 li {max-width:700px;}
p.txt-type02.s2 {display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;}
p.txt-type02.s2:before,
p.txt-type02.s2:after {content:'';width:50%;width:-webkit-calc(50% - 350px);width:-moz-calc(50% - 350px);width:calc(50% - 350px);height:100%;display:block;position:relative;vertical-align:middle;}
.txt-type02.s4 {text-align:center;}
.txt-type02 dl {max-width:700px;margin:0 auto;overflow:hidden;}
.txt-type02 dl dt {float:left;color:rgba(255,255,255,0.9);}
.txt-type02 dl dt,
.txt-type02 dl dd {margin-top:10px;text-align:left;}
.txt-type02 dl dt:first-child,
.txt-type02 dl dt:first-child + dd {margin-top:0;}
.txt-type02 dl dd em {margin-right:4px;color:rgba(255,255,255,0.9);}
.txt-type02:not(.s3) dl dt {min-width:134px;clear:left;}
.txt-type02:not(.s3) dl dd {width:50%;width:-webkit-calc(100% - 134px);width:-moz-calc(100% - 134px);width:calc(100% - 134px);display:inline-block;}
.txt-type02.s3 dl dt {padding-top:3px;font-size:16px;}
.txt-type02.s3 dl dd {float:right;font-size:22px;text-align:right;}
.tab-type02 + .txt-type02 {margin-top:-1px;}
.tit-type + .txt-type02 {margin-top:-1.78em;}

.tab-type02.s1 { position: absolute; width: calc(100% - 250px); color:#fff; background: rgba(9, 9, 9, 0.8);border-bottom:0px solid #333;;font-size:14px;font-weight: 300;z-index: 10;} 
.tab-type02.s1 li a {color: rgba(256,256,256,0.7); font-weight: 300; ;}
.tab-type02.s1 li a:hover,
.tab-type02.s1 li button:hover,
.tab-type02.s1 li .on{color: #fff;}
.tab-type02.s1 li a.on:hover{color:#d3e9ff;}
.tab-type02.s1 li .on:after,
.tab-type02.s1 li a:hover:after,
.tab-type02.s1 li button:hover:after{ width: 0;}
@media (max-width:1000px) {
	p.txt-type02.s2:before,
	p.txt-type02.s2:after {display:none;}
}
/*** mobile ***/
@media (max-width:768px) {
	.txt-type02 {font-size:13px;}
	.txt-type02.s3 dl dt {padding-top:6px;font-size:15px;}
	.tab-type02.s1 {width: 100%;}
}
@media (max-width:445px) {
	.txt-type02.s1 span {display:block;}
}

.txt-type03 {margin:12px 1.5rem 11px;border-bottom:1px solid #d4d4d4;}
.txt-type03 li {padding:0.75em 0;border-top:1px dotted #dadada;color:#333;font-size:16px;}
.txt-type03 li time {margin-left:10px;color:#777;font-size:13px;}
.txt-type03 li:first-child {border-top:none;}
.txt-base + .txt-type03 {margin-top:0;border-top:1px dotted #dadada;}

/*** mobile ***/
@media (max-width:768px) {
	.txt-type03 li {font-size:14px;}
	.txt-type03 li time {margin-left:0;margin-top:5px;display:block;font-size:12px;}
}

.txt-type04 {padding:5px 0 5px 15px;}
.txt-type04 li {line-height:1.6;margin-top:5px;position:relative;color:#666;font-size:14px;}
.txt-type04 li:before {content:'※';position:absolute;top:0;left:-15px;}
.txt-type04.s1,
.txt-type04.s1 li {color:#ff1461;}
.txt-type04 [class^=btn-type] {margin:-2px 2px 0;padding:2px 11px 3px;border-color:#4b688c;color:#4b688c;font-size:12px !important;}
.txt-type04 [class^=btn-type]:hover {border-color:#4b688c;background-color:#4b688c;color:#fff;}

p.txt-type04 {line-height:1.6;padding:0 0 0 15px;position:relative;color:#666;font-size:14px;}
p.txt-type04:before {content:'※';position:absolute;top:0;left:0px;}

.txt-type-label {margin:20px 0 0; color:#555; font-size: 14px;position: relative;}
.txt-type-label.s1 {display: inline-block; margin-right: 15px;}
.txt-type-label + .input-txt{margin-top:5px;}
.txt-type-label + [class^=check-type]:not(div), 
.txt-type-label + [class^=radio-type]:not(div) {margin: 15px 0;}
.txt-type-label a.btn-right {position: absolute; right: 0}
.btn-check { padding: 5px 12px;background-color: #898989;border-color:#898989;color:#fff;font-size: 12px; border-radius:30px;}
.btn-check[disabled],
.btn-check[disabled]:hover {background-color:#595959;border-color:#595959;color:#d6d6d6;}
.btn-right.btn-check {margin:-5px 0.6rem 0;}

/****** [TEXT CAUTION] ******/
.txt-caution {display:none;width:100%;line-height:1.42857143;padding:10px 10px 10px 32px;position:relative;background-color:#ff613d;font-size:14px !important;color:#fff !important;text-align:left !important;box-sizing:border-box;}
/*.txt-caution:before {content:'';width:32px;height:32px;display:inline-block;position:absolute;top:4px;left:2px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-256px -32px;background-size:640px auto;vertical-align:middle;z-index:1;}*/
.txt-caution span {position:relative;z-index:1;}

/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.txt-caution:before {background-image:url(../img/bg_icon_sprite@2x.png);}
}

/****** [FOOTER - TEXT POINT] ******/
.txt-point {padding-bottom:15px;border-top:1px solid #b3b6b9;text-align:center;}
.txt-point p {margin-top:1.5rem;color:#8f99a5;}
.txt-point:before {content:'';width:100%;height:1px;margin-bottom:15px;display:block;background-color:#d7dadd;}
.txt-point .btn-wrap {margin:0 0 15px;}
.txt-point p ~ .btn-wrap {margin-top:15px;}
.txt-point .btn-wrap ~ p {margin-top:0;}
.txt-point .btn-wrap .btn-type02 {min-width:80px;}

/****** [TEXT NO DATA] ******/
.txt-nodata {width:100%;height:370px;margin-top:4px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;border-bottom:1px solid #b3b6b9;background-color:#fff;box-shadow:1px 1px 0 0 rgba(0,0,0,0.1);color:#1db2c6;font-size:22px;text-align:center;line-height: 1.5;font-weight: 300;}
.txt-nodata:before {content:'';width:128px;height:128px;margin:-30px auto 0;display:block;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:0 -139px;background-size:640px auto;}
.txt-nodata.s1 {height:20rem;color:#555;font-size:18px;}
.txt-nodata.s1:before {display:none;}
.txt-nodata.ranking{border: 0px; background: none;}
.txt-nodata.ranking:before {background-position:-256px -473px;}

.txt-nocontent {width:100%;height:370px;margin-top:4px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;border-bottom:1px solid #b3b6b9;background-color:#fff;box-shadow:1px 1px 0 0 rgba(0,0,0,0.1);color:#1db2c6;font-size:22px;text-align:center;}
.txt-nocontent:before {content:'';width:128px;height:128px;margin:-30px auto 0;display:block;background-image:url(../img/bg_icon_sprite.png?version=201802010900);background-repeat:no-repeat;background-position:-384px -139px;background-size:640px auto;}

/*** mobile ***/
@media (max-width:768px) {
	.txt-nodata {font-size:18px;}
	.txt-nodata.s1 {font-size:16px;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.txt-nodata:before,
	.txt-nocontent :before {background-image:url(../img/bg_icon_sprite@2x.png?version=201809061400);}
	
}

/****** TEXT CAMPAIGN ******/
.txt-cam01 {color:#00bdcd !important;}
.txt-cam02 {color:#22c599 !important;}
.txt-cam03 {color:#31a0ff !important;}
.txt-cam04 {color:#ffb312 !important;}
.txt-cam04-1 {color:#ff5400 !important;}
.txt-cam04-2 {color:#ff3c00 !important;}
.txt-cam05 {color:#ff678b !important;}
.txt-cam06 {color:#7030a0 !important;}
.txt-done {color:#ed145b;}


/*************************************************
	BUTTON TYPE
*************************************************/

[class^=btn-type] {width:100%;line-height:1.42857143;margin:5px 0;padding:8px 12px;display:block;background-color:#00bdcd;border:1px solid #00bdcd;border-radius:100px;color:#fff;font-size:16px;text-align:center;box-sizing:border-box;}
.btn-type:not(span):hover {background-color:#19d2e2;border-color:#19d2e2;color:#fff;}
.btn-type[disabled],
.btn-type[disabled]:hover,
.btn-type03[disabled],
.btn-type03[disabled]:hover,
.btn-type04[disabled],
.btn-type04[disabled]:hover {background-color:#a5ccd0;border-color:#a5ccd0;color:#e7f1f2;}
.btn-type.icon:before,
.btn-type03.icon:before {content:'+';margin-right:2px;}
.btn-type:active {background:none;border-color:#1db2c6;color:#1db2c6;}
.btn-type.c1 {background-color:#ff0078;border-color:#ff0078;}
.btn-type.c1:not(span):hover {background-color:#ff8dbd;border-color:#ff8dbd;}
.btn-type.c1[disabled],
.btn-type.c1[disabled]:hover {background-color:#d1a5b8;border-color:#d1a5b8;color:#f2e6eb;}
.btn-type.c2 {background-color:#4b688c;border-color:#4b688c;}
.btn-type.c2:not(span):hover {background-color:#6c9dd9;border-color:#6c9dd9;}
.btn-type.c2[disabled],
.btn-type.c2[disabled]:hover {background-color:#a5b9d1;border-color:#a5b9d1;color:#e6ecf2;}
.btn-type.c3 {background-color:#ff613d;border-color:#ff613d;}
.btn-type.c3:not(span):hover {background-color:#fd967f;border-color:#fd967f;}
.btn-type.c3[disabled],
.btn-type.c3[disabled]:hover {background-color:#d1ada5;border-color:#d1ada5;color:#f2e8e6;}
.btn-type.c4 {background-color:#21396a;border-color:#21396a;}
.btn-type.c4:not(span):hover {background-color:#21396a;border-color:#21396a;}
.btn-type.c4[disabled],
.btn-type.c4[disabled]:hover {background-color:#a5b9d1;border-color:#a5b9d1;color:#e6ecf2;}

.btn-type.c5 {background-color:#ffae00;border-color:#ffae00;}
.btn-type.c5:not(span):hover {background-color:#ffae00;border-color:#ffae00;}
.btn-type.c5[disabled],
.btn-type.c5[disabled]:hover {background-color:#e7cc92;border-color:#e7cc92;color:#e6ecf2;}

.btn-type.c6 {background-color:#abaaaa;border-color:#abaaaa;}
.btn-type.c6:not(span):hover {background-color:#abaaaa;border-color:#abaaaa;}
.btn-type.c6[disabled],
.btn-type.c6[disabled]:hover {background-color:#cccccc;border-color:#cccccc;color:#cdcdcd;}

.btn-type02 {background:none;border-color:#00bdcd;color:#00bdcd;}
.btn-type02:hover {border-color:#6cd0d9;color:#6cd0d9;}
.btn-type02[disabled],
.btn-type02[disabled]:hover {border-color:#a5ccd0;color:#e7f1f2;}
.btn-type02 span {font-size:14px;}
.btn-type02.c1 {border-color:#ff0078;color:#ff0078;}
.btn-type02.c1:not(span):hover {border-color:#ff8dbd;}
.btn-type02.c1[disabled],
.btn-type02.c1[disabled]:hover {;border-color:#d1a5b8;color:#f2e6eb;}
.btn-type02.c2 {border-color:#fff;color:#fff;}
.btn-type02.c2:not(span):hover {border-color:#fff;opacity:0.7;}
.btn-type02.c2[disabled],
.btn-type02.c2[disabled]:hover {;border-color:#fff;color:#fff;opacity:0.7;}
.btn-type02.s1 {font-size:12px !important; padding:2px 6px;}

.btn-type03 {border-radius:3px;}
.btn-type03.auto {padding-left:13px;padding-right:13px;background-color:#595959;border-color:#595959;}
.btn-type03.auto[disabled],
.btn-type03.auto[disabled]:hover {background-color:#595959;border-color:#595959;color:#d6d6d6;}

.btn-type04 {border-radius:3px; font-size:13px;}
.btn-type04.auto {padding: 5px 12px;background-color:#fff;border-color:#fff;color:#555;}
.btn-type04.auto[disabled],
.btn-type04.auto[disabled]:hover {background-color:#fff;border-color:#fff;color:#999;}
.btn-type04.s1{color:#ef2c6c;}
.btn-type04.s2{color:#21396a;}
.btn-type04.s3{color:#00bdcd;}
.btn-type04.s4{color:#ff613d;}



.btn-excelview {background-color:#0ab694;border-color:#00cda9;border-radius:2px;color:#fff;}
.btn-excelview:hover {background-color:#14debb !important;border-color:#14debb !important;color:#fff;}
.btn-excelview:focus,
.btn-excelview:active {background-color:#09a98d;border-color:#09a98d;color:#fff;}
.btn-excelview.disabled,
.btn-excelview.disabled:hover,
.btn-excelview[disabled],
.btn-excelview[disabled]:hover {background-color:#c2d1ce;border-color:#c2d1ce;color:#eee;}
.btn-excel {margin:5px 0;padding:5px 8px;display:inline-block;background-color:#0ab694;border-radius:2px;color:#fff;font-size:13px;}

.btn-crosscheck {background-color:#ff5f7b;border-color:#ff5f7b;border-radius:2px;color:#fff;}
.btn-crosscheck:hover {background-color:#ff91a4 !important;border-color:#ff91a4 !important;color:#fff;}
.btn-crosscheck:focus,
.btn-crosscheck:active {background-color:#ff91a4;border-color:#ff91a4;color:#fff;}
.btn-crosscheck.disabled,
.btn-crosscheck.disabled:hover,
.btn-crosscheck[disabled],
.btn-crosscheck[disabled]:hover {background-color:#ff91a4;border-color:#ff91a4;color:#eee;}

.txt-base + .btn-download {margin:0 0.8em 0.2em;}
.btn-download {background-color:#3271a2;border-color:#347cb5;border-radius:2px;color:#fff;font-size:13px; text-decoration: none;}
.btn-download:hover {background-color:#4a86b5 !important;border-color:#4a86b5 !important;color:#fff;}
.btn-download:focus,
.btn-download:active {background-color:#4a86b5;border-color:#4a86b5;color:#fff;}



[class^=btn-type].auto,
.btn-type.c2,
.btn-type.c3 {width:auto;display:inline-block;font-size:14px;vertical-align:middle;}
[class^=btn-type].size {padding:0.75em 0;font-size:13px;}

.btn-link:after {content:'';width:32px;height:32px;margin:-3px 0 0 -7px;display:inline-block;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-64px -64px;background-size:640px auto;vertical-align:middle;}
.btn-link.s1 {font-size:14px;}
.btn-link02 {display:inline-block;padding:7px 14px;font-size:16px;vertical-align:middle;}
.btn-link03 { color:#00bdcd;}
.btn-link03:after {content:'';width:32px;height:32px;margin:-3px 0 0 -7px;display:inline-block;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-352px -32px;background-size:640px auto;vertical-align:middle;}
.btn-link03.ui-btn-open:after{background-position:-384px -32px;}

/*** mobile ***/
@media (max-width:768px) {
	.btn-link {font-size:13px;}
	.btn-link.s1 {font-size:12px;}
	.btn-excel.btn-download {display: inline-block !important;;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.btn-link:after,
	.btn-link03:after {background-image:url(../img/bg_shapes_sprite@2x.png);}
}

.btn-add {width:100%;line-height:1.42857143;padding:8px 0 12px 36px;display:block;position:relative;border-bottom:1px solid #888;color:#333;font-size:18px;font-weight:500;text-align:left;box-sizing:border-box;}
.btn-add:before {content:'';width:32px;height:32px;margin:-16px 0;display:block;position:absolute;top:50%;left:0;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:0 -194px;background-size:640px auto;}

.btn-add2 {padding:8px 12px 8px 39px;position:relative;}
.btn-add2:before {content:'';width:32px;height:32px;margin:-16px -53px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-64px -192px;background-size:640px auto;}
.btn-add2:before {content:'';width:32px;height:32px;margin:-16px -53px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-64px -192px;background-size:640px auto;}
.btn-add2.s1:before {margin:-16px -60px;}
.btn-add2.s2:before {margin:-16px -93px}
/*.btn-add3 {padding:8px 12px 8px 36px;position:relative;}
.btn-add3:before {content:'';width:32px;height:32px;margin:-16px -88px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-96px -192px;background-size:640px auto;}*/

/*** mobile ***/
@media (max-width:768px) {
	.btn-add {font-size:15px;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.btn-add:before,
	.btn-add2:before,
	.btn-add3:before {background-image:url(../img/bg_shapes_sprite@2x.png);}
}

.btn-delete {width:36px;height:36px;display:block;position:relative;font-size:0;line-height:0;}
.btn-delete:before {content:'';width:36px;height:36px;margin:-16px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-224px 0;background-size:640px auto;}
.btn-delete02 {width:32px;height:32px;display:block;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-32px -194px;background-size:640px auto;font-size:0;line-height:0;}

/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.btn-delete:before,
	.btn-delete02 {background-image:url(../img/bg_shapes_sprite@2x.png);}
}

/*.btn-select {height:44px;line-height:44px;display:block;border:0;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}*/
.btn-select {line-height:50px;margin:10px 0;padding:0 30px 11px 0;display:block;background-image:url(../img/bg_select_sprite.png);background-repeat:no-repeat;background-position:100% -79px;background-size:32px auto;border-bottom:1px solid #1bacb9;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;color:#00bdcd;font-size:18px;font-weight:300;overflow:hidden;}

/*** mobile ***/
@media (max-width:700px) {
	.btn-select {font-size:15px;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.btn-select {background-image:url(../img/bg_select_sprite@2x.png);}
}

.btn-move {line-height:1;margin-top:0;margin:0;margin-left:315px;padding:10px 34px 11px 40px;display:block;position:fixed;top:380px;left:50%;border-radius:100px;background-color:#ff7252;background-image:url(../img/icon_bell.gif);background-repeat:no-repeat;background-position:6px 1px;background-size:32px auto;color:#fff;font-size:13px;box-shadow:0 3px 3px 1px rgba(0,0,0,0.2);-webkit-animation:btnMove 2.5s infinite ease;-moz-animation:btnMove 2.5s infinite ease;animation:btnMove 3s infinite ease;z-index:10;}
.btn-move:before,
.btn-move:after {content:'';width:5px;height:5px;display:block;position:absolute;top:36%;right:15px;border-left:1px solid #fff;border-top:1px solid #fff;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-animation:btnMoveArr 1s infinite ease;-moz-animation:btnMoveArr 1s infinite ease;animation:btnMoveArr 1.5s infinite ease;}
.btn-move:after {margin-top:3px;-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;animation-delay:0.4s;}
.btn-move.close {opacity:0;-webkit-animation:btnMoveClose 1s 1 ease;-moz-animation:btnMoveClose 1s 1 ease;animation:btnMoveClose 1s 1 ease;}

/*** mobile ***/
@media (max-width:1021px) {
	.btn-move {margin-left:300px;}
}
@media (max-width:991px) {
	.btn-move {margin-left:270px;}
}
@media (max-width:936px) {
	.btn-move {margin-left:170px;}
}
@media (max-width:768px) {
	.btn-move {margin-left:0;left:auto;right:0;}
}
@media (max-width:700px) {
	.btn-move {top:85%;}
}
@-webkit-keyframes btnMove {
	  0% {margin-top:0;opacity:1;}
	 30% {margin-top:10px;opacity:0.85;}
	 60% {margin-top:0;opacity:1;}
	 80% {margin-top:5px;}
	 95% {margin-top:0;}
	100% {margin-top:0;}
}
@-moz-keyframes btnMove {
	  0% {margin-top:0;opacity:1;}
	 30% {margin-top:10px;opacity:0.85;}
	 60% {margin-top:0;opacity:1;}
	 80% {margin-top:5px;}
	 95% {margin-top:0;}
	100% {margin-top:0;}
}
@keyframes btnMove {
	  0% {margin-top:0;opacity:1;}
	 30% {margin-top:10px;opacity:0.85;}
	 60% {margin-top:0;opacity:1;}
	 80% {margin-top:5px;}
	 95% {margin-top:0;}
	100% {margin-top:0;}
}
@-webkit-keyframes btnMoveClose {
	  0% {margin-top:0;opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes btnMoveClose {
	  0% {margin-top:0;opacity:1;}
	100% {opacity:0;}
}
@keyframes btnMoveClose {
	  0% {margin-top:0;opacity:1;}
	100% {opacity:0;}
}
@-webkit-keyframes btnMoveArr {
	  0% {opacity:1;}
	 80% {opacity:0.2;}
	100% {opacity:1;}
}
@-moz-keyframes btnMoveArr {
	  0% {opacity:1;}
	 80% {opacity:0.2;}
	100% {opacity:1;}
}
@keyframes btnMoveArr {
	  0% {opacity:1;}
	 80% {opacity:0.2;}
	100% {opacity:1;}
}

.btn-more {width:100%;line-height:44px;margin:5px 0;display:block;border:1px solid #e7e7e7;background-color:#f3f3f3;color:#777;text-align:center;}
.btn-more.s1{width:100%;margin:0;line-height:40px;background-color:transparent;border:0px;font-size:14px;}
.btn-more.s1:hover {background-color:rgba(253,253,235,1.00);color:#1cbccb;}

/****** [BUTTON SNS] ******/
.btn-sns {width:46px;height:46px;margin-right:-4px;display:inline-block;position:relative;font-size:0;line-height:0;vertical-align:middle;overflow:hidden;}
.btn-sns:before {content:'';width:46px;height:46px;display:block;position:absolute;top:0;left:0;background-image:url(../img/bg_sns_sprite.png?version=2018004261100);background-repeat:no-repeat;background-position:0 0;background-size:640px auto;}
.btn-sns.s1 {width:46px;height:46px;}
.btn-sns.s1:before {width:46px;height:46px;}
.btn-sns.s2 {width:65px;height:65px;}
.btn-sns.s2:before {width:65px;height:65px;}
.btn-sns.icon-m.end{position:absolute !important;top:0;right:65px;}
.icon-m:before {background-position:0 0;}
.icon-m2:before {background-position:-390px 0 ;}
.icon-k:before {background-position:-65px 0;}
.icon-f:before {background-position:-130px 0;}
.icon-n:before {background-position:-195px 0;}
.icon-t:before {background-position:-260px 0;}
.icon-d:before {background-position:-325px 0;}
.s1 .icon-m:before {background-position:0 -46px;}
.s1 .icon-k:before {background-position:-65px -46px;}
.s1 .icon-f:before {background-position:-130px -46px;}
.s1 .icon-n:before {background-position:-195px -46px;}
.s1 .icon-t:before {background-position:-260px -46px;}
.s1 .icon-d:before {background-position:-325px -46px;}

.s2.icon-m:before {background-position:0 -92px;}
.s2.icon-k:before {background-position:-65px -92px;}
.s2.icon-f:before {background-position:-130px -92px;}
.s2.icon-n:before {background-position:-195px -92px;}
.s2.icon-t:before {background-position:-260px -92px;}
.s2.icon-d:before {background-position:-325px -92px;}

@media (max-width:768px) {
	.btn-sns.icon-m.end{right:50px;}
}

@media (max-width:380px) {
	.btn-sns {width:40px;height:40px;}
	.btn-sns:before {width:40px;height:40px;}
	.icon-m:before {background-position:0 -203px;}
    .icon-m2:before {background-position:-521px -203px;}
	.icon-k:before {background-position:-65px -203px;}
	.icon-f:before {background-position:-130px -203px;}
	.icon-n:before {background-position:-195px -203px;}
	.icon-t:before {background-position:-260px -203px;}
	.icon-d:before {background-position:-325px -203px;}
	.icon-url:before {background-position:-390px -203px;}
	
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.btn-sns:before {background-image:url(../img/bg_sns_sprite@2x.png?version=2018004261100);}
}

.btn-result {width:46px;height:46px;margin-right:-4px;display:inline-block;position:absolute;top:0;right:65px;font-size:0;line-height:0;vertical-align:middle;overflow:hidden;}
.btn-result:before {content:'';width:46px;height:46px;display:block;position:absolute;top:0;left:0;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:0 -363px;background-size:640px auto;}


.btn-landing {width:46px;height:46px;margin-right:-4px;display:inline-block;position:absolute;top:0;right:20px;font-size:0;line-height:0;vertical-align:middle;overflow:hidden;}
.btn-landing:before {content:'';width:46px;height:46px;display:block;position:absolute;top:0;left:0;background-image:url(../img/bg_sns_sprite.png?version=201807231100);background-repeat:no-repeat;background-position:-456px 0 ;background-size:640px auto;}

@media (max-width:380px) {
	.btn-result {width:40px;height:40px;}
	.btn-result:before {width:40px;height:40px;background-position:-48px -366px;}
    .btn-landing {width:40px;height:40px;}
	.btn-landing:before {width:40px;height:40px;background-position:-460px -49px;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.btn-result:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201807231100);}
    .btn-landing:before {background-image:url(../img/bg_sns_sprite@2x.png?version=201807231100);}
}

.btn-report {width:53px;height:53px;display:inline-block;position:relative;background:rgba(255,255,255,0.8);border:1px solid #ccc;box-shadow:2px 2px 2px 0px rgba(0,0,0,0.15);border-radius:50%;font-size:0;line-height:0;vertical-align:middle;}
.btn-report:before {content:'';width:32px;height:32px;margin:-17px -16px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/icon_siren.gif);background-repeat:no-repeat;background-position:0 0;background-size:64px auto;}
.btn-report:hover:before {background-position:-32px 0;}

/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.btn-report:before {background-image:url(../img/icon_siren@2x.gif);}
}

/****** [PAGINATION] ******/
.btn-pagination {margin:20px 0;text-align:center;font-size:0;line-height:0;}
.btn-pagination a,
.btn-pagination strong {min-width:33px;height:31px;line-height:1.42857143;margin:0 -1px;padding:6px 9px 0 8px;display:inline-block;position:relative;border:1px solid #d6dce0;background-color:#fff;color:#333;font-size:12px;font-family:Tahoma;box-sizing:border-box;vertical-align:top;}
.btn-pagination strong {font-weight:normal;}
.btn-pagination [class^=btn] {text-indent:-9999px;white-space:nowrap;overflow:hidden;}
.btn-pagination [class^=btn]:before {content:'';width:32px;height:32px;margin:-16px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:0 -160px;background-size:640px auto;}
.btn-pagination .btn-first,
.btn-pagination .btn-last {padding:6px 20px;}
.btn-pagination .btn-prev,
.btn-pagination .btn-next {padding:6px 15px;}
.btn-pagination .btn-prev:before {background-position-x:-32px;}
.btn-pagination .btn-next:before {background-position-x:-64px;}
.btn-pagination .btn-last:before {background-position-x:-96px;}
.btn-pagination :first-child {border-radius:100px 0 0 100px;}
.btn-pagination :last-child {border-radius:0 100px 100px 0;}
.btn-pagination a:hover,
.btn-pagination strong {border-color:#15a7b5;background-color:#00bdcd;color:#fff;z-index:1;}
.btn-pagination .btn-first:hover:before {background-position-x:-128px;}
.btn-pagination .btn-prev:hover:before {background-position-x:-160px;}
.btn-pagination .btn-next:hover:before {background-position-x:-192px;}
.btn-pagination .btn-last:hover:before {background-position-x:-224px;}
.btn-pagination a.disabled,
.btn-pagination a.disabled:hover {border-color:#d6dce0;background-color:#fff;color:#333;cursor:default;z-index:auto;}
.btn-pagination a.disabled:before,
.btn-pagination a.disabled:hover:before {opacity:0.3;filter:alpha(opacity=3);}
.btn-pagination .btn-first.disabled:hover:before {background-position-x:0px;}
.btn-pagination .btn-prev.disabled:hover:before {background-position-x:-32px;}
.btn-pagination .btn-next.disabled:hover:before {background-position-x:-64px;}
.btn-pagination .btn-last.disabled:hover:before {background-position-x:-96px;}

/*** mobile ***/
@media (max-width:768px) {
	.btn-pagination a,
	.btn-pagination strong {line-height:1.62857143;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.btn-pagination [class^=btn]:before {background-image:url(../img/bg_shapes_sprite@2x.png);}
}

/****** [BUTTON WRAPPER] ******/
.btn-wrap {margin:1.5rem 1.5rem 0;text-align:center;overflow:hidden;}
.btn-wrap .btn-cont {float:left;}
.btn-wrap .btn-cont + .btn-cont {float:right;}
.btn-wrap p.btn-cont {margin:5px 0;padding:4px 0;}
.btn-wrap.s1 {text-align:right;}
.btn-wrap.s2 {text-align:left;}
.btn-wrap.s3 {margin:0;padding:0.25rem 1.5rem;background-color:#fff;text-align:right;}
.btn-wrap.s4 {max-width:700px;margin-left:auto;margin-right:auto;padding:0 20px;}
.btn-wrap.s6 {height:0;margin:0 !important;padding:0 !important;position:relative;overflow:visible;}
.btn-wrap.s7 {margin:0px 0;padding:5px 0;}

/****** [MULTI SELECT] ******/
.btn-wrap.s5 {margin-left:auto;margin-right:auto;padding-top:30px;padding-bottom:20px !important;overflow:visible;}
.btn-wrap.s5 .input-date-wrap .input-txt {margin:0;}
.btn-wrap.s5 .radio-type02 {top:0px;}
.btn-wrap.s5 .radio-type02 label {min-width:90px;}
.btn-wrap.s5 .input-txt {position:relative;top:-2px;}
.btn-wrap.s5 .btn-type {margin:0;position:relative;top:-2px;}

/*** multi select ***/
.btn-wrap.s5 .ms-parent {width:160px !important;height:38px;background-color:#fff;border:1px solid #667281;}
.btn-wrap.s5 .ms-parent:before {content:'';width:32px;height:32px;position:absolute;top:0;right:0;background-image:url(../img/bg_select_sprite.png?ver=201802211516);background-repeat:no-repeat;background-position:100% -235px;background-size:32px auto;}
.btn-wrap.s5 .ms-choice {height:auto;padding:9px 0 9px 15px;color:#667281;z-index:10;}
.btn-wrap.s5 .ms-choice.disabled {border:1px solid #ddd;background-color:#f4f4f4;background-image:none;}
.btn-wrap.s5 .ms-choice > span {height:20px;display:block;color:#667281;}
.btn-wrap.s5 .ms-choice > div,
.btn-wrap.s5 .ms-choice > div.open {display:none;}
.btn-wrap.s5 .ms-drop {width:auto;margin-top:5px;background-color:#fff;border:1px solid #ccc;border-radius:20px;color:#667281;z-index:9;}
.btn-wrap.s5 .ms-drop ul {max-height:430px !important;padding:10px 8px;}
.btn-wrap.s5 .ms-drop ul > li {text-align:left;}
.btn-wrap.s5 .ms-drop input[type="checkbox"] {position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.btn-wrap.s5 .ms-drop ul > li > label {width:auto;max-width:280px;min-width:118px;line-height:1.42857143;padding:0 0 5px 24px;display:inline-block;position:relative;color:#667281;}
.btn-wrap.s5 .ms-drop ul > li > label:before {content:'';width:16px;height:16px;display:block;position:absolute;top:2px;left:1px;background-color:#fff;background-image:url(../img/bg_form_sprite.png);background-repeat:no-repeat;background-position:-8px -464px;background-size:32px auto;border-radius:3px;box-sizing:border-box;}
.btn-wrap.s5 .ms-drop ul > li > label.check:before {background-color:#fff;background-position:-8px -496px;}
.btn-wrap.s5 .ms-drop ul > li.selected > label:before {background-color:#fff;background-position:-8px -496px;}

/*** multi select @author zhixin wen <wenzhixin2010@gmail.com> ***/
.ms-parent {height:33px;display:inline-block;position:relative;border-radius:4px;border:1px solid #ddd;background-color:#fff;z-index:1;}
.ms-choice {width:100%;height:30px;max-width:100%;padding:6px 7px 7px;display:block;position:relative;text-align:left;color:#555;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.ms-choice.disabled {border:1px solid #ddd;background-color:#f4f4f4;background-image:none;cursor:default;}
.ms-choice > span.placeholder {color:#999;}
.ms-choice > div {width:0;height:0;position:absolute;top:50%;right:7px;border:3px solid transparent;border-top:3px solid #555;}
.ms-choice > div.open {margin-top:-4px;border:3px solid transparent;border-bottom:3px solid #555;}
.ms-drop {width:100%;margin-top:-1px;padding:0;display:none;position:absolute;border:1px solid #aaa;border-radius:4px;background-color:#fff;color:#000;overflow:hidden;z-index:1000;}
.ms-drop.bottom {top:100%;left:-1px;box-shadow:1px 1px 5px rgba(0, 0, 0, .1);}
.ms-drop.top {bottom:100%;box-shadow:0 -4px 5px rgba(0, 0, 0, .15);}
.ms-drop ul {margin:0;padding:5px 8px;overflow:auto;}
.ms-drop ul > li {display:list-item;position:static;background-image:none;list-style:none;}
.ms-drop ul > li .disabled {opacity:.35;filter:Alpha(Opacity=35);}
.ms-drop ul > li.multiple {float:left;display:block;}
.ms-drop ul > li.group {clear:both;}
.ms-drop ul > li.multiple label {width:100%;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ms-drop ul > li label {width:83px;display:block;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ms-drop ul > li label.optgroup {font-weight:bold;}
.ms-drop input[type="checkbox"] {vertical-align:middle;}
.ms-drop .ms-no-results {display:none;}

/*** mobile ***/
@media (max-width:768px) {
	.btn-wrap.s5 .ms-drop {width:100%;}
	.btn-wrap.s5 .ms-drop ul > li > label {width:90%;}
}

.cont-board + .btn-wrap,
.list-type06 +.btn-wrap {margin-top:0;padding-top:1rem;border-top:1px solid #d2d2d2;}

.btn-wrap02 {margin:1rem 1.5rem;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;}
.btn-wrap02 > [class^=btn-type],
.btn-wrap02 > .btn-cont {margin:5px;display:box;display:-webkit-box;display:-moz-box;-webkit-box-pack:center;-webkit-box-orient:vertical;-moz-box-pack:center;-moz-box-orient:vertical;box-pack:center;box-orient:vertical;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;border-radius:100px;}
.section + .btn-wrap02:not(.s1) {margin:0;padding:20px;position:relative;border-top:1px solid #d2d2d2;}
.section + .btn-wrap02:not(.s1):before {content:'';height:1px;display:block;position:absolute;top:0;left:0;right:0;background-color:#d7dadd;}
.btn-wrap02.s1 {max-width:700px;margin-left:auto;margin-right:auto;padding:0 1.5rem;}
.btn-wrap02.s2 {margin:0;}
.btn-wrap03 {margin:1rem 1.5rem;}
.btn-wrap03 > [class^=btn-type],
.btn-wrap03 > .btn-cont {margin:5px;border-radius:100px;}

/*** desktop ***/
@media (min-width:641px) {
	.btn-wrap03 {display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;}
	.btn-wrap03 > [class^=btn-type],
	.btn-wrap03 > .btn-cont {display:box;display:-webkit-box;display:-moz-box;-webkit-box-pack:center;-webkit-box-orient:vertical;-moz-box-pack:center;-moz-box-orient:vertical;box-pack:center;box-orient:vertical;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
}
/*** mobile ***/
@media (max-width:640px) {
	.btn-wrap03 {overflow:hidden;}
	.btn-wrap03 > [class^=btn-type],
	.btn-wrap03 > .btn-cont {float:left;width:48%;width:-webkit-calc(50% - 10px);width:-moz-calc(50% - 10px);width:calc(50% - 10px);}
}
/*** mobile ***/
@media (max-width:485px) {
	.btn-wrap03 > [class^=btn-type],
	.btn-wrap03 > .btn-cont {float:none;width:100%;margin:5px auto;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.btn-wrap.s5 .ms-parent:before {background-image:url(../img/bg_select_sprite@2x.png?ver=201802211516);}
	.btn-wrap.s5 .ms-drop ul > li > label:before {background-image:url(../img/bg_form_sprite@2x.png);}
}

/****** [SEARCH] ******/
.form-search02 > input {width:auto;display:inline;border:0;text-align:center;vertical-align:middle;}
.form-search02 > input.input-txt {margin:0;padding:0;font-size:16px !important;}
.form-search02 > input[disabled] {padding-left:0;padding-right:0;background:none !important;border:none !important;color:#000 !important;}
.form-search02 > button {vertical-align:middle;}

.form-search02 >.btn-arr {width:32px;height:32px;display:inline-block;position:relative;font-size:0;line-height:0;}
.form-search02 >.btn-arr {background-color:#dbe1e5;border-radius:3px;}
.form-search02 >.btn-arr:before {position:absolute;top:50%;left:50%;}
.form-search02 >.input-type.error .btn-arr {background-color:#ff5f7b;}
.form-search02 >.icon-prev:before {content:'';width:0;height:0;margin:-6px -9px;display:block;border:6px solid transparent;border-right:6px solid #000;}
.form-search02 >.icon-next:before {content:'';width:0;height:0;margin:-6px -3px;display:block;border:6px solid transparent;border-left:6px solid #000;}


/*************************************************
	TAB BTN TYPE
*************************************************/
[class^=tab-type] {display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;border-bottom:1px solid #e8ecef;background-color:#fff;font-size:0;line-height:0;text-align:center;}
[class^=tab-type] li {display:inline-block;}

[class^=tab-type] li a,
[class^=tab-type] li button {line-height:1;margin-bottom:-1px;padding:19px 20px;display:block;position:relative;color:#888;font-size:16px;font-weight:400;box-sizing:border-box;}
[class^=tab-type] li a:after,
[class^=tab-type] li button:after {content:'';width:0;height:4px;display:block;position:absolute;left:50%;bottom:0;background-color:#fff;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
[class^=tab-type] li .on:after{width:100%;margin:0 -50%;background-color:#000;}
[class^=tab-type] li .on {color:#000;}
[class^=tab-type] .ranking li  {margin: 10px 5px 0;}
[class^=tab-type] .ranking li .t_league {position: relative;}
/*[class^=tab-type] .ranking li .t_league:before{content:'텐핑리그';display:block;margin:0 auto;height:20px;position:absolute;top:-4px; background-color:#0fc371; color:#fff; font-size: 0.7em;font-weight: 300; border-radius: 30px;box-sizing: border-box;}/*/

[class^=tab-type] .ranking li .t_league:before{content:'텐핑리그 시즌3 준비중';width: 120%;  display:block;margin:0 auto;height:20px;position:absolute;top:-4px; background-color:#0fc371; color:#fff; font-size: 0.72em;font-weight: 300; border-radius: 30px;box-sizing: border-box;}
[class^=tab-type] .ranking li .t_league.s2:before{content:'텐핑리그 시즌2 종료';}
.tab-type {position:relative; border-bottom:0;box-shadow:1px 1px 1px 0 rgba(0,0,0,0.2)}
[class^=tab-type] .ranking li .t_league.s1:before{content:'텐핑리그 시즌3';width: 98%;  display:block;margin:0 auto;height:20px;position:absolute;top:-4px; left:0;background-color:#0fc371; color:#fff; font-size: 0.72em;font-weight: 300; border-radius: 30px;box-sizing: border-box;}

[class^=tab-type] .ranking li .t_league.s1_0:before{content:'시즌1 준비중';}
[class^=tab-type] .ranking li .t_league.s1_1:before{content:'시즌1 진행중' ;}
[class^=tab-type] .ranking li .t_league.s1_2:before{content:'시즌1 종료' ;}
[class^=tab-type] .ranking li .t_league.s2_0:before{content:'시즌2 준비중' ;}
[class^=tab-type] .ranking li .t_league.s2_1:before{content:'시즌2 진행중';}
[class^=tab-type] .ranking li .t_league.s2_2:before{content:'시즌2 종료' ;}
[class^=tab-type] .ranking li .t_league.s3_0:before{content:'시즌3 준비중' ;}
[class^=tab-type] .ranking li .t_league.s3_1:before{content:'시즌3 진행중' ;}
[class^=tab-type] .ranking li .t_league.s3_2:before{content:'시즌3 종료';}
[class^=tab-type] .ranking li .t_league.s4_0:before{content:'시즌4 준비중' ;}
[class^=tab-type] .ranking li .t_league.s4_1:before{content:'시즌4 진행중';}
[class^=tab-type] .ranking li .t_league.s4_2:before{content:'시즌4 종료' ;}
[class^=tab-type] .ranking li .t_league.s5_0:before{content:'시즌5 준비중' ;}
[class^=tab-type] .ranking li .t_league.s5_1:before{content:'시즌5 진행중';}
[class^=tab-type] .ranking li .t_league.s5_2:before{content:'시즌5 종료' ;}
[class^=tab-type] .ranking li .t_league.s6_0:before{content:'시즌6 준비중' ;}
[class^=tab-type] .ranking li .t_league.s6_1:before{content:'시즌6 진행중';}
[class^=tab-type] .ranking li .t_league.s6_2:before{content:'시즌6 종료' ;}

.tab-type {position:relative; border-bottom:0;box-shadow:1px 1px 1px 0 rgba(0,0,0,0.2)}
.tab-type li a,
.tab-type li button {padding:18px 1rem 18px;color:#4b4b4b;}
/**.tab-type li button.btn-interest {width:62px; height:52px;font-size:0;position:relative;}
.tab-type li button.btn-interest:before{content:'';width:32px;height:32px;margin:-16px 0;display:block;position:absolute;top:50%;left:15px;background-image:url(../img/bg_icon_sprite.png?version=201801251440);background-repeat:no-repeat;background-position:-320px -32px;background-size:640px auto;}**/
.tab-type li .on:after{background-color:#00bdcd;}
.tab-type li .on {color:#00bdcd;}
.tab-type li a > strong,
.tab-type li button > strong{width:18px;height:18px;margin:-15px 0;display:block;position:absolute;top:50%;right:0px;border-radius:50%;background-color:#ef61b4;color:#fff;font-size:0;line-height:0;text-align:center;}
.tab-type li a > strong:before,
.tab-type li button > strong:before{content:'N';line-height:18px;font-size:10px;}

.tab-type .area-interest {position:absolute; right:0;}
.tab-type button.btn-interest {width:62px; height:52px;font-size:0;position:relative;}
.tab-type button.btn-interest:before{content:'';width:32px;height:32px;margin:-16px 0;display:block;position:absolute;top:50%;left:15px;background-image:url(../img/bg_icon_sprite.png?version=201802010900);background-repeat:no-repeat;background-position:-320px -32px;background-size:640px auto;}
.tab-type button.btn-interest.off:before {background-position:-608px -32px;}

/*** desktop ***/
@media (min-width:769px) {
	[class^=tab-type] li {margin:0 5px;}
	[class^=tab-type] li a:hover:after,
	[class^=tab-type] li button:hover:after {width:100%;margin:0 -50%;background-color:#000;}
	[class^=tab-type] li a:hover,
	[class^=tab-type] li button:hover {color:#000;}
	/*[class^=tab-type] .ranking li .t_league:before {left:24px;padding:4px 8px;}*/
	[class^=tab-type] .ranking li .t_league:before {left:-12px;padding:4px 8px;}
	.tab-type li a:hover:after,
	.tab-type li button:hover:after {background-color:#00bdcd;}
	.tab-type li a:hover,
	.tab-type li button:hover {color:#00bdcd;}
}
/*** mobile ***/
@media (max-width:769px) {
	[class^=tab-type] li a,
	[class^=tab-type] li button {font-size:15px;padding:19px 9px;}
	/*[class^=tab-type] .ranking li .t_league:before {left:14px; padding:4px 6px;}*/
	[class^=tab-type] .ranking li .t_league:before {left:-14px; width:130%;padding:4px 6px;}
	/*.tab-type .area-interest {margin-right:-15px;}*/
	.tab-type button.btn-interest {width:46px;}
	.tab-type button.btn-interest:before{margin:-16px 0 0 -7px;left:14px;}
	.tab-type li button > strong{margin:-17px 0;right:-8px;}
	
}
@media (max-width:320px) {
	.tab-type .area-interest {position:relative;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.tab-type button.btn-interest:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201802010900);}
	
}
.tab-mem {max-width:540px;margin:0 auto;padding:0 20px;position:relative;font-size:18px;box-sizing:border-box;}
.tab-mem > a {padding:20px;display:block;position:absolute;top:14px;right:0;}
.tab-mem > a.ui-btn-open {display:none;}


/*************************************************
	LIST TYPE
*************************************************/
.list-type {font-size:14px;}
/****** [TEXT ICON] ******/
.list-type .icon-txt { width:0px;height:0px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;position:absolute;top:0;left:0;border-top-width:0;border-top-style:solid;border-top-color:transparent;border-bottom-width:63px;border-bottom-style:solid;border-bottom-color:transparent;border-left-width:63px;border-left-style:solid;border-left-color:rgba(0,0,0,0.8);z-index:1;}
.list-type .icon-txt span {width:63px;height:12px;line-height:1;padding-top:0px;display:block;position:absolute;top:14px;left:-74px;font-size:11px;color:#fff;font-weight:normal;text-align:center;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.list-type .icon-txt.s1 {border-left-color:rgba(255,93,127,0.8);} /* 수익업 */
.list-type .icon-txt.s12 {border-left-color:rgba(237,20,91,0.8);} /* 스페셜-본인*/
.list-type .icon-txt.s13 {border-left-color:rgba(147,156,164,0.8);} /* 스페셜-타인*/
.list-type .icon-txt.s3 {border-left-color:rgba(229,95,26,0.8);} /* 고수 */
.list-type .icon-txt.s4 {border-left-color:rgba(221,71,74,0.8);} /* 최고수 */
.list-type .icon-txt.s5 {border-left-color:rgba(138,118,226,0.8);} /* 영웅 */
.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;} /* 독점 */
.list-type .icon-txt.s13 span{font-size: 0;}
.list-type .icon-txt.s13 span:before{content: ''; display: block;position: absolute;top: 50%;left:50%;margin-top: -16px;margin-left: -16px; width: 32px;height: 32px; background-image: url(../img/bg_icon_sprite.png?version=201808301426;);background-repeat: no-repeat;background-position: -576px -64px;background-size: 640px auto;}
@-webkit-keyframes blink {
	  0% {border-left-color:rgba(255,28,124,0.8);}
	 50% {border-left-color:rgba(178,0,58,0.8);}
	100% {border-left-color:rgba(237,20,91,0.8);}
}
@keyframes blink {
	  0% {border-left-color:rgba(255,28,124,0.8);}
	 50% {border-left-color:rgba(178,0,58,0.8);}
	100% {border-left-color:rgba(237,20,91,0.8);}
}
/*.list-type .icon-txt {width:90px;height:35px;line-height:1;padding-top:55px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;position:absolute;top:-45px;left:-45px;background:rgba(0,0,0,0.5);font-size:11px;color:#fff;font-weight:normal;text-align:center;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1;}* /
.list-type .icon-txt.s1 {background:rgba(255,93,127,0.8);} /* 수익업 * /
.list-type .icon-txt.s12 {background:rgba(237,20,91,0.8);} /* 독점 * /
.list-type .icon-txt.s3 {background:rgba(229,95,26,0.8);} /* 고수 * /
.list-type .icon-txt.s4 {background:rgba(221,71,74,0.8);} /* 최고수 * /
.list-type .icon-txt.s5 {background:rgba(138,118,226,0.8);} /* 영웅 * /
.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:rgba(255,28,124,0.8);}
	 50% {background:rgba(178,0,58,0.8);}
	100% {background:rgba(237,20,91,0.8);}
}
@keyframes blink {
	  0% {background:rgba(255,28,124,0.8);}
	 50% {background:rgba(178,0,58,0.8);}
	100% {background:rgba(237,20,91,0.8);}
} */


/****** [TEXT CAMPAIGN] ******/
.list-type [class^=txt-cam]:before {content:'';display:inline-block;margin-top:-3px;margin-left:-8px;width:32px;height:32px;/*background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:0 -64px;background-size:640px auto;*/vertical-align:middle;}
/*
.list-type .txt-cam02:before {background-position:-32px -64px;}
.list-type .txt-cam03:before {background-position:-64px -64px;}
.list-type .txt-cam04:before,
.list-type .txt-cam04-1:before,
.list-type .txt-cam04-2:before {background-position:-96px -64px;}
.list-type .txt-cam05:before {background-position:-128px -64px;}
*/

.list-type [class^=txt-cam]:after {content:'';width:2px;height:2px;margin:-2.5px 0 0 0.38em;display:inline-block;background-color:#ddd;vertical-align:middle;}
.list-type [class^=txt-cam05]:after {display:none;}
.list-type .txt-cam06:after { background-color:#fff; }

/****** [BASIC LAYOUT - Home] ******/
.list-type > li,
.list-type > .list-cont {margin-top:5px;border-bottom:1px solid #b3b6b9;background-color:#fff;box-shadow:1px 1px 0 0 rgba(0,0,0,0.1);box-sizing:border-box;}
.list-type > a,
.list-type > li > a {min-height:152px;padding:20px;display:block;position:relative;box-sizing:border-box;/*overflow:hidden;*/}
/*** nation ***/
.list-type .txt-nation {margin-left:-1px;position:absolute;top:17px;left:20px;/*background-color:#fff;*/}
.list-type .list-photo + dl .txt-nation {left:152px;}
.list-type .txt-nation > img {width:22px;}
.list-type .txt-nation + dt + dd { margin-left:5px;}
/*** thumbnail ***/
.list-type .list-photo {float:left;width:110px;height:110px;margin-right:20px;display:block;border:1px solid #cfcfcf;}
.list-type .list-photo > img {width:100%;height:100%;}
.list-type .list-photo.s1 {float:left;width:60px;height:60px;margin-right:20px;display:block;border:1px solid #cfcfcf;}
.list-type .cont-new .list-photo {position:relative;}
.list-type .cont-new .list-photo:before {content:'NEW'; padding:0 4px;position:absolute;right:0;top:0; background-color:#ff003c; color:#fff; font-size:10px;line-height:1.5; } 
.list-type .cont-new .list-photo:after{content:'';width:5px;height:5px;display:inline-block;position:absolute;right:-14px;top:29px;background-color:#ff003c;border-radius:30px;}
/*** type, category ***/
.list-type > a > dl,
.list-type > li > a > dl {margin-top:-5px;}
.list-type > a > dl dt,
.list-type > li > a > dl dt {display:none;}
.list-type > a > dl dd,
.list-type > li > a > dl dd {display:inline-block;color:#777;font-size:13px;}
/**운영체제 **/
.list-type > a > dl dd.icon-os,
.list-type > li > a > dl dd.icon-os{font-size:0;margin-left:15px;}
.list-type > a > dl dd.icon-os span.adroid,
.list-type > li > a > dl dd.icon-os span.adroid,
.list-type > a > dl dd.icon-os span.ios,
.list-type > li > a > dl dd.icon-os span.ios,
.list-type > a > dl dd.icon-os span.onestore,
.list-type > li > a > dl dd.icon-os span.onestore{position:relative;margin:-6px 22px 0 0;}
.list-type > a > dl dd.icon-os span.onestore,
.list-type > li > a > dl dd.icon-os span.onestore {margin-left:10px;}
.list-type > a > dl dd.icon-os span:after,
.list-type > li > a > dl dd.icon-os span:after{content:'';width:32px;height:32px;position:absolute; top:-22px; left:-15px;display:inline-block;background-image:url(../img/bg_icon_sprite.png?version=201810301030);background-repeat:no-repeat;background-position:-320px -64px;background-size:640px auto;vertical-align:middle;}
.list-type > a > dl dd.icon-os span.ios:after,
.list-type > li > a > dl dd.icon-os span.ios:after {background-position:-288px -64px;}
.list-type > a > dl dd.icon-os span.onestore:after,
.list-type > li > a > dl dd.icon-os span.onestore:after {background-position:-608px 0px;}
.list-type > li > a > dl dd.icon-os span.ios.s1,
.list-type > a > dl dd.icon-os span.ios.s1 {margin-left:10px;}
.list-type > li > a > dl dd.icon-os span.ios.s1:before,
.list-type > a > dl dd.icon-os span.ios.s1:before{content:'';width:1px;height:9px;position:absolute; top:-10px; left:-15px;display:inline-block;background-color:#999; vertical-align:middle;}
.list-type > li > a > dl dd.icon-os span.onestore:before,
.list-type > a > dl dd.icon-os span.onestore:before{content:'';width:32px;height:32px;position:absolute; top:-22px; left:-31px;display:inline-block;background-image:url("../img/bg_shapes_sprite.png?version=201810301030");background-repeat:no-repeat;background-position:-480px -32px;background-size:640px auto;vertical-align:middle;}

/** 채널 **/
.list-type > a > dl dd.icon-channel, .list-type > li > a > dl dd.icon-channel  { font-size:0; margin-left:15px; }

.list-type > a > dl dd.icon-channel span.insta, 
.list-type > li > a > dl dd.icon-channel span.insta, 
.list-type > a > dl dd.icon-channel span.blog, 
.list-type > li > a > dl dd.icon-channel span.blog, 
.list-type > a > dl dd.icon-channel span.youtube, 
.list-type > li > a > dl dd.icon-channel span.youtube { position:relative; margin:-6px 23px 0 0; }

.list-type > a > dl dd.icon-channel span:after, 
.list-type > li > a > dl dd.icon-channel span:after {
    content:'';
    width:18px;
    height:18px;
    position:absolute;
    top:-14px;
    left:-13px;
    display:inline-block;
    background-repeat:no-repeat;
    background-position:-70px 0px;
    vertical-align:middle;
	background-image: url(../img/bg_icon_sprite_svg.svg);
    background-size:400px 500px;
}
.list-type > a > dl dd.icon-channel span.blog:after,
.list-type > li > a > dl dd.icon-channel span.blog:after { width:17px; background-position:-18px 0px; }
.list-type > a > dl dd.icon-channel span.youtube:after,
.list-type > li > a > dl dd.icon-channel span.youtube:after { background-position:-88px 0px; }


/*** campaign info. ***/
.list-type > a > ul,
.list-type > li > a > ul {max-width:100%;margin-top:17px;color:#999;word-wrap:normal;}
.list-type > a > ul li,
.list-type > li > a > ul li {line-height:1.5;margin-left:-1px;padding-right:6px;display:inline;color:#999;white-space:nowrap;}
.list-type > a > ul li:after,
.list-type > li > a > ul li:after {content:'';width:1px;height:9px;margin:-2px 0 0 9px;display:inline-block;background-color:#cecece;vertical-align:middle;}
.list-type > a > ul li:last-child:after,
.list-type > li > a > ul li:last-child:after {margin:-2px 0 0 0;display:none;}
.list-type > a > ul li .tooltipped,
.list-type > li > a > ul li .tooltipped {border-bottom:1px dotted #999;}
.list-type > a > ul li em,
.list-type > li > a > ul li em {color:#ef2c6c;font-weight:600;position:relative;}
.list-type > a > ul li em.s1,
.list-type > li > a > ul li em.s1 {color:#ef2c6c;font-weight:300;position:relative;}
.list-type > a > ul li .special-price em,
.list-type > li > a > ul li .special-price em {padding-right:16px;}
.list-type > a > ul li .special-price em:after,
.list-type > li > a > ul li .special-price em:after {content:'';width:32px;height:32px;position:absolute; top:50%; right:-10px;margin:-16px 0 0px -16px;display:inline-block;background-image:url(../img/bg_icon_sprite.png?version=201802011550);background-repeat:no-repeat;background-position:-576px -32px;background-size:640px auto;vertical-align:middle;}

.list-type ul li.txt-desc {margin-top:17px;display:block;word-wrap:normal;text-overflow:ellipsis;overflow:hidden;}
.list-type ul li.disable { color:#c5c5c5; text-decoration:line-through; }

.list-type > a > ul li .hidden-md,
.list-type > li > a > ul li .hidden-md {display:none;}
.list-type > a > ul li .tpcall,
.list-type > li > a > ul li .tpcall{margin-left:18px;padding-left:0px; position:relative;display:inherit;}
.list-type > li > a > ul li .tpcall .txt-mo {display: none;}
.list-type > a > ul li .tpcall:before,
.list-type > li > a > ul li .tpcall:before{content:'';width:32px;height:32px;position:absolute; top:50%; left:-10px;margin:-16px 0 0px -15px;display:inline-block;background-image:url(../img/bg_icon_sprite.png?version=201801090930);background-repeat:no-repeat;background-position:-448px -32px;background-size:640px auto;vertical-align:middle;}
.list-type ul li.txt-desc {margin-top:17px;display:block;word-wrap:normal;text-overflow:ellipsis;overflow:hidden;}
/*** mark ***/
.list-type .mark-wrap {height:0px;margin:0 auto;position:relative;top:0;left:0;}
/*** title ***/
.list-type .list-tit {height:2.8em;line-height:1.4em;margin:-5px 0 5px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#222;font-size:19px;font-weight:300;overflow:hidden;}
/*** footer ***/
.list-type .list-footer {position:relative;border-top:1px solid #f1f1f1;background-color:#f8f8f8;text-align:center;overflow:hidden;}
.list-type .list-footer dt {width:90px;line-height:1;margin:auto 0;position:absolute;top:50%;left:1.25rem;text-align:left;color:#00bdcd;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
.list-type .list-footer dt:before {content:'';width:32px;height:32px;margin:-5px 0;display:inline-block;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-32px -32px;background-size:640px auto;vertical-align:middle;}
.list-type .list-footer dt:after {content:'';width:32px;height:32px;margin:0 -25px 0 -10px;display:inline-block;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-64px -32px;background-size:640px auto;vertical-align:middle;}
.list-type .list-footer dt strong {display:inline-block;font-weight:normal;vertical-align:middle;}
.list-type .list-footer dd p.topday-end { min-width:240px;margin-left:-120px; padding:9px 0px; position:absolute; top:5px; left:50%; background-color:#d7d8d8; color:#fff; font-size:14px;text-align:center; border-radius:30px; z-index:10;}
.page-analytics .list-type .list-footer dd p.topday-end{ width:240px; margin:0 auto; padding:9px 0px; position:relative; top:2px; left:auto; display:inline-block;background-color:#d7d8d8; color:#fff; font-size:14px;text-align:center; border-radius:30px; z-index:10;}

.list-type .list-footer dd p.special-open { min-width:240px;margin-left:-120px; padding:9px 0px; position:absolute; top:5px; left:50%; background-color:#01bdcc; color:#fff; font-size:14px;text-align:center; border-radius:30px; z-index:10;}
.page-analytics .list-type .list-footer dd p.special-open{ width:240px; margin:0 auto; padding:9px 0px; position:relative; top:2px; left:auto; display:inline-block;background-color:#01bdcc; color:#fff; font-size:14px;text-align:center; border-radius:30px; z-index:10;}
.list-type .list-footer dd p.special-open:before,
.page-analytics .list-type .list-footer dd p.special-open:before{content: ''; display: block;position: absolute;top: 50%;left: 5px;margin-top: -16px;width: 32px;height: 32px; background-image: url(../img/bg_icon_sprite.png?version=201808301426;);background-repeat: no-repeat;background-position: -544px -64px;background-size: 640px auto;}
.list-type .list-footer dd p.special-open:after,
.page-analytics .list-type .list-footer dd p.special-open:after{content: ''; display: block;position: absolute;top: 50%;right: 5px;margin-top: -16px;width: 32px;height: 32px; background-image: url(../img/bg_shapes_sprite.png?version=201808291451);background-repeat: no-repeat;background-position: -96px -64px;background-size: 640px auto;}
.list-type .list-footer dd p.special-open:hover {background-color:#19d2e2;border-color:#19d2e2;color:#fff;}

.list-type .list-footer dd p.credit-rating { min-width:240px;margin-left:-120px;  padding:9px 0px 9px 20px; position:absolute; top:5px; left:50%; background-color:#9e9e9e; color:#fff; font-size:14px;text-align:center; border-radius:30px; z-index:10;box-sizing: border-box;}
.page-analytics .list-type .list-footer dd p.credit-rating { width:240px; margin-left:-120px;  padding:9px 0px 9px 20px; top:5px; left:50%; display:inline-block;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.credit-rating:before,
.page-analytics .list-type .list-footer dd p.credit-rating:before{content: ''; display: block;position: absolute;top: 50%;left: 5px;margin-top: -16px;width: 32px;height: 32px; background-image: url(../img/bg_icon_sprite.png?version=201812261650;);background-repeat: no-repeat;background-position: -128px -601px;background-size: 640px auto;-webkit-filter: grayscale(100%);filter: gray;}
.list-type .list-footer dd p.credit-rating:after,
.page-analytics .list-type .list-footer dd p.credit-rating:after{content: ''; display: none;}


/**스페셜 딱지 추가 **/
.list-type > a > ul.area-icon, 
.list-type > li > a > ul.area-icon{margin-top: -5px;}
.list-type > a > ul.area-icon li, 
.list-type > li > a > ul.area-icon li{white-space:normal;}  
.list-type > a > ul.area-icon li .icon-special,
.list-type > li > a > ul.area-icon li .icon-special{margin:1px 0px; padding:2px 4px; background:#ff6183; color:#fff; line-height: 1.5; font-size:0.8em; font-weight: 300; border-radius: 3px;display: inline-block; word-break: normal; }
.list-type > a > ul.area-icon li .icon-special.s1,
.list-type > li > a > ul.area-icon li .icon-special.s1 {background:#d26de3; }
.list-type > a > ul.area-icon li .icon-special.s2,
.list-type > li > a > ul.area-icon li .icon-special.s2 {background:#8776fb;}
.list-type > a > ul.area-icon li .icon-special.s3,
.list-type > li > a > ul.area-icon li .icon-special.s3{ background:#568bf8;}
.list-type > a > ul.area-icon li .icon-special.s4,
.list-type > li > a > ul.area-icon li .icon-special.s4{ background:#1bbcef;}
.list-type > a > ul.area-icon li .icon-special.s5,
.list-type > li > a > ul.area-icon li .icon-special.s5{ background:#01bdcd;}
.list-type > a > ul.area-icon li .icon-special.s6,
.list-type > li > a > ul.area-icon li .icon-special.s6{ background:#6738e4;}
.list-type > a > ul.area-icon li .icon-special.s7,
.list-type > li > a > ul.area-icon li .icon-special.s7{ background:#ed7435;}
.list-type > a > ul.area-icon + ul,
.list-type > li > a > ul.area-icon + ul {margin-top: 2px; } 

/*** desktop ***/
@media (min-width:769px) {
	.list-type .list-footer .icon-k { }	
	.list-type > a > ul.area-icon + ul,
	.list-type > li > a > ul.area-icon + ul {margin-left: 130px;} 
}
/*** mobile ***/
@media (max-width:768px) {
	.list-type > a,
	.list-type > li > a {padding:17px;min-height:152px;}
	.list-type > li.type-cpe > a {min-height:168px;}
	.list-type .txt-nation {top:14px;}
	.list-type > a > ul,
	.list-type > li > a > ul {margin-top:5px;padding-left:132px;}
	.list-type.s3 > li > a > ul {margin-top:5px;padding-left:122px;}
	.list-type,
	.list-type > a > dl dd,
	.list-type > li > a > dl dd {font-size:12px;}
	.list-type > a > dl dd.icon-os, 
	.list-type > li > a > dl dd.icon-os {margin-left:12px;}
	.list-type > a > dl dd.icon-os,
	.list-type > li > a > dl dd.icon-os {position:absolute; top:147px;left:16px; width:110px; height:20px; text-align:center;}
	.list-type > a > ul li .tooltipped {border-bottom:0px dotted #999;pointer-events:none;}	
	.list-type > a > ul li .tpcall .tooltipped,
	.list-type > a > ul li .special-price .tooltipped{border-bottom:1px dotted #999;pointer-events:auto;}	
	.list-type > li > a > ul li .tpcall .txt-mo {display: inline-block;}
	.list-type .list-tit {margin:0 0 5px;font-size:16px;}	
	.list-type .list-footer {padding:0 13px 0 10px;/*text-align:right;*/}
	.list-type .list-footer dt {width:9em;text-align:left;left:0;}
	/**.list-type .list-footer dt:before {display:none;}**/
	.list-type .list-footer dt strong {max-width:56%;}
	.list-type .list-footer dd p.credit-rating {padding:11px 0px 11px 20px;top:4px;min-width:210px; margin-left:-90px;font-size:12px;}
	.list-type .list-footer dd p.topday-end,
	.list-type .list-footer dd p.special-open {padding:11px 0px;top:4px;min-width:180px; margin-left:-90px;font-size:12px;}
	.list-type .list-footer dd p.credit-rating:before,
	.page-analytics .list-type .list-footer dd p.credit-rating:before
	.list-type .list-footer dd p.special-open:before,
	.page-analytics .list-type .list-footer dd p.special-open:before{left:0px;}
	.page-analytics .list-type .list-footer dd p.credit-rating,
	.page-analytics .list-type .list-footer dd p.topday-end,
	.page-analytics .list-type .list-footer dd p.special-open{padding:11px 0px 10px 25px;top:5px;width:180px;margin-left:-90px;font-size:12px;}
	.list-type .list-footer .icon-k {display:inline-block;}
	.list-type .list-footer .icon-t,
	.list-type .list-footer .icon-d {display:none;}
	.list-type .list-footer .btn-result {/*position:relative;*/ right:50px;}
    .list-type .list-footer .btn-landing {/*position:relative;*/ right:10px;}
	.list-type > a > ul.area-icon li .icon-special,
	.list-type > li > a > ul.area-icon li .icon-special{font-size:11px;font-weight:400;}
	.list-type > a > dl dd.icon-channel,
	.list-type > li > a > dl dd.icon-channel { position:absolute; top:147px; left:18px; width:110px; height:20px; text-align:center; }
	.page-socialmedia .list-type > a > dl dd.icon-channel,
	.page-socialmedia.list-type > li > a > dl dd.icon-channel { top:136px; left:19px; width:96px; }
}
@media (max-width:380px) {
	.list-type .list-footer dd p.topday-end,
	.list-type .list-footer dd p.special-open {padding:8px 0px;min-width:140px;margin-left:-65px;}
	.page-analytics .list-type .list-footer dd p.topday-end,
	.page-analytics .list-type .list-footer dd p.special-open{padding:8px 0px 7px;width:140px;margin-left:0px;}
	.list-type .list-footer dd p.special-open:after, 
	.page-analytics .list-type .list-footer dd p.special-open:after {rigth:-5px !important; background-position: -192px -160px;}
	.list-type .list-footer dd p.credit-rating{padding:8px 0px 8px 25px;min-width:160px;margin-left:-65px;}
	.page-analytics .list-type .list-footer dd p.credit-rating{padding:8px 0px 8px 25px;min-width:140px;margin-left:-70px; top:5px;}
	.list-type .list-footer dd p.special-open:before, 
	.page-analytics .list-type .list-footer dd p.special-open:before,
	.list-type .list-footer dd p.credit-rating:before, 
	.page-analytics .list-type .list-footer dd p.credit-rating :before {left:0;}
	
}
@media (max-width:425px) {
	.list-type > a > ul li,
	.list-type > li > a > ul li {display:block;}
	.list-type > li > a > ul li.icon-os {display:inline-block;}
	.list-type > a > ul li:after,
	.list-type > li > a > ul li:after {display:none;}
	.list-type > a > ul li .tpcall,
	.list-type > li > a > ul li .tpcall {margin-left:18px;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.list-type .list-footer dd p.special-open:before,
	.page-analytics .list-type .list-footer dd p.special-open:before,
	.list-type > li > a > ul li .special-price em:after,
	.list-type .icon-txt.s13 span:before,
	.list-type .list-footer dd p.credit-rating:before, 
	.page-analytics .list-type .list-footer dd p.credit-rating:before{background-image:url(../img/bg_icon_sprite@2x.png?version=201812261600);}
	.list-type .list-footer dd p.special-open:after, 
	.page-analytics .list-type .list-footer dd p.special-open:after{background-image:url(../img/bg_shapes_sprite@2x.png?version=201808291431);}
	.list-type > li > a > dl dd.icon-os span.onestore:before,
	.list-type > a > dl dd.icon-os span.onestore:before {background-image:url(../img/bg_shapes_sprite@2x.png?version=201810301030);}
}


/****** [LIVE LAYOUT - Home] ******/
.list-type.s7 {position:relative;overflow:hidden;z-index:0;}
.list-type.s7 > li {height:92px;position:absolute;left:0px;right:0px;}
.list-type.s7 > a,
.list-type.s7 > li > a {min-height:86px;}
.list-type.s7 .list-photo + dl .txt-nation {top:19px;left:94px;}
.list-type.s7 .list-photo {float:left;width:50px;height:50px;}
.list-type.s7 > a > dl,
.list-type.s7 > li > a > dl {margin-top:-2px;}
.list-type.s7 .list-cont .list-tit {padding-right:70px;}
.list-type.s7 .txt-recentlyDate {position:absolute;top:40px;right:20px;text-align:right;font-size:12px;}
.list-type.s7 > li.listlight a {-webkit-animation:listlight 1s ease-out;animation:listlight 1s ease-out;}
@keyframes listlight {
	0% {opacity:1;}
	10% {opacity:0;}
	100% {opacity:1;}
}

.clock {width:16px;height:16px;margin:0;top:-20px;right:0;background-color:#fff;border-radius:100%;border:1px solid #a8a8a8;text-align:left;box-sizing:border-box;}
.clock,
.clock > *,
.clock > *:before {position:absolute;}
.clock .hour {width:1px;height:100%;margin:0 auto;right:0;left:0;-webkit-animation:time 60s infinite linear;animation:time 60s infinite linear;}
.clock .hour:before {content:'';width:1px;height:4px;top:3.5px;background-color:#a8a8a8;}
.clock .minute {width:1px;height:100%;margin:0 auto;right:0;left:0;-webkit-animation:time2 10s infinite linear;animation:time2 10s infinite linear;}
.clock .minute:before {content:'';width:1px;height:5px;top:2.5px;background-color:#a8a8a8;}
@-webkit-keyframes time {
	   0% {-webkit-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg);}
	100% {-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg);}
}
@keyframes time {
	  0% {-webkit-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg);}
	100% {-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg);}
}
@-webkit-keyframes time2 {
	  0% {-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);}
	100% {-webkit-transform:rotate(420deg);-ms-transform:rotate(420deg);transform:rotate(420deg);}
}
@keyframes time2 {
	  0% {-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);}
	100% {-webkit-transform:rotate(420deg);-ms-transform:rotate(420deg);transform:rotate(420deg);}
}

/*** mobile ***/
@media (max-width:768px) {
	.list-type.s7 > a,
	.list-type.s7 > li > a {padding:10px;}
	.list-type.s7 .list-photo + dl .txt-nation {top:12px;left:85px;}
	.list-type.s7 .txt-recentlyDate {top:33px;}
}

/****** [2 COLUMN LAYOUT - Home-CPS] ******/
.list-type > .list-cont > a {height:110px;min-height:110px !important;padding:15px 15px 15px 110px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;justify-content:center;-ms-flex-direction:column;position:relative;box-sizing:border-box;overflow:hidden;}
/*** thumbnail ***/
.list-type .list-cont .list-photo {float:none;width:80px;height:80px;position:absolute;top:15px;left:15px;border-radius:18px;overflow:hidden;}
.list-type .list-cont .list-photo img {width:100%;height:100%;}
/*** title ***/
.list-type .list-cont .list-tit {height:1.4em;-webkit-line-clamp:1;font-size:20px;}
.list-type > .list-cont a > p {line-height:1.5;color:#999;}
.list-type > .list-cont:not(.list-form) > a > p strong {min-width:70px;line-height:1;margin:-13px 0;padding:6px 10px 7px;display:block;position:absolute;top:50%;right:10px;border-radius:20px;background-color:#00bdcd;color:#fff;font-size:12px;font-weight:normal;text-align:center;box-sizing:border-box;}

.list-type.s1 {display:-moz-box;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.list-type.s1 > .list-cont {float:left;width:50%;margin-top:0;}
.list-type.s1 > .list-cont:nth-child(2n) {border-left:1px solid #d9d8d8;}
.list-type.s1 > .list-form {width:100%;margin-top:8px;-webkit-order:4;order:4;}
.list-type.s1 > .list-cont:nth-child(4) ~ .list-cont:not(.list-form) {-webkit-order:5;order:5;} 
.list-type.s1 .list-footer {padding:0.2rem 0.5em 0.2rem 5em;text-align:center;}
.list-type.s1 .list-footer dt {width:10em;left:1em;text-align:left;}
.list-type.s1 .list-footer dt strong {max-width:60%;}
.list-type.s1 .btn-sns {width:30px;height:30px;margin:3px;}
.list-type.s1 .btn-sns:before {margin:-8px;}
.list-type.s1 .btn-result {width:40px;height:40px;}
.list-type.s1 .btn-result:before {width:40px;height:40px;background-position:-48px -366px;}
.list-type.s1 .btn-landing {width:40px;height:40px;}
.list-type.s1 .btn-landing:before {width:40px;height:40px;background-position:-48px -456px;}
/*** CPS form***/
.list-type .list-form {margin:8px 0;padding:1.5em 10px;position:relative;border:0;background-color:#667281;text-align:center;}
.list-type .list-form .form-tit {margin-bottom:14px;color:#fff;font-size:25px;font-weight:300;}
.list-type .list-form .form-tit span {color:#c0d3ea;font-size:15px;}
.list-type .list-form .input-type,
.list-type .list-form .form-cont {max-width:580px;margin:0 auto;}
.list-type .list-form .form-cont:before {content:'';width:34px;height:1px;margin:30px auto 27px;display:block;background-color:#fff;}
.list-type .list-form .form-cont textarea {height:100px;margin:14px 0 6px;border-radius:0;background-color:#e8ecef;}
.list-type .list-form .form-cont .btn-sns {width:65px;height:65px;}
.list-type .list-form .form-cont .btn-sns:before {width:65px;height:65px;margin:0px;background-position-y:-92px;}

/*** desktop ***/
@media (min-width:769px) {
	.list-type .list-cont .list-tit {padding-right:100px;}
	.list-type > .list-cont:not(.list-form) a > p {width:60%;}
	.list-type .list-form .form-cont .icon-k {}
	.list-type.s1 .btn-result,
    .list-type.s1 .btn-landing{margin-top:2px;}
}
/*** desktop ***/
@media (max-width:900px) {
	.list-type.s1 > .list-cont {float:none;width:100%;border-left:none !important;}
}
/*** mobile ***/
@media (max-width:768px) {
	.list-type .list-cont .list-tit {font-size:17px;}
	.list-type > .list-cont:not(.list-form) > a > p strong {max-width:120px;margin:5px 0 0;position:relative;top:0;right:auto;}
	.list-type > .list-cont > a {height:auto;}
	.list-type.s1 > .list-cont {width:100%;}
	.list-type.s1 > .list-cont:nth-child(2n) {border-left:0;}
	.list-type.s1 > .list-form {width:100%;}
	.list-type .list-form .form-tit {font-size:19px;}
	.list-type .list-form .form-tit span {display:block;font-size:13px;}
	.list-type .list-form .form-cont .btn-sns {width:46px;height:46px;}
	.list-type .list-form .form-cont .btn-sns:before {width:46px;height:46px;margin:0;background-position-y:0;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.list-type .list-footer dt:before {background-image:url(../img/bg_icon_sprite@2x.png);}
	.list-type .list-footer dt:after {background-image:url(../img/bg_shapes_sprite@2x.png);}
	.list-type > a > ul li .tpcall:before,
	.list-type > li > a > ul li .tpcall:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201801090945)}
	/*.list-type [class^=txt-cam]:before {background-image:url(../img/bg_icon_sprite@2x.png);}*/
	.list-type > a > dl dd.icon-os span:after,
	.list-type > li > a > dl dd.icon-os span:after{background-image:url(../img/bg_icon_sprite@2x.png?version=2018001301600);}
}

/****** [BANNER CHROME - Home-CPS] ******/
.list-type .btn-chrome {display:none !important;width:260px;height:95px !important;padding:0 !important;position:absolute !important;top:16px;right:12px;background-image:url(../img/bn_chrome.png);background-repeat:no-repeat;background-position:0 0;background-size:260px auto;font-size:0;line-height:0;overflow:visible !important;}
.list-type .btn-chrome > p {display:none;width:260px;line-height:1.5;padding:10px 15px;position:absolute;top:90%;right:0;background-color:#fff;border:1px solid #667281;border-radius:5px;font-size:14px;color:#1e659a !important;text-align:left;box-shadow:0 2px 2px 5px rgba(0,0,0,0.05);box-sizing:border-box;}
.list-type .btn-chrome > p:before {content:'';width:10px;height:10px;margin:0 -5px;display:block;position:absolute;top:-5px;left:50%;background-color:#fff;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);}
.list-type .btn-chrome > p:after {content:'';width:100%;height:40px;margin-top:10px;display:block;background-image:url(../img/img_chrome_page.png?version=201803061530);background-repeat:no-repeat;background-position:0 0;background-size:228px auto;}
.list-type .btn-chrome:hover > p {display:block;}
.chrome .list-type .btn-chrome {display:block !important;}
.chrome .list-type .list-form {padding-right:286px;}

/*** mobile ***/
@media (max-width:907px) {
	.list-type .btn-chrome {width:170px;height:95px;background-image:url(../img/bn_chrome_sm.png);background-size:170px auto;}
	.chrome .list-type .list-form {padding-right:200px;}
}
/*** mobile ***/
@media (max-width:768px) {
	.chrome .list-type .btn-chrome {display:none !important;}
	.chrome .list-type .list-form {padding-right:10px;}
	.list-type .btn-chrome {display:none !important;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.list-type .btn-chrome > p:after {background-image:url(../img/img_chrome@2x.png?version=201803061530);}
}

/****** [BG + min-width LAYOUT - PR/PromoteRequest] ******/
.list-type.s2 {padding-left:20px;padding-right:20px;background-color:#f8f8f8;}
.list-type.s2 > a {max-width:700px;min-height:10em;margin:0 auto;}

/****** [BG + min-width LAYOUT - CloseCampaign] ******/
.list-type.s3 {padding-left:20px;padding-right:20px;background-color:#fff;}
.list-type.s3 > a,
.list-type.s3 li > a,
.list-type.s3 .list-cont > a {max-width:700px;min-height:10em;margin:0 auto;}
.list-type.s3 .list-photo {width:90px;height:90px;}
.list-type.s3 > a,
.list-type.s3 li,
.list-type.s3 .list-cont {margin-top:0;border-bottom:0;box-shadow:none;}
.list-type.s3 li > a {border-top:1px solid #f0f0f0;}
.list-type.s3 li:first-child > a {border-top:0;}
.list-type.s3 .list-tit {margin-top:0;}
.list-type.s3 > a > ul,
.list-type.s3 > li > a > ul {max-width:100%;margin-left:-8px;}
.list-type.s3 > li > a > ul li {text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}

/****** [min-width LAYOUT - SendSocialMedia-CPS] ******/
.list-type.s4 {border-bottom:0.5rem solid #e8ecef;background-color:#fff;}
.list-type.s4:after {content:'';display:block;height:1px;background-color:#b3b6b9;border-bottom:1px solid #d7dadd;}
.list-type.s4 > a,
.list-type.s4 li > a,
.list-type.s4 .list-cont > a {max-width:1024px;min-height:10em;margin:0 auto;padding-left:110px;}
.list-type.s4 > a,
.list-type.s4 li,

.list-type.s4 .list-cont {margin-top:0;border-bottom:0;box-shadow:none;}
.list-type.s4 li > a {border-top:1px solid #f0f0f0;}
.list-type.s4 li:first-child > a {border-top:0;}
.list-type.s4 .list-tit {margin-top:0;}

/****** [min-width LAYOUT - SendSocialMedia] ******/
.list-type.s5 {position:relative;border-bottom:0.5rem solid #e8ecef;background-color:#fff;font-size:13px;}
.list-type.s5:after {content:'';display:block;height:1px;background-color:#b3b6b9;border-bottom:1px solid #d7dadd;}
.list-type.s5 > a,
.list-type.s5 li > a {max-width:1024px;margin:0 auto;overflow:visible;}
.list-type.s5 > a,
.list-type.s5 li {margin-top:0;border-bottom:0;box-shadow:none;}
.list-type.s5 li > a {border-top:1px solid #f0f0f0;}
.list-type.s5 li:first-child > a {border-top:0;}
.list-type.s5 .list-tit {height:1.4em;margin-top:0;-webkit-line-clamp:1;}
.list-type.s5 .btn-wrap01 {display:none;}
.list-type.s5 .mark-wrap {max-width:1024px;height:0px;margin:0 auto;position:relative;top:0;left:0;}
.list-type.s5 .footer-wrap {border-top:1px solid #f1f1f1;background-color:#f8f8f8;}
.list-type.s5 .list-footer {max-width:1024px;min-height:46px; margin:0 auto;border:none;}

/*** mobile ***/
@media (max-width:768px) {
	.list-type.s5 > a > ul,
	.list-type.s5 > li > a > ul {margin-top:10px;padding-left:134px;}
	.list-type.s5 .list-tit {height:2.8em;-webkit-line-clamp:2;}
	.list-type.s5 > a > ul li .hidden-md {display:inline-block;}
	/**.list-type.s5 .list-footer dt:before {display:none;}**/
	.list-type.s5 .btn-wrap01 {display:none;width:100%;padding:5px 0;background-color:#eee;border-top:1px solid #ddd;}
	.list-type.s5 .btn-show {width:100%;margin:0 auto;display:block;position:relative;font-size:13px;}
	.list-type.s5 .btn-show:after {content:'';width:32px;height:32px;margin:-16px 20px;display:inline-block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-224px -32px;background-size:640px auto;}
	.list-type.s5 .btn-show-open:after {background-position:-256px -32px;}
}
@media (max-width:425px) {
	.list-type.s5 > a,
	.list-type.s5 > li > a {min-height:auto;}
	.list-type.s5 .list-photo {width:70px;height:70px;margin-right:17px;}
	.list-type.s5 > a > ul,
	.list-type.s5 > li > a > ul {padding-left:91px;}
	.list-type.s5 .list-photo + dl .txt-nation {left:107px;}
	.list-type.s5 .btn-wrap01 {display:block;}
	.list-type.s5 ul.list-info2.hide li.hidden-md {display:none;}
	.list-type.s5 ul.list-info2.show li.hidden-md {display:inline-block;}
	.list-type.s5 .list-footer {min-height:43px; margin-top:3px;}
}
/**@media (max-width:320px) {
	.list-type.s5 > a > ul,
	.list-type.s5 > li > a > ul {padding-left:0px;}
}**/
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.list-type.s5 .btn-show:after {background-image:url(../img/bg_shapes_sprite@2x.png);}
}

/****** [SPECIAL CONTENT - Home] ******/
.list-type.s6 {font-size:14px;}
.list-type.s6 > a,
.list-type.s6 > li {margin-top:0;position:relative;border-bottom:1px solid #e8e8e8;box-shadow:0px 0px 0 0 rgba(0,0,0,0.1);background-color:transparent;box-sizing:border-box;}
.list-type.s6 > a,
.list-type.s6 > li > a {min-height:inherit;padding:20px;display:block;position:relative;box-sizing:border-box;/*overflow:hidden;*/}
.list-type.s6 a:before,
.list-type.s6 li:before,
.list-type.s6 a:after,
.list-type.s6 li:after {content:'';display:table;}
.list-type.s6 a:after,
.list-type.s6 li:after {clear:both;}
/*** nation ***/
.list-type.s6 .txt-nation {margin-left:0px;top:2px;left:0;/*background-color:#fffff5;*/}
/*.list-type.s6 .ui-cont .txt-nation {background-color:#f7f7ed;}*/
.list-type.s6 > a > dl,
.list-type.s6 > li > a > dl {position:absolute;top:25px;left:20px;z-index:2;}
.list-type.s6 [class^=txt-cam]:after {display:none;}
.list-type.s6 .list-cont {padding:0 100px 0 120px;overflow:hidden;}
/*.list-type.s6 .list-cont {padding:0 100px 0 90px;overflow:hidden;}*/
.list-type.s6 .list-cont .list-tit {float:left;max-width:50%;height:1.4em;margin:0;padding:0;-webkit-line-clamp:1;font-size:18px;}
.list-type.s6 .s1 .list-cont .list-tit {max-width:90%;}
.list-type.s6 .list-cont ul {float:left;margin-top:3px;margin-left:10px;}
.list-type.s6 .list-cont ul li {color:#888;}
.list-type.s6 .list-cont ul li em {color:#ef2c6c;}

.list-type.s6 .btn-more02 {line-height:1.42857143;margin-top:-13.5px;padding:4px 20px 4px 10px;display:block;position:absolute;top:50%;right:20px;background-color:transparent;border:1px solid #00bdcd;border-radius:100px;color:#00bdcd;font-size:12px;text-align:center;box-sizing:border-box;}
.list-type.s6 .btn-more02:after {content:'';margin:-2px -4px;position:absolute;top:50%;right:12px;border:4px solid transparent;border-top:5px solid #00bdcd;z-index:2;}
.list-type.s6 .btn-more02.ui-btn-open:after {margin:-7px -4px;border:4px solid transparent;border-bottom:5px solid #00bdcd;}

.list-type.s6 .icon-txt {border-bottom-width:38px;border-left-width:38px;}
.list-type.s6 .icon-txt span {width:53px;top:8px;left:-51px;font-size:10px;}

.list-type.s6 li.ui-cont {background-color:#f7f7ed;}
.list-type.s6 li.ui-cont a {padding-left:50px;border-top:1px solid #e5e5dc;}
.list-type.s6 li.ui-cont a:first-child {border:none;}
.list-type.s6 li.ui-cont a:before,
.list-type.s6 li.ui-cont a:after {content:'';display:block;position:absolute;left:25px;top:50%;background-color:#acaca5;}
.list-type.s6 li.ui-cont a:before {width:2px;height:15px;margin-top:-15px;}
.list-type.s6 li.ui-cont a:after {top:50%;margin-top:-1px;width:15px;height:2px;}
.list-type.s6 li.ui-cont > a > dl,
.list-type.s6 li.ui-cont > a > dl {left:50px;}

/*** mobile ***/
@media (max-width:768px) {
	/*.list-type.s6 > a,
	.list-type.s6 > li {overflow:hidden;}*/
	.list-type.s6 > a > dl,
	.list-type.s6 > li > a > dl {top:20px;}
	.list-type.s6 .list-cont {padding:20px 0 0 0;}
	.list-type.s6 .list-cont .list-tit {float:none;max-width:100%;font-size:16px;}
	.list-type.s6 .s1 .list-cont .list-tit {max-width:100%;}
	.list-type.s6 .list-cont ul {float:none;margin-top:5px;margin-left:0;}
	.list-type.s6 .btn-more02 {float:none;margin-top:0;padding:2px 20px 2px 10px;position:absolute;top:auto;bottom:16px;}
	.list-type.s6 .s1 .btn-more02 {float:right;position:relative;}
	.list-type.s6 li.ui-cont a:before,
	.list-type.s6 li.ui-cont a:after {top:25%;}
}

/****** [LIVE LAYOUT - Home] ******/
/*** mobile ***/
@media (max-width:768px) {
	.list-type.s7 .list-photo {width:65px;height:65px;margin-right:10px;}
	.list-type.s7 .list-cont .list-tit {font-size:13px;height:2.8em;-webkit-line-clamp:2;}
}

/****** [ - CS/IndexCS CS/ListNotice Rnaking/IndexRanking Setting/IndexSetting Seting/ModifyNotification] ******/
.list-type03 {position:relative;}
.page-bg .list-type03:after {content:'';display:block;width:100%;height:0.4rem;border-top:1px solid #d7dadd;background-color:#e8ecef;}
.list-type03 > li {position:relative;border-bottom:1px solid #e1e1e1;background-color:#fff;}
.list-type03 li:last-child {border-color:#b3b6b9;}

.list-type03 > .list-tit,
.list-type03 > strong,
.list-type03 > li > strong,
.list-type03 > li > label,
.list-type03 > li > a {display:block;position:relative;padding:0.93em 40px 0.875em 1.5rem;font-size:16px;color:#333;}
.list-type03 > li > a:after {content:'';width:32px;height:32px;margin:-16px 0;display:block;position:absolute;top:50%;right:8px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-96px -32px;background-size:640px auto;}
.list-type03 > strong,
.list-type03 > li > strong {font-weight:400;}
.list-type03 > .list-tit {font-size:20px;color:#555;}
.list-type03 > .list-tit.check {color:#ff196b;}
.list-type03 > .check-type02,
.list-type03 > li > .check-type02 {position:absolute;top:8px;right:12px;}
.list-type03 > .check-type02 {top:13px;}
.list-type03 > li > .select-type03 {position:absolute;top:50%;right:18px;margin:-20px 0;}
.list-type03 span {overflow:hidden;display:block;position:relative;z-index:1;max-width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:16px;}
.list-type03 dd .tooltipped {border-bottom:1px dotted #999;font-size: 13px;}
.list-type03 time {position:relative;z-index:1;font-size:12px;color:#999;}
.list-type03 li > a > strong {display:block;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-color:#f5fbfb;font-size:0;line-height:0;}
.list-type03 li > a > strong:before {content:'';display:block;position:absolute;top:21px;left:0.6rem;width:6px;height:6px;border-radius:50%;background-color:#ff518a;}
.list-type03 li > a > em {float:right;color:#00bdcd;}
.list-type03 dl.list-cont:after {content:'';display:block;clear:both;width:100%;}
.list-type03 dl.list-cont dt {float:left;width:55%;min-height:10px;}
.list-type03 dl.list-cont dd {float:right;width:45%;text-align:right;}
.list-type03 dl.list-cont dt,
.list-type03 dl.list-cont dd {margin-top:0px;position:relative;color:#999;z-index:2;}
.list-type03 dl.list-cont dt:first-child,
.list-type03 dl.list-cont dt:first-child + dd {margin-top:0;margin-bottom:10px;}
.list-type03 dl.list-cont dt:first-child + dd {padding-top:0.20px;margin-bottom:10px;color:#555;font-size:15px;}
.list-type03 dl.list-cont dt:first-child span {max-width:100%;display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;box-sizing:border-box;color:#555;font-size:18px;vertical-align:middle;overflow:hidden;}
.list-type03 dl.list-cont dt > .relation {line-height:1.42857143;margin:-2px -2px -5px 10px;padding:1px 10px 2px;position:relative;display:inline-block;border-radius:10px;color:#fff;font-size:11px;text-align:center;vertical-align:middle;}
.list-type03 dl.list-cont dt > .relation:before {content:'';margin-top:-3px;margin-right:-1px;position:absolute;top:50%;right:100%;border-top:3px solid transparent;border-bottom:3px solid transparent;}
.list-type03 dl.list-cont dt > .relation.mentor {background-color:#1d3766;}
.list-type03 dl.list-cont dt > .relation.junior {background-color:#0d9ad6;}
.list-type03 dl.list-cont dt > .relation.me {background-color:#15b0c5;}
.list-type03 dl.list-cont dt > .mentor:before {border-right:6px solid #1d3766;}
.list-type03 dl.list-cont dt > .junior:before {border-right:6px solid #0d9ad6;}
.list-type03 dl.list-cont dt > .me:before {border-right:6px solid #15b0c5;}
.list-type03 dl.list-cont.me dt span,
.list-type03 dl.list-cont.junior dt span,
.list-type03 dl.list-cont.mentor dt span{max-width:65%;}
.list-type03 dl.list-cont.nickname dt span {max-width:55%;}
.list-type03 dl.list-cont.me {margin-top:-3px;}
.list-type03 dl.list-cont.me:before {content:'';display:block;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-color:#fffdeb;}
.list-type03 dl.list-cont a {margin:-3px 0 -3px 5px;padding:4px 6px 4px 20px;display:inline-block;position:relative;background-color:#fff;border-radius:3px;border:1px solid #25a0d4;color:#25a0d4;font-size:12px;}
.list-type03 dl.list-cont a:before,
.list-type03 dl.list-cont a:after {content:'';width:8px;height:2px;display:block;position:absolute;top:11px;left:7px;background-color:#25a0d4;}
.list-type03 dl.list-cont a:after {width:2px;height:8px;margin:0;top:8px;left:10px;}
.list-type03 dl.list-cont a.s1:before {width:32px;height:32px;margin-top:-16px;position:absolute;top:50%;left:-5px;background-color:transparent;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-256px -64px;background-size:640px auto;}
.list-type03 dl.list-cont a.s1:after {display:none;}
.list-type03 .ui-btn:after {background-position:100% -32px;}
.list-type03 .ui-btn-open:after {background-position:100% -64px;}
.list-type03 .ui-cont {background-color:#d7dadd;}
.list-type03 .ui-btn.disabled {pointer-events:none;}
.list-type03 .ui-btn.disabled em {color:#999;}
.list-type03 .ui-btn.disabled:after {opacity:0.5;}
.list-type03 + p {margin-top:-0.5rem;padding:0.92em 21px 0.84em 1.5rem;font-size:13px;}
div.list-type03 {background-color:#fff;}
div.list-type03 > ul {margin:0 21px;padding:10px 0;border-top:1px solid #e1e1e1;}
div.list-type03 > ul > li {overflow:hidden;font-size:16px;color:#555;}
div.list-type03 > ul > li:before {content:'';display:inline-block;width:0.01%;height:40px;vertical-align:middle;}
div.list-type03 > ul > li select {float:right;}
div.list-type03 ~ div.list-type03 {margin-top:0.6rem;}
ol.list-type03 {counter-reset:list-counter;}
ol.list-type03 li {position:relative;padding:1.07em 1.21em 1.07em 3.7rem;font-size:12px;}
ol.list-type03 li.bg {background-color:#fffdeb;}
ol.list-type03 li:before {width:30px;height:30px;line-height:30px;content:counter(list-counter);counter-increment:list-counter;border-radius:100px;position:absolute;top:14px;left:20px;font-size:18px;color:#a7a7a7;text-align:center;z-index:3;}
ol.list-type03 li:nth-child(1):before {border:2px solid #ffa200;color:#ffa200;}
ol.list-type03 li:nth-child(2):before {border:2px solid #a7a8ac;color:#a7a8ac;}
ol.list-type03 li:nth-child(3):before {border:2px solid #dd8055;color:#dd8055;}

/*** desktop ***/
@media (min-width:641px) {
	.list-type03 > a {padding-left:40px;}
	.list-type03 > a > strong:before {top:27px;left:28px;}
	ol.list-type03 li {font-size:14px;}
}
/*** mobile ***/
@media (max-width:768px) {
	.list-type03 span {font-size:13px;}
	.list-type03 > strong,
	.list-type03 > li > strong,
	.list-type03 > li > label,
	.list-type03 > li > a,
	.list-type03 > li > .select-type03 {font-size:15px;}
	.list-type03 + p {font-size:12px;}
	ol.list-type03 li {padding-left:4rem;}
	ol.list-type03 li:before {width:20px;height:20px;line-height:1.42857143;top:12px;left:10px;font-size:15px;}
	ol.list-type03 li:nth-child(3) ~ li:before {width:30px;left:7px;}	
	

}
@media (max-width:640px) {
	.list-type03 dl.list-cont.mentor dt span,
	.list-type03 dl.list-cont.junior dt span,
	.list-type03 dl.list-cont.me dt span{max-width:55%;}
	.list-type03 dl.list-cont.nickname dt span {max-width:30%;}
	.list-type03 dl.list-cont dt span.mark-prom,
	.list-type03 dl.list-cont dt span.mark-teacher{max-width:100%;margin-top: 7px;}
	/*.list-type03 dl.list-cont.nickname.pro dt span{max-width:20%}*/
	.list-type03 dl.list-cont.nickname dt span{max-width:40%;}
	.list-type03 dl.list-cont dt:first-child span {font-size:15px;}	
}

@media (max-width:360px) {
	/*.list-type03 dl.list-cont.mentor.pro dt span,
	.list-type03 dl.list-cont.junior.pro dt span,
	.list-type03 dl.list-cont.me.pro dt span {max-width:30%;}*/
	.list-type03 dl.list-cont dt:first-child + dd {font-size: 14PX;}
	.list-type03 dl.list-cont.nickname dt span {max-width:20%;}
	
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.list-type03 dl.list-cont a.s1:before {background-image:url(../img/bg_icon_sprite@2x.png);}
	.list-type03 > li > a:after {background-image:url(../img/bg_shapes_sprite@2x.png);}
}

/****** [ - CS/ListFAQ CS/ListQnA] ******/
.list-type04 {background-color:#fff;border-bottom:1px solid #d7dadd;}
.list-type04 > dt,
.list-type04 .list-tit {position:relative;border-top:1px solid #d7dadd;font-size:13px;line-height:1.5;font-weight:400;}
.list-type04 > dt a,
.list-type04 .list-tit {display:block;padding:1.18em 44px 1.18em 3rem;color:#333;}
.list-type04 > dt a:before {content:'Q';position:absolute;top:0.75em;left:1.5rem;font-size:16px;color:#00bdcd;}
.list-type04 > dt a:after,
.list-type04 .list-tit:after {content:'';width:32px;height:32px;margin:-16px 0;display:block;position:absolute;top:50%;right:12px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-128px -32px;background-size:640px auto;}
.list-type04 .ui-btn-open {background-color:#00bdcd;color:#fff;}
.list-type04 .ui-btn-open:before {color:#fff;}
.list-type04 .ui-btn-open:after {background-position:-192px -32px;}
.list-type04 > dd,
.list-type04 .list-cont {position:relative;padding:1rem 1.5rem 1rem 3rem;border-top:1px solid #d7dadd;background-color:#f5fbfb;font-size:13px;line-height:1.78;color:#666;font-weight:300;}
.list-type04 > dd:before {content:'A';position:absolute;top:0.7rem;left:1.5rem;font-size:16px;color:#ff518a;}
.list-type04 .list-tit {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;justify-content:center;-ms-flex-direction:column;padding-left:98px;min-height:58px;box-sizing:border-box;}
.list-type04 .list-tit > dl dt {display:none;}
.list-type04 .list-tit dd[class^=icon-state] {position:absolute;top:50%;left:1.5rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;margin:-1.92em 0;width:3.84em;height:3.84em;background-color:#fff;border:2px solid #00bdcd;border-radius:50%;color:#00bdcd;font-size:11px;line-height:1;text-align:center;box-sizing:border-box;}
.ie9 .list-type04 .list-tit dd[class^=icon-state] {padding-top:8px;}
.list-type04 .list-tit dd.icon-state-complete {background-color:#00bdcd;color:#fff;}
.list-type04 .list-tit dd.icon-state-modify {background-color:#ef2c6c;color:#fff;border-color: #ef2c6c;}
.list-type04 .list-tit dd {display:inline-block;color:#777;font-size:13px;}
.list-type04 .list-tit .tit {display:block;color:#222;}
.list-type04 .list-tit h2,
.list-type04 .list-tit h3,
.list-type04 .list-tit h4,
.list-type04 .list-tit h5,
.list-type04 .list-tit h6 {font-weight:400;font-size:13px;}
.list-type04 .ui-btn-open dd[class^=icon-state] {background-color:#fff;border-color:#fff;color:#00bdcd;}
.list-type04 .ui-btn-open dd,
.list-type04 .ui-btn-open .tit {color:#fff;}
.list-type04 .list-stit {color:#555;font-size:13px;font-weight:400;}
.list-type04 .list-cont {padding-left:1.5rem;font-size:14px;}
.list-type04 .list-cont dl {position:relative;margin:19px 0 0;}
.list-type04 .list-cont dl:before {content:'';display:block;position:absolute;top:12px;left:12px;right:0;height:1px;border-top:1px dotted #00bdcd;}
.list-type04 .list-cont dt {line-height:1.42857143;margin:0 0 0 -12px;padding:4px 11px 4px;display:inline-block;position:relative;background-color:#00bdcd;border-radius:15px;color:#fff;font-size:12px;}
.list-type04 .list-cont dd {padding-top:0.8rem;color:#00bdcd;font-size:13px;}

/*** desktop ***/
@media (min-width:769px) {
	.list-type04 > dt,
	.list-type04 .list-tit,
	.list-type04 .list-tit h2,
	.list-type04 .list-tit h3,
	.list-type04 .list-tit h4,
	.list-type04 .list-tit h5,
	.list-type04 .list-tit h6 {font-size:16px;}
	.list-type04 > dt a:before,
	.list-type04 > dd:before {font-size:20px;}
	.list-type04 > dt a:hover {background-color:#00bdcd;color:#fff;}
	.list-type04 > dt a:hover:before {color:#fff;}
	.list-type04 > dd,
	.list-type04 .list-cont,
	.list-type04 .list-stit,
	.list-type04 .list-cont dd {font-size:14px;}
	.list-type04 .list-tit dd[class^=icon-state] {font-size:13px;}

}
/*** mobile ***/
@media (max-width:768px) {
	.list-type04 .list-tit .tit ~ dd {display:none;}
	.list-type04 .list-tit {padding-left:70px;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.list-type04 > dt a:after,
	.list-type04 .list-tit:after {background-image:url(../img/bg_shapes_sprite@2x.png);}
}

/****** [ - Point/ListPoint Point/ListWithdrawal] ******/
.list-type05 {margin-bottom:0.5rem;background-color:#fff;}
.list-type05:after {content:'';display:block;height:1px;border-top:1px solid #b3b6b9;background-color:#d7dadd;}
.list-type05 > li {padding:0 1.5rem;border-bottom:1px solid #d2d2d2;}
.list-type05 li {position:relative;}
/*** nation ***/
.list-type05 .txt-nation {margin-left:-1px;position:absolute;top:13px;}
.list-type05 li > h4 > a .txt-nation {top:-4px;}
.list-type05 .txt-nation > img {width:22px;}
.list-type05 .txt-nation + dt + dd { margin-left:5px;}
/*** type, category ***/
.list-type05 > li > h3 > a > dl,
.list-type05 > li > h3 > dl,
.list-type05 li > h4 > a > dl,
.list-type05 li > h4 > dl {margin-top:-5px;}
.list-type05 > li > h3 > a > dl dt,
.list-type05 > li > h3 > dl dt,
.list-type05 li > h4 > a > dl dt,
.list-type05 li > h4 > dl dt {display:none;}

.list-type05 li > .list-tit,
.list-type05 a > .list-tit {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;justify-content:center;-ms-flex-direction:column;height:6.15em;font-weight:400;font-size:13px;}
.list-type05 li > .list-tit strong,
.list-type05 a > .list-tit strong {max-width:60%;display:block;color:#333;font-weight:400;font-size:18px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.list-type05 li > .list-tit dl + strong { padding-left:25px;}
.list-type05 .list-tit strong.txt-done {color:#ed145b !important;}
.list-type05 .list-tit time {display:block;margin-top:0.76em;color:#9e9e9e;}
.list-type05 > li > a > .list-tit time {margin-top:0;font-size:25px;color:#819ec1;}
.list-type05 li > p,
.list-type05 a > p {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:flex-end;justify-content:center;-ms-flex-direction:column;text-align:right;position:absolute;top:0;right:1.5rem;height:6.15em;font-size:13px;}
.list-type05 a > p {right:15px;}
.list-type05 li > p strong,
.list-type05 li > p time,
.list-type05 a > p strong {display:block;}
.list-type05 li > p strong,
.list-type05 a > p strong {font-size:22px;line-height:1.5;color:#4d6490;}
.list-type05 a > p em:after {content:'';display:inline-block;margin:-3px 10px 0;width:1px;height:10px;background-color:#ccc;vertical-align:middle;}
.list-type05 li > p time {margin-bottom:0.53em;}
.list-type05 a > p,
.list-type05 li > p a {color:#999;}
.list-type05 .list-cont {padding:1.28em 1.42em;margin-bottom:1.42em;border:1px solid #ededed;background-color:#f6f6f6;font-size:14px;}
.list-type05 .list-cont:after {content:'';clear:both;display:block;width:100%;}
.list-type05 .list-cont > dt {margin-top:11px;float:left;clear:left;margin-right:5px;color:#555;font-weight:bold;}
.list-type05 .list-cont > dt:before {content:'';display:inline-block;margin:-3px 4px 0 0;width:3px;height:3px;border-radius:50%;background-color:#bababa;vertical-align:middle;}
.list-type05 .list-cont > dt,
.list-type05 .list-cont > dd {margin-top:0.64em;}
.list-type05 .list-cont > dt:first-child,
.list-type05 .list-cont > dt:first-child + dd {margin-top:0;}
.list-type05 .list-cont li p strong {font-size:14px;color:#999;}
.list-type05 ul.list-cont {padding:0;}
.list-type05 ul.list-cont li {padding-left:15px;padding-right:30px;border-top:1px dotted #e6e6e6;}
.list-type05 ul.list-cont li:first-child {border-top:0;}
.list-type05 ul.list-cont li a {display:block;position:relative;color:#999;}
.list-type05 ul.list-cont li p {right:30px;}
.list-type05 ul.list-cont li a p {right:0;}
.list-type05 ul.list-cont li a:after {content:'';width:32px;height:32px;margin:-16px 0;display:block;position:absolute;top:50%;right:-32px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-288px -32px;background-size:640px auto;}
.list-type05 div.list-cont .list-tit {margin-bottom:0.64em;color:#555;font-size:14px;}
.list-type05 div.list-cont .list-tit:before {content:'';display:inline-block;margin:-3px 4px 0 0;width:3px;height:3px;border-radius:50%;background-color:#bababa;vertical-align:middle;}
.list-type05 div.list-cont .list-tit + p {padding-left:0.5em;}
.list-type05 .ui-btn,
.list-type05 .btn-link04 {display:inline-block;position:relative;padding-right:15px;margin-top:0.53em;}
.list-type05 .ui-btn:after {content:'';width:32px;height:32px;margin:-16px 0;display:inline-block;position:absolute;top:50%;right:-10px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-224px -32px;background-size:640px auto;}
.list-type05 .btn-link04:after {content:'';width:32px;height:32px;margin:-16px 0;display:inline-block;position:absolute;top:50%;right:-10px;background-image:url(../img/bg_shapes_sprite.png?version=201801091146);background-repeat:no-repeat;background-position:-480px -32px;background-size:640px auto;}
.list-type05 .ui-btn-open:after {background-position:-256px -32px;}
.list-type05 .typeG .ui-btn:after {background-position:-480px -32px;}
.list-type05 > li >.ui-btn {display:block;}
.list-type05 .type1 > p strong,
.list-type05 .type1 > a > p strong {color:#00bdcd;}
.list-type05 .type2 > p strong,
.list-type05 .type2 > a > p strong {color:#ed145b;}
.list-type05 .type3 > p strong,
.list-type05 .type3 > a > p strong {color:#aaa;text-decoration:line-through;}
/*** mobile ***/
@media (max-width:768px) {
	.list-type05 li > .list-tit,
	.list-type05 a > .list-tit,
	.list-type05 li > p,
	.list-type05 a > p,
	.list-type05 .list-tit time,
	.list-type05 .list-cont {font-size:12px;}
	.list-type05 div.list-cont .list-tit {font-size:13px;}
	.list-type05 li > .list-tit strong,
	.list-type05 a > .list-tit strong {font-size:14px;}
	.list-type05 li > p strong,
	.list-type05 a > p strong {font-size:18px;}
	.list-type05 > li > a > .list-tit time {font-size:22px;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.list-type05 ul.list-cont li a:after {background-image:url(../img/bg_shapes_sprite@2x.png);}
	.list-type05 .ui-btn:after {background-image:url(../img/bg_shapes_sprite@2x.png);}
	.list-type05 .btn-link04:after {background-image:url(../img/bg_shapes_sprite@2x.png?version=201801091146);}
	
}

/****** [ - Academy/InfoLecture Setting/ListNotification] ******/
.list-type06 {background-color:#fff;font-size:14px;}
.list-type06 > li {position:relative;font-size:13px;}
.list-type06 a {padding:15px 25px 15px 60px;display:block;position:relative;left:0;border-top:1px solid #dadada;background-color:#fff;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;box-sizing:border-box;}
.list-type06 a:after {content:'';display:block;clear:both;}
.list-type06 .list-tit {padding-right:20px;color:#333;font-size:18px;font-weight:300;clear:both;}
.list-type06 .list-tit.s1 {padding-right:0px;}
.list-type06 .list-tit strong {color:#ff1461;font-weight:400;}
.list-type06 .list-tit strong:before {content:'';width:32px;height:32px;display:block;position:absolute;top:11px;left:15px;}
.list-type06 a > time {display:block;margin:10px 0 0;color:#999;}
.list-type06 p {margin:9px 0 0;font-size:15px;color:#666;}
.list-type06 .list-close {position:absolute;top:0;right:0;font-size:0;line-height:0;}
.list-type06 .list-close:before {content:'';width:32px;height:32px;margin:auto;display:block;position:relative;top:0;bottom:0;}

.list-type06 .list-cont {margin:6px 0 6px -9px;overflow:hidden;}
.list-type06 .list-cont dt,
.list-type06 .list-cont dd {padding-right:6px;display:inline-block;color:#777;}
.list-type06 .list-cont dt:before {content:'';width:1px;height:9px;margin:-2px 9px 0 0;display:inline-block;background-color:#cecece;vertical-align:middle;}
.list-type06 .list-cont dt {margin-left:-1px;}
.list-type06 .list-cont dt.close {display: none;}
.list-type06 .list-cont dt.close + dd {margin-left:10px;}
.list-type06 .list-cont dd em { color:#ff1461;}

.list-type06 .list-cont02 {margin-top:4px;}
.list-type06 .list-cont02 dt,
.list-type06 .list-cont02 dd {padding:4px 0 3px;color:#666;font-size:15px;}
.list-type06 .list-cont02 dt {float:left;clear:right;}
.list-type06 .list-cont02 dt:after {content:':';margin:5px;}
.list-type06 .list-cont02.s1 dt:after {content:'-';}
.list-type06 .list-cont02 strong {font-weight:400;}
.list-type06 .list-cont02 strong + em {display:inline-block;}

.list-type06 .list-cont03 {min-height:74px;margin:15px 0;padding:5px 5px 5px 73px;display:block;position:relative;border:1px solid #ddd;background-color:#fafafa;box-sizing:border-box;overflow:hidden;}
.list-type06 .list-cont03.s2{padding:5px 10px;min-height: 10px;}
.list-type06 .list-cont03.s1 {padding:5px 10px;}
.list-type06 .active .list-cont03 {background-color:#fff;}
.list-type06 .list-cont03 p { margin-top:0px;height:4.2em;line-height:1.4em;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;font-size:15px;overflow:hidden;}
.list-type06 .list-cont03 .list-photo {width:60px;height:60px;display:block;position:absolute;top:5px;left:5px;border:1px solid #cfcfcf;}
.list-type06 .list-cont03 .list-photo > img {width:100%;height:100%;}
.list-type06 .list-cont04 .list-tit {margin-bottom:10px;color:#666;font-size:14px;font-weight:400;}
.list-type06 .list-cont04 ul {padding:0;color:#555;overflow:hidden;}
.list-type06 .list-cont04 li {float:left;line-height:1.428567143;margin:3px;padding:3px 9px;font-size:12px;background-color:#e8e8e8;border-radius:30px;}
.list-type06 .active a {background-color:#fcfcea;border-top:1px solid #e2e2d2;}
.list-type06 .important a {background-color:#fcfcea;border-top:1px solid #e2e2d2;}
.list-type06 .important02 a {background-color:#ffefe2;border-top:1px solid #e2d8d2;}
.list-type06 .notice a {background-color:#ffc0cb;border-top:1px solid #e5acb6;}

.list-type06 [class^=icon-noti]:before {background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:0 -299px;background-size:640px auto;}
/*.list-type06 [class^=icon-noti]:before {background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:0 -331px;background-size:640px auto;}
.list-type06 .active [class^=icon-noti]:before {background-position-y:-299px;}*/
.list-type06 .icon-noti02:before {background-position-x:-32px;}
.list-type06 .icon-noti03:before {background-position-x:-64px;}
.list-type06 .icon-noti04:before {background-position-x:-96px;}
.list-type06 .icon-noti05:before {background-position-x:-128px;}
.list-type06 .icon-noti06:before {background-position-x:-160px;}
.list-type06 .icon-noti07:before {background-position-x:-192px;}
.list-type06 .icon-noti08:before {background-position-x:-224px;}
.list-type06 .icon-noti09:before {background-position-x:-256px;}
.list-type06 .icon-noti10:before {background-position-x:-288px;}
.list-type06 .icon-noti11:before {background-position-x:-320px;}
.list-type06 .icon-noti12:before {background-position-x:-352px;}
.list-type06 .icon-noti13:before {background-position-x:-384px;}

div.list-type06 {padding:0 1.5rem 20px;border-bottom:1px dotted #dadada;overflow:hidden;}
div.list-type06 > .list-img {float:left;width:200px;height:94px;display:block;margin-top:7px;margin-right:20px;}
div.list-type06 > .list-img img {width:100%;}
div.list-type06 > .list-cont02 dd {color:#999;}
div.list-type06 + .btn-wrap02 {max-width:300px;}
.list-type06 .list-close {width:40px;height:48px;display:block;right:0;}
.list-type06 .list-close:before {background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:0 0;background-size:640px auto;}

/*** mobile ***/
@media (max-width:768px) {
	.list-type06 {font-size:12px;}
	.list-type06 > li {font-size:11px;}
	.list-type06 .list-tit {font-size:15px;}
	.list-type06 .list-cont dt,
	.list-type06 .list-cont dd {display:block;}
	.list-type06 .list-cont dt {float:left;clear:left;}
	.list-type06 .list-cont dd + dt {margin-left:0;}
	.list-type06 .list-cont02 dt,
	.list-type06 .list-cont02 dd {font-size:12px;}
	.list-type06 .list-cont03 p,
	.list-type06 .list-cont03.s2 {font-size:14px;}
	.list-type06 .list-cont dt:before {width: 0px;}
}
/*** mobile ***/
@media (max-width:425px) {
	div.list-type06 > .list-img {width:70px;height:70px;background-repeat:no-repeat;background-position:center;background-size:contain;}
	div.list-type06 > .list-img img {display:none;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.list-type06 [class^=icon-noti]:before {background-image:url(../img/bg_icon_sprite@2x.png);}
	.list-type06 .list-close:before {background-image:url(../img/bg_shapes_sprite@2x.png);}
}

/****** [ - Academy/ListLecture Lounge/Mailbox] ******/
.list-type07 {padding:0 1.5rem;border-top:1px solid #d2d2d2;font-size:14px;}
.list-type07 li {border-top:1px solid #d2d2d2;}
.list-type07 li:first-child {border-top:0;}
.list-type07 a {overflow:hidden;display:block;position:relative;padding:20px 0;}
.list-type07 .list-img {float:left;width:170px;height:80px;margin-right:15px;display:block;}
.list-type07 .list-img img {width:100%;}

.list-type07 .list-tit {line-height:1.6;padding-right:0px; display:block;color:#222;font-size:18px;font-weight:400;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.list-type07 .list-tit strong {display:inline-block;width:100%;font-weight:normal;}
.list-type07 p {padding-top:7px;color:#777;}
.list-type07 .list-cont {display:block;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.list-type07.s1 .list-cont {display:block;word-wrap:normal;white-space:normal;overflow:visible;}
.list-type07 .list-cont02 {max-height:2.6em;line-height:1.3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow:ellipsis;overflow:hidden;}

.list-type07 dl {margin-top:0.6rem;font-size:0;line-height:0;}
.list-type07 dl dt {margin-right:5px;font-weight:bold;}
.list-type07 dl dt,
.list-type07 dl dd {display:inline-block;font-size:12px;line-height:1.3;color:#999;}
.list-type07 dl dd + dt:before {content:'';display:inline-block;margin:-3px 7px 0;width:1px;height:9px;background-color:#d9d9d9;vertical-align:middle;}
.txt-base + .list-type07 {margin-top:0.55rem;}

.list-type07 .txt-state {position:relative;border:1px solid #00bdcd;border-radius:100px;color:#00bdcd;font-size:13px;text-align:center;}
.list-type07 .txt-state.s1 {border:1px solid #ff1461;color:#ff1461;}
.list-type07 .txt-state.s2 {border:1px solid #4b688c;color:#4b688c;}
.list-type07 .txt-state.s3 {border:1px solid #ffc800;color:#ffc800;}
.list-type07 span.txt-state {float:left;min-width:51px;margin-right:5px;padding:1px 8px 0;display:inline;top:2px;}
.list-type07 span.txt-state.complete {border:1px solid #bbb;color:#bbb;}

/*** mobile ***/
@media (max-width:929px) {
	.list-type07 .list-img {width:90px;height:90px;background-repeat:no-repeat;background-position:center;background-size:contain;}
	.list-type07 .list-img img {display:none;}
}
@media (max-width:768px) {
	.list-type07 {font-size:12px;}
	.list-type07 .list-cont {display:none;}
	.list-type07 .list-tit {font-size:16px;}
	.list-type07 dl {overflow:hidden;}
	.list-type07 dl dt {float:left;clear:both;}
	.list-type07 dl dd {display:block;}
	.list-type07 dl dt,
	.list-type07 dl dd {margin-bottom:4px;}
	.list-type07 dl dd + dt:before {display:none;}
}

/****** [ - Academy/ListPayment] ******/
.list-type08 {border-bottom:1px solid #d7dadd;font-size:14px;}
.list-type08 dl {overflow:hidden;position:relative;padding:1.35rem 1.5rem 1.5rem 4.07em;border-top:1px solid #d7dadd;}
.list-type08 dl dt {display:none;}
.list-type08 dl dd {display:inline-block;}

.list-type08 .list-tit,
.list-type08 .list-amount {display:block;}
.list-type08 .list-tit {font-size:16px;color:#333;}
.list-type08 .list-tit:before {content:'';display:block;margin:0.5rem 0;width:15px;height:1px;background-color:#bababa;}
.list-type08 .list-amount {margin:4px 0 12px;padding-bottom:12px;border-bottom:1px solid #e5e5e5;font-size:18px;color:#333;}
.list-type08 .list-dt {display:block;float:left;margin:2px 0;color:#777;}
.list-type08 .list-dt:after {content:' :';margin-right:2px;}
.list-type08 .list-dt + dd {float:left;margin:2px 0;color:#555;}
.list-type08 .list-dt + dd + .list-dt:before {content:'';display:inline-block;margin:-3px 6px 0;width:1px;height:9px;background-color:#d5d5d5;vertical-align:middle;}
.list-type08 .list-dt:nth-last-child(2) {clear:left;}
.list-type08 .list-dt:nth-last-child(2):before {display:none !important;}
.list-type08 .list-dd {color:#68cbd4;}
.list-type08 .list-dd:before {content:'';display:inline-block;margin:-3px 10px 0 4px;width:1px;height:9px;background-color:#d5d5d5;vertical-align:middle;}
.list-type08 .list-com .list-dd {color:#ff489e;}
.list-type08 dl:nth-child(odd) {background-color:#f8f8f8;}
.list-type08 dl:before {content:'';display:block;position:absolute;top:0;bottom:0;left:2.14em;width:4px;background-color:#f1f1f1;}
.list-type08 dl:after {content:'';width:32px;height:32px;display:block;position:absolute;top:1rem;left:1.21em;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:0 -299px;background-size:640px auto;}
.list-type08 dl:first-child:before {top:30px;}
/*** mobile ***/
@media (max-width:768px) {
	.list-type08 {font-size:12px;}
	.list-type08 .list-tit {font-size:13px;}
	.list-type08 .list-amount {font-size:17px;}
	.list-type08 .list-dt {clear:left;}
	.list-type08 .list-dt + dd + .list-dt:before {display:none;}
	.list-type08 .list-dt + dd {display:inline-block;max-width:70%;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.list-type08 dl:after {background-image:url(../img/bg_icon_sprite@2x.png);}
}

/****** [ - ADBox/RegSDK] ******/
.list-info {margin:0 1.5rem 20px;border-top:2px solid #858585;}
.list-info dl {position:relative;overflow:hidden;width:100%;border-bottom:1px solid #d7dadd;font-size:0;box-sizing:border-box;}
.list-info dl .list-num,
.list-info dl .list-state {position:relative;padding:1.14em 0 1em;color:#232222;}
.list-info dl .list-num {width:3.42em;text-align:center;}
.list-info dl .list-state {width:95%;width:-webkit-calc(100% - 3.42em);width:-moz-calc(100% - 3.42em);width:calc(100% - 3.42em);}
.list-info dl .list-state strong {color:#ff489e;font-weight:normal;}
.list-info dl .list-num:after,
.list-info dl .list-state strong:after{content:'';width:1px;height:9px;background-color:#d5d5d5;}
.list-info dl .list-num:after {display:block;position:absolute;top:50%;right:7px;margin:-4px 0;}
.list-info dl .list-state strong:after {display:inline-block;margin:-3px 9px 0;vertical-align:middle;}
.list-info dl .list-state + dt,
.list-info dl .list-state + dt + dd {padding-top:1.28em !important;border-top:1px solid #d7dadd;}
.list-info dl .list-num + dt:not(.hid) {padding-left:0;width:5.2em;}
.list-info dl .list-num + dt,
.list-info dl .list-num + dt + dd {padding-top:1.14em !important;}
.list-info dl dt,
.list-info dl dd {display:inline-block;vertical-align:top;font-size:14px;}
.list-info dl dt,
.list-info dl dd:not(.list-state):not(.list-num) {padding:0.42em 0;}
.list-info dl dt {width:8.72em;padding-left:3.42em;color:#888;font-weight:300;box-sizing:border-box;}
.list-info dl dd:not(.list-state):not(.list-num) {width:92%;width:-webkit-calc(100% - 8.72em);width:-moz-calc(100% - 8.72em);width:calc(100% - 8.72em);color:#555;}
.list-info dl:nth-child(2n) {background-color:#f7f7f7;}
.list-info dl dd:last-child {margin-bottom:0.85em;}
.list-info > p {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;width:100%;height:100px;border-bottom:1px solid #d7dadd;text-align:center;color:#555;}
.tit-type + .list-info {margin-top:-1.359em;}
/*** mobile ***/
@media (max-width:768px) {
	.list-info,
	.list-info dl dt,
	.list-info dl dd {font-size:12px;}
}

/****** [ - Board/Index] ******/
.list-board {margin-top:7px;border-top:2px solid #858585;}
.list-board dl {display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;border-bottom:1px solid #f1f1f1;}
.list-board dl dt {display:none;}
.list-board dl dd:before {content:'';display:inline-block;margin-right:-4px;width:0.01%;min-height:4.26em;height:100%;vertical-align:middle;background-color:transparent;}
.list-board dl dd {min-height:4.26em;font-size:19px;}
.list-board dl dd > a {display:inline-block;padding:0.63em 0;width:95%;vertical-align:middle;}
.list-board .list-tit {-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.list-board .list-tit a {position:relative;padding:10px 10px 10px 20px;color:#333;box-sizing:border-box;}
.list-board .list-tit em {display:inline-block;background-color:#25a0d4;margin-top:-0.1rem;padding:0.2rem 5px;border-radius:4px;color:#fff;font-size:11px;vertical-align:middle;}
.list-board .list-tit time {display:block;margin-top:6px;color:#999;font-size:0.73em;}
.list-board .list-tit span {font-size:0.63em;}
.list-board .list-num {width:100px;background-color:#fafafa;font-size:15px;text-align:center;}
.list-board dl dd:last-child {width:6.5rem;background-color:#fafafa;text-align:center;font-size:13px;}
.list-board dl dd:last-child a {color:#666;}
.list-board .list-bg {background-color:#edf6fc;}
.list-board dd strong {display:block;}
.list-board .icon-new {display:inline-block;vertical-align:middle;margin-left:-10px;}
.list-board .icon-mem {margin:0 auto 3px;width:32px;height:32px;}
.list-board .icon-mem:before {background-size:160px auto;}
.list-board .icon-mem.r1:before {background-position:0 -96px;}
.list-board .icon-mem.r2:before {background-position:-32px -96px;}
.list-board .icon-mem.r3:before {background-position:-64px -96px;}
.list-board .icon-mem.r4:before {background-position:-96px -96px;}
.list-board .icon-mem.r5:before {background-position:-128px -96px;}
.list-board .icon-mem.r1-f:before {background-position:0 -128px;}
.list-board .icon-mem.r2-f:before {background-position:-32px -128px;}
.list-board .icon-mem.r3-f:before {background-position:-64px -128px;}
.list-board .icon-mem.r4-f:before {background-position:-96px -128px;}
.list-board .icon-mem.r5-f:before {background-position:-128px -128px;}

/*** mobile ***/
@media (max-width:768px) {
	.list-board .list-num {display:none;}
	.list-board dl dd {font-size:15px;}
}

/****** [ - Guide/Index] ******/
.list-guide {position:relative;overflow:hidden;border-top:1px solid #a8a8a8;}
.list-guide > a {display:block;position:relative;margin-top:-1px;padding:1.5rem 1.5rem 1.5rem 8.66em;min-height:80px;border-top:1px solid #e9e9e9;font-size:15px;}
.list-guide > a:before {content:'';display:block;position:absolute;top:1.5rem;left:1.5rem;width:80px;height:80px;border:1px solid #dedede;background-repeat:no-repeat;background-position:0 0;background-size:100% auto;}
.list-guide .list-tit {margin-bottom:10px;font-size:1.27em;line-height:1;color:#111;font-weight:400;}
.list-guide p {color:#777;}
.bg-guide11:before {background-image:url(../img/guide/guide-thumbnail2-01.png) !important;}
.bg-guide12:before {background-image:url(../img/guide/guide-thumbnail2-02.png) !important;}
.bg-guide13:before {background-image:url(../img/guide/guide-thumbnail2-03.png) !important;}
.bg-guide14:before {background-image:url(../img/guide/guide-thumbnail2-04.png) !important;}
/*** mobile ***/
@media (max-width:768px) {
	.list-guide > a {font-size:12px;}
}

/****** [ - Board/View] ******/
.list-comment {padding:0 1.5rem;border-bottom:1px solid #b4b4b4;}
.list-comment > li:first-child {border-top:none;}
.list-comment li {padding:17px 0 0;}
.list-comment li dl dt {display:none;}
.list-comment li dl dd {display:inline-block;}
.list-comment li dl dd:nth-child(2) {margin-right:4px;font-size:16px;font-weight:bold;color:#333;}
.list-comment li dl dd time {color:#999;font-size:13px;}
.list-comment li dl dd:last-child {display:block;margin-top:0.71em;font-size:14px;text-align:right;}
.list-comment li dl dd p {padding-bottom:0.71em;line-height:1.5;text-align:left;}
.list-comment li dl dd button {display:inline-block;margin-bottom:5px;padding:0 5px;min-width:50px;height:28px;border:1px solid #dfdfdf;border-radius:3px;text-align:center;font-size:13px;color:#555;}
.list-comment > li {border-top:1px solid #dfdfdf;}
.list-comment ul li {position:relative;padding-left:20px;border-top:1px dotted #cacaca;}
.list-comment ul li:before {content:'';display:inline-block;position:absolute;top:15px;left:8px;width:8px;height:8px;border-left:2px solid #cacaca;border-bottom:2px solid #cacaca;vertical-align:middle;}
.list-comment .form-comment {padding-left:32px;padding-right:65px;background:none;border:0;}
.list-comment .form-comment:before {content:'';display:inline-block;position:absolute;top:15px;left:2px;width:10px;height:10px;border-left:2px solid #cacaca;border-bottom:2px solid #cacaca;vertical-align:middle;}
.list-comment .form-comment button {right:0;background-color:#f8f8f8;border:1px solid #dfdfdf;color:#333;}

/*** mobile ***/
@media (max-width:768px) {
	.list-comment li dl dd:nth-child(2) {font-size:15px;}
	.list-comment li dl dd:last-child {display:block;font-size:13px;}
	.list-comment li dl dd time {font-size:12px;}
	.list-comment .form-comment {padding-left:0;}
	.list-comment .form-comment:before {display:none;}
}

/****** [관심콘텐츠 알림 설정] ******/
.select-wrap {width:60px;display:inline-block;position:absolute;top:0px;right:0px;vertical-align:middle;overflow:hidden;z-index:10;}
.select-wrap > span,
.select-wrap > strong {padding-right:30px;line-height:25px;display:inline-block;position:relative;font-weight:normal;cursor:pointer;}
.select-wrap > span:after,
.select-wrap > strong:after {content:'';width:32px;height:32px;margin:-16px 0;display:block;position:absolute;top:50%;right:0;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-416px -32px;background-size:640px auto;}
.select-wrap > span {width:30px;height:25px;font-size:0;line-height:0;}
.select-wrap > a {width:50px;height:24px;margin:-2px 0 0 0;padding:3px 10px 0;display:inline-block;border:1px solid #333;border-radius:12px;background-color:#0c7d88;color:#fff;vertical-align:middle;box-sizing:border-box;}
.select-wrap > ul {min-width:120px;position:absolute;right:5px;background-color:#fff;border:1px solid #8793a2;box-shadow:4px 4px 0 rgba(0,0,0,0.05);opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.select-wrap > ul a,
.select-wrap > ul button {width:100%;height:24px;padding:2px 10px 3px;display:block;white-space:nowrap;word-wrap:normal;color:#223c56;font-size:14px;text-decoration:none;box-sizing:border-box;text-align:left;}
.select-wrap > ul a:hover,
.select-wrap > ul button:hover {background-color:#61d2dd;color:#fff;}
.select-wrap > ul button.check {background-color:#e0f2ff;}
.select-wrap > ul li.del {margin-top:4px;padding-top:4px;border-top:1px dotted #aeb8c3;}

.select-wrap.open {overflow:visible;z-index:12;}
.select-wrap.open > ul {padding:5px 0;opacity:1;filter:alpha(opacity=100);}
.select-wrap.open > strong:after {width:32px;height:32px;margin:-16px 0;top:50%;right:0;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-416px -32px;background-size:640px auto;}

/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.select-wrap > span:after,
	.select-wrap > strong:after,
	.select-wrap.open > strong:after {background-image:url(../img/bg_shapes_sprite@2x.png);}
	.mark-interest:before {background-image:url(../img/bg_icon_sprite@2x.png);}
}

/****** [관심콘텐츠 알림 설정] ******/
.select-wrap.s1 {width:60px;display:inline-block;position:absolute;top:0px;right:15px;vertical-align:middle;overflow:hidden;z-index:9;}
.select-wrap.s1 > span,
.select-wrap.s1 > strong {padding-right:30px;line-height:25px;display:inline-block;position:relative;font-weight:normal;cursor:pointer;}
.select-wrap.s1 > span:after,
.select-wrap.s1 > strong:after {content:'';width:32px;height:32px;margin:-19px 0;display:block;position:absolute;top:50%;right:0;background-image:url(../img/bg_icon_sprite.png?version=201801251440);background-repeat:no-repeat;background-position:-320px -32px;background-size:640px auto;}
.select-wrap.s1 > span.basic:after,
.select-wrap.s1 > strong.basic:after {background-position:-512px -32px;}
.select-wrap.s1 > span.low:after,
.select-wrap.s1 > strong.low:after {background-position:-544px -32px;}
.select-wrap.s1 > span {width:30px;height:25px;font-size:0;line-height:0;}
.select-wrap.s1 > a {width:50px;height:24px;margin:-2px 0 0 0;padding:3px 10px 0;display:inline-block;border:1px solid #333;border-radius:12px;background-color:#0c7d88;color:#fff;vertical-align:middle;box-sizing:border-box;}
.select-wrap.s1 > ul {min-width:120px;position:absolute;right:5px;background-color:#fff;border:1px solid #8793a2;box-shadow:4px 4px 0 rgba(0,0,0,0.05);opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.select-wrap.s1 > ul li {position:relative}
.select-wrap.s1 > ul a,
.select-wrap.s1 > ul button {width:100%;height:24px;padding:2px 10px 3px 30px;display:block;white-space:nowrap;word-wrap:normal;color:#223c56;font-size:14px;text-decoration:none;box-sizing:border-box;text-align:left;}
.select-wrap.s1 > ul a:before,
.select-wrap.s1 > ul button:before {content:'';width:32px;height:32px;margin:-16px 0;display:block;position:absolute;top:50%;left:0;background-image:url(../img/bg_icon_sprite.png?version=201801251440);background-repeat:no-repeat;background-position:-320px -32px;background-size:640px auto;}
.select-wrap.s1 > ul .basic a:before,
.select-wrap.s1 > ul .basic button:before {background-position:-512px -32px;}
.select-wrap.s1 > ul .low a:before,
.select-wrap.s1 > ul .low button:before {background-position:-544px -32px;}
.select-wrap.s1 > ul li.del a:before,
.select-wrap.s1 > ul li.del button:before {background-position:-128px -32px;margin:-14px 0;}
.select-wrap.s1 > ul button.check:hover,
.select-wrap.s1 > ul a:hover,
.select-wrap.s1 > ul button:hover {background-color:#61d2dd;color:#fff;}
.select-wrap.s1 > ul button.check {background-color:#e0f2ff;}
.select-wrap.s1 > ul li.del {margin-top:4px;padding-top:4px;border-top:1px dotted #aeb8c3;}

.select-wrap.s1.open {overflow:visible;z-index:12;}
.select-wrap.s1.open > ul {padding:5px 0;opacity:1;filter:alpha(opacity=100);}
.select-wrap.s1.open > strong:after {width:32px;height:32px;margin:-16px 0;top:50%;right:0;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-416px -32px;background-size:640px auto;}
.select-bg {position:fixed;top:0;left:0;bottom:0;right:0;background-color:#fff;opacity:0;filter:alpha(opacity=0);z-index:11;}
[class^=radio-type] {margin-right:5px;display:inline-block;position:relative;}
[class^=radio-type] > input[type=radio] {position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);}

/*** 관심 알림**/
.mark-interest {width:16px;height:16px;position:absolute;top:1.42em;right:20px;z-index:9;}
.mark-interest:before {content:'';width:32px;height:32px;margin:-19px;position:absolute;top:50%;left:50%;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-320px -32px;background-size:640px auto;}
.mark-interest.basic:before {background-position:-512px -32px;}
.mark-interest.low:before {background-position:-544px -32px;}

.layer-wrap.layer-interest {background:none;text-align:center;pointer-events:none;z-index:100000000000;}
.layer-wrap.layer-interest:before {content:'';display:inline-block;margin-right:-3px;width:0.01%;height:100%;vertical-align:middle;}
.layer-wrap.layer-interest .layer-cont {width:220px;height:220px;line-height:140%;margin:0 auto;padding:155px 20px 20px 20px;display:inline-block;position:relative;background-image:url(../img/bg_modal_interest.png);background-repeat:no-repeat;background-position:0 0;background-size:660px auto;color:#fff;font-size:14px;text-align:center;vertical-align:middle;box-sizing:border-box;pointer-events:all;}
.layer-wrap.layer-interest .interest-high {}
.layer-wrap.layer-interest .interest-basic {background-position:-220px 0;}
.layer-wrap.layer-interest .interest-low {background-position:-440px 0;}

/*** mobile ***/
@media (max-width:769px) {
	.layer-wrap.layer-interest {height:100%;margin:auto;}
	.select-wrap.s1 {right:0px;}
    .layer-wrap .layer-cont p {font-size:14px;}
    .layer-wrap .layer-txt-type03.s1 dd {font-size:12px;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.select-wrap.s1 > span:after,
	.select-wrap.s1 > strong:after,
	.select-wrap.s1.open > strong:after,
	.select-wrap.s1 > ul button:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201801251440);}
	.mark-interest:before {background-image:url(../img/bg_icon_sprite@2x.png);}
}


/*************************************************
	FORM El
*************************************************/
/****** [FORM INPUT] ******/
.input-txt {margin:10px 0;padding:7px 0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;position:relative;font-size:18px;/*overflow:hidden;*/}
.input-txt:after {content:'';width:100%;height:1px;display:block;position:absolute;bottom:0;left:0;background-color:#00bdcd;}
.input-txt label {width:100%;line-height:2em;display:block;position:absolute;bottom:0.5em;left:0;color:#7bccd5;font-weight:300;text-align:left;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;cursor:text;box-sizing:border-box;overflow:hidden;}
.input-txt label span {font-size: 13px; padding-left:8px;}
.input-txt input:not([type=checkbox]) {line-height:1.42857143;padding:6px 10px 5px 0;background-color:transparent;border:0;border-radius:0;font-size:18px;color:#00bdcd;font-weight:300;box-sizing:border-box;}
.input-txt input[disabled],
.input-txt input[readonly] {color:#999;font-size:18px;-webkit-text-fill-color:#999;-webkit-opacity:1;}
.input-txt input[disabled],
.input-txt input[readonly] {background-color:transparent !important;}
.input-txt input:focus {background-color:none !important;}
.input-txt input + button {position:absolute;bottom:0.5rem;right:0;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;opacity:0;}
.input-txt input + button:not(.btn-delete) {width:30px;height:36px;bottom:9px;font-size:0;line-height:0;}
.input-txt input + button:not(.btn-delete):after {content:'';width:32px;height:32px;margin:0;display:block;position:absolute;top:2px;right:-8px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-128px 0;background-size:640px auto;}
.input-txt input + button.btn-delete {margin-top:-18px;top:50%;right:-10px;bottom:auto;}
.input-txt > span {position:relative;display:block;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;flex:1;}
.input-txt > span label,
.input-txt > span button {bottom:0 !important;}
.input-txt > select,
.input-txt > .btn-type {margin:0 0.6rem 0 0;display:block;position:relative;border:0;z-index:2;}
.input-txt > .btn-type02 {margin:0 0.6rem;display:block;position:relative;background-color:#fff;z-index:2;}
.input-txt > .btn-delete02 {position:relative;top:4px;}
.input-txt > .txt-time {padding-top:6px;display:block;color:#e54b2d;font-size:14px;}
.input-txt > .txt-time:before {content:'';width:32px;height:32px;margin:-6px -3px 0 0;display:inline-block;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-224px -32px;background-size:640px auto;vertical-align:middle;}
.input-txt > .check-type {line-height:1;margin:0 0.7rem 0 0;}
.input-txt > .check-type > label {line-height:1.42857143;padding:0 0 2px 34px;top:5px;bottom:0;font-weight:400;cursor:pointer;}

.ie9 .input-txt {overflow:hidden;}
.ie9 .input-txt > select,
.ie9 .input-txt > .btn-type {float:left;}
.ie9 .input-txt > select + span {float:left;width:70%;}
.ie9 .input-txt > select + span > input {width:auto;}
.ie9 .input-txt > span + button {width:100%;margin-top:7px;}
.input-txt input[disabled] + button,
.input-txt input[readonly] + button {display:none !important;}
.input-txt.focus:after {background-color:#223c56;}
.input-txt.disabled:after {background-color:#777;}

.input-txt.s1 > label,
.input-txt.s1 > span > label,
.input-txt.focus > label,
.input-txt.focus > span > label {color:#b3b3b3;}
.input-txt.access > label,
.input-txt.access > span > label {display:none;}

.input-txt.focus input {color:#223c56;} 
.input-txt.focus input + button {opacity:1;}
.input-txt.success:before {content:'';width:32px;height:32px;display:block;position:absolute;bottom:8px;right:-8px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-320px -32px;background-size:640px auto;z-index:10;}
.input-txt.error label,
.input-txt.error input {color:#ff613d;}
.input-txt.error input + button {opacity:1;}
.input-txt.error input + button:after {background-position:-160px 0;}
.input-txt.error select,
.input-txt.error:after,
.input-txt.error div.select-type > a {background-color:#ff613d;}
.input-txt.success.focus:before,
.input-txt.error.focus:before {display:none;}
input.input-txt {line-height:1;margin-top:20px;padding:0 30px 0 0;background:none;border:0;border-bottom:1px solid #777;border-radius:0;font-size:1.9rem;color:#777;font-weight:300;box-sizing:border-box;text-align:left !important;}
input.input-txt:not(:valid) {border-color:#00bdcd;color:#00bdcd;}
.input-txt.s2 {padding:0;}
.input-txt.s2:after {width:auto;right:0px;}
.input-txt.s2.focus:after {background-color:#00bdcd;}
.input-txt.s2.focus input {color:#00bdcd;}
.input-txt.s3.s1 label {position:relative;bottom:0;}
.input-txt.s3.s1 label ~ input {text-align:right;padding-right:0;}
.input-txt.s3.s1 label,
.input-txt.s3.focus label {display:block;color:#222;}

.input-txt.s4 {}
.input-txt.s4:after {display:none;}
.input-txt.s4 > select {margin-right:20px;border-bottom:1px solid #1bacb9;}
.input-txt.s4 > select[disabled] {border-bottom:1px solid #999;}

.input-txt.disabled label,
.input-txt.disabled input {color:#999 !important;-webkit-text-fill-color:#999;-webkit-opacity:1;}
.input-txt.disabled:after{background-color:#999;}
.input-txt .input-date {padding:6px 24px 8px 0 !important;background-image:url(../img/bg_form_sprite.png);background-repeat:no-repeat;background-position:100% -388px;background-size:32px auto;font-size:16px !important;}
.input-txt .input-date:focus {background-position:100% -352px;}
.input-txt .input-date + button {display:none;}
.input-txt .input-date[disabled],
.input-txt .input-date[readonly] {font-size:16px;}

.input-txt .input-date-month {padding:6px 24px 8px 0 !important;background-image:url(../img/bg_form_sprite.png);background-repeat:no-repeat;background-position:100% -388px;background-size:32px auto;font-size:16px !important;}
.input-txt .input-date-month:focus {background-position:100% -352px;}
.input-txt .input-date-month + button {display:none;}
.input-txt .input-date-month[disabled],
.input-txt .input-date-month[readonly] {font-size:16px;}


.input-txt.s5 {text-align:right;}
.input-txt.s5 label {text-align:right !important;}
.input-txt.s5 input + button.btn-delete {right:80px}
.btn-arr {background:#ebf0f3;border-radius:3px;display:inline-block;position:relative;width:32px;height:32px;font-size:0;line-height:0;}
.btn-arr:before, .btn-arr02:before {position:absolute;top:50%;left:50%;}
.icon-up:before {content:'';display:block;width:0;height:0;margin:-9px -6px;border:6px solid transparent;border-bottom:6px solid #00a6b5;}
.icon-down:before {content:'';display:block;width:0;height:0;margin:-3px -6px;border:6px solid transparent;border-top:6px solid #00a6b5;}
.icon-prev:before {content:'';display:block;width:0;height:0;margin:-6px -9px;border:6px solid transparent;border-right:6px solid #00a6b5;}
.icon-next:before {content:'';display:block;width:0;height:0;margin:-6px -3px;border:6px solid transparent;border-left:6px solid #00a6b5;}

/*** UNIT ***/
.input-unit-wrap {width:100%; display:inline-block;}
.input-unit-wrap .input-unit-cont {float:left;width:50%;padding-right:30px;position:relative;box-sizing:border-box;}
.input-unit-wrap .input-unit-cont:after {content:'→';width:32px;height:32px;margin-top:-10px; position:absolute;top:50%;right:-24px;}
.input-unit-wrap .input-unit-cont + .input-unit-cont {padding-right:0;padding-left:30px;}
.input-unit-wrap .input-unit-cont + .input-unit-cont:after {display:none;}
.input-unit-wrap .input-txt.s5 {margin:5px 0;vertical-align:middle;}
.btn-wrap04 {width:100px;margin:0;padding:0;}

/*** mobile ***/
@media (max-width:620px) {
	.input-unit-wrap .input-unit-cont {float:none;width:100%;}
	.input-unit-wrap .input-unit-cont:after {right:-10px;}
	.input-unit-wrap .input-unit-cont + .input-unit-cont {margin-top:20px;padding-left:0;}
}

/*** DATE ***/
.input-date-wrap {display:inline-block;}
.input-date-wrap .input-txt {width:120px;margin:5px 0;display:inline-block;vertical-align:middle;}
.input-date-wrap .input-txt.day {width:225px;}
.input-date-wrap .input-txt.month {width:170px;}
.input-date-wrap .input-txt.week {width:300px;}
.input-date-wrap .input-txt ~ .input-txt {margin-left:4px;}
.input-txt .input-date,
.input-txt .input-date-month{background-image:url(../img/bg_form_sprite@2x.png);}
/*** desktop ***/
@media (min-width:769px) {
	.input-txt div.select-type {position:static;}
	.input-txt div.select-type > .select-cont {top:3em;right:0;width:100%;}
}
/*** mobile ***/
@media (max-width:768px) {
	.input-txt [class^=btn-type] {font-size:12px;}
	.input-txt > .check-type > label {top:8px;}
}
/*** mobile ***/
@media (max-width:425px) {
	.input-txt.s4 > select {margin-right:10px;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.input-txt > .txt-time:before {background-image:url(../img/bg_icon_sprite@2x.png);}
	.input-txt.success:before {background-image:url(../img/bg_shapes_sprite@2x.png);}
}

/****** [FORM FILE] ******/
.input-file {margin:10px 0;padding:9px 0 9px;position:relative;border-bottom:1px solid #00bdcd;font-size:18px;}
.input-file > label {width:100%;line-height:2em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-start;justify-content:flex-start;position:absolute;bottom:6px;left:0;color:#7bccd5;font-weight:300;text-align:left;box-sizing:border-box;}
.input-file > label > span {height:100%;padding-left:85px; display:block;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;box-sizing:border-box;overflow:hidden;}
.input-file > label > strong {line-height:1.42857143;margin-right:0.5rem;padding:7px 12px;display:block;position:absolute;bottom:0;left:0;border-radius:100px;border:1px solid #00bdcd;color:#00bdcd;font-size:14px;font-weight:400;text-align:center;}
.input-file > input {line-height:2em;position:absolute;bottom:0.5em;left:0;font-size:18px;opacity:0;filter:alpha(opacity=0);cursor:pointer;}
.input-file > .file-txt {max-width:100%;height:32px;line-height:2;display:block;color:#00bdcd;font-weight:300;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.input-file > label ~ .file-txt {max-width:100%;padding-left:85px;padding-right:85px;}


.chrome .input-file > .file-txt {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal;}
.input-file .btn-wrap-upload [class^=btn-type].auto {min-width:77px;position:absolute;bottom:0;right:0;}
.ie9 .input-file > label {padding-right:100px;box-sizing:border-box;}
.ie9 .input-file > label > strong {position:absolute;bottom:0;right:0;}

.input-file + .thumb {max-width:150px;display:block;position:relative;padding:3px;border:1px solid #d6dce0;border-radius:3px;background-color:#fff;box-sizing:border-box;}
.input-file + .thumb > span {min-height:80px;padding:0px;display:block;position:relative;border:0px solid #ccc;background-image:url(../img/bg_pattern3.png);background-repeat:repeat;background-size:16px auto;text-align:center;font-size:0;line-height:0;}
.input-file + .thumb > span:before {content:'';height:100%;display:inline-block;vertical-align:middle;}
.input-file + .thumb > span > img {max-width:100%;max-height:100%;margin:auto;display:inline-block;vertical-align:middle;cursor:pointer;}

/***이미지 올리기****/
.input-file-img {padding:7px 8px;display:block;position:relative;border:1px solid #d6dce0;border-radius:3px;background-color:#fff;box-sizing:border-box;}
.input-file-img > input {position:absolute;bottom:0;left:0;opacity:0;filter:alpha(opacity=0);}
.input-file-img > div {display:block;position:relative;border:1px solid #eaeaea;/**background-image:url(../img/bg_pattern3.png?version=201804171042);background-repeat:repeat;background-size:16px auto;**/text-align:center;font:0/0;background-color: #f8f8f8;}
.input-file-img > div > span {display:block;margin: 0 auto;padding:0px;width:200px;height:200px;background-image:url(../img/bg_pattern3.png?version=201804171042);background-repeat:repeat;background-size:16px auto;text-align:center;font:0/0; vertical-align: top; }
.input-file-img > div > span:before {content:''; display:block;vertical-align:middle;}
.input-file-img > div > span .bg_photo{ width: 200px; height: 200px;margin: 0 auto; margin-top: 2px; overflow: hidden; background-size: cover; background-position: top center;}

.input-file-img > label {height:40px;padding:12px 0 0;display:block;position:relative;background:#223c56;color:#fff;line-height:1;text-align:center;cursor:pointer;box-sizing:border-box;z-index:1;}
.input-file-img > label:after {content:'';width:46px;height:46px;margin:-32px -16px -32px 0px;display:inline-block;background-image:url(../img/bg_icon_sprite.png?version=2018006201600);background-repeat:no-repeat;background-position:-409px -96px;background-size:640px auto;vertical-align:middle;}
.input-file-img > label.disabled {background-color:#ddd;cursor:default;}
.input-file-img .btn-del {width:24px;height:24px;position:absolute;top:7px;right:8px;background-color:#ff5f7b;}
.input-file-img .btn-del:before {content:'';width:32px;height:32px;margin:-4px;position:absolute;top:0;left:0;background-image:url( ../img/bg_shapes_sprite.png?version=201804171042); ;background-repeat:no-repeat;background-position:-64px 0;background-size:640px auto;}

/*** mobile ***/
@media (max-width:768px) {
	.input-file {margin:5px 0;font-size:15px;}
	.input-file > label > strong,
	.input-file .btn-wrap-upload button {max-width:78px;font-size:12px;}
	/*.input-file > .file-txt {line-height:30px;height:30px;}*/	
	.input-file-img > label,
	.input-file-img .btn-del {display: none;}
	.input-file-img > div > span{width: 200px;height: 200px;}
	.input-file-img > div > span .bg_photo {margin-top: 0px;}
	.input-file-img > div > span > img {width:auto;}
}

/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.input-file + .thumb > span {background-image:url(../img/bg_pattern3@2x.png);}
	.input-file-img > div > span {background-image:url(../img/bg_pattern3@2x.png?version=201804171042);}
	.input-file-img > label:after {background-image:url(../img/bg_icon_sprite@2x.png?version=2018006201600);}
	.input-file-img .btn-del:before {background-image:url( ../img/bg_shapes_sprite@2x.png?version=201804171042);}	

}

.input-add + .input-add {margin-top:1.5rem;}
.input-add .input-file > label {padding-left:36px;}
.input-add .input-file > label strong {left:36px; cursor: pointer; background-color: transparent; z-index: 10;}
.input-add .input-file > .file-txt {margin-top:-15px;padding:0;position:absolute;top:50%;left:121px;}
.input-add .input-file .btn-delete02 {position:relative;top:3px;z-index:2;}
.input-type {display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;}
.input-type > label {display:none;}
.input-type > input {display:block;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-left:12px;padding-right:32px;border:0;border-radius:0;font-size:13px;}
.input-type > input::-webkit-input-placeholder {font-size:13px;}
.input-type > input::-moz-placeholder {font-size:13px;}
.input-type > input:-ms-input-placeholder {font-size:13px;}
.input-type > input:-moz-placeholder {font-size:13px;}
.input-type > input.s1 {padding:10px 32px 10px 12px;border-top-left-radius:3px;border-bottom-left-radius:3px; border:2px solid #01bdce;border-right:0;font-size:14px;}
.input-type > .btn-type {display:block;border-radius:0;margin:0;font-size:13px;}
.input-type > .btn-type.s1 {display:block;border-top-right-radius:3px;border-bottom-right-radius:3px; margin:0;font-size:14px;}
.input-type > .btn-delete {display:block;position:relative;margin-left:-36px;width:36px;height:35px;font-size:0;line-height:0;}
.input-type > .btn-delete.s1 {height:42px;}
.input-type > .btn-delete:before {content:'';width:32px;height:32px;margin:-16px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-224px 0;background-size:640px auto;}
.textarea-type {height:100px;background-color:#e8ecef;border-color:#e8ecef;border-radius:0;color:#888;}
/*** mobile ***/
@media (max-width:768px) {
	.textarea-type {font-size:12px;}
}

/****** [FORM CHECK RADIO] ******/
.input-check {margin:10px 0;padding:15px 0 10px;}
.input-check [class^=check-type],
.input-check [class^=radio-type] {font-size:18px;}
.input-check .radio-type > label:before {top:4px;}

[class^=check-type],
[class^=radio-type] {position:relative;font-size:16px;}
[class^=check-type]:not(div),
[class^=radio-type]:not(div) {display:inline-block;margin-right:5px;}
[class^=check-type] > input[type=checkbox],
[class^=radio-type] > input[type=radio] {position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.check-type {margin:0.85em 0 0.714em;}
.check-type.s1 {margin:0.4em 0 0.714em;}
.check-type.s2 {margin:1.5em 0 0;}
.check-type > label {padding:3px 0 0 34px;display:inline-block;position:relative;color:#00bdcd;}
.check-type.disabled > label {color:#777;}
.check-type > label a {text-decoration:underline;}
.check-type > label strong{color:#555;}
.check-type > label span {color: #999; font-size: 13px;}
.check-type > label:before {content:'';display:block;position:absolute;top:-3px;left:0;width:32px;height:32px;background-image:url(../img/bg_form_sprite.png);background-repeat:no-repeat;background-position:0 -128px;background-size:32px auto;}
.check-type.disabled > label:before {background-position:0 -64px;}
.check-type.disabled > label.check:before {background-position:0 -96px;}
.check-type > label.check:before {background-position:0 -160px;}
.check-type span.txt-base {margin-top: 10px;padding-left:10px; font-size: 13px;color:#999;}
.check-type02 > label {display:block;position:relative;width:50px;height:30px;background-color:#fff;border:1px solid #c6c6c6;border-radius:15px;font-size:0;line-height:0;box-sizing:border-box;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.check-type02 > label:before {content:'';display:block;position:absolute;top:9px;left:33px;width:8px;height:8px;background-color:#fff;border:1px solid #c6c6c6;border-radius:50%;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.check-type02 > label:after {content:'';display:block;position:absolute;top:0;left:0;width:28px;height:28px;background-color:#c6c6c6;border-radius:50%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.check-type02 > label.check {background-color:#00bdcd;border-color:#00bdcd;}
.check-type02 > label.check:before {width:1px;height:12px;top:8px;left:12px;border:0;border-radius:0;}
.check-type02 > label.check:after {left:20px;background-color:#fff;}
.check-type02.s1 > label {width:60px;height:36px;border-radius:18px;}
.check-type02.s1 > label.check {background-color:#ff196b;border-color:#ff196b;}
.check-type02.s1 > label:before {top:11px;left:40px;width:10px;height:10px;}
.check-type02.s1 > label.check:before {top:10px;left:13px;width:1px;height:14px;}
.check-type02.s1 > label:after {width:34px;height:34px;}
.check-type02.s1 > label.check:after {left:24px;}

/*.radio-type:not(div) {margin:0.75em 1rem 0.625em 0;}*/
.radio-type > label {line-height:1.42857143;padding:0 20px 0 28px;display:inline-block;position:relative;color:#555;}
.radio-type > label:before {content:'';width:20px;height:20px;display:block;position:absolute;top:2px;left:1px;background-color:#cbcbcb;border:5px solid #f6f6f6;box-shadow:0 0 0 1px #b8b8b8;border-radius:100px;box-sizing:border-box;}
.radio-type > label.check:before {background-color:#00bdcd;border-color:#fff;box-shadow:0 0 0 1px #00bdcd;}
.radio-type.disabled > label:before {border-color:#ededed;background-color:#e1e1e1;}
.radio-type.disabled > label.check:before {border-color:#b2b2b2;background-color:#ddd;box-shadow:0 0 0 2px #b2b2b2;}
.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 {font-size:14px !important;}
.radio-type02 > label {min-width:100px;line-height:1.42857143;padding:7px 15px;display:inline-block;border:1px solid #667281;border-radius:36px;color:#667281;box-sizing:border-box;}
.radio-type02 > label.check {border-color:#00bdcd;color:#00bdcd;}

/*** mobile ***/
@media (max-width:768px) {
	.radio-type > label {padding:0 20px 0 26px;}
	.radio-type02 > label {min-width:75px;}
	.check-type span.txt-base{display: block; padding-left:34px;}
}

/****** [FORM SELECT] ******/
.select-type.s2 {width:auto;line-height:1.42857143;margin-right:5px;padding:8px 2.2em 8px 1em;position:relative;border-radius:100px;background-color:#fff;border:1px solid #667281;color: #667281;
	background-image:url(../img/bg_select_sprite.png?ver=201802211516);background-repeat:no-repeat;background-position:100% -235px;background-size:32px auto;font-size:14px;font-weight:300;cursor:pointer;}
.select-type.s2 option {background-color:#fff;border:1px solid #667281; color:#a5ccd0;margin-top:1px;}
.select-type.s2[disabled],
.select-type.s2[readonly] {background-color:#a5ccd0;color:#fff;}

.select-type {width:auto;line-height:1.42857143;margin-right:5px;padding:8px 2.2em 8px 1em;position:relative;border:0;border-radius:100px;background-color:#00bdcd;background-image:url(../img/bg_select_sprite.png);background-repeat:no-repeat;background-position:100% -135px;background-size:32px auto;color:#fff;font-size:14px;font-weight:300;cursor:pointer;}
.select-type option {background-color:#fff;border:1px solid #a5ccd0;color:#a5ccd0;}
.select-type[disabled],
.select-type[readonly] {background-color:#a5ccd0;color:#fff;}

div.select-type {padding:0;background:none;font-weight:300;box-sizing:border-box;z-index:11;}
div.select-type > a {line-height:1.42857143;padding:8px 2.2em 8px 1em;display:block;border-radius:100px;background-color:#00bdcd;background-image:url(../img/bg_select_sprite.png);background-repeat:no-repeat;background-position:100% -135px;background-size:32px auto;color:#fff;font-size:14px;}

div.select-type.s1 {margin:10px 0;padding:7px 0;}
div.select-type.s1 > a {padding:0px 30px 12px 0;border-radius:0;border-bottom:1px solid #1bacb9;background-color:transparent;background-image:url(../img/bg_select_sprite.png);background-position:100% -90px;color:#00bdcd;font-size:18px;}
div.select-type.s1 > .select-cont a {overflow:visible;}

div.select-type > .select-cont {display:none;background-color:#fff;}
div.select-type > .select-cont a {max-width:100%;padding:10px;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-align:left !important;box-sizing:border-box;overflow:hidden;}
div.select-type > .select-cont .select-list {border-top:1px solid #d5d5d5;overflow-y:auto;}
div.select-type > .select-cont .select-list ul li {border-top:1px dotted #d5d5d5;}
div.select-type > .select-cont .select-list ul li:first-child {border-top:0;}
div.select-type > .select-cont a span {width:5.16em;display:inline-block;}
div.select-type > .select-cont .select-list li a.on {background-color:#00bdcd;color:#fff;}
div.select-type.open > .select-cont {display:block;}

/*** desktop ***/
@media (min-width:769px) { /*div.select-type 이 input-txt 안에 안들어가고 단독으로 나올 경우 아래의 width값 해제*/
	div.select-type > .select-cont {/*width:700px;*/margin-top:-1px;position:absolute;left:0;top:2.5em;border:1px solid #00bdcd;border-radius:4px;box-shadow:0 4px 2px -2px rgba(0,0,0,0.25);z-index:100;}
	div.select-type.s1 > .select-cont {width:100%;top:auto;}
	div.select-type > .select-cont a {font-size:16px;}
	div.select-type > .select-cont > a {color:#333;}
	div.select-type > .select-cont .select-list {max-height:221px;}
	div.select-type > .select-cont .select-list li a:hover {background-color:#00bdcd;color:#fff;}
	/*#memCont div.select-type > .select-cont {width:500px;}*/
}
/*** mobile ***/
@media (max-width:768px) {
	div.select-type > a {background-position:100% -136px;}
	div.select-type > .select-cont {margin:-145px 0;padding:20px;position:fixed;top:50%;left:15px;right:15px;}
	div.select-type > .select-cont > a {background-color:#fdffdb;color:#333;}
	div.select-type > .select-cont .select-list {max-height:215px;background-color:#f4f4f4;}
	div.select-type.open {z-index:1001;}
	div.select-type.open > a {opacity:0.2;}
	div.select-type.open + .btn-select-close {z-index:1000;}
}

.select-type02 {margin:10px 0;padding:12px 30px 12px 0;display:block;background-image:url(../img/bg_select_sprite.png);background-repeat:no-repeat;background-position:100% -79px;background-size:32px auto;border:0;border-bottom:1px solid #1bacb9;border-radius:0;color:#00bdcd;font-size:18px;font-weight:300;text-align:left !important;white-space:nowrap;word-wrap:normal;cursor:pointer;}
.select-type02.s2 {background-position:100% -79px;}
.select-type02.off {color:#7bccd5;}
.select-type02[disabled] {background-position:100% -29px;}

.select-base {width:auto;height:32px;padding:0 32px 0 8px;background-image:url(../img/bg_form_sprite.png);background-repeat:no-repeat;background-position:100% -520px;background-size:32px auto;}
.select-type03 {height:40px;padding-right:20px;width:auto;border:0;font-size:16px;color:#00bdcd;background-image:url(../img/bg_select_sprite.png);background-repeat:no-repeat;background-position:100% 17px;background-size:32px auto;cursor:pointer;}
.ie9 .select-type,
.ie9 .select-type02 {padding:0;background-image:none;border-radius:0;}
.ie9 .select-type {background:none;border:1px solid #00bdcd;}

/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.select-type02,
	div.select-type > a,
	div.select-type.s1 > a,
	.select-type03 {background-image:url(../img/bg_select_sprite@2x.png);}
	.select-base {background-image:url(../img/bg_form_sprite@2x.png);}
}


/****** [FORM SELECT - LIVE] ******/
.select-live {padding:0 20px;position:relative;border-right:1px solid #e6e6e6;}
#container .gnb .select-live > .btn-live.disabled {margin-top:0;position:relative;top:21px;left:0px;}
.btn-live.disabled span {color:#1cbccb;}
a.btn-live.disabled,
.btn-live.disabled a {margin-right:0;background-color:#fff;color:#1cbccb;}
a.btn-live.disabled:after,
.btn-live.disabled a:after {background-color:#d9d9d9;-webkit-animation:none;animation:none;}

/*** mobile ***/
@media (max-width:768px) {
	.select-live {display:none;}
}


/****** [FORM SELECT - GLIBAL] ******/
.select-global {position:relative;}
.select-global img {display:block;position:absolute;width:22px;height:22px;}
.select-global > [data-select="btn-open"] {font-size:0;line-height:0;}
.select-global > [data-select="btn-open"]:before {content:'';display:inline-block;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:0 0;background-size:640px auto;vertical-align:middle;}
.select-global > [data-select="btn-open"]:after {content:'';display:inline-block;width:0;height:0;margin:5px 0 0 -3px;border:5px solid transparent;border-top:5px solid #ababab;vertical-align:middle;}
.select-global > [data-select="btn-open"][disabled]:after {opacity:0.4;}
.select-global > [data-select="btn-open"] > img {top:5px;left:5px;}
.select-global > [data-select="cont"] {display:none;position:absolute;top:40px;left:0;min-width:168px;background-color:#fff;border:1px solid #00bdcd;border-radius:5px;box-shadow:1px 2px 2px 0 rgba(0,0,0,0.05);}
.select-global > [data-select="cont"]:before {content:'';display:block;position:absolute;top:-6px;left:10px;width:10px;height:10px;background-color:#fff;border-right:1px solid #00bdcd;border-bottom:1px solid #00bdcd;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);}
.select-global > [data-select="cont"] ul {width:100%;max-height:177px;-webkit-order:2;order:2;-webkit-overflow-scrolling:touch;overflow-y:auto;}
.select-global > [data-select="cont"] ul a{display:block;position:relative;padding:8px 40px 8px 15px;border-top:1px dotted #c9c9c9;font-weight:normal;color:#555;text-align:left;}
.select-global > [data-select="cont"] ul li:first-child a {border-top:0;}
.select-global > [data-select="cont"] ul li a img {top:50%;right:11px;margin:-12px 0;}
.select-global [data-select="btn-close"] {position:relative;width:100%;padding:0 40px 0 15px;border-bottom:1px solid #c7c7c7;text-align:left;font-size:15px;line-height:44px;color:#00bdcd;white-space:nowrap;word-wrap:normal;-webkit-order:1;order:1;}
.select-global [data-select="btn-close"]:after {content:'';width:32px;height:32px;margin:-16px 0;display:block;position:absolute;top:50%;right:4px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:0 0;background-size:640px auto;}
body:not(.ie9) .select-global.open > [data-select="cont"] {display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;}
.ie9 .select-global.open > [data-select="cont"] {display:block;padding-top:43px;}
.ie9 .select-global [data-select="btn-close"] {overflow:hidden;position:absolute;top:0;max-width:100%;text-overflow:ellipsis;}
.select-global.open > [data-select="btn-open"]:before {background-position-x:-64px;}
.select-global.open > [data-select="btn-open"]:after {margin-top:-8px;border:5px solid transparent;border-bottom:5px solid #ababab;}
.select-global.open {z-index:11;}
.btn-select-close {display:block;position:fixed;top:0;left:0;bottom:0;right:0;z-index:10;width:100%;background:rgba(0,0,0,0.5);cursor:default;font-size:0;line-height:0;}

/*** desktop ***/
@media (min-width:769px) {
	.select-global > [data-select="btn-open"] {width:74px;height:60px;border-right:1px solid #e6e6e6;}
	.select-global > [data-select="btn-open"]:after {margin-left:4px;}
	.select-global > [data-select="btn-open"] > img {top:50%;left:50%;margin:-10.5px -18.5px;}
	.select-global > [data-select="cont"] {top:60px;}
	.select-global > [data-select="cont"]:before {left:48px;}
	.select-global > [data-select="cont"] ul a:hover {background-color:#7ed6d9;color:#fff;}
	.select-global > [data-select="cont"] ul {crollbar-3dlight-color:#eef1f5;scrollbar-face-color:#8b91a0;scrollbar-shadow-color:#8b91a0;scrollbar-darkshadow-color:#8b91a0;scrollbar-track-color:#fff;scrollbar-arrow-color:#8b91a0;-ms-overflow-style:-ms-autohiding-scrollbar;}
	.select-global > [data-select="cont"] ul::-webkit-scrollbar {width:4px;}
	.select-global > [data-select="cont"] ul::-webkit-scrollbar-track {background:rgba(0,0,0,0.05);}
	.select-global > [data-select="cont"] ul::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.08);border-radius:2px;}
	.select-global > [data-select="cont"] ul::-webkit-scrollbar-thumb:hover {background-color:#2790a5;}
	.select-global.open > [data-select="btn-open"]:before {background-position-x:-32px;}
	.btn-select-close {background:rgba(255,255,255,0);}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
    .select-global [data-select="btn-close"]:after {background-image:url(../img/bg_shapes_sprite@2x.png);}
    .select-global > [data-select="btn-open"]:before{background-image:url(../img/bg_icon_sprite@2x.png);}
}

/****** [FORM SELECT - 텐핑스쿨 전체지점보기] ******/
.select-menu {position: absolute;top: 20px;z-index: 10;background: #fff;right: 10px;padding: 0 15px;border-radius: 3px;}
.select-menu img {display:block;position:absolute;width:150px;height:22px;}
.select-menu > [data-select="btn-open"] {font-size:14px;height: 40px;width:100%;color:000;}

.select-menu > [data-select="btn-open"]:after {content:'';display:inline-block;width:0;height:0;margin:5px 0 0 auto;border:5px solid transparent;border-top:5px solid #ababab;vertical-align:middle;}
.select-menu > [data-select="btn-open"][disabled]:after {opacity:0.4;}
.select-menu > [data-select="btn-open"] > img {top:5px;left:5px;}
.select-menu > [data-select="cont"] {display:none;position:absolute;top:45px;right:0px;width:235px;background-color:#fff;border:1px solid #00bdcd;border-radius:5px;box-shadow:1px 2px 2px 0 rgba(0,0,0,0.05);}
.select-menu > [data-select="cont"]:before {content:'';display:block;position:absolute;top:-6px;right:10px;width:10px;height:10px;background-color:#fff;border-right:1px solid #00bdcd;border-bottom:1px solid #00bdcd;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);}
.select-menu > [data-select="cont"] ul {width:100%;-webkit-order:2;order:2;-webkit-overflow-scrolling:touch;overflow-y:auto;}
.select-menu > [data-select="cont"] ul a{display:block;position:relative;height:70px; padding:20px 64px 20px 15px;border-top:1px dotted #c9c9c9;font-weight:normal;color:#555;text-align:left;box-sizing: border-box;}
.select-menu > [data-select="cont"] ul li:first-child a {border-top:0;}
.select-menu > [data-select="cont"] ul a:after {content:'';width:64px;height:64px;display:inline-block;position:absolute;top:0px;right:10px;background-image:url("../img/icon-zone.png");background-repeat:no-repeat;background-position: 0px 0px; background-size:320px auto;}
.select-menu > [data-select="cont"] ul .disable a{color:#999; background: #eaeaea;}
.select-menu > [data-select="cont"] ul .suwon a:after{background-position: 0 0;}
.select-menu > [data-select="cont"] ul .suwon a:after{background-position: -256px 0;}
.select-menu > [data-select="cont"] ul .centum a:after{ background-position: -128px 0;}
.select-menu > [data-select="cont"] ul .tanbang a:after{background-position: -64px 0;}
.select-menu > [data-select="cont"] ul li a img {top:50%;right:11px;margin:-12px 0;}
.select-menu [data-select="btn-close"] {position:relative;width:100%;padding:0 40px 0 15px;border-bottom:1px solid #c7c7c7;text-align:left;font-size:15px;line-height:44px;color:#00bdcd;white-space:nowrap;word-wrap:normal;-webkit-order:1;order:1;}
.select-menu [data-select="btn-close"]:after {content:'';width:32px;height:32px;margin:-16px 0;display:block;position:absolute;top:50%;right:4px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:0 0;background-size:640px auto;}
body:not(.ie9) .select-menu.open > [data-select="cont"] {display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;}
.ie9 .select-menu.open > [data-select="cont"] {display:block;padding-top:43px;}
.ie9 .select-menu [data-select="btn-close"] {overflow:hidden;position:absolute;top:0;max-width:100%;text-overflow:ellipsis;}
.select-menu.open > [data-select="btn-open"]:before {background-position-x:-64px;}
.select-menu.open > [data-select="btn-open"]:after {margin-top:-8px;border:5px solid transparent;border-bottom:5px solid #ababab;}
.select-menu.open {z-index:11;}
.btn-select-close {display:block;position:fixed;top:0;left:0;bottom:0;right:0;z-index:10;width:100%;background:rgba(0,0,0,0.5);cursor:default;font-size:0;line-height:0;}

/*** desktop ***/
@media (min-width:769px) {

	.select-menu > [data-select="btn-open"]:after {margin-left:4px;}
	.select-menu > [data-select="btn-open"] > img {top:50%;left:50%;margin:-10.5px -18.5px;}
	.select-menu > [data-select="cont"] ul a:hover {background-color:#7ed6d9;color:#fff;}
	.select-menu > [data-select="cont"] ul {crollbar-3dlight-color:#eef1f5;scrollbar-face-color:#8b91a0;scrollbar-shadow-color:#8b91a0;scrollbar-darkshadow-color:#8b91a0;scrollbar-track-color:#fff;scrollbar-arrow-color:#8b91a0;-ms-overflow-style:-ms-autohiding-scrollbar;}
	.select-menu > [data-select="cont"] ul::-webkit-scrollbar {width:4px;}
	.select-menu > [data-select="cont"] ul::-webkit-scrollbar-track {background:rgba(0,0,0,0.05);}
	.select-menu > [data-select="cont"] ul::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.08);border-radius:2px;}
	.select-menu > [data-select="cont"] ul::-webkit-scrollbar-thumb:hover {background-color:#2790a5;}
	.select-menu.open > [data-select="btn-open"]:before {background-position-x:-32px;}
	.btn-select-close {background:rgba(255,255,255,0);}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.select-menu [data-select="btn-close"]:after {background-image:url(../img/bg_shapes_sprite@2x.png);}
}



/****** [FORM SELECT - CATEGORY(OLD)] ******/
.select-category {position:relative;}
.select-category > [data-select="btn-open"] > span:not(.hid) {max-width:95%;display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;vertical-align:middle;overflow:hidden;}
.select-category > [data-select="btn-open"]:after {content:'';width:0;height:0;margin:5px 0 0 22px;display:inline-block;border:5px solid transparent;border-top:5px solid #ababab;vertical-align:middle;}
.select-category > [data-select="btn-close"] {display:none;position:absolute;top:0;left:0;width:100%;font-size:0;line-height:0;}
.select-category > ul {width:100%;max-height:211px;display:none;position:absolute;left:0;overflow-y:auto;background-color:#fff;border:1px solid #00bdcd;box-shadow:1px 2px 2px 0 rgba(0,0,0,0.05);box-sizing:border-box;}
.select-category > ul a {padding:8px 15px;display:block;position:relative;border-top:1px dotted #c9c9c9;font-weight:normal;text-align:left;}
.select-category > ul li:first-child a {border-top:0;}
.select-category > ul li.cate a {border-top:1px solid #00bdcd;}
.select-category.open {z-index:11;}
.select-category.open > [data-select="btn-open"] {background-color:#00bdcd;color:#fff;}
.select-category.open > [data-select="btn-open"]:after {border:5px solid transparent;border-top:5px solid #fff;}
.select-category.open > [data-select="btn-close"] {display:block;}
.select-category.open > ul {display:block;}
.select-category button[disabled] {color:#dbdfe2;}

/*** desktop ***/
@media (min-width:769px) {
	.select-category > [data-select="btn-open"] {padding:0 16px;max-width:200px;min-width:146px;height:60px;border-right:1px solid #e6e6e6;color:#555;box-sizing:border-box;}
	.select-category > [data-select="btn-open"] > span:not(.hid) {max-width:80%;}
	.select-category > [data-select="btn-close"] {height:50px;}
	.select-category > ul {top:61px;border-radius:5px;crollbar-3dlight-color:#eef1f5;scrollbar-face-color:#8b91a0;scrollbar-shadow-color:#8b91a0;scrollbar-darkshadow-color:#8b91a0;scrollbar-track-color:#fff;scrollbar-arrow-color:#8b91a0;-ms-overflow-style:-ms-autohiding-scrollbar;}
	.select-category > ul::-webkit-scrollbar {width:4px;}
	.select-category > ul::-webkit-scrollbar-track {background:rgba(0,0,0,0.05);}
	.select-category > ul::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.08);border-radius:2px;}
	.select-category > ul::-webkit-scrollbar-thumb:hover {background-color:#2790a5;}
	.select-category > ul a:hover {background-color:#7ed6d9;color:#fff;}
}
/*** mobile ***/
@media (max-width:768px) {
	.select-category > [data-select="btn-open"] {padding:0 13px;height:30px;background-color:#ebebeb;/*line-height:30px;*/border-radius:15px;}
	.select-category > [data-select="btn-open"]:after {margin-top:3px;}
	.select-category > [data-select="btn-close"] {height:30px;}
	.select-category > ul {top:33px;border-radius:15px;}
}
.code-type {overflow:auto;padding:10px;border-top:1px solid #d7dadd;border-bottom:1px solid #d7dadd;background-color:#f8f8f8;color:#555;font-size:13px;line-height:1.8;}
.code-type .tag {color:#800000;}
.code-type .var {color:#0000ff;}

/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.check-type > label:before {background-image:url(../img/bg_form_sprite@2x.png);}
	.input-type > .btn-delete:before,
	.input-txt input + button:not(.btn-delete):after {background-image:url(../img/bg_shapes_sprite@2x.png);}
	.select-type {background-image:url(../img/bg_select_sprite@2x.png);}
}

/****** [FORM SELECT - CATEGORY(NEW)] ******/
.select-category02 {position:relative;}
.select-category02 select {border:0;background-image:url(../img/bg_select_sprite.png);background-repeat:no-repeat;background-size:32px auto;cursor:pointer;}

/*** desktop ***/
@media (min-width:769px) {
	.select-category02 {max-width:200px;min-width:146px;height:60px;padding:0;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;color:#555;box-sizing:border-box;z-index:11;}
	.select-category02 select {padding:20px 16px;background-color:transparent;background-position:100% -171px;}
}
/*** mobile ***/
@media (max-width:768px) {
	.select-category02 {margin-top:10px;}
	.select-category02 select {width:100%;height:30px;padding:0 13px;border-radius:100px;background-color:#ebebeb;background-position:100% -187px;text-align:left;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.select-category02 select {background-image:url(../img/bg_select_sprite@2x.png);}
}


/*************************************************
	FORM TYPE
*************************************************/
.form-type {max-width:900px;margin:0 auto;padding:0 20px 20px;}
.form-type .form-caution,
.form-type .form-error {width:100%;line-height:1.42857143;margin:-10px 0 1.26em;padding:10px 10px 10px 32px;display:none;position:relative;background-color:#ff613d;font-size:14px;color:#fff !important;box-sizing:border-box;}
.form-type .form-caution:before,
.form-type .form-error:before {content:'';width:32px;height:32px;display:inline-block;position:absolute;top:4px;left:2px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-256px -32px;background-size:640px auto;vertical-align:middle;z-index:1;}
.form-type .form-caution span,
.form-type .form-error span {position:relative;z-index:1;}
.form-type .form-caution {background-color:#ffae00;}

.form-type > .form-txt {line-height:1.8;margin:0.5rem 0;display:block;color:#999;font-size:14px;}
.form-type > label.form-txt {text-align:center;}
.form-type > .form-txt > p {margin-bottom:5px;}
.form-type > .form-txt strong {color:#333;}
.form-type > .form-txt.s1 {line-height:1.5;margin-bottom:1rem;text-align:left;}
.form-type > .form-txt.s2 {padding-top:0.5rem;font-size:18px;text-align:left;}
.form-type > .form-txt.s3 {line-height:1.5;text-align:right;}
.form-type > .form-txt.s3 > p {font-size:12px;}
.form-type > .form-txt.s3 strong {font-size:18px;}
.form-type > .box-type03 {margin:0;padding:0 !important;}
.form-type > .form-info {line-height:1.6;margin:1em 0 0.95em!important;padding-left:20px;position:relative;font-size:14px;color:#ff0078;}
.form-type > .form-info:before {content:'';width:32px;height:32px;display:block;position:absolute;top:-6px;left:-8px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-288px -32px;background-size:640px auto;}
.form-type > .form-info.s1 {color:#a6b1b8 !important;}
.form-type > .form-info.s1:before {background-position:-416px -32px;}
.form-type > .form-info [class^=btn-type] {margin:-2px 2px 0;padding:2px 11px 3px;font-size:12px !important;border-color:#4b688c;color:#4b688c;}
.form-type > .form-info [class^=btn-type]:hover {background-color:#4b688c;border-color:#4b688c;color:#fff;}
.form-type textarea,
.form-type .form-textarea {display:block;padding:12px 0;margin:0.5rem 0;height:7.5rem;border:0;border-bottom:1px solid #00bdcd;border-radius:0;color:#00bdcd;font-weight:300;}
.form-type .form-textarea {overflow-y:scroll;}
.form-type .form-textarea[contenteditable=true]:empty:before {content:attr(placeholder);display:block;}
.form-type textarea:focus,
.form-type .form-textarea:focus {color:#223c56;border-color:#223c56;}
.form-type textarea[readonly] {padding:15px;font-size:14px;border:0;}
.form-type .error + .form-error {display:block;}
.form-type .btn-wrap02 {margin-left:0;margin-right:0;}
.form-type > .btn-wrap {margin-left:0;margin-right:0;padding:0 !important;}
.form-type > .btn-type {margin-top:1rem;}
.form-type .btn-select {max-width:900px;} 
.form-type .form-tit {padding-top:25px;color:#222;font-size:32px;font-weight:300;}
.form-type .form-tit:after {content:'';width:32px;height:1px;margin:25px 0 15px;display:block;background-color:#222;}
.form-type .form-bg {margin-top:1rem;padding:14px;background-color:#edf3f8;border:1px solid #e2ecf6;}
.form-type .form-bg p {margin:1rem 0 !important;font-size:13px;color:#555;}
.form-type .form-bg a {color:#336699;text-decoration:underline;font-size:13px;}
.form-type.s1 {max-width:100%;box-sizing:border-box;}
.form-type.s1 .form-txt {margin:1.2rem 0 0.7rem;text-align:center;}
.page-tit + .form-type {padding-top:1rem;}

/*** mobile ***/
@media (max-width:768px) {
	.form-type .form-error {margin-top:-5px;padding:11px 10px 11px 32px;font-size:13px;}
	.form-type > .form-txt,
	.form-type > .form-info {font-size:13px;}
	.form-type.s1 .form-txt span {display:block;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.form-type > .form-info:before,
	.form-type .form-caution:before,
	.form-type .form-error:before {background-image:url(../img/bg_icon_sprite@2x.png);}
}

.form-type02 {padding:10px 10px 0;text-align:center;margin-bottom:0.5rem;background-color:#fff;}
.form-type02:after {content:'';margin:10px -10px 0;display:block;height:1px;border-top:1px solid #b3b6b9;background-color:#d7dadd;}
.form-type02 > .form-search {margin:10px -10px -10px;padding:15px 10px;background-color:#f6f6f6;}
.form-type02 > .form-search > p {padding-top:15px;}

.input-search-wrap {width:400px;padding:10px 0;display:inline-block;}

.input-search-wrap .form-group {margin:8px 0;display:inline-block;}
.input-search-wrap .form-label {width:1px;height:1px;padding:0;position:absolute;overflow:hidden;line-height:1.42857143;margin-right:0px;/*padding:2px 0;*/display:inline-block;color:#333;font-size:14px;}
.input-search-wrap .controls {margin-top:0px;position:relative;}
.input-search-wrap .form-control {line-height:1.42857143;padding:9px 8px 9px 15px;display:block;position:relative;background-color:#fff;border:1px solid #00bdcd;border-radius:100px;font-size:14px;color:#333;z-index:2;-webkit-transition:background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;}
.input-search-wrap .btn-search { line-height:1.42857143; /*padding:10px 12px 8px;*/ display:inline-block; position:relative; /*background-image:none;*/ border-width:1px; border-style:solid; /*border-radius:3px; font-size:14px;*/ font-weight:400; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; transition:all 0.12s linear 0s!important; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }

.input-search-wrap .controls {display:table;border-collapse:separate;}
.input-search-wrap .controls .form-control {float:left;display:table-cell;}
.input-search-wrap .controls .form-control:first-child {border-bottom-right-radius:0;border-top-right-radius:0;}
.input-search-wrap .controls .btn-group {width:1%;display:table-cell;white-space:nowrap;vertical-align:middle;}
.input-search-wrap .controls .btn-group .btn:last-child { border-bottom-left-radius:0;border-top-left-radius:0;}
.input-search-wrap .controls .btn-search {padding:9px 45px !important;display:block;text-indent:-9999px;white-space:nowrap;border-color:#00bdcd;background-color:#00bdcd;border-top-right-radius:100px;border-bottom-right-radius:100px;color:#fff;}
.input-search-wrap .controls .btn-search:before {content:'';width:32px;height:32px;margin:-16px 0 0 -16px;display:inline-block;position:absolute;top:50%;left:60%;background-image:url(../img/bg_icon_sprite.png?version=201802061630);background-repeat:no-repeat;background-position:-544px -0px;background-size:640px auto;vertical-align:middle;}

.btn-bar-group {width:100%;margin-bottom:15px;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;}
.btn-bar-group > .radio-type03 {width:25%;margin:0;margin-left:-1px;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;}
.btn-bar-group > .radio-type03 label {line-height:1.42857143;display:inline-block;position:relative;-ms-touch-action:manipulation;touch-action:manipulation;-wbkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn-bar-group > .radio-type03 label {width:100%;padding:9px 10px;background-color:#fff;border:1px solid #00bdcd;color:#00bdcd;font-size:14px;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.btn-bar-group > .radio-type03:first-child label {margin-left:0;border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-left-radius:100px;border-top-left-radius:100px;}
.btn-bar-group > .radio-type03:last-child label {border-bottom-right-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:0;border-top-left-radius:0;}
.btn-bar-group > .radio-type03 label.check {background-color:#00bdcd;border-color:#00bdcd;color:#fff;}
.btn-bar-group > .radio-type03 input[type=checkbox],
.btn-bar-group > .radio-type03 input[type=radio] {padding:0;position:absolute;clip:rect(0,0,0,0);pointer-events:none;}

.form-type02 > .form-search + .btn-wrap01 {margin:10px -10px -10px -10px;padding:5px 0;background-color:#eee;border-top:1px solid #ddd;}
.form-type02 > .form-search + .btn-wrap01 .btn-show {width:100%;margin:0 auto;display:block;position:relative;font-size:13px;}
.form-type02 > .form-search + .btn-wrap01 .btn-show:after {content:'';width:32px;height:32px;margin:-16px 40px;display:inline-block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-224px -32px;background-size:640px auto;}
.form-type02 > .form-search + .btn-wrap01 .btn-show-open:after {background-position:-256px -32px;}

/*** mobile ***/
@media (max-width:768px) {
	.form-type02 > .form-search .btn-type {width:100%;max-width:300px;margin-left:auto;margin-right:auto;display:block;}
}
/*** mobile ***/
@media (max-width:425px) {
	.input-search-wrap {width:100%;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.form-type02 > .form-search + .btn-wrap01 .btn-show:after {background-image:url(../img/bg_shapes_sprite@2x.png);}
	.input-search-wrap .controls .btn-search:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201802070900);}
}

.form-type03 {margin:5px 0;}
.form-type03 .form-wrap {margin-top:10px;font-size:0;line-height:0;}
.form-type03 .form-wrap + textarea {margin-top:20px;}
.form-type03 .form-tit,
.form-type03 .form-cont {width:50%;line-height:1.42857143;margin:5px 0;display:inline-block;font-size:14px;vertical-align:top;}
.form-type03 .form-tit {padding-top:0px;font-size:14px;}
.form-type03 .form-cont {text-align:right;}
.form-type03 .radio-type > label {margin:0;}
.form-type03 .btn-wrap02 {margin:10px 0 0;}
.form-type03 .form-info {line-height:1.6;margin:1em 0 0.95em!important;padding-left:20px;position:relative;font-size:14px;color:#999;}
.form-type03 .form-info:before {content:'';width:32px;height:32px;display:block;position:absolute;top:-6px;left:-8px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-288px -32px;background-size:640px auto;}
.form-type03 textarea,
.form-type03 .form-textarea {display:block;padding:12px 0;margin:0.5rem 0;height:8rem;border:0;border-bottom:1px solid #00bdcd;border-radius:0;background-color:transparent;color:#00bdcd;font-weight:300;}
.form-type03 .form-textarea[contenteditable=true]:empty:before{content:attr(placeholder);display:block;}
.form-type03 textarea:focus,
.form-type03 .form-textarea:focus {color:#223c56;border-color:#223c56;}
.form-type03 textarea[readonly] {padding:15px;font-size:14px;border:0;}
.form-type03 .error + .form-error {display:block;}

/*** mobile ***/
@media (max-width:466px) {
	.form-type03 .form-wrap {margin-bottom:20px;}
	.form-type03 .form-tit,
	.form-type03 .form-cont {width:100%;margin:10px 0;display:block;text-align:left;}
	.form-type03 .form-wrap + textarea {margin-top:0px;}
}

/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.form-type03 .form-info:before {background-image:url(../img/bg_icon_sprite@2x.png);}
}


.form-comment {position:relative;padding:1.26em 7.73em 1.26em 1.5rem;background-color:#f3f5f7;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;font-size:15px;}
.form-comment button {display:block;position:absolute;top:1.26em;right:1.5rem;width:5.33em;height:4.66em;background-color:#093179;border-radius:3px;color:#fff;text-align:center;font-size:15px;}
.form-comment textarea {display:block;padding:0.66em;height:4.66em;border-color:#dcdcdc;border-radius:2px;font-size:15px;}
.form-comment textarea::-webkit-input-placeholder {color:#adadad !important;font-size:15px;font-weight:300;}
.form-comment textarea::-moz-placeholder {color:#adadad !important;font-size:15px;font-weight:300;} /* firefox 19+ */
.form-comment textarea:-ms-input-placeholder {color:#adadad !important;font-size:15px;font-weight:300;} /* ie */

/*** mobile ***/
@media (max-width:768px) {
	.form-comment {padding-right:83px;}
	.form-comment,
	.form-comment button,
	.form-comment textarea {font-size:13px;}
}

.form-select .check-type {display:block;margin-top:0;margin-bottom:0;}
.form-select .check-type label {display:block;padding:10px 0 11px 50px;background-color:#f4f4f4;border-top:1px dotted #c9c9c9;}
.form-select .check-type label:before {top:7px;left:12px;}
.form-select .check-type label.check {background-color:#7ed6d9;color:#fff;}
.form-select .check-type label:before {background-position:100% -64px;}
.form-select .check-type label.check:before {background-position:100% -192px;}
.form-select .check-type:first-of-type label {border-top:0;}

/*** mobile *** /
@media (max-width:768px) {
	.form-select .check-type label:before {background-position:100% -50px;}
	.form-select .check-type label.check:before {background-position:100% -300px;}
}*/

.form-search .btn-type {min-width:94px;padding:7px 12px;vertical-align:middle;}
.form-align {text-align:center;}
.form-align > span {position:relative;}
.form-align input[type=radio] {position:absolute;filter:alpha(opacity = 50);opacity:0;}
.form-align label {padding:13px 0;display:inline-block;color:#777;font-size:14px;}
.form-align label:before {content:'';width:1px;height:8px;margin:-3px 10px 0 6px;display:inline-block;background-color:#d0d0d0;vertical-align:middle;}
.form-align label.check {color:#333;}
.form-align label.check:after {content:'';width:0;height:0;margin-left:4px;display:inline-block;border:3px solid transparent;border-top:5px solid #333;vertical-align:middle;}
.form-align > span:first-child > label:before {display:none;}
.form-align > span.new strong  {width:16px;height:16px;margin:-8px 0;display:block;position:absolute;top:50%;right:-22px;border-radius:50%;background-color:#ef61b4;color:#fff;font-size:0;line-height:0;text-align:center;}
.form-align > span.new strong:before {content:'N';line-height:16px;font-size:9px;}

@media (max-width:320px) {
	.form-align label {letter-spacing:-1px;}
}


/*************************************************
	TABLE TYPE
*************************************************/
.tbl-type {width:100%;position:relative;border-top:1px solid #a7acb3;border-bottom:1px solid #a7acb3;}
.tbl-type th,
.tbl-type td {height:24px;padding:8px;border-top:1px solid #d7dadd;color:#777;font-size:13px;font-weight:normal;}
.tbl-type th {background-color:#f4f4f4;color:#555;}
.tbl-type tr:first-child th,
.tbl-type tr:first-child td {border-top:0;}
.tbl-type > thead {border-top:2px solid #858585;}
.tbl-type > thead th {border:1px solid #e1e1e1;}
.tbl-type > thead + tbody {border-bottom:1px solid #e1e1e1;}
.tbl-type > thead + tbody td {border:1px solid #e1e1e1;text-align:center;}
.tbl-type > thead + tbody tr:nth-child(even) td:not(.tbl-nodata) {background-color:#fff;}
.tbl-type tbody td .ellipsis,
.tbl-type tbody td .ellipsis2,
.tbl-type tbody td a {max-width:100%;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}

.tbl-type tr:not(.tbl-toggle-cont) [class^=btn-type] {width:100%;min-width:16px;padding:4px 5px;display:block;font-size:12px;box-sizing:border-box;}
.tbl-type .ui-cont {display:none;}
.tbl-type .ui-cont > td {height:280px;padding:0;position:relative;background-color:#fff !important;vertical-align:top;}
.tbl-type .ui-cont > td > .tbl-scroll {/*height:281px;*/max-height:281px;overflow:auto;}
.tbl-type .ui-cont > td > .tbl-scroll tr {display:table-row;}
.tbl-type .ui-cont.ui-toggle-open {display:table-row;}
.tbl-type .tbl-toggle-cont td {height:auto;padding:10px;}
.tbl-type .tbl-toggle-cont > td {padding:10px;text-align:left;background-color:#f5f5f5 !important;}

.tbl-type .btn-arr02 {width:100%;max-width:32px;margin:0 auto;display:block;}
.tbl-type .btn-arr02 {width:32px;height:32px;display:inline-block;position:relative;font-size:0;line-height:0;}
.tbl-type .btn-arr02:after {content:'';width:20px;height:20px;margin:-10px;display:block;position:absolute;top:50%;left:50%;background-color:#fff;border:2px solid #a7acb3;border-radius:50%;box-sizing:border-box;z-index:1;}
.tbl-type .btn-arr02:before {position:absolute;top:50%;left:50%;z-index:2;}
.tbl-type .btn-arr02.icon-up:before,
.tbl-type .btn-arr02.icon-down:before {content:'';display:block;width:0;height:0;}
.tbl-type .btn-arr02.icon-up:before {margin:-7px -4px;border:4px solid transparent;border-bottom:5px solid #a7acb3;}
.tbl-type .btn-arr02.icon-down:before {margin:-2px -4px;border:4px solid transparent;border-top:5px solid #a7acb3;}
.tbl-type .btn-arr02.ui-btn-open:before {margin:-7px -4px;border:4px solid transparent;border-bottom:5px solid #a7acb3;}

.tbl-type .td-detail { padding:0 8px; background-color:#efefef !important;}
.tbl-type .btn-view {width:100%;height:32px;}
.tbl-type .btn-view span { width:80px; margin:0 auto;display:block; position:relative; }
.tbl-type .btn-view .icon-down,
.tbl-type .btn-view.ui-btn-open .icon-up { display:none;}
.tbl-type .btn-view.ui-btn-open .icon-down {display:block;}
.tbl-type .btn-view .icon-up:before,
.tbl-type .btn-view .icon-down:before {content:'';display:block;width:0;height:0;position: absolute;top:50%;right:0;}
.tbl-type .btn-view .icon-up:before {margin-top:-2px;border:5px solid transparent;border-top:6px solid #555;}
.tbl-type .btn-view .icon-down:before {margin-top:-7px;border:5px solid transparent;border-bottom:6px solid #555;}

.tbl-type .check-type02 { display:table;margin:0 auto; }

.tbl-type.s1 {min-width:100%;border-top:none;border-bottom:none;overflow:visible;}
.tbl-type.s1 > thead {border-top:1px solid #e1e1e1;}
.tbl-type.s1 > thead th {background-color:#edf1f5 !important;}
.tbl-type.s1 > tbody td {background-color:#fff !important;}
.tbl-type.s1 > thead th {text-align:center;}

.tbl-block:before {content:'·';padding:0 5px;}

.tbl-type.c1 > tbody {border-top:2px solid #858585;}
.tbl-type > tbody tr.st-th td{background-color:#f4f4f4;color:#555;border:1px solid #e1e1e1;}
.tbl-type > tbody tr.st-th02 td{background-color:#fcfcea;color:#555;border:1px solid #e1e1e1;}
.tbl-type > tbody tr.st-th03 td{background-color:#e7f7f8;color:#555;border:1px solid #e1e1e1;}

/*** mobile ***/
@media (max-width:768px) {
	.tbl-type th, .tbl-type td {font-size:12px;}
}

.tbl-type02 {width:100%;position:relative;}
.tbl-type02 th, .tbl-type02 td {height:24px;padding:8px;border-top:1px solid #e7e7e7;color:#777;font-size:13px;font-weight:normal;}
.tbl-type02 th {background-color:#f4f4f4;color:#555;}
.tbl-type02 tr:first-child th,
.tbl-type02 tr:first-child td {border-top:0;}
.tbl-type02 td strong {font-weight:500;color:#555;}
.tbl-type02 > thead {border-top:2px solid #858585;}
.tbl-type02 > thead th {position:relative;}
.tbl-type02 > thead th:before {content:'';width:1px;height:10px;margin:-5px 0;display:block;position:absolute;top:50%;left:0;background-color:#dcdcdc;}
.tbl-type02 > thead th:first-child:before {display:none;}
.tbl-type02 > thead + tbody {border-bottom:1px solid #e7e7e7;}
.tbl-type02 > thead + tbody td {text-align:center;}
[class^=tbl-type] .tbl-nodata {height:10rem !important;color:#222;font-size:16px;text-align:center !important;}
[class^=tbl-type] .tbl-nodata.s1 {height:8.8rem !important;}
[class^=tbl-type] .tbl-scroll .tbl-nodata {height:8rem !important;}
[class^=tbl-type] .tbl-left td {text-align:left;}
[class^=tbl-type] .tbl-right td {text-align:right;}
[class^=tbl-type] .tbl-center td {text-align:center;}
[class^=tbl-type] .tbl-left {text-align:left !important;}
[class^=tbl-type] .tbl-right {text-align:right !important;}
[class^=tbl-type] .tbl-center {text-align:center !important;}

.tbl-wrap {width:100%;overflow-y:auto;}
.tbl-wrap > table {max-width:100%;table-layout:auto;}
.tbl-wrap > table th,
.tbl-wrap > table td {white-space:nowrap;}
.tbl-scroll > thead {width:100%;display:block;}
.tbl-scroll > tbody {width:100%;display:block;overflow:auto;}
.tbl-scroll tr {width:100%;display:table;table-layout:fixed;}
.tbl-scroll02 { max-height:240px;overflow-y:auto; }
.tbl-wrap > table td.n_space {white-space:normal;}
/*** mobile ***/
@media (max-width:768px) {
	[class^=tbl-type] .tbl-nodata {font-size:14px;}
	.tbl-block {display:block;}
	.tbl-block:before {content:'';padding:0;}
}
.tbl-type td .txt-left {width:100%;display:inline-block;text-align:left;}
.tbl-type td .txt-center {width:100%;display:inline-block;text-align:center;}
.tbl-type td .txt-right {width:100%;display:inline-block;text-align:right;}


/*************************************************
	CONT TYPE
*************************************************/
.cont-type {padding:0 1.5rem 1.5rem;position:relative;}
.cont-type > .cont-tit {max-width:900px;line-height:1.39;margin:0 auto;padding-top:1.56em;color:#222;font-size:25px;font-weight:300;text-align:center;}
.cont-type > .cont-tit:after {content:'';width:1.52em;height:1px;margin:0.6em auto 0.96em;display:block;background-color:#222;}
.cont-type > .cont-tit-txt {font-size:14px;color:#999;}
.cont-type > .cont-txt {padding-top:13px;font-size:20px;color:#ff613d;font-weight:300;}
.cont-type > .cont-txt02 {margin-bottom:15px;text-align:center;}
.cont-type > ul.cont-txt02 {margin:1.5rem auto 2rem;max-width:700px;text-align:left;font-size:15px;}
.cont-type > .cont-txt02 li {margin-bottom:13px;}
.cont-type > .cont-txt02 li:before {content:'※ ';}
.cont-type > p {font-size:15px;line-height:1.66;color:#555;}
.cont-type > .cont-tit + p {padding-top:0.35rem;}
.cont-type > .cont-tit + .list-type.s2 {margin-top:1.42em !important;}
.cont-type > .btn-type {margin-top:1rem;}
.cont-type > .form-type:not(.box-type02) {padding-left:0;padding-right:0;}
.cont-type > .box-type02 {padding:1rem;}
.cont-type > .form-type + .cont-tit {margin-top:0.24em;}
.cont-type > .form-type + div.txt-type {margin-top:1rem;}

.cont-type.s1 {padding-bottom:2.25rem;background-color:#fff;}
.cont-type.s1 .cont-tit {text-align:left;}
.cont-type.s1 .cont-tit:after {margin-left:0;margin-bottom:0.28em;}
.cont-type.s1 p {max-width:900px;margin-left:auto;margin-right:auto;color:#999;}
.cont-type.s1 p.s1 {color:#ff613d;}
.cont-type.s1 p.s2 {color:#ff1461;;}
.cont-type.s1 .list-type {margin:0 -1.5rem;}
.cont-type.s1 div.txt-type {margin-left:-1.5rem;margin-right:-1.5rem;}
.cont-type.s1 div.txt-type.s1 {margin: 0;}
.cont-type.s1 div.txt-type.s1:before {content:'';width:32px;height:32px;display:block;position:absolute;top:-6px;left:-8px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-288px -32px;background-size:640px auto;}
.cont-type.s1 div.txt-type.s2 {margin: 0;}
.cont-type.s1 .btn-wrap {max-width:900px;margin-right:auto;margin-left:auto;}

.cont-type.s1 > .form-type {padding:0;}


.layer-report + .cont-type[class^=bg] {padding-top:32px;}
.layer-report + .cont-type[class^=bg]:before {top:16px;}

.cont-type[class^=bg] {padding-top:24px;}
.cont-type[class^=bg]:before {content:'';width:32px;height:32px;margin:0 -16px;display:block;position:absolute;top:8px;left:50%;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-352px 0;background-size:640px auto;}
.cont-type[class^=bg] > .cont-tit {border-top:1px dotted #99d2d7;}
.cont-type.bg-url:before {background-position:-384px 0;}
.cont-type.bg-msg:before {background-position:-416px 0;}
.cont-type.bg-noti:before {background-position:-448px 0;}
.cont-type.bg-img:before {background-position:-480px 0;}
.page-tit + .cont-type {padding-top:1.5rem;}

/*** mobile ***/
@media (max-width:700px) {
	.cont-type > .cont-tit {font-size:19px;}
	.cont-type > .cont-tit + p {font-size:13px;}
	.cont-type > .cont-txt {font-size:14px;}
	.cont-type > p,
	.cont-type > ul.cont-txt02 {font-size:12px;}
	.cont-type.s1 .list-type.s3 {padding:0;}
	.cont-type.s1 .list-type.s3 > li {padding:0 1.5rem;border-top:1px solid #f0f0f0;}
	.cont-type.s1 .list-type.s3 > li:first-child {border-top:0;}
	.cont-type.s1 .list-type.s3 li > a {border-top:0;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.cont-type[class^=bg]:before {background-image:url(../img/bg_icon_sprite@2x.png);}
}

.cont-type02 {padding:0 1.5rem;background-color:#fff;font-size:14px;color:#555;}
.cont-type02 .cont-tit {padding:1.35rem 0;margin-bottom:14px;font-size:18px;border-bottom:1px solid #e1e1e1;font-weight:300;color:#222;}
.cont-type02 .cont-tit > time {display:block;margin-top:0.5rem;font-size:13px;color:#999;}
.cont-type02 .cont-txt {line-height:1.78;}
.cont-type02.s1 {border-top:2px solid #858585;}
.cont-type02.s1 .cont-tit {overflow:hidden;padding:0;font-size:0;line-height:0;text-align:right;}
.cont-type02.s1 .cont-tit > h1,
.cont-type02.s1 .cont-tit > h2,
.cont-type02.s1 .cont-tit > h3,
.cont-type02.s1 .cont-tit > h4,
.cont-type02.s1 .cont-tit > h5,
.cont-type02.s1 .cont-tit > h6 {display:inline-block;width:70%;width:-webkit-calc(100% - 150px);width:-moz-calc(100% - 150px);width:calc(100% - 150px);padding:10px 0;font-size:22px;line-height:1.2;text-align:left;vertical-align:middle;}
.cont-type02.s1 .cont-tit > dl {display:inline-block;position:relative;width:150px;margin:10px 0;padding:5px 0 5px 45px;box-sizing:border-box;vertical-align:middle;}
.cont-type02.s1 .cont-tit > dl dt {display:none;}
.cont-type02.s1 .cont-tit > dl dd {font-size:14px;line-height:1.2;text-align:left;}
.cont-type02.s1 .cont-tit > dl dd a {font-size:13px;color:#666;line-height:1.2;}
.cont-type02.s1 .cont-tit > dl dd time {color:#999;font-size:12px;}
.cont-type02.s1 .cont-tit > dl .icon-mem {position:absolute;top:50%;left:0;margin:-21px 0;width:40px;height:40px;}
.cont-type02.s1 .cont-tit > dl .icon-mem:before {background-size:200px auto;}
.cont-type02.s1 .cont-txt {padding-bottom:20px;}
.cont-type02 .cont-img {margin:20px auto;max-width:700px;}
.cont-type02 .cont-img img {max-width:700px;width:100%;}
.cont-type02 .cont-scrap {margin:20px auto;max-width:515px;}
.cont-type02 .cont-scrap a {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;-ms-flex-direction:column;position:relative;padding:10px 10px 10px 230px;height:112px;background-color:#fcfcfc;border:1px solid #dfdfdf;box-shadow:1px 1px 2px 0 rgba(0,0,0,0.1)}
.cont-type02 .cont-scrap a span {overflow:hidden;display:block;position:absolute;top:10px;left:10px;width:200px;height:112px;}
.cont-type02 .cont-scrap a span img {width:100%;}
.cont-type02 .cont-scrap a strong {overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;max-height:2.8em;font-size:18px;line-height:1.4em;color:#333;font-weight:400;text-overflow:ellipsis;word-wrap:break-word;}
.cont-type02 .cont-scrap a em {display:block;margin-top:13px;font-size:15px;color:#aaa;}
.cont-type02 .cont-file {border-top:1px dotted #ccc;margin-top:35px;font-size:0;}
.cont-type02 .cont-file .cont-file-tit {margin:13px 5px 12px;font-size:15px;color:#555;}
.cont-type02 .cont-file a {position:relative;display:inline-block;margin:5px;padding:11px 10px;width:170px;height:85px;border:1px solid #eaeaea;background-color:#f5f5f5;font-size:13px;color:#555;box-sizing:border-box;}
.cont-type02 .cont-file a:before {content:'';width:32px;height:32px;margin-left:-8px;display:block;position:absolute;top:5px;left:10px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-64px -64px;background-size:640px auto;vertical-align:middle;}
.cont-type02 .cont-file a strong {line-height:1.42857143;padding:0 0 6px 20px;display:block;color:#888;font-size:12px;font-weight:normal;}
.cont-type02 .cont-file a span {overflow:hidden;display:block;line-height:1.4em;height:2.7em;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;text-overflow:ellipsis;}

/*** mobile ***/
@media (max-width:768px) {
	.cont-type02 {left:0;font-size:13px;}
	.cont-type02 .cont-tit {font-size:16px;padding-left:1.5rem;padding-right:1.5rem;margin-left:-1.5rem;margin-right:-1.5rem;}
	.cont-type02 .cont-tit > time {font-size:12px;}
	.cont-type02.s1 .cont-tit {margin-left:0;margin-right:0;}
	.cont-type02.s1 .cont-tit > h1,
	.cont-type02.s1 .cont-tit > h2,
	.cont-type02.s1 .cont-tit > h3,
	.cont-type02.s1 .cont-tit > h4,
	.cont-type02.s1 .cont-tit > h5,
	.cont-type02.s1 .cont-tit > h6 {display:block;width:100%;font-size:17px;}
	.cont-type02.s1 .cont-tit > dl {display:block;margin-top:0;margin-bottom:10px;width:100%;}
	.cont-type02 .cont-scrap a {padding-left:120px;height:55px;}
	.cont-type02 .cont-scrap a span {position:absolute;top:10px;left:10px;width:98px;height:55px;}
	.cont-type02 .cont-scrap a strong {font-size:13px;}
	.cont-type02 .cont-scrap a em {margin-top:0;font-size:12px;}
	.cont-type02 .cont-file a {width:46%;width:-webkit-calc(50% - 10px);width:-moz-calc(50% - 10px);width:calc(50% - 10px);}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.cont-type02 .cont-file a:before {background-image:url(../img/bg_icon_sprite@2x.png);}
}

.cont-type03 {padding:12px 20px 23px !important;}
.cont-type03 > .cont-list li {line-height:1;margin-bottom:3px;padding:6px 13px;display:inline-block;background-color:#ffe9e0;border-radius:100px;color:#874d34;font-size:15px;}
.cont-type03 > .cont-list.s1 li{background-color:#e4f3eb;color:#555;}
.cont-type03 > .cont-list.s2 li{background-color:#d7eafd;color:#4b688c;}
.cont-type03 > .cont-txt {line-height:1.66;padding-left:24px;color:#555;font-size:15px;}
.cont-type03 > .cont-txt li {list-style:decimal;}
.cont-type03 > a {display:inline-block;margin-top:20px;font-size:16px;color:#21396a;text-decoration:underline;}
.cont-type03 .txt-type {border:1px solid #ddd;}
.cont-type03 .txt-type li:before {background-color:#874d34;}

.cont-type04 {position:relative;margin:1.5rem auto 0;padding-bottom:20px;max-width:700px;}
.cont-type04:before {content:'';display:block;width:100%;height:50px;border-top:1px dotted #00bdcd;}
.cont-type04:after {content:'';width:32px;height:32px;margin:0 -16px;display:block;position:absolute;top:-16px;left:50%;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-352px 0;background-size:640px auto;}
.cont-type04 > .cont-img {margin-bottom:15px;}
.cont-type04 > .cont-img img{width:100%;}
.cont-type04 > .cont-txt {font-size:15px;color:#222;line-height:1.5;}

/*** mobile ***/
@media (max-width:700px) {
	.cont-type04 {border-top:1px solid #b3b6b9;}
	.cont-type04:before {height:7px;border-top:1px solid #d7dadd;background-color:#e8ecef;}
	.cont-type04:after {display:none;}
	.cont-type04 > .cont-txt {padding:0 15px;}
	.cont-type03 > .cont-txt{padding-left:10px;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.cont-type04:after {background-image:url(../img/bg_icon_sprite@2x.png);}
}

.cont-type05 {margin-top:-1px;position:relative;border-top:1px solid #6e7987;background-color:#667281;color:#fff;}
.cont-type05.cont-btn .cont-btn{padding:20px;}
.cont-type05 .cont-tit {font-size:14px;font-weight:300;}
.cont-type05 p {line-height:1;margin-top:7px;font-size:23px;}
.cont-type05 .cont-tit .guide {width:18px;height:18px;display:inline-block;position:relative;top:-2px;left:0px;border-radius:50%;background-color:#ffcc00;color:#fff;font-size:0;line-height:0;text-align:center;}
.cont-type05 .cont-tit .guide:before {content:'?';line-height:18px;font-size:12px;font-weight:600; }

.cont-type05 .cont-btn02 {margin:0;padding:15px 1.5rem 15px 10px;display:block;position:relative;border-top:1px solid #858e9a;text-align:right;clear:both;}
.cont-type05 .cont-btn02 a {color:#fff;font-size:14px;}
.cont-type05 .cont-btn02:after {content:'';width:6px;height:6px;margin-top:-3px;margin-left:5px;display:inline-block;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);vertical-align:middle;}
.cont-type05 .cont-btn {display:block;}
/*** desktop ***/
@media (min-width:641px) {
	.cont-type05 {padding:0 50px;text-align:center;overflow:hidden;}
	.cont-type05:after {content:'';width:50%;height:56px;display:block;position:absolute;top:37px;left:0;border-right:1px solid #76818f;}	
	.cont-type05 .cont-btn a {padding:8px 17px;border:1px solid #fff;background-color:#fff;border-radius:34px;color:#667281;font-size:14px;}
/*.cont-type05 .cont-btn.s1 {bottom:2.42em;background:none;pointer-events:none;color:#fff;}*/
.cont-type05 .cont-btn.s1 a {color:#aaa;cursor:default;opacity:.3;pointer-events:none;}

	.cont-type05 .cont-tit,
	.cont-type05 p {float:left;width:50%;}
	.cont-type05 .cont-tit {padding-top:33px;}
	.cont-type05 p {margin:60px 0 0 -50%;padding-bottom:20px;font-size:24px;font-weight:200;}
	.cont-type05 p strong {font-size:32px;font-weight:300;}	
	.cont-type05 .cont-btn02 {margin:20px -50px 0 -50px;}
	.cont-type05 .cont-btn a {position:absolute;top:57px;right:1.5rem;}	
}
/*** mobile ***/
@media (max-width:640px) {
	.cont-type05 {padding:20px;}
	.cont-type05:before,
	.cont-type05:after {content:'';display:table;}
	.cont-type05:after {clear:both;}
	/*.cont-type05 p + .cont-tit:before {content:'';width:16px;height:1px;margin:15px 0 13px;display:block;background-color:#fff;}*/
	.cont-type05 > div {overflow: hidden}
	.cont-type05 .cont-tit,
	.cont-type05 p {float:left;line-height:1.42857143;}
	.cont-type05 .cont-tit {width:45%;padding:9px 0 7px;}
	.cont-type05 p {width:55%;margin-top:0;height:36px;text-align:right;}
	
	.cont-type05 .cont-btn02 {width:100%;margin:-20px -20px -20px;padding:20px;display:inline-block;}
	.cont-type05 .cont-btn {width:100%;margin:0px -20px -20px -20px;padding:20px;display:inline-block;}
	.cont-type05 .cont-btn a {width:100%;padding:8px 17px;display:block;background-color:#00bdcd;border-color:#00bdcd;box-sizing:border-box;color:#fff;text-align:center;}
	.cont-type05 .cont-btn.s1 a {color:#fff;}
}
	
.cont-type06 {margin-bottom:0.5rem;padding:1.3rem 1.5rem 0;background-color:#fff;}
.cont-type06:after {content:'';height:1px;margin:1.2rem -1.5rem 0;display:block;border-top:1px solid #b3b6b9;background-color:#d7dadd;}
.cont-type06 .cont-tit {margin-bottom:0.7rem;color:#667281;font-size:20px;font-weight:400;}
.cont-type06 p {line-height:1.46;color:#939393;font-size:15px;}
.cont-type06 a.ui-btn {position:relative;color:#667281;}
.cont-type06 a.ui-btn:after {content:'';width:32px;height:32px;margin:-16px 0;display:inline-block;position:absolute;top:50%;right:-30px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-416px -32px;background-size:640px auto;}
.cont-type06 a.ui-btn-open:after {background-position:-448px -32px;}

/*** mobile ***/
@media (max-width:768px) {
	.cont-type06 .cont-tit {font-size:15px;}
	.cont-type06 p {font-size:12px;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.cont-type06 a.ui-btn:after {background-image:url(../img/bg_shapes_sprite@2x.png);}
}

.cont-type08 {padding:10px;position:relative;}
.cont-type08 > .cont-tit {max-width:700px;line-height:1.39;margin:0 auto;padding-top:1em;color:#222;font-size:25px;font-weight:300;text-align:center;}
.cont-type08 > .cont-tit:after {content:'';width:1.52em;height:1px;margin:0.6em auto 0.96em;display:block;background-color:#222;}

/*** mobile ***/
@media (max-width:360px) {
	.cont-type08 > .cont-tit {font-size:20px;}
}

/* Youtube Container */
.cont-video.youtube { width:100%;background-color:#010101;margin-bottom:10px;}
.cont-video.youtube iframe { width:100%;}
.cont-video.youtube .container { height:0;padding-top:30px;padding-bottom:56.25%;position:relative;overflow:hidden;}
.cont-video.youtube .container iframe,
.cont-video.youtube .container object,
.cont-video.youtube .container embed { width:100%;height:100%;position:absolute;top:0;left:0;}

.cont-guide {background-color:#fff;padding:1.3rem 1rem;}
.cont-guide .cont-tit {margin:0 auto;max-width:630px;padding-left:6px;font-size:18px;color:#333;font-weight:400;box-sizing:border-box;}
.cont-guide .cont-tit strong {line-height:1.42857143;margin:-5px 11px 0 0;padding:6px 12px 7px;display:inline-block;border-radius:100px;background-color:#ff6da1;color:#fff;font-size:14px;font-weight:400;vertical-align:middle;}
.cont-guide ul {margin:1.5rem auto 0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;width:100%;max-width:660px;}
.cont-guide ul li {position:relative;z-index:2;max-width:220px;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;background-color:#fff;}
.cont-guide ul li a {display:block;padding:0 0.759rem;font-size:14px;color:#333;text-align:center;}
.cont-guide ul li a:before {content:'';max-width:190px;height:0;margin:0 auto 9px;padding-top:58%;display:block;border:1px solid #d1d1d1;background:url(../img/img-noimg.png) no-repeat 0 0;background-size:100% 100%;}
.cont-guide ul li a.bg-guide01:before {background-image:url(../img/guide/guide-thumbnail1-01.png);}
.cont-guide ul li a.bg-guide02:before {background-image:url(../img/guide/guide-thumbnail1-02.png);}
.cont-guide ul li a.bg-guide03:before {background-image:url(../img/guide/guide-thumbnail1-04.png);}
.cont-guide ul li a.bg-guide04:before {background-image:url("../img/guide/guide-thumbnail3-01.png");}
.cont-guide ul li a.bg-guide05:before {background-image:url("../img/guide/guide-thumbnail3-02.png");}
.cont-guide ul li a.bg-guide06:before {background-image:url("../img/guide/guide-thumbnail3-03.png");}
.cont-guide ul li a.bg-guide07:before {background-image:url("../img/guide/guide-thumbnail3-04.png");}

.cont-guide ul li a.bg-lecture01:before {background-image:url(../img/lecture/lecture-thumbnail1-01.png);}
.cont-guide ul li a.bg-lecture02:before {background-image:url(../img/lecture/lecture-thumbnail1-02.png);}
.cont-guide ul li.disabled a {pointer-events:none;}
.cont-guide .cont-video {overflow:hidden;position:relative;margin:0 auto;max-width:780px;height:430px;}
.cont-guide .cont-video iframe,
.cont-guide .cont-video object,
.cont-guide .cont-video embed {position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;max-width:100%;max-height:100%;}
.cont-guide .cont-video + ul {overflow:hidden;display:block;margin-top:30px;max-width:430px;}
.cont-guide.s4 .cont-video + ul {max-width:520px;}
.cont-guide .cont-video + ul li {float:left;display:block;width:130px;margin-bottom: 10px;}
.cont-guide .cont-video + ul li a {padding:0 0.66em;}
.cont-guide .cont-video + ul li a:before {max-width:130px;}
.cont-guide .cont-figure {margin:0 auto;max-width:650px;}
.cont-guide .cont-figure img {display:block;width:100%;}
.cont-guide .cont-figure + ul {width:auto;max-width:200%;margin:0 -1px;padding-top:15px;display:block;border-top:1px solid #ddd;text-align:center;}
.cont-guide .cont-figure + ul li {display:inline-block;font-size:0;line-height:0;}
.cont-guide .cont-figure + ul li a {color:#777;font-size:14px;}
.cont-guide .cont-figure + ul li a:before {width:110px;height:110px;margin-bottom:15px;padding:0;}
.cont-guide.s1 {padding-top:0.7rem;position:relative;overflow:hidden;}
.cont-guide.s1 ul {max-width:100%;margin-top:0;display:block;overflow:hidden;}
.cont-guide.s1 ul li {float:left;width:190px;margin-bottom:10px;display:block;background-color:#fff;}
.cont-guide.s1 ul li a {padding:0 10px;}
.cont-guide.s1:before,
.cont-guide.s1:after,
.cont-guide.s1 ul:before,
.cont-guide.s1 ul:after,
.cont-guide.s2 ul:before,
.cont-guide.s2 ul:after {overflow:hidden;content:'준비 중';display:block;position:absolute;top:0.7rem;left:220px;z-index:1;width:168px;padding:112px 10px 0;background:url(../img/img-noimg.png) no-repeat 0 0;background-size:100% auto;font-size:14px;color:#ccc;text-align:center;box-sizing:border-box;}
.cont-guide.s1:after {left:410px;}
.cont-guide.s1 ul:before {left:600px;}
.cont-guide.s1 ul:after {left:790px;}
.cont-guide.s2 ul {position:relative;} 
.cont-guide.s2 ul:before,
.cont-guide.s2 ul:after {top:0;left:136px;width:108px;padding-top:83px;}
.cont-guide.s2 ul:after {left:266px;}
.cont-guide.s3 {padding:1rem 0;}
.cont-guide.s3 .cont-video{margin:0;}


/*** desktop ***/
@media (max-width:1202px) {
	.cont-guide.s1 ul:after {display:none;}
}
@media (max-width:1012px) {
	.cont-guide.s1 ul:before {display:none;}
}
@media (max-width:810px) {
	.cont-guide .cont-video + ul li {max-width: 120px;}
}
@media (min-width:769px) {
	.cont-guide.s1 ul {min-width:555px;}
}
/*** mobile ***/
@media (max-width:768px) {
	.cont-guide.s1:before,
	.cont-guide.s1:after,
	.cont-guide.s1 ul:before,
	.cont-guide.s1 ul:after,
	.cont-guide.s2 ul:before,
	.cont-guide.s2 ul:after,
	.cont-guide ul li a,
	.cont-guide .cont-figure + ul li a {font-size:13px;}
	.cont-guide.s1:before {left:210px;}
	.cont-guide.s1:after {left:400px;display:block;}
	.cont-guide .cont-tit {font-size:16px;}
	
}
@media (max-width:620px) {
	.cont-guide .cont-tit strong {display:table;margin:0 -5px 5px;}
	.cont-guide .cont-video {margin:-5px -1px 0;height:0;padding-top:30px;padding-bottom:56.25%;}
	.cont-guide .cont-figure + ul li a:before {width:70px;height:70px;padding:0;}
	.cont-guide .cont-video + ul li,
	.cont-guide.s1 ul li {width:33%;margin-bottom:5px;}
	.cont-guide.s1 ul li a {padding:0 5px;}
	.cont-guide.s1:before,
	.cont-guide.s1:after,
	.cont-guide.s2 ul:before,
	.cont-guide.s2 ul:after {margin:0 10px;padding-top:19.5%;left:33%;width:33%;width:-webkit-calc(33% - 22px);width:-moz-calc(33% - 22px);width:calc(33% - 22px);}
	.cont-guide.s1:after,
	.cont-guide.s2 ul:after {margin-left:0;left:66%;}
	.cont-guide.s2 ul:before,
	.cont-guide.s2 ul:after {width:33%;width:-webkit-calc(33% - 18px);width:-moz-calc(33% - 18px);width:calc(33% - 18px);}
	.cont-guide.s4 .cont-video + ul {max-width: 600px;}
	.cont-guide.s4 ul {display: inline-block;overflow: hidden;}	
	.cont-guide.s4 ul li {width: 50%; max-width: 300px; margin-bottom: 10px; display: inline-block; float: left;}
	.cont-guide.s4 ul li a:before {max-width: 300px;}
}

.cont-app {padding:30px 20px;margin:0 auto;max-width:700px;text-align:center;}
.cont-app img {width:100px;}
.cont-app dl {overflow:hidden;display:inline-block;margin:15px 0;font-size:16px;line-height:25px;color:#00bdcd;}
.cont-app dl dt {float:left;clear:left;}
.cont-app dl dd {display:inline-block;}
.cont-app dl dt:first-child,
.cont-app dl dt:first-child + dd {color:#777;}
.cont-app p {color:#777;}
.cont-app .cont-txt {margin:15px auto 30px;padding:7px 10px;width:250px;border:1px solid #d6d6d6;border-radius:5px;font-size:15px;}
.cont-app .btn-type {margin:15px 0 30px;}

.cont-comment {border-top:2px solid #858585;}
.cont-comment .cont-tit {padding:0.88em 1.5rem;font-size:18px;font-weight:500;color:#333;}
/*** mobile ***/
@media (max-width:760px) {
	.cont-comment {display:-moz-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
	.cont-comment .cont-tit {font-size:16px;}
	.cont-comment .cont-tit,
	.cont-comment .list-comment {width:100%;-webkit-order:2;order:2;}
	.cont-comment > .form-comment {-webkit-order:1;order:1;border-top:0;width:100%;}
	.cont-comment .cont-tit {margin:0 15px;padding-left:0;padding-right:0;border-bottom:1px solid #f1f1f1;width:100%;}
}

.cont-board {padding:0 1.5rem 1.5rem;line-height:1.5;}
.cont-board strong{font-size:17px; font-weight:400; color:#555;}

/*** mobile ***/
@media (max-width:760px) {
	.cont-board {font-size:12px;}
	.cont-board strong{font-size:15px;}
}

.cont-paypal {padding:15px 15px 18px;background-color:#edf3f8;border:1px solid #e2ecf6;}
.cont-paypal li {position:relative;padding-left:10px;font-size:14px;color:#555;line-height:1.7;}
.cont-paypal li:before {content:'';display:inline-block;position:absolute;top:10px;left:0;width:4px;height:4px;border-radius:50%;background-color:#96a5b5;}

.cont-agree {padding:1.5rem 0;line-height:2;color:#555;}
dl.cont-agree > dt,
div.cont-agree > dl > dt {margin:12px 0 7px;font-size:16px;font-weight:bold;}
.cont-agree .cont-num {counter-reset:list-counter;list-style:none;}
.cont-agree .cont-num > li,
.cont-agree .cont-num > dt,
.cont-agree .cont-num > dd {overflow:hidden;position:relative;margin-top:10px;padding-left:25px;}
.cont-agree .cont-num > li:first-child,
.cont-agree .cont-num > dt:first-child,
.cont-agree .cont-num > dd {margin-top:0;}
.cont-agree .cont-num > dt:before,
.cont-agree .cont-num > li:before {content:"("counter(list-counter)")";counter-increment:list-counter;position:absolute;top:0;left:0;}
.cont-agree > .cont-num > li {padding-left:15px;}
.cont-agree > .cont-num > li:before {content:""counter(list-counter)".";counter-increment:list-counter;position:absolute;top:0;left:0;}
.cont-agree .cont-num ul:not(.cont-line),
.cont-agree .cont-num dl {counter-reset:item;padding-left:20px;}
.cont-agree .cont-num ul:not(.cont-line) > li:before,
.cont-agree .cont-num dl > dt:before {content:counter(item, upper-alpha) ". ";counter-increment:item;margin-left:-17px;}
.cont-agree .cont-line li {position:relative;padding-left:0.5rem;}
.cont-agree .cont-line li:before {content:'-';position:absolute;top:0;left:0;}
.cont-agree .cont-table {margin:10px 0 15px 0;width:100%;}
.cont-agree .cont-table th {line-height:1.5;padding:7px 5px;background-color:#f1f1f1;border:1px solid #ddd;text-align:left;}
.cont-agree .cont-table td {line-height:1.5;padding:7px 5px;border:1px solid #ddd;color:#333;text-align:left;}
.cont-agree .cont-num .cont-table {margin-left:-25px;width:-webkit-calc(100% + 25px);width:-moz-calc(100% + 25px);width:calc(100% + 25px);}
.cont-agree > .cont-num .cont-table {margin-left:-15px;width:-webkit-calc(100% + 15px);width:-moz-calc(100% + 15px);width:calc(100% + 15px);}
.cont-agree > dl + a {display:block;margin-top:20px;}
.cont-report {position:absolute;bottom:65px;right:10px;text-align:right;}
.cont-report p {display:inline-block;margin:5px 0;padding:4px 12px;background-color:#ff613d;border-radius:100px;color:#fff;vertical-align:middle;text-align:center;}
.cont-report .btn-report {margin-left:5px;}


/*************************************************
	IMG GROUP TYPE
*************************************************/
.figure-type {max-width:468px;margin:0 auto;text-align:center;overflow:hidden;}
.figure-type > a {width:223px;margin:4px 3px;display:inline-block;border:1px solid #e4e4e4;}
.figure-type > a:nth-child(2) {float:right;}
.figure-type figure {position:relative;}
.figure-type figure:before {content:'';width:100%;height:50%;display:block;position:absolute;bottom:0;left:0;
	background:-o-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.45)));
	background:-ms-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.45)));
	background:-moz-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.45)));
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.45)));
	background:gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.45)));}
.figure-type figure figcaption {width:100%;line-height:30px;position:absolute;left:0;bottom:0;color:#fff;font-size:15px;}
.figure-type figure img {width:100%;}

/*** mobile ***/
@media (max-width:760px) {
	.figure-type > a {width:46.5%;width:-webkit-calc(50% - 8px);width:-moz-calc(50% - 8px);width:calc(50% - 8px);}
}


/*************************************************
	BOX TYPE
*************************************************/
.section {background-color:#fff;}
.section:not([style="display:none;"]) + .section {border-top:1px solid #b3b6b9;}
.section:not([style="display:none;"]) + .section:before {content:'';display:block;height:0.5rem;border-top:1px solid #d7dadd;background-color:#e8ecef;}
.page-bg .section:not([style="display:none;"]) + .section:last-child {border-bottom:0.5rem solid #e8ecef;}
.page-bg .section:not([style="display:none;"]) + .section:last-child:after {content:'';display:block;height:1px;border-top:1px solid #b3b6b9;background-color:#d7dadd;}
.section .btn-wrap {margin-bottom:0;padding-bottom:1.5rem;}
.section .box-type03 .box-cont {padding-left:1.5rem;padding-right:1.5rem;}
.section .form-type .box-type03 .box-cont {padding-left:0;padding-right:0;}

.section.s1 {padding:0 1.5rem;border-top:none !important;}
.section.s1:before {display:none !important;}
.section.s1 .tit-type02 {padding-top:1.5rem;padding-left:0;padding-right:0;}
.section.s1 .tit-type03 + .tit-type02 {padding-top:0;}
.section.s1 ul.txt-type {padding:0;}
.section.s1 p.txt-type {padding-left:12px;}
.section.s1 p.txt-type:before {left:0;}
.section.s1 + .section.s1 {margin-top:40px;}

.section.s2 {margin:0 auto;padding:0 1.5rem;max-width:700px;}
.section.s2 .tit-type {margin:0;}
.section.s2 .txt-base,
.section.s2 .form-type,
.section.s2 ul.txt-type {padding:0;}
.section.s2 .btn-wrap {margin-left:0;margin-right:0;}
.section.s2:before {margin:0 -1.5rem !important;}
.section.s2 + .txt-type {margin-top:15px;}

.section.s3 {padding:0 1.5rem 15px;}
.section.s3:before {margin:0 -1.5rem;}
.section.s3 .tit-type,
.section.s3 .txt-base,
.section.s3 .txt-type03,
.section.s3 .btn-wrap {margin-right:0;margin-left:0;padding-left:0;padding-right:0;}
.section.s3 .box-type03,
.section.s3 .box-type03 .box-cont {padding:0 0 0;}

/*** mobile ***/

@media (max-width:760px) {
	.section.s3 .tit-type04 {margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;}
}

.section.s4 {padding-bottom:15px;}

.section.s5 {background-color:#fffff5;}
.section.s5 h2 {padding:20px;border-bottom:1px solid #e8e8e8;color:#333;font-size:20px;font-weight:400;}
.section.s5 .btn-wrap {margin:0px;padding:10px;text-align:center;overflow:hidden;}

/*** desktop ***/
@media (min-width:769px) {
	.form-align + .section.s5 {margin-top:43px;}
}
/*** mobile ***/
@media (max-width:760px) {
	.section.s5 h2 {font-size:16px;}
}

.box-type {margin-bottom:1.5rem;padding:1.5rem;background-color:#f0f0f0;}
.box-type .box-cont {width:100%;max-width:768px;margin:0 auto;display:block;}
.box-type.s1 {margin:0;padding:5px 10px 10px 10px;background-color:#f8f8f8;}
.box-type.s2 {margin:0;padding:5px 10px 10px 10px;background-color:#f0f0f0;}
.box-type.s3 {margin:0;padding:5px 10px 10px 10px;background-color:#fff7f7;}
.box-type.s4 {margin:0;padding:5px 10px 10px 10px;background-color:#6d7a98;}
.box-type02 {margin:0 auto;max-width:700px;padding:10px;border-radius:4px;background-color:#fff;box-sizing:border-box;}
.box-type02 .tit-type,
.box-type02 .list-type {margin-left:0;margin-right:0;padding-left:0;padding-right:0;}
.box-type02 .tit-type {padding:20px 20px 0 20px;}
.box-type02 + .box-type02 {margin-top:10px;}
.box-type03 {padding:0 0 5px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;}
.box-type03 .box-cont {display:box;display:-webkit-box;display:-moz-box;-webkit-box-pack:center;-webkit-box-orient:vertical;-moz-box-pack:center;-moz-box-orient:vertical;box-pack:center;box-orient:vertical;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0 0 5px;padding-top:0;padding-bottom:0;}
.box-type03 .box-cont + .box-cont {text-align:right;}
.box-type03 .box-cont .txt-base {padding-left:0;padding-right:0;margin-left:0;margin-right:0;}
.ie9 .box-type03 {overflow:hidden;}
.ie9 .box-type03 .box-cont {float:left;max-width:50%;}
.ie9 .box-type03 .box-cont + .box-cont {float:right;}
.box-type04 {position:relative;background-color:#fcfcea;}
.box-type04 p {padding:0 1.5rem;}
.box-type04 .btn-close {position:absolute;top:0;right:0;width:50px;height:50px;font-size:0;line-height:0;}
.box-type04 .btn-close:before {content:'';width:32px;height:32px;margin:-16px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-96px 0;background-size:640px auto;}
.box-type04.box-s1 {text-align:center;}
.box-type04.box-s1 .tit-type:after {margin-left:auto;margin-right:auto;}
.box-type04.box-s2 {margin:0 -1.5rem;padding-bottom:30px;}
.box-type04.box-s2 .tit-type {margin:0 1.5rem 0;padding-top:1.56em;}

/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.box-type04 .btn-close:before {background-image:url(../img/bg_shapes_sprite@2x.png);}
}

.box-type05 {position:relative;}

dl.subbox-type {margin:20px 1.5rem 0;position:relative;}
dl.subbox-type:before {content:'';height:1px;display:block;position:absolute;top:12px;left:12px;right:0;border-top:1px dotted #00bdcd;}
dl.subbox-type dt {line-height:1.42857143;margin:0 0 0 -5px;padding:4px 11px 4px;display:inline-block;position:relative;background-color:#00bdcd;border-radius:100px;color:#fff;font-size:14px;}
dl.subbox-type dd {padding-top:0.8rem;color:#00bdcd;font-size:14px;}


/*************************************************
	BANNER TYPE
*************************************************/
.banner-txt {height:3em;position:relative;background-color:#267fc4;background-image:url(../img/bg_pattern.png);background-size:40px 20px;font-size:20px;overflow:hidden;}
.banner-txt li {width:100%;height:100%;position:absolute;top:3em;left:0;opacity:0;text-align:center;/*-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;*/}
.banner-txt li:before {content:'';width:0.01%;height:110%;display:inline-block;vertical-align:middle;}
.banner-txt li a {color:#fff;line-height:1;}
.banner-txt li.show {top:0;opacity:1;}
.banner-txt li.hide {top:-3em;opacity:0;}
/*.banner-txt li.hide {top:0;opacity:1;}*/
div.banner-txt {height:150px;padding:1.5rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;background-color:#4bc4ca;background-image:url(../img/bg_pattern2.png);background-size:76px 38px;color:#fff;font-size:15px;text-align:center;box-sizing:border-box;}
div.banner-txt .ban-tit {font-size:30px;font-weight:300;}
div.banner-txt .ban-tit:after {content:'';display:block;margin:0.3rem auto 0.5rem;width:1.5rem;height:1px;background-color:#fff;}
.banner-type {display:block;background-color:#21396a;text-align:center;}
.banner-type img {max-width:320px;width:100%;}

/***텐핑라이브***/
.banner-txt02 {height:3em;position:relative;background-color:#3ec5be;background-image:url(../img/bg_pattern2.png);background-size:76px 38px;font-size:20px;color:#fff;cursor:pointer;overflow:hidden;}
.banner-txt02:after {content:'';width:32px;height:32px;margin:-16px 0;display:block;position:absolute;top:50%;right:12px;background-image:url(../img/bg_shapes_sprite.png?version=201801250925);background-repeat:no-repeat;background-position:-513px -32px;background-size:640px auto;}
.banner-txt02 li {width:100%;height:100%;position:absolute;top:3em;left:0;text-align:left;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;opacity:0;}
/*.banner-txt02 li:before {content:'';width:10%;height:110%;display:inline-block;vertical-align:middle;background-color:#333;}*/
.banner-txt02 li a {line-height:1;color:#fff;}
.banner-txt02 li.show {top:0;opacity:1;}
.banner-txt02 li.hide {top:-3em;opacity:0;}
.banner-txt02 .list-cont {padding:20px;padding-right:120px;display:inline-block;}
.banner-txt02 .list-price {position:absolute;top:20px;right:50px;color:#fff;font-size:15px;}
.banner-txt02 .list-cont dl {float:left;width:22px;margin-right:10px;display:inline-block;}
.banner-txt02 .list-cont dl dt{display:none;}
.banner-txt02 .list-cont dl dd{width:22px;margin-right:10px;}
.banner-txt02 .list-cont dl dd img{width:100%;}
.banner-txt02 .list-cont .list-tit {height:1.4em;line-height:1.4;/*margin:-2px 0 5px;*/-webkit-line-clamp:1;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;font-weight:300;color:#fff; font-size:16px;text-align:left;overflow:hidden;}
.bnr-txt-tit {height:3em;position:relative;background-color:#3ec5be;background-image:url(../img/bg_pattern2.png);background-size:76px 38px;font-size:20px;color:#fff;cursor:pointer;overflow:hidden;}
.bnr-txt-tit:after {content:'';width:32px;height:32px;margin:-16px 0;display:block;position:absolute;top:50%;right:12px;background-image:url(../img/bg_shapes_sprite.png?version=201801250925);background-repeat:no-repeat;background-position:-545px -32px;background-size:640px auto;}
.bnr-txt-tit h3 {height:3em;line-height:3.7em;padding-left:20px;font-size:16px;font-weight:500;}


.area-list { padding:0;background-color:#fffff5;font-size:16px;font-weight:300;overflow:hidden;}
.area-list li{position:relative;border-top:1px solid #ddd;}
.area-list .list-cont {display:inline-block;padding:20px;padding-right:100px;}
.area-list .list-cont dl {display:inline-block;float:left; width:22px; margin-right:10px;}
.area-list dt{display:none;}
.area-list .list-cont dl dd{width :22px;margin-right:10px;}
.area-list .list-cont dl dd img{width:100%;}
.area-list .list-cont .list-tit {margin:0px;height:1.4em;line-height:1.4;-webkit-line-clamp:1;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;font-weight:300;color:#555; font-size:16px;overflow:hidden;text-align:left;}
.area-list .list-price {position:absolute; top:15px; right:20px;color:#1cbccb;font-weight:300; font-size:14px; text-align:right;}
.area-list .list-price span {color:#999; font-size:12px;}

/*** mobile ***/
@media (max-width:760px) {
	.banner-txt {font-size:15px;}
	div.banner-txt {display:block;height:auto;font-size:13px;}
	div.banner-txt .ban-tit {font-size:19px;}
	.area-list .list-cont {padding:15px 85px 15px 10px;}
	.banner-txt.s1 .list-cont dl,
	.area-list .list-cont dl {margin-right:5px;}
	.area-list .list-cont .list-tit {font-size:15px;}
	.area-list .list-price {right:10px;font-size:12px;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.banner-txt {background-image:url(../img/bg_pattern@2x.png);}
	div.banner-txt {background-image:url(../img/bg_pattern2@2x.png);}
	.banner-txt02,
	.bnr-txt-tit {background-image:url(../img/bg_pattern2@2x.png);}
	.banner-txt02:after,
	.bnr-txt-tit:after {background-image:url(../img/bg_shapes_sprite@2x.png?version=201801250925);}
}


/*************************************************
	LAYER POPUP
*************************************************/
.modal-overlay {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:100;}

.layer-wrap {display:none;width:650px;height:100%;max-height:740px;margin:auto;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#18abe5;box-sizing:border-box;z-index:100;}
.layer-wrap.layer-open {display:block;}
.layer-wrap.layer-hid {display:none;}
.layer-wrap.s1 {background-color:#eccdaf;}
.layer-wrap.layer-notify,
.layer-wrap.layer-info {max-width:500px;padding:10px;background:none;background-color:transparent;pointer-events:none;}
.layer-wrap.layer-info.s1 {width:99%;max-width:680px;}
.layer-wrap.layer-info.s2 {width:99%;max-width:760px;}
.layer-wrap.layer-info.s4 {width:99%;max-width:980px;}
.layer-wrap.layer-member {width:400px;max-height:710px;background-color:#efefef;padding-bottom:1rem;overflow:auto;}
.layer-wrap.layer-facebook {background-color:#fff;}

.layer-wrap.layer-notify:before,
.layer-wrap.layer-info:before {content:'';width:0.01%;height:100%;margin-right:-3px;display:inline-block;vertical-align:middle;}

.layer-wrap .layer-container {width:100%;height:100%;height:calc(100% - 96px);padding:0 15px 15px 15px;position:relative;box-sizing:border-box;overflow-y:auto;}
.layer-wrap .layer-cont {line-height:1.6;color:#fff;font-size:15px;}
.layer-wrap.layer-notify .layer-cont,
.layer-wrap.layer-info .layer-cont {width:99%;max-height:99%;padding:0 1.5rem 1.5rem;position:relative;display:inline-block;vertical-align:middle;box-sizing:border-box;pointer-events:all;overflow:auto;}
.layer-wrap.layer-notify .layer-cont {line-height:1.5;padding:20px 10px;border-radius:20px;background-color:#00bdcd;color:#fff;text-align:center;}
.layer-wrap.s1 .layer-cont {color:#555;}
.layer-wrap.layer-info .layer-cont {background-color:#fff;color:#555;}
.layer-wrap.layer-info .layer-cont.s1 {padding:0;}

.layer-wrap.layer-warning .layer-container:before,
.layer-wrap.layer-warning02 .layer-container:before {content:'';display:block;position:absolute;top:89px;left:50%;margin:0 -31px !important;width:64px;height:32px;background-image:url(../img/bg_logo_sprite.png);background-repeat:no-repeat;background-position:-64px -32px;background-size:640px auto;}
.layer-wrap.layer-notify .layer-cont:before {content:'';display:block;margin:0 auto 8px;width:96px;height:96px;background-image:url(../img/bg_iconlayer_sprite.png?version201803151414);background-repeat:no-repeat;background-position:0 0;background-size:640px auto;}

.layer-wrap .layer-scroll {overflow:auto;}

.layer-wrap .layer-tit {padding-top:12px;margin-bottom:18px;font-size:25px;color:#fff;font-weight:100;text-align:center;}
.layer-wrap .layer-tit:before {content:'';width:96px;height:96px;margin:0 auto 8px;display:block;background-image:url(../img/bg_iconlayer_sprite.png);background-repeat:no-repeat;background-position:0 0;background-size:640px auto;}
.layer-wrap .layer-tit:after {content:'';width:25px;height:1px;margin:15px auto 0;display:block;background-color:#fff;}

.layer-wrap.s1 .layer-tit {color:#111;}
.layer-wrap.s1 .layer-tit:after {background-color:#111;}

.layer-wrap.layer-warning .layer-tit:before {margin-bottom:15px;background-position:-192px 0;}
.layer-wrap.layer-warning02 .layer-tit:before {margin-bottom:15px;background-position:-288px 0;}



.layer-wrap .btn-wrap {margin-left:0;margin-right:0;}
.layer-wrap.layer-info .btn-wrap {margin:15px 0 0;}
.layer-wrap.layer-info .btn-wrap02 {margin:15px 0 0 0;padding:0 67px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;}
.layer-wrap.layer-info [class^=box-type] .btn-wrap02 {padding:0;}
.layer-wrap.layer-info .btn-wrap02 > [class^=btn-type] {margin:5px;display:box;display:-webkit-box;display:-moz-box;-webkit-box-pack:center;-webkit-box-orient:vertical;-moz-box-pack:center;-moz-box-orient:vertical;box-pack:center;box-orient:vertical;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;border-radius:100px;}
.layer-wrap .btn-close {width:50px;height:50px;position:absolute;top:0;right:0;font-size:0;line-height:0;z-index: 11;}
.layer-wrap .btn-close:before {content:'';width:32px;height:32px;margin:-16px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-64px 0;background-size:640px auto;}
.layer-wrap.layer-info .btn-close:before {background-position:-96px 0;}
.layer-wrap [class^=btn-type].auto {min-width:130px;}

.layer-wrap .layer-cont p + p {margin-top:15px;}
.layer-wrap .layer-cont p.txt-type04 {line-height:1.6;margin:5px 0;padding:0 0 0 15px;position:relative;color:#666;font-size:13px;}
.layer-wrap.s1 .layer-cont > em {font-size:18px;font-weight:300;}

.layer-wrap .layer-aside {width:100%;padding-top:83px;position:absolute;bottom:0;left:0;}
.layer-wrap .layer-aside a {display:block;width:100%;background-color:#21396a;text-align:center;}
.layer-wrap .layer-aside a img {margin:0 auto;width:420px;}
.layer-wrap .layer-txt-type {display:block;}
.layer-wrap .layer-txt-type > dt,
.layer-wrap a.layer-txt-type,
.layer-wrap p.layer-txt-type {position:relative;margin-top:15px;padding-top:15px;border-top:1px dotted #c3a387;padding-left:23px;font-size:18px;font-weight:300;color:#333;}
.layer-wrap p.layer-txt-type {padding-left:0;font-size:14px;color:#21396a;}
.layer-wrap .layer-txt-type > dt:before,
.layer-wrap a.layer-txt-type:before {content:'';display:block;position:absolute;top:13px;left:-8px;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-160px -64px;background-size:640px auto;}
.layer-wrap .layer-txt-type > dd {padding-left:23px;}
.layer-wrap .layer-txt-type.s2 > dd {padding-left:0;}
.layer-wrap a.layer-txt-type {color:#21396a;text-decoration:underline;}
.layer-wrap a.layer-txt-type strong {display:inline-block;position:relative;margin-left:40px;padding:2px 13px;background-color:#725e51;border-radius:13px;font-size:13px;color:#fff;font-weight:400;vertical-align:middle;}
.layer-wrap a.layer-txt-type strong:before {content:'';width:64px;height:32px;display:block;position:absolute;top:-4px;left:-49px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-192px -64px;background-size:640px auto;}
.layer-wrap p.layer-txt-type strong {color:#c8582a;font-weight:400;}
.layer-wrap p.layer-txt-type.s1 strong {color:#21396a;font-weight:500;}
.layer-wrap .layer-txt-type ul {margin-top:5px;margin-left:-12px;}
.layer-wrap .layer-txt-type ul li {padding-left:12px;margin-top:3px;position:relative;font-size:14px;}
.layer-wrap .layer-txt-type ul li:before {content:'';display:inline-block;position:absolute;top:10px;left:0;width:5px;height:1px;background-color:#555;border-radius:50%;}
.layer-wrap .layer-txt-type p {padding-right:23px;}
.layer-wrap .layer-txt-type .btn-wrap {margin:10px 23px 25px 0;}
.layer-wrap .layer-txt-type .btn-type.c4 {margin:0 auto;max-width:230px;font-size:15px;}
.layer-wrap .layer-txt-type02 {padding:20px;color:#333;}
.layer-wrap .layer-txt-type03 {margin:15px 0;padding:10px;background-color:#fff;}
.layer-wrap .layer-txt-type03 dt {font-size:15px;color:#21396a;font-weight:bold;}
.layer-wrap .layer-txt-type03.s1 {background-color:#fdead8;border-radius:3px;}
.layer-wrap .layer-txt-type03.s1 dd {color:#555;}
.layer-wrap .layer-txt-type04 {margin-top:9px;counter-reset:layer-counter;}
.layer-wrap .layer-txt-type04 > dt {font-style:italic;font-weight:bold;color:#21396a;font-size:14px;}
.layer-wrap .layer-txt-type04 > dt:before {content:counter(layer-counter)". ";counter-increment:layer-counter;}
.layer-wrap .layer-txt-type04 > dd {padding:6px 0 10px;margin-bottom:5px;border-bottom:1px dotted #daab7e;}
.layer-wrap .layer-txt-type04 .check-type {display:block;}
.layer-wrap .layer-txt-type04 .check-type > label {font-size:14px;color:#333;}
.layer-wrap .layer-txt-type04 .check-type > label:before {background-position:0 -224px;}
.layer-wrap .layer-txt-type04 .check-type > label.check:before {background-position:0 -256px;}
.layer-wrap .layer-txt-type04 .check-type.disabled > label:before {background-position:0 -288px;}
.layer-wrap .layer-txt-type04 .check-type.disabled > label.check:before {background-position:0 -320px;}
.layer-wrap .layer-txt-type04.s2 > dt {font-size:15px;}
.layer-wrap .layer-txt-type04.s2 > dd {padding:6px 0 10px;margin-bottom:5px;border-bottom:1px dotted #ddd;}
.layer-wrap .layer-txt-type04.s2 .check-type {display:block;}
.layer-wrap .layer-txt-type04.s2 .check-type > label {font-size:15px;color:#00bdcd;}
.layer-wrap .layer-txt-type04.s2 .check-type > label:before {background-position:0 -552px;}
.layer-wrap .layer-txt-type04.s2 .check-type > label.check:before {background-position:0 -584px;}
.layer-wrap .layer-txt-type04.s2 .check-type.disabled > label:before {background-position:0 -616px;}
.layer-wrap .layer-txt-type04.s2 .check-type.disabled > label.check:before {background-position:0 -648px;}

.layer-wrap.layer-warning02 p > a {display:inline-block;margin:-3px 2px 0 0;padding:0 10px;background-color:#725e51;border-radius:50px;color:#efd4a5;vertical-align:middle;}
.layer-wrap.layer-warning03 .layer-tit {position:relative;padding-top:10px;}
.layer-wrap.layer-warning03 .layer-tit:before {width:160px;height:32px;margin-bottom:20px;background-image:url(../img/bg_logo_sprite.png?version201804301600);background-repeat:no-repeat;background-position:0 -64px;background-size:640px auto;}
.layer-wrap.layer-warning03 .layer-container:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:50px;background-color:#fff;}
.layer-wrap.layer-warning03 .layer-close:before {background-position:-96px 0;}

/*[class^=layer-rating] {padding-bottom:96px;}*/
[class^=layer-rating] .layer-container {padding:0 40px 15px 40px;}
[class^=layer-rating] .layer-tit:before {margin-bottom:25px;}
[class^=layer-rating] .layer-tit:after {width:64px;height:32px;margin:0 -31px !important;position:absolute;top:96px;left:50%;background:none;background-image:url(../img/bg_logo_sprite.png);background-repeat:no-repeat;background-position:-64px -32px;background-size:640px auto;}
[class^=layer-rating] .layer-txt-type {padding:0 15px 15px;background-color:#b1e1f5;border-radius:5px;}
[class^=layer-rating] .layer-txt-type dt {margin-top:0;border-top:none;color:#21396a;}
[class^=layer-rating] .layer-txt-type ul li {color:#21396a;}
[class^=layer-rating] .layer-txt-type + p {margin-top:15px;}
[class^=layer-rating] .layer-cont em {font-size:18px;font-weight:300;}

.layer-wrap .layer-rate {margin:30px 0 40px;padding:240px 0 0 0;position:relative;border-radius:5px;background-color:#b1e1f5;}
.layer-wrap .layer-rate .layer-tit {width:130px;margin-left:-65px;padding:8px 0;position:absolute;top:-20px;left:50%;background-color:#fff;color:#4267b2;font-size:14px;font-weight:bold;border-radius:100px;}
.layer-wrap .layer-rate .layer-tit:before {display:none;}
.layer-wrap .layer-rate .layer-tit:after {content:'';width:192px;height:192px;position:absolute;top:60px;left:0;background-image:url(../img/bg_iconlayer_sprite.png);background-repeat:no-repeat;background-size:640px auto;}
.layer-wrap .layer-rate p {margin:10px 0;color:#1e48a0;font-size:19px;text-align:center;}
.layer-wrap .layer-rate dl {text-align:center;}
.layer-wrap .layer-rate dl dt {display:none;}
.layer-wrap .layer-rate dl dd {padding:5px 0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#e0f3fb;}
.layer-wrap.layer-rating02 .layer-tit:before {background-position:-96px -96px;}
.layer-wrap.layer-rating03 .layer-tit:before {background-position:-192px -96px;}
.layer-wrap.layer-rating04 .layer-tit:before {background-position:-288px -96px;}
.layer-wrap.layer-rating05 .layer-tit:before {background-position:-384px -96px;}
.layer-wrap.layer-rating.f1 .layer-tit:before {background-position:0 -192px;}
.layer-wrap.layer-rating02.f1 .layer-tit:before {background-position:-96px -192px;}
.layer-wrap.layer-rating03.f1 .layer-tit:before {background-position:-192px -192px;}
.layer-wrap.layer-rating04.f1 .layer-tit:before {background-position:-288px -192px;}
.layer-wrap.layer-rating05.f1 .layer-tit:before {background-position:-384px -192px;}
.layer-wrap.layer-rating02 .layer-rate .layer-tit:after {background-position:0 -288px;}
.layer-wrap.layer-rating03 .layer-rate .layer-tit:after {background-position:0 -480px;}
.layer-wrap.layer-rating04 .layer-rate .layer-tit:after {background-position:0 -672px;}
.layer-wrap.layer-rating05 .layer-rate .layer-tit:after {background-position:0 -864px;}
.layer-wrap.layer-rating02.f1 .layer-rate .layer-tit:after {background-position:-192px -288px;}
.layer-wrap.layer-rating03.f1 .layer-rate .layer-tit:after {background-position:-192px -480px;}
.layer-wrap.layer-rating04.f1 .layer-rate .layer-tit:after {background-position:-192px -672px;}
.layer-wrap.layer-rating05.f1 .layer-rate .layer-tit:after {background-position:-192px -864px;}

.layer-wrap.layer-notify .layer-btn {display:block;margin-top:15px;padding-top:15px;border-top:1px dotted #81d2d9;text-align:center;}
.layer-wrap.layer-notify .layer-btn a,
.layer-wrap.layer-notify .layer-btn button {display:inline-block;min-width:100px;margin:2px 0;padding:9px;border-radius:20px;border:2px solid #fff;background-color:#fff;color:#00bdcd;font-size:16px;line-height:1;}
.layer-wrap.layer-notify .layer-btn > :nth-last-child(2) {background:none;color:#fff;}

.layer-wrap.layer-info .layer-cont.s1 h1 {margin:0 1.5rem; }
.layer-wrap.layer-info .tit-type {margin-left:0;}
.layer-wrap.layer-info .txt-nation {margin-left:2px;top:2px;}
.layer-wrap.layer-info .txt-nation > img {width:22px;}
.layer-wrap.layer-info .layer-cont .list-tit {position:relative;}
.layer-wrap.layer-info .layer-cont .list-tit > dl {position:absolute;top:0px;left:0px;z-index:2;}
.layer-wrap.layer-info .layer-cont .list-tit > dl + p {padding-left:35px;}
.layer-wrap.layer-info .layer-cont .list-tit > dl dt {display:none;}
.layer-wrap.layer-info .layer-cont .layer-marketer dl { padding:40px 0;}
.layer-wrap.layer-info .layer-cont .layer-close + .layer-marketer dl {padding:0;}
.layer-wrap.layer-info .form-type {margin-top:15px;padding:0;}
.layer-wrap.layer-info .form-select {max-height:236px;overflow-y:auto;}
.layer-wrap.layer-info .list-info {max-height:400px;margin:10px 0 0;overflow:auto;}
.layer-wrap.layer-info .list-info dl dt {width:40%;}
.layer-wrap.layer-info .list-info dl dd:not(.list-state):not(.list-num) {width:60%;}
.layer-wrap.layer-info .list-info dl .list-num + dt {width:60%;width:-webkit-calc(40% - 3.42em);width:-moz-calc(40% - 3.42em);width:calc(40% - 3.42em);}
.layer-wrap.layer-info .list-info dl .list-num {box-sizing:border-box;}
.layer-wrap.layer-info .list-info dl .list-state {padding:1.14em 0 1em 1em;box-sizing:border-box;}
.layer-wrap.layer-info .list-info dl .list-num:after {right:0px;}
.layer-wrap.layer-info .list-info.s1 dl dt {width:0%;}
.layer-wrap.layer-info .list-info.s1 dl dd:not(.list-state):not(.list-num) {width:100%;padding:0.42em 1em;box-sizing:border-box;}
.layer-wrap.layer-info .list-info.s1 dl .list-num + dt {width:60%;width:-webkit-calc(40% - 3.42em);width:-moz-calc(40% - 3.42em);width:calc(40% - 3.42em);}
.layer-wrap.layer-info .list-info02 {max-height:231px;overflow-y:auto;}
.layer-wrap.layer-info .list-info02 ul li {padding:10px 0 10px 20px;display:block;position:relative;background-color:#f4f4f4;border-top:1px dotted #c9c9c9;font-size:16px;}
.layer-wrap.layer-info .list-info02 ul li:first-child {border-top:0;}
.layer-wrap.layer-info .txt-type {padding:0;}
.layer-wrap.layer-info .layer-scroll {max-height:400px;}

.layer-wrap.layer-member .tit-type {text-align:center;}
.layer-wrap.layer-member .tit-type:after {display:none;}
.layer-wrap.layer-member .layer-cont {padding:1.25rem 1.25rem 0.5rem;}
.layer-wrap.layer-member .layer-cont > li {min-height:100px;margin-bottom:10px;padding:10px 10px 10px 100px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;-ms-flex-direction:inherit;position:relative;border:1px solid #e1e1e1;border-radius:15px;background-color:#fff;box-sizing:border-box;}
.layer-wrap.layer-member .layer-cont ul,
.layer-wrap.layer-member .layer-cont p {color:#555;font-size:13px;}
.layer-wrap.layer-member .layer-cont ul li:before,
.layer-wrap.layer-member .layer-cont p:before {content:'- ';}
.layer-wrap.layer-member .icon-mem {width:100px;height:auto;line-height:1;margin:auto 0;position:absolute;top:50%;left:0;color:#5eb4e7;font-size:12px;text-align:center;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
.layer-wrap.layer-member .icon-mem:before {content:'';width:80px;height:70px;display:block;margin:0 0 5px 15px;background-image:url(../img/bg_iconlayer_sprite.png);background-repeat:no-repeat;background-position:0 0;background-size:640px auto;}
.layer-wrap.layer-member .icon-mem.r1:before {background-position:0 -1056px;}
.layer-wrap.layer-member .icon-mem.r2:before {background-position:-80px -1056px;}
.layer-wrap.layer-member .icon-mem.r3:before {background-position:-160px -1056px;}
.layer-wrap.layer-member .icon-mem.r4:before {background-position:-240px -1056px;}
.layer-wrap.layer-member .icon-mem.r5:before {background-position:-320px -1056px;}
.layer-wrap.layer-member .btn-wrap {margin-top:0;padding:0 1.25rem;overflow:hidden;}
.layer-wrap.layer-member .btn-wrap a,
.layer-wrap.layer-member .btn-wrap button {display:block;padding:7px 0;color:#fff;border-radius:32px;}
.layer-wrap.layer-member .btn-wrap a {float:left;width:65%;background-color:#ea477c;}
.layer-wrap.layer-member .btn-wrap button {float:right;width:33%;background-color:#303d4e;}

.layer-wrap.layer-page {width:100%;height:auto;margin:0;position:relative;top:0;left:0;z-index:1;}
.layer-wrap.layer-page {display:block;position:relative;}
.layer-wrap.layer-page .layer-container {padding-bottom:20px;height:auto;}
.layer-wrap.layer-page .layer-aside {margin-top:20px;position:relative;}
.layer-wrap.layer-page .layer-cont {margin:0 auto;max-width:500px;}

/*** mobile ***/
@media (max-width:768px) {
	.layer-wrap {width:100%;max-height:100%;}
	.layer-wrap .layer-container {height:calc(100% - 73px);}
	.layer-wrap .layer-tit {letter-spacing:-1px;}
	.layer-wrap .layer-tit:after {margin-top:11px;}
	.layer-wrap .layer-aside {padding-top:0;}
	.layer-wrap .layer-aside a img {width:320px;}
	.layer-wrap.layer-info .layer-cont .layer-marketer dl { padding:10px 0;}
	.layer-wrap.layer-member {width:100%;max-height:100%;}
	.layer-wrap.layer-member .layer-cont > li {margin-bottom:5px;padding:5px 5px 5px 100px;}
	.layer-wrap.layer-page .layer-aside {margin-top:0;}
	/*[class^=layer-rating] {padding-bottom:73px;}*/
	.layer-wrap.layer-info .btn-wrap02 {padding:0;}
	.layer-wrap [class^=btn-type].auto {min-width:100px;}
}
/*** desktop ***/
/*@media (min-width:769px) and (min-height:686px) {*/
@media (min-width:769px) {
	
}

/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.layer-wrap .btn-close:before {background-image:url(../img/bg_shapes_sprite@2x.png);}
	.layer-wrap .layer-txt-type > dt:before,
	.layer-wrap a.layer-txt-type:before,
	.layer-wrap a.layer-txt-type strong:before {background-image:url(../img/bg_icon_sprite@2x.png);}
	.layer-wrap .layer-tit:before {background-image:url(../img/bg_iconlayer_sprite@2x.png);}
	.layer-wrap.layer-warning .layer-container:before,
	.layer-wrap.layer-warning02 .layer-container:before,
	.layer-wrap.layer-warning03 .layer-tit:before,
	[class^=layer-rating] .layer-tit:after {background-image:url(../img/bg_logo_sprite@2x.png?version201804301600);}
	.layer-wrap .layer-rate .layer-tit:after,
	.layer-wrap.layer-member .icon-mem:before,
	.layer-wrap.layer-notify .layer-cont:before {background-image:url(../img/bg_iconlayer_sprite@2x.png?version201804301600);}
}




/***********************************************************************
	UI 제이쿼리 CSS
***********************************************************************/
/****** [CALENDAR] ******/
#ui-datepicker-div {z-index:99;padding:0 6px 10px;border:1px solid #e8ecef;background-color:#fff;color:#222;box-sizing:border-box;}
.ui-datepicker-calendar {line-height:180% !important;}
.ui-datepicker-calendar tr,
.ui-datepicker-calendar td {border:none !important;}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {padding:0 !important;border:0 !important;}
.ui-datepicker {width:320px;display:none;box-shadow:2px 2px 5px 0 rgba(0,0,0,0.1)}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {width:45% !important;}
.ui-datepicker table {width:100% !important;margin:0 0 .4em !important;font-size:.9em !important;border-collapse:collapse !important;}
.ui-datepicker th {height:40px;font-size:12px;text-transform:uppercase;color:#727272;}
.ui-datepicker th:first-child {color:#e93633;}
.ui-datepicker td {padding:1px !important;border:0 !important;}
.ui-datepicker td span,
.ui-datepicker td a {display:block;margin:0 auto;width:40px;height:40px;border-radius:50%;text-align:center;text-decoration:none;color:#777;line-height:40px;}
.ui-datepicker td span.ui-state-disabled, 
.ui-datepicker td a.ui-state-disabled {color:#bababa!important;}
.ui-datepicker .include-date a,
.ui-datepicker .include-date span {background-color:#cae9ec; border-radius: 50%; color:#fff;}
.ui-datepicker td:first-child span,
.ui-datepicker td:first-child a {color:#e93633;}
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-datepicker-today a {background-color:#00bdcd !important;color:#fff !important;}
.ui-datepicker td a.ui-state-active {background-color:#d6d6d6 !important;color:#fff !important;}
.ui-datepicker td a.ui-priority-secondary {border:0;background-color:#fff !important;color:#fff !important;pointer-events:none;font-size:0;line-height:0;}
.ui-datepicker .ui-datepicker-header {margin:0 -6px;padding:0;border-bottom:1px solid #e8ecef;font-size:20px;color:#33c6d1;font-weight:300;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {width:50px;height:50px;position:absolute;top:0;background:none !important;cursor:pointer !important;}
.ui-datepicker .ui-datepicker-prev {left:2px !important;}
.ui-datepicker .ui-datepicker-next {right:2px !important;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {margin-left:-25px !important;margin-top:-25px !important;display:block !important;position:absolute !important;left:50% !important;top:50% !important;}
.ui-datepicker .ui-datepicker-title {margin:0 !important;line-height:2.5em !important;text-align:center !important;}
.ui-datepicker .ui-datepicker-title select {margin:1px 0 !important;font-size:1em !important;}
.ui-datepicker .ui-datepicker-buttonpane {margin:.7em 0 0 0 !important;padding:0 .2em !important;background-image:none !important;border-left:0 !important;border-right:0 !important;border-bottom:0 !important;}
.ui-datepicker .ui-datepicker-buttonpane button {float:right !important;width:auto !important;margin:.5em .2em .4em !important;padding:.2em .6em .3em .6em !important;cursor:pointer !important;overflow:visible !important;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float:left !important;}
.ui-datepicker .ui-icon {display:block !important;text-indent:-99999px !important;overflow:hidden !important;background-repeat:no-repeat !important;width:50px !important;height:50px !important;font-size:0;line-height:0;}
.ui-datepicker .ui-icon:before {content:'';display:block;position:absolute;top:50%;left:50%;width:15px;height:15px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);}
.ui-datepicker .ui-icon-circle-triangle-w:before {margin:-8px -5px;border-right:1px solid #21b4c7;border-top:1px solid #21b4c7;}
.ui-datepicker .ui-icon-circle-triangle-e:before {margin:-8px -11px;border-left:1px solid #21b4c7;border-bottom:1px solid #21b4c7;}
.ui-accordion-header-icon {display:none;}
/***********************************
ui-month- 월별 날짜 

************************************/
.ui-datepicker.ui-month {background-color:#fff; border:1px solid #e8ecef}
.ui-datepicker.ui-month .ui-datepicker-header {margin:0px;}
.ui-datepicker.ui-month .ui-datepicker-header select {position: relative;display:block; background-image:url(../img/bg_select_sprite.png);background-repeat:no-repeat;background-position:95% -79px;background-size:32px auto;padding:12px 10px;border:0;border-radius:0;color:#00bdcd;font-size:18px;font-weight:300;text-align:left !important;white-space:nowrap;word-wrap:normal;box-sizing: border-box; cursor:pointer;}
.ui-datepicker.ui-month .ui-datepicker-header select option {font-size:15px;font-weight:300px;}
.ui-datepicker.ui-month table {margin:5px !important;width:96% !important;}
.ui-datepicker.ui-month td {margin:5px auto;width:40px; height:40px; text-align:center; border-radius: 5px; line-height:40px;color:#555; font-weight: 300;}
.ui-datepicker.ui-month td:hover{background-color:#00bdcd !important; color:#fff !important;}
.ui-datepicker.ui-month td.ui-state-active {background-color:#d6d6d6 !important; color:#fff !important;} 
.ui-datepicker.ui-month td.ui-state-disabled {color:#bababa!important;}
.ui-datepicker.ui-month td.ui-state-disabled:hover {background-color:transparent!important;color:#bababa!important; }
/*** mobile ***/
@media (max-width:480px) {
	#ui-datepicker-div {border:0;border-bottom:1px solid #c5c5c5;left:0 !important;right:0 !important;}
	.ui-datepicker {width:100%;min-width:280px;}
}

/****** [TOOLTIP] ******/
.tooltipped {position:relative;}
.tooltipped:after {position:absolute;z-index:1000000;display:none;padding:5px 8px;font:normal normal 11px/1.5 AppleSDGothicNeo-Light, sans-serif;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,0.8);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-font-smoothing:subpixel-antialiased;}
.tooltipped:before {position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;}
.tooltipped:hover:before,
.tooltipped:hover:after,
.tooltipped:active:before,
.tooltipped:active:after,
.tooltipped:focus:before,
.tooltipped:focus:after {display:inline-block;text-decoration:none;}
.tooltipped-multiline:hover:after,
.tooltipped-multiline:active:after,
.tooltipped-multiline:focus:after {display:table-cell;}
.tooltipped-s:after,
.tooltipped-se:after,
.tooltipped-sw:after {top:100%;right:50%;margin-top:5px;}
.tooltipped-s:before,
.tooltipped-se:before,
.tooltipped-sw:before {top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8);}
.tooltipped-se:after {right:auto;left:50%;margin-left:-15px;}
.tooltipped-sw:after {margin-right:-15px;}
.tooltipped-n:after,
.tooltipped-ne:after,
.tooltipped-nw:after {right:50%;bottom:100%;margin-bottom:5px;}
.tooltipped-n:before,
.tooltipped-ne:before,
.tooltipped-nw:before {top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8);}
.tooltipped-ne:after {right:auto;left:50%;margin-left:-15px;}
.tooltipped-nw:after {margin-right:-15px;}
.tooltipped-s:after,
.tooltipped-n:after {-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);}
.tooltipped-w:after {right:100%;bottom:50%;margin-right:5px;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);}
.tooltipped-w:before {top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8);}
.tooltipped-e:after {bottom:50%;left:100%;margin-left:5px;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);}
.tooltipped-e:before {top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8);}
.tooltipped-multiline:after {width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:250px;word-break:break-word;word-wrap:normal;white-space:pre-line;border-collapse:separate;}
.tooltipped-multiline.tooltipped-s:after,
.tooltipped-multiline.tooltipped-n:after {right:auto;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.tooltipped-multiline.tooltipped-w:after,
.tooltipped-multiline.tooltipped-e:after {right:100%;}
.special-price .tooltipped-n:after {right:120%;}