@charset "utf-8";

/* Sub Visual */
#sub-visual-container { position:relative; display:block; width:100%; height:450px; transition:all .5s; }

#sub-visual-container .sub-visual-title { position:absolute; left:0; top:50%; display:block; width:100%; font-family:'Noto Sans KR', sans-serif; color:#fff; text-align:center; transform: translateY(-20%); }
#sub-visual-container .sub-visual-title dt { margin:0 0 10px; font-size:3.75em; font-weight:500; }
#sub-visual-container .sub-visual-title dd { font-size:24px; font-weight:300; letter-spacing:-0.025em; opacity:0.7; }
#sub-visual-container .sub-visual-title dd.small_font span { display:block; }

.util-wrap {position: relative; max-width:1204px; margin:0 auto; padding-top:170px;}


/* indicator (LNB) */
.sub-indicator {width:100%;height:50px; margin:0 0 100px; background:#f8f8f8;padding:16px 0 0 35px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.sub-indicator.util {position: absolute; top:100px; left: 0;}
.sub-indicator > ul::after {content:'';display:block;clear:both;}
.sub-indicator > ul > li {float:left;position:relative;padding:0 15px;margin-right:6px;}
.sub-indicator > ul > li:first-child > a {display:inline-block;width:18px;min-width:initial;height:17px;background:url('/es/asset/images/common/icon-home.png') no-repeat;}
.sub-indicator > ul > li::after {position:absolute;content:'';width:6px;height:10px;right:-6px;top:5px;background:url('/es/asset/images/common/icon-indicator-arrow.png') center no-repeat; z-index:1;}
.sub-indicator > ul > li:last-child::after {display:none;}
.sub-indicator > ul > li > a {position:relative;display:inline-block; min-width:90px;font-size: 14px;font-weight: 400;color:#999;line-height:17px;z-index:9;}
.sub-indicator > ul > li:not(:first-child) > a {padding-right:15px;}
.sub-indicator > ul > li > a::after {position:absolute;content:'';top:6px;right:0;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #999;}
.sub-indicator.util > ul > li > a::after {display:none;}
.sub-indicator > ul > li:first-child > a::after {display:none;}
.sub-indicator > ul > li:hover > a,
.sub-indicator > ul > li.current > a {font-weight: 700;color:#a12642;}
.sub-indicator > ul > li.current > a::after {border-top:4px solid #a12642;}
.sub-indicator > ul > li:hover > a::after,
.sub-indicator > ul > li.current:hover > a::after{border-top:0;border-bottom:4px solid #a12642;}

.sub-indicator .indicator-2depth {display:none;position:absolute;top:-10px;left:4px;background:#fff;border:1px solid #ddd;border-radius:4px;padding:40px 20px 5px 10px;z-index:5;}
.sub-indicator .indicator-2depth > li {padding:8px 0;}
.sub-indicator .indicator-2depth > li > a {font-size: 14px;font-weight: 400;color:#999;}
.sub-indicator .indicator-2depth > li > a:hover {color:#a12642;}
.sub-indicator.mg_none{margin-bottom:0;}

.sub-indicator.absolute-indicator {position:absolute; top:100px; left:0; background:transparent; }
.sub-indicator.absolute-indicator > ul > li:first-child > a {background:url('/es/asset/images/common/icon-home-white.png') no-repeat;}
.sub-indicator.absolute-indicator > ul > li > a {color:#fff;}
.sub-indicator.absolute-indicator > ul > li > a::after {border-top:4px solid #fff;}
.sub-indicator.absolute-indicator > ul > li:hover > a,
.sub-indicator.absolute-indicator > ul > li.current > a {color:#a12642;}
.sub-indicator.absolute-indicator > ul > li.current > a::after {border-top:4px solid #a12642;}
.sub-indicator.absolute-indicator > ul > li:hover > a::after,
.sub-indicator.absolute-indicator > ul > li.current:hover > a::after{border-top:0;border-bottom:4px solid #a12642;}


/* Sub Content */
#sub-body-container { display:block; }

.sub-max-inner { max-width:1204px; margin:0 auto; }
.sub-max-inner:after { display:block; content:''; clear:both; }

/* 개인정보 보호정책 */
.util-wrap {padding-bottom:140px;}
.util-wrap h2 {font-size: 36px;font-weight: 500;color:#222222;text-align:center;margin-bottom:50px;}
.util-wrap p {font-size: 16px;font-weight: 350;color:#666; padding-bottom:10px;}
.util-wrap p span,
.util-wrap p span a {color:#a12642;}
.util-wrap .util-title {font-size: 20px;font-weight: 500;color:#222;margin:30px 0 10px;}
.util-wrap .util-bold-title {font-weight: 500;}
.util-wrap .util-sub-title {font-size: 18px;font-weight: 500;color:#222;margin:30px 0 10px;}
.util-wrap > ul {padding-bottom:10px;}
.util-wrap > ul > li { color:#666; box-sizing: border-box; line-height:1.8em; font-weight:350;}
.util-wrap > ul.disc > li { padding-left:18px; background:url('../images/common/ico_dot.png') left 13px no-repeat; color:#666; box-sizing: border-box; line-height:1.8em; }
.util-wrap input{float:left;}
.util-wrap label{display:block; color:#666; padding-bottom:10px; margin-left:25px;  font-weight:350;}
.font_red{color:#a12642;}
.util-wrap input[type=checkbox]:before { content:'d'; text-indent:-99999px; width:16px; height:16px;  display:inline-block; background:url('../images/common/check_box.png') 0 0 no-repeat; background-color:#fff; }
.util-wrap input[type=checkbox]:checked:before { background:url('../images/common/checked_box.png') 0 0 no-repeat; background-color:#fff; }
.util-wrap input[type=checkbox].on{ color:#a12642; border-bottom:1px solid #a12642; }
.util-wrap table {display:table; width:100%; border-top:2px solid #ccc; border-bottom:1px solid #ccc; border-spacing:0; text-align:left; margin-bottom:10px;}
.util-wrap th{ height:50px; background-color:#f5f5f5; color:#222; font-size:16px; letter-spacing: -0.03em; font-weight:600; text-align:center; border-bottom:1px solid #eee; border-right:1px solid #eee; }
.util-wrap td{ height:50px; color:#666; border-bottom:1px solid #eee; border-right:1px solid #eee; padding:5px 25px; box-sizing:border-box; text-align:center;  font-weight:350;}
.util-wrap .border{border-top: 1px solid #eee; padding-top:30px; box-sizing:border-box;}

.tableWrap table{display:table; width:100%; border-top:2px solid #ccc; border-collapse:collapse;}
.tableWrap table caption{position:absolute !important; top:auto; left:-10000px; width:1px; height:1px; overflow:hidden;}
.tableWrap table tr{border-bottom:1px solid #ddd;}
.tableWrap table tr th{height:70px; font-weight:500; background:#f8f8f8; border-right:1px solid #ddd;}
.tableWrap table tr th:last-of-type{border-right:0;}
.tableWrap table tr td{height:50px; padding:10px 20px; border-right:1px solid #ddd; text-align:center; box-sizing:border-box; line-height:1.3;}
.tableWrap table tr td:last-of-type{border-right:0;}
.tableWrap table tr td img{max-width:100%;}

.privacy-policy table, .privacy-policy table td {text-align:left;}
.privacy-policy table th {padding-left:25px;}
.table_inner {width: 100%; margin: 0 auto; position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.privacy-policy .license_table.privacy {width:2000px;}
.privacy-policy .license_table.privacy th, .privacy-policy .license_table.privacy td {padding:5px 10px;}
.privacy_btn {margin-top:20px;}
.privacy_btn a {color: #a12642;}

.align-center {text-align:center !important;}
.privacy-policy .align-center {text-align:center;}