html {font-size: 16px;}
a[target]:not(.btn) {text-decoration:none !important}


/*카드형 틀 기본값*/
.titleWrap {height: 45px; padding: 14px 19px 12px 15px; border-bottom: 1px solid #dddddd; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: -1px; color: #222222;}
.titleBigName {margin-right: 10px; font-weight: 700; letter-spacing: -1px; color: #000000;}

/*더보기 기본틀*/
.seeMoreLineRedtxt {padding: 15px; border: solid 1px #e2e2e2; text-align: center; font-size: 14px; color: #e94657;}
.seeMoreNolineRedtxt {padding: 22px; text-align: center; font-size: 14px; color: #e94657;}

/*깔끔한 상단 탑메뉴*/
.bigTopMenuLayout {padding: 14px 0 14px 12px; z-index: 200; position: fixed; top: 0; width: 100%;}
.bigTopMenuLayout i {margin-right: 20px; color: #d60d46; font-size: 20px;}
.bigTopMenuLayout.NoBack i {color: #ffffff;}
.bigTopMenuLayout.lineHeader { background: transparent;border-bottom: 0;}
.bigTopMenuLayout > .NoFont { opacity: 0;}

/*메뉴용 테이블*/
.menuTable {width: 100%; text-align: center;}
.menuTable .menuTableLine:after {display: table; content: " "; clear: both;}
.menuTable .menuTableLine .menuTableBlock {display: block; padding: 11px 0 8px; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; color: #575757;}
.menuTable .menuTableLine .menuTableBlock:last-child {border-right: none;}

/*라인 틀 없는 목록 - 상품 기본 정보같은 곳에 사용*/
.infoList > dt {clear: both;float: left;position: relative;font-size: 14px;color: #94959d;letter-spacing: -1px;line-height: 26px;}
.infoList > dd {padding-left: 70px;line-height: 26px;}

/*버튼*/
.transBackIcon {position: absolute;left: 13px;top: 13px;padding-top: 2px;color: #fff;font-size: 24px;z-index: 100;border-radius: 5px;background-color: rgba(0, 0, 0, 0.2);width: 32px;height: 30px;text-align: center;}

.btn_round_sx {display: block;height: 23px;width: 23px;vertical-align: middle;padding: 4px 0 0 3px;margin: 4px auto 6px;font-size: 14px;}
.btn_round_sx>i {display: block;}

.btn_round_md {display: block;height: 29px;width: 29px;vertical-align: middle;padding: 4px 0 0 3px;font-size: 18px;margin-left: 5px;margin-bottom: 1px;}
.btn_round_md>i {display: block;}

.btn_round_lg {float: right;height: 40px;width: 40px;vertical-align: middle;text-align: center;padding: 9px 0 0 4px;font-size: 20px;margin-top: 14px;}
.btn_round_lg>i {display: block;}

/*모바일용 페이지 내부 상단 알림 박스 디자인 */
.mobile_notice_box {padding: 20px 25px; background-color: #565975; font-size: 13px; line-height: 23px; color: #ffffff;}
.mobile_notice_box .mobile_notice_detail {padding-left: 25px; display: inline-block; margin-bottom: 8px;}
.mobile_notice_box div:last-child > span:last-child {margin-bottom: 0;}
.mobile_notice_box .mobile_notice_box_detail_icon {position: absolute;}

/*모바일 메인용 기본 타이틀*/
.mobileBasicTtlWrap {padding: 15px 10px 10px 10px;}
.mobileBasicTtl {margin-bottom: 3px; font-size: 19px; font-weight: 500; letter-spacing: -1px;}
.mobileBasicTtlSub {font-size: 14px;}

/*리스트 카드형 - 사진+하단별도설명*/
.bigImgItemListInnerWrap {border: none; position: relative; background-color: #fff; border-top: solid 1px #eaeaea; border-bottom: solid 1px #eaeaea; margin-top: 10px;}
.bigImgItemListInnerWrap .itemCategory {position: absolute; top: 16px; left: 13px; font-size: 14px; color: #fff; background-color: rgba(0, 0, 0, 0.4); padding: 4px 4px 3px 4px; border-radius: 3px;}
.bigImgItemListInnerWrap .itemImg {height: 230px;}
.bigImgItemListInnerWrap .itemTxtWrap .rightWrap div:first-child {font-size: 20px; line-height: 22px; margin-top: 2px;}
.bigImgItemListInnerWrap .itemTxtWrap .rightWrap div:nth-child(2)>i {font-size: 12px; line-height: 28px;}
.bigImgItemListInnerWrap .itemTxtWrap .rightWrap div:nth-child(3) {font-size: 12px;}
.bigImgItemListInnerWrap .itemTxtWrap .rightWrap div:nth-child(3)>i {font-size: 13px; vertical-align: baseline;}

@media (max-width:767px) {
    .bigImgItemListInnerWrap .itemCategory {top: 5px; left: 5px; font-size: 13px;}
}

/*사진+가운데글자 - 작은 버전*/
.imgOnlyImg {position: relative; width: 120px; height: 120px;}
.imgOnlyTxt {z-index: 1; margin-right: 10px; position: absolute; bottom: 10px; left: 10px; text-align: left; color: #ffffff; font-size: 15px;}

/*사진+가운데글자 - 큰 버전*/
.imgOnlyImg.maxSize {width: 300px; height: 200px;}
.imgOnlyTxt.maxSize {top: 50%; width: 100%; margin-top: -17px; padding-right: 20px; text-align: center;}
.imgOnlyTxt.maxSize .imgOnlyTxtTitle {margin-bottom: 8px; font-weight: 100; font-size: 30px; text-shadow: 0 0 7px #000000;}
.imgOnlyTxt.maxSize .imgOnlyTxtSub {font-weight: 300; font-size: 16px; text-shadow: 1px 1px #393939;}

/*큰 썸네일 width 100% 가로형 리스트*/
.bigThumbListBox {background-color: #fff; border-bottom: 1px solid #ebedee; border-top: 1px solid #ebedee; border-right: none; border-left: none; position: relative; margin-bottom: 0;}
.bigThumbListBox .bigThumbListPhotoWrap {margin: 12px; width: 60px; float: left;}
.bigThumbListBox .bigThumbListPhoto {width: 60px; height: 60px; border-radius: 50%; margin-bottom: 5px;}
.bigThumbListBox .bigThumbListInfoWrap {vertical-align: middle; padding: 18px 8px 18px 90px;}
.bigThumbListBox .bigThumbListButtonWrap {margin-top: 18px;}
.bigThumbListBox .bigThumbListButton {font-size: 11px; font-weight: inherit; padding: 4px 5px; color: #fff; border-radius: 3px; text-align: center; white-space: nowrap; line-height: 1;}
.bigThumbListBox .bigThumbListName {font-size: 1.4em;}
.bigThumbListBox .bigThumbListName i {font-size: inherit; vertical-align: middle; margin-left: 1px;}
.bigThumbListBox .bigThumbListDetail {margin-bottom: 10px; font-size: 1.2em; line-height: 1.3em; max-height: 40px;}
.bigThumbListBox .bigThumbListSub {font-size: 1em; line-height: 1.3em; color: #888;}
.bigThumbListBox .bigThumbListScrapButton {position: absolute; bottom: 18px; right: 13px; color: #999;}
.bigThumbListBox .bigThumbListScrapButton i {font-size: 20px; vertical-align: bottom; color: #d8d8d8;}


img.mfp-img {
    width: auto;
    max-width: 100%;
}


/*안내사항*/
.noticeBoxOutline {border-radius: 0;}
.noticeBoxOutline .TitleIcon {margin-right: 6px; vertical-align: inherit;}

/** lazyload 블러처리 **/
.blur-up {-webkit-filter: blur(5px);filter: blur(5px);transition: filter 400ms, -webkit-filter 400ms;}
.blur-up.lazyloaded {-webkit-filter: blur(0);filter: blur(0);}


/*모바일 팝업용 CSS*/
.pp_img img {width:100%; max-width:306px;}
.pp_i_event {clear:both;margin:0px auto; max-width:480px;}
.pp_i_event .con {height:32px; border-top:1px solid #D1D1D1; font-size:11px; color:#888; letter-spacing:-1px;background-color:#3A4153;background:-webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EBEBEB), color-stop(0.7, #EBEBEB));background:-moz-gradient(top, #F6F6F6, #EBEBEB, #EBEBEB);}
.pp_i_event .con .btn_ch {display:inline-block; float:left; width:100px; height:30px; margin-left:3px;}
.pp_i_event .con .btn_ch img {vertical-align:middle; margin:2px;}
.pp_i_event .con span {display:inline-block; line-height:28px;}
.pp_i_event .con .btn_cls {display:inline-block; float:right; width:30px; height:30px; margin-right:3px;}
.pp_i_event .con .btn_cls img {vertical-align:middle; margin:2px;}
.p_step { position:absolute; top:0;width:100%;z-index:40;text-align:center;}
.p_step .if {display:block; width:70%; padding:20px; text-align:left; color:#394155; border:4px solid #00AE21; letter-spacing:-1px; line-height:15pt; margin:0 auto;-webkit-border-radius:30px;-moz-border-radius:30px;-webkit-box-shadow:0 0px 30px rgba(0,0,0,7);-moz-box-shadow:0 0px 30px rgba(0,0,0,7);background-color:#EFF0F5;background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E2E3E9), color-stop(0.9, #F2F3F6));background:-moz-gradient(top, #FFF, #F2F3F6, #E2E3E9);}
.p_step .if b {display:inline-block; color:#00AE21; font-size:12pt; margin-bottom:7px;}
.p_step .bt_cls {display:inline-block; width:70%; text-align:right; padding:7px 0px 0px 40px;}
.p_step .if ul {width:100%;}
.p_step .if ul li a {display:block; border:1px solid #ccc; line-height:40px; text-align:center; font-weight:800; margin-bottom:4px;-webkit-border-radius:6px;-moz-border-radius:6px;background-color:#FFF;background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E2E3E9), color-stop(0.9, #FFF));background:-moz-gradient(top, #FFF, #FFF, #E2E3E9);-webkit-box-shadow:0 0px 2px rgba(0,0,0,2);-moz-box-shadow:0 0px 2px rgba(0,0,0,2);}


/** 모바일 하단 퀵메뉴 css **/
.col.bottomQucickMenu.active{color:#0a6ebd;font-weight: 800;}

/** 모바일 메인 랜딩페이지 검색버튼 css **/
._searchSbm{color:#ffd014;font-size: 1.2em;font-weight: 800;}