@charset "utf-8";

/*사이트맵*/
.sitemap {overflow:hidden; margin-left:-20px;}
.sitemap > div {box-sizing:border-box; margin-bottom:30px; padding-left:20px; overflow:hidden; border-top:1px solid #ddd; padding-top:40px;}
.sitemap > div:first-child {border-top:0; padding-top:0;}
.cont_body .sitemap h4 {float:left; width:15%;}
.sitemap > div > ul {float:left; width:80%; margin-left:5%;}
.sitemap > div > ul > li {float:left; width:18%; margin:5px 0 20px; margin-left:2%;}
.sitemap > div > ul > li:nth-child(5n+1) {margin-left:0; clear:both;}
.sitemap > div > ul > li > a {display:block; width:100%; border-bottom:2px solid #000; font-weight:500; font-size:20px; padding:8px 0;}
.sitemap > div > ul > li > a[target='_blank'] span {background:url('/Main/Images/new/ko/common/blank.png') no-repeat right 8px; padding-right:25px;}
.sitemap > div > ul > li > ul {margin-top:10px; padding:4px 15px; background:#f5f5f5;}
.sitemap .ul_dep03 {margin-left:0; overflow:hidden; padding:10px 20px;}
.sitemap .ul_dep03 li {padding:3px 0 3px 14px;}
.sitemap .ul_dep03 li a {font-size:16px; color:#333; letter-spacing:-1px;}
.sitemap .ul_dep03 li a[target='_blank'] {background:url('/Main/Images/new/ko/common/blank.png') no-repeat right 5px; padding-right:20px;}
.sitemap .ul_dep03 li a span.blank {text-indent: -99999px; display: inline-block; position: relative;}
@media all and (max-width:1365px) {
    .cont_body .sitemap h4  {float:none; width:100%;}
    .sitemap > div > ul {float:none; width:100%; margin-left:0;}
}
@media all and (max-width:1023px){
    .sitemap > div > ul > li {width:32%;}
	.sitemap > div > ul > li:nth-child(4n+1) {margin-left:2%; clear:none;}
	.sitemap > div > ul > li:nth-child(3n+1) {margin-left:0; clear:both;}
}
@media all and (max-width:650px){
    .sitemap > div > ul > li {width:49%;}
	.sitemap > div > ul > li:nth-child(3n+1) {margin-left:2%; clear:none;}
	.sitemap > div > ul > li:nth-child(2n+1) {margin-left:0; clear:both;}
	.sitemap > div > ul > li > a {font-size:18px; padding:6px 0;}
	.sitemap .bullet_blue li a {font-size:15px;}
}
@media all and (max-width:480px){
    .sitemap > div > ul > li {width:100%; margin-left:0 !important; margin:5px 0;}
}


/* 개인정보처리방침 */
.privacy_process {width:100%; margin-top:30px; background:url('/Main/Images/new/ko/contents/privacy_w.gif') no-repeat center 20px; overflow:hidden; height:500px;}
.privacy_process ul li {padding:0; text-align:center; word-break:keep-all; line-height:normal; background:none;  border-radius:7px;}
.privacy_process ul li span {display:block;}
.privacy_process .org01 {margin-bottom:37px;}
.privacy_process .org01 li {width:197px; margin:0 auto; padding:10px 10px; color:#fff; font-size:16px; font-weight:500; border:1px solid #0066b3; background:#0066b3;}
.privacy_process .org02, .privacy_process .org03 {box-sizing:border-box; width:450px; font-size:15px;}
.privacy_process .org02 {position:absolute; left:50%; margin-left:-450px;}
.privacy_process .org03 {position:absolute; right:50%; margin-right:-460px;}
.privacy_process .org00 .list01 {width:197px; margin:0 auto 22px auto; padding:10px 0; color:#fff; font-weight:500; border:1px solid #555; background:#555;}
.privacy_process .org00 .list02 {padding:8px;}
.privacy_process .org00 .list02 {width:230px; margin:0 auto 25px auto; line-height:20px; border:1px solid #0066b3; background:#f1f9ff;}
.privacy_process .org00 .list03 {width:230px; margin:0 auto 32px auto; line-height:20px; border:1px solid #0066b3; background:#f1f9ff;}
.privacy_process .org00 .list04 ul {overflow:hidden;}
.privacy_process .org00 .list04 ul li {box-sizing:border-box; float:left; width:175px; min-height:78px; margin-bottom:26px; padding:8px; line-height:20px; border:1px solid #0066b3; background:#f1f9ff;}
.privacy_process .org02 .list03 {padding:18px 8px;}
.privacy_process .org02 .list05 {box-sizing:border-box; width:175px; padding:10px; color:#fff; font-size:16px; font-weight:500; border:1px solid #0066b3; background:#0066b3;}
.privacy_process .org03 .list03 {padding:8px;}
.privacy_process .org00 .list04 .text01 {float:left;}
.privacy_process .org00 .list04 .text02 {float:right;}

@media all and (max-width:980px) {
	.privacy_process {background: none; height:auto;}
	.privacy_process .org00 {background:url('/Main/Images/new/ko/contents/privacy_m.gif') no-repeat center -62px;}
	.privacy_process .org02, .privacy_process .org03 {position:static; margin:0 auto;}
	.privacy_process .org00 .list04 ul {width:470px; margin:0 auto;}
	.privacy_process .org02 .list05 {margin:0 auto 30px;}
	.privacy_process .org00 .list04 ul li {width:220px; min-height:auto;}
}
@media all and (max-width:600px) {
	.privacy_process .org02, .privacy_process .org03 {width:100%;}
	.privacy_process .org00 .list04 ul {width:100%;}
	.privacy_process .org00 .list04 ul li {width:40%;}
}

/* 개인정보보호 라벨링 */
.priv_list ul li > a,
.priv_label dl dt > span {display:inline-block; position:relative;}
.priv_list ul li > a:before,
.priv_label dl dt > span:before {content:''; position:absolute; left:50%; top:0; width:100px; height:100px; background:url('/Main/Images/new/ko/contents/priv_sp.jpg') no-repeat; background-size:600% 600%; transform:translateX(-50%)}
.priv_sp .icon01:before {background-position:0 0;}
.priv_sp .icon02:before {background-position:20% 0;}
.priv_sp .icon03:before {background-position:40% 0;}
.priv_sp .icon04:before {background-position:60% 0;}
.priv_sp .icon05:before {background-position:80% 0;}
.priv_sp .icon06:before {background-position:100% 0;}
.priv_sp .icon07:before {background-position:0 20%;}
.priv_sp .icon08:before {background-position:20% 20%;}
.priv_sp .icon09:before {background-position:40% 20%;}
.priv_sp .icon10:before {background-position:60% 20%;}
.priv_sp .icon11:before {background-position:80% 20%;}
.priv_sp .icon12:before {background-position:100% 20%;}
.priv_sp .icon13:before {background-position:0 40%;}
.priv_sp .icon14:before {background-position:20% 40%;}
.priv_sp .icon15:before {background-position:40% 40%;}
.priv_sp .icon16:before {background-position:60% 40%;}
.priv_sp .icon17:before {background-position:80% 40%;}
.priv_sp .icon18:before {background-position:100% 40%;}
.priv_sp .icon19:before {background-position:0 60%;}
.priv_sp .icon20:before {background-position:20% 60%;}
.priv_sp .icon21:before {background-position:40% 60%;}
.priv_sp .icon22:before {background-position:60% 60%;}
.priv_sp .icon23:before {background-position:80% 60%;}
.priv_sp .icon24:before {background-position:100% 60%;}
.priv_sp .icon25:before {background-position:0 80%;}
.priv_sp .icon26:before {background-position:20% 80%;}
.priv_sp .icon27:before {background-position:40% 80%;}
.priv_sp .icon28:before {background-position:60% 80%;}
.priv_sp .icon29:before {background-position:80% 80%;}
.priv_sp .icon30:before {background-position:100% 80%;}
.priv_sp .icon31:before {background-position:0 100%;}
.priv_sp .icon32:before {background-position:20% 100%;}
.priv_sp .icon33:before {background-position:40% 100%;}
.priv_sp .icon34:before {background-position:60% 100%;}
.priv_label {display:flex; flex-flow:row wrap; align-items:center; border-top:2px solid #323232; }
.priv_label dl {display:flex; flex-flow:row wrap; width:50%; text-align:center; border-bottom:1px solid #ddd;}
.priv_label dl:nth-child(odd) {border-right:1px solid #ddd;}
.priv_label dl dt {width:150px; border-right:1px solid #ddd;}
.priv_label dl dt span {display:block; padding-top:100px; }
.priv_label dl dt > span:before {width:80px; height:80px; top:10px;}
.priv_label dl dt span b {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; min-height:74px; padding:10px; border-top:1px solid #ddd;}
.priv_label dl dt span i {font-style:normal;}
.priv_label dl dd {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; width:calc(100% - 150px); padding:20px;}
@media all and (max-width:1140px){
   .priv_label dl {width:100%;}
   .priv_label dl:nth-child(odd) {border-right:0;}
}
.priv_list {display:flex; flex-flow:row wrap; border-top:2px solid #323232; border-bottom:1px solid #ddd;}
.priv_list ul {width:50%; border-right:1px solid #ddd;}
.priv_list.priv_list_new ul {width:100%;}
.priv_list.priv_list_new li {float:left; width:50%;}
.priv_list ul:last-child {border-right:0;}
.priv_list ul li {border-bottom:1px solid #ddd;}
.priv_list ul:first-child li:last-child {border-bottom:0;}
.priv_list ul li a {padding:20px 10px 20px 80px;}
.priv_list ul li a:before {width:50px; height:50px; left:20px; top:50%; transform:translateY(-50%);}
@media all and (max-width:1140px){
   .priv_list {border-bottom:0;}
   .priv_list ul {width:100%; border-right:0; border-bottom:1px solid #ddd;}
   .priv_list.priv_list_new li {float:none; width:100%;}
   .priv_list ul:last-child {border-bottom:0;}
}
.priv_ir {margin-top:10px;}
.priv_ir span {display:inline-block; width:50px; height:50px; text-indent:-9999px; background:url('/Main/Images/new/ko/contents/priv_sp.jpg') no-repeat; background-size:600% 600%;}
.priv_ir:before {display:none;}
.priv_ir .icon01 {background-position:0 0;}
.priv_ir .icon02 {background-position:20% 0;}
.priv_ir .icon03 {background-position:40% 0;}
.priv_ir .icon04 {background-position:60% 0;}
.priv_ir .icon05 {background-position:80% 0;}
.priv_ir .icon06 {background-position:100% 0;}
.priv_ir .icon07 {background-position:0 20%;}
.priv_ir .icon08 {background-position:20% 20%;}
.priv_ir .icon09 {background-position:40% 20%;}
.priv_ir .icon10 {background-position:60% 20%;}
.priv_ir .icon11 {background-position:80% 20%;}
.priv_ir .icon12 {background-position:100% 20%;}
.priv_ir .icon13 {background-position:0 40%;}
.priv_ir .icon14 {background-position:20% 40%;}
.priv_ir .icon15 {background-position:40% 40%;}
.priv_ir .icon16 {background-position:60% 40%;}
.priv_ir .icon17 {background-position:80% 40%;}
.priv_ir .icon18 {background-position:100% 40%;}
.priv_ir .icon19 {background-position:0 60%;}
.priv_ir .icon20 {background-position:20% 60%;}
.priv_ir .icon21 {background-position:40% 60%;}
.priv_ir .icon22 {background-position:60% 60%;}
.priv_ir .icon23 {background-position:80% 60%;}
.priv_ir .icon24 {background-position:100% 60%;}
.priv_ir .icon25 {background-position:0 80%;}
.priv_ir .icon26 {background-position:20% 80%;}
.priv_ir .icon27 {background-position:40% 80%;}
.priv_ir .icon28 {background-position:60% 80%;}
.priv_ir .icon29 {background-position:80% 80%;}
.priv_ir .icon30 {background-position:100% 80%;}
.priv_ir .icon31 {background-position:0 100%;}
.priv_ir .icon32 {background-position:20% 100%;}
.priv_ir .icon33 {background-position:40% 100%;}
.priv_ir .icon34 {background-position:60% 100%;}

.privacy_step {overflow-x:auto; margin: 20px 0 40px 0; border: 1px solid #ddd; border-radius:15px; padding: 30px;  box-shadow: 2px 2px 0 rgba(133,133,133,0.1); background:#fff;text-align:center;}
.privacy_step .step_top {position:relative; z-index:99; margin:0 auto; width:30%;background:#3a7ab8; color:#fff; padding:10px; border-radius:5px; font-weight:500; font-size:17px;}
.privacy_step .step1 {}
.privacy_step .step1 > li > p { width:25%; margin:0 auto; padding:10px; background:#1e60c8; color:#fff; font-weight:600; border-radius:5px; }
.privacy_step .step2 {position:relative; padding:0; background:none; border-radius:0; overflow:hidden; margin-top:-20px;}
.privacy_step .step2:before{content:''; position:absolute; left:50%; top:0px; width:52%; height:2px; background:#2c7ece; transform:translate(-50%, 0); }
.privacy_step .step2 > li {float:left; width:48%; }
.privacy_step .step2 > li:first-of-type {margin-right:4%; }
.privacy_step .step3 > li {padding-top:35px; }
.privacy_step .step3 > li:first-of-type > p,
.privacy_step .step5 > li > p {background:#2e9ca7; color:#fff; width:50%; margin:0 auto; border-radius:5px; padding:10px; border:1px solid #2e9ca7;}
.privacy_step .step3 > li > p,
.privacy_step .step4 > li > p { background:#efefef; border:1px solid #ccc; width:100%; margin:0 auto; border-radius:5px; padding:10px; font-weight:500; font-size:17px; }
.privacy_step .step4 > li {float:left; width:49%; padding-top:35px; }
.privacy_step .step4 > li+li {margin-left:2%; }
.privacy_step .step5 > li { padding-top:30px; }
.privacy_step .step5 > li > p {width:100%; }
/*화살표*/
.privacy_step li {position:relative;}
.privacy_step li::before {content:'';position:absolute;left:50%;top: 15px;width: 0;height: 0; transform: rotate(180deg) translate(50%, 0);border-bottom: 17px solid #2c7ece;border-left: 5px solid transparent;border-right: 5px solid transparent;}
.privacy_step li::after {content:''; position:absolute; left:50%; top:5px; width:2px; height:10px; background:#2c7ece; transform:translate(-50%, 0); }
.privacy_step .step1 > li::before,
.privacy_step .step1 > li::after ,
.privacy_step .step2 > li::before,
.privacy_step .step2 > li::after {display:none;}
.privacy_step  .step2 li:first-child .step3 > li:first-child {padding-top:40px;}
.privacy_step  .step2 li:first-child .step3 > li:first-child:before {left:50%; top:20px; }
.privacy_step  .step2 li:first-child .step3 > li:first-child:after {top: 0; width: 2px; height: 20px;}
.privacy_step  .step2 li:nth-child(2) .step3 > li:first-child {padding-top: 40px;}
.privacy_step  .step2 li:nth-child(2) .step3 > li:first-child:before {left:50%;top: 20px;}
.privacy_step  .step2 li:nth-child(2) .step3 > li:first-child:after {top: 0;width: 2px;height: 20px;}
.privacy_step  .step2 li:nth-child(2) .step3 > li:nth-child(2) {width:30%;}
.privacy_step .step2 li:nth-child(2) .step4 > li:first-child {width:35%;}
.privacy_step .step2 li:nth-child(2) .step4 > li:nth-child(2) {width:63%;}
.privacy_step .step5 > li {padding-top:35px;}
.privacy_step .step5 > li > p {background:#3a7ab8;}
@media all and (max-width:700px) {
	.privacy_step .step1 {min-width:700px;}
}


.policy_wrap .top_box.minwon {position:relative;}
#policy_side {position:fixed; left:50px; width:190px; background:#fff; z-index:91; overflow-y:auto; top:300px; transition:top 0.3s ease;}
#policy_side.fixed {top:0;}
#policy_side p {background:#2f436b; color:#fff; height:40px; line-height:40px; padding:0 15px; font-size:15px; font-weight:600;}
#policy_side dd a {display:block; margin:3px 0; padding:6px; border:1px solid #ddd; font-size:14px; letter-spacing:-1px;}
#policy_side dd a span {font-weight:500; margin-right:3px;}
#policy_side dd a.on {background:#004098; color:#fff; font-weight:600;}
#policy_side .btn_close {position:absolute; right:20px; top:0;}
#policy_side .close {position:relative; cursor:pointer; font-size:0; width:26px; height:26px;}
#policy_side .close::before,
#policy_side .close::after {content:''; position:absolute; top:50%; left:50%; width:20px; height:2px; background:#fff; transform-origin:center;}
#policy_side .close::before {transform:translate(-50%, -50%) rotate(45deg);}
#policy_side .close::after {transform:translate(-50%, -50%) rotate(-45deg);}
@media all and (max-width:1720px){
  #policy_side {left:15px;}
}
@media all and (max-width:1200px){
  #policy_side {display:none;}
}


/*배너모음*/
.banner {overflow:hidden;}
.banner li {box-sizing:border-box; float:left; width:15%; margin:0 0 10px 2%; padding:10px; text-align:center; border:1px solid #ccc;}
.banner li:nth-child(6n+1) {margin-left:0;}
.banner li img {width:100%;}
@media all and (max-width:1365px) {
	.banner li {width:23.5%;}
	.banner li:nth-child(6n+1) {margin-left:2%;}
	.banner li:nth-child(4n+1) {margin-left:0;}
}
@media all and (max-width:650px){
	.banner li {width:32%;}
	.banner li:nth-child(4n+1) {margin-left:2%;}
	.banner li:nth-child(3n+1) {margin-left:0;}
}
@media all and (max-width:480px){
	.banner li {width:49%;}
	.banner li:nth-child(3n+1) {margin-left:2%;}
	.banner li:nth-child(2n+1) {margin-left:0;}
}


.popup_total {padding:3px;}
.popup_total li {float:left; width:15%; margin:10px 0 15px 2%; border:1px solid #ddd; border-radius:15px; box-sizing:border-box;}
.popup_total li a {display:block;}
.popup_total li:nth-child(6n+1) {margin-left:0;}
.popup_total li img {width:100%; border-radius:15px;}
@media all and (max-width:1400px) {
	.popup_total li {width:18.4%;}
	.popup_total li:nth-child(6n+1) {margin-left:2%;}
	.popup_total li:nth-child(5n+1) {margin-left:0;}
}
@media all and (max-width:1200px) {
	.popup_total li {width:23.5%;}
	.popup_total li:nth-child(5n+1) {margin-left:2%;}
	.popup_total li:nth-child(4n+1) {margin-left:0;}
}
@media all and (max-width:1023px) {
	.popup_total li {width:32%;}
	.popup_total li:nth-child(4n+1) {margin-left:2%;}
	.popup_total li:nth-child(3n+1) {margin-left:0;}
}
@media all and (max-width:560px) {
	.popup_total li {width:48.5%; margin-left:3%;}
	.popup_total li:nth-child(3n+1) {margin-left:3%;}
	.popup_total li:nth-child(2n+1) {margin-left:0;}
}


.vis_total {padding:3px;}
.vis_total li {float:left; width:32%; margin:10px 0 15px 2%; border-radius:10px; box-sizing:border-box;}
.vis_total li a {display:block;}
.vis_total li:nth-child(3n+1) {margin-left:0;}
.vis_total li img {width:100%; border-radius:15px;}
@media all and (max-width:768px) {
	.vis_total li {width:48.5%; margin-left:3%;}
	.vis_total li:nth-child(3n+1) {margin-left:3%;}
	.vis_total li:nth-child(2n+1) {margin-left:0;}
}
@media all and (max-width:560px) {
	.vis_total li {width:100%; margin:0 0 10px 0;}
	.vis_total li:nth-child(3n+1) {margin-left:0;}
}


.easy_privacy {padding:40px; text-align:center; background:#f8f9fc; border-radius:30px;}
.easy_privacy p {margin-top:30px; padding:50px; background:#fff; border:1px solid #ddd;}
.easy_privacy p:first-child {margin-top:0;}
@media all and (max-width:1023px) {
	.easy_privacy p {margin-top:20px; padding:30px;}
}
@media all and (max-width:768px) {
	.easy_privacy {padding:20px; border-radius:15px;}
	.easy_privacy p {padding:15px;}
}