@charset "utf-8";
html{font-size:62.5%;-webkit-font-smoothing:antialiased; overflow-x:hidden}
@media screen and (max-width:1023px){ html{font-size:56.25%} }
@media screen and (max-width:500px){ html{font-size:56%} }

body{font-family:"Pretendard",sans-serif;color:#555}

/*클리어픽스*/
.cl:after{content:""; display:block; clear:both;}

/* lazy load */
[data-lazy]{opacity:0}

/*접근성*/
.a11y, .hidden{position: absolute;height: 1px;width: 1px;overflow: hidden;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);}

/*페이지준비중*/
.service-ready{text-align:center; padding:4rem 0 10rem;}
.service-ready .ready-img{width:12rem; display:inline-block;}
.service-ready .ready-img img{max-width:100%; height:auto;}
.service-ready .ready-title{font-size:2.4rem; font-weight:700; color:#222; margin:1.2em 0 1em; letter-spacing:-0.04em;}
.service-ready .ready-desc{font-size:1.8rem; font-weight:500; color:#888; letter-spacing:-0.05em; line-height:1.4}

/*skipnavi*/
#skipnavi {position:relative; top:0; left:0; width:100%; z-index:99999; font-size:0; line-height:0;}
#skipnavi a {display:block; position:absolute; top:-500px; text-indent:-9999px; color:#333; padding-top:1px; font-size:12px; font-weight:bold; line-height:1.5;}
#skipnavi a:hover, #skipnavi a:active, #skipnavi a:visited, #skipnavi a:focus {position:absolute; top:0; left:0; width:200px;; height:34px; line-height:32px; background-color:#fff; border:2px solid #004aac; text-indent:0; text-align:center;}

/*sample*/
.sample{position: absolute; top:0; left:50%; width:1920px; z-index: 9999; opacity: 0.5; transform:translateX(-50%); display:none;}
.sample.on{display:block;}

/*ellipsis*/
.ellipsis-1{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ellipsis-2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/*legacy helper*/
.noData{border-bottom:1px solid #ccc; padding:10px 0 ; text-align:center;}
/* 위치값 */
.pb3{padding-bottom:3px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}


.pl1{ padding-left:1px;}
.pl2{ padding-left:2px;}
.pl3{ padding-left:3px;}
.pl5{ padding-left:5px;}
.pl7{ padding-left:7px;}
.pl8{ padding-left:8px;}
.pl9{ padding-left:9px;}
.pl10{ padding-left:10px;}
.pl13{ padding-left:13px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl21{ padding-left:21px;}
.pl23{ padding-left:23px;}
.pl24{ padding-left:24px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
.pl40{ padding-left:40px;}
.pl44{ padding-left:44px;}
.pl50{ padding-left:50px;}
.pl230{ padding-left:230px;}
.pl212{ padding-left:212px;}

.pr1{padding-right:1px;}
.pr3{padding-right:3px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{ padding-right:40px;}

.pt1{ padding-top:1px;}
.pt2{ padding-top:2px;}
.pt3{ padding-top:3px;}
.pt4{ padding-top:4px;}
.pt5{ padding-top:5px;}
.pt6{ padding-top:6px;}
.pt7{ padding-top:7px;}
.pt8{ padding-top:8px;}
.pt9{ padding-top:9px;}
.pt10{ padding-top:10px;}
.pt13{ padding-top:13px;}
.pt15{ padding-top:15px;}
.pt18{ padding-top:18px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt29{ padding-top:29px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt65{ padding-top:65px;}
.pt100{ padding-top:100px;}
.pt130{ padding-top:130px;}
.pt146{ padding-top:146px;}

.ml2 { margin-left:2px;}
.ml3 { margin-left:3px;}
.ml5 { margin-left:5px;}
.ml6 { margin-left:6px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml17 { margin-left:17px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml28 { margin-left:28px;}
.ml30 { margin-left:30px;}
.ml40 { margin-left:40px;}
.ml50 { margin-left:50px;}
.ml60 { margin-left:60px;}
.ml70 { margin-left:70px;}

.mr1{ margin-right:1px;}
.mr3{ margin-right:3px;}
.mr5{ margin-right:5px;}
.mr7{ margin-right:7px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30 { margin-right:30px;}
.mr40 { margin-right:40px;}
.mr50 { margin-right:50px;}
.mr60 { margin-right:60px;}

.mb20{ margin-bottom:20px;}
.mt1{ margin-top:1px;}
.mt2{ margin-top:2px;}
.mt3{ margin-top:3px;}
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}

.lh110 {line-height:110%;}
.lh120 {line-height:120%;}
.lh130 {line-height:130%;}
.lh140 {line-height:140%;}
.lh150 {line-height:150%;}
.lh160 {line-height:160%;}
.lh180 {line-height:180%;}
.lh200 {line-height:200%;}


.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}

.tc {text-align:center;}
.tr {text-align:right;}
.tl {text-align:left;}

.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both;}

.fb{font-weight:bold;}

.fl{ float:left}
.fr{ float:right}

.ft_11{ font-size:11px}
.ft_12{ font-size:12px}
.ft_14{ font-size:14px;letter-spacing:-1px;}
.ft_15{ font-size:15px;letter-spacing:-1px;}
.ft_16{ font-size:16px;letter-spacing:-1px;}
.ft_17{ font-size:17px;letter-spacing:-1px;}
.ft_18{ font-size:18px;letter-spacing:-1px;}

.btn_tr{width:100%; overflow:hidden; text-align:right;}
.btn_tc{width:100%; overflow:hidden; text-align:center;}
.btn_tl{width:100%; overflow:hidden; text-align:left;}

#show{ display:block}
#hidden{ display:none}

/*font_color*/
.c_black{color:#555;}
.c_blackb{color:#555;font-weight:600;}
.c_pink{color:#fe06d8;}
.c_pinkb{color:#fe06d8;font-weight:600;}
.c_red{color:#d71a01;}
.c_redb{color:#d71a01;font-weight:600;}
.c_blue{color:#007ac8;}
.c_blueb{color:#007ac8; font-weight:600;}
.c_green{color:#56a509}
.c_greenb{color:#56a509; font-weight:600;}
.c_cyan{color:#01b78a}
.c_cyanb{color:#01b78a; font-weight:600;}
.c_violet{color:#ad07ea}
.c_violebt{color:#ad07ea;font-weight:600;}
.c_orange{color:#ff960d;}
.c_orangeb{color:#ff960d; font-weight:600;}
.c_yellow{color:#ffd304;}
.c_yellowb{color:#ffd304; font-weight:600;}