@charset "utf-8";

/* 노토산스 */
/* static에서 가져오지 못해 구굴 CDN 사용 */
@import url("notosanskr2.css");

/* 오픈산스 */
@import url("opensans.css");
/* static에서 가져오지 못해 구굴 CDN 사용 */

/* CSS Document */
* {padding:0;margin:0;font-size: 100%;font-family: 'Noto Sans KR', sans-serif;color: #171717;letter-spacing: -0.02em;}
header,main,footer,section,article {display: block;}
html {position: relative;}
html,body {width:100%;height:100%; max-width: 1024px; margin: 0 auto;}
ul,ol,li,dl,dt,dd {list-style:none;}
i,em,address {font-style:normal;}
label,button {cursor:pointer;}
button {border:none;background: none;}
hr,legend {display:none;}
img,fieldset,iframe {border:none;}
img {max-width: 100%;vertical-align:top;}
caption {display:none;}
input,button {box-sizing: border-box;vertical-align:middle;-webkit-appearance: none;border-radius: 0;outline: none;}
select {box-sizing: border-box;vertical-align:middle;border-radius: 0;-webkit-appearance: none;outline: none;}
table {border:none; border-collapse:collapse; padding:0; border-spacing:0;table-layout: fixed;}

.btn_box {margin-top: 15px;font-size: 0;text-align: center;}
.btn_box a {display: inline-block;margin: 0 5px;}
.btn_box button {display: inline-block;margin: 0 5px;}
.bt_type1 {padding: 0 18px;color: #fff;line-height: 35px;border-radius: 3px;}
.bt_color1 {background-color: #0061ad;}
.bt_color2 {background-color: #808080;}

.row,.col {box-sizing: border-box;}
.row:after {display: block;content: '';clear: both;}

.skip a {display:block;position:absolute;left:0;top:-9999em;width:100%;background-color:#272727;color:#aaa;font: bold 12px/3.4 arial,sans-serif;text-align:center;z-index: 99999;}
.skip a:hover,.skip a:active,.skip a:focus {top:0;}

a {text-decoration:none; color:#000;}
a:hover {text-decoration:none;}
.blind {display:block;overflow:hidden;top:-1000em;position:absolute;}

/* float */
.clearfix:after {content:''; display:block; clear:both;}
.fl_left {float:left;}
.fl_right {float:right;}

/*기본*/
#wrap {width: 100%;height: 100%;}

/*공통부분*/
textarea {border:1px solid #c9c9c9; padding:5px;}
.container-row:after {display: block;clear: both;content: '';}
input[type="checkbox"],
input[type="radio"] {width: 0;height: 0;border: 0;}

/*페이징*/
#paging {width: 100%;text-align: center;margin: 10px 0;}
#paging a {display: inline-block;border: 1px solid #aaa;width: 25px;height: 25px;line-height: 23px;border-radius: 3px;box-sizing: border-box;text-align: center;transition: 0.3;}
#paging a.num:hover {color: #fff;background: #666;border-color: #666;}
#paging a.num.on {color: #fff;background: #666;border-color: #666;}

/* 폰트 */
.op-sans {font-family: 'open sans', sans-serif !important;}
.op-sans-semibold {font-weight: 600 !important;font-family: 'open sans', sans-serif !important;}
.op-sans-b {font-weight: 700 !important;font-family: 'open sans', sans-serif !important;}
.deftxt {letter-spacing: -0.04em;}
.txt-14 {font-size: 14px;line-height: 21px;}
.txt-16 {font-size: 16px;}
.txt-24 {font-size: 24px;line-height: 36px;}
.txt-bold {font-weight: bold;}
.txt-medium {font-weight: 500;}
.point-color1 {color: #0a0a0a;}
.point-color2 {color: #999;}
.point-color3 {color: #efae00 !important;}
.point-color4 {color: #6a3efd !important;}

/* 간격 */
.mt0 {margin-top: 0 !important;}
.pt0 {padding-top: 0 !important;}

/* 라인 */
.bdt0 {border-top: 0 !important;}
.bdb0 {border-bottom: 0 !important;}

/* 정렬 */
.fl {float: left !important;}
.fr {float: right !important;}
.tar {text-align: right !important;}
.tac {text-align: center !important;}
.tal {text-align: left !important;}

/* 공통팝업 */
.lpop {display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 100;background: rgba(0, 0, 0, .6);}
.lpop__content-wrap {position: absolute;top: 50%;left: 20px;right: 20px;background: #fff;transform: translateY(-50%);box-shadow: 0 0 15px rgba(0, 0, 0, .25);}
.lpop__content {display: flex;align-items: center;padding: 50px 20px;}
.lpop__content-txt {width: 100%;color: #0a0a0a;font-weight: 500;font-size: 16px;line-height: 24px;letter-spacing: -0.04em;text-align: center;}
.lpop__btn-wrap {display: flex;}
.lpop__btn {width: 100%;height: 50px;color: #fff;font-size: 14px;line-height: 50px;letter-spacing: -0.04em;text-align: center;}
.lpop__btn--grey {background: #acadb1;}
.lpop__btn--black {background: #000;}

.survey {padding: 50px 20px 20px;background: #fff;}
.survey__btn-close {position: absolute;top: 20px;right: 20px;width: 20px;}

/* 로딩 */
.loading {display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1000;}
.loading.black {background: rgba(0,0,0,.5);}
.loading .loading-bar__wrap {position: absolute;top: 50%;left: 50%;width: 75px;height: 40px;text-align: center;font-size: 1rem;transform: translate(-50%, -50%);}
.loading .loading-bar__wrap>div {height: 100%;width: 6px;display: inline-block;margin: 0 2.5px;animation: d 1.2s infinite ease-in-out;}
.loading.black .loading-bar__wrap>div {background-color: #fff;}
.loading .loading-bar2 {animation-delay: -1.1s!important;}
.loading .loading-bar3 {animation-delay: -1s!important;}
.loading .loading-bar4 {animation-delay: -.9s!important;}
.loading .loading-bar5 {animation-delay: -.8s!important;}
.loading.white {background: rgba(255,255,255,.5);}
.loading.white .loading-bar__wrap>div {background-color: #1d1d1d;}
.loading.white .loading-bar3 {background: #6a3efd !important;}
@keyframes d{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)};}

@media screen and (max-width: 320px) {
  .lpop__content-txt {font-size: 14px;}
}

/* 임시 */
.hidden{position: absolute;left: -9999em;}
#doc .wrap #container{padding: 0 20px 20px;}