span.required {font-size:14px; color:red; vertical-align: super;}
form .guideText {font-size:12px; color:red; margin-top:5px;}

.marginLeftS {margin-left:5px !important;}

.pageOutWrap { width: 100%; max-width: 800px; margin: 0 auto; }
.cl_buttonCenter {display:flex; flex-direction: row;}
.cl_buttonCenter .cl_button.basic { display: flex; justify-content: center; align-items: center; margin: 0 auto; margin-bottom: 140px; }
.cl_buttonCenter .cl_button.medium { display: flex; justify-content: center; align-items: center; margin: 0 auto; margin-bottom: 140px; }
.cl_buttonCenter .cl_button span { padding: 0 5px; }



/*
       ******************* 메인 *******************
*/

/*그리드*/

.cl_gridWrapper { overflow: hidden; margin-bottom: 80px; }

.cl_gridWrapper .grid { display: flex; flex-wrap: wrap; justify-content: center; padding:95px 0 0px 95px;  margin:-95px; margin-bottom:-80px;}
.cl_gridWrapper .grid .gridCell {  width: calc(100%/4); box-sizing:border-box;  border:0 solid transparent;  border-width:0 95px 80px 0; text-align: center;}
.cl_gridWrapper .grid .gridCell .iconImg { display: flex; align-items: center; justify-content: center; height: 130px; background-color: #f7f7f7; border-radius: 30px; }
.cl_gridWrapper .grid .gridCell .iconText { font-size: 28px; color: #000000; font-family: 'NotoSansR'; padding-top: 20px;}


/*
       ******************* 상품 *******************
*/
/*상품정보*/
.cl_goodsWrap {display: flex; margin-bottom: 50px;}
.cl_goodsWrap .goods { position: relative;  display: flex; justify-content: center; align-items: center; width: 400px; height: 400px;  border: 1px solid #cccccc; box-sizing: border-box; }
.cl_goodsWrap .goods img { width: 100%; }
.cl_goodsWrap .cl_zzim { position: absolute; bottom: 20px; right: 20px; }
.cl_goodsWrap .emptyList {display:block; width:100%; padding:30px; text-align:center; font-size:22px; color: #7a7979;}

.cl_goodsWrap .goodsInfo { padding-left: 30px; height: 400px; flex: 1; }
.cl_goodsWrap .priceInfoWrap .priceInfo{display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #d8d8d8; padding: 12px 10px; }
.cl_goodsWrap .priceInfoWrap .priceInfo.type2 { background-color: #ececec; }
.cl_goodsWrap .priceInfoWrap .priceInfo:nth-last-child(1) { border-bottom: 1px solid #d8d8d8; }
.cl_goodsWrap .priceInfoWrap .priceInfo .mainText{ color: #222222; font-size: 26px; font-family: 'NotoSansL';  }
.cl_goodsWrap .priceInfoWrap .priceInfo.type2 .mainText{ color: #586ad5; font-size: 26px;  }
.cl_goodsWrap .priceInfoWrap .priceInfo .price .boldText{ color: #222222; font-size: 28px; 	font-family:'SCDream7';  }
.cl_goodsWrap .priceInfoWrap .priceInfo.type2 .price .boldText{ color: #586ad5; }
.cl_goodsWrap .priceInfoWrap .priceInfo .price { font-size: 24px; font-family: 'NotoSansR'; }
.cl_goodsWrap .priceInfoWrap .priceInfo .needLoginTxt {font-size:24px;}
.cl_goodsWrap .priceInfoWrap .priceInfo .needLoginTxt.center {display:block; text-align:center;}

/*
       ******************* 개인정보 *******************
*/
.cl_personal { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
.cl_personal .name { font-size: 30px; font-family: 'NotoSansR'; color: #000000; }
.cl_personal .name span { font-size: 40px; font-family: 'NotoSansB';  }
.cl_personal .payPrice { font-size: 24px; font-family: 'NotoSansM'; color: #222222;     text-align: right; }
.cl_personal .payPrice .boldBlue {font-size: 28px; 	font-family:'SCDream7'; color: #5e72e4; }
.cl_personal .payPrice .lightText {  font-family: 'NotoSansR';}


/*
       ******************* 상세페이지 신청폼 *******************
*/

.cl_applicationForm { border: 3px solid #000000; border-radius: 15px; padding: 40px 50px; box-sizing: border-box; margin-bottom: 50px; }
.cl_applicationForm .titleForm { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.cl_applicationForm .titleForm .mainText { color: #000000; font-size: 36px; font-family: 'NotoSansB'; }
.cl_applicationForm .titleForm .mainText.small { color: #000000; font-size: 25px; font-family: 'NotoSansB'; }
.cl_applicationForm .priceInfoWrap {overflow-x:scroll;}
.cl_applicationForm .priceInfoWrap table {width:100%; margin-bottom:20px; border-top:1px solid #000;}
.cl_applicationForm .priceInfoWrap table th {font-size:18px; color:#000; height:50px; border-bottom:1px solid #000; text-align:center; font-family:"NotoSansB";}
.cl_applicationForm .priceInfoWrap table th.firstTh {width:100px;}
.cl_applicationForm .priceInfoWrap table td {font-size:18px; color:#000; height:50px; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #000;  text-align:center;}
.cl_applicationForm .priceInfoWrap table td .needLoginTxt {display:block; text-align:left;}
.cl_applicationForm .priceInfoWrap table td.fee {color:#5E71E4; font-family:"NotoSansB";}
.cl_applicationForm .priceInfoWrap table .strike { font-size: 14px; color: #888888; font-family:'SCDream4'; text-decoration:line-through;}

/*상세페이지*/
.cl_detailPage { overflow: hidden;}
.cl_detailPage .pdtDetailImgArea img { width: 100%; }


/*
       ******************* MEMBER 폼 *******************
*/

.cl_memberForm { width: 100%; max-width: 500px; margin: 0 auto; margin-bottom: 100px; }
.cl_memberForm .cl_button.gray { background-color: #c3c3c3; }
.cl_memberForm input{ margin-bottom: 25px; }
.cl_memberForm .save { margin-bottom: 50px; }
.cl_memberForm .save.alignRight { text-align: right; }
.cl_memberForm .save.alignRight .checkText.textBold { font-family: 'NotoSansB';}
.cl_memberForm .cl_button { margin-bottom: 20px; }
.cl_memberForm .findButton { text-align: center; color: #000000; font-size: 26px; font-family: 'NotoSansM'; }


/*
       ******************* 정렬 *******************
*/

.cl_sortBox { margin-bottom: 70px; }


/*
       ******************* 링크버튼 *******************
*/

.cl_linkBtn { border-top: 3px solid #5e71e4; margin-bottom: 150px; }
.cl_linkBtn ul li a{ display: flex; justify-content: space-between; align-items: center; font-size: 28px; color: #000000;  font-family: 'NotoSansR'; border-bottom: 1px solid #d8d8d8;  padding: 20px 50px;}
.cl_linkBtn ul li i { color: #b7b7b7; }

.cl_linkBtn.textWrap ul li { color: #000000;  font-size: 24px; font-family: 'NotoSansR'; border-bottom: 1px solid #d8d8d8;  padding: 25px 20px; }
.cl_linkBtn.textWrap ul li .mainText { font-family: 'NotoSansB'; margin-bottom: 20px;}
.cl_linkBtn.textWrap ul li .subText1 { color:#777777; margin-bottom: 30px;}
.cl_linkBtn.textWrap ul li .subText2 { font-size: 20px; color:#999999; font-family:'SCDream3'; }

/*
       ******************* 파란텍스트박스 *******************
*/

.cl_blueBox { display: flex; justify-content: space-between; align-items: center; width: 100%; border: 1px solid #cfcfcf; border-radius: 5px; text-align: center;
    box-sizing: border-box; background-color: #f4f7fb; padding: 30px 0px; margin-bottom: 30px; }
.cl_blueBox .textWrap { width: 33.333%; }
.cl_blueBox .textWrap .mainText { font-size: 30px; color: #888888; font-family: 'NotoSansR'; }
.cl_blueBox .textWrap .subText { font-size: 30px; color: #000000; font-family: 'NotoSansR'; }
.cl_blueBox .textWrap .subText span { font-family: 'NotoSansB';  }


/*
       ******************* 주문상태폼 *******************
*/

.cl_orderTable { width: 100%; text-align: center;font-family: 'NotoSansR'; font-size: 28px; border-top: 3px solid #5e71e4; margin-bottom: 150px; }
.cl_orderTable tr {border-bottom: 1px solid #d8d8d8;}
.cl_orderTable tr td {  padding: 15px 0; font-size:16px;}
.cl_orderTable tr td.buttons {width:100px; font-size:14px;}
.cl_orderTable tr td .grayBtn { font-size: 16px; color: #ffffff; padding: 5px 0; border-radius: 5px; font-family: 'NotoSansL';  background-color: #999999;}
.cl_orderTable tr td .blueBtn { font-size: 16px; color: #ffffff; padding: 5px 0; border-radius: 5px; font-family: 'NotoSansL';  background-color: #586ad5;}

/*
       ******************* qna폼 *******************
*/

.cl_qnaWrap { border-top: 3px solid #FFC848; margin-bottom: 50px; }
.cl_qnaWrap ul li { border-bottom: 1px solid #d8d8d8; padding: 30px 20px;}
.cl_qnaWrap ul li .openWrap { display: flex; align-items: flex-start; justify-content: space-between;  font-size: 24px; cursor: pointer; }
.cl_qnaWrap ul li .openWrap .mainTextWrap{ display: flex; align-items: flex-start; justify-content: space-between; cursor: pointer; }
.cl_qnaWrap ul li .openWrap .mainTextWrap .ques { font-size: 30px; 	font-family:'SCDream7'; color: #000000; padding-right: 20px; }
.cl_qnaWrap ul li .openWrap .textWrap .mainText {  color: #000000; font-family: 'NotoSansM'; }
.cl_qnaWrap ul li .openWrap .textWrap .subText { font-size: 18px; color: #999999; font-family:'SCDream3'; }
.cl_qnaWrap ul li .openWrap .rotateBtn { padding-left: 10px; }
.cl_qnaWrap ul li .openWrap .rotateBtn.on { transform: rotate(180deg); transition: 0.5s; }

.cl_qnaWrap ul li .showWrap { font-size: 20px; color: #000000; font-family: 'NotoSansL'; margin-top: 30px; display: none; }

/*
       ******************* 정산서 *******************
*/
.cl_adjustment {padding: 50px 0 120px 0; font-size: 28px; color: #000000; font-family: 'NotoSansM'; }
.cl_adjustment .dateWrap { display: flex; justify-content: space-between; align-items: center; padding: 0 30px; margin-bottom: 50px;}
.cl_adjustment ul li.cl_blueBox{ padding: 40px 30px;    margin-bottom: 0px; }
.cl_adjustment ul li { display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; border-bottom: 1px solid #d8d8d8; }
.cl_adjustment ul li:nth-last-child(1){ border-bottom: 2px solid #000000; }
.cl_adjustment ul li .price { font-size: 24px; font-family: 'NotoSansR';}
.cl_adjustment ul li .price span { font-family: 'SCDream7';}
.cl_adjustment .totalPrice { display: flex; justify-content: space-between; align-items: center; font-size: 32px; padding: 30px 30px; }
.cl_adjustment .totalPrice .mainText { font-family: 'NotoSansB'; }
.cl_adjustment .totalPrice .price span { color: #5e71e4; font-family: 'SCDream7'; }


/*
       ******************* 통신사버튼 *******************
*/
.cl_carrierWrap { display: flex; justify-content: space-between; align-items: center; width: 100%; text-align: center; margin-bottom: 70px;
    cursor: pointer;}
.cl_carrierWrap .carrierBtn { width: 32.8%; background-color: #f7f7f7; border-radius: 15px; padding: 25px 0; font-size: 30px; color: #222222; font-family: 'NotoSansR'; }
.cl_carrierWrap .carrierBtn.on { background-color: #000000; color: #ffffff; font-family: 'NotoSansB'; }

@media(max-width: 768px){

    .hideM { display: none; }

    .cl_buttonCenter .cl_button.basic { display: flex; justify-content: center; align-items: center; margin: 0 auto; margin-bottom: 70px; }
    .cl_buttonCenter .cl_button.medium { display: flex; justify-content: center; align-items: center; margin: 0 auto; margin-bottom: 70px; }
    .cl_buttonCenter .cl_button span img { width: 20px; }

    /*
    ******************* 메인 *******************
    */

    /*그리드*/
    .cl_gridWrapper { overflow: hidden; margin-bottom: 40px; }

    .cl_gridWrapper .grid { display: flex; flex-wrap: wrap; justify-content: center; padding:10px 0 0px 10px;  margin:-10px; margin-bottom:-20px;}
    .cl_gridWrapper .grid .gridCell {  width: calc(100%/4); box-sizing:border-box;  border:0 solid transparent;  border-width:0 10px 20px 0; text-align: center;}
    .cl_gridWrapper .grid .gridCell .iconImg { display: flex; align-items: center; justify-content: center; height: 80px; background-color: #f7f7f7; border-radius: 20px; }
    .cl_gridWrapper .grid .gridCell .iconImg img { width: 40px; }

    .cl_gridWrapper .grid .gridCell .iconText { font-size: 18px; color: #000000; font-family: 'NotoSansR'; padding-top: 10px;}

    /*
       ******************* 상품 *******************
    */
    /*상품정보*/
    .cl_goodsWrap {margin-bottom: 50px;}
    .cl_goodsWrap .goods {width: 80px; height:80px; margin-top:10px; border:0;}
    .cl_goodsWrap .goods img { width: 80%; }
    .cl_goodsWrap .goodsInfo { padding-left: 15px; height: 100%; }
    .cl_goodsWrap .goodsInfo .cl_sectionTitle {margin-bottom:10px;}
    .cl_goodsWrap .goodsInfo .cl_sectionTitle .subText1 {font-size:14px; !important;}
    .cl_goodsWrap .goodsInfo .cl_sectionTitle .subText3 {font-size:12px; !important; margin-top:3px;}
    .cl_goodsWrap .priceInfoWrap .priceInfo {padding-top:3px; padding-bottom:3px;}
    .cl_goodsWrap .priceInfoWrap .priceInfo .mainText{ font-size: 14px; }
    .cl_goodsWrap .priceInfoWrap .priceInfo.type2 .mainText{ font-size: 14px;  }
    .cl_goodsWrap .priceInfoWrap .priceInfo .price .boldText{ font-size: 14px; 	font-family:'SCDream7';  }
    .cl_goodsWrap .priceInfoWrap .priceInfo .price { font-size: 18px; font-family: 'NotoSansR'; }
    .cl_goodsWrap .priceInfoWrap .priceInfo .needLoginTxt {font-size:14px;}
    .cl_goodsWrap .cl_zzim { position: absolute; bottom: -15px; right: -10px;}
    .cl_goodsWrap .emptyList {padding:30px; font-size:18px;}

    /*
       ******************* 개인정보 *******************
    */
    .cl_personal {  margin-bottom: 20px; }
    .cl_personal .name { font-size: 18px; font-family: 'NotoSansR'; color: #000000; }
    .cl_personal .name span { font-size: 26px; }
    .cl_personal .payPrice { font-size: 16px;  }
    .cl_personal .payPrice .boldBlue {font-size: 18px;  }


    /*
       ******************* 상세페이지 신청폼 *******************
    */

    .cl_applicationForm { border: 2px solid #000000; padding: 15px 10px; margin-bottom: 30px; }
    .cl_applicationForm .titleForm { margin-bottom: 20px;}
    .cl_applicationForm .titleForm .mainText { font-size: 20px; }
    .cl_applicationForm .titleForm .mainText.small { font-size: 16px; }
    
    .cl_applicationForm .priceInfoWrap table {table-layout:fixed;}
    .cl_applicationForm .priceInfoWrap table th {width:150px; font-size:14px; color:#000; height:40px; border-bottom:1px solid #000; text-align:center; font-family:"NotoSansB";}
    .cl_applicationForm .priceInfoWrap table th.firstTh {width:70px;}
    .cl_applicationForm .priceInfoWrap table td {width:150px; font-size:14px; color:#000; height:40px; border-bottom:1px solid #000;  text-align:center;}
    .cl_applicationForm .priceInfoWrap table .strike { font-size: 14px; color: #888888; font-family:'SCDream4'; text-decoration:line-through;}

    /*상세페이지*/
    .cl_detailPage { overflow: hidden; }


    /*
       ******************* MEMBER 폼 *******************
    */

    .cl_memberForm{margin-bottom: 50px;}
    .cl_memberForm input{ margin-bottom: 10px; }
    .cl_memberForm .save { margin-bottom: 20px; }
    .cl_memberForm .cl_button { margin-bottom: 15px; }
    .cl_memberForm .findButton {  font-size: 16px;}


    /*
       ******************* 정렬 *******************
    */

    .cl_sortBox { margin-bottom: 20px; }


    /*
       ******************* 링크버튼 *******************
    */

    .cl_linkBtn { border-top: 3px solid #5e71e4; margin-bottom: 70px; }
    .cl_linkBtn ul li a{ display: flex; justify-content: space-between; align-items: center; font-size: 18px; color: #000000;  font-family: 'NotoSansR'; border-bottom: 1px solid #d8d8d8;  padding: 10px 20px;}
    .cl_linkBtn ul li i { color: #b7b7b7; }

    .cl_linkBtn.textWrap ul li { font-size: 16px; padding: 10px 20px; }
    .cl_linkBtn.textWrap ul li .mainText { font-family: 'NotoSansB'; margin-bottom: 10px;}
    .cl_linkBtn.textWrap ul li .subText1 { color:#777777; margin-bottom: 10px;}
    .cl_linkBtn.textWrap ul li .subText2 { font-size: 14px; color:#999999; font-family: 'NotoSansL';}

    /*
       ******************* 파란텍스트박스 *******************
*/

    .cl_blueBox { padding: 10px 0px; margin-bottom: 20px; }
    .cl_blueBox .textWrap { width: 33.333%; }
    .cl_blueBox .textWrap .mainText { font-size: 18px; color: #888888; font-family: 'NotoSansR'; }
    .cl_blueBox .textWrap .subText { font-size: 18px; color: #000000; font-family: 'NotoSansR'; }
    .cl_blueBox .textWrap .subText span { font-family: 'NotoSansB';  }


    /*
           ******************* 주문상태폼 *******************
    */

    .cl_orderTable { font-size:16px; border-top: 2px solid #5e71e4; margin-bottom: 70px; }
    .cl_orderTable tr td {  padding: 10px 0; font-size:14px;}
    .cl_orderTable tr td.buttons {width:70px;}
    .cl_orderTable tr td:nth-last-child(2) { text-overflow: ellipsis; overflow: hidden;  white-space: nowrap; display: block; width: 110px; padding: 15px 0;}
    .cl_orderTable tr td .grayBtn { padding: 5px 0; font-size: 14px;}
    .cl_orderTable tr td .blueBtn { padding: 5px 0; font-size: 14px;}


    /*
       ******************* qna폼 *******************
    */

    .cl_qnaWrap { border-top: 3px solid #FFC848; margin-bottom: 20px; }
    .cl_qnaWrap ul li { border-bottom: 1px solid #d8d8d8; padding: 10px 10px;}
    .cl_qnaWrap ul li .openWrap {  font-size: 16px; cursor: pointer; }
    .cl_qnaWrap ul li .openWrap .textWrap .subText { margin-top:5px; font-size: 13px; }
    .cl_qnaWrap ul li .openWrap .mainTextWrap .ques { font-size: 18px; 	font-family:'SCDream7'; color: #000000; padding-right: 10px; padding-top: 2px; }
    .cl_qnaWrap ul li .showWrap { font-size: 14px; color: #000000; font-family: 'NotoSansL'; margin-top: 10px; display: none; }


    /*
           ******************* 정산서 *******************
    */
    .cl_adjustment { border-top: 3px solid #FFC848; padding: 20px 0 70px 0; font-size: 18px; color: #000000; font-family: 'NotoSansM'; }
    .cl_adjustment .dateWrap { display: flex; justify-content: space-between; align-items: center; padding: 0 30px; margin-bottom: 20px;}
    .cl_adjustment ul li.cl_blueBox{ padding: 20px 20px;    margin-bottom: 0px; }
    .cl_adjustment ul li { padding: 10px 20px; border-bottom: 1px solid #d8d8d8; }
    .cl_adjustment ul li .price { font-size: 18px; font-family: 'NotoSansR';}
    .cl_adjustment .totalPrice { display: flex; justify-content: space-between; align-items: center; font-size: 22px; padding: 20px 20px; }


    /*
           ******************* 통신사버튼 *******************
    */
    .cl_carrierWrap {  margin-bottom: 30px;}
    .cl_carrierWrap .carrierBtn { width: 32.8%; background-color: #f7f7f7; border-radius: 10px; padding: 10px 0; font-size: 16px;}

}