@charset "utf-8";

/* ==============================
 * common
 * ============================== */

/* 스크롤바 커스텀 webkit */
::-webkit-scrollbar {width: 6px; height:6px;}
::-webkit-scrollbar-button {width: 6px; height:3px;}
::-webkit-scrollbar-track {background:#dbdbdb; border:none; box-shadow: 0px 0px 3px #dfdfdf inset; border-radius:10px;}
::-webkit-scrollbar-thumb {background:#9b9b9b; border:none; border-radius:10px;}
::-webkit-scrollbar-thumb:hover {background:#8f8f8f;}

/* ==============================
 * layout
 * ============================== */
#wrap {width: 100%; min-width: 1364px; margin: 0 auto; background: #fff; max-width: 1920px;}
#headerWrap {width: 100%; position: absolute;}
#headerWrap .inner{position: relative;}

/* 헤더 고정 */
#headerWrap{position: fixed; background: #ffecf5; background: -webkit-linear-gradient(90deg, #ffecf5, #fceeed, #f6f2f1, #ecf5f2); background: -o-linear-gradient(90deg, #ffecf5, #fceeed, #f6f2f1, #ecf5f2); background: -moz-linear-gradient(90deg, #ffecf5, #fceeed, #f6f2f1, #ecf5f2); background: linear-gradient(90deg, #ffecf5, #fceeed, #f6f2f1,
#ecf5f2); z-index: 1000;}
#headerWrap.line{border-bottom: 1px solid #d3d1d1;}
#headerWrap.line #gnbWrap .gnb{border-bottom: none;}

/* .connectBg #headerWrap{position: fixed; background: -webkit-linear-gradient(90deg, #ecfff9 0%,#e8f5f6 50%,#faedec 100%); background: -o-linear-gradient(90deg, #ecfff9 0%,#e8f5f6 50%,#faedec 100%); background: -moz-linear-gradient(90deg, #ecfff9 0%,#e8f5f6 50%,#faedec 100%); background: linear-gradient(90deg, #ecfff9 0%,#e8f5f6 50%,#faedec 100%); z-index: 100;}
 */
/* .connectBg #headerWrap.fixed2{position: fixed; background: -webkit-linear-gradient(45deg, #ecfff9 0%,#e8f5f6 50%,#faedec 100%); background: -o-linear-gradient(45deg, #ecfff9 0%,#e8f5f6 50%,#faedec 100%); background: -moz-linear-gradient(45deg, #ecfff9 0%,#e8f5f6 50%,#faedec 100%); background: linear-gradient(45deg, #ecfff9 0%,#e8f5f6 50%,#faedec 100%); z-index: 100; box-shadow: 0px -56px 10px rgba(198, 162, 139, 0.1) inset;}
 */

#footerWrap {width: 100%; padding-bottom: 18px; border-top: 1px solid #e2e2e2; background: #fff; position: relative;}
.inner {width: 1280px; margin: 0 auto; position: relative;}
#footerWrap .util{position: absolute; top: 35px; right: 0;}
#footerWrap .util li{float: left;}
#footerWrap .util li ~ li{margin-left: 10px;}

/* 2단 레이아웃 */
.conDiviWrap .left{float: left; width: 320px;}
.conDiviWrap .left > section ~ section{margin-top: 10px;}
.conDiviWrap .right{float: left; width:calc(100% - 340px); margin-left: 20px;}


/* ==============================
 * header
 * ============================== */
#headerWrap .headerTop:after {content: ''; display: block; clear: both;}
#headerWrap .logo {margin-right: 30px; text-align: center; position: absolute; left: 10px;}
#headerWrap .logo > a {display: block; width: 85px; height: 61px; background: url('../images/common/header_logo.png') no-repeat center center; text-indent: -9999px;}

/* ==============================
 * GNB
 * ============================== */
#gnbWrap {width: 980px; margin: 0 auto;}
#gnbWrap .gnb {border-bottom: 1px solid #d3d1d1;}
#gnbWrap .gnb:after {content: ''; display: block; clear: both;}
#gnbWrap .gnb > li {width: 150px; border-right: 1px solid #d3d1d1; text-align: center; float: left;}
#gnbWrap .gnb > li:first-child {border-left: 1px solid #d3d1d1;}
#gnbWrap .gnb > li > a {display: block; height: 60px; color: #5c5e61; font-size: 15px; font-weight: bold; text-decoration: none; line-height: 60px;}
#gnbWrap .gnb > li > a:hover {color: #f57220;}
#gnbWrap .gnb > li > a em{font-family: 'Hanwha'; position: relative; top: -1px;}
#gnbWrap .gnb > li.active a {color: #f57220; background: #fff;}
#gnbWrap .gnb > li:last-child.active a {color: #59a9b4; background: #fff;}
#gnbWrap .gnb > li:last-child a:hover{color: #59a9b4;}

/* gnb txt 이미지화 */
#gnbWrap .gnb.imgTxt > li > a{font-size: 0px; text-align: center;}
#gnbWrap .gnb.imgTxt > li > a:after{content: ''; display:inline-block; vertical-align: top; position: relative; top:24px; background: url(../images/common/gnb_txt.png) no-repeat;}
#gnbWrap .gnb.imgTxt > li:nth-child(1) > a:after{width: 50px; height: 15px; background-position: -68px -92px;}
#gnbWrap .gnb.imgTxt > li:nth-child(2) > a:after{width: 84px; height: 15px; background-position: -201px -92px;}
#gnbWrap .gnb.imgTxt > li:nth-child(3) > a:after{width: 120px; height: 15px; background-position: -335px -92px;}
#gnbWrap .gnb.imgTxt > li:nth-child(4) > a:after{width: 95px; height: 15px; background-position: -505px -92px;}
#gnbWrap .gnb.imgTxt > li:nth-child(5) > a:after{width: 110px; height: 15px; background-position: -651px -92px;}
#gnbWrap .gnb.imgTxt > li:nth-child(6) > a:after{width: 110px; height: 15px; background-position: -804px -92px;}

#gnbWrap .gnb.imgTxt > li.active:nth-child(1) > a:after,#gnbWrap .gnb.imgTxt > li:nth-child(1) > a:hover:after{background-position: -68px -201px;}
#gnbWrap .gnb.imgTxt > li.active:nth-child(2) > a:after,#gnbWrap .gnb.imgTxt > li:nth-child(2) > a:hover:after{background-position: -201px -201px;}
#gnbWrap .gnb.imgTxt > li.active:nth-child(3) > a:after,#gnbWrap .gnb.imgTxt > li:nth-child(3) > a:hover:after{background-position: -335px -201px;}
#gnbWrap .gnb.imgTxt > li.active:nth-child(4) > a:after,#gnbWrap .gnb.imgTxt > li:nth-child(4) > a:hover:after{background-position: -505px -201px;}
#gnbWrap .gnb.imgTxt > li.active:nth-child(5) > a:after,#gnbWrap .gnb.imgTxt > li:nth-child(5) > a:hover:after{background-position: -651px -201px;}
#gnbWrap .gnb.imgTxt > li.active:nth-child(6) > a:after,#gnbWrap .gnb.imgTxt > li:nth-child(6) > a:hover:after{background-position: -804px -201px;}


/* header layer - profile */
.topUtil .topLayerBox {position: absolute; top: 100%; right: -10px; margin-top: 15px; border-radius: 2px; background: #fff; box-shadow: 2px 3px 5px rgba(0,0,0,0.12); z-index: 5;  opacity: 0; visibility: hidden; transition: .3s linear;}
.topUtil .topLayerBox:after {content: ''; display: block; position: absolute; right: 13px; top: -6px; border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent;}
.topUtil .topLayerBox.active {opacity: 1; visibility: visible;}
.topUtil .topLayerBox .btnBox {border-top: 1px solid #ddd; background: #f5f5f5; overflow: hidden;}
.topUtil .topLayerBox .btnBox a {display: block; position: relative; padding: 18px 0; color: #adadad; line-height: 19px; font-size: 14px; text-align: center; text-decoration: none; float: left;}
.topUtil .topLayerBox .btnBox a ~ a:after {content: ''; display: block; position: absolute; left: 0; top: 50%; width: 1px; height: 19px; margin-top: -10px; background: #ddd;}
.topUtil .topLayerBox .btnBox a:hover{color: #2b3c4c;}

.topUtil .topLayerBox .profile {width: 258px; padding-top: 20px; padding-bottom: 21px; text-align: center;}
.topUtil .topLayerBox .profile .photo {width: 83px; height: 83px; margin: 0 auto 22px; border: 2px solid #ff7e00; border-radius: 50%; box-shadow: 3px 5px 27px 3px rgba(176,93,39,0.48); overflow: hidden;  background: url(../images/common/ico_photo.png) #fff no-repeat center center; position: relative;}
.topUtil .topLayerBox .profile .photo img {width: 83px; height: auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.topUtil .topLayerBox .profile .name {display: block; padding: 0 10px;}
.topUtil .topLayerBox .profile .email {display: block; margin-top: 10px; color: #8e8e8e; font-size: 13px; padding: 0 10px;}

.topUtil .topLayerBox .alarm {width: 368px; padding: 25px 0 0; position: relative;}
.topUtil .topLayerBox .alarm .titleContXs {padding: 0 0 22px 30px;}
.topUtil .topLayerBox .alarm .alList {display: block; position: relative; min-height: 80px; padding: 0 0 0 92px; text-decoration: none;}
.topUtil .topLayerBox .alarm .photo {display: block; position: absolute; left: 26px; top: 14px; width: 48px; height: 48px; border-radius: 100%; border: 2px solid #fc955a; overflow: hidden; z-index: 1;  background: url(../images/common/ico_photo_s.png) #fff no-repeat center center;}
.topUtil .topLayerBox .alarm .photo img {display: block; max-width: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.topUtil .topLayerBox .alarm .cont {padding: 18px 28px 16px 0; border-top: 1px solid #ddd;}
.topUtil .topLayerBox .alarm .cont > .txt {display:block;}
.topUtil .topLayerBox .alarm ul{max-height: 310px; overflow-y: auto;}
.topUtil .topLayerBox .alarm li:first-child .cont {border-top: 0;}
.topUtil .topLayerBox .alarm .txt {color: #666; font-size: 15px; line-height: 1.5;}
.topUtil .topLayerBox .alarm .alList:hover .txt {text-decoration: underline;}
.topUtil .topLayerBox .alarm .date {display: block; margin-top: 12px; font-size: 13px; color: #b9b9b9;}
.topUtil .topLayerBox .alarm .icoSetting {position: absolute; top: 25px; right: 20px;}
.topUtil .topLayerBox .noMsg{text-align: center; padding: 30px 0; font-size: 15px;}


/* ==============================
 * container
 * ============================== */



.contTop {padding-top: 61px; text-align: center; border-bottom: 1px solid #e8d2c6; background: rgb(255,234,245); background: -moz-linear-gradient(90deg, rgba(255,234,245,1) 0%, rgba(255,240,224,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,234,245,1) 0%, rgba(255,240,224,1) 100%); background: linear-gradient(90deg, rgba(255,234,245,1) 0%, rgba(255,240,224,1) 100%);}

.connectBg .contTop {padding-top: 61px; text-align: center; border-bottom: 1px solid #e8d2c6; background: rgb(255,234,245); background: -moz-linear-gradient(90deg, rgba(255,234,245,1) 0%, rgba(255,240,224,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,234,245,1) 0%, rgba(255,240,224,1) 100%); background: linear-gradient(90deg, rgba(255,234,245,1) 0%, rgba(255,240,224,1) 100%);}
.connectBg .titleTop{color: #59a9b4;}

.contTop .topBoxWrap.mid {display: table; width: 100%; height: 190px;}
.contTop .topBoxWrap.mid .titleBox {display: table-cell; position: relative; text-align: center; vertical-align: middle;}
.contTop .topBoxWrap.mid strong {font-weight: bold;}
.contTop .topBoxWrap .btnBasic {margin-top: 28px;}
.contTop .txtTop + .titleTop {margin-top: 14px;}
.contTop .titleTop + .btnBasic {position: absolute; left: 50%; bottom: 22px; margin-top: 16px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.contTop .txtTop > span{font-family: 'Hanwha'; position: relative; top: -2px;}

.contTop .topBoxWrap.searchBox {min-height: 232px; padding-top: 89px; text-align: center;}
.contTop .searchWrap {position: relative; background:white; border:1px solid #e6e5e5; border-radius:43px; width: 593px; height:43px; margin: 0 auto;}
.contTop .searchWrap .tblLayout {height:41px;}
.contTop .searchWrap input[type=text],
.contTop .searchWrap input[type=search] {box-sizing:border-box; width: 100%; height: 47px; padding: 0px 50px 0 30px; color: #fa756b; font-size: 20px; background: transparent; border-radius: 0; line-height: normal; outline: none; vertical-align: middle;}
.contTop .searchWrap input::placeholder {color:#fa756b}
.contTop .searchWrap .icoSearch {background:#f47321; border-radius:50%; width: 34px; height: 34px; text-indent: -9999px; overflow: hidden; position: absolute; right: 4px; top: 50%; transform:translate(0, -50%);}
.contTop .searchWrap .icoSearch:before {position: absolute; left: 50%; top: 50%; margin:-7px 0 0 -7px; width: 14px; height: 14px; background-position:-155px 0;}
.contTop .searchWrap ~ .hashtag {margin-top: 30px;}
.contTop .searchWrap .SumoSelect {vertical-align:middle;}
.contTop .hashtag {color: #59a9b4; font-size: 22px;}
.contTop .hashtag > span {display: inline-block; margin-left: 15px; vertical-align: top;}

.contTop .searchWrap input::-webkit-input-placeholder {color: #707070; font-size: 12px;}
.contTop .searchWrap input::-moz-placeholder {color: #707070; font-size: 12px;}
.contTop .searchWrap input:-ms-input-placeholder {color: #707070; font-size: 12px;}
.contTop .searchWrap input:-moz-placeholder {color: #707070; font-size: 12px;}

.contTop .topBoxWrap.myInfoBox {min-height:193px; padding-top: 50px;}

.contTop .mainTop{margin-bottom: 15px;}
.contTop .mainTop .photo {width: 82px; height: 82px; margin: 0 auto 26px; border: 2px solid #ff7e00; border-radius: 50%; box-shadow: 3px 5px 27px 2px rgba(176,93,39,0.48); overflow: hidden; background: url(../images/common/ico_photo.png) #fff no-repeat center center; display: none;}
.contTop .mainTop .photo a{display: block; width: 80px; height: 80px;}
.contTop .mainTop .photo img {width: 100%;}

.contTop .mainTop .activity li {display: inline-block;}
.contTop .mainTop .activity li ~ li {padding-left: 35px;}
.contTop .mainTop .activity a {display: block; position: relative; text-align: center; text-decoration: none;}
.contTop .mainTop .activity em {display:inline-block; font-size: 14px; color: #262626; vertical-align: middle; margin-right: 10px;}
.contTop .mainTop .activity em:before {content: ''; display:inline-block; width: 17px; height: 17px; margin: 0 10px 0 0; background: url('../images/icon/icon_topPlus.png') no-repeat; vertical-align: top;}

.contTop .mainTop .activity strong{display:inline-block; font-size: 28px; color: #ee8946; vertical-align: middle}
.contTop .mainTop .activity strong:before {content: ''; display:inline-block; width: 34px; height: 34px; margin: 5px 10px 0 0; background: url('../images/content/ico_main_activity2nd.png') no-repeat; vertical-align: top;}

.contTop .mainTop .activity .mypoint strong:before {background-position: 0 0; width:43px;}
.contTop .mainTop .activity .myPage strong:before {background: url("../images/icon/icon_activity.png");width:46px;height:40px;}
.contTop .mainTop .activity .myLms strong:before {background: url("../images/icon/icon_learning.png"); width:48px;}
.contTop .mainTop .activity .myCalendar strong:before {background: url("../images/icon/icon_calendar.png"); width:40px; height: 41px;}
.contTop .mainTop .activity .myUniverse strong:before {background: url("../images/icon/icon_metaverse.png"); width:63px; height: 42px;}
.contTop .mainTop .activity .myEvent strong:before {background: url("../images/icon/icon_event.png"); width:46px; height:42px; margin-top: 0px;}
.contTop .mainTop .activity .myQna strong:before {background: url("../images/icon/icon_qna.png"); width:45px; height:39px; margin-top: 0px;}


.contTop .searchWord {margin-top:23px; font-size:14px; text-align:center;}
.contTop .searchWord dt {display:inline-block; vertical-align:middle; color:#f47321;}
.contTop .searchWord > * {padding:0 10px;}
.contTop .searchWord > *:first-child {padding-left:0;}
.contTop .searchWord > *:last-child {padding-right:0;}
.contTop .sideMenu {position:absolute; right:13px; bottom:32px; font-size:14px;}
.contTop .sideMenu a {display:inline-block; margin-left:15px; padding-top:54px;}
.contTop .sideMenu .iconTV {background: url("../images/icon/icon_tv.png") center top no-repeat; background-size:25px;}
.contTop .sideMenu .iconReport {background: url("../images/icon/icon_report.png") center top no-repeat; background-size:25px;}
.contTop .sideMenu .iconBrochure {background: url("../images/icon/icon_brochure.png") center top no-repeat; vertical-align:-15px; background-size:25px;}

.contDetailTop {padding-top: 30px; padding-bottom: 30px; text-align: center; border-bottom: 1px solid #eaeaea;}
.contDetailTop .txtTop + .titleTop {margin-top: 14px;}

.subNavWrap {display:none; position:absolute; right:0; top:60px; background:white; box-shadow:1px 10px 20px #00000020; border-top:1px solid #ededed; width:1130px; height:250px; font-size:15px; font-weight:700; text-align:center;}
.subNavWrap .tblLayout > * {border-left:1px solid #ededed;}
.subNavWrap .tblLayout > *:first-child {border-left:none;}
.subNavWrap .subNav li {margin-top:23px;}
.subNavWrap .subNav a {position:relative; text-decoration:none; font-weight:700;}
.subNavWrap .subNav a:before {content:""; position:absolute; right:-11px; top:0; border-radius:50%; width:7px; height:7px;}
.subNavWrap .subNav a:hover,
.subNavWrap .subNav li.on a {color:#ff7e00;}
.subNavWrap .subNav a:hover:before,
.subNavWrap .subNav li.on a:before {background:#ff7e00;}
.subNavWrap .subNav02 {font-size:15px; text-align:left; padding-left:35px;}
.subNavWrap .subNav02 * {vertical-align:middle;}
.subNavWrap .subNav02 li {margin-top:23px;}
.subNavWrap .subNav02 a {position:relative; font-weight:700; line-height:23px; text-decoration:none; color:#333;}
.subNavWrap .subNav02 a:before {content:""; display:inline-block; background-image: url('../images/icon/icon_subMenu.png'); background-repeat:no-repeat; vertical-align:middle; margin-right:11px;}
.subNavWrap .subNav02 a:after {content:""; position:absolute; right:-11px; top:0; border-radius:50%; width:7px; height:7px;}
.subNavWrap .subNav02 a:hover {color:#ff7e00;}
.subNavWrap .subNav02 a:hover:after {background:#ff7e00;}
.subNavWrap .subNav li.on a {color:#ff7e00;}
.subNavWrap .subNav02 .myAlarm a:before {background-position:0 0; width:18px; height:22px;}
.subNavWrap .subNav02 .useInfo a:before {background-position:0 -37px; width:17px; height:23px;}
.subNavWrap .subNav02 .mypage a:before {background-position:0 -79px; width:20px; height:18px;}
.subNavWrap .subNav02 .appDown a:before {content:"APP"; background:#333; border-radius:50%; width:24px; height:24px; margin-right:9px; line-height:24px; font-size:10px; text-align:center; color:white;}
.subNavWrap .subNav02 .mobile a:before {background-position:0 -113px; width:20px; height:22px;}
.subNavWrap.on {display:block;}

#container {width: 100%; padding-bottom: 70px; background: white; overflow: hidden; z-index: 1;}
#container.active {position:relative; z-index:100;}
#container.active #mdaIframe {position:fixed; right:20px; bottom:20px; width:320px; height:240px; min-height:auto; z-index:1000;}

.mainProductTab {margin-left:17%; display: inline-block; width: 17%; text-align: center; line-height: 43px; background-color: #f69256; color: white;}
.mainMarketTab {display: inline-block; width: 17%; text-align: center; line-height: 43px; background-color: #d0d0d0;}

#container.main {position: relative;}
/* #container.main .cont-tab {display:inline-flex; gap:20px;} */
#container.main .cont-tab01 > * {font-weight:700; color:#d0d0d0; text-decoration:none;}
#container.main .cont-tab01 > *.active,
#container.main .cont-tab01 > *:hover {border-bottom:2px solid #f69256; color:#f69256;}
#container.main .cont-tab01 > input {position:absolute; left:-1000em;}
#container.main .cont-tab01 > input[checked] + label {border-bottom:2px solid #f69256; color:#f69256;}

#container.main .cont-tab02 > * {font-weight:700; color:#d0d0d0; text-decoration:none;}
#container.main .cont-tab02 > input {position:absolute; left:-1000em;}
/*#container.main:before{content:''; display: block; width: 100%; height: 500px; position: absolute; bottom: 200px; background-color: #f9f9f9; z-index: 2;
background: -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(249,249,249,0) 100%);
background: -webkit-linear-gradient(top, rgba(249,249,249,1) 50%,rgba(249,249,249,0) 100%);
background: linear-gradient(to bottom, rgba(249,249,249,1) 50%,rgba(249,249,249,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 );}

/*#container.main:after{content:''; display: block; width: 100%; height: 500px; position: absolute; bottom: 0; background-color: #f0e3e1;
background: -moz-linear-gradient(left, #f0e3e1 0%, #fdf9f8 50%, #efe9ed 100%);
background: -webkit-linear-gradient(left, #f0e3e1 0%,#fdf9f8 50%,#efe9ed 100%);
background: linear-gradient(to right, #f0e3e1 0%,#fdf9f8 50%,#efe9ed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0e3e1', endColorstr='#efe9ed',GradientType=1 ); z-index: 1}

.connectBg #container.main:after{content:''; display: block; width: 100%; height: 500px; position: absolute; bottom: 0; background-color: #f0e3e1;
background: -moz-linear-gradient(left, #e4eeed 0%, #f2f4f3 50%, #e5eae6 100%);
background: -webkit-linear-gradient(left, #e4eeed 0%,#f2f4f3 50%,#e5eae6 100%);
background: linear-gradient(to right, #e4eeed 0%,#f2f4f3 50%,#e5eae6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0e3e1', endColorstr='#efe9ed',GradientType=1 ); z-index: 1}*/


/*#container.main{background: linear-gradient(to bottom, rgba(249,249,249,1) 50%,rgba(249,249,249,0) 100%),linear-gradient(to right, #f0e3e1 0%,#fdf9f8 50%,#efe9ed 100%);}
.connectBg #container.main{background: linear-gradient(to bottom, rgba(249,249,249,1) 50%,rgba(249,249,249,0) 100%),linear-gradient(to right, #e4eeed 0%,#f2f4f3 50%,#e5eae6 100%);}*/



#contents {padding: 66px 0 0; position: relative; z-index: 3;}
#contents.pdNone {padding-top: 0px;}
#contents.pdSm {padding-top: 25px;}
#contents.pdMd {padding-top: 33px;}

.searchBarWrap + .subContBox {margin-top: 38px;}
.breadcrum + #contents {padding-top: 0;}
.shadowBox {padding: 36px 35px; background: #fff; box-shadow: 1px 1px 9px rgba(0,0,0,0.1);}
.shadowBox.formBox {padding: 34px 0 0;}
.titleContMd + .shadowBox {margin-top: 30px;}
.titleContLg + .shadowBox {margin-top: 43px;}


/* ==============================
 * footer
 * ============================== */
#footerWrap .inner {position: relative; padding-top: 30px;}
#footerWrap .inner:after {content: ''; display: block; clear: both;}
#footerWrap .footerLogo {padding-top: 17px; float: left;}
#footerWrap .footerLogo img {display: block;}
#footerWrap .copyright {margin-left: 0px; padding-top: 10px; line-height: 1; color: #b5b5b5; font-size: 12px; letter-spacing: 0; clear: both;}
.toTop {position: fixed; bottom: 10%; right: 100px; width: 72px; height: 72px; z-index: 4; display: none;}
.toTop a {display: block; width: 100%; height: 100%; text-indent: -999px; border-radius: 100%; box-shadow: 10px 10px 20px rgba(46,56,68,.2); background: #fff; overflow: hidden;}
.toTop a:before {position: absolute; left: 50%; top: 30px; width: 20px; height: 11px; margin: 0 0 0 -10px; background: url('../images/common/form_img.png') no-repeat -35px 0; cursor: pointer;}
#footerWrap .link{}
#footerWrap .link li{float: left;}
#footerWrap .link li a{font-size: 12px; color: #333;}
#footerWrap .link li a:hover{text-decoration: underline;}
#footerWrap .link li ~ li{margin-left: 15px;}
#footerWrap .link li ~ li:before{content: ''; height: 8px; width: 1px; display: inline-block; vertical-align: middle; background: #bfbfbf; margin-right: 15px;}


/* font
**************/
.fontHan{font-family: 'Hanwha'; position: relative; top: -1px;}

.conTxt {color: #666; font-size: 15px;}
.fontOrange {color: #ff7e00 !important;}
.fontOrange02 {color: #fc955a !important;}
.fontOrange03 {color: #f57220 !important;}
.fontGray {color: #4e4e4e !important;}

.txtBold {font-weight: '700' !important;}
.txtNormal {font-weight: '400' !important;}
.txtSm {font-size: 13px !important; color: #9c9c9c !important;}
.txtLg {font-size: 17px !important; color: #333;}

.ellipsis {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}


/* combo
**************/

.disNone{display: none;}
.cusPointer{cursor: pointer;}
.cusDefault{cursor: default}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.mt60{margin-top: 60px;}
.mb60{margin-bottom: 60px;}
.scrollX{overflow-x: auto !important; overflow-y: hidden !important;}

.w100p{width: 100%;}
.w100{width: 100px;}
.w150{width: 150px;}
.w200{width: 200px;}
.w250{width: 250px;}
.w300{width: 300px;}
.w350{width: 350px;}
.h100{height: 100px;}
.h150{height: 150px !important;}
.h200{height: 200px !important;}
.h250{height: 250px !important;}

.select100{width: 100%;}
.select100 .SumoSelect{width: 100%;}

/* align
**************/
.alignC {text-align: center !important;}
.alignL {text-align: left !important;}
.alignR {text-align: right !important;}

.row:after {content: ''; display: block; clear: both;}
.row > * {float: left;}

.vm, .vm > * {vertical-align:middle;}
.vt, .vt > * {vertical-align:top;}

/* button
**************/
button{outline: none;}
.btnArea {display: block; width: 100%; margin: 0 auto; text-align: center; font-size: 0; line-height: 0;}

.btnBasic{display:inline-block; font-size: 15px; min-width: 164px; height: 41px; padding: 0 10px; border-radius: 2px; background:#d4d4d4; color: #fff;}
button.btnBasic {line-height: 1 !important; outline: none;}
.btnBasic:hover {background: #c2c2c2; text-decoration: none;}
.btnBasic:disabled{color: #c8c8c8 !important; background: #e7e7e7 !important;}
.btnBasic:disabled:hover{cursor: default; color: #c8c8c8; background: #e7e7e7;}
.btnBasic.gray:disabled{opacity: 0.5;}

.btnBasic.blue{background: #2b3c4c; color: #fff;}
.btnBasic.blue:hover{background: #151c23;}
.btnBasic.blue:disabled,.btnBasic.blue.disabled{color: #86898d; background: #a7abb0;}
.btnBasic.blue:disabled:hover,.btnBasic.blue.disabled:hover{color: #86898d; background: #a7abb0;}

.btnBasic.orange{background: #fc955a; color: #fff;}
.btnBasic.orange:hover{background: #e67c3f;}

.disabled{opacity: 0.5; cursor:default;}

.btnBasic.gray{background:#d4d4d4; color: #fff;}
.btnBasic.gray:hover{background:#c2c2c2;}
.btnBasic.white{background:#fff; color: #262626;}
.btnBasic.whiteLine{background:#fff; color: #262626; border:1px solid #c5c5c5;}
.btnBasic.grayW{background: #d4d4d4; color: #fff;}

.btnClear{position: absolute; top: 50%; z-index: 1; display: block; width: 40px; height: 125px; background-color:rgba(214,214,214,0.50); border-radius: 20px; box-shadow: 4px 4px 8px rgba(0,0,0,.27); margin-top: -62px;}
.btnClear:after{content: ''; position: absolute; display: block; width: 9px; height: 16px; background: url('../images/common/ir_icon.png') no-repeat; background-position: -122px -27px; top:50%; left: 50%; margin: -8px 0 0 -4px;}
.btnClear:hover{background-color:rgba(214,214,214,0.80);}
.btnClear.left{margin-left: -50px; left: 0;}
.btnClear.right{margin-right: -50px; right: 0;}
.btnClear.right:after{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

.btnArea .btnBasic + .btnBasic,.btnArea .btnIcon + .btnIcon{margin-left: 5px;}
.btnArea .btnIconS ~ .btnIconS{margin-left: 3px;}
.btnIconS{border:1px solid #c5c5c5; width: 24px; height: 24px; line-height: 22px; font-size: 13px; color: #c5c5c5; background: #fff; border-radius: 2px; cursor: pointer;}
.btnIconS.Xs{width: 18px; height: 18px; line-height: 16px;}


.btnBasic.btnWid {min-width: 250px;}
.btnBasic.btnWLg {min-width: 185px;}
.btnBasic.btnWMd {min-width: 132px;}
.btnBasic.btnWSm {min-width: 118px;}
.btnBasic.btnWXxs {min-width: 80px;}
.btnBasic.btnHLg {height: 46px; line-height: 46px;}
.btnBasic.btnHSm {height: 36px; line-height: 36px;}
.btnBasic.btnHXs {height: 29px; line-height: 29px; font-size: 13px;}

.btnRound.btnHXs {border-radius:29px;}

.btnBasic.btnGray {color: #9c9c9c; background: #e6e6e6;}
.btnBasic.btnGray:hover {background: #d2d2d2; text-decoration: none;}
.btnBasic.btnGray02 {color: #fff; background: #9c9c9c;}
.btnBasic.btnGray03 {color: #9c9c9c; background: #e6e6e6;}
.btnBasic.btnCancel {color: #808080; background: transparent;}
.btnBasic.btnDown{background: #c5c5c5; color: #fff; height: 36px;}
.btnBasic.btnDown:hover {background: #adadad; text-decoration: none;}
.btnBasic.btnDown:disabled:before{opacity: 0.3; background-position: -58px -128px;}
.btnBasic.btnDown:before{content: ''; background: url('../images/common/ir_icon.png') -58px -108px no-repeat; width: 22px; height: 16px; display: inline-block; vertical-align: middle; margin:-2px 10px 0 0;}

.btnBasic.btnDown.white{background:rgba(0,0,0,0.00); border:1px solid #fff;}

.btnBasic.clear{color: #b5b5b5; background: none;}
.btnBasic.clear:after{content: ''; display: inline-block; background: url('../images/common/form_img.png') no-repeat; width: 9px; height: 5px; margin: -5px 0 0 15px; vertical-align: middle;}

.btnDown.clear{color: #8f929b;}
.btnDown.clear:hover{text-decoration: underline;}
.btnDown.clear:before{content: ''; background: url('../images/common/ir_icon.png') -58px -128px no-repeat; width: 22px; height: 16px; display: inline-block; vertical-align: middle; margin:-2px 10px 0 0;}

.btnBasic.plus,.btnBasic.minus{color: #fff; background: #c5c5c5;}
.btnBasic.plus:before,.btnBasic.minus:before {content:""; display:inline-block; width:15px; height:15px; margin:0 14px 0 0; vertical-align:middle; border: 1px solid #fff; color: #fff; line-height: 15px; text-align: center; box-sizing: border-box; border-radius: 2px; font-size: 14px;}
.btnBasic.plus:before {content:"+"; line-height: 11px;}
.btnBasic.minus:before {content:"-"; line-height: 9px;}
/*.btnBasic.plus.gray,.btnBasic.minus.gray{color: #fff; background: #c5c5c5;}*/
.btnBasic.plus.gray:before,.btnBasic.minus.gray:before{border-color: #fff; color: #fff;}
.btnBasic.plus:disabled,.btnBasic.minus:disabled{color: #fff !important; background: #c5c5c5 !important;}

.btnBasic.completed{min-width: 50px; height: 26px; font-size: 12px; position: relative;}
.btnBasic.completed:before{content: ''; width: 15px; height: 15px; display: inline-block; vertical-align: middle; border: 1px solid #e6e6e6; border-radius: 50%; margin: 0 5px 0 0;}
.btnBasic.completed.on{background: #2b3c4c; color: #fff;}
.btnBasic.completed.on:after{content: ''; width: 14px; height: 10px; background: url(../images/common/ir_icon.png) -224px -28px no-repeat; position: absolute; left: 14px; top: 8px;}

.btnText{font-size: 13px; color: #b0b0b0; display: inline-block;}

.btnIcon{display: inline-block; width: 40px; height: 40px; background: #d4d4d4; border-radius: 2px; font-size: 0; text-indent: -9999px; position: relative;}
.btnIcon:before{content: ''; background: url(../images/common/ir_icon.png) no-repeat; display: block; position: absolute; top: 50%; left: 50%;}
.btnLike:before{width: 17px; height: 21px; background-position: -29px -158px; margin:-10px 0 0 -8px; }
.btnLike.on{background:#fc955a;}
.btnShare:before{width: 23px; height: 21px; background-position: 0 -158px; margin:-9px 0 0 -10px;}
.btnShare.on{background:#fc955a;}

.btnIcon.Md{width: 32px; height: 32px;}


.btnBook.on{background: #59a9b4;}
.btnBook:before{width: 14px; height: 17px; background-position: -295px -98px; margin:-8px 0 0 -6px;}
.btnBook.on:before{background-position: -295px -98px;}
.btnShare2.on{background: #fc955a;}
.btnShare2:before{width: 14px; height: 18px; background-position: -315px -98px; margin:-9px 0 0 -7px;}
.btnShare2.on:before{background-position: -315px -98px;}
.btnLike2{background-color: #d4d4d4;}
.btnLike2:before{width: 17px; height: 21px; background-position: -29px -158px; margin:-10px 0 0 -8px;}
.btnLike2.on{background:#fc955a;}


.btnIcon.Md.btnBook:before{width: 10px; height: 12px; background-position: -295px -120px; margin:-6px 0 0 -4px;}
.btnIcon.Md.btnBook.on:before{background-position: -295px -137px;}
.btnIcon.Md.btnShare.on{background: #59a9b4;}
.btnIcon.Md.btnShare:before{width: 18px; height: 16px; background-position: -316px -157px; margin:-6px 0 0 -7px;}
.btnIcon.Md.btnShare.on:before{background-position: -316px -157px;}
.btnIcon.Md.btnShare2:before{width: 10px; height: 14px; background-position: -308px -120px; margin:-7px 0 0 -5px;}
.btnIcon.Md.btnShare2.on:before{background-position: -308px -137px;}


.btnMemo:before{width: 12px; height: 14px; background-position: -295px -98px; margin:-6px 0 0 -5px;}
.btnMemo.on{background: #59a9b4;}
/*.btnMemo:before{width: 14px; height: 17px; background-position: -295px -98px; margin:-8px 0 0 -6px;}*/

/*.btnIcon.Md.btnMemo:before{width: 10px; height: 12px; background-position: -295px -178px; margin:-6px 0 0 -4px;}*/

.btnPrint{display: inline-block; font-size: 15px; color: #b9b9b9; height: 39px; border: 1px solid #111; background: #1a1a1a; border-radius: 2px; padding: 0 14px;}
.btnPrint:before{content: ''; background: url('../images/common/ir_icon.png') -358px -83px no-repeat; width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin:-1px 10px 0 0;}

.btnView{display: inline-block; font-size: 14px; color: #b9b9b9; height: 39px; padding: 0 14px;}
.btnView:after{content: ''; background: url('../images/common/ir_icon.png') -361px -111px no-repeat; width: 13px; height: 7px; display: inline-block; vertical-align: middle; margin:-3px 0 0 15px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.btnView.on:after{-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}


/*.btnDel{width: 15px; height:15px; background: #d4d4d4; color: #fff; border-radius: 50%; text-align: center;}*/

.btnAddSchedule {width:100%; height:36px; color:#adadad;}
.btnAddSchedule:before {content:"+"; display:inline-block; border:1px solid #adadad; border-radius:2px; width:15px; height:15px; margin-right:14px;}
.btnAddSchedule02 {position:relative; border:none; width:20px !important; height:20px;}
.btnAddSchedule02:before {content:""; position:absolute; left:50%; top:0; background:#fa9d76; width:3px; height:100%; transform:translate(-50%, 0);}
.btnAddSchedule02:after {content:""; position:absolute; left:0; top:50%; background:#fa9d76; width:100%; height:3px; transform:translate(0, -50%);}

.btnTgl.on{background: #59a9b4;}

/* input
**************/
input[type=text],input[type=password],input[type=search],input[type=email],input[type=number],input[type=tel] {height: 36px; padding: 0 18px; border: 1px solid #c5c5c5; font-size: 13px; line-height: normal; box-sizing: border-box; border-radius: 2px; vertical-align: middle;}
input[type=text]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=tel]:disabled{background: #f0f0f0; color: #9c9c9c;}
input.inpWidMd {width: 225px;}
textarea{font-size: 13px; line-height: normal; box-sizing: border-box; border-radius: 2px;border: 1px solid #c5c5c5; padding: 7px 18px;}

[readonly='readonly'], [readonly] {
   pointer-events: none;
	cursor: default;
}

/* 해쉬태그 */
.tagsinput{width: 100% !important; height: auto !important; min-height: 39px !important; padding: 5px 5px 0 5px !important; overflow-y: auto !important;}


/* 아이콘이 포함된 댓글달기 폼 */
.msg {width:100%; position: relative;}
.msg i {position:relative; display:block;}
.msg i:before {content:""; position:absolute; left:17px; top:13px; width:14px; height:14px; background:url('../images/common/icon_popup.png') no-repeat -60px 0px;}
.msg input{width:100%; padding: 0 120px 0 40px;}
.msg textarea{width:100%; padding: 8px 120px 8px 40px !important;}
.msg > ul{position: absolute; top: 12px; right: 25px; }
.msg ul > li{float: left;}
.msg ul > li:last-child{margin-left: 15px;}

/* 댓글쓰기 폼 */
.msg .emoWrap{position: relative;}
.msg .emoWrap .emo{width: 19px; height: 15px; display: block; background: url(../images/common/form_img.png) -19px -36px; font-size: 0; text-indent: -9999px; cursor: pointer;}
.msg .emoWrap .emoBox{ position: absolute; top: 25px; right: -8px; background: #fff; border: 1px solid #e6e6e6; width: 250px; height: 160px; border-radius: 2px; display: none; z-index: 2;}
.msg .emoWrap .emoBox:after, .msg .emoWrap .emoBox:before {bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position:absolute; pointer-events: none;}
.msg .emoWrap .emoBox:after {border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 5px; right: 11px;}
.msg .emoWrap .emoBox:before {border-color: rgba(230, 230, 230, 0); border-bottom-color: #e6e6e6; border-width: 6px; right: 10px;}

/*이모티콘리스트*/
.msg .emoBox {border : 1px solid #e6e6e6}
.msg .emoBox .emoList {overflow-y:auto; }
.emoGroup {border: 1px solid #ff7e00}
.msg .emoBox .emoList:after {content: ''; display: block; clear: both;}
/* .msg .emoBox .emoList li:nth-child(-n+3){margin-top: 0px;} */
/* .msg .emoBox .emoList li:nth-child(3n+1) {margin-left:0;} */
/* .msg .emoBox .emoList li ~ li {margin-top:20px; margin-left:18px;} */
.msg .emoBox .emoList li {margin-top : 10px; margin-left: 10px; margin-bottom: 15px}
.msg .emoBox .emoTab li {margin : 0px; padding : 10px 7px 10px 7px}
.msg .emoBox .emoList li a {display:block; width:55px; height:55px; }
.msg .emoBox .emoList li img {max-width:100%; height:auto; width : 100px}
.msg .emoBox .emoTab li img {max-width:100%; height:auto; width : 40px}
.msg .emoBox .emoTab > li {filter : grayscale(100%); -webkit-filter : grayscale(100%)}
.msgWrap .msg .fileAdd .emoList, .replyBox > .msg .fileAdd .emoList {padding:20px 0; border-bottom:1px solid #e6e6e6;}
.msg .fileAdd .emoList {padding-top:20px;}
.msg .fileAdd .emoList:after {content: ''; display: block; clear: both;}
.msg .fileAdd .emoList li {position:relative; margin-left:0;}
.msg .fileAdd .emoList li ~ li {margin-left:30px !important;}
.msg .fileAdd .emoList li .btnDel02 {position:absolute; right:10px; top:-10px; }
.msg .fileAdd .emoList li img {max-width:310px; height:auto;}

.msg .photoFile{width: 19px; height: 15px; overflow: hidden; margin-left: 10px;}
.msg .photoFile .inputFileWrap label,.msg .photoFile button{width: 19px; height: 15px; display: block; background: url(../images/common/form_img.png) -47px -36px; font-size: 0; text-indent: -9999px; border-radius: 0;}

.msg button.txt{outline: none; font-size: 13px; color: #9c9c9c; vertical-align: top;}
.msg button.txt:hover{color: #2b3c4c;}


.msg .liveEmoBox {border : 1px solid #e6e6e6}
.msg .liveEmoBox .emoList {overflow-y:auto; }

.msg .liveEmoBox .emoList li {margin-top : 10px; margin-left: 10px; margin-bottom: 15px}
.msg .liveEmoBox .emoTab li {margin : 0px; padding : 10px 7px 10px 7px}
.msg .liveEmoBox .emoList li a {display:block; width:55px; height:55px; }
.msg .liveEmoBox .emoList li img {max-width:100%; height:auto; width : 100px}
.msg .liveEmoBox .emoTab li img {max-width:100%; height:auto; width : 40px}
.msg .liveEmoBox .emoTab > li {filter : grayscale(100%); -webkit-filter : grayscale(100%)}


/* 댓글폼 */
.replyWrap > ul > li{padding: 15px 0; position: relative;}
.replyWrap > ul > li ~ li{border-top: 1px solid #e6e6e6;}
.replyWrap .info{display: block; margin-bottom: 4px;}
.replyWrap .info span{display: inline-block; vertical-align: middle;}
.replyWrap .info .name{margin-left: 15px; font-size: 15px; color: #000;}
.replyWrap .info .company{margin-left: 5px; font-size: 13px; color: #8f929b;}
.replyWrap .info .date{margin-left: 30px; font-size: 13px; color: #b9b9b9;}
.replyWrap p{font-size: 15px; color: #8e8e8e; padding-left: 57px; overflow: hidden;}
.replyWrap img{display: block;}
.replyWrap p img{display: block; max-width: 15%; cursor:pointer;}
.replyWrap .emoView{display: inline; vertical-align: top;}
.replyWrap .btnReply{margin:20px 0 0 57px; font-size: 14px; color: #262626;}
.replyWrap .msg{margin-top: 15px; padding-left: 57px;}
.replyWrap .btnReply + .msg{display: none;}
.replyWrap > ul > li > ul{padding-left: 57px; margin-top: 20px;}
.replyWrap > ul > li > ul > li{border-top: 1px solid #e6e6e6;padding: 15px 0;}
.replyWrap .btnConfirm{display: none;}

/* 달력 */
.datepicWrap{min-width: 277px;}
.ui-datepicker-trigger{margin-left: -22px; cursor: pointer;}
.datepicWrap .dateTxt{margin:0 15px 0 22px; display: inline-block; vertical-align: middle;}
.datepicWrap .datepicker{height: 32px; display: inline-block; vertical-align: middle; width: 120px;}


.datepicSkin1 {font-size: 100%;}
.datepicSkin1 .ui-widget {background: #fff;}
.datepicSkin1 .ui-datepicker {padding: 0;}
.datepicSkin1 .ui-datepicker-header {
	border: none;
	font-size: 80%;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #e0e8ec; /* layer fill content */
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.53), inset 0 -1px 0 rgba(0,0,0,.12); /* drop shadow and inner shadow */
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.53), inset 0 -1px 0 rgba(0,0,0,.12); /* drop shadow and inner shadow */
	box-shadow: 0 1px 0 rgba(255,255,255,.53), inset 0 -1px 0 rgba(0,0,0,.12); /* drop shadow and inner shadow */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
}

.datepicSkin1 .ui-datepicker-title {
	color: #515d65; /* text color */
	font-size: 13px;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(255,255,255,.8); /* drop shadow */

}

.datepicSkin1 .ui-icon-circle-triangle-e {
	background-image: url(images/ui-icons_454545_256x240.png);
	background-position: -32px -16px;
}

.datepicSkin1 .ui-icon-circle-triangle-w {
	background-image: url(images/ui-icons_454545_256x240.png);
	background-position: -96px -16px;
}

.datepicSkin1 .ui-datepicker .ui-datepicker-prev,
.datepicSkin1 .ui-datepicker .ui-datepicker-next {
	border-color: transparent;
}

.datepicSkin1 .ui-state-default {
	background: transparent;
	border: none;
	color: #2b2b2b;
	font-family: "Myriad Pro";
	font-weight: normal;
	text-align: center;
}

.datepicSkin1 .ui-datepicker-header .ui-state-hover {background: #bdc5c9;}
.datepicSkin1 .ui-datepicker table {margin: 0;}
.datepicSkin1 .ui-datepicker th {
	color: #9da7af;
	font-size: 12px;
	font-weight: normal;
	-moz-border-radius: 216px 0 0 0 / 0 0 0 0;
	-webkit-border-radius: 216px 0 0 0 / 0 0 0 0;
	border-radius: 216px 0 0 0 / 0 0 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: rgba(0,0,0,.08);

}

.datepicSkin1 .ui-datepicker td {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 0;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);
	background-image: linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);

}

.datepicSkin1 .ui-datepicker td:last-child {border-right: none;}
.datepicSkin1 .ui-datepicker td span,
.datepicSkin1 .ui-datepicker td a {
	padding: .7em 0;
	color: #6a747a;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
}

.datepicSkin1 .ui-datepicker-calendar .ui-state-hover {
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(255,255,255,.06) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(255,255,255,.06) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(255,255,255,.06) 100%);
}

.datepicSkin1 td a.ui-state-active,
.datepicSkin1 td a.ui-state-active.ui-state-hover {
	color: #fff;
	background-color: #8ab8ed;
	text-shadow: 0 1px 0 rgba(0,0,0,.26);
	-moz-box-shadow: inset 0 4px 9px rgba(0,0,0,.24);
	-webkit-box-shadow: inset 0 4px 9px rgba(0,0,0,.24);
	box-shadow: inset 0 4px 9px rgba(0,0,0,.24);
}



/* placeholder */
::-webkit-input-placeholder {color: #cdcdcd;}
::-moz-placeholder {color: #cdcdcd;}
:-ms-input-placeholder {color: #cdcdcd;}
:-moz-placeholder {color: #cdcdcd;}

.checkGroup label ~ label{margin-left: 10px;}
.checkGroup > li{display: inline-block;}
.checkGroup > li ~ li{margin-left: 10px;}


.inputFileWrap {width: 100%; position: relative; text-align: left;}
.inputFileWrap input[type=file] {width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; cursor: pointer;
	&:focus {outline: none;}
}
.inputFileWrap input[type=text]{width:calc(100% - 110px);}
.inputFileWrap label {position: absolute; right: 0; top: 0; width: 100px; height: 36px; color: #fff; background: #c5c5c5; line-height: 36px; text-align: center; border-radius: 4px; z-index: 1; font-size: 13px;}
.inputFileWrap.mid{width:calc(100% - 60px); float: left;}
.inputFileWrap + .info {float:left;width:60px; font-size: 11px; vertical-align: middle; color: #9c9c9c; padding: 7px 0 0 0; text-align: right;}



/* radio
**************/


.radioGroup input[type=radio],.radioDefault{opacity: 0; display: none;}
.radioGroup input[type=radio] + label,.radioDefault  + label{display: inline-block; position: relative; padding-left: 25px; font-size: 13px; color: #b0b0b0; line-height: 16px; vertical-align: middle;}
.radioGroup label ~ label{margin-left: 10px;}
.radioGroup input[type=radio] + label:before ,.radioDefault  + label:before{content: ''; display: block; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: 1px solid #c5c5c5; box-sizing: border-box; border-radius: 50%; background: #fff;}
.radioGroup input[type=radio]:checked + label,.radioDefault:checked  + label{color: #666;}
.radioGroup input[type=radio]:checked + label:before,.radioDefault:checked  + label:before {border: 1px solid #fc955a;}
.radioGroup input[type=radio]:checked + label:after ,.radioDefault:checked  + label:after{content: ''; display: block; position: absolute; left: 0; top: 0; width: 16px; height: 16px; background: url('../images/common/form_img.png') no-repeat -14px -15px;}
.radioDefault.inputPlus + label:before{top:9px;}
.radioDefault.inputPlus + label:after{top:9px;}


/* checkbox
**************/

input.chkDefault[type=checkbox] {opacity: 0; display: none;}
input.chkDefault + label {display: inline-block; position: relative; padding-left: 25px; min-height:16px; font-size: 13px; color: #b0b0b0; line-height: 16px; vertical-align: middle;}
input.chkDefault + label:before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: 1px solid #c5c5c5; box-sizing: border-box; border-radius: 2px; background: #fff;}
input.chkDefault[type=checkbox]:checked + label{color: #666;}
input.chkDefault[type=checkbox]:checked + label:before {border: 1px solid #fc955a;}
input.chkDefault[type=checkbox]:checked + label:after {content: ''; display: block; position: absolute; left: 0; top: 0; width: 16px; height: 16px; background: url('../images/common/form_img.png') no-repeat -14px 0;}

input.chkDefault.single + label{width: 16px; height: 16px;}

/* toggle switch
**************/

.btnSwitch{height: 0; width: 0; visibility: hidden; display: none;}
.btnSwitch + label {cursor: pointer; text-indent: -9999px; width: 50px; height: 25px; background: #dadbdd; display:inline-block; border-radius: 25px; position: relative;}
.btnSwitch + label:after {content: ''; position: absolute; top: 2px; left: 2px; width: 21px; height: 21px; background: #fff; border-radius: 50%; transition: 0.3s;
}
.btnSwitch:checked + label {background: #fc955a;}
.btnSwitch:checked + label:after {-webkit-transform: translateX(25px); -ms-transform: translateX(25px); transform: translateX(25px);}
.btnSwitch + label:active:after {width: 22px;}

.btnSwitch.sm + label{width: 26px; height: 14px; border-radius: 14px;}
.btnSwitch.sm + label:after{top: 1px; left: 1px; width: 12px; height: 12px;}
.btnSwitch.sm:checked + label:after {-webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px);}
.btnSwitch.sm + label:active:after {width: 13px;}


/* select
**************/
.SumoSelect {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont{box-shadow: none; border-color: #c5c5c5;}
.SumoSelect > .CaptionCont > span{cursor: pointer;}
.SlectBox.single ~ .optWrapper .options li:first-child{display: none;}
.SumoSelect > .CaptionCont{height: 36px; box-sizing: border-box; border: 1px solid #c5c5c5; font-size: 13px; line-height: 34px;}
.SelectBox{padding: 0 18px;}
.SumoSelect > .CaptionCont > label > i{background: url('../images/common/form_img.png') no-repeat; width: 9px; height: 5px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; margin: 0;}
.SumoSelect > .CaptionCont > span.placeholder{font-style:normal; color:#cdcdcd; }
.SumoSelect > .CaptionCont > span{color: #262626; }

.SumoSelect > .optWrapper.multiple > .options li.opt span, .SumoSelect .select-all > span{display: none;}
.SumoSelect > .optWrapper.multiple > .options li.opt:before,.SumoSelect .select-all label:before{content: ''; position: absolute; left: 11px; top: 17px; width: 11px; height: 7px; background: url('../images/common/form_img.png') no-repeat 0px -23px;}
.SumoSelect > .optWrapper > .MultiControls{box-shadow: none; background: #f5f5f5;}

.SumoSelect > .optWrapper > .options  li.opt{padding: 10px 6px 10px 40px; position: relative; border-bottom: none;}
.SumoSelect > .optWrapper > .options  li.opt.selected,.SumoSelect > .optWrapper > .options li.opt:hover{background: #f0f0f0;}
.SumoSelect > .optWrapper > .options  li.opt.selected:before,.SumoSelect .select-all.selected label:before{content: ''; position: absolute; left: 11px; top: 17px; width: 11px; height: 7px; background: url('../images/common/form_img.png') no-repeat 0px -11px;}
.SumoSelect > .optWrapper > .options li label{color: #666; font-size: 14px;}
.SumoSelect.open > .optWrapper{top: 39px;}
.SumoSelect > .optWrapper{border: 1px solid #dfdfdf; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.04);}
.SumoSelect > .optWrapper.multiple > .options li.opt{padding-left: 40px;}

.SumoSelect .select-all{height: 41px; overflow: hidden; padding: 10px 6px 10px 40px; border-top: 1px solid #ddd; border-radius:0; border-bottom: none; background: #fafafa;}
.SumoSelect .select-all label{padding: 0; font-size: 14px; color: #adadad;}
.SumoSelect .select-all.selected label{color: #666;}

.SumoSelect > .optWrapper.multiple > .MultiControls > p{font-size: 14px; color: #adadad; padding: 18px 0 !important;}
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk{border-right: none; color: #2b3c4c; position: relative;}
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk:after{content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 19px; background: #ddd; margin-top: -9px;}
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {box-shadow:none;border-color: inherit;outline: none;background-color:inherit;}

.SumoSelect .clear ~ .CaptionCont{border: none; background: none;}
.SumoSelect .clear ~ .CaptionCont > span{color: #262626; text-align: center;}
.SumoSelect .clear ~ .CaptionCont > span:after{content: ''; display: inline-block; background: url('../images/common/form_img.png') no-repeat; width: 9px; height: 5px; margin: -3px 0 0 25px; vertical-align: middle;}
.SumoSelect .clear ~ .CaptionCont label{display: none;}
.SumoSelect .clear ~ .optWrapper .opt label{text-align: left;}
.SumoSelect .clear ~ .CaptionCont > span{padding-right: 0px; font-size: 15px;}
.SumoSelect > .optWrapper > .options{padding-bottom:10px; max-height: 200px}

/* size
**************/
.col1 > * {width: 100%;}
.col2 > * {width: 50%;}
.col3 > * {width: 33.3%;}
.col3 > *:first-child {width: 33.4%;}
.col4 > * {width: 25%;}
.col5 > * {width: 20%;}

/* title
**************/
.txtTop {color: #4e4e4e; font-size: 24px; line-height: 1.5; max-height: 96px; overflow: hidden;}
/*.titleContLg {color: #333; font-size: 21px; font-family: 'NotoSansB';}*/
.titleTop {color: #fb9659; font-size: 15px; font-weight: bold; line-height: 1;}
.titleContXLg {color: #262626; font-size: 40px; line-height: 1; font-weight: bold; text-align: center;}
.titleContLg {color: #262626; font-size: 28px; line-height: 1; font-weight: bold; text-align: center;}
.titleContMd {color: #262626; font-size: 21px; font-weight: 300;; line-height: 1;}
.titleContMd > span {color: #666; font-size: 20px; margin-left: 10px;}
.titleContMd a{font-weight: bold;}
.titleContMd a > span {color: #666; font-size: 20px; margin-left: 10px;}

.titleContSm {color: #262626; font-size: 18px; font-weight: bold;}
.titleContXs {color: #262626; font-size: 17px; font-weight: bold;}
.titleContXxs {color: #262626; font-size: 16px; font-weight: bold;}
.titleContXxs > span {color: #666; font-size: 14px; margin-left: 10px;}

.titleBoxCon {line-height: 1; color: #4e4e4e; font-size: 19px; font-weight: bold;}

.bigTitBox {position: relative; padding-bottom: 46px; text-align: center;}
.breadcrum + .bigTitBox {padding-top: 16px;}
.bigTitBox .titleContXLg {display: inline-block; position: relative;}
.bigTitBox .titleContXLg button {display: inline-block; padding-right: 48px;}
.bigTitBox .titleContXLg button:after {content: ''; display: block; position: absolute; right: 0; top: 50%; width: 31px; height: 31px; margin-top: -16px; background: url('../images/content/ico_cate_arrow.png') no-repeat center right;}
.bigTitBox .titleContXLg button:focus {outline: none;}

.bigTitBox .categoryWrap .dimmed {position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: #000; opacity: 0.5; z-index: 998;}
.bigTitBox .categoryWrap .cateBox {position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-top: 26px; z-index: 999;}
.bigTitBox .categoryWrap .cateBox:after {content: ''; display: block; position: absolute; top: -12px; left: 50%; margin-left: -10px; border-bottom: 12px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent;}
.bigTitBox .categoryWrap .cateList {background: #fff;}
.bigTitBox .categoryWrap .cateList li + li {border-top: 1px solid #e6e6e6;}
.bigTitBox .categoryWrap .cateList li > a {display: block; width: 416px; padding: 26px 0 25px 0; font-size: 18px; color: #666; text-decoration: none;}
.bigTitBox .categoryWrap .cateList li > a:hover {background: #f6f6f6;}
.bigTitBox .categoryWrap .cateList li > a span {display: inline-block; padding-left: 4px; font-size: 16px; vertical-align: top;}





/* form style
**************/
.formWrap > ul {padding: 0 34px 60px;}
.formWrap > ul > li ~ li {margin-top: 33px;}
.formWrap > ul > li dt {margin-bottom: 12px; color: #ee8946; font-size: 13px; line-height: 1;}
.formWrap > ul > li dd input {width: 851px; height: 36px;}
.formWrap > ul > li dd textarea {width: 851px; height: 120px; padding: 18px; border: 1px solid #c5c5c5; color: #333; font-size: 13px; line-height: 1.2; box-sizing: border-box; border-radius: 3px;}
.formWrap > ul > li dd .btnBasic {min-width: 117px; vertical-align: middle; float: right;}

.formWrap > ul > li dd.dateWrap input {display: inline-block; width: 207px;}
.formWrap > ul > li dd.dateWrap input:disabled {background: #fff;}
.formWrap > ul > li dd.dateWrap .unit {display: inline-block; width: 44px; text-align: center;}
.formWrap > ul > li dd.dateWrap img {display: inline-block; margin-left: -30px; padding: 0 6px;}

.formWrap .btnArea {padding: 21px 0 24px; border-top: 1px solid #ddd; background: #f6f6f6;}

/* tab
**************/
[class*=tabType]{position: relative; z-index: 5;}
[class*=tabType] ul{text-align: center;}
[class*=tabType] ul:after {content: ""; display: block; clear: both;}
[class*=tabType] li {padding: 0 80px; display: inline-block; position: relative;}
/*[class*=tabType] li:first-child {padding-left: 40px;}*/
[class*=tabType] li a {display: block; position: relative; color: #b3b3b3; text-decoration: none;}
[class*=tabType] li.active a {color: #ff7e00;}
[class*=tabType] li.active a:after {content: ''; display: block; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #1b3d5a;}
[class*=tabType] li ~ li:before{content: ''; display: block; position: absolute; left: 0; top: 50%; width: 1px; height: 13px; margin-top: -6px; background: #cecece;}

.tabType01 {border-bottom: 1px solid #eaeaea; background: #fff;}
.tabType01 li a {padding: 0 7px; line-height: 53px; font-size: 16px;}
.tabType01 li.active a {color: #1b3d5a;}


.tabType02 {font-size: 0; margin-bottom: -1px;}
.tabType02 li{width: 25%; text-align: center; padding: 0 !important; height: 45px; line-height: 45px; border: 1px solid #e3e3e3; background: rgba(255,255,255,0.30); margin-left: -1px;}
.tabType02 li a{font-weight: bold; color: #737c85; font-size: 15px;}
.tabType02 li:before{display: none !important;}
.tabType02 li.active a {color: #59a9b4; background: #fff;}
.tabType02 li.active a:after{bottom:1px; background: #59a9b4;}
.tabType02.menu3 li{width: 33.3%;}
.tabType02.menu3 li:last-child{width: 33.4%;}


.tabType03 {border-bottom: 1px solid #dfdfdf; background: #f6f6f6;}
.tabType03 li a {padding: 0 7px; line-height: 53px; font-size: 16px;}
.tabType03 li.active a {color: #1b3d5a;}



/* table
**************/

table.bdForm{width:100%;text-align:left;}
table.bdForm th,table.bdForm td{text-align:left;height:34px;vertical-align:middle;padding:12px 20px;}
table.bdForm th{color: #262626; font-size: 13px; font-weight: bold; vertical-align: top;}
table.bdForm th .required{font-weight: bold;}
table.bdForm .lineB{border-bottom: 1px solid #e6e6e6;}
table.bdForm .hr{border-bottom: 1px solid #e6e6e6; padding-bottom: 30px; margin-bottom: 10px;}

.required{display: inline-block; vertical-align: middle;}
.required:after{content: '*'; font-family: 'dotum'; font-size: 18px; color: #ff7722; display: inline-block; vertical-align: middle; margin-left: 5px;}

/* pagenation
**************/
/*예전 pager*/
/*.pager{overflow: hidden; text-align: center; margin-top: 30px; background:rgba(0,0,0,0.05); clear: both;}
.pager *{display: inline-block;}
.pager ul{margin: 0 60px;}
.pager li ~ li{margin-left: 15px;}
.pager a {min-width: 26px; height: 26px; margin: 6px 0;  line-height: 26px; display: block; border-radius: 2px; color: #666; text-decoration: none; padding: 0 8px;}
.pager a:hover{background: rgba(0,0,0,0.05);}
.pager .current a,.pager .current a:hover{background: #fff; box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.1);}
.pager .prev,.pager .next{opacity: 1;}
.pager .prev:disabled,.pager .next:disabled{opacity: 0.4;}
.pager .prev:before{content: '←'; margin-right: 10px;}
.pager .next:after{content: '→'; margin-left: 10px;}*/


.pager{overflow: hidden; text-align: center; margin-top: 30px; clear: both; font-size: 0; position: relative; z-index: 2;}
.pager *{display: inline-block; vertical-align:top;}
.pager ul{margin: 0;}
.pager li,.pager button{margin: 0px 4px;}
.pager a{width:34px; height:34px; color:#666; font-size:14px; line-height:34px; text-decoration: none;}
.pager .current a,.pager .current a:hover,.pager a:hover{background-color:#f37120; color:#fff;}
.pager button{opacity: 1;  width:34px; height:34px; border:1px solid #cdcdcd;  font-size:0; text-align:center;background:  #fff; display: inline-block;}
.pager button:disabled{opacity: 0.4;}
.pager button:before{content: ''; background: url(../images/common/form_img.png) no-repeat;}
.pager button:hover{background-color:#f37120; border-color:#f37120;}
.pager .prev:before,.pager .next:before{ background-position: -43px -58px; width: 7px; height: 13px; display: block; margin: 0 auto;}
.pager .prev:hover:before,.pager .next:hover:before{background-position: -43px -76px;}
.pager .first:before,.pager .last:before{ background-position: -20px -58px; width: 12px; height: 13px; display: block; margin: 0 auto;}
.pager .first:hover:before,.pager .last:hover:before{background-position: -20px -76px;}
.pager .next:before,.last:before{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}




.pager.white{background: #fff;}
.pager.white a:hover{background:#f2f2f2;}

/* 원형 */
.pager.circle{background: none; padding: 0;}
.pager.circle ul{margin: 0;}
.pager.circle li ~ li{margin-left: 10px;}
.pager.circle a{font-size: 0; text-indent: -9999px; min-width: 7px; height: 7px; padding:0; background: #cac7c6; border-radius: 50%;}
.pager.circle a:hover{background: #7e7c7b;}
.pager.circle .current a,.pager.circle .current a:hover{background: #59a9b4; box-shadow: none;}


/* breadcrum
**************/
.breadcrum {padding-top: 60px; margin-bottom: 20px; line-height: 1;}
.breadcrum a, .breadcrum em {display: inline-block; position: relative; color: #949494; font-size: 13px; text-decoration: none; line-height: 1; vertical-align: middle;}
.breadcrum a {padding-right: 15px; margin-right: 7px;}
.breadcrum a:after {content: ''; display: block; position: absolute; right: 0; top: 50%; width: 5px; height: 9px; margin-top: -5px; background: url('../images/common/ir_icon.png') no-repeat; background-position: -24px -70px;}
.breadcrum .icoIr.home {width: 14px; height: 12px; text-indent: -9999px; overflow: hidden; box-sizing: content-box;}
.breadcrum .icoIr.home:before {width: 14px; height: 12px; left: 0; top: 0; background-position: 0 -69px;}

.navTab + .breadcrum {padding-top: 36px;}


/* search box
**************/
.searchBarWrap {margin-top: -1px; padding:8px 0 6px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; background: #f6f6f6; position: relative; z-index: 4;}
.searchBarWrap .selFormWrap{text-align: center;}
.searchBarWrap .selFormWrap > li {display: inline-block; vertical-align: middle;}
.searchBarWrap .selFormWrap > li + li {margin-left: 10px;}
.searchBarWrap .selFormWrap.spLg > li + li {margin-left: 68px;}
.searchBarWrap .selFormWrap .SumoSelect{min-width: 160px;}
.searchBarWrap .selFormWrap .searchInfo{font-size: 13px; color: #9c9c9c; padding-right:15px;}
.searchBarWrap .selFormWrap .searchInfo span{color: #fc955a;}

/*
.searchBarWrap dt {margin-right: 20px; line-height: 32px; color: #9c9c9c; font-size: 14px; float: left;}
.searchBarWrap dd {position: relative; float: left;}*/

.inpIcoBox{position: relative; float: left;}
.inpIcoBox input{padding: 0 36px 0 18px}
.inpIcoBox .icoIr {position: absolute; right: 0; top: 0;}

.inpIcoBox.line input{border: none; border-bottom: 1px solid #262628; background: transparent; outline: none; padding:0 36px 0 5px;}
.inpIcoBox.line .icoIr.icoBtnSrch:before{width: 16px; height: 16px; background-position: -137px 0;}
.inpIcoBox + button{margin-left: 50px;}

#contents + .searchBarWrap {margin-top: 35px;}

/* listStyle
**************/
.listTypeCol1 .listWrap .cate {display: inline-block; padding: 0 8px; color: #fff; font-size: 12px; text-align: center; line-height: 24px; border-radius: 2px; background: #000;}
.listTypeCol1 .listWrap .cate .bar {display: inline-block; padding: 0 6px; vertical-align: top; color: #fff; font-size: 10px;}

.secCont [class*=title] {margin-bottom: 30px;}

.listTypeCol1 {display: block; position: relative;}
.listTypeCol1 + .listTypeCol1 {margin-top: 82px;}
.listTypeCol1 [class*=title] {margin-bottom: 30px;}
/*.listTypeCol1 .listWrap {overflow: hidden;}*/
.listTypeCol1 .listBox {margin-left: 0px;}
.listTypeCol1 .listBox:after {content: ''; display: block; clear: both;}
.listTypeCol1 .listBox > li {width: 242px; padding: 0; float: left; position: relative; z-index: 1; margin-right:17.5px;  margin-bottom: 40px;}
.listTypeCol1 .listBox > li:nth-child(5n){margin-right: 0;}
.listTypeCol1 .listWrap .listBox > li > a,
.listTypeCol1 .listWrap .box {display: block; text-decoration: none; background: #fff; border: 1px solid #dfdfdf; overflow: hidden; position: relative; height: 322px;}
.listTypeCol1 .thumb {display: block; position: relative; overflow: hidden; z-index: 1; width:240px; height: 180px;}
.listTypeCol1 .thumb.thumbSm {height: 138px; min-height: 138px;}
.listTypeCol1 .thumb img {width:auto; height:100%; position: relative; left: 50%; transform: translateX(-50%);}
.listTypeCol1 .thumb:after{content: ''; width: 240px; height: 180px; background: rgba(0,0,0,0.20); display: block; position: absolute; top: 0; left: 0;}

.listTypeCol1 .thumbFinish {display: block; position: relative; overflow: hidden; z-index: 1; width:240px; height: 180px;}
.listTypeCol1 .thumbFinish.thumbSm {height: 138px; min-height: 138px;}
.listTypeCol1 .thumbFinish img {width:auto; height:100%; position: relative; left: 50%; transform: translateX(-50%);}
.listTypeCol1 .thumbFinish:after{content: '이벤트가 종료되었습니다.'; width: 240px; height: 180px; background: rgba(0,0,0,0.4); display: flex; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); text-align: center; justify-content: center; align-items: center; color: white;}


.listTypeCol1 .dimUnlock {display: table; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(238,137,7,0.9);}
.listTypeCol1 .dimUnlock i {display: table-cell; width: 100%; padding-top: 60px; color: #fff; font-size: 15px; text-align: center; vertical-align: middle; background: url('../images/content/ico_locked.png') no-repeat center 33px;}


.listTypeCol1 .listWrap .listBox > li > a.showAll{text-align: center; background:rgba(255,255,255,0.20); font-size: 14px; color: #b5b5b5; padding-top: 50%;}
.listTypeCol1 .listWrap .listBox > li > a.showAll:before{content: ''; width: 39px; height: 39px; display: block; background: url('../images/common/ir_icon.png') -73px -32px no-repeat; margin: 0 auto 20px}
.listTypeCol1 .listWrap .listBox > li > a:hover.showAll{background:rgba(255,255,255,1.00); }

.listBoard .listTitle {color: #262626; font-size: 22px; font-weight: 800;}
.listBoard .listBox {overflow:hidden; margin:20px 0 0 -5px;}
.listBoard .listBox li {float:left; position:relative; margin-left:5px;}
.listBoard .listBox a {display:block; width:316px; height:280px;}
.listBoard .listThumb,
.listBoard .listThumb img  {width:100%; height:100%;}
.listBoard .listCont {position:absolute; left:0; bottom:0; padding:20px;}
.listBoard .listTitle02 {font-size:21px; line-height:28px; color:white;}
.listBoard .listDesc {color:#9b9c9a;}

.listBoard02 {margin-top:40px;}
.listBoard02 .listTitle {color: #262626; font-size: 22px; font-weight: 800;}
.listBoard02 .list > li {border-bottom:1px solid #e6e6e6; padding:12px 0; color:#9c9c9c;}
.listBoard02 .listThumb {background: url("/resources/web/images/common/header_logo.png") center #e6e6e6 no-repeat; background-size:40px 24px; width:60px; height:60px;}
.listBoard02 .listThumb img {width:100%; height:100%;}
.listBoard02 .listInfo {overflow:hidden; float:right;}
.listBoard02 .listInfo li {float:left; margin-left:18px;}
.listBoard02 .listInfo li * {vertical-align:top;}
.listBoard02 .listNewNum {background:#59a8b3; border-radius:50%; display:inline-block; width:22px; line-height:22px; font-size:12px; text-align:center; color:white;}
.listBoard02 .list > li > .tblLayout > *:nth-child(1) {width:77px;}
.listBoard02 .list > li > .tblLayout > *:nth-child(2) {width:370px;}

/* 따라다니는 박스 */
.thumbLayer{width: 100%; height: 180px; position: absolute; left: 0; right: 0; background:#9cc5dd; opacity: 0.7;  z-index: 2; display: none;}

.listTypeCol1 .listWrap .listBox > li > a:hover *{-ms-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.listTypeCol1 .listWrap .listBox > li > a:after{content: ''; display: block;width: 100%; height: 4px; position: absolute; bottom: 0; z-index: 1; opacity: 0;transition: opacity .6s;}
.listTypeCol1 .listWrap .listBox > li > a:hover:after{width: 100%; height: 4px; opacity: 1;}

.listTypeCol1 .listWrap .listBox > li > a.blue .thumbLayer{background:#9cc5dd;}
.listTypeCol1 .listWrap .listBox > li > a.blue:hover .listTit{color: #84aec6;}
.listTypeCol1 .listWrap .listBox > li > a.blue:hover .infoBox{background: #f5f9fc;}
.listTypeCol1 .listWrap .listBox > li > a.blue:hover:after{background:#9cc5dd;}

.listTypeCol1 .listWrap .listBox > li > a.green .thumbLayer{background:#7cd0b4;}
.listTypeCol1 .listWrap .listBox > li > a.green:hover .listTit{color: #73bca4;}
.listTypeCol1 .listWrap .listBox > li > a.green:hover .infoBox{background: #f2faf7;}
.listTypeCol1 .listWrap .listBox > li > a.green:hover:after{background:#7cd0b4;}

.listTypeCol1 .listWrap .listBox > li > a.yellow .thumbLayer{background:#fcd45a;}
.listTypeCol1 .listWrap .listBox > li > a.yellow:hover .listTit{color: #e4c051;}
.listTypeCol1 .listWrap .listBox > li > a.yellow:hover .infoBox{background: #fffbee;}
.listTypeCol1 .listWrap .listBox > li > a.yellow:hover:after{background:#fcd45a;}

.listTypeCol1 .listWrap .listBox > li > a.purple .thumbLayer{background:#ad93d5;}
.listTypeCol1 .listWrap .listBox > li > a.purple:hover .listTit{color: #957abd;}
.listTypeCol1 .listWrap .listBox > li > a.purple:hover .infoBox{background: #f7f4fb;}
.listTypeCol1 .listWrap .listBox > li > a.purple:hover:after{background:#ad93d5;}

.listTypeCol1 .titArea.commu .listTit{padding-top: 20px;}
.listTypeCol1 .titArea.commu .disc{font-size: 14px;max-height: 48px;line-height: 24px;text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;}



/* 스탬프 리스트 */
.listTypeCol2 .listBox {margin-left: 0px;}
.listTypeCol2 .listBox:after {content: ''; display: block; clear: both;}
.listTypeCol2 .listBox > li {width: 248px; float: left; position: relative; z-index: 1; margin: 0 10px 15px 0;}
.listTypeCol2 .listBox > li:nth-child(5n){margin-right: 0px;}
.listTypeCol2 .listWrap .listBox > li > a,
.listTypeCol2 .listWrap .box {display: block; text-decoration: none; background: #fff; border: 1px solid #e9e9e9; overflow: hidden; position: relative; box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.01);}

.listTypeCol2 .thumb {display: block; position: relative; width: 77px; height: 77px; border-radius: 50%; border: 3px solid #e6e6e6; z-index: 1; margin: 30px auto 20px;}
.imgClip{overflow: hidden; width: 75px; height: 75px; border-radius: 50%; position: relative; top: -2px; left: -2px;}
.listTypeCol2 .thumb img {width:auto; height:100%; position: relative; left: 50%; transform: translateX(-50%); z-index: -1;}
.listTypeCol2 .thumb.complet{border-color:#e51c4b; }
.listTypeCol2 .thumb.link{border-color:#fc955a; }
.listTypeCol2 .thumb.complet:before,.listTypeCol2 .thumb.link:before{content: ''; width: 90px; height: 77px; display: block; background: url('../images/content/ico_stemp.png') no-repeat; position: absolute; top:-3px; left: -8px;}
.listTypeCol2 .thumb.link:before{background-position: 0 -77px;}


.listTypeCol2 .titArea{text-align: center; position: relative; height: 130px;}
.listTypeCol2 .titArea .listTit{font-size: 18px; color: #262626; width: 100%; padding: 0 20px; display: block; font-weight: bold; line-height: 20px; max-height: 40px; overflow: hidden;}
.listTypeCol2 .titArea .date{font-size: 13px; color: #b9b9b9; position: absolute; bottom: 60px; width: 100%;}
.listTypeCol2 .titArea .listTxt{font-size: 13px; color: #b9b9b9; position: absolute; bottom: 30px; width: 100%;}
.listTypeCol2 .titArea .listTxt:before,.icoStamp:before{content: ''; width: 14px; height: 16px; background: url('../images/common/ir_icon.png') -138px -27px no-repeat; display: inline-block; vertical-align: middle; margin-right: 7px; margin-top: -2px;}
.listTypeCol2 .titArea .state{font-size: 13px; color: #b9b9b9; position: absolute; bottom: 30px; width: 100%; text-align: center;}
.listTypeCol2 .titArea .state .icoStamp,.listTypeCol2 .titArea .state .iconQuiz{display: inline-block; vertical-align: middle;}
.listTypeCol2 .titArea .state .iconQuiz{margin-left: 25px;}
.iconQuiz{font-size: 12px; width: 38px; height: 19px; line-height: 19px; background: #59a9b4; border-radius: 2px; color: #fff; text-align: center;}


.listTypeCol2 .infoBox.chart .titArea{height: 70px;}
.listTypeCol2 .chartInfo{width: 100%; border-top: 1px solid #e6e6e6; background: #fbfbfb; font-size: 13px; color: #b9b9b9; overflow: hidden; padding: 18px 0;}
.listTypeCol2 .chartInfo dt,.listTypeCol2 .chartInfo dd{float: left; margin-top: 10px;}
.listTypeCol2 .chartInfo dt{width: 110px; padding-left: 20px;}
.listTypeCol2 .chartInfo dt:before{content: '·'; display: inline-block; margin-right: 5px;}
.listTypeCol2 .chartInfo dt:first-of-type,.listTypeCol2 .chartInfo dd:first-of-type{margin-top: 0;}


/* faq 형식 타입 */

.listTypeCol3 .listBox > li,.listTypeCol3 .listBox > div{background: #fff; padding: 30px; box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.15); position: relative;}
.listTypeCol3 .listBox > li ~ li,.listTypeCol3 .listBox > div ~ div{margin-top: 20px;}/* 에디터 내용에서 깨짐현상때문에 div로 li를변경 */
.listTypeCol3 .listBox .acoWrap{text-decoration: none; overflow: hidden; cursor: default;}
.listTypeCol3 .listBox .acoWrap:after{content: ''; background:url(../images/common/form_img.png) -35px -20px no-repeat; width: 18px; height: 10px; display: block; position: absolute; top: 62px; right: 32px; z-index: 1;}
.listTypeCol3 .listBox .acoWrap .acoArrow{/*background:url(../images/common/form_img.png) -35px -20px no-repeat;*/ width: 18px; height: 10px; display: block; position: absolute; top: 62px; right: 32px; z-index: 2; cursor: pointer;}
.listTypeCol3 .listBox .acoWrap.on:after{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.listTypeCol3 .listWrap .cate{background: none; font-size: 13px; color: #fc955a; margin-bottom: 5px; display: block;}
.listTypeCol3 .listTit{font-size: 18px; font-weight: bold; color: #262626; cursor: pointer; max-width: 1190px; position: relative; z-index: 2;}
.listTypeCol3 .listTxt{font-size: 15px; color: #666; border-top: 1px solid #e6e6e6;  display: none;}
.listTypeCol3 .listTxt table{max-width: 100%;}
.listTypeCol3 .result{color: #5aa8b5 !important;}
.listTypeCol3 .titArea .listTit .result{font-weight: bold;}

/* 알림설정 타입(불균형) */

.listTypeCol4 .listBox > li{position: relative;}
.listTypeCol4 .listBox > li ~ li{margin-top: 15px;}
.listTypeCol4 .listBox .acoWrap{text-decoration: none; cursor: default;}
.listTypeCol4 .listBox .listTit{font-size: 18px; font-weight: bold; color: #333; cursor: pointer; padding: 40px 30px; position: relative; z-index: 2;}
.listTypeCol4 .listBox .listTit:after{content: ''; background:url(../images/common/form_img.png) -35px -20px no-repeat; width: 18px; height: 10px; display: block; position: absolute; top: 49px; right: 32px;}
.listTypeCol4 .listBox .listTit + .listTxt {margin-top:0;}
.listTypeCol4 .listBox .titArea.on .listTit:after{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.listTypeCol4 .listTxt{display: none; width:1220px; margin: 0 auto;}
.listTypeCol4 .listTxt li{border-top: 1px solid #e6e6e6; padding: 30px; position: relative;}
.listTypeCol4 .subTit span{color: #333; font-size: 18px; margin-bottom: 5px; display: block;}
.listTypeCol4 .subTit p{color: #b5b5b5; font-size: 14px;}
.listTypeCol4 .switchWrap{position: absolute; top: 50%; right:30px; height: 25px; margin-top: -12px;}
.listTypeCol4 .switchWrap.btnLink button{color: #8f929b; font-size: 14px; text-decoration: underline;}


/* 컨텐츠 등록 리스트 폼 */
.listTypeCol5{max-height: 440px; overflow-y: auto;}
.listTypeCol5 .listBox{background: #f8f8f8; border: 1px solid #c5c5c5; border-radius: 2px; display: table; width: 100%;}
.listTypeCol5 .listBox ~ .listBox{margin-top: 20px;}
.listTypeCol5 .titArea{width: 80px; display: table-cell; vertical-align: middle; text-align: center;}
.listTypeCol5 .titArea label{font-size: 16px; color: #262626; padding: 0;}
.listTypeCol5 .titArea label:before{position: relative; left: inherit; top: inherit; margin: 0 auto 5px;}
.listTypeCol5 .titArea input.chkDefault[type=checkbox]:checked + label:after{left: 5px;}

.listTypeCol5 .contArea{width: calc(100% - 80px); display: table-cell;  padding: 20px 20px 20px 0;}
.listTypeCol5 .contArea dl{font-size: 0;}
.listTypeCol5 .contArea dl ~ dl{margin-top: 10px;}
.listTypeCol5 .contArea dt{width: 70px; font-size: 13px; color: #262626; display: inline-block; vertical-align: middle;}
.listTypeCol5 .contArea dd{width:calc(100% - 70px); display: inline-block; vertical-align: middle;}
.listTypeCol5 .listDepth{margin-top: 20px;}
.listTypeCol5 .listDepth .btnArea{float: left; width: 70px; margin-top: 10px;}
.listTypeCol5 .listDepth .contList{float: left; width:calc(100% - 70px);}
.listTypeCol5 .listDepth .contList li ~ li{margin-top: 10px;}
.listTypeCol5 .listDepth .contList dt{width: 55px; color: #9c9c9c;}
.listTypeCol5 .listDepth .contList dd:nth-of-type(1){width: calc(100% - 125px);}
.listTypeCol5 .listDepth .contList dd:nth-of-type(2){width: 70px; text-align: center;}



/* 커뮤니티 카드 */
.listTypeCol6 .listBox > li {width: 310px; padding: 0 5px; float: left; position: relative; z-index: 1;}
.listTypeCol6 .listWrap .listBox > li > a,
.listTypeCol6 .listWrap .box {display: block; text-decoration: none; background: #fff; border: 1px solid #dfdfdf; overflow: hidden; position: relative; height: 440px;}
.listTypeCol6 .thumb {display: block; position: relative; overflow: hidden; z-index: 1;}
.listTypeCol6 .thumb img {width: 100%;}

.listTypeCol6 .listWrap .cate {display: inline-block; padding: 0 8px; color: #fff; font-size: 12px; text-align: center; line-height: 24px; border-radius: 2px; background: #000;}
.listTypeCol6 .listWrap .cate .bar {display: inline-block; padding: 0 6px; vertical-align: top; color: #fff; font-size: 10px;}
.listTypeCol6 .infoBox {position: relative; min-height: 150px; padding: 0 20px 0; transition: all .3s ease;}
.listTypeCol6 .cate {position: absolute; left: 14px; top: -16px; z-index: 3;}
.listTypeCol6 .listTit {display: block; max-height: 48px; margin-bottom: 5px; padding-top: 40px; color: #333; font-size: 16px; line-height: 24px; font-weight: bold; overflow: hidden; box-sizing: content-box;}
.listTypeCol6 .cate + .listTit {padding-top: 28px;}
.listTypeCol6 .listTxt {display: block; position: absolute; top: 23px; left: 14px; right: 14px; max-width: 100%; line-height: 1; color: #fc955a; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 13px;}
.listTypeCol6 .actNum {position: absolute; bottom: 21px; left: 22px; right: 14px; font-size: 0; line-height: 0; overflow: hidden;}
.listTypeCol6 .btnBasic{width:calc(100% - 40px); margin: 0 auto;}

[class*=listTypeCol] .thumb .lock{width: 100%; height:100%; background: rgba(252,149,90,0.50); position: absolute; top: 0; right: 0; color: #fff; text-align: center; display: none;}
[class*=listTypeCol] .thumb .lock:before{content: ''; display: block; width: 26px; height: 32px; background: url(../images/common/ir_icon.png) -253px -77px; margin: 25% auto 0;}
[class*=listTypeCol] .lockCommu .thumb .lock{display: block;}
[class*=listTypeCol] .listTxt em.date{font-size: 12px; color: #b9b9b9; position: absolute; right: 0; top: 2px;}

/* 이미 읽음 */
.listTypeCol3 .read {/*background: rgba(0,0,0,.05) !important;*/}
.listTypeCol3 .read .num,.listTypeCol3 .read .listTit{opacity: 0.3;}
.listTypeCol3 .read .cate{opacity: 0.5;}
.listTypeCol3 .read .acoArrow{background:rgba(255,255,255,0.5);}

.listTypeCol4 .read .cate,.listTypeCol4 .read strong{opacity: 0.3;}
.popupContainer .listTypeCol3 .read .listTit{opacity: 1;}

.listTypeCol6{position: relative; width: 960px;}
.listTypeCol6 .listWrap {overflow: hidden; margin-left: 0px;}
/*.listTypeCol1[class*=swiper-box] .listWrap .swiper-slide a {margin: 0 5px;}*/
.listTypeCol6 .button-next,
.listTypeCol6 .button-prev {position: absolute; top: 50%; width: 13px; height: 24px; margin-top: 0px; background: url('../images/content/btn_swiper_arrow.png') no-repeat center center; cursor: pointer;}
.listTypeCol6 .button-next {right: -28px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.listTypeCol6 .button-prev {left: -28px;}


/* 이벤트 리스트 */
.listTypeCol7 .listBox {margin-left: 0px;}
.listTypeCol7 .listBox:after {content: ''; display: block; clear: both;}
.listTypeCol7 .listBox a{text-decoration: none;}
.listTypeCol7 .listBox > li {width: 248px; height: 182px; float: left; position: relative; z-index: 1; margin: 0 10px 30px 0; padding: 10px;}
.listTypeCol7 .listBox > li:nth-child(5n){margin-right: 0px;}

.listTypeCol7 .thumb {display: block; z-index: 1; position: absolute; top: 0; right: 0; width: 100%; height: 182px;}
.listTypeCol7 .thumb img {width: 100%; height: 100%;}
/*.listTypeCol7 .thumb:after{width: 100%; height: 100%; background: rgba(0,0,0,0.50); position: absolute; top: 0; left: 0; z-index: 2; content: ''; display: block;}*/

.listTypeCol7 .titArea{position: relative; z-index: 2;}
.listTypeCol7 .titArea .state span{display: inline-block; vertical-align: middle; padding: 5px 10px; font-size: 12px; border-radius: 2px;}
.listTypeCol7 .titArea .state span ~ span{margin-left: 5px;}

.listTypeCol7 .titArea .state span.black{background: #262628; color: #adadad;}
.listTypeCol7 .titArea .state span.white{background: #b9b9b9; color: #fff;}
.listTypeCol7 .titArea .state span.orange{background: #fc955a; color: #fff;}
.listTypeCol7 .titArea .state span.blue{background: #59a9b4; color: #fff;}

.listTypeCol7 .titArea .date{font-size: 13px; color: #fff; position: absolute; top: 4px; right: 0px;}
.listTypeCol7 .txtArea{font-size: 16px; color: #fff; position: absolute; z-index: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; height: 59px; background: rgba(0,0,0,0.50); left: 0px; bottom: 0; padding: 7px 10px; width: 100%;}
.listTypeCol7 .actNum{position: relative; z-index: 2;}
.listTypeCol7 .actNum em{color: #fff;}
.listTypeCol7 .actNum .view .icoIr:before{background-position: -121px -429px;}
.listTypeCol7 .actNum .reply .icoIr:before{background-position: -153px -430px;}

.listTypeCol8 {margin-top:40px;}
.listTypeCol8 a:hover {text-decoration:none;}
.listTypeCol8 .list,
.listTypeCol8 .list > li {padding:15px;}
.listTypeCol8 .listContents {padding:18px 20px 0;}
.listTypeCol8 .listTitle {font-size:16px; color:#262626;}
.listTypeCol8 .listDesc {margin-top:15px; font-size:15px; line-height:23px; color:#9c9c9c;}
.listTypeCol8 .listInfo {font-size:13px; line-height:31px; color:#9c9c9c;}
.listTypeCol8 .listPartThumb {position:relative; width:77px; height:77px;}
.listTypeCol8 .listPartThumb:before {content:""; position:absolute; right:0; bottom:0; background: url("../images/icon/icon_link.png") center no-repeat #fc955a; border-radius:50%; width:28px; height:28px; font-size:15px; font-weight:700; line-height:28px; text-align:center; color:white;}
.listTypeCol8 .listPartThumb.type01:before {content:"완"; background:#fc955a;}
.listTypeCol8 .listPartThumb.type02:before {content:"미"; background:#59a9b4;}
.listTypeCol8 .listPartThumb a {overflow:hidden; display:block; border:3px solid #fc955a; border-radius:50%; height:100%;}
.listTypeCol8 .listPartThumb.type02 a {border-color:#59a9b4;}
.listTypeCol8 .listPartThumb img {width:100%; height:100%;}
.listTypeCol8 .listPart {font-size:16px; color:#262626;}
.listTypeCol8 .listThumb {border:1px solid #e6e6e6;}
.listTypeCol8 .listThumb img {width:100%; height:110px;}
.listTypeCol8 .listButton > * {min-width:100%; margin-bottom:10px;}
.listTypeCol8 .listButton > *:last-child {margin-bottom:0;}
.listTypeCol8 .btnStamp {background: url("../images/icon/icon_stamp.png") no-repeat; width:77px; height:77px; text-indent:-1000em;}
.listTypeCol8 .btnStamp:hover,
.listTypeCol8 .btnStamp.active {background-position:0 100%;}

.harfListWrap{overflow: hidden;}
.harfList{position: relative; width: calc(50% - 5px); float: left; overflow: hidden;}
.harfList:after{content: ''; clear: both;}
.harfList ~ .harfList{margin-left: 10px;}
.harfList > li ~ li{margin-top: 10px;}


.fullList > li{overflow: hidden; padding-bottom: 10px;}
.fullList > li > .thumb{float: left; width: 64px; height: 64px; box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.2);    margin-left: 24px;}
.fullList > li > .thumb img{display: block; max-width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.fullList > li > .comTxtWrap{float: right; width: 830px;}
.fullList > li .contentSbox{margin-top: 0;}

/* 내 커뮤니티 프로필 영역 */
.fullList .infoWrap .infoBox .info{float: left; line-height: normal;}
.fullList .infoWrap .infoBox .info .top{margin: 2px 0;}
.fullList .infoWrap .infoBox .info span{display: inline-block;}
.fullList .infoWrap .infoBox .photoM{margin-right: 15px;}
.fullList .infoWrap .infoBox .comuName{font-size: 14px; color: #fc955a; max-width: 615px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/* 아이콘 */
.icoConType {display: block; position: absolute; width: 38px; height: 36px; text-indent: -999px; background: url('../images/content/ico_cont_type.png') no-repeat; overflow: hidden; z-index: 1;}
.icoConType.video {background-position: 0 0;}
.icoConType.audio {background-position: -74px 0;}
.icoConType.blog {background-position: -149px 0;}
.icoConType.card {background-position: -225px 0;}
.icoConType.slide {background-position: -300px 0;}
.icoConType.link {background-position: -375px 0;}
.icoConType.emb {background-position: -444px 0;}
.icoConType {right: 5px; top: 4px;}


/* 공유하기 북마크 */
.listWrap .utilIcon{display: block; position: absolute; top:10px; left: 10px; font-size: 0; z-index: 1;}
.listWrap .utilIcon button{box-shadow: 2px 2px 6px rgba(0,0,0,.27);}
.listWrap .utilIcon button ~ button{margin-left: 5px;}
.listWrap .utilIcon .btnShare2.on{background: #59a9b4;}

.listTypeCol1 .infoBox {position: relative; min-height: 150px; padding: 0 14px 0; transition: all .3s ease;}
.listTypeCol1.md .infoBox {min-height: 176px; padding: 0 24px;}
.listTypeCol1.long .infoBox {min-height: 240px; padding: 0 24px;}
/*.listTypeCol1 .listWrap .listBox > li > a:hover .infoBox,
.listTypeCol1 .listWrap .box:hover .infoBox {box-shadow: 1px 12px 35px 2px rgba(0,0,0,0.19);}*/
.listTypeCol1 .cate {position: absolute; left: 14px; top: -16px; z-index: 3;}
.listTypeCol1 .listTit {display: block; max-height: 70px; margin-bottom: 5px; padding-top: 42px; color: #333; font-size: 17px; line-height: 24px; font-weight: normal;
	overflow: hidden; box-sizing: content-box; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box;}
.listTypeCol1 .listTit.line3{max-height:72px;}
.listTypeCol1 .cate + .listTit {padding-top: 28px;}
.listTypeCol1 .listTxt {display: block; position: absolute; top: 23px; left: 14px; right: 14px; max-width: 100%; line-height: 1; color: #fc955a; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 13px; height: 18px;}
.listTypeCol1 .listTxt.ellipsis{padding-right: 58px; padding-top: 2px;}

.listTypeCol1 .listCont {display: block; font-size: 15px; color: #666; line-height: 1.4;}

.listTypeCol1 .actNum {position: absolute; bottom: 21px; left: 14px; right: 14px; font-size: 0; line-height: 0; overflow: hidden;}
.listTypeCol1.md .actNum {left: 24px; right: 24px;}


.actNum{overflow: hidden;}
.actNum li {line-height: 18px; float: left;}
.actNum li + li {margin-left: 25px;}
.actNum .icoIr {display: inline-block; margin-right: 8px; text-indent: -9999px; vertical-align: middle; font-size: 0;}
.actNum > em {vertical-align: middle; color: #b9b9b9; font-size: 13px; line-height: 18px;}
.actNum em {color: #b9b9b9; font-size: 13px; vertical-align: middle; line-height: 18px;}
.actNum .view .icoIr {width: 15px; height: 17px;}
.actNum .view .icoIr:before {left: 0; top: -2px; width: 15px; height: 17px; background-position: -121px -384px;}
.actNum .view.on .icoIr:before{background-position: -121px -406px;}
.actNum .like .icoIr {width: 21px; height: 13px;}
.actNum .like .icoIr:before {left: 0; top: 0px; width: 21px; height: 13px; background-position: -90px -386px;}
.actNum .reply .icoIr {width: 15px; height: 16px;}
.actNum .reply .icoIr:before {left: 0; top: 0; width: 15px; height: 16px; background-position: -153px -385px;}
.actNum .share .icoIr {width: 17px; height: 16px;}
.actNum .share .icoIr:before {left: 0; top: 1px; width: 17px; height: 16px; background-position: -185px -385px;}
.actNum .member .icoIr {width: 13px; height: 12px;}
.actNum .member .icoIr:before {left: 0; top: 0; width: 13px; height: 12px; background-position: -40px -51px;}
.actNum .page .icoIr {width: 13px; height: 15px;}
.actNum .page .icoIr:before {left: 0; top: -1px; width: 13px; height: 15px; background-position:-219px -385px;}
.actNum .bookmark .icoIr {width: 12px; height: 15px;}
.actNum .bookmark .icoIr:before {left: 0; top: 0; width: 12px; height: 15px; background-position:-222px -193px; cursor: pointer;}
.actNum .bookmark.on .icoIr:before {background-position:-222px -216px;}
.actNum .memo .icoIr {width: 12px; height: 14px;}
.actNum .memo .icoIr:before {left: 0; top: 0; width: 12px; height: 14px; background-position:-220px -430px; cursor: pointer;}
.actNum .memo.on .icoIr:before {background-position:-220px -457px;}


/* 큰사이즈 */
.actNum.large em{font-size:15px;}
.actNum.large .view .icoIr {width: 18px; height: 23px;}
.actNum.large .view .icoIr:before {left: 0; top: 0; width: 18px; height: 23px; background-position: -316px -225px;}
.actNum.large .view.on .icoIr:before{background-position: -119px -352px;}
.actNum.large .view:hover .icoIr:before{background-position: -316px -252px;}
.actNum.large .view.on:hover .icoIr:before{background-position: -119px -352px;}
.actNum.large .like .icoIr {width: 27px; height: 16px;}
.actNum.large .like .icoIr:before {left: 0; top: 0; width: 27px; height: 16px; background-position: -271px -228px;}
.actNum.large .share .icoIr {width: 23px; height: 23px;}
.actNum.large .share .icoIr:before {left: 0; top: 2px; width: 23px; height: 23px; background-position: -353px -227px;}
.actNum.large .share:hover .icoIr:before{background-position: -353px -254px;}
.actNum.large .bookmark .icoIr {width: 15px; height: 19px;}
.actNum.large .bookmark .icoIr:before {left: 0; top: 1px; width: 15px; height: 19px; background-position:-396px -228px; cursor: pointer;}
.actNum.large .bookmark.on .icoIr:before {background-position:-189px -354px;}
.actNum.large .bookmark:hover .icoIr:before{background-position: -396px -255px;}
.actNum.large .bookmark.on:hover .icoIr:before {background-position:-189px -354px;}

.actNum.large{overflow: visible;}
.actNum.large .view .icoIr:before,.actNum.large .share .icoIr:before,.actNum.large .bookmark .icoIr:before{margin-top: 0px;-ms-transition: margin-top 0.2s ease; -webkit-transition: margin-top 0.2s ease; transition: margin-top 0.2s ease;}
.actNum.large .view:hover .icoIr:before,.actNum.large .share:hover .icoIr:before,.actNum.large .bookmark:hover .icoIr:before{margin-top: -3px; }


.actNum.white .view .icoIr:before {background-position: -121px -429px;}
.actNum.white .reply .icoIr:before {background-position: -153px -430px;}
.actNum.white .share .icoIr:before {background-position: -185px -430px;}
.actNum.white em{color: #fff;}


.listTypeCol1 .actLogo {position: absolute; bottom: 21px; left: 14px; right: 14px; font-size: 0; line-height: 0; overflow: hidden;}
.listTypeCol1 .actLogo img{width: auto; height: 23px;}


.listTypeCol1 .listBttm {position: absolute; bottom: 22px;}
.listTypeCol1.long .listBttm {left: 24px; right: 24px;}
.listTypeCol1 .listBttm .actNum {position: static; margin-bottom: 30px;}
.listTypeCol1 .btnBasic {height: 44px; line-height: 44px; width: 100%;}

.boxLoginWrap .boxInner .formList li.inpId:before {left: 15px; top: 50%; width: 10px; height: 10px; margin-top: -5px; background-position: 0 0;}

[class*=listTypeRow] .listBox > li {position: relative;}
[class*=listTypeRow] .listWrap .thumbWrap {position: absolute; left: 0; top: 0;}
[class*=listTypeRow] .listWrap .thumb {display: block; overflow: hidden;}
[class*=listTypeRow] .listWrap .thumb img {width: 100%;}
[class*=listTypeRow] .listWrap .titleContXs {display: block; overflow: hidden; font-weight: bold;}

.listTypeRow1 .listBox > li {min-height: 133px;}
.listTypeRow1 .listBox > li + li {margin-top: 20px;}
.listTypeRow1 .listBox > li a {text-decoration: none;}
.listTypeRow1 .listWrap .thumb {width: 235px; height: 133px;}
.listTypeRow1 .listWrap .thumbWrap .icoIr {position: absolute; left: -5px; top: -5px; width: 32px; height: 32px; text-indent: -9999px; border: 1px solid #db844b; border-radius: 2px; background: #ee8946; box-shadow: 4px 4px 8px rgba(0,0,0,.27); overflow: hidden;}
.listTypeRow1 .listWrap .thumbWrap .icoShare:before {position: absolute; left: 50%; top: 50%; width: 13px; height: 17px; margin: -9px 0 0 -7px; background-position: -56px 0;}
.listTypeRow1 .listWrap .thumbWrap .icoStorage:before {position: absolute; left: 50%; top: 50%; width: 8px; height: 12px; margin: -6px 0 0 -4px; background-position: -74px 0;}
.listTypeRow1 .listWrap .listInfo {margin: 0 200px 0 252px;}
.listTypeRow1 .listWrap .titleContXs {text-overflow: ellipsis; white-space: nowrap;}
.listTypeRow1 .listWrap .titBox:hover .titleContXs {text-decoration: underline;}
.listTypeRow1 .listWrap .titDetail {max-height: 44px; color: #9c9c9c;}
.listTypeRow1 .listWrap .infoDetail {position: absolute; left: 252px; bottom: 14px; overflow: hidden;}
.listTypeRow1 .listWrap .infoDetail li {float: left; position: relative; line-height: 1;}
.listTypeRow1 .listWrap .infoDetail li + li {margin-left: 15px; padding-left: 15px;}
.listTypeRow1 .listWrap .infoDetail li + li:after {content: ''; display: block; position: absolute; left: 0; top: 50%; width: 1px; height: 13px; margin-top: -7px; background: #c2c2c2;}
.listTypeRow1 .listWrap .infoDetail li > span,
.listTypeRow1 .listWrap .infoDetail li > em {display: inline-block; font-size: 13px; vertical-align: top; line-height: 1;}
.listTypeRow1 .listWrap .btnArea {position: absolute; right: 0; top: 21px; width: auto;}
.listTypeRow1 .listWrap .btnArea .btnBasic {display: block;}
.listTypeRow1 .listWrap .btnArea .btnBasic + .btnBasic {margin-top: 6px; margin-left: 0;}

.listTypeDim .row.col5 {margin: -12px 0 0 -11px;}
.listTypeDim .row.col5 > li {padding: 12px 0 0 11px;}
.listTypeDim .row > li .linkDim {display: block; position: relative; height: 100%;}
.listTypeDim .row.col5 > li .linkDim {height: 246px;}
.listTypeDim .row .linkDim .titleBox {display: table; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;}
.listTypeDim .row .linkDim .alignTable {display: table-cell; width: 100%; text-align: center; vertical-align: middle; background: rgba(0,0,0,0.4);}
.listTypeDim .row .linkDim .alignTable .tit {display: block; color: #fff; font-size: 20px; line-height: 1.45;}
.listTypeDim .row .linkDim .alignTable .count {display: block; font-size: 20px; line-height: 1.45;}
.listTypeDim .row .addBox {position: relative;}
.listTypeDim .row .linkAdd {position: relative; display: block; width: 100%; height: 246px; padding-top: 64px; color: #fff; font-size: 15px; background: #ee8946; text-align: center; text-decoration: none;}
.listTypeDim .row .linkAdd i {display: block; position: relative; width: 60px; height: 60px; margin: 0 auto 24px; border: 1px dashed #fff;}
.listTypeDim .row .linkAdd i:before,
.listTypeDim .row .linkAdd i:after {content: ''; display: block; position: absolute; left: 50%; top: 50%; background: #fff;}
.listTypeDim .row .linkAdd i:before {width: 18px; height: 1px; margin: -1px 0 0 -9px;}
.listTypeDim .row .linkAdd i:after {width: 1px; height: 18px; margin: -9px 0 0 -1px;}

/* icon
**************/
.icoIr {display: inline-block; position: relative;}
.icoIr:before {content: ''; display: block; background: url('../images/common/ir_icon.png') no-repeat; position: absolute;}
.icoIr.icoSetting {width: 16px; height: 17px; text-indent: -999px; overflow: hidden;}
.icoIr.icoSetting:before {width: 16px; height: 17px; background-position: -35px 0;}
.icoIr.findId:before {width: 17px; height: 17px; background-position: -15px -46px;}
.icoIr.reissuePw:before {width: 14px; height: 18px; background-position: -15px 0;}
.icoIr.reqUnlock:before {width: 18px; height: 18px; background-position: -15px -23px;}
.icoIr.icoBtnSrch {width: 36px; height: 36px; text-indent: -9999px; overflow: hidden;}
.icoIr.icoBtnSrch:before {position: absolute; left: 50%; top: 50%; width: 14px; height: 14px; background-position: -114px 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

/*파란색*/
.icoIr.icoShare {width: 16px; height: 12px; text-indent: -9999px; overflow: hidden;}
.icoIr.icoShare:before {width: 16px; height: 12px; background-position: -249px -55px;}

.icoIr.icoSetting2 {width: 14px; height: 15px; text-indent: -9999px; overflow: hidden;}
.icoIr.icoSetting2:before {width: 14px; height: 15px; background-position: -274px -55px;}

.icoIr.icoActive {width: 16px; height: 16px; text-indent: -9999px; overflow: hidden;}
.icoIr.icoActive:before {width: 16px; height: 16px; background-position: -168px -78px;}

.icoIr.icoMemo {width: 15px; height: 15px; text-indent: -9999px; overflow: hidden;}
.icoIr.icoMemo:before {width: 15px; height: 15px; background-position: -192px -78px;}



.topUtil {font-size: 0; line-height: 0; position: absolute; top:50%; right: 0px; transform:translate(0, -50%);}
.topUtil > ul > li {display: inline-block; margin-left: 16px; font-size: 13px; line-height: 1; position: relative; vertical-align:middle;}
.topUtil > ul > li:first-child {margin-left: 0;}
.topUtil > ul > li > a {display: block; width: 26px; height: 26px; text-indent: -9999px; background: url('../images/common/ico_heder_util.png') no-repeat; overflow: hidden;}
.topUtil li.icoSearch > a {background-position: 0 0;}
.topUtil li.icoSearch > a:hover {background-position: 0 -26px;}
.topUtil li.icoAlarm > a{background-position: -26px 0;}
.topUtil li.icoAlarm > a:hover{background-position: -26px -26px;}
.topUtil li.icoAlarm.on > a{background-position: -26px -52px;}
.topUtil li.icoAlarm.on > a:hover{background-position: -26px -78px;}
.topUtil li.icohelf > a {background-position: -52px 0;}
.topUtil li.icohelf > a:hover{background-position: -52px -26px;}
.topUtil li.icoMypage > a {background-position: -78px 0;}
.topUtil li.icoMypage > a:hover{background-position: -78px -26px;}
.topUtil li.icoAdmin > a {background-position: -104px -2px;}
.topUtil li.icoAdmin > a:hover{background-position: -104px -28px;}
.topUtil li.icoApp > a {background-position:-158px 0; width:42px; height:50px;}
.topUtil li.icoApp > a:hover{background-position:-158px 0;}
.topUtil li.icoWork> a {background-position: -201px 0; width:28px;}


/* 컨텐츠내 사용자 프로필 사진 */
.photoL,.photoM,.photoS{position: relative; border-radius: 100%; border: 2px solid #fc955a; overflow: hidden; z-index: 1; display: block;}
.photoL img,.photoM img,.photoS img{display: block; width:auto; height:100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.photoL{width: 84px; height: 84px; background: url(../images/common/ico_photo.png) #fff no-repeat center center;}
.photoM{width: 48px; height: 48px; background: url(../images/common/ico_photo_s.png) #fff no-repeat center center;}
.photoS{width: 38px; height: 38px; background: url(../images/common/ico_photo_s.png) #fff no-repeat center center;}



/* 검색결과 없음 */
.noSearchData{color: #cdcdcd; font-size: 13px; text-align: center;  width: 100%; height: 100%; display: table; min-height: 120px;}
.noSearchData span{display: table-cell; vertical-align: middle;}
.noSearchData span:before{content: ''; width: 32px; height: 32px; background: url(../images/common/ir_icon.png) -63px -156px no-repeat; display: block; margin: 0 auto 15px;}

/* 데이터 없음 */
.noData{font-size: 13px; color: #cdcdcd; text-align: center; width: 100%; height: 100%; display: table; min-height: 120px;}
.noData span{display: table-cell; vertical-align: middle;}
.noData span:before{content: ''; display: block; width: 66px; height: 50px; background: url(../images/common/ir_icon.png) -423px 0px no-repeat; margin: 0 auto 20px;}

.noDataTxt{font-size: 15px; color: #333; text-align: center; width: 100%; height: 100%; padding: 20px 0;}


/* assistant */

.assiWrap{position: fixed; z-index: 1050; bottom: 9%; right: 91px; display: none;transition-property:bottom; transition-duration: .6s;}
.assiWrap.up{bottom: calc(9% + 90px);}
.assiWrap .talkWrap{border: 1px solid #dfdfdf; background: #fff; margin: 0 50px 100px 0; border-radius: 2px; position: relative;}
.assiWrap .talkWrap:after,.assiWrap .talkWrap:before {top: 100%; right: 10px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.assiWrap .talkWrap:after {border-color: rgba(245, 245, 245, 0);border-top-color: #f5f5f5;border-width: 10px;}
.assiWrap .talkWrap:before {border-color: rgba(223, 223, 223, 0);border-top-color: #dfdfdf;border-width: 11px;right:9px;}


.assiWrap .talkWrap > section{padding: 30px;}
.assiWrap .talkWrap h1{font-size: 16px; color: #262626; margin-bottom: 20px;}
.assiWrap .talkWrap .btnArea{background: #f5f5f5; border-top: 1px solid #ddd; overflow: hidden; position: relative;}
.assiWrap .talkWrap .btnArea .btnBasic{width: 100%; background: none; height: 55px; color: #adadad; padding: 0;}
.assiWrap .talkWrap .btnArea .btnBasic:hover{color: #2b3c4c;}
.assiWrap .talkWrap .btnArea.btn2 .btnBasic{width: 50%; float: left; min-width: auto; margin: 0;}
.assiWrap .talkWrap .btnArea.btn2 .btnBasic:last-of-type:before{content: ''; width: 1px; height: 17px; background: #ddd; display: block;position: absolute; top: 17px;}

.assiWrap .talkWrap .pop2{width: 400px;}
.assiWrap .talkWrap .pop2 .txtWrap{max-height: 160px; overflow-y: auto;}
.assiWrap .talkWrap .pop2 .btnDown{width: 100%; margin-top: 15px;}

.assiWrap .talkSilder{position: relative; width: 400px; margin-top: 20px;}
.assiWrap .talkSilder .thumb{height: 80px; margin-bottom: 5px; overflow:hidden; display: block;}
.assiWrap .talkSilder .thumb img{width: 100%; position: relative; top: 50%; transform: translateY(-50%);}
.assiWrap .talkSilder{width: 340px; position: relative;}
.assiWrap .talkSilder p{height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}

/*.assiWrap .talkSilder .listBox{width: 340px; overflow: hidden;}*/
.assiWrap .talkSilder .listBox > li {padding: 0 5px; float: left; position: relative; z-index: 1;}
.assiWrap .talkSilder .recomm-swiper-sliders{overflow: hidden;}
.talkSilder .button-next,
.talkSilder .button-prev {position: absolute; top: 50%; width: 7px; height: 13px; background: url(../images/common/ir_icon.png) -105px -85px; cursor: pointer; margin-top: -6px;}
.talkSilder .button-next {right: -16px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.talkSilder .button-prev {left: -16px;}

.assiWrap .assiImg{background:url(../images/common/assisIcon.png) no-repeat; width: 90px; height: 83px; display: block; font-size: 0; text-indent: -9999px; position: absolute; bottom: 0; right: 0;}





.talkWrap
{-webkit-animation: fade-in-move-down 0.7s; animation: fade-in-move-down 0.7s;}
@-webkit-keyframes fade-in-move-down {
	0% {opacity: 0; -webkit-transform: translateY(-3rem); transform: translateY(-3rem);}
  100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes fade-in-move-down {
  0% {opacity: 0; -webkit-transform: translateY(-3rem); transform: translateY(-3rem);}
  100% {opacity: 1; -webkit-transform: translateY(0);transform: translateY(0);}
}


.bounce {
 animation: bounce 1.5s ease-in-out;
 -webkit-animation: bounce 1.5s ease-in-out;
 -moz-animation: bounce 1.5s ease-in-out;
 -o-animation: bounce 1.5s ease-in-out;
}

@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}

.editorView{}
.editorView b, .editorView i {all: revert;}
.editorView table{table-layout: auto !important; max-width: 100% !important; width: auto !important;}
.editorView table *{white-space: normal !important; word-break: break-all !important;}
.editorView strong{font-weight: bold;}
.editorView img{max-width: 100%; height: auto !important;}
.editorView iframe{max-width: 100%;}

/* Table Layout */
.tblLayout {table-layout:fixed; display:table; width:100%; height:100%;}
.tblLayout > * {display:table-cell;}
.tblLayout > *:first-child {padding-left:0;}
.tblLayout > *:last-child {padding-right:0;}

.tblLayoutPad01 > * {padding:0 5px;}

#headerWrap {background:white; border-bottom:1px solid #e8d2c5; max-width: 1920px;}

	#gnbWrap .gnb {border:none;}
	#gnbWrap .gnb > li {border:none;}
	#gnbWrap .gnb > li:first-child {border:none;}

	/* ==============================
	 * container
	 * ============================== */


	.contTop .searchWrap {width:593px; height:43px; border:1px solid #e6e5e5; border-radius:43px;}
	.contTop .searchWrap .tblLayout {height:41px;}
	.contTop .searchWrap input::placeholder {color:#fa7f5b}
	.contTop .searchWrap input[type=text], .contTop .searchWrap input[type=search] {box-sizing:border-box; background:white; border:none; border-radius:43px; height:100%; font-size:16px;}
	.contTop .searchWrap .icoSearch {right:4px; top:50%; background:#f47321; border-radius:50%; width:34px; height:34px; transform:translate(0, -50%);}
	.contTop .searchWrap .icoSearch:before {background-position:-155px 0; width:14px; height:14px; margin:-7px 0 0 -7px;}
	.contTop .searchWrap .SumoSelect {vertical-align:middle;}

	.topUtil {top:50%; transform:translate(0, -50%);}
	.topUtil > ul > li {vertical-align:middle;}
	.topUtil li.icoApp > a {background-position:-158px 0; width:42px; height:50px;}
	.topUtil li.icoApp > a:hover {background-position:-158px 0;}

	/* New */
	.contTop .searchWord {margin-top:23px; font-size:14px; text-align:center;}
	.contTop .searchWord dt {display:inline-block; vertical-align:middle; color:#f47321;}
	.contTop .searchWord > * {padding:0 10px;}
	.contTop .searchWord > *:first-child {padding-left:0;}
	.contTop .searchWord > *:last-child {padding-right:0;}
	.contTop .sideMenu {position:absolute; right:13px; bottom:52px; font-size:14px;}
	.contTop .sideMenu a {display:inline-block; padding-top:54px;}

	#container {background:white;}
	#container.main:before,
	#container.main:after {display:none;}

	/* Temp */
	.contTop .mainTop .activity strong:before {content: ''; display:inline-block; width: 34px; height: 34px; margin: 5px 10px 0 0; vertical-align: top;}
	.contTop .searchWrap .icoSearch:before {position: absolute; left: 50%; top: 50%;}

	.vm, .vm * {vertical-align:middle;}
	.vt, .vt * {vertical-align:top;}
	.ar {text-align:right;}
	.tblLayout {table-layout:fixed; display:table; width:100%; height:100%;}
	.tblLayout > * {display:table-cell;}
	.tblLayout > *:first-child {padding-left:0;}
	.tblLayout > *:last-child {padding-right:0;}
	.tblLayoutPad01 > * {padding:0 5px;}
	.tblLayoutAuto {table-layout:auto;}
	.tblLayout > *:last-child {padding-right:0;}


	.alarmCnt {
		position : absolute;
		right : -7px;
		top: -9px;
		background-color : #f65757;
		border-radius : 50%;
		font-size : 10px;
		color : white;
		font-weight : bold;
		width : 21px;
		height: 21px;
	}
	.alarmTxt {
		margin-top : 5px;
		display : block;
		text-align : center;
	}

	.noticeBox .titAreaz .listTit i:before {    display: inline-block;
    width: 18px;
    height: 20px;
    background-position: -110px -254px;
    position: relative;
    margin-right: 16px;}
.icoIr:before {content: ''; display: block; background: url('../images/common/ir_icon.png') no-repeat; position: absolute;}

	.noticeBox .titAreaz .listTit span:before {    display: inline-block;
    width: 18px;
    height: 20px;
    background-position: -145px -230px;
    position: relative;
    margin-right: 16px;}
.icoIr2:before {content: ''; display: block; background: url('../images/common/ir_icon.png') no-repeat; position: absolute; }

.bcScheduleTxt1 {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 500px;
}
.eventATag {
	display: block;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    padding-bottom: 3px;
}

.tooltip-text {
	display: none;
	position: absolute;
	max-width: 200px;
	border: 1px solid;
	border-radius: 5px;
	padding: 5px;
	font-size: 0.8em;
	color: black;
}
		
.tooltip:hover .tooltip-text {
	display: block;
}

.recom-outer-wrap {background:#fff5ea; padding:80px 0;}
.recom-outer-wrap  .recom-wrap {display:flex; justify-content:space-between;}
.recom-outer-wrap .recom-wrap .recom-swiper-box {flex:0 0 750px; width:750px;}
.recom-outer-wrap .recom-wrap .recomm-swiper-sliders {width:100%;}
.recom-outer-wrap .recom-wrap .button-next {top:-40px; right:0}
.recom-outer-wrap .recom-wrap .button-prev {left:auto; top:-40px; right:80px;}
.recom-outer-wrap .recom-wrap .recom-ctrl {display:flex; position:absolute; right:0px; top:-40px;}
.recom-outer-wrap .recom-wrap .recom-ctrl > * {position:static;}
.recom-outer-wrap .recom-wrap .recom-ctrl a {width:20px}
.recom-outer-wrap .recom-wrap .swiper-pagination {color:#d0d0d0;}
.recom-outer-wrap .recom-wrap .swiper-pagination-current {font-weight:bold; color:black;}

.newsBnrListTitle {overflow: hidden;box-sizing: content-box;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;}

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