@charset "utf-8";

* {margin:0; padding:0;}
*, *::before, *::after {-webkit-box-sizing: border-box;box-sizing: border-box;}
body, th, td {color:#111111; font-size:16px; font-family:'Malgun Gothic', '돋움', 'Dotum', Sans-Serief; letter-spacing:-1px; line-height:26px; word-break:keep-all;  }
img, fieldset,input[type="image"] {border:0;vertical-align:top;}
ul, ol, li, dl{list-style:none;}
h1, h2, h3, h4, h5, h6 {font-family:'Malgun Gothic', '돋움', 'Dotum', Sans-Serief; font-size:100%; font-weight:normal;}
hr {display:none;}
a, a:link {color:#111111; text-decoration:none;}
a:visited {color:#111111;}
a:hover, a:active {color:#111111; text-decoration:none;}
em, i, address {font-style:normal; font-weight:normal;}
legend, caption,figcaption{visibility:hidden;overflow:hidden;width:0;height:0;line-height:0;text-indent:-9999em;}
input, textarea, select, button, table {font-size:inherit; font-family:inherit; line-height:inherit;}
section, nav, article, aside, hgroup, header, footer {display:block}
textarea{resize:none;}
table {border-collapse:collapse;}
label {cursor:pointer;}

.padding-b-0 { padding-bottom:0 !important }
.padding-top-0 { padding-top:0 !important }
.padding-b-22 { padding-bottom:11px !important }
.align-right { text-align:right !important; padding-right:10px; }
.green-bg {background:#e0f9f6; position:absolute; left:0; top:0; width:100%; height:680px; z-index:-10;min-width: 1100px; min-height:20%}
.rectangle { display:table; width:1100px; margin:40px auto }
.rectangle div.rectangle-box { display:table-cell; }
.rectangle div.rectangle-box:last-child div { margin-right:0; }
.rectangle div.rectangle-box div { border-radius:20px; margin-right:50px; padding:25px 30px}
.rectangle div.rectangle-box .blue { background:#D4EBFF; }
.rectangle div.rectangle-box .pink { background:#FCD2D4; }
.rectangle div.rectangle-box .green { background:#BBFAD2; }
.rectangle div.rectangle-box .purple { background:#EBE1F9; }
.rectangle div.rectangle-box h3 { color:black; font-size:17px; font-weight:700; margin-bottom:18px; }
.rectangle div.rectangle-box ul { display:table; width:100% }
.rectangle div.rectangle-box li {  display:table-cell; vertical-align:middle }
.rectangle div.rectangle-box li:after { display:block; content:""; clear:both; }
.rectangle div.rectangle-box li span { display:block;float:left; font-size:12px;line-height: 1.2; }
.rectangle div.rectangle-box li span strong { display:block; font-size:25px; }
.rectangle div.rectangle-box li span img { margin-right:5px; width:50px;margin-top: -3px; }
.rectangle-box.all .blue, .rectangle-box.all .pink, .rectangle-box.all .green, .rectangle-box.all .purple { background:white !important }
.rectangle-box.all .blue ul { background:#D4EBFF; }
.rectangle-box.all .pink ul { background:#FCD2D4; }
.rectangle-box.all .green ul { background:#BBFAD2; }
.rectangle-box.all .purple ul { background:#EBE1F9; }
.rectangle div.rectangle-box.all.width14p { width:14% }
.rectangle div.rectangle-box.all.width20p { width:20.5% }
.rectangle div.rectangle-box.all li span { float:none; text-align:center }
.rectangle div.rectangle-box.all li span img { margin-right:0;margin-bottom: 5px; }
.rectangle div.rectangle-box.all div { padding:0 }
.rectangle div.rectangle-box.all ul { padding: 20px 0;border-radius: 20px;}
.rectangle div.rectangle-box.all li { width:50% }
.rectangle div.rectangle-box.all h3 { margin-bottom:10px; }

.graph-list-bg { background:#EDF3F9; width:100%}
.graph-list-bg .graph-list { padding:40px 0 }
.graph-list { width:1100px; margin:40px auto }
.graph-list { display:table; }
.graph-list .graph-box { display:table-cell }
.btn-more { width:80px; height:30px; border-radius:100px; color:black; text-align:center; line-height:26px; background:#f3f8fb; border:2px solid white; font-size:12px; display:block }
.h2-title { position:relative; padding-bottom:15px; }
.h2-title .btn-more, .h2-title-tab .btn-more { position:absolute; right:0; top:0px }
.h2-title h2 { font-size:21px; font-weight:700; color:black }
.h2-title-tab { position:relative; }
.h2-title-tab ul { display:table }
.h2-title-tab li { font-size:21px; font-weight:700; display:table-cell; padding-right:25px;}
.h2-title-tab li a { color:#999999; }
.h2-title-tab li.on a { color:black }
.border-bottm-red { border-bottom:2px solid #d42d25; padding-bottom: 15px; }
.graph-shadow { background:white; border-radius:20px; box-shadow: 1px 1px 10px 5px #d9dee4; }
.graph-shadow.height400 { height:418px; }
.graph-shadow .graph-s-title { border-bottom:1px solid #eeeeee; color:black; font-size:14px; padding:15px 30px; font-weight:700 }
.graph-shadow .graph-s-title span { float:right }
.graph-shadow .graph-s-title span em { position:relative; padding-left:18px; font-size:12px; padding-right:20px; }
.graph-shadow .graph-s-title span em:last-child { padding-right:0 }
.graph-shadow .graph-s-title span em:after { display:block; content:""; position:absolute; left:0; top:3px; width:12px; height:12px; border-radius:100%;  }
.graph-shadow .graph-s-title span em.color-01:after { background:#4F7AFC; }
.graph-shadow .graph-s-title span em.color-02:after { background:#b44393; }
.graph-view { padding: 22px 30px; }
.graph-view canvas {  width:100%; height:150px; }
.graph-view .calendar-area { background:gray; width:100%; height:272px }
.graph-shadow.height400 .graph-view canvas { height:260px; }
.graph-date { background:#f7f7f7;border-radius:0 0 20px 20px; }
.graph-date ul { display:table; width:100% }
.graph-date li { display:table-cell; vertical-align:middle; color:black; font-size:13px; text-align:center; padding:15px 0; border-top:1px solid #f3f3f3; position:relative; }
.graph-date li.this-year { color:#4F7AFC }
.graph-date li.previous-year { color:#B44392 }
.graph-date li strong { display:block; font-size:16px; color:black }
.graph-date li strong.blue { color:#4F7AFC }
.graph-date li strong.red { color:#FF0000 }
.graph-date li:after { display:block; content:""; position:absolute; right:0; top:13px; border-right:1px solid white; width:100%; height:70%; }
.graph-date li:last-child:after { border-right:0 }
.graph-date.straight li strong { display: inline-block; float:right; margin-right:35px}
.graph-01 { width:40%; padding-right:15px}
.graph-02 { width:55%}
.graph-02:after { display:block; content:""; clear:both; }
.graph-02 .graph-02-01 { width:calc(40% - 15px); float:left; margin-right: 15px;}
.graph-02 .graph-02-02 { width:60%; float:left}
.graph-02 .graph-02-02 canvas { height:233px; }
.graph-03 { width:37%; padding-right: 15px;}
.graph-04 { width:60%}
.notice-list { width:1100px; margin:40px auto; display:table }
.notice-list .notice-box { display:table-cell; width:50%; }
.notice-list .notice-box:first-child { padding-right:40px; }
.notice-list .notice-box:last-child { padding-left:40px; }
.notice-list .notice-box.width-56-p { width:56% }
.notice-list .notice-box.width-44-p { width:44% }
.notice-box .notice-con li { background:url('../image/bullet.png') left 15px no-repeat; padding-left:10px; font-size:12px;padding-top:5px; display:table; width:100% }
.notice-box .notice-con li p { display:table-cell }
.notice-box .notice-con li p.con { width:345px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  word-break: break-all; display:block;    padding-right: 30px;}
.notice-box .notice-con li p.con.short { width:300px; }
.notice-box .notice-con li p.name { width:80px; }
.notice-box .notice-con li p.date { width:150px; color:#999999 }
.notice-box .notice-con li p.date i { float:right }
.notice-box .notice-con li p.summary { width:100px; color:#4F7AFC }
.tab_title { position:absolute; top:0px; right:0 }
.tab_title li { float: left; width:80px; height:27px; cursor: pointer;  text-align: center; background:white; border-radius: 50px; font-size:12px;line-height: 28px;}
.tab_title li.on { background:#d42d25;  font-weight: bold; z-index:10; position:relative}
.tab_title li.on a { color:white; }
.tab_title li:first-child { margin-right:-19px; }
.tab_title li:last-child { width:100px; padding-left:10px;  }
.tab_title li:last-child.on { padding-left:0 }

.order-list { width:1100px; margin:0 auto; display:table; padding-top:40px; }
.order-list .order-box { display:table-cell; padding-right:55px; }
.order-list .order-box.width-49p { width:49% }
.order-list .order-box:last-child { padding-right:0 }
.order-list .order-box .order-in { background:white;border-radius: 20px; }
.order-list .order-box .order-in .order-title { display:table; width:100%; padding:20px;  }
.order-list .order-box .order-in .order-title span { display:table-cell; vertical-align:middle; font-size:17px; font-weight:700 }
.order-list .order-box .order-in .order-title span:first-child { width:65px; }
.order-list .order-box .order-in .order-title span img { margin-left: 3px; width:50px;}
.order-list .order-box .order-in .order-title span em { font-style:normal; display:block; font-size:12px; color:#666666   }
.order-list .order-box .order-in .order-con { display:table; width:100% }
.order-list .order-box .order-in .order-con li { display:table-cell; vertical-align:middle; width:33.333%; text-align:center; font-size:12px; color:#222222; position:relative; padding-bottom: 30px; }
.order-list .order-box .order-in .order-con.width-20p li { width:20% }
.order-list .order-box .order-in .order-con li i { display:block; font-style:normal; color:black; font-size:25px; font-weight:700; padding-top: 5px; }
.order-list .order-box .order-in .order-con li:after { display:block; content:""; clear:both; width:100%; border-right:1px solid #eeeeee; height: 65px; position: absolute; top: 0; }
.order-list .order-box .order-in .order-con li:last-child:after { border-right:0 }
.map-area { background:white; border-radius:20px; box-shadow: 1px 1px 10px 5px #d5eeeb; width:1100px; height:690px; margin:40px auto }
.map-area { background:url('../image/mf/map.png') center center no-repeat white; position:relative;background-size: 90%; }
.map-area .country { position:absolute; }
.map-area .country.land-01 { left:4%; top:8%; }
.map-area .country.land-02 { left:48%; top:4%; }
.map-area .country.land-03 { left:75%; top:21%; }
.map-area .country.land-04 { left:19%; top:49%; }
.map-area .country.land-05 { left:43%; top:65%; }
.map-area .country.land-06 { left:69%; top:56%; }
.conuntry-box { width:190px; background:white; border-radius:20px;}
.conuntry-box.conutry-01 { box-shadow: 0px 0px 5px 3px #cceff5; }
.conuntry-box.conutry-02 { box-shadow: 0px 0px 5px 3px #ecc2c6 }
.conuntry-box.conutry-03 { box-shadow: 0px 0px 5px 3px #d2deec; }
.conuntry-box.conutry-04 { box-shadow: 0px 0px 5px 3px #dfebd7; }
.conuntry-box.conutry-05 { box-shadow: 0px 0px 5px 3px #cce4fe; }
.conuntry-box.conutry-06 { box-shadow: 0px 0px 5px 3px #ffe1d6; }
.conuntry-box .con-top .dot { width:15px; height:15px; display:inline-block; border-radius:50%; }
.conuntry-box .con-top { padding:13px 20px }
.conuntry-box .con-top .dot-01 { background:#00AFCA }
.conuntry-box .con-top .dot-02 { background:#FF6868 }
.conuntry-box .con-top .dot-03 { background:#3a4b79 }
.conuntry-box .con-top .dot-04 { background:#8acd5c }
.conuntry-box .con-top .dot-05 { background:#1c7ff4 }
.conuntry-box .con-top .dot-06 { background:#ff8d4e }
.conuntry-box .con-top .time { font-size:12px; font-weight:400; color:#999999; float:right; margin-top: -7px; letter-spacing:0 }
.conuntry-box .con-title { text-align:center; }
.conuntry-box .con-title img { width:50px; }
.conuntry-box .con-title .block { display:block; color:#222222; font-size:17px; margin-top:6px;}
.conuntry-box .con-mutual { border-top:1px solid #eeeeee;margin:24px 0 0; padding:10px 20px; }
.conuntry-box .con-mutual .con-mutual-list span { font-weight:700; font-size:16px; color:#222222 }
.conuntry-box .con-mutual .con-mutual-list .mf { width:40px; height:22px; border:1px solid #D42D26; background:white; color:#D42D26; border-radius:20px; float:right; font-size:12px;font-weight:700; line-height:20px; text-align:center;    margin-top: 3px;}
.conuntry-box .con-mutual .con-mutual-list .di { width:40px; height:22px; border:1px solid #638bfc; background:white; color:#638bfc; border-radius:20px; float:right; font-size:12px;font-weight:700; line-height:20px; text-align:center;    margin-top: 3px;}
.conuntry-box .con-mutual .con-mutual-list img { margin-right:5px; }
.conuntry-box .month { border-top:1px solid #eeeeee; }
.conuntry-box .month ul { display:table; width:100%; }
.conuntry-box .month li { display:table-cell; width:50%; text-align:center; vertical-align:middle; font-size:12px; line-height: 1.3; padding: 10px 0; position:relative}
.conuntry-box .month li span { display:block }
.conuntry-box .month li span em { color:#00AFCA; font-weight:700 }
.conuntry-box .month li:after { display:block; content:""; position:absolute; right:0; top:8px; border-right:1px solid #eeeeee; width:100%; height:70%; }
.lotte-grs-site ul:after { display:block; content:""; clear:both; }
.lotte-grs-site li { float:left; width:50%; }
.lotte-grs-site li img { width:96%; height: 70px; }
.lotte-grs-site li:nth-child(2), .lotte-grs-site li:nth-child(4) { text-align:right }
.lotte-grs-site li:nth-child(1), .lotte-grs-site li:nth-child(2) { padding-bottom:15px; }
.sns-area { background: #ebf1ff; background: -moz-linear-gradient(left,  #ebf1ff 81%, #fdefff 83%); background:-webkit-linear-gradient(left,  #ebf1ff 81%,#fdefff 83%);
background: linear-gradient(to right,  #ebf1ff 81%,#fdefff 83%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1ff', endColorstr='#fdefff',GradientType=1 ); }
.sns-area .sns-box { width:1100px; margin:0 auto; position:relative }
.sns-area .sns-box h2 { font-size:25px; font-weight:700; color:#222222; position:absolute; top:-15px; left:0 }
.sns-area .sns-box ul { display:table; width:100%; }
.sns-area .sns-box li { display:table-cell; padding:20px 0 20px 50px; font-size:15px; color:#222222; font-weight:700; width:16.66%;background-size: 35px !important;}
.sns-area .sns-box li:nth-child(2), .sns-area .sns-box li:nth-child(3), .sns-area .sns-box li:nth-child(4), .sns-area .sns-box li:nth-child(5) { padding-left:75px; background-position:25px center !important }
.sns-area .sns-box li.facebook { background:url('../image/mf/sns_01.png') left center no-repeat #ebf1ff; }
.sns-area .sns-box li.instargram { background:url('../image/mf/sns_02.png') 59px center no-repeat #fdefff; padding-left:108px }
.sns-area .sns-box li span { font-size:12px; color:#666666; display:block;margin-top: -5px; }
.performance-area { width: 1100px;margin: 40px auto; display: table; }
.performance-area .accumulate, .performance-area .sum-table { display:table-cell  }
.performance-area .accumulate { width:calc(45% - 80px);  padding-right:80px; }
.performance-area .sum-table { width:55%; }
.accumulate .graph-view-01 { width:100%; height:300px; background:white;border:1px solid #dddddd; }
.sum-table-con { width:100%; height:300px }
.sum-table-con th, .sum-table td { font-size:12px; color:#222222; border:1px solid #dddddd;text-align:center }
.sum-table-con th { background:#f5f8ff;  }
.sum-table td.blue { color:#4F7AFC }

/******* 2022 11 28 추가 :: 이용약관, 정책 관련 css *******/
/***************************************** policy 배경 구성 css *******************************************/
.graph-list.policy{margin-top: 0px;padding: 40px 10vw;width: 100%;}
.h2-title.policy > h2{font-size: 25px;}
.h2-title.policy > div.selArea{position: absolute;right: 0;font-size: 15px;top: 0;font-weight: 500;}
.h2-title.policy > div.selArea > span{padding: 0 15px;}
.h2-title.policy > div.selArea > select{padding: 5px 10px;border: 1px solid #ddd;color: #333;font-size: 14px;}
.h2-title.policy > div.selArea > span.selBoxTxt{padding: 0px;color: #333;font-size: 14px;}

.policyBody{background:#ffffff;}
.policyBody .policyInner{height: auto;display: inline-block;margin: 30px;overflow: hidden;}
.policyBody .policyInner .policyContents{color: #444;line-height: 20px;}

.button.btn_policy{padding: 2px 20px;border: none;font-weight: bold;background: #5c6388;color: white;cursor:pointer;}

/************************************** policy 내용 구성 css *****************************************/		
.policyCard * {font-size:16px;font-family:'Malgun Gothic', '돋움', 'Dotum', Sans-Serief;line-height:25px;}

a {text-decoration : none;color:#222;}
a.email{text-decoration: underline;}

/* 처리방침 목차 */
div.policyIndexWrapper{background: #f5f5f5;margin-bottom: 40px;padding: 20px;}
div.policyIndexWrapper > h2{border-bottom: 2px solid;padding-bottom: 15px;}

ol.policyIndex {counter-reset: number 0;line-height: 30px;}
ol.policyIndex > li *{
	font-size:16px;
	line-height:35px;
}
ol.policyIndex > li::before{
	counter-increment : number 1;
	content : '제 ' counter(number) ' 장';
	font-weight:bold;
	margin-right:10px;
}

/* 처리방침 상세내용 */
div.policyWrapper{counter-reset: number 0;}
div.policyWrapper .policy{margin-bottom:50px;}
div.policyWrapper .policy > .policy_tit::before{
	counter-increment : number 1;
	content : '제 ' counter(number) ' 장';
	font-weight:bold;
	margin-right:10px;
}

.policy .policy_tit{font-size: 20px; font-weight:bold;padding-bottom:15px;border-bottom:2px solid #ddd;}

.policy .policy_contents {padding-top:15px;}
.policy .policy_contents p{text-indent: 15px;padding:0px 20px;margin:0.5em 0;}

.policy_contents > ol > li{padding-inline-start:15px;}
.policy_contents > ol > li:nth-child(1)::before { content: '① ';}
.policy_contents > ol > li:nth-child(2)::before { content: '② ';}
.policy_contents > ol > li:nth-child(3)::before { content: '③ ';}
.policy_contents > ol > li:nth-child(4)::before { content: '④ ';}
.policy_contents > ol > li:nth-child(5)::before { content: '⑤ ';}
.policy_contents > ol > li:nth-child(6)::before { content: '⑥ ';}
.policy_contents > ol > li:nth-child(7)::before { content: '⑦ ';}
.policy_contents > ol > li:nth-child(8)::before { content: '⑧ ';}
.policy_contents > ol > li:nth-child(9)::before { content: '⑨ ';}

.policy_contents > ol > li > div.liTab {margin-top:1em; margin-bottom:1em;}
.policy_contents > ol > li > div.liTab > h2 {margin-left:10px;margin-bottom:5px;}
.policy_contents > ol > li > div.liTab > h2:before {content:"▣ ";}

.policy_contents ol ol{padding-inline-start:1.5em;margin:15px 0px;}

.policy_contents ol ol ol{counter-reset: number 0;list-style:none;padding-inline-start:0px;}
.policy_contents ol ol ol> li::before {
	counter-increment : number 1;
	content : counter(number) ') ';
}

.policy_contents ol ol ol ul {list-style:'- ';padding-left:30px;}

.policy_contents ul{list-style:none;}
.policy_contents ul.psnlInfo{margin:15px 0px;padding:0px 40px;}
.policy_contents ul.psnlInfo.pl20{padding:0px 20px;}
.policy_contents ul.psnlInfo.notit{list-style:'';margin:15px 0px;padding-left:0px}
.policy_contents ul.psnlInfo li{margin:5px 0px;}
.policy_contents ul.psnlInfo li > h2{margin: 5px 0px;}
.policy_contents ul.psnlInfo li > h2:before{content:'▶ ';}
.policy_contents ul.psnlInfo li > p{margin:0px;padding:0px;}
.policy_contents ul.psnlInfo li+li{padding-top: 10px}

/* 테이블 */
table.pType01{border-collapse : collapse;margin:0 auto; width:98%;border-top:2px solid;}
table.pType01 th,
table.pType01 td{
	border-bottom : 1px solid #ddd;
	padding: 10px;
	color: #414141;
	font-size:13px;
	line-height:20px;
	vertical-align:middle;
}
table.pType01 th:not(:nth-last-child(1))
,table.pType01 td:not(:nth-last-child(1)){border-right : 1px solid #ddd;}

table.pType01 tr:nth-last-child(1){
	border-bottom: 0px;
}

table.pType01 th{background:#f5f5f5;font-weight:bold;text-align:center;}
table.pType01 td.ct{text-align:center;}