.headCont.ushc .visualArea .item {top: 30px; transform: translateY(0);}
.headCont.ushc .visualArea .item .tit {width: 277px; height: 350px; margin-bottom: 30px; background: url("/resources/images/common/headerSignUniteSeoul2.png") no-repeat left center; background-size: 100%;}
.headCont.ushc .visualArea .item .txt {margin-bottom: 20px; color: #fff;}
.headCont.ushc .visualArea .item .txt .t1 {font-weight: bold; font-size: 24px;}
.headCont.ushc .visualArea .item .txt .t2 {font-size: 18px; color: #BBBBBB;}
.headCont.ushc .visualArea .item .btns {min-width: 118px; height: 48px; margin-bottom: 30px;}
.headCont.ushc .visualArea .item .btns.outline {margin-left: 15px; border: 2px solid #fff; color: #fff;}
.headCont.ushc .visualArea .item .ind .ttc {margin-bottom: 7px; font-weight: bold; font-size: 16px; color: #BBBBBB;}
.headCont.ushc .visualArea .item .ind .ttx {line-height: 34px;}
.headCont.ushc .visualArea .item .ind .tt {display: none;}
.headCont.ushc .visualArea .item .ind .rt {margin-left: 48px; margin-right: 60px;}
.headCont.ushc .visualArea .item .ind .rt::after {background: #c2c2c2;}

/* .headBottom.ushb.teasing .depth3::before,
.headBottom.ushb.teasing .depth3::after{display: none;}
.headBottom.ushb.teasing .headBottomIn .depth3 .tp {margin-left: 122px;}

.headBottom.ushb .depth3 {position: relative; overflow: hidden;}
.headBottom.ushb .depth3::before,
.headBottom.ushb .depth3::after{display: block; position: absolute; top: 0; z-index: 1; content: '';}
.headBottom.ushb .depth3::before {left: 0; width: 42px; height: 100%; background: url("/resources/images/common/gnbShadow01.png") no-repeat;}
.headBottom.ushb .depth3::after {right: 0; width: 40px; height: 100%; background: url("/resources/images/common/gnbShadow02.png") no-repeat;}
.headBottom.ushb .depth3.prev li {transform: translateX(75px);}
.headBottom.ushb .depth3.next li {transform: translateX(-145px);}
.headBottom.ushb .headBottomIn {padding-left: 300px;}
.headBottom.ushb .headBottomIn .depth3 .tp {margin-left: 49px; font-family: 'Roboto', sans-serif;}
.headBottom.ushb .headBottomIn .depth3 .tp.tp0 {margin-left: 12px;}
.headBottom.ushb .headBottomIn .depth3 li {transition: transform 0.4s linear;} */

.headBottom.ushb.teasing .headBottomIn .depth3 .tp {margin-left: 90px;}

.headBottom.ushb .depth3 {text-align: left;}
.headBottom.ushb .headBottomIn {padding-left: 0;}
.headBottom.ushb .headBottomIn .depth3 .tp {margin-left: 73px; font-family: 'Roboto', sans-serif;}
.headBottom.ushb .headBottomIn .depth3 .tp.tp0 {margin-left: 0;}

/* .headBottom.ushb.teasing .btnArrows {display: none;}
.headBottom.ushb .btnArrows {position: absolute; right: -90px; top: 27px;}
.headBottom.ushb .btnArrows>div {display: inline-block; width: 10px; height: 17px; cursor: pointer;}
.headBottom.ushb .btnArrows .btnPrev {position: relative; margin-right: 45px; background: url("/resources/images/common/btnPrev_W.png?v=01");}
.headBottom.ushb .btnArrows .btnPrev::after {position: absolute; right: -25.5px; top: -5px; content: ''; width: 2px; height: 25px; background: #5A5A5A; cursor: none;}
.headBottom.ushb .btnArrows .btnNext {background: url("/resources/images/common/btnNext_W.png?v=01");} */


/* contents */
.container.about {padding: 80px 0 0;}
.container.us2 {padding: 60px 0;}

.mainTop {position: relative;}
.mainTop .moBtn {display: none; position: fixed; left: 0; bottom: 0; z-index: 10; width: 100%; height: 48px; border-radius: 0; line-height: 44px;}

.mainTop .uniteBanner {position: relative; width: 100%; padding-bottom: 15%; margin-bottom: 90px; background: url('/resources/images/common/uniteBanner.png') no-repeat; border-radius: 15px; text-align: center; background-size: 100%;}
.mainTop .uniteBanner .txt {position: absolute; text-indent: -9999em;}
.mainTop .uniteBanner .txt>div {text-align: center;}
.mainTop .uniteBanner .txt .cmmTit {font-size: 36px; color: #fff;}
.mainTop .uniteBanner .txt .cmmEndDate {font-size: 16px; color: #949494;}
.mainTop .uniteBanner .btns {position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%);}

.mainTop .introArea {margin-bottom: 80px;}
.mainTop .introArea>div {float: left;}
.mainTop .introArea .lt {padding-right: 45px;}
.mainTop .introArea .lt .mediaBox {display: block; overflow: hidden; max-width: 600px; height: 400px; border-radius: 10px;}
.mainTop .introArea .lt .mediaBox .media {width: 100%; height: 100%;}
.mainTop .introArea .lt .opNoteWrap>div {text-align: center;}
.mainTop .introArea .lt .opNoteWrap>div .opnlst li {display: inline-block; text-align: center; vertical-align: top;}
.mainTop .introArea .lt .opNoteWrap>div .opnlst li .cmmsTit {text-align: center;}
.mainTop .introArea .lt .opNoteWrap>div .opnlst li .cmmsTit.sm {text-align: center; line-height: 18px;}
.mainTop .introArea .lt .opNoteWrap .opnTop {padding-bottom: 30px;}
.mainTop .introArea .lt .opNoteWrap .opnTop .opnlst li {padding: 0 34px;}
.mainTop .introArea .lt .opNoteWrap .opnBottom .opnlst li:nth-child(2) {padding-left: 72px; padding-right: 50px;}
.mainTop .introArea .lt .opNoteWrap .opnBottom .opnlst li:nth-child(2) .cmmsTit.sm {letter-spacing: -.25px;}
.mainTop .introArea .rt {position: relative; z-index: 1; float: right; width: calc(100% - 645px); transform: translateY(-7px);}
.mainTop .introArea .rt .cmmsTit {max-width: 585px; margin-bottom: 25px; line-height: 29px; word-break: break-all;}
.mainTop .introArea .rt .cmmsTit .txt {margin-top: 19px; font-weight: bold;}
.mainTop .introArea .rt .cmmsTit br.mo {display: none;}
.mainTop .introArea .rt .btnWrap .btns {vertical-align: top; min-width: 150px; line-height: 45px;}
.mainTop .introArea .rt .btnWrap .cmmLst {z-index: 10; vertical-align: top;}
.mainTop .introArea .rt .btnWrap .cmmLst>li>a {padding-right: 50px;}
.mainTop .introArea .rt .btnWrap .btns.btnOpn {width: 250px; margin-left: 14px;}
.mainTop .introArea .rt .cmmLst.cummEvent.fnToggle .cmmtp:after {background: url(/resources/images/common/icoArrowSmallBottom.png) center no-repeat; transform: rotate(0);}
.cmmLst.cummEvent.fnToggle .cmmtp .bd{padding: 13px 8px;}

.mainTop .aboutArea {min-height: 584px; margin-bottom: 80px; padding-top: 164px; background: url('/resources/images/common/uniteAboutBg.png') center no-repeat; background-size: cover; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);}
.mainTop .aboutArea .txtBox {display: inline-block; vertical-align: top;}
.mainTop .aboutArea .txtBox:first-child {margin-right: 102px;}
.mainTop .aboutArea .txtBox:nth-child(2) {margin-right: 97px;}
.mainTop .aboutArea .txtBox>div {max-width: 340px; color: #fff;}
.mainTop .aboutArea .txtBox:nth-child(2)>div {max-width: 345px;}
.mainTop .aboutArea .txtBox .cmmTit {font-size: 60px; line-height: 72px;}
.mainTop .aboutArea .txtBox .cmmTit+.cmmsTit {margin-top: 40px;}
.mainTop .aboutArea .txtBox>div span {font-weight: bold;}

.mainTop .reviewArea {margin-bottom: 80px;}
.mainTop .reviewArea .cmmTit {max-width: 1230px; margin: 0 auto 30px; font-family: 'Roboto', sans-serif;}
.mainTop .reviewArea .cmmTit br.mo {display: none;}
.mainTop .reviewArea .reviewSlide {overflow: hidden;}
.mainTop .reviewArea .reviewSlide .innerWrap {position: relative; max-width: 1260px; min-width: 300px; min-height: 310px;}
.mainTop .reviewArea .reviewSlide .slide {overflow: hidden; outline: none;}
.mainTop .reviewArea .reviewSlide .slide .rsBox {height: 310px; padding: 50px 40px 50px 40px; margin: 0 15px; background: #F5F5F5;}
.mainTop .reviewArea .reviewSlide .slide .rsBox .thumb {float: left; width: 100px; height: 100px; margin-right: 42px; border-radius: 50%; background: #bbb;}
.mainTop .reviewArea .reviewSlide .slide .rsBox .txt {float: left; max-width: 378px; width: calc(100% - 142px);}
.mainTop .reviewArea .reviewSlide .slide .rsBox .txt .txtReview {min-height: 144px; margin-bottom: 18px; font-size: 16px; line-height: 30px; word-break: break-all;}
.mainTop .reviewArea .reviewSlide .slide .rsBox .txt .txtWriter {position: relative; padding-left: 22px; font-size: 14px; color: #999; line-height: 20px;}
.mainTop .reviewArea .reviewSlide .slide .rsBox .txt .txtWriter::after {position: absolute; left: 0; top: 10px; content: ''; width: 10px; height: 1px; background: #999;}
.mainTop .reviewArea .reviewSlide .slick-arrow {display: block !important; width: 19px; height: 32px; border: none; text-indent: -9999em; outline: none;}
.mainTop .reviewArea .reviewSlide .slick-prev {position: absolute; left: -35px; top: 139px; background: url('/resources/images/common/btnPrev_G.png');}
.mainTop .reviewArea .reviewSlide .slick-next {position: absolute; right: -35px; top: 139px; background: url('/resources/images/common/btnNext_G.png');}
.mainTop .reviewArea .slick-dots {height: 12px; text-align: center; margin-top: 40px;}
.mainTop .reviewArea .slick-dots li {display: inline-block; width: 12px; height: 12px; margin-right: 8px; border-radius: 50%; background: #D5D5D5; cursor: pointer;}
.mainTop .reviewArea .slick-dots li.slick-active {background: #2196F3;}
.mainTop .reviewArea .slick-dots li:last-child {margin-right: 0;}
.mainTop .reviewArea .slick-dots li button {visibility: hidden; text-indent: -9999em;}

.mainTop .infoArea {padding-bottom: 80px;}
.mainTop .infoArea .infoList.cmmsTit {color: #383838; line-height: 32px; letter-spacing: -0.25px;}
.mainTop .infoArea .infoList li {position: relative; margin-bottom: 5px; padding-left: 14px;}
.mainTop .infoArea .infoList li::before {position: absolute; left: 0; top: 14px; content: ''; width: 5px; height: 5px; border-radius: 50%; background: #383838;}
.mainTop .infoArea .infoList li:last-child {margin-bottom: 0;}

.container.us .mainTop .maArea>.cmmTit {position: absolute; right: 0; top: 0; width: 538px;}
.container.us .mainTop .maArea.tp1 .mrt {top: 80px;}
.container.us .mainTop .maArea .txts {margin-top: 0;}
.container.us .mainTop .maArea .root_daum_roughmap .wrap_btn_zoom {z-index: 1;}

.container.us .mainBottom {overflow: hidden; height: 520px; padding: 60px 0 75px;}
.container.us .mainBottom .cmmTit {float: left; font-family: 'Roboto', sans-serif;}
.container.us .mainBottom .sposArea {float:right;}

/* footer */
.footer .footQnA {border-bottom: 1px solid #999999;}
.footer .footQnA .fqIn {padding-top: 25px; padding-bottom: 26px; text-align: center;} 
.footer .footQnA .fqIn li {display: inline-block; font-size: 16px; color: #fff;}
.footer .footQnA .fqIn li.n1 {margin-right: 95px;}
.footer .footQnA .fqIn li .tit {position: relative; margin-right: 18px;}
.footer .footQnA .fqIn li .tit::after {position: absolute; right: -12px; top: 7px; content: ''; width: 1px; height: 15px; background: #bbb;}
.footer .footQnA .fqIn li .mail a {color: #2196F3; text-decoration: underline;}
.footer .footQnA .fqIn li.n3 {display: none;}


/* registration */
.container.us .reservation .cmmPapSection {margin-top: 0;}
.payArea .cmmTit span {font-family: 'Roboto', sans-serif;}
.payArea .paymyt .bet span {text-decoration: line-through;}
.payArea .paymyt .aftlist .cmmLst .cmmtp .aft .category {display: inline-block; width: 213px;}
.payArea .payTable {display: block; font-size: 16px;}
.payArea .payTable th {text-align: left;}
.payArea .payTable.pt1 {width: 100%; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #D5D5D5;}
.payArea .payTable.pt1 tbody tr {font-size: 20px;}
.payArea .payTable.pt1 tbody tr th {width: 210px; padding: 7.5px 0;}
.payArea .payTable.pt1 tbody tr th span {font-family: 'Roboto', sans-serif;}
.payArea .payTable.pt1 tbody tr td.price {width: 119px; color: #999; text-decoration: line-through;}
.payArea .payTable.pt1 tbody tr td.salePrice {position: relative; width: auto; padding-left: 47px; font-size: 25px; font-weight: bold;}
.payArea .payTable.pt1 tbody tr td.salePrice::after {position: absolute; left: 0; top: 50%; content: ''; width: 16px; height: 16px; 
    background: url("/resources/images/common/icoArrowBlackType1Right.png") no-repeat center center; background-size: 16px; transform: translateY(-50%);} 
/* .payArea .payTable.pt1 tbody tr td.salePercent {font-size: 25px; font-weight: bold;} */
.payArea .payTable.pt1 tbody tr:nth-child(5) td.price,
.payArea .payTable.pt1 tbody tr:nth-child(6) td.price,
.payArea .payTable.pt1 tbody tr:nth-child(7) td.price{color: #2196f3; font-size: 25px; font-weight: bold; text-decoration: none;}
.payArea .payTable.pt2 {padding-bottom: 20px;}
.payArea .payTable.pt2 tbody tr th {padding-bottom: 10px;}
.payArea .payTable.pt2 tbody tr td {width: 116px; padding-bottom: 10px; color: #999999; font-weight: bold;}
.payArea .payTable.pt2 tbody tr:nth-child(5) td {padding-bottom: 5px;}
.payArea .payTable.pt2 tbody tr td.endTime {width: 100%; font-size: 14px; color: #2196f3;}
.payArea .payTable.pt3 tbody tr td.desc {font-size: 16px; line-height: 28px;}
.payArea .payTable.pt3 tbody tr td ul li {position: relative; padding-left: 14px;}
.payArea .payTable.pt3 tbody tr td ul li::after {position: absolute; left: 3px; top: 0; content: '쨌';}

.container.us .reserFormArea {margin-top: 40px;}
.container.us .reserFormArea .userInfoWrap {padding: 40px 0;}
.container.us .reserFormArea .userInfoWrap.first .desc {font-size: 16px; line-height: 28px;}
.container.us .reserFormArea .userInfoWrap.first .desc li {position: relative; padding-left: 14px;}
.container.us .reserFormArea .userInfoWrap.first .desc li:after {position: absolute; left: 3px; top: 0; content: '쨌';}
.container.us .reserFormArea .userInfoWrap.first .desc li span {font-weight: bold;}
.container.us .reserFormArea .userInfoWrap:last-child {padding-bottom: 0;}

.container.us .reserFormArea .btnLoginArea .btns {min-width: 160px; height: 46px; line-height: 42px;}
.container.us .reserFormArea .btnLoginArea .loginState span {font-size: 16px;}
.container.us .reserFormArea .userInfoWrap .cmmType .row .col3 {width: auto; padding-right: 40px;}
.container.us .reserFormArea .userInfoWrap .cmmType .row .col3 .cmmInput.radiochk {margin-bottom: 11px;}
.container.us .reserFormArea input[type="radio"]:disabled ~ label {color: #bbb;}
.container.us .reserFormArea input[type="radio"]:disabled ~ label::after {background: #F6F6F6 no-repeat center center;}
.container.us .reserFormArea .userInfoWrap .cmmInput.selectField {position: relative;}
.container.us .reserFormArea .userInfoWrap .cmmInput.selectField select {display: block; width: 100%; padding: 10px 0; padding-left: 10px; font-size: 15px; color: #999;}
.container.us .reserFormArea .userInfoWrap .cmmInput.selectField select::-ms-expand {display: none;}
/* .container.us .reserFormArea .userInfoWrap .cmmInput.selectField .attacSelect {position: absolute; right: 11px; top: 52.5px; display: block; width: 12px; height: 7.5px; background: url("/resources/images/common/icoArrowSelect.png") no-repeat center center; background-size: 12px;} */
.container.us .reserFormArea .userInfoWrap .cmmInput.selectField .attacSelect {position: absolute; right: 11px; bottom: 18.5px; display: block; width: 12px; height: 7.5px; background: url("/resources/images/common/icoArrowSelect.png") no-repeat center center; background-size: 12px;}
.container.us .reserFormArea .userInfoWrap .cmmInput.selectField .codeuse_2+.attacSelect{bottom: auto; top: 52.5px;}
.container.us .reserFormArea .userInfoWrap .cmmType .row .col3:nth-child(2)>div {display: inline-block;}
.container.us .reserFormArea .userInfoWrap .cmmType .row .col3:nth-child(2)>div select {margin: 0; font-size: 16px; padding-right: 36px;}
.container.us .reserFormArea .userInfoWrap .cmmType .row .col3:nth-child(2) .col4 {width: 312px !important; margin-left: 10px; margin-top: -10px; vertical-align: top;}
.business_area,.industrial_field{display: none;}
.container.us .reserFormArea .userInfoWrap .cmmInput .cmmInputEmailForm input:disabled {background: #F6F6F6;}

/* .row.rowLike .col3:nth-child(1),
.row.rowLike .col3:nth-child(5),
.row.rowLike .col3:nth-child(9){width: 14%;}
.row.rowLike .col3:nth-child(2),
.row.rowLike .col3:nth-child(6),
.row.rowLike .col3:nth-child(10){width: 17%;}
.row.rowLike .col3:nth-child(3),
.row.rowLike .col3:nth-child(7),
.row.rowLike .col3:nth-child(11){width: 28%;}
.row.rowLike .col3:nth-child(4),
.row.rowLike .col3:nth-child(8),
.row.rowLike .col3:nth-child(12){width: 41%;}
.row.rowLike .col3:nth-child(12)>div {float: left;}
.row.rowLike .col3 div[class$="etc"] {width: 400px; padding-left: 0; padding-right: 0; margin-left: 10px; margin-top: -13.5px;} */

.row.rowLike .col3:nth-child(2n-1) {width: 19.6%;}
.row.rowLike .col3:nth-child(2),
.row.rowLike .col3:nth-child(6),
.row.rowLike .col3:nth-child(10){width: 17.5%;}
.row.rowLike .col3:nth-child(4),
.row.rowLike .col3:nth-child(8){width: 43.3%;}
.row.rowLike .col3:nth-child(11) {width: 62.9%;}
.row.rowLike .col3:nth-child(11)>div {float: left;}
.row.rowLike .col3 div[class$="etc"] {width: 443px; padding-left: 0; padding-right: 0; margin-left: 10px; margin-top: -13.5px;}

/* .row.rowWay .col3:nth-child(10) {width: 75%;}
.row.rowWay .col3:nth-child(11) {width: 34.5%;}
.row.rowWay .col3:nth-child(12) {width: 40.5%;}
.row.rowWay .col3:nth-child(13) {width: 25%;} */
/* .row.rowWay .col3:nth-child(13) {width: 100%;} */

/* .row.rowWay .col3:nth-child(8)>div,
.row.rowWay .col3:nth-child(11)>div,
.row.rowWay .col3:nth-child(12)>div,
.row.rowWay .col3:nth-child(13)>div{display: inline-block;} */
.row.rowWay .col3 div[class$="etc"] {width: 168px; margin-left: 10px; margin-top: -14px; vertical-align: top;}
.row.rowWay .col3 div[class$="etc"] input {width: 168px;}
.row.rowWay .col3 div[class$="etc"] input:disabled {background: #fff;}

.row.rowWay .col3:nth-child(3n-2) {width: 29%;}
.row.rowWay .col3:nth-child(3n-1) {width: 31.5%;}
.row.rowWay .col3:nth-child(3n) {width: 39.5%;}
.row.rowWay .col3:nth-child(10) {width: 100%;}
.row.rowWay .col3:nth-child(5)>div,
.row.rowWay .col3:nth-child(6)>div,
.row.rowWay .col3:nth-child(10)>div {display: inline-block;}

.row.rowScale {max-width: 735px;}
.row.rowScale>[class^="col"] {padding: 0;}
.row.rowScale .col3 {width: 23%;}
.row.rowScale>[class^="col"]:nth-child(2),
.row.rowScale>[class^="col"]:nth-child(6) {width: 31%;}


.container.us .reserFormArea .cmmTit span.small {font-size: 16px;}
.reserFormArea .userInfoWrap .sizechk .row .col2 {width: 11%;}
.reserFormArea .userInfoWrap .couponchk .row .col2 {position: relative; width: auto; height: 56px;}
.reserFormArea .userInfoWrap .couponchk .row .col2 .radiochk {margin-right: 20px;}
.reserFormArea .userInfoWrap .couponchk .row .couponArea {display: none; width: 400px; transform: translateY(-12.5px);}
.reserFormArea .userInfoWrap .couponchk .row .couponArea.on {display: inline-block;}

.container.us .cmmInput .ip input {font-size: 16px;}
.btnWrap .btns {min-width: 160px; height: 48px;}
.btnWrap .btns.outline {font-weight: 500;}


.container.us ::-webkit-input-placeholder { color: #999; font-weight: normal; font-size: 15px; }
.container.us :-moz-placeholder { color: #999; opacity: 1; font-weight: normal; font-size: 15px; }
.container.us ::-moz-placeholder { color: #999; opacity: 1; font-weight: normal; font-size: 15px; }
.container.us :-ms-input-placeholder { color: #999; font-weight: normal; font-size: 15px; }

/* registration - popup */
.inforWrap {display: none; position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background: rgba(0,0,0,0.8);}
.inforWrap .inforPopup {position: fixed; left: 50%; top: 50%; width: 655px; height: 590px; transform: translate(-50%, -50%);}
.inforWrap .inforPopup .inforBox {padding: 40px 127px 39px 128px; border-radius: 10px; background: #fff; overflow-y: auto;}
.inforWrap .inforPopup .inforBox .cmmTit {font-family: 'Roboto', sans-serif; line-height: 47px;}
.inforWrap .inforPopup .inforBox .cmmsTit{font-size: 14px; color: #999; line-height: 20px; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #D5D5D5;}
.inforWrap .inforPopup .inforBox .cmmsTit em{word-break: keep-all;}
.inforWrap .inforPopup .inforBox div:nth-child(2) .cmmInput {margin-top: 39px;}
.inforWrap .inforPopup .inforBox .cmmInput {margin-top: 22px;}
.inforWrap .inforPopup .inforBox .cmmInput .ip input {height: 44px; font-size: 16px;}
.inforWrap .inforPopup .inforBox .cmmInput .ip input:-ms-input-placeholder { color: #999;}
.inforWrap .inforPopup .inforBox .btns {min-width: 160px; height: 48px; line-height: 44px;}
.inforWrap .inforPopup .btnClose {position: absolute; right: 0; top: -40px;}

/* cart */
.container.cart .cmmInput .ip input {background: #F6F6F6; font-size: 16px;}
.container.cart .cmmInput .ip.couponInput {background: #F6F6F6; font-size: 16px;}
.container.cart .cmmInput .ip.couponInput input {display: inline-block; width: auto;}
.container.cart .cmmInput .ip.couponInput .codeInput {display: inline-block; margin-left: -6%;}
.container.cart .cmmInput .ip.priceInput {background: #F6F6F6; font-size: 16px;}
.container.cart .cmmInput .ip.priceInput input {display: inline-block; max-width: 60px; width: auto; color: #2196f3;}
.container.cart .cmmInput .ip.priceInput .won {display: inline-block; margin-left: 0; vertical-align: -9.5px;}
.container.cart .paymethodRadio .col3 {width: auto;}

.container.cart .cmmInput {position: relative;}
.container.cart .cmmInput .ip .btnRenewal {position: absolute; right: 10px; bottom: 9px;}
.container.cart .cmmInput .ip .btnRenewal a {height: 27px; line-height: 23px;}

/* regcomplete */
.completeBox {padding: 40px 0 95px; margin-top: 40px; border-top: 1px solid #D5D5D5;}
.completeBox>div span {font-weight: bold;}
.completeBox .btnWrap .btns {height: 46px; line-height: 42px;}

/* session */
.session .upcomingBox {width: 100%; min-height: 442px; border-radius: 10px; background: url('/resources/images/common/unBgSession3.png') center no-repeat; background-size: cover; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);}
.session .upcomingBox .inner {height: 100%; padding: 50px 65px;}
.session .upcomingBox .inner>div {color: #fff;}
.session .cmmTit {font-size: 64px; color: #fff; line-height: 72px;}
.session .cmmTxt {padding: 30px 0; font-size: 18px; line-height: 30px;}
.session .cmmTxt a.btn {font-weight: bold; color: #43B3E6; text-decoration: underline;}
.session .cmmTxt .txtLst {padding-top: 20px;}
.session .cmmTxt .txtLst li {position: relative; padding-left: 12px;}
.session .cmmTxt .txtLst li:before {position: absolute; left: 0; top: 14px; content: ''; width: 4px; height: 4px; border-radius: 50%; background: #fff;}
.session .cmmTxt .txtLst li:first-child {margin-bottom: 5px;}
.session .cmmDate {font-weight: bold; line-height: 34px;}
.session .cmmDate .tit {font-size: 16px; color: #BBBBBB;}
.session .cmmDate .txt {font-size: 24px;}

/* ask */
.ask .mo {display: block;}
.ask .contents {}
.ask .contents .contBox {display:block; padding: 40px 33px 32px; border-radius: 10px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.1); vertical-align: top; margin-top: 30px;}
.ask .contents .contBox:nth-child(2) .icon {margin-top: -6px;}
.ask .contents .contBox:nth-child(2) .cmmTit {margin-top: 10px;}
.ask .contents .contBox .cmmTit {margin-top: 13px; margin-bottom: 30px;}
.ask .contents .contBox .cmmsTit {line-height: 32px; word-break: break-all;}
.ask .contents .contBox .btnWrap .btnLst li {position: relative; margin-bottom: 4px; padding-left: 14px;}
.ask .contents .contBox .btnWrap .btnLst li:last-child {margin-bottom: 0;}
.ask .contents .contBox .btnWrap .btnLst li:before {position: absolute; left: 0; top: 14px; content: ''; width: 5px; height: 5px; border-radius: 50%; background: #2196f3;}
.ask .contents .contBox .btnWrap .btnLst li a {font-size: 18px; color: #2196f3; line-height: 32px;}
.ask .contents .contBox:last-child .btnWrap .btns {min-width: 120px;}

/* faq */
.faq .cmmTit {font-family: 'Roboto', sans-serif;}
.faq .cmmTit+.cmmsTit {margin-top: 37px;}
.container.us .tapListWrap {}
.container.us .tapListWrap .tapList {}
.container.us .tapListWrap .tapList li {display: inline-block; padding-bottom: 15px; margin-right: 28px; font-size: 18px; font-weight: 500;}
.container.us .tapListWrap .tapList li.active {border-bottom: 2px solid #2196F3;}
.container.us .tapListWrap .tapList li.active a {color: #2196F3;}
.container.us .tapListWrap .tapList li a span {font-family: 'Roboto', sans-serif; font-weight: 600;}
.container.us .tapContents .cmmLst {display: none; min-height: 420px;} 
.container.us .tapContents .cmmLst.active {display: block;}
.container.us .tapContents .cmmLst.fnToggle .cmmtp+.cmmtp {margin-top: 13px;}

/* mypage */
.container.us .mypage .myContents {margin-top: 56px;}
.container.us .mypage .myContents .cmmTit {padding-bottom: 40px; border-bottom: 1px solid #D5D5D5; font-family: 'Roboto', sans-serif;}
.container.us .mypage .myContents .cmmPapSection {padding: 55px 65px 60px;}
.container.us .mypage .myContents .cmmPapSection .col3.memInput {width: auto !important;}
.container.us .mypage .myContents .cmmPapSection .cmmSectionBtn {padding-bottom: 50px; margin-bottom: 37px; border-bottom: 1px solid #D5D5D5;}
.cmmSectionBtn .row {overflow: hidden; width: 100%; margin: 0; font-size: 18px; text-align: center;}
.cmmSectionBtn .col3 {position: relative; float: left; width: 25%; padding: 0; padding-right: 35px; border-radius: 10px;}
.cmmSectionBtn .col3:last-child {padding-right: 0;}
.cmmSectionBtn .col3 input {visibility: hidden; position: absolute; left: 0; top: 0; box-sizing: border-box;}
.cmmSectionBtn .col3 label {width: 100%; height: 70px; border-radius: 10px; border: 3px solid transparent; background: #F5F5F5; line-height: 66px; font-size: 20px;}
.cmmSectionBtn .col3 input:checked ~ label {border: 3px solid #2196F3; background: #fff; color: #2196F3;}
.container.us .mypage .myContents .cmmPapSection .caution {margin-top: 10px; font-size: 18px; color: #383838;}
.radioChkResult .btnCode {height: 46px; line-height: 42px;}
.radioChkResult>a.btns {height: 48px; line-height: 44px;}
.radioChkResult.r2 {display: none;}
.codeTime {display: inline-block; margin-top: 75px; font-size: 16px; color: #EE2323;}


/* �듯빀 mypage */
.headCont.usmphc .visualArea .item .tit {height: 77px; margin-bottom: 10px; background: none; font-family: 'Roboto', sans-serif; font-size: 64px; text-indent: 0;}
.headCont.usmphc .visualArea .item .ind .ttx {font-size: 16px;}

.myeventListWrap {}
.myeventListWrap .myeventList {margin-top: 25px;}
.myeventListWrap .myeventList .cmmCard {position: relative; overflow: hidden; padding: 30px;}
.myeventListWrap .myeventList .cmmCard .thumbnail {float: left; width: 202px; height: 202px; margin-right: 30px;}
.myeventListWrap .myeventList .cmmCard .thumbnail img {width: 100%;}
.myeventListWrap .myeventList .cmmCard .list {float: left; height: 100%;}
.myeventListWrap .myeventList .cmmCard .list .category {margin-bottom: 10px; min-height: 29px;}
.myeventListWrap .myeventList .cmmCard .list .category span {display: inline-block; width: 90px; height: 25px; margin-right: 6px; border: 1px solid #999; border-radius: 5px; color: #999; text-align: center; line-height: 23px;}
.myeventListWrap .myeventList .cmmCard .list .cmmName .cmmTit {display: inline-block; margin-bottom: 10px; font-family: 'Roboto', sans-serif; font-size: 26px; line-height: 30px; min-height: 30px;}
.myeventListWrap .myeventList .cmmCard .list .cmmName .btnDot {display: inline-block; margin-left: 16px; margin-top: 4px; vertical-align: top;}
.myeventListWrap .myeventList .cmmCard .list .cmmDate,
.myeventListWrap .myeventList .cmmCard .list .cmmPlace{font-size: 16px; line-height: 30px;}
.myeventListWrap .myeventList .cmmCard .list .cmmDate .tit,
.myeventListWrap .myeventList .cmmCard .list .cmmPlace .tit{display: inline-block; margin-right: 5px; font-weight: bold;}
.myeventListWrap .myeventList .cmmCard .list .btnsWrap {position: absolute; left: 262px; bottom: 30px;}
.myeventListWrap .myeventList .cmmCard .list .btnsWrap .btns {height: 48px; line-height: 44px;}
.myeventListWrap .myeventList .cmmCard .paymentArea {float: right; text-align: right;}
.myeventListWrap .myeventList .cmmCard .paymentArea div>span {display: block; font-weight: bold; line-height: 34px;}
.myeventListWrap .myeventList .cmmCard .paymentArea div .state {font-size: 24px;}
.myeventListWrap .myeventList .cmmCard .paymentArea div .price {font-size: 16px;}
.myeventListWrap .myeventList .cmmCard .paymentArea div.waiting .btns {position: absolute; right: 30px; bottom: 30px; height: 48px; line-height: 44px;}


/* 12��2�쇰쭔 �덈궡 臾멸뎄 �몄텧 */
.infoSession {text-align: right; padding-right:50px;}
.infoSession .no1{font-size:14px; color:#2196F3; text-align: center; display: inline-block;}
.uniteSessionList[data-params="1201"] .data1201Hide {display: none !important;}
.uniteSessionList[data-params="1203"] .data1203Hide {display: none !important;}

/* 12��2�� �몃옓3踰� �덉씠�꾩썐 蹂�寃�  */
.uniteSessionScj[data-params="1202"] .agendaSchLst {position: relative; }
.uniteSessionScj[data-params="1202"] .mini .track1 {display: none;}
.uniteSessionScj[data-params="1202"] .mini .track2 {display: none;}


.uniteSessionScj[data-params="1202"] .agendaSchedule .agendaSchLst .agendaRow {padding-left:70px;}
.uniteSessionScj[data-params="1202"] .agendaSchedule .agendaSchLst .agendaColGroup .agendaCol3 {padding:5px 5px; width:31.333%;}
.uniteSessionScj[data-params="1202"] .agendaSchedule .agendaSchLst .agendaColGroup .agendaCol3.track3 {width:100%;}
.uniteSessionScj[data-params="1202"] .agendaSchedule .agendaSchLst .fullRow .agendaColGroup .agendaCol3:nth-child(3) {width:37%; padding-left:40px;}

.uniteSessionScj[data-params="1202"] .mini{ width:425px; z-index: 1; height:auto !important;}
.uniteSessionScj[data-params="1202"] .agendaSchedule .agendaSchLst .agendaCard .agendaCardIn .txts .tit {max-height:100% !important}
.uniteSessionScj[data-params="1202"] .mini.no1 {position: absolute; right:0; top:60px; }
.uniteSessionScj[data-params="1202"] .mini.no2 {position: absolute; right:0; top:250px;}
.uniteSessionScj[data-params="1202"] .mini.no3 {position: absolute; right:0; top:468px}
.uniteSessionScj[data-params="1202"] .mini.no4 {position: absolute; right:0; top:660px}
.uniteSessionScj[data-params="1202"] .mini.no5 {position: absolute; right:0; top:852px}
.uniteSessionScj[data-params="1202"] .mini.no6 {position: absolute; right:0; top:1123px} 
.uniteSessionScj[data-params="1202"] .mini.no7 {position: absolute; right:0; top:1342px}
.uniteSessionScj[data-params="1202"] .mini.no8 {position: absolute; right:0; top:1526px}
.uniteSessionScj[data-params="1202"] .mini.no9 {position: absolute; right:0; top:1720px}
.uniteSessionScj[data-params="1202"] .heightFix01 {height: 300px !important;}
.uniteSessionScj[data-params="1202"] .heightFix02 {height: 342px !important;}
.uniteSessionScj[data-params="1202"] .heightFix03 {height: 297px !important;}



@media only screen and (min-width: 1301px) {
	.row.rowWay .col3:nth-child(8),
    .row.rowWay .col3:nth-child(12){white-space: nowrap;}


	
}
@media only screen and (max-width: 1450px) {
    .headBottom.ushb .depth3 {width: 850px;}
    .headBottom.ushb .depth3.next li {transform: translateX(-225px);}
    .headBottom.ushb .btnArrows {right: -15px;}
}
@media only screen and (max-width: 1300px) {
    .headCont.ushc .visualArea .item .txt .t2 .mobileHide {display: block !important;}

    /* 12��2�� �섏젙嫄� */
    .uniteSessionScj[data-params="1202"] .agendaSchedule .agendaSchLst .agendaColGroup.fnTrackGroup .agendaCol3 {width:100%;}
    .uniteSessionScj[data-params="1202"] .agendaSchedule .agendaSchLst .fullRow .agendaColGroup .agendaCol3:nth-child(3) {padding-left: 0;}
    .uniteSessionScj[data-params="1202"] .agendaSchedule .agendaSchLst .agendaRow {padding-left:50px;}

    .uniteSessionScj[data-params="1202"] .agendaSchLst[data-params="3"] .fnDataRow {display: none;}
    .uniteSessionScj[data-params="1202"] .agendaSchLst[data-params="3"] .mini {position:relative !important; left:0 !important; top:0 !important;  width:100%; display: block;}


    .uniteSessionScj[data-params="1202"] .atieLb[data-params="3"] {display:none;}
    .uniteSessionScj[data-params="1202"] .mini .atieLb[data-params="1"] {display: none;}
    .uniteSessionScj[data-params="1202"] .mini .atieLb[data-params="2"] {display: none;}
    .uniteSessionScj[data-params="1202"] .mini .atieLb[data-params="3"] {display: block;}

    .uniteSessionScj[data-params="1202"] .infoSession {display: none;}
    .uniteSessionScj[data-params="1202"] .infoSession[data-params="3"] {display: block;}

    .uniteSessionScj .infoSession {padding-top:20px;}
    .infoSession {text-align: center; padding-right: 0;}
    .infoSession .no1 {font-size:12px;}
    .uniteSessionList {padding-top:20px;}


    



    .container.us2 {padding: 40px 0;}

    .container.us .reserFormArea .userInfoWrap .cmmType .row .col3:nth-child(2) .col4{width: 100% !important;}
    .headCont.ushc .visualArea .item {position: relative; padding-bottom: 47px;}
    .headCont.ushc .visualArea .item .tit {margin-bottom: 30px;}
    .headCont.ushc .visualArea .item .ind>div {margin-bottom: 25px;}
    .headCont.ushc .visualArea .item .ind .tt {display: block;}
    .headCont.ushc .visualArea .item .btnWrap {position: absolute; left: 0; bottom: 0;}
    .headCont.ushc .visualArea .item .btnWrap .btns {margin-bottom: 0;}
    .headCont.ushc .visualArea .item .btnWrap .btns.btn2 {margin-left: 10px;}

    .btnTop.us {transform: translateY(-48px);}

    .container.about {padding: 40px 0 0;}
    .mainTop .moBtn {display: block;}
    .mainTop .uniteBanner {max-width: 480px; height: 388px; margin: 0 auto 40px; background: url('/resources/images/common/uniteBanner_mo.png') no-repeat; background-size: 100%;}
    .mainTop .uniteBanner .btns {bottom: 65px; min-width: 140px; height: 48px; font-size: 18px; line-height: 44px;}
    .mainTop .introArea {margin-bottom: 30px;}
    .mainTop .introArea .lt {width: 100%; padding-right: 0;}
    .mainTop .introArea .rt {width: 100%;}
	.mainTop .introArea .rt .cmmsTit {max-width: 100%; margin-top: 0; margin-bottom: 20px; font-size: 16px; line-height: 30px;}
    .mainTop .introArea .rt .cmmsTit br{display: none;}
    /* .mainTop .introArea .rt .btnWrap>a.btns {display: none;} */
    /* .mainTop .introArea .rt .btnWrap .cmmLst {margin-left: 0; margin-bottom: 33px;} */
    .mainTop .introArea .lt .opNoteWrap {margin-top: 30px;}
    .mainTop .introArea .lt .opNoteWrap .opnTop {padding-left: 10px; padding-bottom: 0;}
    .mainTop .introArea .lt .opNoteWrap>div .opnlst li {padding-bottom: 20px !important;}
    .mainTop .introArea .lt .opNoteWrap>div .opnlst li img {width: 104px;}
    .mainTop .introArea .lt .opNoteWrap>div .opnlst li .cmmsTit {font-size: 16px; line-height: 21px;}
    .mainTop .introArea .lt .opNoteWrap>div .opnlst li .cmmsTit.sm {font-size: 12px; line-height: 15px;}
    .mainTop .introArea .lt .opNoteWrap .opnTop .opnlst li {padding: 0 2px;}
    .mainTop .introArea .lt .opNoteWrap .opnBottom .opnlst li:nth-child(2) {padding-left: 5px; padding-right: 5px;}
    .mainTop .introArea .lt .opNoteWrap .opnBottom .opnlst li .cmmsTit.sm {letter-spacing: -.25px;}
    .mainTop .introArea .rt .btnWrap {text-align: center;}
    .mainTop .introArea .rt .btnWrap .btns {width: 165px;}
    .mainTop .introArea .rt .btnWrap .btns.btnOpn {width: 100%; max-width: 350px; margin-left: 0; margin-top: 15px;}

    .mainTop .aboutArea {padding-top: 84px;}
    .mainTop .aboutArea .txtBox {width: 100%; margin-bottom: 74px;}
    .mainTop .aboutArea .txtBox>div {width: 320px; margin: 0 auto; word-break: break-all;}
    .mainTop .aboutArea .txtBox:first-child>div {width: 315px;}
    .mainTop .aboutArea .txtBox:nth-child(n) {margin-right: 0;}
    .mainTop .aboutArea .txtBox .cmmTit {margin-bottom: 40px;}

    .mainTop .reviewArea .cmmTit {padding-left: 15px; padding-right: 15px;}
    .mainTop .reviewArea .slick-dots {margin-top: 30px;}
    .mainTop .reviewArea .slick-dots li {margin-right: 5px;}

    .mainTop .reviewArea .reviewSlide .slide .rsBox {height: auto; padding: 19px; padding-bottom: 30px; margin: 0;}
    .mainTop .reviewArea .reviewSlide .slide .rsBox .thumb {float: none; margin-right: 0;}
    .mainTop .reviewArea .reviewSlide .slide .rsBox .txt {float: none; max-width: 100%; width: 100%; margin-top: 20px;}
    .mainTop .reviewArea .reviewSlide .slide .rsBox .txt .txtReview {min-height: 90px; margin-bottom: 20px;}

    .container.us .mainTop .maArea>.cmmTit {position: static; width: auto;}
    .container.us .mainTop .maArea.tp1 .mlt {margin-bottom: 20px;}

    .container.us .mainBottom {height: auto;}
    .container.us .mainBottom .sposArea {float: none; padding-top: 35px;}
    .container.us .mainBottom .sposArea .lst .item {width: 690px; height: 692px; margin-top: 15px; background: url('/resources/images/common/spLogo_us_m.png') no-repeat; background-size: 100%;}
    .container.us .mainBottom .sposArea .lst .item img {display: none;}

    .footer .footQnA .fqIn li {display: block; text-align: left;}
    .footer .footQnA .fqIn li.n1 {margin-right: 0; margin-bottom: 10px;}
    .footer .footQnA .fqIn li.n3 {display: block; margin-top: 10px;}
    .footer .footQnA .fqIn li .tit {display: block; margin-right: 0;}
	.footer .footQnA .fqIn li .tit::after {display: none;}
	
	.mainTop .introArea .lt .mediaBox{margin-left: auto; margin-right: auto; height: auto;}
	.mainTop .introArea .lt .mediaBox .iframe{width: 100%; height: 0; position: relative; padding-bottom: 56.25%;}
	.mainTop .introArea .lt .mediaBox .iframe iframe{width: 100%; height: 100%; left: 0; top: 0; position: absolute;}
	.container.us .mainTop .maArea.tp1 .mlt{max-width: 600px; margin-left: auto; margin-right: auto;}
	.container.us .mainTop .maArea .iframe{width: 100%;  height: 0; position: relative; padding-bottom: 56.25%;}
	.container.us .mainTop .maArea .iframe iframe{width: 100%; height: 100%; left: 0; top: 0; position: absolute;}

    /* registration */
    .container.us .reservation .cmmPapSection {padding-bottom: 50px;}
    .container.us .reservation .cmmPapSection .cmmsTit {font-size: 16px;}
    .container.us .reservation .cmmPapSection .cmmsTit br {display: none;}
    .container.us .reservation .cmmPapSection .cmmTit+.cmmsTit {margin-top: 20px;}

    .payArea .payTable {margin-top: 0;}
    .payArea .payTable.pt1 tbody tr {font-size: 18px;}
    .payArea .payTable.pt1 tbody tr th {display: block; width: 100%; padding-top: 15px; padding-bottom: 0;}
    .payArea .payTable.pt1 tbody tr td {font-size: 16px;}
    .payArea .payTable.pt1 tbody tr td.price {display: inline-block; width: 77px;}
    .payArea .payTable.pt1 tbody tr td.salePrice {display: inline-block; width: auto; padding-left: 20px; font-size: 16px;}
    .payArea .payTable.pt1 tbody tr td.salePrice::after {width: 14px; height: 14px; background-size: 14px;}
    /* .payArea .payTable.pt1 tbody tr td.salePercent {display: inline-block; margin: 0; font-size: 16px;} */
    .payArea .payTable.pt1 tbody tr:nth-child(5) td.price,
    .payArea .payTable.pt1 tbody tr:nth-child(6) td.price,
    .payArea .payTable.pt1 tbody tr:nth-child(7) td.price{font-size: 16px;}

    .row.rowWay .col3 div[class$="etc"] input {width: 100%;}

    .container.us .row.mobileCol6>.col12 {width: 50% !important;}
    .container.us .reserFormArea {margin-top: 40px;}
    .container.us .reserFormArea .userInfoWrap {padding-top: 40px;}
    .container.us .reserFormArea .userInfoWrap .cmmType .row .col3 .cmmInput.radiochk {margin-bottom: 20px;}
    .container.us .reserFormArea .userInfoWrap .typeArea {margin-top: 10px;}
    .container.us .reserFormArea .userInfoWrap .cmmType .row .col3:nth-child(4) {padding-right: 0;}
    .container.us .reserFormArea .userInfoWrap .cmmType .row .col3:nth-child(4)>div {display: block;}
    .container.us .reserFormArea .userInfoWrap .cmmType .row .col3:nth-child(4) .col4 {width: 100% !important; margin-left: 0; margin-top: -10px; margin-bottom: 20px;}
    .container.us .row.rowLike .col3:nth-child(11) {width: 100% !important;}
    .container.us .row.rowLike .col3:nth-child(11)>div {float: none; width: 100% !important;}
    .container.us .row.rowLike .col3 div[class$="etc"] {margin-left: 0; margin-top: 5px;}
    .container.us .row.rowWay .col3:nth-child(11)>div,
    .container.us .row.rowWay .col3:nth-child(12)>div,
    .container.us .row.rowWay .col3:nth-child(13)>div{display: block;}
    .row.mobileCol6>[class^="col"]:last-child {width: 100% !important;}
    .container.us .row.rowWay .col3 div[class$="etc"] {width: 100%; margin-left: 0; margin-top: -10px; margin-bottom: 20px;}
    .container.us .reserFormArea .userInfoWrap .sizechk .row .col2 {width: 33.3333% !important;}
    .container.us .reserFormArea .userInfoWrap .couponchk .row .col2 {width: auto !important; height: auto;}
    .container.us .reserFormArea .userInfoWrap .couponchk .row .col2 .radiochk {margin-right: 50px;}
    .container.us .reserFormArea .userInfoWrap .couponchk .row .couponArea {width: 100%; transform: translateY(0);}
    .row.rowScale {max-width: 100%;}

    .container.us .btnWrap .btns:last-child {margin-left: 20px;}

    /* ask */
    .ask .contents {margin-left: 0; margin-top: 40px; margin-right: 0;}
    .ask .contents .contBox {display: block; max-width: 100%; width: 100%; padding: 40px 15px 32px;}
    .ask .contents .contBox:last-child {margin-bottom: 0;}
    .ask .contents .contBox .cmmTit {margin-top: 13px; margin-bottom: 30px;}
    .ask .contents .contBox .cmmsTit {word-break: keep-all;}
    .ask .contents .contBox .cmmsTit br {display: none;}

    /* cart */
    .container.cart .reserFormArea .userInfoWrap .row {margin-top: 15px;}
    .container.cart .reserFormArea .userInfoWrap .row.paymethod {margin-top: 25px;}
    .container.cart .reserFormArea .userInfoWrap .row.paymethodRadio {margin-top: 0;}
    .container.cart .paymethodRadio .col3 {width: auto !important;}
    .container.cart .paymethodRadio .col3:first-child {margin-right: 60px;}
    .container.cart .btnWrap {margin-top: 10px;}

    /* regcomplete */
    .completeBox {padding: 40px 0 60px; margin-top: 40px;}

    /* session */
    .session .upcomingBox .inner {padding: 40px;}
    .session .cmmTit {font-size: 48px; line-height: 56px;}

    /* mypage */
    .container.us .mypage .myContents {margin-top: 40px;}
    .container.us .mypage .myContents .cmmTit {margin-bottom: 20px;}
    .container.us .mypage .myContents .cmmPapSection .cmmSectionBtn {padding-bottom: 30px;}
    .container.us .mypage .myContents .cmmPapSection {padding: 47px 15px 40px;}
    .cmmSectionBtn .col3 {width: 49% !important; padding-right: 0; margin-bottom: 10px;}
    .cmmSectionBtn .col3:nth-child(2n) {float: right;}
    .container.us .mypage .myContents .cmmPapSection .col3.memInput:last-child {padding-left: 20px; padding-right: 0;}
    .container.us .mypage .myContents .cmmPapSection .caution {margin-top: 0; font-size: 16px;}
    .radioChkResult.r1 .regcode1 .col4 {width: 100% !important; padding-right: 0;}
    .radioChkResult.r1 .regcode2 .col4 {width: 100% !important; padding-right: 0;}
    .radioChkResult.r1 .btnCode {margin-top: 5px;}
    .codeTime {margin-top: 5px;}
    .radioChkResult>a.btns {margin-top: 30px;}

    /* �듯빀 mypage */
    .container.myevent .cmmNotitp .notisort {bottom: -3px; width: 114px;}
    .myeventListWrap .myeventList .cmmCard {min-height: 294px; padding: 20px 15px;}
    .myeventListWrap .myeventList .cmmCard .thumbnail {width: 52px; height: 52px; margin-right: 10px;}
    .myeventListWrap .myeventList .cmmCard .list {float: none;}
    .myeventListWrap .myeventList .cmmCard .list .category {margin-bottom: 5px;}
    .myeventListWrap .myeventList .cmmCard .list .cmmName {position: relative; padding-left: 62px; padding-right: 37px;}
    .myeventListWrap .myeventList .cmmCard .list .cmmName .cmmTit {font-size: 18px; line-height: 24px;}
    .myeventListWrap .myeventList .cmmCard .list .cmmDate,
    .myeventListWrap .myeventList .cmmCard .list .cmmPlace {font-size: 14px; line-height: 24px;}
    .myeventListWrap .myeventList .cmmCard .list .cmmPlace .place {width: calc(100% - 51px);}
    .myeventListWrap .myeventList .cmmCard .list .cmmPlace span {float: left;}
    .myeventListWrap .myeventList .cmmCard .list .btnsWrap {left: 15px; bottom: 20px;}
    .myeventListWrap .myeventList .cmmCard .list .btnsWrap .btns {min-width: 98px; padding: 0 5px;}
    .myeventListWrap .myeventList .cmmCard .list .btnsWrap .btns:last-child {margin-left: 7px;}
    .myeventListWrap .myeventList .cmmCard .paymentArea {position: absolute ; left: 15px; bottom: 78px; margin-top: 15px; text-align: left;}
    .myeventListWrap .myeventList .cmmCard .paymentArea div>span {display: inline-block;}
    .myeventListWrap .myeventList .cmmCard .paymentArea div.waiting .btns {left: 217px; right: auto; bottom: -58px; min-width: 98px; padding: 0;}
    .myeventListWrap .myeventList .cmmCard .paymentArea div .price {padding-top: 1px; margin-left: 2px; vertical-align: top;}
    
}
@media only screen and (max-width: 1080px) {
    .headCont.ushc .visualArea .item {top: 50%; margin-top: -10px; transform: translateY(-50%);}
    .headCont.ushc .visualArea .item .tit {width: 245px; height: 310px;}
    .headCont.ushc .visualArea .item .txt .t2 {letter-spacing: -0.75px;}
    
    .headCont.ushc .visualArea .item .ind .ttx {font-size: 18px; line-height: 28px;}
    .headCont.ushc .visualArea .item .ind .rt {margin-left: 0; margin-right: 0;}
    .headCont.ushc .visualArea .item .ind .rt .ttx span {display: none;}
}
@media only screen and (max-width: 768px) {
    .headCont.ushc .visualArea .item {margin-top: -15px;}
    .headCont.ushc .visualArea .item .tit {width: 230px; height: 291px; margin-bottom: 20px;}
    .headCont.ushc .visualArea .item .txt {margin-bottom: 15px;}
    .headCont.ushc .visualArea .item .txt .t2 .mobileHide {display: none !important;}
    .headCont.ushc .visualArea .item .ind>div {margin-bottom: 15px;}

    .mainTop .reviewArea .reviewSlide .innerWrap {min-height: 284px;}
    .mainTop .reviewArea .reviewSlide .slide .rsBox {min-height: 284px; height: auto;}
    .mainTop .reviewArea .reviewSlide .slide .rsBox .thumb {width: 58px; height: 58px;}
    .mainTop .reviewArea .reviewSlide .slide .rsBox .txt .txtReview {font-size: 14px; line-height: 24px; letter-spacing: -0.02em;}
    .mainTop .reviewArea br {display: none;}

    .mainTop .infoArea .infoList li {margin-bottom: 20px;}

    .container.us .mainTop .maArea.tp1 .mlt .daumMap>div {overflow: hidden; width: 100% !important;}
    .container.us .mainTop .maArea.tp1 .mlt .daumMap .wrap_map {height: 230px !important;}
    .container.us .mainTop .maArea.tp1 .mrt .dl:first-child {display: none;}
    .container.us .mainTop .maArea.tp1 .mrt .dl .dt {display: none;}

    .container.us .mainBottom {padding: 40px 0;}
    .container.us .mainBottom .sposArea .lst .item {width: 100%; height: auto; padding-bottom: 101%;}
    .container.us .mainBottom .sposArea .lst .item img {display: none;}

    /* registration */
    .container.us .reserFormArea .userInfoWrap.first .desc li:nth-child(2) br {display: none;}

    .inforWrap .inforPopup {width: calc(100% - 30px); max-height: 675px; height: calc(100% - 75px);}
    .inforWrap .inforPopup .inforBox {height: 100%; padding: 40px 15px 40px 17px;}

    .row.rowLike .col3:nth-child(7) {width: 100% !important;}
    .row.rowLike .col3:nth-last-child(-n+5) {width: 100% !important;}

    /* session */
    /* .session .upcomingBox {min-height: 500px; background: url('/resources/images/common/unBgSession_mo.png') right bottom no-repeat; background-size: cover;} */
    .session .upcomingBox {min-height: auto;}
    .session .upcomingBox .inner {padding: 30px 25px 35px;}
    .session .cmmTit {font-size: 32px; line-height: 34px;}
    .session .cmmTxt {padding: 20px 0; font-size: 16px; word-break: break-all;}
    .session .cmmTxt .txtLst {padding-top: 20px;}
    .session .cmmTxt .txtLst li:first-child {letter-spacing: -.5px;}
    .session .cmmTxt br {display: none;}

    /* ask */
    .ask .mo {display: none;}

    /* faq */
    .container.us .tapListWrap .tapList {overflow: hidden;}
    .container.us .tapListWrap .tapList li {float: left; width: 48%; margin-right: 0; text-align: center;}
    .container.us .tapListWrap .tapList li.tp2 {float: right;}
    .container.us .tapContents .cmmLst.fnToggle .cmmtp .bd {word-break: break-all;} 

    /* mypage */
    .cmmSectionBtn .col3 {width: 48% !important;}
    .cmmSectionBtn .col3 label {font-size: 17px;}

    /* �듯빀 mypage */
    .headCont.usmphc .visualArea .item .tit {height: 48px; font-size: 40px;}
}
@media only screen and (max-height: 700px) {
    .inforWrap .inforPopup {top: 60px; transform: translate(-50%, 0);}
    .inforWrap .inforPopup .inforBox {overflow-y: auto;}
}

@media only screen and (max-width: 480px){
    .headCont.ushc .visualArea .item {margin-top: -30px;}
    .headCont.ushc .visualArea .item .tit {width: 173px; height: 220px;}
    .headCont.ushc .visualArea .item .ind .ttx {line-height: 25px;}

    .mainTop .uniteBanner {height: auto; padding-bottom: 80%;}
    .mainTop .uniteBanner .btns {bottom: 11%; font-size: 16px;}

    .mainTop .introArea .rt .cmmsTit {letter-spacing: -0.01em;}
    .mainTop .introArea .rt .cmmsTit br.mo {display: block;}

    .mainTop .aboutArea .txtBox>div {max-width: 315px !important; width: 100% !important;}
    .mainTop .aboutArea .txtBox .cmmTit {font-size: 54px;}

    .mainTop .reviewArea .cmmTit br.mo {display: block;}
    .mainTop .reviewArea .reviewSlide .slide .rsBox .txt .txtReview {min-height: 116px; height: 116px;}

    .container.us .mainBottom .sposArea .lst .item {width: 100%; padding-bottom: 101%;}

    /* registration */
    .payArea .cmmTit span.vat {display: block;}
    .container.us .reserFormArea .userInfoWrap.first .inforBtns {overflow: hidden;}
    .container.us .reserFormArea .userInfoWrap.first .inforBtns .btns {float: left; width: 40%; padding: 0;}
    .container.us .reserFormArea .userInfoWrap.first .inforBtns .btns.outline {width: 56%; margin-left: 4%;}

    .cmmInput .cmmInputEmailForm .ciDoma .ciDomaCief.tp1 {width: 35px;}

    .container.us .reservation .btnWrap {overflow: hidden;}
    .container.us .reservation .btnWrap .btns {float: left; min-width: 48%; padding: 0;}
    .container.us .reservation .btnWrap .btns:last-child {float: right; margin-left: 0;}

    /* �듯빀 mypage */
    .myeventListWrap .myeventList .cmmCard {min-height: 300px;}
    .myeventListWrap .myeventList .cmmCard .list .cmmName .btnDot {position: absolute; right: 13px; top: 0;}
    .myeventListWrap .myeventList .cmmCard .list .btnsWrap {left: 15px; bottom: 20px;}
    .myeventListWrap .myeventList .cmmCard .paymentArea div.waiting .btns {left: 180px; min-width: 80px;}

}
@media only screen and (max-width: 400px){
    .headCont.ushc .visualArea .item {margin-top: -10px;}

    .mainTop .introArea .rt .btnWrap>.btns {width: calc(100% - 185px);}
    .mainTop .introArea .rt .btnWrap .cmmLst {margin-left: 12px;}
    .mainTop .introArea .rt .btnWrap .cmmLst>li>a {width: 170px;}
    .mainTop .introArea .rt .btnWrap .btns.btnOpn {max-width: 100%;}
}
@media only screen and (max-width: 374px){
    .headCont.ushc .visualArea .item .btnWrap {overflow: hidden; width: 100%;}
    .headCont.ushc .visualArea .item .btnWrap .btns {min-width: auto;}
    .headCont.ushc .visualArea .item .btnWrap .btns.btn1 {float: left; width: 39%; padding: 0;}
    .headCont.ushc .visualArea .item .btnWrap .btns.btn2 {float: right; width: 58%; margin-left: 0;}

    .mainTop .introArea .lt .opNoteWrap { max-width: 285px; margin: 30px auto 0;}
    .mainTop .introArea .lt .opNoteWrap>div {overflow: hidden;}
    .mainTop .introArea .lt .opNoteWrap .opnTop {padding-left: 0;}
    .mainTop .introArea .lt .opNoteWrap>div .opnlst li {float: left; width: 142px;}
    .mainTop .introArea .lt .opNoteWrap>div .opnlst li:nth-child(2n) {float: right;}
    .mainTop .introArea .lt .opNoteWrap .opnBottom .opnlst li:last-child {float: none; width: 100%;}
    .mainTop .introArea .lt .opNoteWrap .opnBottom .opnlst li {padding: 0 5px;}
    .mainTop .introArea .rt .btnWrap>.btns {width: calc(100% - 180px); min-width: 120px;}
    .mainTop .introArea .rt .btnWrap .cmmLst>li>a {width: 165px;}

    .mainTop .reviewArea .reviewSlide .slide .rsBox .txt .txtReview {min-height: 144px;}

    .container.us .reserFormArea .userInfoWrap.first .inforBtns .btns {float: none; width: auto; padding: 0 18px;}
    .container.us .reserFormArea .userInfoWrap.first .inforBtns .btns.outline {width: auto; margin-left: 0; margin-top: 10px;}
}
@media only screen and (max-width: 350px){
    .headCont.ushc .visualArea .item {margin-top: 0;}
    .headCont.ushc .visualArea .item .tit {width: 155px; height: 196px; margin-bottom: 17px;}
    .headCont.ushc .visualArea .item .txt {margin-bottom: 13px;}
    .headCont.ushc .visualArea .item .txt .t1 {font-size: 19px;}
    .headCont.ushc .visualArea .item .txt .t2 {font-size: 17px;}
    .headCont.ushc .visualArea .item .ind .ttx {font-size: 17px;}
    .headCont.ushc .visualArea .item .ind>div {margin-bottom: 13px;}

    .mainTop .introArea .rt .btnWrap>.btns {width: calc(100% - 168px); min-width: 120px;}
    .mainTop .introArea .rt .btnWrap .cmmLst>li>a {width: 153px;}

    .mainTop .reviewArea .reviewSlide .slide .rsBox {min-height: 330px;}
    
    .container.cart .cmmInput .btnRenewal a {min-width: 105px; padding: 0 8px; font-size: 14px;}

    .container.myevent .cmmNotitp .notisort {bottom: -60px;}
    .myeventListWrap .myeventList {margin-top: 80px;}
}