@charset "utf-8";

@font-face{
	font-family:notosans;
	font-weight:400;
	font-style:normal;
	src:url("../font/NotoSansKR-Regular.woff") format("woff"),
		url("../font/NotoSansKR-Regular.ttf") format("truetype"),
		url("../font/NotoSansKR-Regular-Alphabetic.svg#webfont") format("svg")}
@font-face{
	font-family:notosans;
	font-weight:500;
	font-style:normal;
	src:url("../font/NotoSansKR-Medium.woff") format("woff"),
		url("../font/NotoSansKR-Medium.ttf") format("truetype"),
		url("../font/NotoSansKR-Medium-Alphabetic.svg#webfont") format("svg")}
@font-face{
	font-family:notosans;
	font-weight:600;
	font-style:normal;
	src:url("../font/NotoSansKR-Bold.woff") format("woff"),
		url("../font/NotoSansKR-Bold.ttf") format("truetype"),
		url("../font/NotoSansKR-Bold-Alphabetic.svg#webfont") format("svg")}
@font-face{
	font-family:poppins;
	font-weight:400;
	font-style:normal;
	src:url("../font/Poppins-Regular.woff") format("woff"),
		url("../font/Poppins-Regular.ttf") format("truetype"),
		url("../font/Poppins-Regular.svg#webfont") format("svg")}
@font-face{
	font-family:poppins;
	font-weight:500;
	font-style:normal;
	src:url("../font/Poppins-Medium.woff") format("woff"),
		url("../font/Poppins-Medium.ttf") format("truetype"),
		url("../font/Poppins-Medium.svg#webfont") format("svg")}
@font-face{
	font-family:poppins;
	font-weight:600;
	font-style:normal;
	src:url("../font/Poppins-SemiBold.woff") format("woff"),
		url("../font/Poppins-SemiBold.ttf") format("truetype"),
		url("../font/Poppins-SemiBold.svg#webfont") format("svg")}

