size:20px;@charset "UTF-8";
/* common.scss */
/* _variables.scss */
/* */
/*  Noto Sans Korean  light : 300 regular : 400 bold : 700 */
@font-face { font-family: "Nanum Gothic"; font-style: normal; font-weight: 300; src: local("Noto Sans Light"), local("NotoSans-Light"), url(./fonts/NotoSansKR-Light-Hestia.eot), url(./fonts/NotoSansKR-Light-Hestia.eot?#iefix) format("embedded-opentype"), url(./fonts/NotoSansKR-Light-Hestia.woff) format("woff"), url(./fonts/NotoSansKR-Light-Hestia.otf) format("opentype"); }

@font-face { font-family: "Nanum Gothic"; font-style: normal; font-weight: 400; src: local("Noto Sans Regular"), local("NotoSans-Regular"), url(./fonts/NotoSansKR-Regular-Hestia.eot), url(./fonts/NotoSansKR-Regular-Hestia.eot?#iefix) format("embedded-opentype"), url(./fonts/NotoSansKR-Regular-Hestia.woff) format("woff"), url(./fonts/NotoSansKR-Regular-Hestia.otf) format("opentype"); }

@font-face { font-family: "Nanum Gothic"; font-style: normal; font-weight: 500; src: local("Noto Sans Medium"), local("NotoSans-Medium"), url(./fonts/NotoSansKR-Medium-Hestia.eot), url(./fonts/NotoSansKR-Medium-Hestia.eot?#iefix) format("embedded-opentype"), url(./fonts/NotoSansKR-Medium-Hestia.woff) format("woff"), url(./fonts/NotoSansKR-Medium-Hestia.otf) format("opentype"); }

@font-face { font-family: "Nanum Gothic"; font-style: normal; font-weight: 700; src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(./fonts/NotoSansKR-Bold-Hestia.eot), url(./fonts/NotoSansKR-Bold-Hestia.eot?#iefix) format("embedded-opentype"), url(./fonts/NotoSansKR-Bold-Hestia.woff) format("woff"), url(./fonts/NotoSansKR-Bold-Hestia.otf) format("opentype"); }

.ft_l { font-family: "Nanum Gothic"; font-weight: 300 !important; }

.ft_r { font-family: "Nanum Gothic"; font-weight: 400 !important; }

.ft_m { font-family: "Nanum Gothic"; font-weight: 500 !important; }

.ft_b { font-family: "Nanum Gothic"; font-weight: 700 !important; }

.icon_page_prev:after, .icon_page_prevprev:after, .input_del button:after, .trp.radio-box input[type="radio"] + i:after, .trp.radio-box input[type="radio"]:checked + i:after, .trp.checkbox-box input[type="checkbox"] + i:after, .trp.checkbox-box input[type="checkbox"]:checked + i:after, .trp.file-box.file_del .del-btn:after, .datepicker-box:after, .icon_tooltip:after, .ui-tooltip .arrow, .ui-tooltip .arrow.top { background-image: url("../images/common/sp_form.png"); }

.view_btnset-area li.prev .page span:after, .view_btnset-area li.next .page span:after, .icon_link::after, .icon_download::after, .icon_link_dot::after, .icon_go::after, .icon_servicego::after, .icon_main_noticemore::after, .toggle-list > li dl dt .toggle_link:after, .paging-area .paging a.prev:after, .paging-area .paging a.prev_end:after, .paging-area .paging a.next:after, .paging-area .paging a.next_end:after, .trp.popupfixed-wrap .btn_close:after, .scroll_top a:after, .protection .history-area .timeline .year_history .i_history-list i:after, .knowledge .guide-wrap .guide-list .link_text:after, .privacy .setting-wrap .setting-list .bottom .btn_service .link_text:after { background-image: url("../images/common/sp_icons.png"); }

.is_mb .view_btnset-area li.prev .page span:after, .is_mb .view_btnset-area li.next .page span:after, .is_mb .icon_go::after, .is_mb .icon_link_dot::after, #header .mb_menu_open-btn:after, #header .mb_menu_close-btn:after, .is_mb #header .menu-wrap .menu-list > li > a:after, .is_mb .knowledge .guide-wrap .guide-list .link_text:after { background-image: url("../images/common/sp_m_icons.png"); -webkit-background-size: 116px 85px; background-size: 116px 85px; }

@font-face { font-family: "iconfont"; src: url("./fonts/iconfont.eot"); src: url("./fonts/iconfont.eot?#iefix") format("eot"), url("./fonts/iconfont.woff2") format("woff2"), url("./fonts/iconfont.woff") format("woff"), url("./fonts/iconfont.ttf") format("truetype"), url("./fonts/iconfont.svg#iconfont") format("svg"); }

.spfont:before { font-family: "iconfont"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */ text-decoration: none; text-transform: none; }

.spfont-arrow_next:before { content: "\E001"; }

.spfont-arrow_prev:before { content: "\E002"; }

.spfont-envelope:before { content: "\E003"; }

/*  _mixin.scss xxx { @include box-sizing(50%)   } */
/* 1줄 말줄임 */
/* 멀티라인 말줄임 */
/* 텍스트 깨기 */
/* 텍스트 단어별 줄바꿈  */
html, body { -webkit-text-size-adjust: none; }

/*글자자동조절방지*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }

ul, li, ol { list-style: none; }

img, fieldset, video { border: 0; vertical-align: top; }

input, textarea, select { vertical-align: middle; resize: none; position: relative; -webkit-border-radius: 0; border-radius: 0; }

button { border: 0 none; background: transparent; cursor: pointer; }

caption, legend, .hide { position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px; }

table { border-collapse: collapse; border-spacing: 0; line-height: 1.5; }

table caption.tit { width: 100%; height: auto; margin: 20px 0; font-size: 20px; font-weight: bold; text-indent: 0; visibility: visible; }

a:link, a:visited { text-decoration: none; color: #333; }

a:active, a:hover, a:focus { text-decoration: none; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

/* HTML5 display-role reset for older browsers   */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

body, li, dt, dd, td, th, div, p, input, textarea, button, option, h1, h2, h3, h4, h5, h6, legend, figcaption { font-family: "Nanum Gothic", Malgun Gothic, dotum, "돋움", Arial, AppleGothic, Sans-serif; font-size: 16px; vertical-align: middle; color: #454545; line-height: 1.57; letter-spacing: 0.01em; font-weight: 400; box-sizing: border-box; }

a, span, i, em, cite { font-family: inherit; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; font-style: normal; }

/* 클리어 */
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: '.'; }

.bg-alt, .img-alt { position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; overflow: hidden; font-size: 0; line-height: 0; }

.blind { overflow: hidden; position: absolute; clip: rect(0 0 0 0); width: 0; height: 0; margin: -1px; padding: 0; font-size: 1px; line-height: 0; color: transparent; }

.pos-f { position: fixed !important; }

.pos-a { position: absolute !important; }

.bn { background: none !important; }

.cb { clear: both; overflow: hidden; }

.cl { clear: left; overflow: hidden; }

.cr { clear: right; overflow: hidden; }

/* 플로트 */
.fl { float: left; }

.fr { float: right; }

.fn { float: none !important; }

/* 포지션 */
.pr { position: relative; }

.pa { position: absolute; }

.pf { position: fixed; }

.ab-r { position: absolute; top: 0; right: 0; }

.ab-l { position: absolute; top: 0; left: 0; }

/* 텍스트 정렬 */
.tal { text-align: left !important; }

.tac { text-align: center !important; }

.tar { text-align: right !important; }

.layout_t { display: table; table-layout: fixed; width: 100%; height: 100%; }

.layout_t .layout_c { display: table-cell; vertical-align: middle; text-align: center; }

/* margin, padding (5px 단위로 100px까지)*/
.mg0 { margin: 0px !important; }

.mg5 { margin: 5px !important; }

.mg10 { margin: 10px !important; }

.mg15 { margin: 15px !important; }

.mg20 { margin: 20px !important; }

.mg25 { margin: 25px !important; }

.mg30 { margin: 30px !important; }

.mg35 { margin: 35px !important; }

.mg40 { margin: 40px !important; }

.mg45 { margin: 45px !important; }

.mg50 { margin: 50px !important; }

.mg55 { margin: 55px !important; }

.mg60 { margin: 60px !important; }

.mg65 { margin: 65px !important; }

.mg70 { margin: 70px !important; }

.mg75 { margin: 75px !important; }

.mg80 { margin: 80px !important; }

.mg85 { margin: 85px !important; }

.mg90 { margin: 90px !important; }

.mg95 { margin: 95px !important; }

.mg100 { margin: 100px !important; }

.mt0 { margin-top: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mt95 { margin-top: 95px !important; }

.mt100 { margin-top: 100px !important; }

.mb0 { margin-bottom: 0px !important; }

.mb5 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb55 { margin-bottom: 55px !important; }

.mb60 { margin-bottom: 60px !important; }

.mb65 { margin-bottom: 65px !important; }

.mb70 { margin-bottom: 70px !important; }

.mb75 { margin-bottom: 75px !important; }

.mb80 { margin-bottom: 80px !important; }

.mb85 { margin-bottom: 85px !important; }

.mb90 { margin-bottom: 90px !important; }

.mb95 { margin-bottom: 95px !important; }

.mb100 { margin-bottom: 100px !important; }

.ml0 { margin-left: 0px !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.ml55 { margin-left: 55px !important; }

.ml60 { margin-left: 60px !important; }

.ml65 { margin-left: 65px !important; }

.ml70 { margin-left: 70px !important; }

.ml75 { margin-left: 75px !important; }

.ml80 { margin-left: 80px !important; }

.ml85 { margin-left: 85px !important; }

.ml90 { margin-left: 90px !important; }

.ml95 { margin-left: 95px !important; }

.ml100 { margin-left: 100px !important; }

.mr0 { margin-right: 0px !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.mr55 { margin-right: 55px !important; }

.mr60 { margin-right: 60px !important; }

.mr65 { margin-right: 65px !important; }

.mr70 { margin-right: 70px !important; }

.mr75 { margin-right: 75px !important; }

.mr80 { margin-right: 80px !important; }

.mr85 { margin-right: 85px !important; }

.mr90 { margin-right: 90px !important; }

.mr95 { margin-right: 95px !important; }

.mr100 { margin-right: 100px !important; }

.pd0 { padding: 0px !important; }

.pd5 { padding: 5px !important; }

.pd10 { padding: 10px !important; }

.pd15 { padding: 15px !important; }

.pd20 { padding: 20px !important; }

.pd25 { padding: 25px !important; }

.pd30 { padding: 30px !important; }

.pd35 { padding: 35px !important; }

.pd40 { padding: 40px !important; }

.pd45 { padding: 45px !important; }

.pd50 { padding: 50px !important; }

.pd55 { padding: 55px !important; }

.pd60 { padding: 60px !important; }

.pd65 { padding: 65px !important; }

.pd70 { padding: 70px !important; }

.pd75 { padding: 75px !important; }

.pd80 { padding: 80px !important; }

.pd85 { padding: 85px !important; }

.pd90 { padding: 90px !important; }

.pd95 { padding: 95px !important; }

.pd100 { padding: 100px !important; }

.pt0 { padding-top: 0px !important; }

.pt5 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

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

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pt55 { padding-top: 55px !important; }

.pt60 { padding-top: 60px !important; }

.pt65 { padding-top: 65px !important; }

.pt70 { padding-top: 70px !important; }

.pt75 { padding-top: 75px !important; }

.pt80 { padding-top: 80px !important; }

.pt85 { padding-top: 85px !important; }

.pt90 { padding-top: 90px !important; }

.pt95 { padding-top: 95px !important; }

.pt100 { padding-top: 100px !important; }

.pb0 { padding-bottom: 0px !important; }

.pb5 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb55 { padding-bottom: 55px !important; }

.pb60 { padding-bottom: 60px !important; }

.pb65 { padding-bottom: 65px !important; }

.pb70 { padding-bottom: 70px !important; }

.pb75 { padding-bottom: 75px !important; }

.pb80 { padding-bottom: 80px !important; }

.pb85 { padding-bottom: 85px !important; }

.pb90 { padding-bottom: 90px !important; }

.pb95 { padding-bottom: 95px !important; }

.pb100 { padding-bottom: 100px !important; }

.pl0 { padding-left: 0px !important; }

.pl5 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.pl55 { padding-left: 55px !important; }

.pl60 { padding-left: 60px !important; }

.pl65 { padding-left: 65px !important; }

.pl70 { padding-left: 70px !important; }

.pl75 { padding-left: 75px !important; }

.pl80 { padding-left: 80px !important; }

.pl85 { padding-left: 85px !important; }

.pl90 { padding-left: 90px !important; }

.pl95 { padding-left: 95px !important; }

.pl100 { padding-left: 100px !important; }

.pr0 { padding-right: 0px !important; }

.pr5 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.pr55 { padding-right: 55px !important; }

.pr60 { padding-right: 60px !important; }

.pr65 { padding-right: 65px !important; }

.pr70 { padding-right: 70px !important; }

.pr75 { padding-right: 75px !important; }

.pr80 { padding-right: 80px !important; }

.pr85 { padding-right: 85px !important; }

.pr90 { padding-right: 90px !important; }

.pr95 { padding-right: 95px !important; }

.pr100 { padding-right: 100px !important; }

/* width */
.w100 { width: 100px !important; }

.w200 { width: 200px !important; }

.w300 { width: 300px !important; }

.w400 { width: 400px !important; }

.w500 { width: 500px !important; }

.w600 { width: 600px !important; }

.w700 { width: 700px !important; }

.w800 { width: 800px !important; }

.w900 { width: 900px !important; }

.w10p { width: 10% !important; }

.w20p { width: 20% !important; }

.w25p { width: 25% !important; }

.w30p { width: 30% !important; }

.w40p { width: 40% !important; }

.w45p { width: 45% !important; }

.w50p { width: 50% !important; }

.w55p { width: 55% !important; }

.w60p { width: 60% !important; }

.w70p { width: 70% !important; }

.w75p { width: 75% !important; }

.w80p { width: 80% !important; }

.w90p { width: 90% !important; }

.w95p { width: 95% !important; }

.w100p { width: 100% !important; }

/* height */
.h100 { height: 100px !important; }

.h200 { height: 200px !important; }

.h300 { height: 300px !important; }

.h400 { height: 400px !important; }

.h500 { height: 500px !important; }

.h600 { height: 600px !important; }

.h700 { height: 700px !important; }

.h800 { height: 800px !important; }

.h900 { height: 900px !important; }

.h10p { height: 10% !important; }

.h20p { height: 20% !important; }

.h30p { height: 30% !important; }

.h40p { height: 40% !important; }

.h50p { height: 50% !important; }

.h60p { height: 60% !important; }

.h70p { height: 70% !important; }

.h80p { height: 80% !important; }

.h90p { height: 90% !important; }

.h100p { height: 100% !important; }

/* ========================== layout */
.col1:after, .col2:after, .col3:after, .col4:after, .col5:after, .col6:after, .col7:after, .col8:after { content: ''; display: block; clear: both; }

.col1 > a, .col1 > li, .col1 > .colitem { float: left; box-sizing: border-box; width: 100%; }

.col2 > a, .col2 > li, .col2 > .colitem { float: left; box-sizing: border-box; width: 50%; }

.col3 > a, .col3 > li, .col3 > .colitem { float: left; box-sizing: border-box; width: 33.3333%; }

.col4 > a, .col4 > li, .col4 > .colitem { float: left; box-sizing: border-box; width: 25%; }

.col5 > a, .col5 > li, .col5 > .colitem { float: left; box-sizing: border-box; width: 20%; }

.col6 > a, .col6 > li, .col6 > .colitem { float: left; box-sizing: border-box; width: 16.6666%; }

.col7 > a, .col7 > li, .col7 > .colitem { float: left; box-sizing: border-box; width: 14.2857%; }

.col8 > a, .col8 > li, .col8 > .colitem { float: left; box-sizing: border-box; width: 10%; }

/* 버튼, 배경 opacity 모션 속성 심기 */
.btn-m, .bg-m { overflow: hidden; text-decoration: none; -webkit-transition-property: background, opacity; transition-property: background, opacity; -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-timing-function: linear, ease-in-out; transition-timing-function: linear, ease-in-out; }

/*  */
.btn2-m { background-position: 0 top; background-repeat: no-repeat; }

.btn2-m .bg2-m { background-position: 0 bottom; background-repeat: no-repeat; opacity: 0; filter: alpha(opacity=0); }

.btn2-m:hover .bg2-m, .btn2-m:focus .bg2-m, .btn2-m:active .bg2-m { opacity: 1; filter: alpha(opacity=100); }

.btn2-m, .bg2-m { overflow: hidden; text-decoration: none; -webkit-transition-property: background, opacity; transition-property: background, opacity; -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-timing-function: linear, ease-in-out; transition-timing-function: linear, ease-in-out; }

/* 아이콘 폰트 */
.spfont { display: inline-block; }

.spfont:before { display: block; font-size: 30px; normalize: true; }

.spfont.spfont-envelope:before { font-size: 20px; color: red; }

/* ====== PAGING ====== */
.icon_page_prev { display: inline-block; width: 20px; height: 20px; }

.icon_page_prev:after { content: ""; display: block; width: 20px; height: 20px; background-position: -40px -56px; }

.icon_page_prevprev { display: inline-block; width: 20px; height: 20px; }

.icon_page_prevprev:after { content: ""; display: block; width: 20px; height: 20px; background-position: -140px -40px; }

.icon_page_prev { display: inline-block; width: 20px; height: 20px; }

.icon_page_prev:after { content: ""; display: block; width: 20px; height: 20px; background-position: -100px -40px; }

.icon_page_prev { display: inline-block; width: 20px; height: 20px; }

.icon_page_prev:after { content: ""; display: block; width: 20px; height: 20px; background-position: -40px -96px; }

/* style_common.scss */
html, body, .wrapper { height: 100%; width: 100%; }

body { overflow-y: scroll; }

@media screen and (max-width: 1024px) { body, li, dt, dd, td, th, div, p, input, textarea, button, option, h1, h2, h3, h4, h5, h6, legend, figcaption { font-size: 14px; } }

/* default  */
.only-p { display: block; }

.only-pp { display: inline-block; }

.only-m { display: none  !important; }

.only-mm { display: none; }

.only-pt { display: table-row; }

.only-mt { display: none; }

.only-ptc { display: table-cell; }

@media screen and (max-width: 1024px) { /* 모바일 사이즈 */
  .only-p, .only-pp { display: none !important; }
  .only-m { display: block !important; }
  .only-mm { display: inline-block; }
  .only-pt { display: none; }
  .only-mt { display: table-row; }
  .only-ptc { display: none; } }

/* ============== layout ============== */
#container { padding-top: 0px; }

#container #contents { min-width: 1080px; background-color: #ffffff; }

#container #contents .body-inner { width: 1080px; margin: 0 auto; padding-bottom: 10px; }

@media screen and (max-width: 1024px) { #container { padding-top: 10px; }
  #container #contents { min-width: auto; background-color: #ffffff; }
  #container #contents .body-inner { width: 100%; padding: 0 10px 20px; } }

.page_loading { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; z-index: 9999; overflow-x: hidden; overflow-y: hidden; background: #000000; opacity: 0.5; filter: alpha(opacity=50); }

.page_loading .center_teable { display: table; table-layout: fixed; width: 100%; height: 100%; }

.page_loading .center_center { display: table-cell; width: 100%; padding: 20px 0; text-align: center; vertical-align: middle; }

.page_loading .center_center img { display: inline-block; }

/* ========================== text */
.h1 { font-size: 30px; font-weight: bold; color: #222222; }

.h2 { font-size: 27px; font-weight: bold; color: #FFFF00; }

.h3 { font-size: 24px; font-weight: 500; color: #222222; }

.h4 { font-size: 20px; font-weight: 500; color: #222222; }

.h5 { font-size: 17px; font-weight: 500; color: #222222; }

.h6 { font-size: 15px; font-weight: normal; color: #222222; }

.h1 em, .h2 em, .h3 em, .h4 em, .h5 em { color: #e0002a; }

.authorship { font-size: 16px; color: #777777; line-height: 1.06; letter-spacing: -0.2px; }

.authorship a { color: #777777; }

.text-muted { display: block; font-size: 14px; color: #777777; font-weight: normal; line-height: 1.25; letter-spacing: -0.5px; }

.text-notice { display: block; font-size: 14px; font-weight: normal; line-height: 1.25; letter-spacing: -0.5px; font-style: normal; }

.colorB { color: #222222; }

.colorL { color: #999999; }

.colorE { color: #f24848; }

.main_title { position: relative; }

.main_title .h1 { text-align: left; }

.sub_title { position: relative; padding: 40px 30px 40px; border-bottom: 2px solid #4a4a4a; }

.sub_title .h2 { font-size: 18px; color: #ffffff; font-weight: bold; font-weight: 500; letter-spacing: -0.4px; text-align: center; word-wrap: break-word; word-break: keep-all; }

.sub_title .desc { margin-top: 30px; font-size: 12px; color: #222222; letter-spacing: -0.2px; text-align: center; word-wrap: break-word; word-break: keep-all; }

.con_title { position: relative; font-size: 28px; color: #222222; font-weight: 500; word-wrap: break-word; word-break: keep-all; }

.con_title .desc { color: #454545; word-wrap: break-word; word-break: keep-all; }

.con_title em { color: #e0002a; }

.side_area { position: absolute; bottom: 0px; right: 0; }

@media screen and (max-width: 1024px) { .authorship { font-size: 14px; }
  .sub_title { padding: 25px 15px 25px; border-bottom: 1px solid #4a4a4a; }
  .sub_title .h2 { font-size: 18px; color: #222222; font-weight: 500; letter-spacing: -0.01em; text-align: center; }
  .sub_title .desc { margin-top: 15px; font-size: 12px; color: #222222; letter-spacing: -0.01em; text-align: center; }
  .con_title { font-size: 18px; }
  .con_title .desc { color: #454545; }
  .con_title em { color: #e0002a; } }

/* ========================== typo list */
.mark_char_item { position: relative; padding-left: 0.8em; text-indent: -0.8em; }

.mark_char-list li { position: relative; padding-left: 0.8em; text-indent: -0.8em; }

.mark_char-list.mark_1 li { text-indent: -0em; }

.mark_char-list.mark_1 li:after { content: "-"; display: block; position: absolute; top: 0px; left: 0; }

.mark_item { position: relative; padding-left: 0.1em; text-indent: -0.1em; }

.mark-list li { position: relative; padding-left: 1em; text-indent: -1em; }

.mark_dot_item { position: relative; padding-left: 0.8em; }

.mark_dot_item:after { content: ""; display: block; width: 2px; height: 2px; position: absolute; top: 12px; left: 0; background-color: #555555; }

.mark_dot-list li, .mark_dot-list dd { position: relative; padding-left: 0.8em; }

.mark_dot-list li:after, .mark_dot-list dd:after { content: ""; display: block; width: 2px; height: 2px; position: absolute; top: 12px; left: 0; background-color: #555555; }

.mark_num-list li { position: relative; margin-top: 25px; padding-left: 37px; text-indent: -37px; }

.mark_num-list li .tit { padding-left: 0px; text-indent: 0px; font-size: 20px; color: #222222; font-weight: 500; letter-spacing: -0.2px; }

.mark_num-list li .tit .num { display: block; position: absolute; top: 2px; left: 0; width: 28px; height: 28px; font-size: 16px; font-weight: 500; color: #222222; text-align: center; background-color: #dfdfdf; border-radius: 50%; }

.mark_num-list li .desc { margin-top: 5px; padding-left: 0px; text-indent: 0px; font-size: 16px; font-weight: 300; line-height: 1.75; letter-spacing: -0.2px; }

.mark_num-list li:first-child { margin-top: 0; }

@media screen and (max-width: 1024px) { .mark_num-list li { position: relative; margin-top: 10px; padding-left: 27px; text-indent: -27px; }
  .mark_num-list li .tit { padding-left: 0px; text-indent: 0px; font-size: 15px; }
  .mark_num-list li .tit .num { top: 0px; left: 0; width: 21px; height: 21px; line-height: 21px; font-size: 12px; }
  .mark_num-list li .desc { margin-top: 5px; padding-left: 0px; text-indent: 0px; font-size: 14px; font-weight: 300; line-height: 1.7; letter-spacing: -0.2px; }
  .mark_num-list li:first-child { margin-top: 0; } }

/* ========================== contentBox */
.text-body { margin-top: 0px; }

.text-area { padding-top: 70px; }

.text-area .h3 { font-size: 26px; color: #222222; word-wrap: break-word; word-break: keep-all; }

.text-area .desc { margin-top: 20px; line-height: 1.7; word-wrap: break-word; word-break: keep-all; }

.text-area .desc p { margin-bottom: 20px; line-height: 1.7; }

.text-area .con-box .mark-title { position: relative; margin-top: 30px; font-size: 20px; color: #222222; font-weight: 500; padding-left: 17px; }

.text-area .con-box .mark-title:after { content: ""; display: inline-block; width: 5px; height: 5px; position: absolute; top: 13px; left: 0; background-color: #555; }

.text-area .con-box .mark-title .authorship-box { position: absolute; top: 10px; right: 0; }

.text-area .ex-area .mark-body { margin-top: 20px; padding-left: 17px; }

.text-area .ex-area .mark-body .mark-list li { margin-top: 13px; line-height: 1.8; }

.text-area .ex-area .mark-body .mark-list li:first-child { margin-top: 0; }

.text-area .ex-area .mark-body .mark_item { margin-top: 30px; }

.text-area .table-wrap { margin-top: 25px; }

.text-area .table-wrap .authorship-box { margin-top: 15px; }

.text-area .table-wrap.mt_ex { margin-top: 15px; }

@media screen and (max-width: 1024px) { .text-body { margin-top: 15px; }
  .text-area { padding-top: 25px; }
  .text-area .h3 { font-size: 18px; }
  .text-area .desc { margin-top: 10px; }
  .text-area .desc p { margin-bottom: 10px; }
  .text-area .con-box .mark-title { position: relative; margin-top: 15px; font-size: 16px; padding-left: 10px; }
  .text-area .con-box .mark-title:after { width: 3px; height: 3px; top: 10px; left: 0; }
  .text-area .ex-area .mark-body { margin-top: 10px; padding-left: 10px; }
  .text-area .ex-area .mark-body .mark-list li { margin-top: 10px; line-height: 1.8; }
  .text-area .ex-area .mark-body .mark-list li:first-child { margin-top: 0; }
  .text-area .ex-area .mark-body .mark_item { margin-top: 15px; }
  .text-area .table-wrap { margin-top: 15px; }
  .text-area .table-wrap .authorship-box { margin-top: 10px; }
  .text-area .table-wrap.mt_ex { margin-top: 15px; } }

/* ========================== table_style default */
.table-wrap { position: relative; border-top: 1px solid #4a4a4a; }

table { width: 100%; }

table th, table td { color: #454545; }

table th.vet, table td.vet { vertical-align: top; }

table th.vat, table td.vat { vertical-align: top; }

table th.tal, table td.tal { text-align: left; }

table th.tar, table td.tar { text-align: right; }

table th.tac, table td.tac { text-align: center; }

table th.bdl, table td.bdl { border-left: 1px solid #d0d0d0 !important; }

table th.bdr, table td.bdr { border-right: 1px solid #d0d0d0 !important; }

table th.bdt_b, table td.bdt_b { border-top: 1px solid #4a4a4a !important; }

table.top_bold_bar { border-top: 1px solid #4a4a4a !important; }

table.topbar_none { border-top: 0px !important; }

table.bottom_bar { border-bottom: 1px solid #d0d0d0 !important; }

/* ========================== table_list : .style1 */
.table_list { width: 100%; border-top: 1px solid #4a4a4a; }

.table_list th { padding: 15px 20px; text-align: center; border-bottom: 1px solid #d0d0d0; color: #222222; background-color: #f7f8f8; }

.table_list td { padding: 15px 20px; text-align: center; border-bottom: 1px solid #d0d0d0; }

.table_list td .td-inner { height: 46px; }

.table_list td .td-inner.oneline { padding-top: 13px; }

.table_list th.tal, .table_list td.tal { text-align: left; }

.table_list th.tar, .table_list td.tar { text-align: right; }

.table_list th.tac, .table_list td.tac { text-align: center; }

.table_list tbody tr:first-child td { border-top: 0; }

/* ==========================  form table : .style1 */
.form_table { border-top: 1px solid #e6e6e6; border-top: 1px solid #4a4a4a; }

.form_table th { background: #f6f6f6; text-align: left; font-weight: bold; color: #797979; }

.form_table th, .form_table td { padding: 6px 10px; border-bottom: 1px solid #e6e6e6; height: 30px; }

.form_table th .textarea-box, .form_table td .textarea-box { position: relative; }

.form_table th .textarea-box textarea, .form_table td .textarea-box textarea { height: 70px; }

.form_table th .edit_module, .form_table td .edit_module { height: 150px; overflow-y: auto; }

.form_table th .form_alert, .form_table td .form_alert { display: none; margin-top: 5px; color: #ea0530; font-size: 12px; }

.form_table th i { color: #ea0530; margin-left: 3px; }

.form_table td label { margin-right: 30px; }

.form_table td input, .form_table td a { vertical-align: middle; }

.form_table tr.disabled th, .form_table tr.disabled td { color: #aaaaaa; }

/* ==========================  data table : default  */
.data_table { width: 100%; }

.data_table th, .data_table td { border: 1px solid #e6e6e6; text-align: left; padding: 16px 35px; }

.data_table th { font-size: 18px; color: #222222; text-align: center; word-wrap: break-word; word-break: keep-all; }

.data_table td { text-align-last: left; word-wrap: break-word; word-break: keep-all; }

.data_table tr th:first-child { border-left: 0; border-bottom: 0; }

.data_table tr th:last-child { border-right: 0; border-bottom: 0; }

.data_table tr td:first-child { border-left: 0; }

.data_table tr td:last-child { border-right: 0; }

.data_table tbody tr:first-child th, .data_table tbody tr:first-child td { border-top: 0; }

.data_table thead tr th { background: #f6f6f6; border-top: 0; }

.data_table tbody tr th, .data_table tbody tr th:first-child { border-bottom: 1px solid #e6e6e6; }

@media screen and (max-width: 1024px) { .data_table th, .data_table td { padding: 10px 5px; }
  .data_table th { font-size: 15px; } }

/* ==========================  data table : .style1 */
.data_table.style1 tbody tr th { background: #f6f6f6; }

.data_table.style1 tbody tr td { padding: 16px 25px; }

@media screen and (max-width: 1024px) { .data_table.style1 tbody tr td { padding: 10px 5px; } }

/* ==========================  notice-wrap  : */
.notice-wrap .nt_num { width: 8%; padding: 20px 10px 19px; }

.notice-wrap .nt_title { width: 77%; padding: 20px 30px 19px; }

.notice-wrap .nt_date { width: 15%; padding: 20px 10px 19px; }

.notice-wrap .notice_th { border-bottom: 1px solid #d0d0d0; }

.notice-wrap .notice_th .th-list { background-color: #f6f6f6; }

.notice-wrap .notice_th .th-list:after { content: ""; display: block; clear: both; }

.notice-wrap .notice_th .th-list > li { float: left; text-align: center; font-size: 18px; color: #222222; font-weight: 500; }

.notice-wrap .notice_td .notice-list > li { border-bottom: 1px solid #d0d0d0; }

.notice-wrap .notice_td .notice-list .td-list { position: relative; }

.notice-wrap .notice_td .notice-list .td-list:after { content: ""; display: block; clear: both; }

.notice-wrap .notice_td .notice-list .td-list > li { position: relative; float: left; font-size: 16px; color: #222222; letter-spacing: -0.3px; text-align: center; white-space: normal; word-wrap: normal; word-break: break-all; overflow: hidden; }

.notice-wrap .notice_td .notice-list .td-list > li span, .notice-wrap .notice_td .notice-list .td-list > li a { display: inline-block; letter-spacing: -0.01em; }

.notice-wrap .notice_td .notice-list .td-list .nt_title { text-align: left; color: #222222; font-weight: 500; }

.notice-wrap .notice_td .notice-list .td-list .nt_none { width: 100%; text-align: center; color: #222222; font-weight: 500; }

.notice-wrap .notice_td .notice-list .data-none { padding: 180px 30px; border: 0; border-bottom: 1px solid #d0d0d0; }

@media screen and (max-width: 1024px) { .notice-wrap { margin-top: 0px; }
  .notice-wrap .notice_th { display: none; }
  .notice-wrap .notice_td .notice-list li:first-child { border-top: 0px solid #333333; }
  .notice-wrap .notice_td .notice-list .td-list > li { padding: 15px 5px 15px; }
  .notice-wrap .notice_td .notice-list .td-list .nt_num { display: none; }
  .notice-wrap .notice_td .notice-list .td-list .nt_title { width: 100%; padding-bottom: 0; font-size: 16px; }
  .notice-wrap .notice_td .notice-list .td-list .nt_date { float: left; width: 50%; padding-top: 5px; text-align: left; font-size: 14px; color: #454545; font-weight: 400; }
  .notice-wrap .notice_td .notice-list .data-none { padding: 80px 30px; border: 0; border-bottom: 1px solid #d0d0d0; } }

.notice-wrap .view_title-area { padding: 35px 20px; }

.notice-wrap .view_title-area .title { position: relative; text-align: left; font-size: 24px; color: #222222; letter-spacing: -0.5px; font-weight: 500; white-space: normal; word-wrap: normal; word-break: break-all; }

.notice-wrap .view_title-area .title span { font-size: 18px; color: #777777; letter-spacing: 0.01em; position: absolute; margin-top: 10px; margin-left: -90px; }

.notice-wrap .view_title-area .other_items { margin-top: 10px; text-align: left; }

.notice-wrap .view_title-area .other_items .item { position: relative; display: inline-block; }

.notice-wrap .view_title-area .other_items .item em { color: #777777; }

.notice-wrap .view_title-area .other_items .item.count { padding-right: 15px; }

.notice-wrap .view_title-area .other_items .item.count:after { content: ""; display: block; width: 1px; height: 13px; position: absolute; top: 7px; right: -2px; background-color: #d0d0d0; border-radius: 50%; }

.notice-wrap .view_title-area .other_items .item.date { padding-left: 15px; }

.notice-wrap .view_body-area { border-top: 1px solid #d0d0d0; padding: 50px 30px; }

.notice-wrap .view_body-area .edit_view { padding-bottom: 50px; white-space: normal; word-wrap: normal; word-break: break-all; }

.notice-wrap .view_body-area .edit_view img { max-width: 100%; }

.notice-wrap .view_body-area .edit_view div, .notice-wrap .view_body-area .edit_view p, .notice-wrap .view_body-area .edit_view a, .notice-wrap .view_body-area .edit_view span, .notice-wrap .view_body-area .edit_view i, .notice-wrap .view_body-area .edit_view em, .notice-wrap .view_body-area .edit_view h1, .notice-wrap .view_body-area .edit_view h2, .notice-wrap .view_body-area .edit_view h3, .notice-wrap .view_body-area .edit_view h4, .notice-wrap .view_body-area .edit_view h5, .notice-wrap .view_body-area .edit_view h6 { white-space: normal; word-wrap: normal; word-break: break-all; }

.notice-wrap .view_btnset-area { border-bottom: 1px solid #d0d0d0; }

.notice-wrap .view_btnset-area .pagenavi-list > li { border-top: 1px solid #d0d0d0; }

.notice-wrap .view_btnset-area .pagenavi-list > li:after { content: ""; display: block; clear: both; }

.notice-wrap .view_btnset-area .pagenavi-list > li span { display: block; padding: 25px 30px; }

.notice-wrap .view_btnset-area .pagenavi-list > li .page { float: left; width: 12%; color: #222222; text-align: center; }

.notice-wrap .view_btnset-area .pagenavi-list > li .page span { position: relative; padding-left: 45px; }

.notice-wrap .view_btnset-area .pagenavi-list > li .page span:after { content: ""; display: block; position: absolute; top: 30px; left: 25px; }

.notice-wrap .view_btnset-area .pagenavi-list > li .title { float: left; width: 74%; color: #222222; white-space: normal; word-wrap: normal; word-break: break-all; }

.notice-wrap .view_btnset-area .pagenavi-list > li .title .over_line { color: #222222; }

.notice-wrap .view_btnset-area .pagenavi-list > li .title .none-data { color: #777777; }

.notice-wrap .view_btnset-area .pagenavi-list > li .date { float: left; width: 14%; text-align: center; }

@media screen and (max-width: 1024px) { .notice-wrap .view_title-area { padding: 20px 0px; border-top: 0px solid #333; }
  .notice-wrap .view_title-area .title { font-size: 18px; }
  .notice-wrap .view_title-area .title span { display: none; }
  .notice-wrap .view_title-area .other_items { margin-top: 5px; }
  .notice-wrap .view_title-area .other_items .item.count { /*  display: none; */ padding-right: 10px; }
  .notice-wrap .view_title-area .other_items .item.count:after { top: 5px; right: 0px; }
  .notice-wrap .view_title-area .other_items .item.date { padding-left: 10px; }
  .notice-wrap .view_body-area { border-top: 1px solid #d0d0d0; padding: 25px 10px; }
  .notice-wrap .view_btnset-area .pagenavi-list > li .page { float: none; width: 100%; text-align: left; }
  .notice-wrap .view_btnset-area .pagenavi-list > li .page > span { padding: 15px 10px 0px 35px; }
  .notice-wrap .view_btnset-area .pagenavi-list > li .page > span:after { top: 21px; left: 10px; }
  .notice-wrap .view_btnset-area .pagenavi-list > li .title { float: none; width: 100%; }
  .notice-wrap .view_btnset-area .pagenavi-list > li .title span { padding: 5px 10px 15px; }
  .notice-wrap .view_btnset-area .pagenavi-list > li .date { display: none; }
  .notice-wrap .btn_bottom.btn_set-center .btn { width: 100%; margin: 0; } }

.view_btnset-area li.prev .page span:after { width: 16px; height: 12px; background-position: -180px -32px; }

.view_btnset-area li.next .page span:after { width: 16px; height: 12px; background-position: -180px 0px; }

.is_mb .view_btnset-area li.prev .page span:after { width: 16.5px; height: 9.5px; background-position: -80px -46.5px; }

.is_mb .view_btnset-area li.next .page span:after { width: 16.5px; height: 9.5px; background-position: -80px -46.5px; }

.data-empty { padding: 50px 0 50px !important; border: 1px solid #d0d0d0; text-align: center; }

.data-empty .txt_empty { margin-top: 20px; margin-bottom: 35px; font-weight: 700; font-size: 18px; color: #222222; }

/* /html/policy/policy_infographic.html ,  /html/protection/protection_service.html [list] */
.infog-warp { padding-top: 20px; background-color: #fff; }

.infog-warp .setp { display: inline-block; padding: 0px 10px; font-size: 18px; color: #ffffff; background: #555555; line-height: 26px; }

.infog-warp .con_title { padding: 0px 0 60px; font-size: 28px; color: #222222; font-weight: 500; word-wrap: break-word; word-break: keep-all; }

@media screen and (max-width: 1024px) { .infog-warp .setp { display: inline-block; padding: 0px 10px; font-size: 15px; color: #ffffff; background: #555555; line-height: 24px; } }

.step-area { background-color: #fff; }

.step-area .setp { display: inline-block; padding: 0px 10px; font-size: 18px; color: #ffffff; background: #555555; line-height: 26px; }

.step-area .con_title { padding: 15px 0 40px; font-size: 28px; color: #222222; font-weight: 500; word-wrap: break-word; word-break: keep-all; }

@media screen and (max-width: 1024px) { .step-area .setp { display: inline-block; padding: 0px 10px; font-size: 15px; color: #ffffff; background: #555555; line-height: 24px; } }

.infog-area { padding-top: 50px; }

.step-area { padding-top: 80px; }

.infog-area .div-line_arrow, .step-area .div-line_arrow { position: relative; border-bottom: 1px solid #d0d0d0; }

.infog-area .div-line_arrow:after, .step-area .div-line_arrow:after { content: ""; display: block; width: 52px; height: 52px; position: absolute; top: -25px; left: 50%; margin-left: -26px; background: url(/resources/front/images/common/div-arow.png) 0 0 no-repeat; }

.infog-area .div-line, .step-area .div-line { position: relative; border-bottom: 1px solid #d0d0d0; }

.infog-list { margin-bottom: 30px; }

.infog-list:after { content: ""; display: block; clear: both; }

.infog-list li { position: relative; float: left; width: 50%; min-height: 130px; margin-bottom: 20px; padding: 0 0px 0 135px; }

.infog-list .title { margin-top: 5px; font-size: 20px; color: #222222; font-weight: 500; letter-spacing: -0.2px; word-wrap: break-word; word-break: keep-all; }

.infog-list .desc { margin-top: 10px; font-size: 16px; letter-spacing: -0.01em; word-wrap: break-word; word-break: keep-all; }

.infog-list .img { position: absolute; top: 0; left: 0; }

.infog3-list { margin-bottom: 30px; }

.infog3-list:after { content: ""; display: block; clear: both; }

.infog3-list li { position: relative; float: left; width: 33.3333%; min-height: 130px; margin-bottom: 20px; padding: 0 20px; }

.infog3-list .title { margin-top: 10px; font-size: 20px; text-align: center; color: #222222; font-weight: 500; letter-spacing: -0.2px; word-wrap: break-word; word-break: keep-all; }

.infog3-list .desc { margin-top: 10px; font-size: 16px; text-align: center; letter-spacing: -0.01em; word-wrap: break-word; word-break: keep-all; }

.infog3-list .img { text-align: center; }

.infog3-list .img img { display: inline-block; }

@media screen and (max-width: 1024px) { .infog-warp { padding: 0px 0px; }
  .infog-warp .con_title { padding: 15px 0 10px; font-size: 18px; }
  .infog-area, .step-area { padding-top: 30px; }
  .infog-area .div-line_arrow, .step-area .div-line_arrow { position: relative; }
  .infog-area .div-line_arrow:after, .step-area .div-line_arrow:after { width: 40px; height: 40px; position: absolute; top: -20px; left: 50%; margin-left: -20px; background: url(/resources/front/images/common/div-arow.png) 0 0 no-repeat; background-size: 100% 100%; }
  .infog-area .div-line, .step-area .div-line { position: relative; }
  .infog-list { margin-top: 25px; margin-bottom: 30px; }
  .infog-list li { float: none; clear: both; width: auto; }
  .infog-list .title { margin-top: 0px; padding-top: 10px; font-size: 16px; letter-spacing: -0.2px; }
  .infog-list .desc { margin-top: 10px; font-size: 14px; letter-spacing: -0.01em; }
  .infog-list .img { top: 0; left: 0; }
  .infog3-list { margin-bottom: 30px; }
  .infog3-list li { float: none; width: 100%; min-height: auto; margin-bottom: 20px; padding: 25px 20px 0; }
  .infog3-list .title { margin-top: 10px; font-size: 16px; }
  .infog3-list .desc { margin-top: 10px; font-size: 14px; }
  .infog3-list .img { text-align: center; }
  .infog3-list .img img { display: inline-block; } }

/* /html/protection/skt_privacy.html list */
.protect-area .protect-list:after { content: ""; display: block; clear: both; }

.protect-area .protect-list li { float: left; width: 50%; margin-top: 60px; }

.protect-area .protect-list li .li-inner { position: relative; padding: 0 60px 0 200px; min-height: 150px; }

.protect-area .protect-list .img { position: absolute; top: 0; left: 15px; }

.protect-area .protect-list dl dt { padding-top: 10px; font-size: 24px; color: #222222; }

.protect-area .protect-list dl dd { padding-top: 10px; font-size: 16px; letter-spacing: -0.01em; word-wrap: break-word; word-break: keep-all; }

@media screen and (max-width: 1024px) { .protect-area .protect-list { margin-bottom: 30px; }
  .protect-area .protect-list li { float: none; clear: both; width: auto; margin-top: 40px; }
  .protect-area .protect-list li .li-inner { position: relative; padding: 0 0px 0 135px; min-height: 110px; }
  .protect-area .protect-list .img { position: absolute; top: 0; left: 0px; width: 110px; }
  .protect-area .protect-list .img img { width: 100%; }
  .protect-area .protect-list dl dt { padding-top: 10px; font-size: 16px; color: #222222; }
  .protect-area .protect-list dl dd { padding-top: 10px; font-size: 14px; letter-spacing: -0.01em; word-wrap: break-word; word-break: keep-all; } }

/* /html/protection/protection_system.html list */
.system-warp { padding: 20px 0px 0; background-color: #fff; }

.system-warp .con_title { padding: 75px 0 40px; font-size: 28px; color: #222222; font-weight: 500; word-wrap: break-word; word-break: keep-all; }

.system_card-area .card-list { margin-bottom: 30px; }

.system_card-area .card-list:after { content: ""; display: block; clear: both; }

.system_card-area .card-list li { position: relative; float: left; width: 50%; min-height: 110px; margin: 40px 0 10px; padding: 0 30px 0 135px; }

.system_card-area .card-list .title { margin-top: 5px; font-size: 20px; color: #222222; font-weight: 500; letter-spacing: -0.2px; word-wrap: break-word; word-break: keep-all; }

.system_card-area .card-list .desc { margin-top: 10px; font-size: 16px; line-height: 1.7; letter-spacing: -0.01em; word-wrap: break-word; word-break: keep-all; }

.system_card-area .card-list .img { position: absolute; top: 0; left: 0; }

.system_card-area .card-list li:nth-child(odd) { padding-right: 80px; }

@media screen and (max-width: 1024px) { .system-warp { padding: 0; }
  .system-warp .con_title { padding: 40px 0 10px; font-size: 18px; }
  .system_card-area .card-list { margin-bottom: 30px; }
  .system_card-area .card-list li { float: none; clear: both; width: auto; }
  .system_card-area .card-list .title { margin-top: 0px; padding-top: 10px; font-size: 16px; letter-spacing: -0.2px; }
  .system_card-area .card-list .desc { margin-top: 10px; font-size: 14px; letter-spacing: -0.01em; }
  .system_card-area .card-list .img { top: 0; left: 0; }
  .system_card-area .card-list li:nth-child(odd) { padding-right: 0px; } }

/* /html/protection/protection_service.html  list*/
.mCustomScrollBox { padding-right: 0px; }

.mCustomScrollbar.pr0 > .mCustomScrollBox { padding-right: 0px; }

/* ========================== 약관 내용 */
.terms_contents { padding: 20px; /* ========================== table_terms */ }

.terms_contents .h1 { font-size: 20px; color: #222222; font-weight: bold; }

.terms_contents .h2 { font-size: 14px; color: #222222; font-weight: bold; }

.terms_contents .h3 { font-size: 10px; color: #222222; font-weight: bold; }

.terms_contents div { font-size: 10px; }

.terms_contents .article-box { margin-top: 20px; }

.terms_contents p { margin-bottom: 25px; font-size: 10px; font-weight: normal; line-height: 1.7; text-indent: 0; word-wrap: break-word; word-break: keep-all; }

.terms_contents p strong { color: #222222; }

.terms_contents ul li { line-height: 2; font-size: 10px; }

.terms_contents ol { padding: 0 0 10px 0px; }

.terms_contents ol li { text-indent: -10px; padding-left: 10px; font-size: 10px; line-height: 2; word-wrap: break-word; word-break: keep-all; }

.terms_contents ul.indent-list { padding: 0 0 10px 0px; }

.terms_contents ul.indent-list li { text-indent: -10px; padding-left: 10px; font-size: 10px; line-height: 1.5; word-wrap: break-word; word-break: keep-all; }

.terms_contents .mark_item { position: relative; padding-left: 1em; text-indent: -0.6em; }

.terms_contents mark, .terms_contents .mark { color: #5aafe6; background-color: 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: 10px; font-weight: 700; color: #222222; text-align: center; background: #f8f8f8; }

.terms_contents .table_terms > tbody > tr > th { border: 1px solid #e1e1e1; padding: 5px 10px; font-size: 10px; font-weight: 700; color: #222222; text-align: center; background: #f8f8f8; }

.terms_contents .table_terms > tbody > tr > td { border: 1px solid #e1e1e1; padding: 5px 10px; font-size: 10px; color: #222222; text-align: center; }

.terms_contents .table_terms > tbody > tr > td a { font-size: 10px; }

.terms_contents .table_terms > tbody > tr > td .font_red { color: #f24848; }

.terms_contents .table_terms > tbody > tr > td li { font-size: 10px; }

.terms_contents .table_terms > tbody > tr.rowspan > td:first-child { border-left: 1px solid #e1e1e1; }

/* ui_common.scss */
/* ====== 버튼 ====== */
.over_line:hover { text-decoration: underline; }

.btn { position: relative; box-sizing: border-box; display: inline-block; padding: 11px 20px 11px; margin-bottom: 0; font-weight: 500; line-height: 1.42857143; text-align: center; letter-spacing: -1px; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; }

.btn:disabled { -webkit-opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; pointer-events: none; }

.btn.btn_default { font-size: 16px; min-width: 150px; background: #fff; border: 1px solid #333333; color: #222222; }

.btn.btn_default:hover { background: #f8f8f8; border-color: #111111; }

.btn.btn_grayline { font-size: 16px; min-width: 150px; background: #f6f7f8; border: 1px solid #999999; color: #222222; }

.btn.btn_grayline:hover { background: #ffffff; border-color: #777777; }

.btn.btn_graylineW { font-size: 16px; min-width: 150px; background: #ffffff; border: 1px solid #999999; color: #222222; }

.btn.btn_graylineW:hover { background: #f8f8f8; border-color: #777777; }

.btn.btn_gray { font-size: 16px; min-width: 150px; background: #777777; border: 1px solid #777777; color: #fff; }

.btn.btn_gray:hover { background: #666666; border-color: #666666; }

.btn.btn_black { font-size: 16px; min-width: 150px; background: #333333; border: 1px solid #333333; color: #fff; }

.btn.btn_black:hover { background: #222222; border-color: #222222; }

.btn.btn_red { font-size: 16px; min-width: 150px; background: #e0002a; border: 1px solid #e0002a; color: #ffffff; }

.btn.btn_red:hover { background: #f0103a; border-color: #f0103a; }

.btn.btn_lg { padding: 11px 20px 11px; border-width: 2px; min-width: 188px !important; font-size: 20px; }

.btn.btn_sm { padding: 6px 10px 8px; min-width: auto; font-size: 14px; }

@media screen and (max-width: 1024px) { .btn { display: inline-block; padding: 5px 10px; }
  .btn.btn_default, .btn.btn_grayline, .btn.btn_gray, .btn.btn_black, .btn.btn_red { font-size: 14px; }
  .btn.btn_lg { padding: 12px 20px 11px; font-size: 16px; border-width: 1px; } }

.btn_set:after { content: ""; display: block; clear: both; }

.btn_set.abs { position: absolute; left: 0; right: 0; }

.btn_set-center { text-align: center; font-size: 0; line-height: 0; }

.btn_set-center .btn { margin: 0 5px; }

.btn_set-single { text-align: center; padding: 0px; }

.btn_set-single .btn_item a, .btn_set-single .btn_item button, .btn_set-single .btn_item input[type="button"] { width: 100%; }

.btn_set-double { padding: 0px; /*  */ }

.btn_set-double::after { content: ""; display: block; clear: both; }

.btn_set-double .btn_item { position: relative; width: 50%; float: left; }

.btn_set-double .btn_item a { width: 100%; }

.btn_set-double .btn_item:first-child { padding-right: 2px; }

.btn_set-double .btn_item:last-child { padding-left: 2px; }

.btn_set-triple { padding: 0px; }

.btn_set-triple::after { content: ""; display: block; clear: both; }

.btn_set-triple .btn_item { position: relative; width: 33.3333%; padding: 0 2px; float: left; }

.btn_set-triple .btn_item a { width: 100%; }

.btn_set-triple .btn_item:first-child { padding-left: 0px; }

.btn_set-triple .btn_item:last-child { padding-right: 0px; }

.notice-wrap .btn_bottom, .explain-warp .btn_bottom { margin-top: 50px; }

.notice-wrap .btn_bottom .btn_item, .explain-warp .btn_bottom .btn_item { width: 188px; }

@media screen and (max-width: 1024px) { .notice-wrap .btn_bottom, .explain-warp .btn_bottom { margin-top: 35px; } }

/* btn icon */
.icon_r_btn i { padding-left: 5px; }

.icon_l_btn i { padding-right: 5px; }

.icon_link { position: relative; display: inline-block; }

.icon_link::after { content: ""; display: inline-block; width: 14px; height: 15px; background-position: -35px -136px; }

.icon_download { position: relative; display: inline-block; }

.icon_download::after { content: ""; display: inline-block; width: 15px; height: 15px; background-position: 0px -136px; }

.icon_link_dot { position: relative; display: inline-block; }

.icon_link_dot::after { content: ""; display: inline-block; width: 20px; height: 20px; background-position: 0px -96px; }

.icon_go { position: relative; display: inline-block; padding: 0 0 0 8px; }

.icon_go::after { content: ""; display: inline-block; margin-bottom: 3px; vertical-align: bottom; width: 12px; height: 20px; background-position: -140px -80px; }

.icon_servicego { position: relative; display: inline-block; padding: 0 0 0 8px; }

.icon_servicego::after { content: ""; display: inline-block; width: 8px; height: 14px; background-position: -180px -64px; }

.icon_main_noticemore { position: relative; display: inline-block; padding: 2px 0 0 3px; }

.icon_main_noticemore::after { content: ""; display: inline-block; width: 6px; height: 13px; background-position: -180px -128px; }

.is_mb .icon_go { padding: 0 0 0 8px; }

.is_mb .icon_go::after { margin-bottom: 2px; width: 9px; height: 15px; background-position: -107px 0px; }

.is_mb .icon_link_dot::after { width: 17px; height: 17px; background-position: -80px 0px; }

/* [2018-0719 ]toggle-list */
.toggle-list > li { border-bottom: 1px solid #d0d0d0; }

.toggle-list > li dl dt { background: #fff; }

.toggle-list > li dl dt .toggle_link { display: block; position: relative; color: #222222; padding: 20px 40px 19px; font-size: 18px; line-height: 1.5; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.toggle-list > li dl dt .toggle_link:after { content: ''; position: absolute; top: 30px; right: 40px; width: 18px; height: 11px; background-position: -69px -136px; display: block; }

@media screen and (max-width: 1024px) { .toggle-list > li dl dt .toggle_link { padding: 16px 40px 17px 10px; font-size: 15px; }
  .toggle-list > li dl dt .toggle_link:after { right: 10px; top: 24px; } }

.toggle-list > li dl dd { display: none; padding: 35px  60px; background-color: #f4f4f6; }

.toggle-list > li dl dd .terms_contents { position: relative; word-break: break-all; font-size: 16px; line-height: 1.7; }

@media screen and (max-width: 1024px) { .toggle-list > li dl dd { padding: 20px; }
  .toggle-list > li dl dd .terms_contents { font-size: 15px; } }

.toggle-list > li.on dl dt .toggle_link:after { transform: rotate(180deg); }

/* //[2018-0719 ]toggle-list */
/* ====== PAGING ====== */
.paging-area { width: 100%; clear: both; position: relative; margin: 40px 0 10px; letter-spacing: 0px; text-align: center; }

.paging-area .paging { position: relative; text-align: center; }

.paging-area .paging a, .paging-area .paging strong { position: relative; display: inline-block; color: #666; min-width: 36px; height: 36px; line-height: 36px; text-decoration: none; vertical-align: top; padding: 0 10px; font-size: 15px; border: 1px solid #dcdcdc; box-sizing: border-box; }

.paging-area .paging a em, .paging-area .paging strong em { font-style: normal; }

.paging-area .paging strong.on { background: #222222; color: #fff; font-weight: 400; border: 1px solid #222222; }

.paging-area .paging a:hover { background: #ddd; }

.paging-area .paging a:focus { background: #ddd; }

.paging-area .paging a.prev, .paging-area .paging a.prev_end, .paging-area .paging a.next, .paging-area .paging a.next_end { border: 1px solid #dcdcdc; box-sizing: border-box; }

.paging-area .paging a.prev:after, .paging-area .paging a.prev_end:after, .paging-area .paging a.next:after, .paging-area .paging a.next_end:after { content: ""; display: block; position: absolute; top: 7px; left: 8px; }

.paging-area .paging a.prev { width: 36px; padding: 0px; text-indent: -9999px; }

.paging-area .paging a.prev:after { width: 20px; height: 20px; background-position: -40px -56px; }

.paging-area .paging a.prev_end { width: 36px; padding: 0px; margin-right: 5px; text-indent: -9999px; }

.paging-area .paging a.prev_end:after { width: 20px; height: 20px; background-position: -140px -40px; }

.paging-area .paging a.prev:hover { /* &:after { @include sp_icons($icon_page_prev-on) };     */ }

.paging-area .paging a.prev_end:hover { /* &:after { @include sp_icons($icon_page_prevprev-on) }; */ }

.paging-area .paging a.next { width: 36px; padding: 0px; margin-left: 5px; text-indent: -9999px; }

.paging-area .paging a.next:after { width: 20px; height: 20px; background-position: -100px -40px; }

.paging-area .paging a.next_end { width: 36px; padding: 0px; margin-left: 5px; text-indent: -9999px; }

.paging-area .paging a.next_end:after { width: 20px; height: 20px; background-position: -40px -96px; }

.paging-area .paging a.next:hover { /* &:after { @include sp_icons($icon_page_prev-on) };     */ }

.paging-area .paging a.next_end:hover { /* &:after { @include sp_icons($icon_page_prevprev-on) }; */ }

@media screen and (max-width: 1024px) { .paging-area { padding: 15px 0 20px; }
  .paging-area .paging a, .paging-area .paging strong { min-width: 28px; height: 30px; font-size: 13px; line-height: 28px; }
  .paging-area .paging a.prev:after, .paging-area .paging a.prev_end:after, .paging-area .paging a.next:after, .paging-area .paging a.next_end:after { top: 4px; left: 3px; }
  .paging-area .paging a.prev { width: 28px; }
  .paging-area .paging a.prev_end { width: 28px; }
  .paging-area .paging a.next { width: 28px; }
  .paging-area .paging a.next_end { width: 28px; } }

/* ================== 팝업 레이아웃 */
/** //popup-wrap **/
.popup-dim { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000000; opacity: 0.5; filter: alpha(opacity=50); z-index: 99999; }

.trp.popupfixed-wrap { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; z-index: 99999; -webkit-overflow-scrolling: touch; /* [2018-0716] 추가 */ /* //[2018-0716] 추가 */ }

.trp.popupfixed-wrap .popup-dim { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: transparent; z-index: 0; /*background: #000000;opacity: 0.5;filter: alpha(opacity=50);*/ }

.trp.popupfixed-wrap .popup-align { display: table; *display: block; table-layout: fixed; width: 100%; height: 100%; text-align: center; }

.trp.popupfixed-wrap .popup-vertical { display: table-cell; width: 100%; padding: 20px 0; text-align: center; vertical-align: middle; }

.trp.popupfixed-wrap .popup-layer { position: relative; z-index: 1; display: inline-block; *display: inline; zoom: 1; }

.trp.popupfixed-wrap .btn_close { position: absolute; top: 0px; right: 0px; width: 74px; height: 74px; padding: 18px; margin: 0; font-size: 0px; line-height: 1; color: transparent; box-sizing: border-box; }

.trp.popupfixed-wrap .btn_close:after { content: ''; display: block; width: 36px; height: 36px; background-position: 0px 0px; }

.trp.popupfixed-wrap .pop_tit { padding: 50px 30px 15px; height: 100px; font-size: 26px; font-weight: 500; color: #222222; line-height: 1.1; text-align: center; background: #ffffff; }

.trp.popupfixed-wrap .pop_tit.mark { padding: 45px 30px 10px; height: 120px; }

.trp.popupfixed-wrap .popup-layer.option { position: relative; top: 0px; width: 460px; height: auto; text-align: left; background: #fff; }

.trp.popupfixed-wrap .section { position: relative; padding: 0px 60px 40px; }

.trp.popupfixed-wrap .section .alert_message { font-size: 18px; color: #222222; line-height: 1.5; font-weight: 500; text-align: center; }

.trp.popupfixed-wrap .section .greay_box { padding: 15px; font-size: 18px; color: #222222; font-weight: 500; text-align: center; background-color: #eee; }

.trp.popupfixed-wrap .section .form_set .form-list li { margin-bottom: 15px; }

.trp.popupfixed-wrap .section .helf_set a { text-decoration: underline; }

.trp.popupfixed-wrap .btn_set-single.bottom_set { margin-top: 0px; }

.trp.popupfixed-wrap .btn_set-single.bottom_set .btn.bx { width: 100%; }

.trp.popupfixed-wrap .btn_set-double.bottom_set { margin-top: 0px; }

.trp.popupfixed-wrap .btn_set-double.bottom_set .btn_item { width: 50%; padding: 0px; }

@media screen and (max-width: 1024px) { .trp.popupfixed-wrap .popup-layer.option { width: 100%; min-width: 320px; }
  .trp.popupfixed-wrap .section { position: relative; padding: 0px 15px 40px; } }

/* 중간 크기 */
.trp.popupfixed-wrap.popup_mid .popup-layer.option { position: relative; top: 0px; width: 540px; height: auto; }

.trp.popupfixed-wrap.popup_mid .terms-area { height: 444px; overflow: hidden; overflow-y: auto; background-color: #fff; border: 1px solid #cccccc; }

@media screen and (max-width: 1024px) { .trp.popupfixed-wrap.popup_mid .popup-layer.option { width: 100%; min-width: 320px; } }

/* 작은 크기 */
.trp.popupfixed-wrap.popup_min .popup-layer.option { position: relative; top: 0px; width: 385px; height: auto; }

@media screen and (max-width: 1024px) { .trp.popupfixed-wrap.popup_min .popup-layer.option { width: 100%; min-width: 320px; } }

/* ======================== input text  */
input, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; }

/* placeholder */
input[type="text"].placeholdersjs, input[type="password"].placeholdersjs, textarea.placeholdersjs { color: #999999; letter-spacing: -1px; }

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; letter-spacing: -1px; }

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; letter-spacing: -1px; }

input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder { color: #999999; letter-spacing: -1px; }

.my-placeholder { color: #999999; letter-spacing: -1px; }

em.star { display: inline-block; height: 14px; padding: 0 5px; color: #f24848; font-weight: bold; }

input[type="text"], input[type="password"] { width: 100%; height: 46px; padding: 8px 15px 8px; font-size: 16px; vertical-align: middle; border: 1px solid #999999; outline: none; background-color: #ffffff; }

input[type="text"]::-ms-clear, input[type="password"]::-ms-clear { display: none; }

@media screen and (max-width: 1024px) { input[type="text"], input[type="password"] { font-size: 15px; } }

input.h36[type="text"], input.h36[type="password"] { height: 36px; }

input[type="text"]:focus, input[type="password"]:focus { border-color: #3e73d1; }

input[type="text"]:disabled, input[type="password"]:disabled { background: #e9e9e9; color: #999; }

input[type="text"].input_error, input[type="password"].input_error { border-color: #dd4c5c; }

.input-box { position: relative; vertical-align: top; }

.input-box .check_byte-w { padding-right: 90px !important; }

.input-box .check_byte-h { padding-bottom: 50px !important; }

.input-box label, .input-box .dash { display: inline-block; padding: 8px 20px 8px; box-sizing: border-box; }

.input-box label:frist-child { padding-left: 0; }

.input-box .dash { padding: 8px 0px 8px 0px; }

.input-box input[type="text"], .input-box input[type="password"] { padding: 8px 15px 8px; }

.input-box .btn { margin-top: -1px; }

.input-box .byte_check { position: absolute; top: 10px; right: 15px; }

.input-box .byte_check em { vertical-align: middle; font-size: 14px; color: #e90000; }

.input-box .byte_check span { vertical-align: middle; font-size: 14px; }

.input_del { position: relative; }

.input_del input { padding-right: 25px; }

.input_del button { position: relative; display: none; position: absolute; top: 4px; right: 5px; }

.input_del button:after { content: ""; display: block; width: 20px; height: 20px; background-position: -84px -40px; }

.input_icon { position: relative; }

.input_icon:after { content: ""; display: block; position: absolute; top: 10px; left: 20px; }

.input_icon input { padding-left: 70px; }

/* ======================== textarea  */
.textarea-box textarea { width: 100%; height: 240px; padding: 15px; border: 1px solid #d0d0d0; border: 1px solid #d0d0d0; background-color: #ffffff; }

.textarea-box textarea:focus { border-color: #3e73d1; }

.textarea-box textarea.input_error { border-color: #dd4c5c; }

.textarea-box textarea:disabled { background: #e9e9e9; color: #999; }

.textarea-box .byte_check { margin-top: 20px; height: 30px; text-align: right; }

.textarea-box .byte_check em { vertical-align: bottom; font-size: 14px; color: #e90000; }

.textarea-box .byte_check span { vertical-align: bottom; font-size: 14px; }

/* ========================  input radio */
.trp.radio-box { position: relative; display: inline-block; margin-right: 20px; min-height: 20px; }

.trp.radio-box label { display: inline-block; height: 20px; padding-left: 25px; vertical-align: top; line-height: 1.25; z-index: 1; }

.trp.radio-box em { display: inline; color: #e56201; text-indent: 0px; }

.trp.radio-box input[type="radio"] { position: absolute; top: 0; left: 0; width: 20px; height: 20px; margin: 0; padding: 0; opacity: 0; filter: alpha(opacity=0); z-index: 1; }

.trp.radio-box input[type="radio"] + i { position: absolute; top: 0; left: 0; display: inline-block; vertical-align: middle; }

.trp.radio-box input[type="radio"] + i:after { display: block; content: ''; width: 20px; height: 20px; background-position: 0px -83px; }

.trp.radio-box input[type="radio"]:checked + i:after { width: 20px; height: 20px; background-position: -40px -83px; }

.trp.radio-box.re label { display: inline-block; height: 20px; vertical-align: middle; text-indent: 0px; }

.trp.radio-box.re input[type="radio"] + i { position: relative; }

/* ========================  input checkbox */
.trp.checkbox-box { position: relative; display: inline-block; margin-right: 20px; min-height: 20px; }

.trp.checkbox-box label { display: inline-block; min-height: 20px; padding-left: 25px; vertical-align: top; line-height: 1.25; }

.trp.checkbox-box em { display: inline; color: #e56201; text-indent: 0px; }

.trp.checkbox-box input[type="checkbox"] { position: absolute; top: 0; left: 0; width: 20px; height: 20px; margin: 0; padding: 0; opacity: 0; filter: alpha(opacity=0); z-index: 1; }

.trp.checkbox-box input[type="checkbox"] + i { position: absolute; top: 0; left: 0; display: inline-block; vertical-align: middle; }

.trp.checkbox-box input[type="checkbox"] + i:after { display: block; content: ''; width: 20px; height: 20px; background-position: 0px -43px; }

.trp.checkbox-box input[type="checkbox"]:checked + i:after { width: 20px; height: 20px; background-position: -40px -43px; }

.trp.radio-box.re label, .trp.checkbox-box.re label { padding-right: 25px; }

.trp.radio-box.re input[type="radio"], .trp.checkbox-box.re input[type="radio"] { right: 0; }

.trp.radio-box.re input[type="radio"] + i, .trp.checkbox-box.re input[type="radio"] + i { right: 0; }

.trp.radio-box.re input[type="checkbox"], .trp.checkbox-box.re input[type="checkbox"] { right: 0; }

.trp.radio-box.re input[type="checkbox"] + i, .trp.checkbox-box.re input[type="checkbox"] + i { right: 0; }

/* 폼모양 */
.form_m-list li { margin-bottom: 10px; }

.tm_name label, .tm_certify_phone label, .tm_certify_num label, .tm_pass label { display: inline-block; padding: 10px 0; font-size: 18px; }

.tm_certify_phone, .tm_certify_num { position: relative; }

.tm_certify_phone .btn, .tm_certify_num .btn { position: absolute; bottom: 12px; right: 12px; display: inline-block; height: 29px; padding: 2px 10px; font-size: 16px; border-radius: 0; background-color: #e9e9e9; }

.tm_certify_phone input { padding-right: 120px; }

.tm_certify_num .time { display: block; padding: 10px; position: absolute; bottom: 4px; right: 125px; color: #f24848; font-weight: 400px; }

.tm_certify_num .time::after { content: ""; display: block; width: 1px; height: 14px; position: absolute; top: 16px; right: 0; background-color: #cccccc; }

.tm_certify_num input { padding-right: 180px; }

/* //폼모양 */
/* ========================  select */
.select-box { position: relative; }

.select-box .select2Basic, .select-box .select2Basic36, .select-box .select2Basic_pop { width: 100%; height: 46px; }

.select2Basic, .select2Basic36, .select2Basic_pop { width: 100%; min-width: 100%; /*50px;*/ }

.select2-container { text-align: left; }

.select2-container .select2-selection--single { height: 46px; background-color: #ffffff; }

.select2-container--default .select2-selection--single .select2-selection__arrow { right: 10px; }

.select2-results__option { padding: 0 15px; }

.select2-container--default .select2-selection--single { border: 1px solid #999999; border-radius: 0px; }

.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 44px; padding: 0 30px 0 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; width: 30px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #454545 transparent transparent transparent; border-width: 7px 7px 0 7px; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: #454545 transparent transparent transparent; border-width: 7px 7px 0 7px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.select2-dropdown { border-radius: 0; }

.select2-container--default .select2-results__option { padding: 14px 5px; line-height: 1.4; }

.select2-container--default .select2-results__option--highlighted[aria-selected] { color: #454545; background-color: #f8f8f8; }

.select2-container--default .select2-results__option[aria-selected=true] { color: #454545; background-color: #f8f8f8; }

.select2-dropdown.increasedzindexclass_pop { z-index: 999999; }

/* [2018-0718]수정 ========================  input file */
.trp.file-box { position: relative; margin-right: 80px; }

.trp.file-box label.screen-reader-text { position: absolute; margin: -1px; padding: 0; height: 1px; width: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.trp.file-box .trp-Filetext { width: 100%; height: 46px; padding: 8px 40px 8px 10px; font-size: 16px; vertical-align: middle; border: 1px solid #999999; outline: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.trp.file-box .btn { position: absolute; top: 0px; right: -80px; display: inline-block; height: 46px; padding: 4px 10px; font-size: 14px; font-weight: 400; background-color: transparent; border-radius: 0; background-color: #e9e9e9; }

.trp.file-box .trp-Filehidden { position: absolute; top: 0; left: 0; width: calc(100% + 80px); height: 46px; opacity: 0; cursor: pointer; z-index: 1; }

.trp.file-box.file_del .del-btn { position: relative; display: none; position: absolute; top: 14px; right: 5px; z-index: 5; }

.trp.file-box.file_del .del-btn:after { content: ""; display: block; width: 20px; height: 20px; background-position: -84px -40px; }

/* //[2018-0718]수정 */
/* ========================  jQuery datepicker */
.datepicker-box { position: relative; display: inline-block; min-width: 155px; height: 46px; background-color: #fff; }

.datepicker-box input { width: 100%; padding-right: 35px; z-index: 1; background-color: transparent; }

.datepicker-box:after { content: ""; display: block; position: absolute; top: 12px; right: 12px; width: 23px; height: 23px; background-position: 0px 0px; }

.ui-datepicker.ui-widget { border: 1px solid #f3f3f3; padding: 0; z-index: 10000 !important; box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.05), 0px 0px 25px 0 rgba(0, 0, 0, 0.05); }

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right { border-radius: 0; }

.ui-datepicker .ui-datepicker-header { padding: 0; height: 40px; background-color: #ffffff; }

.ui-datepicker-title { height: 40px; line-height: 38px; }

.ui-datepicker-title .ui-datepicker-month { line-height: 38px; color: #e0002a; }

.ui-datepicker-title .ui-datepicker-year { line-height: 38px; color: #e0002a; }

.ui-datepicker .ui-datepicker-header { border: 0; border-bottom: 1px solid #f3f3f3; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev { top: 7px; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; top: 0; left: 0; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon::before { content: ""; display: block; width: 10px; height: 1px; position: absolute; top: 9px; left: 7px; background-color: #999999; -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon:after { content: ""; display: block; width: 10px; height: 1px; position: absolute; top: 16px; left: 7px; background-color: #999999; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.ui-datepicker .ui-datepicker-header .ui-datepicker-next { top: 7px; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; top: 0; left: 0; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon::before { content: ""; display: block; width: 10px; height: 1px; position: absolute; top: 9px; left: 8px; background-color: #999999; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon:after { content: ""; display: block; width: 10px; height: 1px; position: absolute; top: 16px; left: 8px; background-color: #999999; -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.ui-datepicker-calendar tbody tr td .ui-state-default { width: 25px; text-align: center; border: 0; background-color: #fff; color: #777777; }

.ui-datepicker-calendar tbody tr .ui-datepicker-today .ui-state-default { color: #fff; background-color: #222222; border-radius: 50%; }

.ui-datepicker-calendar tbody tr .ui-datepicker-week-end:first-child .ui-state-default { color: #e0002a; }

.ui-datepicker-calendar tbody tr .ui-datepicker-week-end.ui-datepicker-today .ui-state-default { color: #ffffff; }

/* ========================  jQuery tooltip */
/* icon_tooltip */
.icon_tooltip { display: inline-block; width: 21px; height: 21px; }

.icon_tooltip:after { content: ""; display: block; width: 21px; height: 21px; background-position: -43px 0px; }

.ui-tooltip { font-size: 14px; color: #222222; }

.ui-tooltip.ui-widget-shadow { box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.16); }

.ui-tooltip.ui-widget.ui-widget-content { padding: 15px; border: 1px solid #aaaaaa; border-radius: 0; }

.ui-tooltip.ui-widget.ui-widget-content .ui-tooltip-content { font-size: 14px; color: #222222; white-space: normal; word-wrap: normal; word-break: break-all; }

.ui-tooltip .arrow { position: absolute; left: 50%; bottom: -15px; overflow: hidden; box-shadow: 0; width: 13px; height: 15px; background-position: -124px 0px; }

.ui-tooltip .arrow.top { top: -15px; bottom: auto; width: 13px; height: 15px; background-position: -80px -83px; }

.ui-tooltip .arrow.top:after { bottom: -15px; top: auto; }

.ui-tooltip.tooltip_big { max-width: 500px; }

.ui-tooltip.tooltip_big .h5 { margin-bottom: 15px; }

.ui-tooltip.tooltip_big .numbar-list li { font-size: 14; letter-spacing: -1px; }

.ui-tooltip.tooltip_big table th, .ui-tooltip.tooltip_big table td { padding: 5px 10px; font-size: 12px; vertical-align: top; font-size: 14px; text-align: left; line-height: 1.4; }

.ui-tooltip.tooltip_big table th i, .ui-tooltip.tooltip_big table td i { margin-right: 5px; }

.ui-tooltip.tooltip_big table th .text_state, .ui-tooltip.tooltip_big table td .text_state { font-size: 14px; }

body .mCSB_inside > .mCSB_container { margin-right: 0px; }

body .mCSB_scrollTools { width: 5px; opacity: 1; }

body .mCSB_scrollTools .mCSB_dragger { opacity: 1; right: 0px; width: 5px; border-radius: 0; }

body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.4); width: 5px; border-radius: 0; }

body .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: black; }

body .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, body .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: black; }

body .mCustomScrollBox:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: black; }

body .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, 0.1); -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out; transition: opacity .2s ease-in-out,background-color .2s ease-in-out; width: 5px; border-radius: 0; }

body .mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_draggerRail, body .mCustomScrollBox:hover .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, 0.2); }

.ui-widget-content { background-color: #ffffff; }

.ui-widget-header { background-color: #5ba429; }

.ui-slider-handle.ui-corner-all.ui-state-default { background-color: #ffffff; }

.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-active { background-color: #686868; }

/* header.scss */
.trp.skipNavigation { position: absolute; top: 0; left: 0; width: 100%; height: 1px; overflow: visible; text-align: center; z-index: 9999; }

.trp.skipNavigation a { position: absolute; top: -10000px; left: 0; width: 100%; height: 30px; font-size: 16px; font-weight: bold; background: #eee; color: #333; text-align: center; line-height: 30px; }

.trp.skipNavigation a:hover, .trp.skipNavigation a:focus, .trp.skipNavigation a:active { top: 0px; left: 0px; background: #fbfbfb; }

.trp.skipNavigation a:link, .trp.skipNavigation a:visited { cursor: pointer; }

#header.scoll_fixed { box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1); }

#header { position: fixed; top: 0; width: 100%; min-width: 1080px; z-index: 998; background-color: #ffffff; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -ms-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; }

#header .header-inner { position: relative; width: 1250px; min-width: 1080px; height: 94px; margin: 0 auto; }

#header .logo { padding: 14px 0 20px; }

#header .logo h1 a { display: block; width: 350px; }

#header .logo h1 span.bg-alt { position: relative; display: inline-block; width: 130px; height: 60px; background: url(/resources/front/images/common/logo.png); background-size: 100%; }

#header .logo h1 em { display: inline-block; padding: 27px 0 0px 7px; vertical-align: top; font-size: 20px; font-weight: 500; color: #222222; line-height: 1.5; }

@media screen and (max-width: 1024px) { #header { min-width: auto; }
  #header .header-inner { width: 100%; min-width: auto; height: 60px; border-bottom: 1px solid #c7c7c7; }
  #header .logo { position: absolute; left: 0; top: 0; padding: 6px 15px 6px; font-size: 0; line-height: 0; }
  #header .logo h1 { font-size: 0; line-height: 0; }
  #header .logo h1 a { font-size: 0; line-height: 0; }
  #header .logo h1 em { padding: 24px 0 0px 5px; font-size: 16px; }
  #header .logo h1 span.bg-alt { width: 105px; height: 48px; } }

#header .mb_menu_open-btn { position: absolute; top: 0px; right: 0; width: 60px; height: 60px; padding: 15px; outline: 0; }

#header .mb_menu_open-btn:after { content: ""; display: block; width: 30px; height: 30px; background-position: 0px 0px; }

#header .mb_menu_close-btn { position: absolute; top: -60px; right: 0; width: 60px; height: 60px; padding: 15px; outline: 0; }

#header .mb_menu_close-btn:after { content: ""; display: block; width: 30px; height: 30px; background-position: -40px 0px; }

#header .gnb_dim { display: none; position: fixed; top: 60px; width: 100%; height: calc(100% - 60px); background-color: rgba(0, 0, 0, 0.7); z-index: 11; }

/* pc일때 메뉴  */
#header .menu-wrap { display: block; position: absolute; top: 15px; right: 0; z-index: 20; }

#header .menu-wrap .menu-list:after { content: ""; display: block; clear: both; }

#header .menu-wrap .menu-list > li { float: left; padding: 0 25px; }

#header .menu-wrap .menu-list > li > a { position: relative; display: block; padding: 25px 0 20px; height: 79px; font-size: 20px; color: #222222; font-weight: 500; box-sizing: border-box; }

#header .menu-wrap .menu-list > li > a:after { content: ""; display: none; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 30px; right: -10px; background-color: #e0002a; }

#header .menu-wrap .menu-list > li .dep2 { display: block; position: fixed; top: 94px; left: 50%; margin-left: -540px; z-index: 10; width: 1080px; height: 0; overflow: hidden; /*  @include transition(height, 0.2s, ease-in-out);  */ }

#header .menu-wrap .menu-list > li .dep2 .dep2-list { text-align: center; }

#header .menu-wrap .menu-list > li .dep2 .dep2-list:after { content: ""; display: block; clear: both; }

#header .menu-wrap .menu-list > li .dep2 .dep2-list > li { /* float: left; */ display: inline-block; font-size: 0; line-height: 0; cursor: pointer; }

#header .menu-wrap .menu-list > li .dep2 .dep2-list > li a { display: block; padding: 0 25px; height: 58px; font-size: 16px; color: #b8b8b8; line-height: 58px; }

#header .menu-wrap .menu-list > li .dep2 .dep2-list > li.on a, #header .menu-wrap .menu-list > li .dep2 .dep2-list > li.active a, #header .menu-wrap .menu-list > li .dep2 .dep2-list > li:hover a, #header .menu-wrap .menu-list > li .dep2 .dep2-list > li:focus a { color: #ffffff; }

#header .menu-wrap .menu-list > li:last-child { padding-right: 0; }

#header .menu-wrap .sub_bg { display: block; position: fixed; top: 94px; left: 0; width: 100%; height: 58px; background-color: rgba(15, 16, 19, 0.8); -webkit-transition: height 0.2s ease-in-out; -moz-transition: height 0.2s ease-in-out; -ms-transition: height 0.2s ease-in-out; -o-transition: height 0.2s ease-in-out; transition: height 0.2s ease-in-out; overflow: hidden; }

#header .menu-wrap .menu-list.active + .sub_bg, #header .menu-wrap .menu-list:hover + .sub_bg { display: block; height: 58px; }

.is_pc #header { background-color: #ffffff; }

.is_pc #header .menu-wrap .menu-list > li.on, .is_pc #header .menu-wrap .menu-list > li.active { /* cursor: pointer; */ }

.is_pc #header .menu-wrap .menu-list > li.on > a, .is_pc #header .menu-wrap .menu-list > li.active > a { color: #e0002a; }

.is_pc #header .menu-wrap .menu-list > li.on > a:after, .is_pc #header .menu-wrap .menu-list > li.active > a:after { display: block; }

.is_pc #header .menu-wrap .menu-list > li.on .dep2, .is_pc #header .menu-wrap .menu-list > li.active .dep2 { display: block; height: 58px; visibility: visible; opacity: 1; }

.is_pc #header .menu-wrap .menu-list > li.on .sub_bg, .is_pc #header .menu-wrap .menu-list > li.active .sub_bg { display: block; height: 58px; }

.is_pc #header.on { background-color: #ffffff; }

/* mb 일때 메뉴  */
.is_mb #header .menu-wrap .menu-list > li > a:after { width: 25px; height: 25px; background-position: 0px -40px; }

.is_mb #header .menu-wrap .menu-list > li.on > a:after { -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

@media screen and (max-width: 1024px) { #header.menu_on .menu-wrap { display: block; }
  #header .menu-wrap { display: none; }
  #header .menu-wrap { position: fixed; top: 60px; padding-top: 0px; width: 100%; height: calc( 100% - 60px); background-color: #3f4042; /*  [2018-0719] gnb-wrap 추가  */ }
  #header .menu-wrap .gnb-wrap { height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  #header .menu-wrap .menu-list { padding-top: 0px; }
  #header .menu-wrap .menu-list > li { float: none; clear: both; border-bottom: 1px solid #2c2d2e; padding: 0; }
  #header .menu-wrap .menu-list > li > a { position: relative; display: block; text-align: left; height: auto; padding: 16px 15px; font-size: 18px; font-weight: 400; color: #ffffff; }
  #header .menu-wrap .menu-list > li > a:after { content: ""; display: block; width: 25px; height: 25px; position: absolute; top: 15px; right: 15px; border-radius: 0; background-color: transparent; }
  #header .menu-wrap .menu-list > li .dep2 { display: none; position: relative; top: 0; width: 100%; height: auto; left: 0; margin-left: 0; }
  #header .menu-wrap .menu-list > li .dep2 .dep2-list { text-align: center; }
  #header .menu-wrap .menu-list > li .dep2 .dep2-list > li { float: none; clear: both; width: 100%; border-top: 1px solid #2c2d2e; }
  #header .menu-wrap .menu-list > li .dep2 .dep2-list > li a { display: block; padding: 14px 30px; height: auto; text-align: left; font-size: 16px; font-weight: 400; color: #ffffff; line-height: 1.5; background-color: #343537; }
  #header .menu-wrap .menu-list > li .sub_bg { display: none !important; }
  #header .menu-wrap .menu-list > li.on, #header .menu-wrap .menu-list > li.active { /* cursor: pointer; */ }
  #header .menu-wrap .menu-list > li.on > a, #header .menu-wrap .menu-list > li.active > a { color: #ffffff; }
  #header .menu-wrap .menu-list.active + .sub_bg, #header .menu-wrap .menu-list:hover + .sub_bg { display: none; height: 0px; } }

/* 메뉴가 열렸을때 */
/*  ------------------ main 메뉴 -------------------------------  */
#header.main.scoll_fixed { background-color: #ffffff; }

#header.main.scoll_fixed .logo h1 em { color: #222222; }

#header.main.scoll_fixed .menu-wrap .menu-list > li > a { color: #222222; }

#header.main { background-color: transparent; }

#header.main .logo h1 em { color: #ffffff; }

#header.main .menu-wrap .menu-list > li > a { color: #ffffff; }

#header.main .menu-wrap .sub_bg { display: none; }

#header.main.on { background-color: #ffffff; }

#header.main.on .logo h1 em { color: #222222; }

#header.main.on .menu-wrap .menu-list > li > a { color: #222222; }

#header.main.on .menu-wrap .sub_bg { display: block; }

@media screen and (max-width: 1024px) { #header.main.scoll_fixed { background-color: #ffffff; }
  #header.main.scoll_fixed .logo h1 em { color: #222222; }
  #header.main.scoll_fixed .menu-wrap .menu-list > li > a { color: #ffffff; }
  #header.main { background-color: #ffffff; }
  #header.main .logo h1 em { color: #222222; }
  #header.main .menu-wrap .menu-list > li > a { color: #ffffff; } }

/* footer.scss */
/* ============== footer ============== */
#footer { min-height: 210px; background-color: #333333; width: 100%; min-width: 1080px; }

#footer .footer-inner { position: relative; width: 1080px; margin: 0 auto; padding: 40px 50px; min-height: 40px; }

#footer .other-list { width: 50%; z-index: 5; }

#footer .other-list:after { content: ""; display: block; clear: both; }

#footer .other-list li { float: left; }

#footer .other-list li a { display: block; margin: 10px 26px 10px 0; font-size: 14px; color: #d5d5d5; }

#footer .other-list li a:hover { display: block; font-size: 14px; color: #ffffff; }

#footer .other-list li:first-child a { margin-left: 0px; }

#footer .address, #footer .copyright { font-size: 12px; color: #999999; }

#footer .address { margin-top: 20px; }

#footer .copyright { margin-top: 5px; }

#footer .family_site { position: absolute; top: -100px; right: 10px; /* 175 */ width: 195px; height: 180px; overflow: hidden; z-index: 1; }

#footer .family_site .family-inner { position: relative; }

#footer .family_site .select-btn { width: 195px; height: 35px; position: absolute; top: 145px; left: 0; border-bottom: 1px solid #666666; z-index: 10; background-color: transparent; }

#footer .family_site .select-btn:after { content: ""; display: block; position: absolute; top: 15px; right: 10px; border-color: #aaaaaa transparent transparent transparent; border-style: solid; border-width: 5px 5px 0 5px; }

#footer .family_site .select-area { position: absolute; top: 135px; width: 195px; padding: 10px 0 35px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; z-index: 5; }

#footer .family_site .select-area .tit { width: 100%; padding: 7px 15px 10px; font-size: 14px; color: #d5d5d5; }

#footer .family_site .select-area .list-area { overflow: hidden; height: 100px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

#footer .family_site .select-area .list-area .family-list li { display: block; }

#footer .family_site .select-area .list-area .family-list a { display: block; padding: 3px 15px; font-size: 12px; color: #999999; }

#footer .family_site .select-area .list-area .family-list a:hover { color: #d5d5d5; text-decoration: underline; }

#footer .family_site.active { z-index: 7; }

#footer .family_site.active .select-btn:after { border-color: transparent transparent #aaaaaa transparent; border-style: solid; border-width: 0 5px 5px 5px; }

#footer .family_site.active .select-area { top: 0px; background-color: #272727; }

@media screen and (max-width: 1024px) { #footer { min-width: auto; height: auto; }
  #footer .footer-inner { width: 100%; min-width: auto; margin: 0 auto; padding: 20px 15px 20px; }
  #footer .other-list { position: relative; width: 100%; }
  #footer .address, #footer .copyright { position: relative; }
  #footer .family_site { top: auto; bottom: 20px; left: 15px; right: auto; margin-top: -180px; box-sizing: border-box; } }

.scroll_top { display: none; position: absolute; bottom: 50px; left: 50%; width: 56px; height: 56px; margin: 0 0 0 540px; cursor: pointer; z-index: 100; }

.scroll_top a { position: relative; display: block; width: 56px; height: 56px; background-color: #fff; border-radius: 50%; font-size: 12px; font-weight: bold; color: #000; border: 1px solid #efefef; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05); }

.scroll_top a:after { content: ""; display: inline-block; position: absolute; top: 15px; left: 23px; width: 10px; height: 8px; background-position: -107px -136px; }

.scroll_top a span { display: block; position: absolute; top: 22px; width: 100%; text-align: center; }

@media screen and (max-width: 1024px) { .scroll_top { left: auto; right: 10px; margin: 0; } }

.main #container { padding-top: 0px; }

.main .kv-wrap .full-bg { width: 100%; height: 734px; background: url(/resources/front/images/main/kv_main-01.jpg) center 0 no-repeat; background-size: cover; }

.main .kv-wrap .inner { height: 734px; }

.main .kv-wrap .inner p { color: #ffffff; letter-spacing: 0.01em; text-align: center; }

.main .kv-wrap .inner .tit { margin-top: 30px; font-size: 52px; line-height: 1.33; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -moz-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; transition-delay: .5s; }

.main .kv-wrap .inner .txt { margin-top: 30px; font-size: 18px; font-weight: 300; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -moz-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; transition-delay: .6s; }

.main .kv-wrap.motion_on .inner .tit, .main .kv-wrap.motion_on .inner .txt { -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; }

@media screen and (max-width: 1024px) { .main .kv-wrap .full-bg { width: 100%; height: 425px; }
  .main .kv-wrap .inner { height: 485px; padding: 0 30px; }
  .main .kv-wrap .inner .tit { margin-top: 10px; font-size: 23px; }
  .main .kv-wrap .inner .txt { margin-top: 10px; font-size: 14px; } }

.main #container #contents .body-inner { position: relative; padding-bottom: 80px; }

.main section .con_title .h2 { padding-top: 70px; font-size: 40px; text-align: center; font-weight: 500; }

.main section .con_title .desc { padding-top: 20px; font-size: 18px; text-align: center; }

.main section .h2, .main section .h3 { word-wrap: break-word; word-break: keep-all; }

.main section .more { margin-top: 20px; padding-bottom: 15px; position: relative; }

.main section .more span { font-size: 16px; color: #e0002a; }

.main section .more i { margin-top: 3px; margin-left: 3px; vertical-align: top; }

.main section .con_title { padding-top: 20px; }

.main section .con_title .h2 { transition-delay: .1s; }

.main section .con_title .desc { transition-delay: .2s; }

.main section ul > .item1, .main section ul > .tip1 { transition-delay: .3s; }

.main section ul > .item2, .main section ul > .tip2 { transition-delay: .4s; }

.main section ul > .item3, .main section ul > .tip3 { transition-delay: .5s; }

.main section ul > .item4, .main section ul > .tip4 { transition-delay: .6s; }

.main section ul > .item5, .main section ul > .tip5 { transition-delay: .7s; }

.main section .p_center .notice-item { transition-delay: .3s; }

.main section .p_center .proposal-item { transition-delay: .4s; }

.main section .motion_tar { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -moz-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; }

.main section.scroll_motion .motion_tar { -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; }

@media screen and (max-width: 1024px) { .main #container #contents .body-inner { padding-bottom: 10px; }
  .main section .con_title { padding: 0 30px; }
  .main section .con_title .h2 { padding-top: 35px; font-size: 21px; }
  .main section .con_title .desc { padding-top: 15px; font-size: 14px; } }

.main .section1 .con_title { padding-top: 20px; }

.main .section1 .p_action-list { margin-top: 40px; width: calc( 100% + 30px); margin-left: -15px; }

.main .section1 .p_action-list:after { content: ""; display: block; clear: both; }

.main .section1 .p_action-list li { float: left; width: 25%; }

.main .section1 .p_action-list li .li-inner { margin: 0 15px; }

.main .section1 .p_action-list li .li-inner > a { display: block; padding: 32px 40px; border: 1px solid transparent; background-color: #f4f4f6; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.main .section1 .p_action-list li .h3 { font-size: 20px; color: #222222; letter-spacing: -0.05em; }

.main .section1 .p_action-list li .desc { margin-top: 10px; font-size: 16px; letter-spacing: -0.05em; }

.main .section1 .p_action-list li .more { margin-top: 42px; padding-bottom: 0; }

@media screen and (max-width: 1024px) { .main .section1 .con_title { padding-top: 0px; }
  .main .section1 .p_action-list { margin-top: 0px; padding-top: 10px; }
  .main .section1 .p_action-list li { margin-top: 10px; float: none; width: 100%; }
  .main .section1 .p_action-list li .li-inner > a { padding: 15px 20px; }
  .main .section1 .p_action-list li .h3 { font-size: 17px; }
  .main .section1 .p_action-list li .desc { margin-top: 5px; font-size: 14px; }
  .main .section1 .p_action-list li .more { margin-top: 20px; }
  .main .section1 .p_action-list li .more span { font-size: 14px; } }

.main .section2 { background: url(/resources/front/images/main/kv_con-02.jpg) center 0 no-repeat; background-size: cover; }

.main .section2 .con_title .h2 { color: #ffffff; }

.main .section2 .con_title .desc { color: #ffffff; }

.main .section2 .p_tip-list { margin-top: 40px; margin-left: -23px; width: calc( 100% + 74px); }

.main .section2 .p_tip-list:after { content: ""; display: block; clear: both; }

.main .section2 .p_tip-list li { float: left; width: 20%; }

.main .section2 .p_tip-list li .li-inner { margin: 0 37px; }

.main .section2 .p_tip-list li .li-inner > a { display: block; }

.main .section2 .p_tip-list li .li-inner > a .img { display: inline-block; font-size: 0; line-height: 0; }

.main .section2 .p_tip-list li .li-inner > a .img img { -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.main .section2 .p_tip-list .typo-area { text-align: center; margin-top: 20px; }

.main .section2 .p_tip-list .typo-area h3 { display: inline-block; min-height: 56px; font-size: 18px; font-weight: 500; color: #ffffff; }

.main .section2 .p_tip-list .tip1 .img { background: url(/resources/front/images/main/se02_01.png) 0 0 no-repeat; background-size: 100%; }

.main .section2 .p_tip-list .tip2 .img { background: url(/resources/front/images/main/se02_02.png) 0 0 no-repeat; background-size: 100%; }

.main .section2 .p_tip-list .tip3 .img { background: url(/resources/front/images/main/se02_03.png) 0 0 no-repeat; background-size: 100%; }

.main .section2 .p_tip-list .tip4 .img { background: url(/resources/front/images/main/se02_04.png) 0 0 no-repeat; background-size: 100%; }

.main .section2 .p_tip-list .tip5 .img { background: url(/resources/front/images/main/se02_05.png) 0 0 no-repeat; background-size: 100%; }

@media screen and (max-width: 1024px) { .main .section2 .body-inner { padding-left: 5px; padding-right: 5px; }
  .main .section2 .p_tip-list { margin-top: 20px; margin-left: 50px; width: 100%; }
  .main .section2 .p_tip-list li { float: left; width: 50%; margin-bottom: 20px; }
  .main .section2 .p_tip-list li .li-inner { text-align: center; margin: 0px; }
  .main .section2 .p_tip-list li .li-inner > a { display: inline-block; }
  .main .section2 .p_tip-list li .li-inner > a .img { margin: 0 20px; }
  .main .section2 .p_tip-list li .li-inner > a .img img { width: 98px; }
  .main .section2 .p_tip-list .typo-area { margin-top: 10px; padding: 0 10px; }
  .main .section2 .p_tip-list .tip5 { margin-bottom: 0; } }

.main .section3 .p_center { position: relative; width: calc( 100% + 28px); margin-top: 50px; margin-left: -14px; }

.main .section3 .p_center:after { content: ""; display: block; clear: both; }

.main .section3 .p_center .colitem { float: left; width: 50%; }

.main .section3 .p_center .colitem .item-inner { position: relative; margin: 0 14px; padding: 25px 30px; height: 214px; }

.main .section3 .p_center .colitem .title-box .h3 { font-size: 24px; }

.main .section3 .p_center .notice-item .item-inner { border: 1px solid #cccccc; }

.main .section3 .p_center .notice-item .title-box { color: #222222; }

.main .section3 .p_center .notice-item .title-box .more-btn { position: absolute; top: 30px; right: 30px; font-size: 16px; color: #454545; }

.main .section3 .p_center .notice-item .news-list { margin-top: 25px; }

.main .section3 .p_center .notice-item .news-list li { position: relative; margin-top: 10px; }

.main .section3 .p_center .notice-item .news-list li:after { content: ""; display: block; position: absolute; }

.main .section3 .p_center .notice-item .news-list li:first-child { margin-top: 0; }

.main .section3 .p_center .notice-item .news-list .title { width: calc(100% - 90px); padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.main .section3 .p_center .notice-item .news-list .title:after { content: ""; display: block; width: 3px; height: 3px; position: absolute; top: 10px; left: 0; background-color: #555555; }

.main .section3 .p_center .notice-item .news-list .date { position: absolute; top: 0; right: 0; width: 90px; color: #777777; text-align: right; }

.main .section3 .p_center .proposal-item .item-inner { background: url(/resources/front/images/main/proposal_bg.jpg) center center no-repeat; background-size: 100% 100%; transition: background-size 0.5s ease-out; -moz-transition: background-size 0.5s ease-out; -web-kit-transition: background-size 0.5s ease-out; }

.main .section3 .p_center .proposal-item .title-box .h3 { color: #fff; }

.main .section3 .p_center .proposal-item .desc { margin-top: 20px; color: #fff; font-weight: 400; word-wrap: break-word; word-break: keep-all; }

.main .section3 .p_center .proposal-item .more { margin-top: 25px; }

.main .section3 .p_center .proposal-item .more span { color: #fff; }

@media screen and (max-width: 1024px) { .main .section3 .p_center { width: 100%; margin-top: 20px; margin-left: 0px; }
  .main .section3 .p_center .colitem { float: none; width: 100%; }
  .main .section3 .p_center .colitem .item-inner { margin: 0; padding: 20px 25px; height: auto; }
  .main .section3 .p_center .colitem .title-box .h3 { font-size: 17px; }
  .main .section3 .p_center .notice-item { margin-bottom: 15px; }
  .main .section3 .p_center .notice-item .title-box .more-btn { top: 20px; right: 25px; font-size: 14px; }
  .main .section3 .p_center .notice-item .title-box .more-btn .icon_main_noticemore { vertical-align: top; padding: 1px 0 0 3px; }
  .main .section3 .p_center .notice-item .news-list { margin-top: 20px; }
  .main .section3 .p_center .notice-item .news-list li { margin-top: 10px; }
  .main .section3 .p_center .notice-item .news-list li:first-child { margin-top: 0; }
  .main .section3 .p_center .notice-item .news-list .title { width: 100%; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .main .section3 .p_center .notice-item .news-list .title:after { content: ""; display: block; width: 3px; height: 3px; top: 8px; left: 0; }
  .main .section3 .p_center .notice-item .news-list .date { position: relative; width: 100%; padding-left: 10px; text-align: left; }
  .main .section3 .p_center .proposal-item .item-inner { background-size: cover; }
  .main .section3 .p_center .proposal-item .desc { margin-top: 20px; }
  .main .section3 .p_center .proposal-item .more { margin-top: 20px; padding-bottom: 5px; }
  .main .section3 .p_center .proposal-item .more span { font-size: 14px; } }

/* pc 일때 Over 모션 */
.is_pc .main .section1 .p_action-list li .li-inner > a:hover { border: 1px solid #e0002a; background-color: #fff; box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.01), 10px 10px 5px 0 rgba(0, 0, 0, 0.01); /* .more i {  -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-name: moredot;   -webkit-animation-duration: 0.4s;  -webkit-animation-timing-function: ease-in-out; animation-name: moredot; animation-duration: 0.4s ; animation-timing-function: ease-in-out; } */ }

.is_pc .main .section2 .p_tip-list li .li-inner > a:hover .img img { -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.05), 0px 5px 15px 0 rgba(0, 0, 0, 0.05); }

.is_pc .main .section3 .p_center .proposal-item .more-btn:hover { /*      .more i { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-name: moredot;   -webkit-animation-duration: 0.4s;  -webkit-animation-timing-function: ease-in-out; animation-name: moredot; animation-duration: 0.4s ; animation-timing-function: ease-in-out; } */ }

.is_pc .main .section3 .p_center .proposal-item .more-btn:hover .item-inner { background-size: 110% 110%; }

@-webkit-keyframes moredot { 0% { margin-left: 3px; }
  40% { margin-left: 8px; }
  100% { margin-left: 3px; } }

/* 정책 */
.policy { /* 개인정보 보호원칙 */ /* 개인정보 처리방침  */ }

.policy .select-area { max-width: 340px; margin: 20px auto 0; }

.policy .sub_title .btn_set-center { margin-top: 35px; }

@media screen and (max-width: 1024px) { .policy .select-area { width: 100%; }
  .policy .sub_title .btn_set-center { margin-top: 5px; }
  .policy .sub_title .btn_set-center .btn { margin-top: 15px; } }

.policy .con-box { margin-top: 35px; padding: 40px; border: solid 1px #d0d0d0; }

.policy .con-box .authorship-box { margin-top: 30px; }

@media screen and (max-width: 1024px) { .policy .con-box { margin-top: 15px; padding: 20px; border: solid 1px #d0d0d0; }
  .policy .con-box .authorship-box { margin-top: 15px; } }

.policy .info_gray-box { padding: 40px 45px; background-color: #f4f4f6; }

.policy .info_gray-box:after { content: ""; display: block; clear: both; }

.policy .info_gray-box .tit { font-size: 20px; font-weight: 500; color: #222222; }

.policy .info_gray-box dt { margin-bottom: 10px; font-size: 16px; font-weight: 500; color: #222222; }

.policy .info_gray-box .mark_dot-list { margin-top: 20px; }

.policy .info_gray-box .mark_dot-list .ml_tel { margin-left: 42px; display: inline-block; }

.policy .info_gray-box .item1 { float: left; width: 50%; }

.policy .info_gray-box .item2 { float: left; width: 50%; padding-left: 20px; }

@media screen and (max-width: 1024px) { .policy .info_gray-box { padding: 20px 25px; }
  .policy .info_gray-box .tit { font-size: 16px; }
  .policy .info_gray-box dt { margin-bottom: 10px; font-size: 14px; }
  .policy .info_gray-box .mark_dot-list { margin-top: 10px; }
  .policy .info_gray-box .item1 { float: none; width: 100%; }
  .policy .info_gray-box .item2 { float: none; width: 100%; margin-top: 30px; padding-left: 0px; } }

.policy .protect_rule-area { position: relative; height: 900px; }

.policy .protect_rule-area .protect_rule > dt { position: absolute; left: 380px; top: 300px; /* 156 */ }

.policy .protect_rule-area .protect_rule > dt .line { width: 317px; padding: 41px; border-radius: 50%; border: solid 1px #dcdcdc; }

.policy .protect_rule-area .protect_rule > dt .bg { width: 233px; height: 233px; padding-top: 110px; font-size: 24px; color: #ffffff; font-weight: 500; text-align: center; line-height: 1.33; letter-spacing: -0.2px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15); border-radius: 50%; background: #333333 url(/resources/front/images/policy/protect_rule-logo.png) center 50px no-repeat; }

.policy .protect_rule-area .rule_total5 { /* [2018-0801] 변경 */ /* //[2018-0801] 변경 */ }

.policy .protect_rule-area .rule_total5 li { position: absolute; }

.policy .protect_rule-area .rule_total5 li::after { content: ""; display: block; position: absolute; }

.policy .protect_rule-area .rule_total5 li .li-inner { border: solid 1px #c9c9c9; }

.policy .protect_rule-area .rule_total5 li dl { padding: 10px; min-height: 28px; font-size: 20px; color: #222222; font-weight: 500; letter-spacing: -0.2px; line-height: 1.3; text-align: center; background-color: #f3f3f6; }

.policy .protect_rule-area .rule_total5 li dd { padding: 15px 20px; font-size: 16px; font-weight: 300; letter-spacing: -0.2px; line-height: 1.63; text-align: center; background-color: #fff; }

.policy .protect_rule-area .rule_total5 .rule_1 { top: 84px; left: 402px; width: 270px; }

.policy .protect_rule-area .rule_total5 .rule_1::after { bottom: -63px; left: 50%; margin-left: -5px; width: 20px; height: 64px; background: url(/resources/front/images/policy/protect_rule-dot1.png) 0 0 no-repeat; }

.policy .protect_rule-area .rule_total5 .rule_2 { top: 360px; left: 760px; width: 250px; }

.policy .protect_rule-area .rule_total5 .rule_2::after { top: 60px; left: -72px; width: 73px; height: 20px; background: url(/resources/front/images/policy/protect_rule-dot2.png) 0 0 no-repeat; }

.policy .protect_rule-area .rule_total5 .rule_3 { top: 670px; left: 585px; width: 280px; }

.policy .protect_rule-area .rule_total5 .rule_3::after { top: -87px; left: 38px; margin-left: -5px; width: 20px; height: 88px; background: url(/resources/front/images/policy/protect_rule-dot3.png) 0 0 no-repeat; }

.policy .protect_rule-area .rule_total5 .rule_4 { top: 670px; left: 225px; width: 270px; }

.policy .protect_rule-area .rule_total5 .rule_4::after { top: -87px; left: 215px; margin-left: -5px; width: 20px; height: 88px; background: url(/resources/front/images/policy/protect_rule-dot4.png) 0 0 no-repeat; }

.policy .protect_rule-area .rule_total5 .rule_5 { top: 360px; left: 90px; width: 240px; }

.policy .protect_rule-area .rule_total5 .rule_5::after { top: 60px; right: -58PX; width: 59px; height: 20px; background: url(/resources/front/images/policy/protect_rule-dot5.png) 0 0 no-repeat; }

@media screen and (max-width: 1024px) { .policy .protect_rule-area { height: auto; margin-top: 95px; }
  .policy .protect_rule-area .protect_rule { position: relative; }
  .policy .protect_rule-area .protect_rule > dt { position: relative; top: auto; left: 0; width: 156px; margin: 0 auto; /* 156 */ }
  .policy .protect_rule-area .protect_rule > dt .line { width: 156px; padding: 21px; }
  .policy .protect_rule-area .protect_rule > dt .bg { width: 115px; height: 115px; padding-top: 60px; font-size: 15px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15); background: #333333 url(/resources/front/images/policy/protect_rule-logo.png) center 20px no-repeat; background-size: 62%; }
  .policy .protect_rule-area .dd-mb { position: relative; width: 290px; height: 225px; margin: 0 auto; margin-top: -160px; }
  .policy .protect_rule-area .dd-mb .rule_total5-mb li { position: absolute; width: 100px; }
  .policy .protect_rule-area .dd-mb .rule_total5-mb li .tit { font-size: 15px; color: #222222; font-weight: 500; letter-spacing: -0.01em; text-align: center; }
  .policy .protect_rule-area .dd-mb .rule_total5-mb li:after { position: absolute; content: ""; width: 6px; height: 6px; background-color: #e0002a; border-radius: 50%; }
  .policy .protect_rule-area .dd-mb .rule_total5-mb .rule_1 { top: -55px; left: 95px; }
  .policy .protect_rule-area .dd-mb .rule_total5-mb .rule_1::after { bottom: -13px; left: 50%; margin-left: -3px; }
  .policy .protect_rule-area .dd-mb .rule_total5-mb .rule_2 { top: 25px; right: -15px; }
  .policy .protect_rule-area .dd-mb .rule_total5-mb .rule_2::after { bottom: 2px; left: 13px; }
  .policy .protect_rule-area .dd-mb .rule_total5-mb .rule_3 { top: 140px; right: 10px; }
  .policy .protect_rule-area .dd-mb .rule_total5-mb .rule_3::after { top: -10px; left: 20px; }
  .policy .protect_rule-area .dd-mb .rule_total5-mb .rule_4 { top: 140px; left: 10px; }
  .policy .protect_rule-area .dd-mb .rule_total5-mb .rule_4::after { top: -10px; right: 20px; }
  .policy .protect_rule-area .dd-mb .rule_total5-mb .rule_5 { top: 25px; left: -15px; }
  .policy .protect_rule-area .dd-mb .rule_total5-mb .rule_5::after { bottom: 2px; right: 13px; }
  .policy .protect_rule-area .rule_total5 li { position: relative; margin-top: 15px; }
  .policy .protect_rule-area .rule_total5 li::after { content: ""; display: none; position: absolute; }
  .policy .protect_rule-area .rule_total5 li .li-inner { border: solid 1px #c9c9c9; }
  .policy .protect_rule-area .rule_total5 li dl { padding: 15px; min-height: auto; font-size: 16px; color: #222222; font-weight: 500; letter-spacing: -0.2px; line-height: 1.3; text-align: left; background-color: #f3f3f6; }
  .policy .protect_rule-area .rule_total5 li dd { padding: 15px; font-size: 14px; letter-spacing: -0.2px; line-height: 1.63; text-align: left; }
  .policy .protect_rule-area .rule_total5 .rule_1, .policy .protect_rule-area .rule_total5 .rule_2, .policy .protect_rule-area .rule_total5 .rule_3, .policy .protect_rule-area .rule_total5 .rule_4, .policy .protect_rule-area .rule_total5 .rule_5 { top: 0; left: 0; width: 100%; } }

.policy .terms-area .list-wrap { padding: 60px 60px; }

.policy .terms-area .list-wrap .terms-list a { display: block; padding: 10px 0; font-size: 18px; color: #222222; }

.policy .terms-area .body-wrap { padding: 35px 60px; background-color: #ffffff; border-top: 1px solid #d0d0d0; }

.policy .terms-area .body-wrap .terms_contents { padding: 0; }

@media screen and (max-width: 1024px) { .policy .terms-area .list-wrap { padding: 10px 0px; }
  .policy .terms-area .list-wrap .terms-list a { display: block; padding: 5px 10px; font-size: 16px; }
  .policy .terms-area .body-wrap { padding: 15px 10px; } }

/* 보호활동 */
.protection .infog-area.infog4 .infog-list li { margin-bottom: 30px; }

.protection .citation-body { margin-top: 15px; }

.protection .citation-body .con_title { padding: 55px 0 40px; font-size: 28px; color: #222222; font-weight: 500; }

.protection .citation-area { position: relative; padding-bottom: 30px; border-bottom: 1px solid #d0d0d0; }

.protection .citation-area .citation-list { margin-left: -15px; width: calc(100% + 30px); }

.protection .citation-area .citation-list li { float: left; width: 33.3333%; }

.protection .citation-area .citation-list li .li-inner { border: 1px solid #d0d0d0; margin: 0 15px 30px; }

.protection .citation-area .citation-list li .img { display: block; text-align: center; padding: 15px 0 0; }

.protection .citation-area .citation-list li .img img { display: inline-block; }

.protection .citation-area .citation-list li .name-box { display: table; width: 100%; min-height: 70px; }

.protection .citation-area .citation-list li .name { display: table-cell; padding: 0px 10px 10px; font-size: 20px; color: #222222; line-height: 1.5; text-align: center; vertical-align: middle; }

.protection .citation-area .citation-list:after { content: ""; display: block; clear: both; }

@media screen and (max-width: 1024px) { .protection .citation-body { margin-top: 0px; }
  .protection .citation-body .con_title { padding: 40px 0 10px; font-size: 18px; }
  .protection .citation-area { position: relative; padding-bottom: 30px; border-bottom: 1px solid #d0d0d0; }
  .protection .citation-area .citation-list { margin-left: -5px; width: calc(100% + 10px); }
  .protection .citation-area .citation-list li { float: left; width: 50%; }
  .protection .citation-area .citation-list li .li-inner { border: 1px solid #d0d0d0; margin: 0 5px 10px;}
  .protection .citation-area .citation-list li .img { display: block; text-align: center; padding: 15px 0 0; }
  .protection .citation-area .citation-list li .img img { display: inline-block;  }
  .protection .citation-area .citation-list li .name-box { min-height: 70px; }
  .protection .citation-area .citation-list li .name { padding: 0px 10px 20px; font-size: 14px; line-height: 1.5; }
  .protection .citation-area .citation-list:after { content: ""; display: block; clear: both; } }

.protection .history-area { /* 육각 형모양 */ /* 원 */ }

.protection .history-area .timeline { position: relative; width: 1000px; margin: 0 auto 0; text-align: center; /* 좌우 정열 */ /* 아이템위치 */ }

.protection .history-area .timeline::before { content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 5px; left: 50%; background-color: #777777; }

.protection .history-area .timeline .year-box { display: inline-block; margin-top: 60px; min-height: 136px; }

.protection .history-area .timeline .year-box:first-child { margin-top: 0px; }

.protection .history-area .timeline .year_history::after { content: ""; display: block; clear: both; }

.protection .history-area .timeline .year_history .year_history-inner { position: relative; width: 420px; }

.protection .history-area .timeline .year_history .year_history-inner::before { content: ""; display: block; width: 85px; height: 1px; position: absolute; top: 85px; background-color: #d0d0d0; }

.protection .history-area .timeline .year_history .year_history-inner:after { content: ""; display: block; width: 9px; height: 9px; position: absolute; top: 81px; background-color: #e0002a; border-radius: 50%; }

.protection .history-area .timeline .year_history .year { padding: 30px 0 10px; font-size: 20px; color: #e0002a; }

.protection .history-area .timeline .year_history .history-box { position: relative; padding: 20px; margin-top: -1px; border: 1px solid #d0d0d0; }

.protection .history-area .timeline .year_history .history-box .name { display: inline-block; }

.protection .history-area .timeline .year_history .history-box.simbol-in { min-height: 105px; }

.protection .history-area .timeline .year_history .history-box.simbol-in .i_history-list { height: 100%; }

.protection .history-area .timeline .year_history .history-box.simbol-in .name { width: calc(100% - 100px); }

.protection .history-area .timeline .year_history .history-box.simbol-in .line_one { line-height: 55px; }

.protection .history-area .timeline .year_history .i_history-list li { padding: 5px 0 5px; }

.protection .history-area .timeline .year_history .i_history-list .img { position: absolute; bottom: 20px; }

.protection .history-area .timeline .year_history .i_history-list .news_link { position: relative; text-decoration: underline; }

.protection .history-area .timeline .year_history .i_history-list i { position: relative; display: inline-block; width: 15px; height: 15px; }

.protection .history-area .timeline .year_history .i_history-list i:after { content: ""; display: block; position: absolute; top: 5px; right: 0; width: 10px; height: 10px; background-position: -180px -98px; }

.protection .history-area .timeline .year_history.p_fr .year_history-inner { float: right; }

.protection .history-area .timeline .year_history.p_fr .year_history-inner::before { left: -84px; }

.protection .history-area .timeline .year_history.p_fr .year_history-inner:after { left: -84px; }

.protection .history-area .timeline .year_history.p_fr .year_history-inner .year { text-align: left; }

.protection .history-area .timeline .year_history.p_fr .year_history-inner .i_history-list li { text-align: left; }

.protection .history-area .timeline .year_history.p_fr .year_history-inner .i_history-list .img { right: 20px; }

.protection .history-area .timeline .year_history.p_fl .year_history-inner { float: left; }

.protection .history-area .timeline .year_history.p_fl .year_history-inner::before { right: -85px; }

.protection .history-area .timeline .year_history.p_fl .year_history-inner:after { right: -85px; }

.protection .history-area .timeline .year_history.p_fl .year_history-inner .year { text-align: right; }

.protection .history-area .timeline .year_history.p_fl .year_history-inner .i_history-list li { text-align: right; }

.protection .history-area .timeline .year_history.p_fl .year_history-inner .i_history-list .img { left: 20px; }

.protection .history-area .timeline .year_history.item2012 .year_history-inner .img.img1_2012 { margin-bottom: 20px; width: 80px; }

.protection .history-area .timeline .year_history.item2012 .year_history-inner .img.img1_2012 img { width: 100%; }

.protection .history-area .timeline .year_history.item2012 .year_history-inner .img.img2_2012 { margin-bottom: 10px; width: 100px; }

.protection .history-area .timeline .year_history.item2012 .year_history-inner .img.img2_2012 img { width: 100%; }

.protection .history-area .timeline .item2018 { margin-top: -10px; }

.protection .history-area .timeline .item2017 { margin-top: -130px; }

.protection .history-area .timeline .item2016 { margin-top: 0px; }

.protection .history-area .timeline .item2015 { margin-top: -130px; }

.protection .history-area .timeline .item2012 { margin-top: -10px; }

.protection .history-area .timeline .item2011 { margin-top: -320px; }

.protection .history-area .timeline .item2009 { margin-top: -200px; }

.protection .history-area .timeline .item2003 { margin-top: 0; }

@media screen and (max-width: 1024px) { .protection .history-area .con_title { padding-bottom: 20px; }
  .protection .history-area .timeline { text-align: left; width: auto; /* 좌우 정열 */ /* 아이템위치 */ }
  .protection .history-area .timeline::before { width: 1px; height: 100%; position: absolute; top: 5px; left: 47px; }
  .protection .history-area .timeline .year-box { margin-top: 30px; min-height: 95px; }
  .protection .history-area .timeline .year_history { padding-left: 95px; }
  .protection .history-area .timeline .year_history .year_history-inner { position: relative; width: 100%; }
  .protection .history-area .timeline .year_history .year_history-inner::before { content: ""; display: block; width: 52px; height: 1px; position: absolute; top: 85px; }
  .protection .history-area .timeline .year_history .year_history-inner:after { width: 9px; height: 9px; position: absolute; top: 81px; left: 52px; }
  .protection .history-area .timeline .year_history .year { padding: 10px 0 2px; font-size: 16px; }
  .protection .history-area .timeline .year_history .history-box { padding: 15px 15px; }
  .protection .history-area .timeline .year_history .history-box .name { width: calc(100% - 60px); min-height: 46px; line-height: 1.5; display: -webkit-flex; /* Safari */ display: -ms-flex; /* ie10 */ display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .protection .history-area .timeline .year_history .history-box.simbol-in { min-height: 78px; }
  .protection .history-area .timeline .year_history .history-box.simbol-in .i_history-list { height: 100%; }
  .protection .history-area .timeline .year_history .history-box.simbol-in .name { width: calc(100% - 60px); min-height: 46px; line-height: 1.5; display: -webkit-flex; /* Safari */ display: -ms-flex; /* ie10 */ display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .protection .history-area .timeline .year_history .history-box.simbol-in .line_one { line-height: 1.5; }
  .protection .history-area .timeline .year_history .i_history-list li { padding: 0px; position: relative; }
  .protection .history-area .timeline .year_history .i_history-list .img { position: absolute; top: 50%; bottom: auto; margin-top: -23px; width: 47px; }
  .protection .history-area .timeline .year_history .i_history-list .img img { width: 100%; }
  .protection .history-area .timeline .year_history .i_history-list .news_link { position: relative; text-decoration: underline; }
  .protection .history-area .timeline .year_history .i_history-list i { position: relative; display: inline-block; width: 15px; height: 15px; }
  .protection .history-area .timeline .year_history .i_history-list i:after { content: ""; display: block; position: absolute; top: 5px; right: 0; width: 10px; height: 10px; background-position: -180px -98px; }
  .protection .history-area .timeline .year_history.p_fr .year_history-inner { float: right; }
  .protection .history-area .timeline .year_history.p_fr .year_history-inner::before { left: -52px; }
  .protection .history-area .timeline .year_history.p_fr .year_history-inner:after { left: -52px; }
  .protection .history-area .timeline .year_history.p_fr .year_history-inner .year { text-align: left; }
  .protection .history-area .timeline .year_history.p_fr .year_history-inner .i_history-list li { text-align: left; }
  .protection .history-area .timeline .year_history.p_fr .year_history-inner .i_history-list .img { right: 0px; }
  .protection .history-area .timeline .year_history.p_fl .year_history-inner { float: left; }
  .protection .history-area .timeline .year_history.p_fl .year_history-inner::before { left: -52px; right: auto; }
  .protection .history-area .timeline .year_history.p_fl .year_history-inner:after { left: -52px; right: auto; }
  .protection .history-area .timeline .year_history.p_fl .year_history-inner .year { text-align: left; }
  .protection .history-area .timeline .year_history.p_fl .year_history-inner .i_history-list li { text-align: left; }
  .protection .history-area .timeline .year_history.p_fl .year_history-inner .i_history-list .img { left: auto; right: 0px; }
  .protection .history-area .timeline .year_history.item2012 .year_history-inner .history-box { padding-bottom: 65px; }
  .protection .history-area .timeline .year_history.item2012 .year_history-inner .history-box .img { top: auto; bottom: -55px; margin-top: 0; }
  .protection .history-area .timeline .year_history.item2012 .year_history-inner .history-box .img.img1_2012 { width: 80px; bottom: -70px; }
  .protection .history-area .timeline .year_history.item2012 .year_history-inner .history-box .img.img2_2012 { width: 80px; bottom: -60px; }
  .protection .history-area .timeline .year_history.item2012 .year_history-inner .history-box .name { display: block; width: calc(100% - 30px); }
  .protection .history-area .timeline .item2018, .protection .history-area .timeline .item2017, .protection .history-area .timeline .item2016, .protection .history-area .timeline .item2015, .protection .history-area .timeline .item2012, .protection .history-area .timeline .item2011, .protection .history-area .timeline .item2009, .protection .history-area .timeline .item2003 { margin-top: 0px; } }

.protection .history-area .shape6 { text-align: center; font-size: 24px; font-weight: 500; color: #ffffff; line-height: 0.97; width: 116px; height: 70px; margin: 33px 0 0 0px; background: #e0002a; position: relative; }

.protection .history-area .shape6:before { content: ""; position: absolute; top: -33px; left: 0; width: 0; height: 0; border-left: 58px solid transparent; border-right: 58px solid transparent; border-bottom: 33px solid #e0002a; }

.protection .history-area .shape6:after { content: ""; position: absolute; bottom: -33px; left: 0; width: 0; height: 0; border-left: 58px solid transparent; border-right: 58px solid transparent; border-top: 33px solid #e0002a; }

.protection .history-area .shape { text-align: center; font-size: 24px; font-weight: 500; color: #ffffff; line-height: 0.97; width: 120px; height: 120px; border-radius: 50%; margin: 0px 0 0 0px; padding-top: 22px; background: #333333; position: relative; }

@media screen and (max-width: 1024px) { .protection .history-area .shape { font-size: 18px; width: 95px; height: 95px; margin: 0px 0 0 0px; padding-top: 20px; background: #333333; position: relative; }
  .protection .history-area .shape:before { display: none; }
  .protection .history-area .shape:after { display: none; } }

/* 관련지식 */
.knowledge .markcard-body { margin-top: 25px; }

.knowledge .markcard-body .mark_item { margin-top: 15px; word-wrap: break-word; word-break: keep-all; }

.knowledge .markcard-list { width: calc( 100% + 30px); margin-left: -15px; }

.knowledge .markcard-list:after { content: ""; display: block; clear: both; }

.knowledge .markcard-list li { float: left; width: 33.3333%; word-wrap: break-word; word-break: keep-all; }

.knowledge .markcard-list .li-inner { border: 1px solid #d0d0d0; margin: 0 15px; padding: 40px 0 35px; }

.knowledge .markcard-list .li-inner div { text-align: center; }

.knowledge .markcard-list .img { position: relative; padding: 0px 30px; font-size: 0; line-height: 0; }

.knowledge .markcard-list .img img { display: inline-block; }

.knowledge .markcard-list .img .add { position: absolute; top: 47px; left: 50%; margin-left: -17px; }

.knowledge .markcard-list .txt_t { margin-top: 15px; font-size: 20px; color: #222222; }

.knowledge .markcard-list .txt_b { margin-top: 20px; min-height: 100px; }

@media screen and (max-width: 1024px) { .knowledge .markcard-body { margin-top: 15px; }
  .knowledge .markcard-body .mark_item { margin-top: 10px; }
  .knowledge .markcard-list { width: 100%; margin-left: 0px; }
  .knowledge .markcard-list li { float: none; width: 100%; }
  .knowledge .markcard-list .li-inner { margin: 0 0px 10px; padding: 20px 0 17px; }
  .knowledge .markcard-list .img { position: relative; padding: 0px 0px; font-size: 0; line-height: 0; }
  .knowledge .markcard-list .img img { width: 110px; }
  .knowledge .markcard-list .img .add { top: 40px; left: 50%; width: 30px; margin-left: -15px; }
  .knowledge .markcard-list .txt_t { margin-top: 10px; padding: 0 10px; font-size: 16px; }
  .knowledge .markcard-list .txt_b { margin-top: 10px; padding: 0 10px; font-size: 14px; min-height: auto; } }

.knowledge .card-area .con_title { padding-top: 70px; }

.knowledge .guide-wrap { position: relative; }

.knowledge .guide-wrap .guide-list { margin-left: -15px; width: calc(100% + 30px); }

.knowledge .guide-wrap .guide-list li { float: left; width: 25%; }

.knowledge .guide-wrap .guide-list li .li-inner { margin: 15px; border: 1px solid #dbdbdb; }

.knowledge .guide-wrap .guide-list:after { content: ""; display: block; clear: both; }

.knowledge .guide-wrap .guide-list .top { min-height: 263px; text-align: center; background-color: #ffffff; }

.knowledge .guide-wrap .guide-list .top > span { display: inline-block; width: 100%; box-sizing: border-box; word-wrap: break-word; word-break: keep-all; }

.knowledge .guide-wrap .guide-list .bottom { min-height: 52px; text-align: center; border-top: 1px solid #dbdbdb; }

.knowledge .guide-wrap .guide-list .bottom a.btn_link { display: block; padding: 14px 0 13px; }

.knowledge .guide-wrap .guide-list .img { padding-top: 40px; }

.knowledge .guide-wrap .guide-list .name { padding: 15px 10px 0; font-size: 20px; font-weight: 500; }

.knowledge .guide-wrap .guide-list .link_text { position: relative; display: inline-block; padding-left: 30px; font-size: 16px; font-weight: 500; color: #222222; }

.knowledge .guide-wrap .guide-list .link_text:after { content: ""; display: block; position: absolute; top: 0; left: 0; }

.knowledge .guide-wrap .authorship-box { margin-top: 7px; }

@media screen and (max-width: 1024px) { .knowledge .card-area .con_title { padding: 40px 0 5px; }
  .knowledge .guide-wrap .guide-list { margin-left: -5px; width: calc(100% + 10px); }
  .knowledge .guide-wrap .guide-list li { width: 50%; }
  .knowledge .guide-wrap .guide-list li .li-inner { margin: 5px; border: 1px solid #dbdbdb; }
  .knowledge .guide-wrap .guide-list .top { min-height: 200px; }
  .knowledge .guide-wrap .guide-list .bottom { min-height: 45px; text-align: center; border-top: 1px solid #dbdbdb; }
  .knowledge .guide-wrap .guide-list .bottom a.btn_link { display: block; padding: 14px 0 13px; }
  .knowledge .guide-wrap .guide-list .img { padding-top: 20px; }
  .knowledge .guide-wrap .guide-list .name { padding: 10px 5px 0; max-height: 85px; font-size: 16px; box-sizing: border-box; }
  .knowledge .guide-wrap .guide-list .link_text { position: relative; display: inline-block; padding-left: 30px; font-size: 14px; }
  .knowledge .guide-wrap .guide-list .link_text:after { content: ""; display: block; position: absolute; top: 0; left: 0; }
  .knowledge .guide-wrap .authorship-box { margin-top: 7px; } }

.knowledge .step-area { padding-top: 20px; }

.knowledge .step-list li .li-inner { position: relative; padding: 50px 0 60px; }

.knowledge .step-list dl { margin-top: 15px; }

.knowledge .step-list dl dt { margin-top: 0px; font-size: 28px; font-weight: 500; color: #222222; }

.knowledge .step-list dl dd { margin-top: 15px; line-height: 1.8; padding-right: 20px; }

.knowledge .step-list dl dd p { margin-bottom: 20px; line-height: 1.8; }

.knowledge .step-list dl dd p:last-child { margin-bottom: 0; }

.knowledge .step-list .btn_set { margin-top: 25px; }

.knowledge .step-list .btn_set .btn { margin-right: 5px; }

.knowledge .step-list .btn_set .btn::first-child { margin-left: 0; }

.knowledge .step-list li:last-child { padding-bottom: 0; }

@media screen and (max-width: 1024px) { .knowledge .step-area { padding-top: 0px; }
  .knowledge .step-list li .li-inner { position: relative; padding: 25px 0 30px; }
  .knowledge .step-list dl dt { margin-top: 20px; font-size: 18px; }
  .knowledge .step-list dl dd { margin-top: 10px; font-size: 14px; padding-right: 0px; line-height: 1.56; }
  .knowledge .step-list dl dd p { margin-bottom: 10px; line-height: 1.56; }
  .knowledge .step-list .btn_set { margin-top: 0px; }
  .knowledge .step-list .btn_set .btn { margin-top: 10px; } }

.knowledge .link-body { margin-top: 20px; }

.knowledge .link_set-area { position: relative; padding: 50px 0 40px; }

.knowledge .link_set-area .link-list { margin-left: -15px; width: calc(100% + 30px); }

.knowledge .link_set-area .link-list li { float: left; width: 33.3333%; }

.knowledge .link_set-area .link-list li .li-inner { display: block; margin: 20px 15px; }

.knowledge .link_set-area .link-list li .li-inner .img { display: block; text-align: center; padding: 19px 0; height: 130px; box-sizing: border-box; border: 1px solid #d0d0d0; background-color: #f4f4f6; }

.knowledge .link_set-area .link-list li .li-inner .img img { display: inline-block; }

.knowledge .link_set-area .link-list li .li-inner .name { display: block; padding: 10px; font-size: 20px; color: #222222; text-align: center; }

.knowledge .link_set-area .link-list:after { content: ""; display: block; clear: both; }

.knowledge .link_set-area { border-bottom: 1px solid #d0d0d0; }

.knowledge .link_set-area:last-child { border-bottom: 0; }

@media screen and (max-width: 1024px) { .knowledge .link-body { margin-top: 0px; }
  .knowledge .link_set-area { position: relative; padding: 40px 0 10px; }
  .knowledge .link_set-area .link-list { margin-left: -5px; width: calc(100% + 10px); }
  .knowledge .link_set-area .link-list li { float: left; width: 50%; }
  .knowledge .link_set-area .link-list li .li-inner { display: block; margin: 5px 5px; }
  .knowledge .link_set-area .link-list li .li-inner .img { display: block; text-align: center; padding: 20px 0; height: auto; }
  .knowledge .link_set-area .link-list li .li-inner .img img { width: 100%; }
  .knowledge .link_set-area .link-list li .li-inner .name { padding: 10px; min-height: 50px; font-size: 16px; } }

/*  아이콘 (play) */
.knowledge .guide-wrap .guide-list .link_text:after { width: 24px; height: 24px; background-position: -56px 0px; }

.is_mb .knowledge .guide-wrap .guide-list .link_text:after { width: 20px; height: 20px; background-position: -35px -40px; }

/* 프라이버시센터 */
.privacy .sub_title.notice { padding: 40px 0px; }

.privacy .sub_title.notice .h2 { text-align: left; }

.privacy .text-area .con-box { margin-top: 20px; }

.privacy .text-area .mark_item { margin-top: 20px; }

@media screen and (max-width: 1024px) { .privacy .sub_title.notice { padding: 20px 0px 20px; }
  .privacy .sub_title.notice .h2 { font-size: 23px; letter-spacing: -0.01em; text-align: center; }
  .privacy .text-area .con-box { margin-top: 20px; }
  .privacy .text-area .mark_item { margin-top: 20px; } }

.privacy .setting-wrap { position: relative; margin-top: 80px; }

.privacy .setting-wrap .setting-list { margin-left: -15px; width: calc( 100% + 30px); }

.privacy .setting-wrap .setting-list:after { content: ""; display: block; clear: both; }

.privacy .setting-wrap .setting-list > li { float: left; width: 33.3333%; }

.privacy .setting-wrap .setting-list > li .li-inner { position: relative; border: 1px solid #d0d0d0; margin: 0 15px; }

.privacy .setting-wrap .setting-list .top { position: relative; height: 217px; }

.privacy .setting-wrap .setting-list .top .top_name { display: table; height: 217px; width: 100%; min-width: 100%; }

.privacy .setting-wrap .setting-list .top .name { display: table-cell; vertical-align: middle; text-align: center; font-size: 24px; font-weight: 500; color: #ffffff; }

.privacy .setting-wrap .setting-list .middle { padding: 30px; }

.privacy .setting-wrap .setting-list .bottom .btn_service { display: block; padding: 15px 0; text-align: center; background-color: #f4f4f6; }

.privacy .setting-wrap .setting-list .bottom .btn_service .link_text { position: relative; display: inline-block; padding-right: 20px; }

.privacy .setting-wrap .setting-list .bottom .btn_service .link_text:after { content: ""; display: block; position: absolute; top: 6px; right: 0; width: 8px; height: 14px; background-position: -180px -64px; }

.privacy .setting-wrap .setting-list .bg_set1 { background: url(/resources/front/images/privacy/bg_set1.jpg) 0 0 no-repeat; background-size: cover; }

.privacy .setting-wrap .setting-list .bg_set2 { background: url(/resources/front/images/privacy/bg_set2.jpg) 0 0 no-repeat; background-size: cover; }

.privacy .setting-wrap .setting-list .bg_set3 { background: url(/resources/front/images/privacy/bg_set3.jpg) 0 0 no-repeat; background-size: cover; }

@media screen and (max-width: 1024px) { .privacy .setting-wrap { position: relative; margin-top: 30px; }
  .privacy .setting-wrap .setting-list { margin-left: 0px; width: 100%; /* margin-left: -5px; width: calc( 100% + 10px );  */ }
  .privacy .setting-wrap .setting-list > li { float: none; clear: both; margin: 10px auto 0px; width: 100%; max-width: 380px; /* float: left; width: 50%; */ }
  .privacy .setting-wrap .setting-list > li .li-inner { margin: 0; /* margin:0 5px; */ }
  .privacy .setting-wrap .setting-list .top { height: 150px; }
  .privacy .setting-wrap .setting-list .top .top_name { height: 150px; }
  .privacy .setting-wrap .setting-list .top .name { font-size: 18px; padding: 0 15px; }
  .privacy .setting-wrap .setting-list .middle { padding: 15px 10px; }
  .privacy .setting-wrap .setting-list .bottom .btn_service { display: block; padding: 15px 0; text-align: center; background-color: #f4f4f6; }
  .privacy .setting-wrap .setting-list .bottom .btn_service .link_text { position: relative; display: inline-block; padding-right: 20px; }
  .privacy .setting-wrap .setting-list .bottom .btn_service .link_text:after { top: 4px; right: 0; } }

.privacy .info_search { padding-top: 70px; }

.privacy .info_search .img { text-align: center; }

.privacy .info_search .img img { display: inline-block; }

.privacy .info_search .con_title { margin-top: 20px; font-size: 32px; font-weight: 500; text-align: center; }

.privacy .info_search .desc { margin-top: 20px; text-align: center; word-wrap: break-word; word-break: keep-all; }

@media screen and (max-width: 1024px) { .privacy .info_search { padding-top: 40px; }
  .privacy .info_search .img { width: 100%; }
  .privacy .info_search .img img { display: inline-block; width: 100%; }
  .privacy .info_search .con_title { margin-top: 10px; font-size: 18px; }
  .privacy .info_search .desc { margin-top: 10px; font-size: 14px; letter-spacing: -0.01em; } }
  
.etc_system { width: 100%; height: 100%; max-width: 640px; margin: 0 auto; }

.etc_system .system-area { display: inline-block; margin: 0 auto; width: 490px; text-align: center; }

.etc_system .system-area div { display: inline-block; }

.etc_system .system-area .img { width: 320px; text-align: center; }

.etc_system .system-area .img img { display: inline-block; width: 100%; }

.etc_system .system-area .title { width: 100%; margin-top: 25px; font-size: 32px; font-weight: 500; color: #222222; }

.etc_system .system-area .ment { width: 100%; margin-top: 20px; font-size: 18px; font-weight: 400; color: #222222; }

.etc_system .system-area .btn_set-center { margin-top: 35px; /* <button class="btn btn_black btn_lg" type="button">Button 버튼</button> */ }

.etc_system .system-area .btn_set-center .btn { width: 220px; text-align: center; }

.etc_system .system-area .grey-box { margin-top: 35px; padding: 15px; width: 100%; font-size: 18px; font-size: 400; color: #222222; background-color: #eeeeee; }

@media screen and (max-width: 1024px) { .etc_system .system-area { width: 100%; padding: 0 20px; }
  .etc_system .system-area .img { width: 100%; padding: 0 30px; }
  .etc_system .system-area .title { margin-top: 15px; font-size: 22px; }
  .etc_system .system-area .ment { margin-top: 10px; font-size: 14px; }
  .etc_system .system-area .btn_set-center { margin-top: 25px; /* <button class="btn btn_black btn_lg" type="button">Button 버튼</button> */ }
  .etc_system .system-area .btn_set-center .btn { width: 220px; font-size: 16px; text-align: center; }
  .etc_system .system-area .grey-box { margin-top: 25px; padding: 15px; width: 100%; font-size: 15px; font-size: 400; color: #222222; background-color: #eeeeee; } }

/*# sourceMappingURL=maps/common.css.map */