*{-webkit-text-size-adjust:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{margin:0;width:100%;height:100%}
body{height:100%;background:#efeff1;font-family:notosans, poppins, Arial, Helvetica,"Apple SD Gothic Neo",sans-serif;font-size:15px;font-weight:400;line-height:20px;color:#464646;-webkit-tap-highlight-color:rgba(0,0,0,0.3);word-wrap:break-word;word-break:keep-all;-webkit-overflow-scrolling:touch}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,button, figure{margin:0;padding:0}
section,nav,article,aside,hgroup,header,footer,iframe{display:block}
form,fieldset,img,input,button{border:0 none;background:none}
img{margin:0;padding:0;line-height:0;vertical-align:top;width:100%}
em{font-style:normal}
strong, b{font-weight:600}
ul,ol,li{list-style:none outside}
a{text-decoration:none;color:#333}
legend{display:block;width:0;height:0;text-indent:-9000px;overflow:hidden}
caption{overflow:hidden;margin-left:-9999px;width:1px;height:1px;font-size:1px;line-height:0}
.hide, .skip{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
input[type='text'],input[type='password'],
input[type='tel'],input[type='number'],
input[type='search'],input[type='email'],
input[type='date']{-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
input[type='button'], input[type='submit'], input[type='reset']{cursor:pointer;border-radius:0;-webkit-border-radius:0;-webkit-appearance:none;border:0;vertical-align:middle;background:none}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:0;-webkit-appearance:none;vertical-align:middle}
button{-webkit-appearance:none;font:inherit;border:0;vertical-align:middle;background:none}
[tabindex="0"]{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}

/* skipmenu */
.skipMenu a{position:fixed;left:0;top:-60px;overflow:hidden;display:block;height:0;width:0;margin-bottom:-1px;text-align:center;white-space:nowrap;color:#fff;text-align:center;z-index:10001;background:#00aeef;font-size:16px;font-weight:bold}
.skipMenu a:focus,
.skipMenu a:active{height:auto;width:100%;color:#fff;line-height:60px}
.skipMenu a:focus,
.skipMenu a:active{top:0}

/* dimmed */
.dimmed{display:none;z-index:8999;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}

.tEng{font-family:poppins !important}
.tc{text-align:center !important}
.tl{text-align:left !important}

/* layout */
html, body, #wrapper{height:100%}
body > #wrapper{height:auto;min-height:100%}
header{position:fixed;top:0;left:0;width:100%;height:56px;background:#efeff1;z-index:100}
header .btnBack{overflow:hidden;text-indent:-9999px;position:absolute;top:0;left:0;width:56px;height:56px}
header .btnBack + h1{padding-left:56px}
header .btnBack:after{content:'';display:block;position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;background:url(../images/common/spr_layout.svg) no-repeat}
header .menuWrap{display:inline-block;position:absolute;top:0;right:0;width:56px;height:56px}
header .menuWrap .btnMenu{overflow:hidden;text-indent:-9999px;background:pink}
header .menuWrap .btnMenu:after{content:'';display:block;position:absolute;top:50%;left:50%;width:20px;height:18px;margin:-9px 0 0 -10px;background:url(../images/common/spr_layout.svg) no-repeat -20px 0}
header h1{padding:0 56px 0 24px;color:#202020;font-size:18px;font-weight:600;line-height:56px}
header h1 a{display:block;/*padding-left:80px;background:url(../images/common/bg_logo.png) no-repeat 0 10px;background-size:72px 28px*/}
header h1 a img{width:72px;height:28px;margin:10px 5px 0 0}
.headShadow header{box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1);transition:0.3s;-webkit-transition:0.3s}
.headShadow.headfixed header{box-shadow:none}

header nav{display:none;position:absolute;top:0;left:0;width:100%;height:100vh;background:#fff;z-index:9999}
header nav .mnList{padding-top:71px}
header nav .mnList h2{position:fixed;top:0;left:0;width:100%;height:56px;background:#fff;/*padding:0 60px 0 104px;*/font-weight:600;line-height:65px;color:#202020;letter-spacing:-1px;/*background:#fff url(../images/common/bg_logo.png) no-repeat 24px 50%;background-size:72px 28px*/}
header nav .mnList h2:after{content:'';display:block;width:100%;position:absolute;bottom:-16px;left:0;height:7px;background:#f1f3fc;border-top:1px solid #eaeaea}
header nav .mnList h2 img{width:72px;height:28px;margin:15px 10px 0 23px}
header nav .mnList .listCon{position:relative;overflow-y:auto}

header nav .mnList .listCon li button{display:block;position:relative;width:100%;padding:18px 50px 20px 24px;border-bottom:1px solid #eaeaea;font-size:18px;color:#202020;font-weight:500;text-align:left}
header nav .mnList .listCon li button:after{content:'';display:block;position:absolute;top:50%;right:23px;width:8px;height:8px;margin:-9px 0 0 -4px;border:solid #a0a0a0;border-width:0 2px 2px 0;transform:rotate(45deg) skew(-2deg, -2deg);transition:0.3s}
header nav .mnList .listCon li button[aria-expanded="true"]:after{margin-top:-4px;border-color:#202020;transform:rotate(-135deg) skew(-2deg, -2deg)}
header nav .mnList .listCon li .subCon{display:none}
header nav .mnList .listCon li .subCon li a[aria-current="page"], 
header nav .mnList .listCon li .subCon li .con li a[aria-current="page"]{color:#3a67ff}
header nav .mnList .listCon li .subCon li>a{display:block;padding:13px 36px 14px;background:#f8f9ff;border-bottom:1px solid #eaeaea;font-weight:500;color:#202020}
header nav .mnList .listCon li .subCon li .con li a{position:relative;display:block;padding:15px 36px 14px;background:#f1f3fc;font-size:13px;padding-left:44px;color:#202020}
header nav .mnList .listCon li .subCon li .con li a:before{content:'';display:block;position:absolute;top:25px;left:36px;width:2px;height:1px;background:#202020}
header nav .mnList .listCon li button[aria-selected="true"]{color:#3a67ff;font-weight:600}
header nav .mnList .listCon li button[aria-selected="true"] ~ .subCon{display:block}
.menuClose{position:fixed;top:5px;right:0;width:56px;height:56px;background:url(../images/common/ico_totalmn_close.svg) no-repeat 50%;text-indent:-9999px}

.container{height:100%;padding:56px 0 292px}
.content{position:relative;padding:24px 24px 0;z-index:12}

footer{position:relative;height:228px;margin-top:-228px;padding:12px 24px 0;background:#5b627a;z-index:11}
footer .footMenu{display:flex;border-bottom:1px solid rgba(255,255,255, 0.2)}
footer .footMenu li{flex:0 auto}
footer .footMenu li a{display:block;padding:11px 0;color:#fff;line-height:1}
address{margin-top:12px;color:#dedfe4;font-size:13px;font-style:normal;line-height:1.62;font-family:notosans, Arial, Helvetica,"Apple SD Gothic Neo",sans-serif}
address a{display:block;color:#dedfe4}
footer .copy{margin-top:12px;color:#dedfe4;font-size:13px;font-family:Poppins;line-height:1.38}
footer .acc{padding-bottom:5px}
footer .accTit{padding-left:0}
footer .accTit.only .ctrl{padding-left:16px;height:40px;background:#4a5068;font-size:13px;line-height:40px;color:#fff;border-radius:8px}
footer .accTit.on .ctrl{border-radius:8px 8px 0 0}
footer .accTit .ctrl:after{content:'';display:block;position:absolute;top:50%;right:18px;width:6px;height:6px;margin:-4px 0 0 -3px;border:solid #bdc0ca;border-width:0 2px 2px 0;transform:rotate(45deg) skew(-2deg, -2deg);transition:0.3s}
footer .accTit .ctrl[aria-expanded="true"]:after{margin-top:-2px;border-color:#bdc0ca;transform:rotate(-135deg) skew(-2deg, -2deg)}
footer .accCon{display:none;padding:6px 16px 16px;background:#4a5068;border-radius:0 0 8px 8px}
footer .accCon strong{display:block;padding-bottom:6px;color:#fff;font-weight:500}
footer .accCon [class*="bulType"], footer .accCon [class*="bulType"] li{color:#bdc0ca;font-size:12px;letter-spacing:-1px} 
footer .accCon [class*="bulType"] li + li{margin-top:2px}
footer .accCon ul.bulType02 + strong{padding-top:15px}

aside{position:fixed;bottom:24px;right:16px;z-index:1000;bottom:calc(constant(safe-area-inset-bottom) + 24px);bottom:calc(env(safe-area-inset-bottom) + 24px)}
aside.asideAbs{position:relative;width:48px;height:48px;bottom:0;display:inline-block;float:right}
aside.asideAbs:after{content:'';display:block;clear:both}
aside .btnTop{overflow:hidden;text-indent:-9999px;width:48px;height:48px;border-radius:50%;box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.2);background:#fff;transition:0.5s;-webkit-transition:0.5s}
aside .btnTop:after{content:'';display:block;position:absolute;top:50%;left:50%;width:18px;height:19px;margin:-10px 0 0 -9px;background:url(../images/common/spr_layout.svg) no-repeat -44px 0}
.btnBtm + aside{bottom:calc(constant(safe-area-inset-bottom) + 96px);bottom:calc(env(safe-area-inset-bottom) + 96px)}
.btnBtm.btnAbs + aside.asideAbs, .btnBtm.cloneBtm + aside.asideAbs{bottom:121px;bottom:calc(constant(safe-area-inset-bottom) + 125px);bottom:calc(env(safe-area-inset-bottom) + 125px)}
/*.btnBtm.btnAbs + aside{bottom:356px}*/

[class*="titDep"]{color:#202020;font-weight:600;line-height:1.31}
[class*="titDep"] strong{color:#4d76ff}
.titDep01{font-size:26px}
.titDep02{margin-bottom:32px;font-size:18px}
.titDep03{font-size:16px}
.titDep04{font-size:15px}

/* 캘린더 */
.calendarWrap{display:flex;margin:0 -10px}
.calendarWrap .calenInp{position:relative;flex:1;margin:0 10px;height:48px}
.calendarWrap .calenInp input{display:block;width:100%;height:48px;padding:1px 45px 0 15px;line-height:48px}
.calendarWrap .calenInp > button{overflow:hidden;text-indent:-9999px;position:absolute;top:0;right:0;width:48px;height:48px}
.calendarWrap .calenInp > button:after{content:'';display:block;position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;background:url(../images/common/spr_ico.svg) no-repeat -28px 0}
.calendarWrap .dash{flex:0 12px;font-size:24px;line-height:48px;text-align:center;margin:0}
.calendarWrap .calenInp.inpError input{border-color:#ff1313}

/* 공통 달력 */
/* .ui-datepicker{opacity:0;position:fixed;bottom:-100%;left:0;width:100%;border-radius:24px 24px 0 0;background:#fff;z-index:9999}
.ui-datepicker.on{display:block;bottom:0;opacity:1}
.ui-datepicker .titCal{padding:24px 24px 8px;color:#000;font-size:18px;line-height:40px;font-weight:600}
.ui-datepicker .datepicker_gui{overflow:auto;position:relative;max-height:calc(100vh - 164px);padding:0 13px}
.ui-datepicker .datepicker_gui:after{content:'';display:block;position:absolute;top:99px;left:0;right:0;height:1px;background:#eaeaea}
.ui-datepicker .datepicker_gui .ui-datepicker-header{position:relative;height:43px;margin:0 -3px 7px -3px}
.ui-datepicker .datepicker_gui .ui-datepicker-header a{overflow:hidden;text-indent:-9999px;position:absolute;top:0;width:43px;height:43px}
.ui-datepicker .datepicker_gui .ui-datepicker-header a:before, .ui-datepicker .datepicker_gui .ui-datepicker-header a:after{content:'';display:block;position:absolute;top:50%;left:50%;width:8px;height:8px;border:solid #c0c0c0;border-width:2px 0 0 2px}
.ui-datepicker .datepicker_gui .ui-datepicker-header .ui-datepicker-prev-year{left:0}
.ui-datepicker .datepicker_gui .ui-datepicker-header .ui-datepicker-prev-year:before{margin:-6px 0 0 -7px;transform:rotate(-45deg)}
.ui-datepicker .datepicker_gui .ui-datepicker-header .ui-datepicker-prev-year:after{margin:-6px 0 0 -2px;transform:rotate(-45deg)}
.ui-datepicker .datepicker_gui .ui-datepicker-header .ui-datepicker-prev{left:43px}
.ui-datepicker .datepicker_gui .ui-datepicker-header .ui-datepicker-prev:before{margin:-6px 0 0 -4px;transform:rotate(-45deg)}
.ui-datepicker .datepicker_gui .ui-datepicker-header .ui-datepicker-prev:after, .ui-datepicker .datepicker_gui .ui-datepicker-header .ui-datepicker-next:after{display:none}
.ui-datepicker .datepicker_gui .ui-datepicker-header .ui-datepicker-next{right:43px}
.ui-datepicker .datepicker_gui .ui-datepicker-header .ui-datepicker-next:before{margin:-6px 0 0 -8px;transform:rotate(135deg)}
.ui-datepicker .datepicker_gui .ui-datepicker-header .ui-datepicker-next-year{right:0}
.ui-datepicker .datepicker_gui .ui-datepicker-header .ui-datepicker-next-year:before{margin:-6px 0 0 -9px;transform:rotate(135deg)}
.ui-datepicker .datepicker_gui .ui-datepicker-header .ui-datepicker-next-year:after{margin:-6px 0 0 -3px;transform:rotate(135deg)}

.ui-datepicker .datepicker_gui .ui-datepicker-header .ui-datepicker-title{color:#000;font-size:18px;font-family:poppins;text-align:center;line-height:43px}

.ui-datepicker .datepicker_gui .ui-datepicker-calendar{position:relative;table-layout:fixed}

.ui-datepicker .datepicker_gui .ui-datepicker-calendar th{height:58px;color:#6d6d6d;font-size:13px;text-align:center;vertical-align:top}
.ui-datepicker .datepicker_gui .ui-datepicker-calendar th span{display:block;height:50px;line-height:50px}
.ui-datepicker .datepicker_gui .ui-datepicker-calendar td{height:44px;padding:3px}
.ui-datepicker .datepicker_gui .ui-datepicker-calendar td.ui-state-disabled span{color:#d6d6d6}
.ui-datepicker .datepicker_gui .ui-datepicker-calendar td a,
.ui-datepicker .datepicker_gui .ui-datepicker-calendar td span{display:block;width:44px;height:44px;color:#464646;line-height:45px;font-family:poppins;font-weight:600;text-align:center}
.ui-datepicker .datepicker_gui .ui-datepicker-calendar td.ui-datepicker-other-month span{display:block;width:44px;height:44px;color:#c0c0c0;line-height:45px;font-family:poppins;font-weight:600;text-align:center}
.ui-datepicker .datepicker_gui .ui-datepicker-calendar td.ui-datepicker-today a{color:#3a67ff}
.ui-datepicker .datepicker_gui .ui-datepicker-calendar td.ui-datepicker-current-day a{color:#fff;border-radius:50%;background:#3a67ff}
.ui-datepicker .btnBtm{padding:32px 24px 24px}
.ui-datepicker .closeL{overflow:hidden;text-indent:-9999px;position:absolute;top:24px;right:16px;width:40px;height:40px;z-index:100}
.ui-datepicker .closeL:after{content:'';display:block;position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;background:url(../images/common/spr_layout.svg) no-repeat -64px 0} */

/* button */
.btnSKT{overflow:hidden;position:relative;text-align:center;font-family:notosans, Arial, Helvetica,"Apple SD Gothic Neo",sans-serif}
.btnSKT span{position:relative;z-index:10}
.btnSKT:disabled{background-image:none;border:none;background:#c0c0c0;color:#fff}
.btnL{display:block;width:100%;height:56px;color:#3a67ff;font-size:16px;font-weight:600;line-height:54px;border-radius:60px;-webkit-border-radius:60px;border:1px solid #3a67ff;background:#efeff1;box-shadow:-4px -6px 10px 0 #fff, 4px 7px 10px 0 #d7d7d7, -2px -2px 2px 0 #fff}
.btnL:active{background:#e5ebff}
.btnSKT.btnTrans{border-color:#fff;color:#fff;background:transparent}
.btnSKT.btnTrans:active{background:none}

.btnM{display:block;width:100%;height:48px;padding:0 11px;color:#202020;font-size:15px;font-weight:600;letter-spacing:-0.45px;line-height:46px;border-radius:60px;border:1px solid #efeff1;background:#efeff1;box-shadow:-4px -6px 10px 0 #fff, 4px 7px 10px 0 #d7d7d7, -2px -2px 2px 0 #fff}
.btnM:active{background:#f1f3fc}
.btnS{display:inline-block;min-width:70px;height:32px;padding:0 11px;font-size:13px;font-weight:500;letter-spacing:-0.39px;border-radius:6px;border-radius:60px;background:#efeff1;box-shadow:-4px -6px 10px 0 #fff, 4px 7px 10px 0 #d7d7d7, -2px -2px 2px 0 #fff}

.action{color:#fff;box-shadow:2px 4px 15px 0 rgba(67, 100, 255, 0.5);background-image:linear-gradient(100deg, #3a67ff, #704cff)}
.action:active{background-image:linear-gradient(100deg, #3a67ff, #704cff)}
.action:active:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;-webkit-border-radius:8px;background:rgba(0,0,0, 0.3) !important;z-index:1;overflow:hidden}
.action:disabled{background-image:none;background:#c0c0c0}

.confirm{color:#fff;box-shadow:2px 4px 15px 0 rgba(91, 98, 122, 0.7);background:#5b627a;border:1px solid #5b627a}
.confirm:active{background:#5b627a}
.btnGL{color:#202020;border:1px solid #eaeaea;;background:#fff}

.icoArr{padding-right:24px}
.icoArr:after{content:'';display:block;position:absolute;top:50%;right:10px;width:5px;height:5px;margin-top:-4px;border:solid #464646;border-width:1.5px 1.5px 0 0;transform:rotate(45deg) skew(1deg, 1deg)}

.txtLink{color:#3a67ff;text-decoration:underline}
.linkArr{display:inline-block;position:relative;padding:0 11px 0 0;color:#6d6d6d;font-size:13px;font-weight:600;line-height:29px}
.linkArr:after{content:'';display:block;position:absolute;top:50%;right:2px;width:5px;height:5px;margin-top:-3px;border:solid rgba(32,32,32,0.5);border-width:1px 1px 0 0;transform:rotate(45deg) skew(-2deg, -2deg)}

.btnArea{padding:40px 24px 0;display:flex;flex-shrink:0;width:auto}
.btnArea .btnSKT{margin:0 4px}
.btnBtm{height:120px;height:calc(constant(safe-area-inset-bottom) + 120px);height:calc(env(safe-area-inset-bottom) + 120px)}
/* .btnBtm .btnArea{position:fixed;bottom:0;left:0;display:flex;width:100%;padding:40px 24px 24px 24px;z-index:12;padding-bottom:calc(constant(safe-area-inset-bottom) + 24px);padding-bottom:calc(env(safe-area-inset-bottom) + 24px)} */
.btnBtm .btnArea .btnSKT{flex:1;margin:0 4px}
.btnBtm.btnAbs{height:96px}
.btnBtm.btnAbs .btnArea{position:relative;padding:40px 24px 0}
.content .btnArea{padding:40px 0}

/* form */
.formWrap span{position:relative;display:inline-block}
.formWrap.case span{display:block}
.formWrap.case span+span{padding-top:10px;margin-left:0}
.formWrap span input[type='checkbox']{position:absolute;top:0;left:0;width:20px;height:20px;opacity:0}
.formWrap span input[type='checkbox']+label{position:relative;display:inline-block;max-width:100%;padding:12px 0 12px 28px;font-weight:500;line-height:1.4}
.formWrap span input[type='checkbox']+label:before{content:'';display:block;position:absolute;top:50%;left:0;width:20px;height:20px;margin-top:-10px;background:#e5ebff;border-radius:4px}
.formWrap span input[type='checkbox']:checked+label:before{background:#3a67ff}
.formWrap span input[type='checkbox']+label:after{content:'';display:block;width:9px;position:absolute;top:50%;left:5px;height:5px;margin:-6px 0 0 0;border:solid #fff;border-width:0 0 2px 2px;-webkit-transform:rotate(-45deg) skewY(-3deg);transform:rotate(-45deg) skewY(-3deg)}

/* 구분선 */
.line{display:block;position:relative}
.line:before{content:'';display:block;position:absolute;border-top:1px solid #bcbcc7;top:-1px;left:-24px;right:-24px}
.line:after{content:'';display:block;position:absolute;top:0;left:-24px;right:-24px;border-top:1px solid #fff}

/* selectbox */
.selectWrap .ui-selectmenu-button{position:relative;display:block;width:100%;height:48px;padding:0 45px 0 24px;border-radius:60px;text-align:left;background:#fff}
.selectWrap .ui-selectmenu-button.custom-customSelect-disabled span{color:#6d6d6d}
.selectWrap .ui-selectmenu-button span{overflow:hidden;text-overflow:ellipsis;display:block;color:#202020;font-size:15px;font-weight:500;white-space:nowrap}
.selectWrap .ui-selectmenu-button:after{content:'';display:block;position:absolute;top:50%;right:16px;width:8px;height:8px;margin-top:-7px;border:solid #464646;border-width:0 2px 2px 0;transform:rotate(45deg) skew(-2deg, -2deg)}
.selectWrap .ui-selectmenu-menu{display:none;position:fixed;bottom:-100%;left:0 !important;right:0;padding:31px 0 0 0;border-radius:24px 24px 0 0;background:#fff;z-index:9000;z-index:10001}
.selectWrap .ui-selectmenu-menu .titSelect{padding:0 60px 16px 24px;color:#000;font-size:18px;font-weight:600;line-height:40px}
.selectWrap .ui-selectmenu-open{display:block;bottom:0}
.selectWrap .ui-selectmenu-open + .dimmed{display:block}
.selectWrap .selectScroll{max-height:370px;overflow-y:auto;border-top:1px solid #eaeaea}
.selectWrap .selectScroll .ui-menu li{margin-top:0}
.selectWrap .selectScroll .ui-menu li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;display:block;height:56px;padding:0 40px 0 24px;line-height:55px;border-bottom:1px solid #eaeaea;font-family:notosans, Arial, Helvetica,"Apple SD Gothic Neo",sans-serif}
.selectWrap .selectScroll .ui-menu li a.ui-state-active{font-weight:600;background:#e5ebff}
.selectWrap .selectScroll .ui-menu li a.ui-state-active:after{content:'';display:block;position:absolute;top:50%;right:16px;width:8px;height:4px;margin-top:-3px;border:solid #4e5de5;border-width:0 0 2px 2px;transform:rotate(-45deg)}
.selectWrap .closeL{overflow:hidden;text-indent:-9999px;position:absolute;top:24px;right:16px;width:40px;height:40px;z-index:100}
.selectWrap .closeL:after{content:'';display:block;position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;background:url(../images/common/spr_layout.svg) no-repeat -64px 0}
.selectWrap .btnSelects{padding:32px 24px;box-shadow:0 -5px 10px 0 rgba(0, 0, 0, 0.1)}

/* tab */
.tabArea{height:56px;margin-top:-24px;background:#efeff1}
.tabArea.fixed .tabType01{position:fixed;top:56px;width:100%;background:#efeff1;z-index:100;box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1);transition:0.3s;-webkit-transition:0.3s}

.tabType01{display:flex;flex-shrink:0;margin:0 -24px 30px;border-bottom:2px solid #fff}
.tabType01 li{position:relative;flex:auto}
.tabType01 li.tabON:after{content:'';display:block;position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#3a67ff;z-index:1}
.tabType01 li.tabON a{color:#3a67ff}
.tabType01 li a{display:block;height:56px;color:#202020;font-weight:500;line-height:56px;text-align:center}
.tabType01 li.tEng a{font-family:poppins}

/* 유의사항 */
.useTip{margin-top:40px;padding-top:24px}
.useTip .tit{display:block;padding-left:18px;background:url(../images/common/ico_info.svg) no-repeat 0 50%;font-weight:500}

/* 블릿리스트 */
.bulType{margin-top:12px}
.bulType li, p.bulType, .bulType02 li, p.bulType02{position:relative;padding-left:9px;font-size:13px;color:#6d6d6d}
.bulType li:before, p.bulType:before{content:'';display:block;position:absolute;top:8px;left:0;width:3px;height:3px;background:#6d6d6d;border-radius:50%}
.bulType02 li:before, p.bulType02:before{content:'';display:block;position:absolute;top:8px;left:0;width:3px;height:1px;background:#6d6d6d}
.bulType a{text-decoration:underline;color:#3a67ff}
.bulType strong{color:#6d6d6d;font-weight:600}
[class*="bulType"] li + li{margin-top:7px}
.bulType.inpError{color:#ff1313}

/* 아코디언 */
.acc{padding-top:12px}
.acc .formWrap{position:relative;margin-left:-28px;z-index:1;padding-right:30px}
.accTit{position:relative;padding:0 60px 0 28px;font-weight:500}
.accTit .ctrl{width:45px;height:45px;position:absolute;top:0;right:0;text-indent:-9999px;overflow:hidden;z-index:2}
.accTit .ctrl em{color:#3a67ff}
.accTit .ctrl:after{content:'';display:block;position:absolute;top:50%;right:18px;width:8px;height:8px;margin:-6px 0 0 -4px;border:solid #a0a0a0;border-width:0 2px 2px 0;transform:rotate(45deg) skew(-2deg, -2deg);transition:0.3s}
.accTit .ctrl[aria-expanded="true"]:after{margin-top:-1px;border-color:#202020;transform:rotate(-135deg) skew(-2deg, -2deg)}
.accTit.only{padding-right:0;background:#fff;border-radius:8px}
.accTit.only.on{border-radius:8px 8px 0 0}
.accTit.only .ctrl{width:100%;height:45px;padding-right:60px;position:relative;display:block;line-height:45px;text-indent:0}
.accCon{display:none;padding:24px 16px;background:#fff;font-size:13px;color:#464646;border-radius:8px}
.accTit.on ~ .accCon{display:block;border-radius:0 0 8px 8px}
.accCon .txt{padding-bottom:16px}
.accCon .tit{display:block;font-weight:600}
.accCon .tit.case{font-size:16px}
.accCon [class*="bulType"] + .tit{padding-top:16px}
.accCon [class*="bulType"].case{margin-top:5px;letter-spacing:-1px;font-size:16px;font-weight:600}
.accCon [class*="bulType"], .accCon [class*="bulType"] li{color:#464646}
.accCon .bulType02:before{top:11px}
.accline{margin-top:15px !important;padding-top:10px;border-top:1px solid #eaeaea}
.accline:before{top:20px !important}

/* layer popup */
.layPop{position:fixed;z-index:9999}
.layFull{top:0;left:0;width:100%;height:100%;padding-top:56px;background:#efeff1}
.layFull header{position:fixed;top:0;left:0;width:100%;height:56px;padding:0 56px 0 24px;background:#efeff1}
.layFull header h2{color:#202020;font-size:18px;font-weight:600;line-height:56px;letter-spacing:-0.54px}
.layFull header .closeP{overflow:hidden;text-indent:-9999px;position:absolute;top:0;right:0;width:56px;height:56px;z-index:1}
.layFull header .closeP:after{content:'';display:block;position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;background:url(../images/common/spr_layout.svg) no-repeat -64px 0}
.layFull .layContainer{position:relative;overflow:auto;height:100%}
.layFull .layContainer .layCont{position:relative;height:auto !important;padding:12px 24px 24px}
.layFull .layContainer .layCont .titDep03{padding:12px 0 0;line-height:25px;font-weight:500}
.layFull .layContainer .btnBtm{height:111px;height:calc(constant(safe-area-inset-bottom) + 111px);height:calc(env(safe-area-inset-bottom) + 111px)}
.layFull .btnBtm .btnArea{padding:32px 24px 23px;background:#efeff1}
.layFull .btnBtm .btnArea .btnReset{overflow:hidden;text-indent:-9999px;position:relative;width:56px;height:56px;margin:0 4px;border-radius:8px;background:#5b627a;box-shadow:4px 10px 15px rgba(91, 98, 122, 0.5)}
.layFull .btnBtm .btnArea .btnReset:after{content:'';display:block;position:absolute;top:50%;left:50%;margin:-13px 0 0 -13px;width:26px;height:26px;background:url(../images/common/spr_ico.svg) no-repeat}
.layFull .btnBtm .btnArea .btnSKT{flex:1}
.layFull .btnBtm.btnAbs{position:relative}

.layFull.headScroll header{box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1)}

/* box */
.grayBox{padding:14px 24px;background:#fff}

/* hidden */
.hidden{position:absolute;top:-999999em;left:-999999em;font-size:0;line-height:0}

/* tag */
.tagList{margin:7px 0 0 -8px;font-size:0}
.tagList span{display:inline-block;background:#efeff1;border-radius:4px;padding:0 4px;margin:9px 0 0 8px;height:22px;line-height:22px;color:#6d6d6d;font-size:13px}
.tagList span:before{content:'#';display:inline-block}

/* form */
input[type=text], input[type=password], input[type=tel], input[type=number]{display:block;width:100%;height:48px;padding:0 15px;color:#202020;font-size:15px;font-weight:500;line-height:48px;border-radius:8px;border:1px solid #f1f3fc;background:#f1f3fc}
input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=number]:focus{border-color:#3a67ff}
input[type=text]:read-only, input[type=password]:read-only, input[type=tel]:read-only, input[type=number]:read-only, input[type=text]:disabled, input[type=password]:disabled, input[type=tel]:disabled, input[type=number]:disabled{border-color:#f1f3fc}
input[type=tel], input[type=number]{font-family:poppins}
.formList li{margin-top:32px}
.formList li:first-child{margin-top:0}
.formList li label{display:block;margin-bottom:8px;color:#202020;font-size:13px;line-height:1}
.phoneArea{display:flex;display:-webkit-flex;flex-wrap:wrap;margin:0 -4px}
.phoneArea .selectWrap{flex:0 104px;width:100%;margin:0 4px;font-family:poppins}
.phoneArea input{flex:1;margin:0 4px}
.phoneArea.phoneType02 .selectWrap{flex:0 100%}
.emailWrap .inner{display:flex;display:-webkit-flex;flex-wrap:wrap;margin:0 -4px}
.emailWrap .inner input{flex:1;margin:0 4px}
.emailWrap .inner .dash{flex:0 12px;font-size:13px;line-height:48px;text-align:center;margin:0}
.emailWrap .inner + .selectWrap{margin-top:12px}

/* box형 radio/checkbox */
.boxList{display:flex;display:-webkit-flex;flex-wrap:wrap;margin:-8px -4px 0}
.boxList > li{position:relative;padding:8px 4px 0}
.boxList .frmSel input{position:absolute;top:10px;left:10px;z-index:1}
.boxList .frmSel label{position:relative;display:block;height:48px;padding-left:0;line-height:46px;text-align:center;border:1px solid #eaeaea;border-radius:8px;background:#fff;z-index:2}
.boxList .frmSel label:before, .boxList .frmSel label:after{display:none}
.boxList .frmSel input:checked + label{color:#3458ff;font-weight:500;border-color:#e5ebff;background:#e5ebff}
.boxList .frmSel input:disabled + label{color:#fff;border-color:#c0c0c0;background:#c0c0c0}
.boxList.col03 li{flex:0 33.33%}
.boxList.col02 li{flex:0 50%}
.boxList li.termSelect .selectWrap .ui-selectmenu-button{padding:0;color:#464646;text-align:center;border:1px solid #eaeaea;background:#fff}
.boxList li.termSelect .selectWrap .ui-selectmenu-button span{color:#464646;font-weight:400}
.boxList li.termSelect .selectWrap .ui-selectmenu-button:after{display:none}
.boxList li.termSelect .selectWrap.selON .ui-selectmenu-button{color:#3458ff;border-color:#e5ebff;background:#e5ebff}
.boxList li.termSelect .selectWrap.selON .ui-selectmenu-button span{color:#3458ff}

/* table */
.tblH{width:100%;border-top:1px solid #eaeaea}
.tblH th, .tblH td{padding:16px 12px 16px 0;border-bottom:1px solid #d5d5d5;text-align:left;word-break:break-all}
.tblH th{color:#202020;font-size:13px;font-weight:600;vertical-align:top}
.tblH tbody tr th{color:#464646;font-weight:400;font-size:15px}
.tblH.type02 th{text-align:center;background:#f7f7f8}
.tblH.type02 th, .tblH.type02 td{border-left:1px solid #d5d5d5}
.tblH.type02 tr th:first-child, .tblH.type02 tr td:first-child{border-left:none}
.tblH.type02 td{padding-left:15px}
.tblH.type02 td.lineL{border-left:1px solid #d5d5d5 !important}

/* alert */
.alertBox{position:fixed;top:0;left:0;z-index:10000}
.alertBox:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.alertBox .alertInner{overflow:hidden;position:fixed;top:50%;left:50%;right:40px;border-radius:8px;z-index:2;transform:translate(-50%, -50%);width:80%}
.alertBox .alertInner .alertTxt{padding:32px 24px;text-align:center;background:#fff}
.alertBox .alertInner .alertTxt strong{display:block;color:#202020;font-weight:600}
.alertBox .alertInner .alertTxt span{display:block;margin-top:9px;padding:0 20px;font-size:13px}
.alertBox .alertInner .alertBtn{overflow:hidden;display:flex;flex-shrink:0;width:auto;border-radius:0 0 8px 8px}
.alertBox .alertInner .alertBtn button{flex:1 100%;height:48px;color:#fff;line-height:48px;background:#5b627a;border-radius:0;border:0}
.alertBox .alertInner .alertBtn button.confirm{background:#3a67ff}

/* swiper */
.swiperWrap{overflow:hidden;position:relative}
.swiper-container{overflow:hidden;width:100%}
.swiper-wrapper{position:relative;width:100%;display:flex;transition-property:transform}
.swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-shrink:0;transition-property:transform;width:100%;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiperWrap [class^="swiper-button"]{overflow:hidden;text-indent:-9999px;position:absolute;top:4px;width:56px;height:56px;z-index:1}
.swiperWrap [class^="swiper-button"]:after{content:'';display:block;position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -3px;border:solid #202020;border-width:2px 2px 0 0;transform:rotate(45deg) skew(2deg, 2deg)}
.swiperWrap [class^="swiper-button"].swiper-button-prev{left:24px}
.swiperWrap [class^="swiper-button"].swiper-button-prev:after{transform:rotate(225deg) skew(2deg, 2deg)}
.swiperWrap [class^="swiper-button"].swiper-button-next{right:24px}
.swiperWrap [class^="swiper-button"].swiper-button-next:after{margin-left:-7px}
.swiperWrap [class^="swiper-button"].swiper-button-disabled:after{opacity:0.3}
.swiper-pagination{margin-top:24px;height:6px;text-align:center}
.swiper-pagination .swiper-pagination-bullet{display:inline-block;width:6px;height:6px;margin:0 3px;border-radius:50%;background:#202020;opacity:0.4;transition:0.2s;font:0/0 Arial;vertical-align:top}
.swiper-pagination .swiper-pagination-bullet:focus{border:3px solid #e59700}
.swiper-pagination .swiper-pagination-bullet-active{width:24px;border-radius:6px;opacity:1}
.swiperType02{width:calc(100% + 24px)}
.swiperType02 .swiper-container{overflow:visible;width:calc(100% - 24px)}

@media screen and (max-width:359px){
	header nav .mnList h2{font-size:18px}
    .calendarWrap .calenInp input{padding:1px 35px 0 5px}
	.calendarWrap .calenInp > button{width:40px}
}

/* 로딩 */
.loadingWrap{display:none}
.loadingWrap .txt{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;z-index:10001;text-align:center;padding-top:90px;background:url(../images/common/ico_loading.gif) no-repeat 50%;background-size:80px;font-size:18px;font-weight:500;color:#fff}
.loadingWrap .dimmed{display:block}

/** 프라이버시 센터 **/
/* 메인 */
.component{position:relative;margin-top:-10px;padding:80px 0 0 17px}
.component:before{content:'';display:block;position:absolute;top:92px;left:-9px;width:6px;height:6px;border-radius:50%;border:6px solid #efeff1;background:#3e6cff;z-index:10;box-sizing:content-box;box-shadow:-4px -6px 10px 0 #fff, 4px 7px 10px 0 #d7d7d7, -2px -2px 2px 0 #fff}
.component:after{content:'';display:block;position:absolute;top:0;bottom:0;left:0;border-left:1px dashed #dadada;z-index:1}
.component:first-child{padding-top:0}
.component:first-child:before{top:12px}
.component:first-child:after{top:10px}
.component .tit{margin-left:-10px;padding-bottom:2px;font-size:15px;color:#3a67ff;font-weight:600}
.component.case .tit{margin-left:0;padding-bottom:12px}
.component.case:before{top:82px}
.component .tit a{position:relative;display:inline-block;padding:10px;color:#3a67ff}
.component .tit a:after{content:'';display:block;position:absolute;top:50%;right:0;width:6px;height:6px;margin-top:-4px;border:solid #3a67ff;border-width:2px 2px 0 0;transform:rotate(45deg)}
.component .tit a em{font-family:poppins}
.component .subTxt{font-size:26px;color:#202020;font-weight:600;line-height:35px}

.mainPrivacy{position:relative;margin-top:32px}
.mainPrivacy figure{overflow:hidden;height:420px;position:relative;border-radius:12px}
.mainPrivacy figure:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(141deg, #002dff, rgba(152, 170, 255, 0.5) 92%)}
.mainPrivacy img{position:absolute;top:0;left:50%;width:650px;height:420px;margin-left:-325px}
.mainPrivacy p{position:absolute;bottom:30px;left:50%;width:85%;transform:translate(-50%, 0);color:#fff;line-height:25px}

.mainTerms{margin-top:24px;padding:241px 24px 24px;border-radius:16px;background:url(../images/common/bg_mainterms.svg) no-repeat 50% 24px;box-shadow:-4px -6px 10px 0 #fff, 4px 7px 10px 0 #d7d7d7, -2px -2px 2px 0 #fff}
.mainTerms ul{padding:24px 20px;border-radius:12px;background:#fff}
.mainTerms ul li{border-radius:8px;color:#505050;line-height:25px}
.mainTerms ul li + li{margin-top:8px}
.mainTerms.terms02{background-image:url(../images/common/bg_mainterms02.svg)}
.mainTerms.terms03{background-image:url(../images/common/bg_mainterms03.svg)}

.mainProtect{overflow:hidden;padding:32px 24px;border-radius:12px;background:#f6f8fa}
.mainProtect .titprotect{color:#202020;font-size:22px;font-weight:600;line-height:1.45}
.mainprotectSwiper{overflow:visible !important;width:calc(100% + 48px);margin:24px -24px 0 -24px}
.mainprotectSwiper .swiper-container{overflow:visible;width:calc(100% - 24px);padding-left:24px}
.mainprotectSwiper .swiper-slide{padding:120px 24px 24px;text-align:center;border-radius:8px;box-shadow:0 5px 20px 0 rgba(0, 22, 126, 0.1);background:#fff url(../images/common/bg_mainSwiper01.svg) no-repeat 50% 24px}
.mainprotectSwiper .swiper-slide a{display:block}
.mainprotectSwiper .swiper-slide .tit{position:relative;display:inline-block;padding:0 16px 0 0;margin-bottom:12px;color:#202020;font-weight:600}
.mainprotectSwiper .swiper-slide .tit:after{content:'';display:block;position:absolute;top:50%;right:0;width:6px;height:6px;margin-top:-4px;border:solid #202020;border-width:2px 2px 0 0;transform:rotate(45deg) skew(-2deg, -2deg)}
.mainprotectSwiper .swiper-slide span{display:block}
.mainprotectSwiper .swiper-slide.protectSW02{background-image:url(../images/common/bg_mainSwiper02.svg)}
.mainprotectSwiper .swiper-slide.protectSW03{background-image:url(../images/common/bg_mainSwiper03.svg)}
.mainprotectSwiper .swiper-pagination{margin-left:-24px}

.mainknowledge{margin-top:30px}
.mainknowledge .linkTit{position:relative;display:inline-block;margin:0 0 16px -10px;padding:10px;font-weight:600;color:#202020}
.mainknowledge .linkTit:after{content:'';display:block;position:absolute;top:50%;right:0;width:6px;height:6px;margin:-4px 0 0 -3px;border:solid #202020;border-width:2px 2px 0 0;transform:rotate(45deg)}
.mainknowledgeSwiper .swiper-slide a{overflow:hidden;display:block;position:relative;border-radius:8px;text-align:left}
.mainknowledgeSwiper .swiper-slide a:after{content:'';display:block;position:absolute;top:12px;right:12px;width:40px;height:40px;background:url(../images/common/ico_paly.svg) no-repeat}
.mainknowledgeSwiper .swiper-slide a figure:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.2)}
.mainknowledgeSwiper .swiper-slide a .tit{position:absolute;bottom:0;left:0;width:100%;height:40px;padding:0 20px;color:#fff;font-weight:500;line-height:40px;background:rgba(0,0,0,0.5)}
.mainknowledge .linkList{display:flex;flex-wrap:wrap;margin:32px -6px 0}
.mainknowledge .linkList li{flex:0 50%;padding:0 6px}
.mainknowledge .linkList li a{display:block;padding:120px 0 32px;height:100%;border-radius:8px;text-align:center;font-size:16px;font-weight:500;color:#202020;background:#efeff1 url(../images/common/icon_mainlink_list01.svg) no-repeat 50% 32px;box-shadow:-4px -6px 10px 0 #fff, 4px 7px 10px 0 #d7d7d7, -2px -2px 2px 0 #fff}
.mainknowledge .linkList li + li a{background-image:url(../images/common/icon_mainlink_list02.svg)}

.mainReport .statiInfo{display:block;padding:24px 92px 24px 24px;border-radius:8px;background:#efeff1 url(../images/common/icon_mainlink_statiInfo.svg) no-repeat center right 10%;box-shadow:-4px -6px 10px 0 #fff, 4px 7px 10px 0 #d7d7d7, -2px -2px 2px 0 #fff}
.mainReport .statiInfo p{font-size:16px;color:#202020;font-weight:500}
.mainReport .linkTxt{position:relative;display:inline-block;margin-top:12px;padding-right:10px;font-size:13px;color:#6d6d6d;font-weight:600}
.mainReport .linkTxt:after{content:'';display:block;position:absolute;top:50%;right:0;width:4px;height:4px;margin-top:-2px;border:solid #6d6d6d;border-width:2px 2px 0 0;transform:rotate(45deg) skew(-2deg, -2deg)}
.mainReport .passdown{display:block;margin-top:32px;padding:32px 92px 32px 24px;border-radius:8px;background:#953121 url(../images/common/icon_mainlink_passdown.png) no-repeat center right 10%;background-size:48px}
.mainReport .passdown p{font-size:16px;color:#fff;font-weight:600}
.mainReport .passdown p em{display:block;padding-top:8px;font-size:13px;color:#fff;font-weight:400;opacity:.7}

.mainboard{margin-top:20px}
.mainboard .boardList{margin-top:0;border-top:0}
.mainboard .boardList > li{border-bottom:0;background:none;box-shadow:none}
.mainboard .boardList > li a{padding:12px 0}

.mainUser_info{overflow:hidden;position:relative;bottom:-65px;margin:0 -24px;z-index:10;box-shadow:0 -10px 10px 0 rgba(93, 86, 255, 0.2);border-radius:16px 16px 0 0}
.mainUser_info.abs{position:fixed;bottom:0;left:24px;right:24px}
.mainUser_info a{position:relative;display:block;padding:20px 24px 20px 24px;font-size:18px;box-shadow:0 -10px 10px 0 rgba(93, 86, 255, 0.2);background-image:linear-gradient(104deg, #3a67ff, #704cff);border-radius:16px 16px 0 0;color:#b1c4ff;font-weight:500;line-height:26px}
.mainUser_info a:after{content:'';display:block;position:absolute;top:50%;right:30px;width:10px;height:10px;margin-top:-5px;border:solid #fff;border-width:2px 2px 0 0;transform:rotate(45deg) skew(-2deg, -2deg)}
.mainUser_info a strong{color:#fff;font-weight:500}
.mainUser_info a .desc{font-size:15px;font-weight:normal}

@media screen and (max-width:359px){
	.mainprotectSwiper .swiper-slide{padding:120px 10px 24px}
	.mainprotectSwiper .swiper-slide .tit{font-size:14px}
	.mainprotectSwiper .swiper-slide span{font-size:13px}
    .mainUser_info a{font-size:16px}
}

/* 에러페이지 */
.container.noData_con{padding:0 0 31px;height:100vh}
.container.noData_con .content{height:100%}
.container.noData_con .btnArea{position:absolute;bottom:0;left:0;width:100%;padding:0 24px;display:block}
.erroCon .noData{margin:120px 0 0}
.noData{margin-top:23px;padding-top:196px;background:url(../images/common/bg_nodata.svg) no-repeat 50% 0;text-align:center}  /*에러 기본 case */
.noData .txt{font-size:16px;color:#202020;font-weight:500}
.noData .txt + em{margin-top:8px}
.noData em{display:block;font-size:13px;color:#6d6d6d}

@media screen and (max-width:359px){
    .selfAuthen .noData{margin-top:40px}
}

/* 개인정보 활용가이드 */
.txtImg{margin-top:24px;padding-top:196px;color:#202020;font-size:18px;font-weight:500;text-align:center;line-height:1.53;background:url(../images/common/bg_collect.svg) no-repeat 50% 0}
.txtImg strong{color:#4d76ff}

.questList{margin-top:41px}
.questList .titQuest{position:relative;color:#202020;font-size:26px;font-weight:600;line-height:43px;letter-spacing:-0.78px}
.questList .titQuest em{color:#3458ff}
.questList .titQuest:before{content:'Q';display:inline-block;width:32px;font-size:30px;font-family:poppins;line-height:41px}
.questList.line{padding-top:40px}

.grayInfoList{margin-top:40px}
.grayInfoList > li{overflow:hidden;position:relative;padding:24px 32px 25px;border-radius:8px;background:#efeff1;box-shadow:-4px -6px 10px 0 #fff, 4px 7px 10px 0 #d7d7d7, -2px -2px 2px 0 #fff}
.grayInfoList > li ~ li{margin-top:24px}
.grayInfoList > li > .tit{position:relative;display:flex;align-items:center;height:60px;padding:0 0 0 72px;color:#202020;font-size:18px;font-weight:500;line-height:1.44}
.grayInfoList > li > .tit:before{content:'';display:block;position:absolute;top:0;left:0;width:60px;height:60px;background:url(../images/common/icon_collect01.svg) no-repeat 0 0 / 60px auto}
.grayInfoList > li .txt{display:block;min-height:66px;margin-top:13px;line-height:1.53;letter-spacing:-0.45px}
.grayInfoList > li .btMore{position:absolute;top:35px;right:22px;width:38px;height:38px;overflow:hidden;text-indent:-9999px;background:url(../images/common/bg_moreS.svg) no-repeat 50% 50%}
.collectCont{display:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:32px;color:#fff;background-image:linear-gradient(128deg, #3a67ff 9%, #704cff 91%);z-index:99;box-shadow:-3px -5px 15px 0 #fff}
.collectCont .tit{margin-bottom:16px;font-size:16px;font-weight:600;line-height:1.44}
.collectCont .close{position:absolute;top:25px;right:25px;width:38px;height:38px;overflow:hidden;text-indent:-9999px;background:url(../images/common/bg_closeS.svg) no-repeat 50% 50%}
.grayInfoList > li.collect02 > .tit:before{background-image:url(../images/common/icon_collect02.svg)}
.grayInfoList > li.collect03 > .tit:before{background-image:url(../images/common/icon_collect03.svg)}
.grayInfoList > li.collect04 > .tit:before{background-image:url(../images/common/icon_collect04.svg)}
.grayInfoList > li ~ li{margin-top:8px}

/*.btnArea + .acctInfoGuide{margin-top:0}*/
.acctInfoGuide{margin-top:40px}
.acctInfoGuide .acc{padding-top:0}
.acctInfoGuide .accTit{padding:0}
.acctInfoGuide .accTit.only > .ctrl{height:auto;padding:15px 24px 16px;color:#202020;font-weight:600;font-size:16px;line-height:1.3}
.acctInfoGuide .accTit.only > .ctrl:after{border-color:#505050}
.acctInfoGuide .accTit.only > .ctrl em{color:#3a67ff}
.acctInfoGuide .accTit.only.on > .ctrl{border-radius:8px 8px 0 0}
.acctInfoGuide .accCon{position:relative;padding:15px 24px 24px;border-radius:0 0 8px 8px}
.acctInfoGuide .accCon:before{content:'';display:block;position:absolute;top:0;left:24px;right:24px;height:1px;background:#c0c0c0}
.acctInfoGuide .accCon .tit{padding-top:24px !important;font-size:15px;font-weight:500}
.acctInfoGuide .accCon .tit:first-child{padding-top:0 !important}
.acctInfoGuide .accCon .bulType{margin:12px 0 0 0}
.acctInfoGuide .accCon .bulType > li{color:#6d6d6d}
.acctInfoGuide .accCon .bulType > li + li{margin-top:8px}
.acctInfoGuide .accCon .bulType > li.bold{padding-left:0;color:#464646;font-weight:600}
.acctInfoGuide .accCon .bulType > li.bold:before{display:none}
.acctInfoGuide .accCon .bulType > li.bold + li{margin-top:3px}

.txtImgQuest02{background-image:url(../images/common/bg_collect02.svg)}

.grayUsedList > li{padding:32px 0 183px;text-align:center;background:#efeff1 url(../images/common/bg_usedCollect01.svg) no-repeat 50% 80px}
.grayUsedList > li > .btMore{position:relative;top:auto;right:auto;display:inline-block;width:auto;height:auto;padding-right:26px;color:#202020;font-size:20px;line-height:1.45;letter-spacing:-0.6px;text-indent:0;background-position:100% 50%}
.grayUsedList > li.collect02{background-image:url(../images/common/bg_usedCollect02.svg)}
.grayUsedList > li.collect03{background-image:url(../images/common/bg_usedCollect03.svg)}
.grayUsedList > li.collect04{background-image:url(../images/common/bg_usedCollect04.svg)}
.grayUsedList > li .collectCont .inner{display:flex;height:100%;align-items:center;flex-direction:column;justify-content:center}
.grayUsedList > li .collectCont .tit{font-size:20px;font-weight:500}
.grayUsedList > li .collectCont span{display:block;margin:0 20px;line-height:1.53;letter-spacing:-0.45px}
.grayUsedList + .btnArea{padding:40px 0 0}

@media screen and (max-width:359px){
	.grayInfoList > li > .tit{font-size:15px}
	.grayInfoList > li .txt{font-size:14px}
	.grayUsedList > li .collectCont .tit{font-size:16px}
	.grayUsedList > li > .btMore{font-size:16px}
}

/* 개인정보 활용가이드 - 서비스안내popup */
.titDep01.titService{padding-top:12px;line-height:1.31}
.titService em{color:#4d76ff}
.txtGuide{margin-top:16px;font-size:16px}

.telecomServiceList{display:flex;flex-wrap:wrap;margin:32px -4px 0}
.telecomServiceList li{flex:0 50%;padding:8px 4px 0}
.telecomServiceList li .inner{height:100%;padding:24px 0;text-align:center;border-radius:8px;background:#fff}
.telecomServiceList li strong{display:block;margin-bottom:4px;padding-top:72px;color:#202020;font-size:16px;font-weight:500;background:url(../images/common/bg_skService01.svg) no-repeat 50% 0}
.telecomServiceList li span{font-size:13px}
.telecomServiceList li.service02 strong{background-image:url(../images/common/bg_skService02.svg)}
.telecomServiceList li.service03 strong{background-image:url(../images/common/bg_skService03.svg)}
.telecomServiceList li.service04 strong{background-image:url(../images/common/bg_skService04.svg)}
.telecomServiceList li.service05 strong{background-image:url(../images/common/bg_skService05.svg)}
.telecomServiceList li.service06 strong{background-image:url(../images/common/bg_skService06.svg)}

.telecomServiceList + .titService{margin-top:40px;padding-top:48px}
.familyServiceList li figure{overflow:hidden;margin:0 auto;width:96px;height:96px;border-radius:50%;background:#f7f7f8}
.familyServiceList li strong{margin-top:12px;padding:0;background:none}
.familyServiceList li span{display:block;padding:0 10px}

/* 개인정보 활용가이드 - 제공·위탁 */
.txtImgOffer01{background-image:url(../images/common/bg_offer01.svg)}
.txtImgOffer02{background-image:url(../images/common/bg_offer02.svg)}
.offerList > li{margin-top:8px;background:#fff;box-shadow:none}
.offerList > li > .tit{padding-right:0}
.offerList > li > .tit:before{background-image:url(../images/common/icon_offer01.svg)}
.offerList > li.offer02 > .tit:before{background-image:url(../images/common/icon_offer02.svg)}
.offerList > li.offer03 > .tit:before{background-image:url(../images/common/icon_offer03.svg)}
.offerList > li .txt{min-height:auto}

.grayOfferList > li.offer01{background-image:url(../images/common/bg_usedoffer01.svg)}
.grayOfferList > li.offer02{background-image:url(../images/common/bg_usedoffer02.svg)}
.grayOfferList > li.offer03{background-image:url(../images/common/bg_usedoffer03.svg)}
.grayOfferList .collectCont{padding:0 0 10px}
.grayOfferList .collectCont .tit{padding:0 20px}

/* 개인정보 활용가이드 - 보호·파기 */
.txtImgProtect01{background-image:url(../images/common/bg_porotect01.svg)}
/* .protectList > li > .tit:before{background-image:url(../images/common/icon_protect01.svg)}
.protectList > li.protect02 > .tit:before{background-image:url(../images/common/icon_protect02.svg)}
.protectList > li.protect03 > .tit:before{background-image:url(../images/common/icon_protect03.svg)}
.protectList > li.protect04 > .tit:before{background-image:url(../images/common/icon_protect04.svg)}
.protectList > li.protect05 > .tit:before{background-image:url(../images/common/icon_protect05.svg)}
.protectList > li.protect06 > .tit:before{background-image:url(../images/common/icon_protect06.svg)}
.protectList > li.protect07 > .tit:before{background-image:url(../images/common/icon_protect07.svg)}
.protectList > li.protect08 > .tit:before{background-image:url(../images/common/icon_protect08.svg)}
.protectList > li.protect09 > .tit:before{background-image:url(../images/common/icon_protect09.svg)}
.protectList > li.protect10 > .tit:before{background-image:url(../images/common/icon_protect10.svg)} */
.txtImgProtect02{background-image:url(../images/common/bg_porotect02.svg)}
.txtImgProtect03{background-image:url(../images/common/bg_porotect03.svg)}
.offerList > li.protect01 > .tit:before{background-image:url(../images/common/icon_porotect01.svg)}
.offerList > li.protect02 > .tit:before{background-image:url(../images/common/icon_porotect02.svg)}
.offerList > li.protect03 > .tit:before{background-image:url(../images/common/icon_porotect03.svg)}
.offerList > li.protect04 > .tit:before{background-image:url(../images/common/icon_porotect04.svg)}
.offerList > li.protect05 > .tit:before{background-image:url(../images/common/icon_porotect05.svg)}
.offerList > li.protect06 > .tit:before{background-image:url(../images/common/icon_porotect06.svg)}
.offerList > li.protect07 > .tit:before{background-image:url(../images/common/icon_porotect07.svg)}
.offerList > li.protect08 > .tit:before{background-image:url(../images/common/icon_porotect08.svg)}
.offerList > li.protect09 > .tit:before{background-image:url(../images/common/icon_porotect09.svg)}
.offerList > li.protect10 > .tit:before{background-image:url(../images/common/icon_porotect10.svg)}
.offerList > li.protect11 > .tit:before{background-image:url(../images/common/icon_porotect11.svg)}
.offerList.protectList > li.protect09 > .tit{height:auto;align-items:initial}

/* 개인정보 보호활동 - 개인정보 보호원칙 */
.protectImg{background-image:url(../images/common/bg_protectit.svg)}
.protectInfo{margin-top:40px;padding-top:40px}
.protectList{margin-top:40px;counter-reset:section}
.protectList li{position:relative;padding:67px 32px 24px;border-radius:8px;background:#fff}
.protectList li:before{content:"0" counter(section);counter-increment:section;display:inline-block;position:absolute;top:32px;left:32px;font-family:poppins;color:#704cff;font-size:36px;font-weight:600}
.protectList li + li{margin-top:8px}
.protectList li strong{display:block;padding:5px 65px 12px 0;background:url(../images/common/icon_rule01.svg) no-repeat right 0;font-size:18px;color:#202020;font-weight:500;line-height:25px}
.protectList li.rule02 strong{background-image:url(../images/common/icon_rule02.svg)}
.protectList li.rule03 strong{background-image:url(../images/common/icon_rule03.svg)}
.protectList li.rule04 strong{background-image:url(../images/common/icon_rule04.svg)}
.protectList li.rule05 strong{background-image:url(../images/common/icon_rule05.svg)}
.protectList li strong em{color:#704cff}
.protectInfo .grayInfoList:first-child{margin-top:0}


/* 개인정보 보호활동 - 개인정보처리방침 */
.policy-container {word-break:normal; line-height: normal;}
.termsWrap .btnM{border:1px solid #3a67ff;color:#3a67ff}
.termsIntro{padding:24px 0 12px;color:#202020}
.termsCon{margin-top:40px}
.termsIndex{padding-top:42px}
.termsIndex li{font-size:16px;font-weight:500;color:#202020}
.termsIndex li+li{padding-top:12px}
.terms{margin-top:40px}
.termsTit{display:block;padding:40px 0 12px;font-size:18px;font-weight:600;color:#202020}
.termsTxt{padding-bottom:24px}
.termsList li{font-size:13px;padding-left:15px;text-indent:-15px}
.termsList li p{text-indent:0}
.termsBox{padding:10px 12px;border:1px solid #eaeaea;border-radius:6px;font-size:13px;text-align:center}
.bulType + .termsBox{margin-top:24px}
.termsList li+li{padding-top:10px}
/* as-is 약관 css 수정 적용 version */
.body-wrap, .list-wrap{position:relative;margin-top:40px}
.body-wrap{padding-top:10px}
.body-wrap:before, .list-wrap:before{content:'';display:block;position:absolute;border-top:1px solid #bcbcc7;top:-1px;left:-24px;right:-24px}
.body-wrap:after, .list-wrap:after{content:'';display:block;position:absolute;top:0;left:-24px;right:-24px;border-top:1px solid #fff}
.body-inner .desc p{padding:24px 0 12px;color:#202020}
.body-inner .desc p + p{padding-top:10px}
.termsCon{margin-top:40px}
.terms-list{padding-top:42px}
.terms-list li{font-size:16px;font-weight:500;color:#202020}
.terms-list li+li{padding-top:12px}
.terms_contents .article-box strong{display:block;padding:15px 0 12px;font-size:18px;font-weight:600;color:#202020;line-height:25px}
.terms_contents .title_border {border-top: 1px solid rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.5); padding-top: 10px; padding-bottom: 10px;}
.terms_contents p {margin-bottom:25px;}
.terms_contents ul li{margin-bottom:10px;text-indent:-10px;margin-left:10px}
.terms_contents ol{ padding:0 0 10px}
.terms_contents ol li{margin-bottom:10px;text-indent:-10px;padding-left:10px}
.terms_contents ol li strong{padding:10px 0 5px !important;font-size:15px !important;font-weight:500 !important}
.terms_contents ol li p{text-indent:0}
.terms_contents ol li ul{margin-top:10px}
.terms_contents ol li ul li{margin-left:0}
.terms_contents ol li .mark_item{margin-bottom:5px}
.terms_contents ul.indent-list{ padding:0 0 10px 0px}
.terms_contents ul.indent-list li{ text-indent:-10px;padding-left:10px;line-height:1.5}
.terms_contents .mark_item{ position:relative;padding-left:1em;text-indent:-0.6em}
.terms_contents mark, .terms_contents .mark{color:#5aafe6;background:transparent;text-indent:0}
.terms_contents .table_terms{ width:100%}
.terms_contents .table_terms > thead > tr > th{border:1px solid #e1e1e1;padding:5px 10px;font-size:14px;font-weight:600;text-align:center;background:#f8f8f8}
.terms_contents .table_terms > tbody > tr > th{border:1px solid #e1e1e1;padding:5px 10px;font-size:12px;font-weight:600;text-align:center;background:#f8f8f8}
.terms_contents .table_terms > tbody > tr > td{border:1px solid #e1e1e1;padding:5px 10px;font-size:12px;text-align:center}
.terms_contents .table_terms > tbody > tr > td a{font-size:12px}
.terms_contents .table_terms > tbody > tr > td .font_red{color:#f24848}
.terms_contents .table_terms > tbody > tr > td li{font-size:12px}
.terms_contents .table_terms > tbody > tr.rowspan > td:first-child{border-left:1px solid #e1e1e1}
.terms_contents .dividing_line:before {border-bottom: 1px solid black; opacity: 0.1; content: ''; display: block;}
.terms_contents .dividing_line {margin: 15px 0px 15px;}
.terms_contents .dividing_line:after {border-bottom: 1px solid #fff; content: ''; display: block;}


/* 개인정보 보호활동 - 개인정보처리방침 라벨링 css */
.label-wrap { margin: 40px auto 0;}
.label-wrap .h3 {color: #222222; font-weight: 500; letter-spacing: -0.4px; text-align: center; }
.label-table { margin-top: 20px; width: 100%; background: white; table-layout: fixed;}
.label-table th, .label-table td {}
.label-table .border_top {border-top: 1px solid black;}
.label-table thead th {padding: 10px 15px; line-height: 1.8;}
.label-table tbody th {padding: 10px 15px; line-height: 1.8; }
.label-table tbody td {padding: 20px 15px; line-height: 1.8; text-align: center;}
.label-table tbody td img { cursor: pointer;}
.label-table tbody .ffb775 {background-color: #ffb775;}
.label-table tbody .ffe6cc {background-color: #ffe6cc;}
.label-table tfoot td {padding: 10px 15px; line-height: 1.8; text-align: center;}
.label-table tfoot .ffe6cc {background-color: #ffe6cc;}

.label-speech-bubble {
    position: absolute;
    display: none;
    background: #fff4d2;
    padding: 25px 25px;
    border: 1px solid black;
    border-radius: 0px;
    color: black;
    width: 90%;
}


/* 개인정보 보호활동 - 개인정보처리방침 표 */
.policy-table-box {width: 100%; overflow: auto; border-top: 1px solid #4a4a4a; margin-top:10px; margin-bottom: 10px;}

.policy-table { width: 100%; background: white; table-layout: fixed;}
.policy-table thead th { background: #ececec; text-align: center; padding: 15px 15px; line-height: 2; position: -webkit-sticky; position: sticky; top: 0;}
/* .policy-table thead th:first-child {position: -webkit-sticky; position: sticky; left: 0; z-index: 99;} */
.policy-table tbody th { border: 1px solid #e6e6e6; text-align: center; padding: 15px 15px; line-height: 2; font-size: 15px; word-break:break-all; font-weight: normal;}
/* .policy-table tbody th:first-child {position: -webkit-sticky; position: sticky; left: 0; background-color: white;} */
.policy-table td { border: 1px solid #e6e6e6; text-align: left; padding: 15px 15px; line-height: 2; font-size: 15px; word-break:break-all;}
.policy-table tr th:first-child { border-left: 0; }
.policy-table tr td:last-child { border-right: 0; }

.policy-table-11_2 {background: none;}
.policy-table-11_2 tbody td {border: 1px solid #e6e6e6 !important; vertical-align: top; padding: 14px;}

.policy-table-wrap1 { position: relative; min-width:960px; min-height: 450px; height: 450px;}
.policy-table-wrap2 { position: relative; min-width:960px; min-height: 450px; height: 450px;}
.policy-table-wrap3 { position: relative; min-width:960px; min-height: 450px; height: 450px;}
.policy-table-wrap4 { position: relative; min-width:960px; min-height: 450px; height: 450px;}
.policy-table-wrap5 { position: relative; min-width:960px;}
.policy-table-wrap6 { position: relative; min-width:960px; min-height: 450px; height: 450px;}
.policy-table-wrap7 { position: relative; min-width:960px; min-height: 450px; height: 450px;}
.policy-table-wrap8 { position: relative; min-width:960px; min-height: 450px; height: 450px;}
.policy-table-wrap9 { position: relative; min-width:960px;}
.policy-table-wrap10 { position: relative; min-width:960px; min-height: 450px; height: 450px;}
.policy-table-wrap11 { position: relative; min-width:960px; min-height: 450px; height: 450px;}
.policy-table-wrap12 { position: relative; min-width:960px;}
.policy-table-wrap13 { position: relative; min-width:960px; min-height: 450px; height: 450px;}
.policy-table-wrap14 { position: relative; min-width:960px;}




/* 개인정보 관련지식 - 개인정보의 이해 */
.ifunImg{background-image:url(../images/common/bg_ifuntit.svg)}
.intro{margin-top:40px;padding-top:40px}
.intro p{padding-top:12px}
.offerList > li.info_normal > .tit:before{background-image:url(../images/common/icon_infonormal.svg)}
.offerList > li.info_multi > .tit:before{background-image:url(../images/common/icon_infomulti.svg)}
.offerList > li.info_alias > .tit:before{background-image:url(../images/common/icon_infoalias.svg)}
.offerList > li.info_active > .tit:before{background-image:url(../images/common/icon_infoactive.svg)}
.offerList > li.info_service > .tit:before{background-image:url(../images/common/icon_infoservice.svg)}
.preventTip{display:block;margin-top:40px;padding:32px;border-radius:8px;background:#fff url(../images/common/icon_preventtip.svg) no-repeat center right 24px}
.preventTip strong{display:block;font-size:18px;font-weight:500;color:#202020}
.preventTip p{padding-right:90px;color:#505050}
.preventTip .linkTxt{position:relative;display:inline-block;margin-top:16px;padding-right:10px;font-size:13px;color:#3a67ff;font-weight:600}
.preventTip .linkTxt:before{content:'';display:block;position:absolute;top:50%;right:0;width:4px;height:4px;margin-top:-3px;border:solid #3a67ff;border-width:2px 2px 0 0;transform:rotate(45deg)}
.infoKind{margin:40px -24px 0;background:#fff}
.infoKind .acc{padding-top:0}
.infoKind .acc .accTit{padding-left:23px}
.infoKind .acc .accTit.only .ctrl{height:56px;line-height:56px}
.infoKind .acc .accCon{padding:0 24px 24px;border-radius:0}
.infoKind .acc .accCon .kindCon{border-top:1px solid #d7d7d7;padding-top:24px}
.infoKind .acc .tblH.type02{margin-top:8px;border-top:0}
.infoKind .acc .tblH.type02 th{background:#f7f7f8;border-bottom:0}
.infoKind .acc .tblH.type02 td{border-bottom:1px solid #d7d7d7}
.infoKind .acc .tblH.type02 th, .infoKind .acc .tblH.type02 td{border-left:1px solid #d7d7d7}
.infoKind .acc .tblH.type02 tr th:first-child, .infoKind .acc .tblH.type02 tr td:first-child{border-left:none}
.infoKind .acc .tblH.type02 td.lineL{border-left:1px solid #d7d7d7 !important}

/* 개인정보 관련지식 - 개인정보 보호 예방 가이드 */
.protectguide{background-image:url(../images/common/bg_guide.svg)}
.videoList li{margin-top:40px}
.videoList li a{display:block}
.videoList li a figure{position:relative;overflow:hidden;border-radius:8px}
.videoList li a figure:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.3)}
.videoList li a figure:after{content:'';display:block;position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;background:url(../images/common/ico_video_paly.svg) no-repeat}
.videoList li a figure img{width:100%;object-fit:contain}
.videoList li a .tit{padding-top:16px;font-size:18px;color:#202020;font-weight:600}
.videoList li a .tit em{display:block;padding-top:8px;font-size:15px;font-weight:400;color:#6d6d6d}
.videoList + .bulType{margin-top:40px}

/* 개인정보 관련지식 - 개인정보 보호 관련 사이트 */
.siteImg{background-image:url(../images/common/bg_sitetit.svg)}
.relateSite{margin-top:40px;padding-top:40px}
.relateSite .con{margin-top:16px}
.relateSite .con>li + li{margin-top:8px}
.relateSite .con a{display:flex;align-items:center;padding:24px 16px 24px 16px;border-radius:8px;background:#fff}
.relateSite .con a figure{width:90px;height:90px;margin-right:16px;background:#f7f7f8;border-radius:50%}
.relateSite .con a figure img{width:90px;height:90px}
.relateSite [class*="bulType"]{margin-top:0}
.relateSite .bulType li, .relateSite p.bulType{font-size:15px;color:#464646}

/* 투명성 보고서 */
.txtImgClarity01{background-image:url(../images/common/bg_clarity.svg)}
.clarityArea{margin:40px -24px 0}
.clarityArea .titDep01{line-height:1.3}
.clarityArea .titDep02{margin-top:32px;font-weight:500}
.claritySwiper .swiper-slide{display:block;flex-direction:column;text-align:left}
.claritySwiper .swiper-slide .grayBox{margin:0;padding:32px 24px;text-align:center}
.claritySwiper .swiper-slide .tit{color:#202020;font-size:26px;font-weight:600;line-height:1.31;letter-spacing:-0.78px;text-align:center}
.claritySwiper [class^="swiper-button"]{top:35px !important}

.clarityList{display:flex;width:100%;margin:40px 0 0}
.clarityList li{flex:0 calc(100% / 3);margin:0 auto;padding:0 6px;text-align:center;justify-content:center}
.clarityList li strong{display:block;margin:0 -8px 8px;color:#202020;font-weight:500}
.clarityList li .data{position:relative;display:inline-block;width:80px;height:80px;/*width:100%;max-width:120px;height:98px;*/margin:0 auto;border-radius:50%;background-image:linear-gradient(146deg, #3a67ff 18%, #704cff 84%)}
.clarityList li .data span{display:block;position:absolute;top:50%;left:0;width:100%;color:#fff;text-align:center;transform:translateY(-50%)}
.clarityList li .data span em{font-size:26px;font-family:poppins;font-weight:500;line-height:35px}
.clarityList li .txt{display:block;margin-top:9px;font-size:13px;line-height:1.38}
/*
.claritySwiper .canvasArea{position:relative;width:200px;height:200px}
.claritySwiper .canvasArea .clarityCanvas{width:200px;height:200px}
.claritySwiper .canvasArea .itemData{position:absolute;top:50%;width:100%;color:#202020;font-weight:600;font-size:26px;font-family:poppins;letter-spacing:-1.2px;text-align:center}
.claritySwiper .canvasArea .itemData strong{font-size:40px;font-weight:600}
.claritySwiper .canvasTit{margin-top:10px;font-weight:500;text-align:center}
.claritySwiper .canvasArea.dataNone .itemData{color:#464646;font-size:16px;font-weight:500}
*/

@media screen and (max-width:359px){
    .clarityList li strong{font-size:14px}
}

.summaryArea{margin-top:40px;padding:0 24px}
.summaryArea .titDep02{margin:40px 0 16px;font-weight:600}
.summaryArea .titDep02:first-child{margin-top:0}
.summaryArea .bulType02 li{font-size:15px}
.summaryArea .bulType02 li:before{top:11px}
.summaryArea .bulType02 li .colBlue{color:#3a67ff;font-weight:600}
.summaryArea .tblH.type02 th, .summaryArea .tblH.type02 td{padding:12px 10px 11px;font-size:13px}
.summaryArea .tblH.type02 td{padding:12px 10px;text-align:center}
.summaryArea .tblH.type02 td.tEng{font-size:15px}
.summaryArea .tblH.type02 th.tl{padding-right:8px}
.summaryArea .tblH.type02 + .tblH{margin-top:24px}
.summaryAcct{margin:0 -24px}
.summaryAcct .acc{padding:0}
.summaryAcct .accTit{padding-left:23px;font-size:16px;border-radius:0 !important}
.summaryAcct .accTit.only .ctrl{height:56px;font-weight:600;line-height:56px;background:url(../images/common/ico_info.svg) no-repeat 0 50%}
.summaryAcct .accTit .ctrl:after{width:10px;height:10px;margin-top:-6px;right:30px}
.summaryAcct .accCon{padding:0 24px 24px;border-radius:0 !important}
.summaryAcct .accCon .con{padding:16px 0 24px;border-top:1px solid #c0c0c0}
.summaryAcct .accCon .tit{display:block;margin:24px 0 12px;font-size:15px;font-weight:500}
.summaryAcct .accCon .tit:first-child{margin-top:0}
.summaryAcct .accCon .txtData{color:#6d6d6d}
.summaryAcct .accCon .bulType li, .summaryAcct .accCon p.bulType{color:#6d6d6d}

.summaryEctList{margin-top:24px}
.summaryEctList li{position:relative;margin:5px 0 0 20px;text-indent:-20px;font-size:15px}
.summaryEctList li span{display:inline-block;width:20px;text-indent:0}

/* 프라이버시 센터 소개 */
.introImg{background-image:url(../images/common/bg_introtit.svg)}
.privacyIntro{margin-top:40px;padding-top:40px}
.offerList > li.info_privacy01 > .tit:before{background-image:url(../images/common/icon_infoprivacy01.svg)}
.offerList > li.info_privacy02 > .tit:before{background-image:url(../images/common/icon_infoprivacy02.svg)}
.offerList > li.info_privacy03 > .tit:before{background-image:url(../images/common/icon_infoprivacy03.svg)}
.offerList > li.info_privacy04 > .tit:before{background-image:url(../images/common/icon_infoprivacy04.svg)}
.offerList > li.info_privacy05 > .tit:before{background-image:url(../images/common/icon_infoprivacy05.svg)}

.programInfo{margin-top:40px;padding:32px 38px 184px;border-radius:8px;background:#fff url(../images/common/bg_programintro.svg) no-repeat 50% 80%;font-size:18px;font-weight:500;color:#202020;line-height:1.44;text-align:center}
.programInfo + .bulType{padding-right:90px}
.programInfo + .bulType a{position:absolute;top:50%;right:0;margin-top:-16px;background:#fff;box-shadow:none;font-weight:400;color:#505050;text-decoration:none;line-height:32px}

.detailgoalTxt{padding:16px 0 40px}
.detailgoal > li{padding:24px 24px 32px;border-radius:8px;background:#fff}
.detailgoal > li + li{margin-top:8px}
.detailgoal > li .tit{display:block;font-size:22px;font-weight:600;color:#3e6cff}
.detailgoal > li .tit em{font-family:poppins;font-size:26px}
.detailgoal > li p.bulType , .detailgoal > li ul.bulType li{font-size:15px;color:#464646;padding:7px 9px 7px 9px; /*background:url(../images/common/icon_infoprivacy06.svg) no-repeat right 50%*/}
.detailgoal > li p.bulType:before , .detailgoal > li ul.bulType li:before{top:15px}
.detailgoal > li ul.bulType li + li{margin-top:9px}
/* .detailgoal > li.goalCon02 ul.bulType li{background-image:url(../images/common/icon_infoprivacy07.svg)}
.detailgoal > li.goalCon02 ul.bulType li + li{background-image:url(../images/common/icon_infoprivacy08.svg)}
.detailgoal > li.goalCon03 ul.bulType li{background-image:url(../images/common/icon_infoprivacy09.svg)}
.detailgoal > li.goalCon03 ul.bulType li + li{background-image:url(../images/common/icon_infoprivacy10.svg)} */

.historyWrap{margin-top:40px;padding-top:40px}
.historyWrap .titDep01{padding-bottom:24px}
.histroy > li{position:relative;padding:40px 0 0 17px}
.histroy > li:before{content:'';display:block;position:absolute;top:46px;left:-3px;width:6px;height:6px;border-radius:50%;background:#3e6cff;z-index:10;box-sizing:content-box}
.histroy > li:after{content:'';display:block;position:absolute;top:0;bottom:0;left:0;border-left:1px dashed #dadada;z-index:1}
.histroy > li:first-child{padding-top:0}
.histroy > li:first-child:before{top:0}
.histroy > li:last-child:after{height:50%}
.histroy > li .year{display:block;padding-bottom:8px;font-family:poppins;font-size:26px;color:#3e6cff;letter-spacing:-1px}
.histroy > li p{font-weight:500}
.histroy > li a{color:#3e6cff;text-decoration:underline}
.introAgency{margin-top:40px;padding-top:40px}

.introAgency .acc{padding-top:0}
.introAgency .acc + .acc{margin-top:24px}
.introAgency .acc .accTit{padding-left:23px}
.introAgency .acc .accTit.only .ctrl{height:56px;line-height:56px;font-size:16px;font-weight:600}
.introAgency .acc .accCon{padding:0 24px 24px}
.introAgency .acc .accCon [class*="bulType"]{margin-top:0}
.introAgency .acc .accCon [class*="bulType"], .introAgency .acc .accCon [class*="bulType"] li{color:#6d6d6d}
.introAgency .acc .accCon [class*="bulType"]:before, .introAgency .acc .accCon [class*="bulType"] li:before{top:10px}
.agencyCon{padding-top:16px;border-top:1px solid #c0c0c0}
.agencyCon .tit{padding-bottom:16px;color:#202020;font-size:15px;letter-spacing:-1px;font-weight:500 !important}
.agencyCon .con + .tit{padding-top:24px}
.agencyCon .con{display:flex;align-items:center}
.agencyCon .con + .con{margin-top:12px}
.agencyCon .con figure{position:relative;width:58px;height:58px;margin-right:12px;background:#f7f7f8;border-radius:50%}
.agencyCon .con figure img{position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px}


/* 프라이버시 센터 공지사항 */
.boardLink{margin-top:0;padding-top:0}
.boxYellow{display:block;padding:22px 24px;border-radius:8px;background:#fbf8d3 url(../images/common/bg_usedState.svg) no-repeat 93% 22px}
.boardLink .boxYellow{background-image:url(../images/common/bg_notice.svg);background-color:#fff2d4;box-shadow:-4px -6px 10px 0 #fff, 4px 7px 10px 0 #d7d7d7, -2px -2px 2px 0 #fff}
.boardLink .boxYellow p{padding-right:50px;font-size:16px;font-weight:500}
.boardLink .boxYellow .linkArr{margin-top:12px;line-height:normal}
.boardList{margin-top:40px;border-top:1px solid #eaeaea}
.boardList > li{border-radius:8px;background:#fff;box-shadow:2px 4px 10px 0 rgba(0, 0, 0, 0.1)}
.boardList > li + li{margin-top:8px}
.boardList > li a{display:block;padding:24px}
.boardList > li a .boardTit{overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;color:#202020;font-size:16px;font-weight:600;line-height:1.44}
.boardList > li a .noticeInfo{margin-top:9px}
.boardList > li a .noticeInfo span{position:relative;display:inline-block;padding:0 8px 0 9px;color:#6d6d6d;font-size:13px;vertical-align:middle}
.boardList > li a .noticeInfo span:before{content:'';display:block;position:absolute;top:3px;left:0;width:1px;height:11px;background:#6d6d6d;opacity:0.5}
.boardList > li a .noticeInfo span:first-child{padding-left:0}
.boardList > li a .noticeInfo span:first-child:before{display:none}
.boardList > li a .noticeInfo span.date, .boardList > li a .noticeInfo span em{font-family:poppins}

.boardList + .btnMors{margin-top:24px}

.boardDetailInfo{padding-bottom:15px;border-bottom:1px solid #eaeaea}
.boardDetailInfo .boardTit{overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;color:#202020;font-size:16px;font-weight:600;line-height:1.44}
.boardDetailInfo .noticeInfo{margin-top:9px}
.boardDetailInfo .noticeInfo span{position:relative;display:inline-block;padding:0 8px 0 9px;color:#6d6d6d;font-size:13px;vertical-align:middle}
.boardDetailInfo .noticeInfo span:before{content:'';display:block;position:absolute;top:3px;left:0;width:1px;height:11px;background:#6d6d6d;opacity:0.5}
.boardDetailInfo .noticeInfo span:first-child{padding-left:0}
.boardDetailInfo .noticeInfo span:first-child:before{display:none}
.boardDetailInfo .noticeInfo span.date, .boardDetailInfo .noticeInfo span em{font-family:poppins}
.boardDetailCont{color:#202020;background:#fff;margin:0 -24px;padding:32px 24px}
.boardListS{border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea}
.boardListS .link{position:relative;display:block;height:55px;padding-left:34px;color:#202020;font-size:16px;line-height:55px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-top:1px dashed #d5d5d5}
.boardListS .link:before{content:'';display:block;position:absolute;top:50%;left:3px;width:10px;height:10px;margin-top:-7px;border:solid #202020;border-width:0 1px 1px 0;transform:rotate(45deg) skew(-1deg, -1deg)}
.boardListS .link:first-child{border-top:none}
.boardListS .link.next:before{margin-top:-1px;transform:rotate(225deg) skew(-1deg, -1deg)}
.boardListS span.link{color:#6d6d6d}
.boardListS span.link:before{border-color:#6d6d6d}

/* AI 윤리규정 */
.aiRegulationImg{background-image:url(../images/common/bg_aiRegulation.svg)}
.aiRegulation{counter-reset:section}
.aiRegulation > li{background:#fff;border-radius:8px;padding:24px 50px 30px 32px}
.aiRegulation > li:before{content:'';display:block;counter-increment:section;content:'0'counter(section);font-size:36px;color:#3e6cff;font-weight:500;font-family:poppins;letter-spacing:-1.08px;line-height:51px}
.aiRegulation > li ~ li{margin-top:8px}
.aiRegulation > li .tit{margin-top:12px;font-size:18px;font-weight:500;color:#202020}
.aiRegulation > li .tit strong{font-weight:500;color:#3a6cff}
.aiRegulation > li .txt{display:block;line-height:22px;margin-top:12px}
.aiProcess{margin-top:40px;padding-top:40px}
.imgArea{margin-top:-16px}


/* border, margin, padding */
.mt0 {margin-top: 0px !important;}
.mt13 {margin-top: 13px !important;}
.mt-15 {margin-top: -15px !important; }
.mt16 {margin-top:16px !important;}
.mt24 {margin-top:24px !important;}
.mt25 {margin-top: 25px !important;}
.mt40 {margin-top:40px !important;}
.mt80 {margin-top:80px !important;}

.mb0 {margin-bottom: 0px !important;}
.mb3 {margin-bottom: 3px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb25 {margin-bottom: 25px !important;}

.pl10 {padding-left: 10px;}

.pt40 {padding-top:40px !important;}

.fs15{font-size:15px !important;}


/*******************************************
 * 프라이버시센터 2024년 하반기 개인정보처리방침 화면 고도화  *
 *******************************************/
.under_line{text-decoration: underline;}
.align_left{text-align:left !important;}
.align_center{text-align:center !important;}
.align_right{text-align:right !important;}

.privacy_wrap .selectWrap .ui-selectmenu-button{background:#F1F3FC;}
.privacy_wrap *:focus{outline:none;}
.privacy_wrap{font-family: "notosans";}
.privacy_wrap .pageTop{text-align: center;padding-bottom:40px;  }
.privacy_wrap .desc{margin-top:20px;font-size:16px;line-height: 24px;}
.privacy_wrap .link_list{margin-top:30px;}
.privacy_wrap .link_list ul:after{content:'';display:block;clear:both;}
.privacy_wrap .link_list ul{margin:0 -8px;}
.privacy_wrap .link_list ul li{width:50%;display:inline-block;float:left; }
.privacy_wrap .link_list ul li a{
    border-radius: 16px;
    background: #FFF;
    display:block;
    padding: 10px;
    margin:0 8px;
}
.privacy_wrap .link_list ul li a .tit{
    display:inline-block;
    color: #202020;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.52px;
}
.privacy_wrap .link_list ul li a .txt{
    margin-top:5px;
    color: #464646;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.36px;
    line-height:15px;
}
.privacy_wrap .link_list ul li a .s_txt{
    margin-top:5px;
    font-size:12px;
    color:#999;
    line-height:15px;
}
.privacy_wrap h2.title{
    margin-top:40px;
    margin-bottom:30px;
    color: #202020;
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.72px;
}
.label-table2{position: relative;}
.label-table-area{
    border-radius: 24px;
    border: 1px solid rgba(188, 188, 199, 0.50);
    background: #FFF;
}
.label-table2 thead th{
    padding:17px 0;
    color: #464646;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.36px;
}
.label-table2 tbody .bg_cont{
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.32px;
    background: #704CFF;
    padding:12px 0;
}
.label-table2 tbody{background:#fff;}
.label-table2 tbody .bg_gray{
    height: 64px;
    background: #F7F7F8;
    color: #6D6D6D;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -1px;
    padding:0 10px;
}
.label-table2 tbody .img_cont{
    padding:15px 0;
    text-align:center;
}
.label-table2 tbody .img_cont:nth-child(1) .txt_tip:after{left: 8%;}
.label-table2 tbody .img_cont:nth-child(2) .txt_tip:after{left: 33%;}
.label-table2 tbody .img_cont:nth-child(3) .txt_tip:after{left: 58%;}
.label-table2 tbody .img_cont:nth-child(4) .txt_tip:after{left: 82.7%;}


.label-table2 tbody .img_cont img{width:50px;}
.label-table2 tfoot td{
    padding:24px;
    background: #F8F9FF;
    color: #6D6D6D;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.3px;
    border-radius:0 0 24px 24px;
}
.label-table2{border-radius:20px;}
.label-table2 tr{position: relative;}
.text_box{padding:40px 0;}
.policy-menu-table-area{
    padding: 20px 80px 48px 80px;
    border-radius: 24px;
    border: 1px solid rgba(188, 188, 199, 0.50);
    background: #F7F7F8;
}
.policy-menu-table td{text-align:left;padding-top:20px;}
.terms-list-area{margin:0 -24px;}
.terms-list-area .ctrl{
    padding-left: 60px;
    color: #704CFF;
    font-family: "notosans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.44px;
}


.terms-list-area .accTit.only{border-radius:0;padding: 0 20px;}
.terms-list-area .accTit.only.on{border-radius:0;}
.terms-list-area .accTit.only.on .ctrl{border-bottom: 1px solid #C0C0C0;}
.terms-list-area.accWrap .acc .ctrl:after{right:15px;}
.terms-list-area.accWrap .acc .ctrl[aria-expanded=true]:after{margin:0;right:15px;}
.terms-list-area .acc{
    position: relative;
}
.terms-list-area .acc .accTit.only .ctrl{
    min-height: 80px;
    height: auto;
    line-height:24px;
    display: flex;
    align-items: center;
    padding-right: 100px;
}
.terms-list-area .acc .accTit.only .ctrl .tit{
    display: inline-block;
    vertical-align: middle;
    text-indent: -27px;
    padding-left: 27px;
}
.terms-list-area .acc[class*="ico"]>a{
    padding-left:60px;
    color: #704CFF;
    font-family: "notosans";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.44px;
    height:80px;
}

/* 2. 아이콘 2025.02.12 ~ */
.terms-list-area .acc.ico-20250212-01 .accTit.only a{background:url(../images/privacy/ico_policy_01.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-20250212-02 .accTit.only a{background:url(../images/privacy/ico_policy_02.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-20250212-03 .accTit.only a{background:url(../images/privacy/ico_policy_03.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-20250212-04 .accTit.only a{background:url(../images/privacy/ico_policy_04.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-20250212-05 .accTit.only a{background:url(../images/privacy/ico_policy_05.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-20250212-06 .accTit.only a{background:url(../images/privacy/ico_policy_19.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-20250212-07 .accTit.only a{background:url(../images/privacy/ico_policy_06.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-20250212-08 .accTit.only a{background:url(../images/privacy/ico_policy_07.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-20250212-09 .accTit.only a{background:url(../images/privacy/ico_policy_08.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-20250212-10 .accTit.only a{background:url(../images/privacy/ico_policy_09.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-20250212-11 .accTit.only a{background:url(../images/privacy/ico_policy_10.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-20250212-12 .accTit.only a{background:url(../images/privacy/ico_policy_11.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-20250212-13 .accTit.only a{background:url(../images/privacy/ico_policy_12.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-20250212-14 .accTit.only a{background:url(../images/privacy/ico_policy_13.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-20250212-15 .accTit.only a{background:url(../images/privacy/ico_policy_14.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-20250212-16 .accTit.only a{background:url(../images/privacy/ico_policy_15.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-20250212-17 .accTit.only a{background:url(../images/privacy/ico_policy_16.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-20250212-18 .accTit.only a{background:url(../images/privacy/ico_policy_17.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-20250212-19 .accTit.only a{background:url(../images/privacy/ico_policy_18.png) no-repeat 0 center;background-size:48px auto;}

/* 1. 아이콘 2024.11.20 ~ 2025.02.11 */
.terms-list-area .acc.ico-01 .accTit.only a{background:url(../images/privacy/ico_policy_01.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-02 .accTit.only a{background:url(../images/privacy/ico_policy_02.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-03 .accTit.only a{background:url(../images/privacy/ico_policy_03.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-04 .accTit.only a{background:url(../images/privacy/ico_policy_04.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-05 .accTit.only a{background:url(../images/privacy/ico_policy_05.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-06 .accTit.only a{background:url(../images/privacy/ico_policy_06.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-07 .accTit.only a{background:url(../images/privacy/ico_policy_07.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-08 .accTit.only a{background:url(../images/privacy/ico_policy_08.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-09 .accTit.only a{background:url(../images/privacy/ico_policy_09.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-10 .accTit.only a{background:url(../images/privacy/ico_policy_10.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-11 .accTit.only a{background:url(../images/privacy/ico_policy_11.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-12 .accTit.only a{background:url(../images/privacy/ico_policy_12.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-13 .accTit.only a{background:url(../images/privacy/ico_policy_13.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-14 .accTit.only a{background:url(../images/privacy/ico_policy_14.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-15 .accTit.only a{background:url(../images/privacy/ico_policy_15.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-16 .accTit.only a{background:url(../images/privacy/ico_policy_16.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-17 .accTit.only a{background:url(../images/privacy/ico_policy_17.png) no-repeat 0 center;background-size:48px auto;}
.terms-list-area .acc.ico-18 .accTit.only a{background:url(../images/privacy/ico_policy_18.png) no-repeat 0 center;background-size:48px auto;}


.terms-list-area .ico_link{
    position:absolute;
    top:50%;
    margin-top:-23px;
    right:60px;
    display: inline-block;
    height: 48px;
    width:48px;
    color:transparent;
    line-height: 48px;
    background:url(../images/privacy/ico_share.png) no-repeat center;
    background-size:24px auto;
    vertical-align: middle;
    z-index: 10;
}
.terms-list-area .ico_link.on .txt{
    display:block;
    transition: all 0.2s;
}
.terms-list-area .ico_link .txt{
    display:none;
    transition: all 0.2s;
    position: absolute;
    right:-10px;
    bottom:50px;
    width: 232px;
    padding: 16px 32px;
    background: #fff;
    border-radius: 20px;
    fill: #F6F8FA;
    filter: drop-shadow(5px 5px 20px rgba(0, 0, 0, 0.10));
    text-align: left;
    z-index: 1;
    font-family: "notosans";
    color: #464646;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: -0.3px;
}
.terms-list-area .ico_link .txt:after{
    content: '';
    position: absolute;
    left: 50%;
    margin-left:50px;
    bottom: -40px;
    margin-top: -20px;
    border-top: 10px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    transform: rotate(90deg);
}
.terms-list-area .ico{
    position:absolute;
    top:0;
    right:0;
    display: inline-block;
    height: 48px;
    width:48px;
    color:transparent;
    line-height: 48px;
    vertical-align: middle;
}
.terms-list-area .ico:after{position:absolute;top:12px;right:12px;content:'';height: 24px;width:24px;background:url(../images/privacy/ico_policy_arrow.png) no-repeat 0 center;background-size:24px auto;transform: rotate(0);transition: all 0.2s;}
.terms-list-area .accordion.on .ico:after{transform: rotate(180deg);transition: all 0.2s;}
.terms-list-area .accordion{
    position:relative;
    border-top:1px solid #C0C0C0;
    border-bottom:1px solid #C0C0C0;
    padding:16px 0;
}
.terms-list-area .accordion+.accordion{margin-top:40px;}
.terms-list-area .accordion-detail .bulit{position:relative;padding-left:5px;}
.terms-list-area .accordion-detail .bulit:after{content:'';position:absolute;top:10px;left:0;width:2px;height:2px;border-radius:50%;background:#464646;}
.terms-list-area .accordion-detail{
    padding: 30px 20px !important;
    border-radius: 8px;
    background: #FFF;
    color: #464646;
    font-family: "notosans";
    letter-spacing: -0.36px;
}
.terms-list-area .accordion-detail p{
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}
.terms-list-area .accordion-detail p+p{margin-top:16px;}
.terms-list-area .accordion-detail ul+p,
.terms-list-area .accordion-detail ol+p{margin-top:24px;}
.terms-list-area .accordion-detail .numList{
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-top:16px;
}
.terms-list-area .accordion-detail .line:before,
.terms-list-area .accordion-detail .line:after{top: -1px;left: 0px;right: 0px;}
.terms-list-area .accordion-detail .numList li{text-indent:-16px;padding-left:16px;margin-top:8px;}
.point02{
    color: #704CFF;
    /* text-decoration: underline; */
    border-bottom:1px solid #704CFF;
    cursor: pointer;
}
.point{
    color: #704CFF;
    display:inline-block;
    position: relative;
    text-indent: 0;
}
.point:hover{font-weight: 700;border-bottom:1px dashed #704CFF;}
.point>span{
    position:relative;
}

.terms-list-area .accordion-detail .point>dummy{
    display: none;
}
.terms-list-area .accordion-detail .line{
    height:1px;
    background:#EAEAEA;
    margin:24px 0;
}
.terms-list-area .accordion-detail .line:before{border-top: 1px solid #EAEAEA;}
.label-table2 td.on .txt_tip{display:block;}
.label-table2 .txt_tip{
    display:none;
    position:absolute;
    width: 100%;
    padding: 32px;
    background:#fff;
    border-radius: 20px;
    fill: #F6F8FA;
    filter: drop-shadow(5px 5px 20px rgba(0, 0, 0, 0.10));
    text-align:left;
    z-index: 1;
    bottom: 90px;
    left: 0;
}
.label-table2 .txt_tip:after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -30px;
    margin-top: -20px;
    border-top: 15px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #fff;
    transform: rotate(90deg);
}
.label-table2 td.on .txt_tip .tit{
    color: #202020;
    font-family: "notosans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.36px;
}
.label-table2 td.on .txt_tip .txt{
    color: #464646;
    font-family: "notosans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: -0.3px;
    margin:8px 0;
}
.label-table2 td.on .txt_tip .list li+li{margin-top:8px;}
.label-table2 td.on .txt_tip .list li{
    position:relative;
    padding-left:15px;
}
.label-table2 td.on .txt_tip .list li:before{
    content:'';
    position:absolute;
    top:10px;
    left:5px;
    width:10px;
    height:10px;
    background:#464646;
    border-radius:50%;
    width:2px;
    height:2px;
}
.label-table2 td.on .txt_tip .bulit{
    position:relative;
    padding-left:15px;
    color: #6D6D6D;
    font-family: "notosans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.26px;
}
.label-table2 td.on .txt_tip .bulit .ico{position:absolute;top:0;left:0;}

.policy-table-wrap-thead{border-top:1px solid #704CFF;border-bottom:1px solid #6D6D6D;}
.policy-table-wrap-thead th{
    color: #202020;
    text-align: center;
    font-family: "notosans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.36px;
    padding:17px 20px;
    overflow:none;
}
.policy-table-wrap-body th{font-weight: 400 !important;}
.policy-table-wrap-body {border-top:1px solid #704CFF;overflow:auto;position:relative; /* max-height: 350px; */}
.policy-table-wrap-thead+.policy-table-wrap-body {border-top:none;}
.policy-table-wrap-body+.policy-table-wrap-thead{position: relative;border-top: 1px solid #6D6D6D;margin-top:-1px;}

.policy-scroll {/* max-height:650px;overflow:auto; */position:relative;}
.policy-scroll .iScrollVerticalScrollbar{z-index: 1 !important;} 

.bgColor01{background:#F1F3FC;}
.bgColor02{background:#EFEFF1;}
.bgColor03{background:#f1edff;}
.policy-table-wrap-20241111 th,
.policy-table-wrap-20241111 td{
    color: #6D6D6D;
    font-family: "notosans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.36px;
    padding:13px 20px;
}
.policy-table-wrap-20241111 th{font-size:15px;font-weight: 700;color: #202020;}
.policy-table-wrap-20241111 .txt_area{font-weight: 400 !important;line-height:30px;}
.policy-table-wrap-20241111.policy-table-wrap-thead{overflow-y:inherit;}
.policy-table-wrap-20241111.policy-table-wrap-thead th{border-top:none;border-bottom:none;}
.policy-table-wrap-20241111.policy-table-wrap-thead tr+tr th{border-top:1px solid #D9D9D9}
.policy-table-wrap-20241111.policy-table-wrap-thead th:last-child{border-right:none;}
.policy-table-wrap-20241111 tbody tr:first-child th,
.policy-table-wrap-20241111 tbody tr:first-child td{border-top:none;}
.policy-table-wrap-20241111 th,
.policy-table-wrap-20241111 td{border:1px solid #D9D9D9;}
.policy-table-wrap-20241111 th:first-child{border-left:none;border-right:none;}
.policy-table-wrap-20241111 td:last-child{border-right:none;}
.terms-list-area .policy-table-wrap-20241111 ul li{text-indent:-9px;padding-left:16px;}

.policy-table-wrap-thead::-webkit-scrollbar { background: #ececec; border-top: 1px solid #4a4a4a;}
.policy-table-wrap-area {position: relative;overflow-y: scroll;overflow-x:hidden;max-height: 550px;}

.policy-service-search-button {float: right; border-radius: 5px; padding: 5px 20px; position: relative; border: 1px solid rgba(0, 0, 0, .1); background-color: #ececec;}
.policy-service-search-button:active {top: 2px;}

.terms-list-area ul.depth01.type02{margin-top:24px;}
.terms-list-area ul.depth01.type02>li+li{margin-top:8px;}
.terms-list-area .depth01{margin-top:24px;}
.terms-list-area ul li+li{margin-top:8px;}
.terms-list-area ul.type_bullet{margin-top:8px;}
.terms-list-area ul.type_bullet>li{
    text-indent: -9px;
    padding-left: 9px;
    margin-top:8px;
    color:#6D6D6D;
}
.terms-list-area ul.depth01{margin-top:24px;}
.terms-list-area ul.depth01>li{
    text-indent: -22px;
    padding-left: 22px;
    margin-top:24px;
}
.terms-list-area ul.nomal>li li{
    text-indent: initial;
    padding-left: initial;
    margin-top:8px;
}
.terms-list-area .depth01 .tit{font-size:15px;}
.terms-list-area .depth01 .sTxt{font-size:15px !important;}
.terms-list-area ul.depth01 p{margin-top:8px;text-indent: 0;}

.privacy_wrap .accTit.on ~ .accCon{border-radius: 0;}
 
.alertBox.type01 .alertInner{
    position: fixed;
    top: 50%;
    left: 50%;
    right: 40px;
    border-radius: 8px;
    z-index: 2;
    transform: translate(-50%, -50%);
    width: 90%;
    overflow: auto;
    display: block !important;
}

.border-top-none{border-top:none;}
.alertBox.type01,
.alertBox.type02{display:none;}
.alertBox.type01.on,
.alertBox.type02.on{display:block;}
.alertBox.type01 .title_cont{
    position:relative;
    min-height:72px;
    border-radius: 24px 24px 0 0;
    background: #FFF;
    padding:12px 24px;
    border-bottom:1px solid #EAEAEA;
    display: flex;
    align-items: center;
    justify-content: center;
}
.alertBox.type01 .alertInner .alertBtn button.confirm{
    border-radius: 0 0 24px 24px;
}
.alertBox.type01 .alertTxt{
    height:50%;
    overflow: auto;
    padding: 16px 24px 70px 16px;
    margin-top:-1px;
}
.alertBox.type01 .title_cont .tit{
    color: #202020;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.3px;
    padding:0 50px;
    display:block;
}
.alertBox.type01 .title_cont .btn_close{
    position: absolute;
    top:50%;
    margin-top:-20px;
    right:10px;
    width:40px;
    height:40px;
    background:url(../images/privacy/btn_close.png) no-repeat center;
    background-size:40px auto;
    font-size:0;
    color:transparent;
}

.alertBox.type01 tbody .point02 {
    color: #704CFF;
    border-bottom: 1px solid #704CFF;
    cursor: pointer;
    display: inline;
    margin-top: 0;
    padding: 0;
    font-size: 13px;
}


aside button+button{margin-top:16px;}
aside .btnSearch{
    position:relative;
    display: block;
    
    overflow: hidden;
    text-indent: -9999px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
aside .btnSearch:after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 19px;
    margin: -10px 0 0 -9px;
    background: url(../images/privacy/ico_search.png) no-repeat center;
    background-size:18px auto;
}
aside .btnTop{position:relative;display: block;}
aside .btnTop:after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 19px;
    margin: -10px 0 0 -9px;
    background: url(../images/common/spr_layout.svg) no-repeat -44px 0;
}

.search_pop_layer .alertInner{
    top:0;left:0;right:0;bottom:0;
    transform:initial;
    width:100%;
    height:100%;
    background:#ffff;
}
.search_pop_layer .alertInner .ui-selectmenu-text{
    color: #704CFF;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.3px;
    margin-top:0 !important;
    padding:0 !important;
}
.search_pop_layer .alertTxt{
    height:calc(100% - 72px) !important;
    overflow: auto !important;
}
.search_pop_layer .line{margin-top:24px;padding-top:24px;}
.search_pop_layer .line:before{left:0;right:0;border-top: 1px solid #EAEAEA;}

.selectWrap .ui-selectmenu-menu .titSelect{text-align:left;}
.selectWrap .selectScroll .ui-menu li a{text-align:left;}
.search_pop_layer .txt{
    color: #6D6D6D;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.26px;
    text-align: left;
    text-indent: -7px;
    padding-left: 7px;
}
.selectWrap.type01{
    border-radius: 24px;
    border: 1px solid #704CFF;
    background: #FFF;
}

.search_pop_layer .policy-table-wrap-body th, td {
    text-align: left;    
}

.input_search{position:relative;}
.input_search.on .search_box,
.input_search.active .search_box{display:block !important;}
.input_search.active input{padding-right:100px;}
.input_search .search_box{
    display:none;    
    position:absolute;
    top:48px;
    left:0;
    width:100%;
    max-height:288px;
    overflow: auto;
    border: 1px solid #C9C9DC;
    background: #F1F3FC;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.20);
    z-index:1;
}
.input_search .search_box a{
    display: block;
    line-height: 48px;
    padding: 0px 24px;
    text-align:left;
}
.input_search .search_box a:focus{background:#fff;}
.input_search .noData{
    margin:0;
    padding:230px 24px 24px 24px;
    background: url(../images/common/bg_nodata.svg) no-repeat 50% 30px;
    text-align: center;
}
.del.on {display:block;position:absolute;top:50%;right: 50px;transform: translate(-50%, -50%);background: url(../images/privacy/btn_del.png) no-repeat center;width:24px;height:24px;border:none;background-size:auto 24px;}
.del {display:none;}

.input_search input{padding-right:60px;border-radius: 24px;background: #F1F3FC;}
.input_search.on input{padding-right:100px;}
.input_search .btn_search{position:absolute;top:0;right:0;background:url(../images/privacy/btn_search_purple.png) no-repeat center;background-size:48px auto;width:48px;height:48px;font-size:0;color:transparent;}
.section_line{position:relative;margin:24px 0;}
.section_line:before{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    margin-top:-1px;
    width:100%;
    height:1px;
    border-bottom:1px dashed #704CFF;
}
.section_line span{
    border-radius: 16px;
    background: #704CFF;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: -0.3px;
    display: inline-block !important;
    height: 32px;
    line-height: 32px;
    padding: 0px 16px;
    z-index:1;
    position:relative;
    margin:0 !important;
}
.arrow_type{display: flex;align-items: center;}
.arrow_type .tit{padding:0 20px !important;}
.arrow_type .btn_pre{display:inline-block;}
.arrow_type .btn_next{display:inline-block;}
.arrow_type .btn_pre{width:32px;height:32px;background:url(../images/privacy/btn_layer_left.png) no-repeat center;background-size:32px auto;text-indent:-999px;color:transparent;font-size:0;}
.arrow_type .btn_next{width:32px;height:32px;background:url(../images/privacy/btn_layer_right.png) no-repeat center;background-size:32px auto;text-indent:-999px;color:transparent;font-size:0;}
.star_cont .policy-table-wrap-thead{background:#F1F3FC;border:none;}
.star_cont .policy-table-wrap-thead th{height:32px;padding:0;}
.star_cont .policy-table-wrap-20241111 td:first-child{border-left:none;}
.star_cont .policy-table-wrap-20241111 td:last-child{border-right:none;}
.star_cont .policy-table-wrap-20241111 td{border:1px solid #EAEAEA;padding:0 20px;}
.star_cont .alertTxt{max-height:390px;}

.alertBox.type02 .alertInner {
    fill: #F6F8FA;
    filter: drop-shadow(5px 5px 20px rgba(0, 0, 0, 0.10));
}
.alertBox.type02 .title_cont {
    position: relative;
    min-height: 60px;
    border-radius: 24px 24px 0 0;
    background: #FFF;
    padding: 12px 24px;
    border-bottom: 1px solid #EAEAEA;
    display: flex;
    align-items: center;
    justify-content: center;
}
.alertBox.type02 .alertTxt {
    height: 50%;
    overflow: auto;
    padding: 24px;
    margin-top: -1px;
    border-radius: 0 0 24px 24px;
}
.alertBox.type02 .title_cont .btn_close {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: url(../images/privacy/btn_close.png) no-repeat center;
    background-size: 40px auto;
    font-size: 0;
    color: transparent;
}

/* main */
.main_wrap .search_wrap{padding:32px 0;}
.main_wrap .search_box{width:680px;margin:0 auto;padding-bottom:14px;height:auto;position:relative;}

/* search_total */
.search_total.active{display:block;}
.search_total{display:none;position:absolute;top:70px;left:0;right:0;z-index: 10;padding: 40px 20px;border-radius: 12px;border: 1px solid rgba(112, 109, 240, 0.40);background: #FFF;box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.15);}
.search_total .txt{color: #494E56;font-family: Pretendard;font-size: 15px;font-style: normal;font-weight: 400;line-height: 15px;letter-spacing: -0.3px;}
.search_total ul li:first-child{border-top:1px solid #222;margin-top:16px;}
.search_total ul li:last-child{border-bottom:1px solid #D8DDE9;}
.search_total ul li{color: #222;font-family: Pretendard;font-size: 16px;font-style: normal;font-weight: 400;line-height: 16px;letter-spacing: -0.32px;padding:20px 36px 20px 0;position:relative;border-top:1px solid #D8DDE9;}
.search_total ul li .btn_del{position:absolute;top:18px;right:0;display:block;width:20px;height:20px;background:url(../img/pc/btn_del.png) no-repeat center;background-size:20px auto;cursor: pointer;}
.search_total ul li .point{color:#706DF0;}
.search_total .no_data{text-align:center;padding:40px 0;}
.search_total .no_data .txt{color: #222;font-size: 16px;font-style: normal;font-weight: 500;line-height: 16px;letter-spacing: -0.32px;background:url(../img/mo/ico/ico_no_data.png) no-repeat center top;background-size:32px auto;padding-top:50px;display: block;}

/* 문구 검색 */
.find:focus{
    border:1px solid #FF7700;
    background:#FFEAB9;
}
.find{
    border-radius: 8px;
    border:1px solid #FFD573;
    background: #FFD573;
}
.find_search_box.on{
    background: #fff;
    margin: 0 10px;
    padding: 5px;
    border-radius: 24px;
    display:block;
    left:0;
    right:0;
    bottom:70px;
}
.find_search_box{
    z-index:2;
    position:fixed;
    right:15px;
    bottom:75px;
    display:inline-block;
}
.find_search_box .input_search.on input{padding-right:230px;}
.find_search_box .input_search.on .control{
    display: block;
    position:absolute;
    top: 13px;
    right: 100px;
}
.find_search_box .input_search .control{
    display: none;
}
.find_search_box .input_search .control .volume{
    margin-right:10px;
}
.find_search_box .input_search .control .down{
    width:14px;
    height:14px;
    background:url(../images/privacy/btn_input_down.png) no-repeat center;
    background-size:14px auto;
    padding: 10px;
    margin-bottom:5px;
}
.find_search_box .input_search .control .up{
    width:14px;
    height:14px;
    background:url(../images/privacy/btn_input_up.png) no-repeat center;
    background-size:14px auto;
    padding: 10px;
    margin-bottom:5px;
}
.find_search_box.on input{display:block;}
.find_search_box input{display: none;color:#704CFF;}
.find_search_box .input_search{height:48px;}
.find_search_box .input_search .btn_search{
    background: url(../images/privacy/ico_search_layer.png) no-repeat center;
    background-size:68px auto;
    width:68px;
    height:68px;
    margin: -5px -10px;
}
.find_search_box.on .input_search .btn_search {
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/privacy/btn_search_purple.png) no-repeat center;
    background-size: 48px auto;
    width: 48px;
    height: 48px;
    font-size: 0;
    color: transparent;
    margin:0;
}
.dimmed{z-index: 100;}

/* 웹툰 */
.webToon_title{margin:20px 0;}
.webToon{margin-top:20px;}
.webToon img+img{margin-top:70px;}
.webToonTxt{
    text-indent: -99999px;
    font-size: 0;
    width: 0;
    height: 0;
    position: absolute;
    top: -99999px;
    left: -99999px;
}
.webToon_title{
    position:relative;
    color: #464646;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.36px;
    padding-left: 60px;
}
.webToon_title .fTxt{
    position: absolute;
    top:0;
    left:0;
}
.ico_link.type02{border:1px solid #BCBCC7;border-radius: 50%;background-color:#fff;}
.link_area{margin-bottom:40px;text-align: right;padding:0 24px;}
.link_area button+button{margin-left:5px;}
.terms-list-area .ico_link.type02{position:relative;top:0;right:0;width:44px;height:44px;}
.terms-list-area .ico_link.type02 .txt{bottom:initial;top:60px;}
.terms-list-area .ico_link.type02 :after{
    top:-40px;
    bottom:initial;
    margin-top:0;
    transform: rotate(270deg);
}
.terms-list-area .ico_move{
    border:1px solid #BCBCC7;border-radius: 22px;background-color:#fff;
    height: 44px;
    padding: 0px 20px;
}
.terms-list-area .ico_move .txt{
    color: #704CFF;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.3px;
    padding-right:30px;
    background:url(../images/webtoon/ico_move.png) no-repeat right center;
    background-size:24px auto;
}
aside .find_search_box.on{bottom:15px;}
aside .find_search_box{
    z-index: 2;
    position: fixed;
    right: 15px;
    bottom: 95px;
    display: inline-block;
}
aside .find_search_box .input_search .control button{margin:0;}

/*
@media only screen and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) {
}
*/

.alertBox .star_list li{display:none;}
.alertBox .star_list li.on{display:block;}

.alertInner .btn_top {
    overflow: hidden;
    text-indent: -9999px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    z-index: 2;
    position: fixed;
    right: 15px;
    bottom: 15px;
    display: inline-block;
}
.alertInner .btn_top:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 19px;
    margin: -10px 0 0 -9px;
    background: url(../images/common/spr_layout.svg) no-repeat -44px 0;
}


.citation-body .con_title {
    padding: 0px 0 30px;
    font-size: 24px;
    color: #222222;
    font-weight: 500;
    word-wrap: break-word;
    word-break: keep-all;
}
.citation-area .citation-list {width:100%;}
.citation-area .citation-list li { float: left; width: 50%; padding: 0px 0px 8px;}
.citation-area .citation-list li .li-inner {position: relative; border-radius: 8px; margin: 0 4px; background:#fff; min-height: 314px;}
.citation-area .citation-list li .img { display: block; text-align: center; padding: 15px;padding-bottom:0; }
.citation-area .citation-list li .img img { display: inline-block;width:100%;position:initial;}
.citation-area .citation-list li .name-box { display: table; width: 100%; min-height: 70px; }
.citation-area .citation-list li .name { display: table-cell; padding: 3px 10px 20px; font-size: 20px; color: #222222; line-height: 1.5; text-align: center; vertical-align: middle; }
.citation-area .citation-list:after { content: ""; display: block; clear: both; }